*{box-sizing:border-box;}
	img.responsive {height:auto;}
	table{width:100%;}
	td{vertical-align:top}
	a:link {text-decoration:none}
	
	#logo{margin:2px;}
	
	#anos{margin:0px;padding:0px;width:auto;font-family:Helvetica,Arial,sanserif;list-style:none;display:inline-block;user-select:none;}
	#anos li{color:#ccc;opacity:0.5;margin:1px;padding:0px;height:35px;cursor:pointer;transition:2s;}
	#anos li:hover{color:#00f;opacity:1;text-shadow:2px 2px 5px #55f;transition:0s;}
	#anos #sel{opacity:1;margin:1px;padding:0px;height:35px;cursor:default;color:#000;}
	#anos #sel:hover{text-shadow:2px 2px 5px #fff;}
	
	#paxina{display:flex;}

	#letter {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:20px;min-width:270px;width:100%;min-height:200px;padding:10px;position:relative;font-family:'Helvetica','Arial',sanserif;color:#000;display:flex;}
	#letter:before,#letter:after{content:'';height:98%;position: absolute;width:100%;z-index: -1;}
	#letter:before{background:#fafafa;box-shadow:0 0 8px rgba(0,0,0,0.2);left:-5px;top:4px;transform:rotate(-2.5deg);}
	#letter:after{background:#f6f6f6;box-shadow:0 0 3px rgba(0,0,0,0.2);right:-3px;top:1px;transform:rotate(1.4deg);}
	
	
	#letter2 {background: no-repeat url(papel.png) 0 0;background-repeat:repeat;background:#ffe;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:20px;min-width:270px;width:100%;min-height:200px;padding:10px;position:relative;font-family:'Helvetica','Arial',sanserif;color:#000;display:flex;}
	#letter2:before,#letter:after{content:'';height:98%;position: absolute;width:100%;z-index: -1;}
	#letter2:before{background:#ffe;box-shadow:0 0 8px rgba(0,0,0,0.2);left:-5px;top:4px;transform:rotate(-2.5deg);}
	#letter2:after{background:#fff;box-shadow:0 0 3px rgba(0,0,0,0.2);right:-3px;top:1px;transform:rotate(1.4deg);}
	
	#contido{display:inline-block;width:100%;position:relative;}
	
	#titulo{writing-mode:sideways-lr;text-orientation: mixed;font-family:Helvetica,Arial,sanserif;color:#fff;text-shadow:0px 0px 8px #444;text-align:right;display:block;user-select:none;}
	#subtitulo{font-family:Sans-serif;background:linear-gradient(349deg, rgba(219,216,221,0.5) 0%, rgba(105,103,103,0.5) 50%, rgba(251,246,238,0.5) 100%);color:transparent;background-clip:text;display:block;font-weight:bold;font-size:xx-large;margin:0 0 0px 25px;user-select:none;}
	
	#polaroid{display:inline-block;text-align:center;background-color:white;padding:1px;border:1px solid #BFBFBF;box-shadow:0 0 10px rgba(0,0,0,0.6);transform:rotate(7deg);margin:-5px 0px 0px 30px;width:188px;height:auto;user-select:none;}
	#polaroid img{height:auto;border:solid 7px #fff;width:93%;border-top:solid 9px #fff;}
	#polaroid p{font-size:small;color:#bbb;padding:0px;margin:-6px 0 0 0;}
	#polaroid2{display:inline-block;text-align:center;background-color:white;padding:1px;border:1px solid #BFBFBF;box-shadow:0 0 10px rgba(0,0,0,0.2);transform:rotate(7deg);margin:-5px 0px 0px 30px;width:250px;height:150px;padding-top:15px;user-select:none;}
	#polaroid2 img{width:90%;border:solid 0px #fff;}
	#botons{list-style:none;display:block;float:right;user-select:none;}
	#botons li{display:inline-block;width:auto;height:auto;text-align:center;border-radius:5px;background:#ddd;margin:2px;font-size:medium;color:#fff;font-family:Verdana,sans-serif;font-weight:bolder;line-height:80px;vertical-align: middle;text-shadow:2px 2px 5px #bbb;user-select:none;transition:2s;}
	#botons li:nth-child(even){transform:rotate(6deg);transition:2s;}
	#botons li:nth-child(even):hover{transform:rotate(0deg);transition:0s}
	#botons li:nth-child(odd){transform:rotate(-6deg);transition:2s;}
	#botons li:nth-child(odd):hover{transform:rotate(0deg);transition:0s}
	#botons li:hover{cursor:pointer;background:#aaf;color:#fff;text-shadow:2px 2px 5px #55f;box-shadow:2px 2px 10px #55f;transition:0s}
	#botons #sel{background:#aaf;color:#000;box-shadow:inset 0px 0px 2px #99f;transform:rotate(0 deg);}
	#botons #sel:hover{}
	
	#texto{display:inline-block;padding:2% 5% 0 10%;}
	#texto p {font-size:1em;line-height: calc(1ex/0.35);padding:0px;margin:0px;color:#555;}
	#texto p:nth-child(1)::first-letter{font-size:6em;font-family:Georgia,Times,serif;color:#ccc;padding:0px;margin:0px;}

	#textosecundario{padding:2% 15% 2% 3%;}
	#textosecundario p {font-size:1em;line-height: calc(1ex/0.35);padding:0px;margin:0px;color:#555;}
	#textosecundario p:nth-child(1)::first-letter{font-size:4em;font-family:Georgia,Times,serif;color:#ccc;padding:0px;margin:0px;}



	#botonsbaixos{list-style:none;display:flex;user-select:none;margin-top:auto;width:100%;}
	#botonsbaixos li{display:inline-block;width:auto;height:auto;text-align:center;border-radius:5px;background:#ddd;margin:2px;padding:0px 10px 0px 10px;font-size:medium;color:#fff;font-family:Verdana,sans-serif;font-weight:bolder;line-height:80px;vertical-align: middle;text-shadow:2px 2px 5px #bbb;user-select:none;transition:2s;}
	#botonsbaixos li:nth-child(even){transform:rotate(6deg);transition:2s;}
	#botonsbaixos li:nth-child(even):hover{transform:rotate(0deg);transition:0s}
	#botonsbaixos li:nth-child(odd){transform:rotate(-6deg);transition:2s;}
	#botonsbaixos li:nth-child(odd):hover{transform:rotate(0deg);transition:0s}
	#botonsbaixos li:hover{cursor:pointer;background:#aaf;color:#fff;text-shadow:2px 2px 5px #55f;box-shadow:2px 2px 10px #55f;transition:0s}

	#correo{background:#fff;margin-top:10px;vertical-align:bottom;width:0px;height:41px;}

	#sinatura{display:block;margin:0 auto 0 auto;}

	#portacrono{border:0px solid #fff;border-collapse:collapse;width:90%;font-size:1em;line-height:calc(1ex/0.45);margin-left:2%;}
	#portacrono td{border:0px solid #fff;width:50%;}
	#portacrono tbody tr td:nth-child(even){text-align:left;border-left:5px solid #000;padding-top:10px;}
	#portacrono tbody tr td:nth-child(odd){text-align:right;}
	#inicio{border-radius:50%;width:50px;height:50px;text-align:center;border:1px solid #595;box-shadow:1px 1px 8px #050;background:linear-gradient(222deg,rgba(130,240,131,1) 0%,rgba(13,122,14,1) 100%);}
	#inicio:hover{box-shadow:2px 2px 6px #000;cursor:pointer;}
	#inicio div{padding:15px 0 5px 0;color:#fff;font-family:Helvetica,sans-serif;font-size:17px;font-weight:bolder;}
	#final{border-radius:50%;width:50px;height:50px;text-align:center;border:1px solid #595;box-shadow:1px 1px 8px #500;background:linear-gradient(212deg,rgba(248,166,176,1) 28%,rgba(247,27,15,1) 61%);}
	#final:hover{box-shadow:2px 2px 6px #000;cursor:pointer;}
	#final div{padding:15px 0 5px 0;color:#fff;font-family:Helvetica,sans-serif;font-size:17px;font-weight:bolder;}
	.cuadro{padding:6px;border:3px solid #fff;margin:0px;min-height:50px;min-width:150px;box-shadow:0px 0px 6px #bbb;}
	#portacrono tbody tr td:nth-child(odd) div.cuadro{border-radius:5px 30px 5px 20px;float:right;}
	#portacrono tbody tr td:nth-child(odd) div.verruga{float:right;}
	#portacrono tbody tr td:nth-child(odd) img{background:#fff;}					
	#portacrono tbody tr td:nth-child(even) div.cuadro{border-radius:30px 5px 20px 5px;float:left;}
	#portacrono tbody tr td:nth-child(even) div.verruga{float:left;}
	#portacrono tbody tr td:nth-child(even) img{background:#fff;float:right;}
	
	.cronofoto{box-shadow:0px 0px 1px #000;transition:transform .2s;}
	.cronolibro{transition:transform .2s; }
	.cronofoto:hover{transform:scale(2);box-shadow:1px 1px 6px #000;}
	.cronolibro:hover{transform:scale(2);box-shadow:1px 1px 6px #000;}
	
	.verruga{border-radius:50%;width:40px;height:40px;text-align:center;border:1px solid #777;background:linear-gradient(169deg,rgba(246,246,240,1) 0%,rgba(197,202,185,1) 73%);box-shadow:0px 0px 6px #666;}
	.verruga div{font-size:12px; font-weight:bolder;font-family:Verdana,sans-serif;color:#000;padding-top:10px;}
	.verruga:hover{box-shadow:2px 2px 6px #000;cursor:pointer;}
	.pequeno{font-size:xx-small;font-style:italic}

	.azul{background:linear-gradient(212deg,rgba(200,250,255,0.5) 28%,rgba(127,205,241,0.5) 85%);}
	.laranxa{background:#dd0;}
	.marelo{background:linear-gradient(169deg,rgba(251,249,158,0.5) 0%,rgba(218,228,70,0.5) 57%,rgba(234,219,82,1) 99%);}
	.gris{background:linear-gradient(169deg,rgba(246,246,240,0.5) 0%,rgba(197,202,185,1) 73%);}
	.verde{background:#0c0;}
	.vermello{background:#c00;}

	#actividades{line-height:150px;list-style:none;color:#000;}
	#actividades li{display:inline-block;margin:5px;vertical-align:top;cursor:pointer;opacity:0.7;}
	#actividades li:nth-child(even){transform:rotate(6deg);transition:0.5s;}
	#actividades li:nth-child(even):hover{transform:rotate(0deg);box-shadow:0px 0px 6px #000;opacity:1;transition:0.5s}
	#actividades li:nth-child(odd){transform:rotate(-6deg);transition:0.5s;}
	#actividades li:nth-child(odd):hover{transform:rotate(0deg);box-shadow:0px 0px 6px #000;opacity:1;transition:0.5s}
	#actividades li div{border-radius:5px;padding:2px;border:solid 2px #fff;box-shadow:0px 0px 3px #000;width:161px;height:150px;line-height:10px;text-align:center;}
	#actividades li div img:nth-child(1){margin-bottom:5px;border:solid 2px #fff;}
	#actividades li div img:nth-child(2){width:70px;height:auto;border:solid 2px #fff;margin:2px auto 2px auto;}
	#actividades li div h1{font-family:Helvetica,Arial,sans;font-size:15px;line-height:16px;font-weight:bold;margin:0px;}
	#actividades li div p{font-family:Helvetica,Arial,sans;font-size:11px;line-height:12px;font-weight:normal;margin:2px;}

	.pdf-caixa{cursor:pointer;display:inline-block;position:relative;width:150px;height:220px;border:solid 1px #fff;box-shadow: inset 1px 1px 6px #ffff;border-radius:20px;text-align:left;vertical-align:top;margin:8px;}
	.pdf-container{perspective:600px;}
	@keyframes initAnimation{0% {transform:rotateY(-9deg);}100% {transform:rotateY(-28deg);}}
	.pdf-container:hover .pdf, .pdf-container:focus .pdf {transform: rotateY(19deg);}
	.pdf {width:80px;height:100px;position:relative;top:2px;left:2px;transform-style: preserve-3d;transform: rotateY(-28deg);transition: 1s ease;animation: 1s ease 0s 1 initAnimation;border:solid 1px #fff;}
	.pdf::before {position:absolute;content:' ';left: 5px;top:5px;width:13px;height:100px;transform:translateX(141.5px) rotateY(90deg);}
	.pdf::after {position:absolute;top:5px;left:5px;content:' ';width:75px;height:100px;transform:translateZ(-7.5px);background-color: #01060f;border-radius: 0 2px 2px 0;box-shadow: -10px 0 20px 1px #666;}
	.pdf-miniatura {position:absolute;top:0;left:0;width:80px;height:100px;transform:translateZ(7.5px);background-color:#fff;border-radius: 0 2px 2px 0;box-shadow: 1px 1px 6px #666;opacity:0,5;}
	.pdf-emblema{display:none;width:40px;height:40px;position:absolute;top:-10px;left:100px;border-radius:40%;box-shadow:1px 1px 3px #000;}
	.pdf-emblema:hover {display:inline;}
	.pdf-nivel{position:absolute;top:20px;left:90px;font-family:Helvetica,Arial,sans;font-size:25px;color:#fff;text-shadow:1px 1px 2px #000;}
	.pdf-texto {width:145px;}
	.pdf-texto h1{font-family:Helvetica,Arial,sans;color:#000;text-align:right;font-size:14px;line-height:15px;margin:12px 0 0 0;}
	.pdf-texto p{height:100px;font-family:Helvetica,Arial,sans;font-size:x-small;margin:3px;overflow:clip;}
	.pdf-texto p:hover{overflow:visible;}

	#Infantil4{background:rgba(255,255,0,0.3);}
	#Infantil5{background:rgba(255,200,0,0.3);}
	#Infantil6{background:rgba(240,160,0,0.3);}
	#Infantil456{background:rgba(190,100,0,0.3);}
	#Primaria1{background:rgba(190,90,90,0.3);}
	#Primaria2{background:rgba(200,50,0,0.3);}
	#Primaria12{background:rgba(250,0,0,0.3);}
	#Primaria3{background:rgba(250,0,80,0.3);}
	#Primaria4{background:rgba(250,0,130,0.3);}
	#Primaria34{background:rgba(255,0,255,0.3);}
	#Primaria5{background:rgba(200,0,200,0.3);}
	#Primaria6{background:rgba(150,0,150,0.3);}
	#Primaria56{background:rgba(50,50,120,0.3);}
	#Primaria123456{background:rgba(20,30,200,0.3);}
	#Ludico{background:rgba(255,191,0,1);}
	#Xeral{background:rgba(50,160,255,0.3);}
	#Xeral2{background:rgba(50,160,255,0.5);}
	#Exposicion{background:rgba(50,255,50,0.3);}
	#Exposicion2{background:rgba(10,255,20,0.3);}
	#Escolma{background:rgba(150,150,150,0.3);}
	#Escolma2{background:rgba(80,80,80,0.3);}
	#Robotica{background:rgba(10,200,60,0.3);}
	#Robotica2{background:rgba(10,90,75,0.3);}
	
	#fotos{list-style:none;}
	#fotos li{background:#fff;margin:10px;box-shadow:2px 2px 20px #ccc;cursor:pointer;display:inline-block}
	#fotos li img{max-width:200px;height:auto;margin:5px;border:solid 0px #fff;padding:3px;}
	#fotos li:nth-child(even){transform:rotate(8deg);transition:2s;}
	#fotos li:nth-child(even):hover{transform:rotate(0deg);transition:0.5s;box-shadow:2px 2px 30px #000;}
	#fotos li:nth-child(odd){transform:rotate(-8deg);transition:2s;}
	#fotos li:nth-child(odd):hover{transform:rotate(0deg);transition:0.5s;box-shadow:2px 2px 30px #000;}	
	
	.lightbox{display:none;position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;padding:2em;background:rgba(0, 0, 0, 0.9);text-align:center;}
	.lightbox:target{display:block;}
	.lightbox span{display:block;width:100%;height:90%;background-position:center;background-repeat:no-repeat;background-size:contain;}
	.lightbox #pdfoto{width:100%;text-align:center;color:#fff;text-shadow:2px 2px #000;}

	.fotocol{margin:5px;max-width:300px;height:auto;background-color:#fff;padding:10px 10px 10px 10px;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,0.2);}
	.fotodereita{margin-right:15%;float:right;font-size:xx-large;color:#fff;cursor:pointer;}
	.fotodereita:hover{color:#aaf;text-shadow:1px 1px 15px #fff;}
	.fotoesquerda{margin-left:15%;float:left;font-size:xx-large;color:#fff;cursor:pointer;}
	.fotoesquerda:hover{color:#aaf;text-shadow:1px 1px 15px #fff;}

	#pedefoto {font:bold Arial,Helvetica,Verdana,sans-serif;color:#aaa;padding:0px;}

	.portalibros{width:180px;height:240px;float:left;background:#fff;}

	.card{color:#222;max-width:130px;position:relative;top:100px;left:50px;margin:25px;background: #fff;transform-style: preserve-3d;transform:translate(-50%,-50%) perspective(200px);box-shadow:inset 30px 0 50px rgba(9,9,0,.5), 20px 0 60px rgba(9,9,0,.5);transition:1s;}
	.card:before{content:'';position:absolute;top:-5px;left:0;width:100%;height:5px;background:#ddd;transform-origin:bottom;transform:skewX(-45deg);}
	.card:after{content: '';position:absolute;top:0;right:-5px;width:5px;height:100%;background:#92A29C;transform-origin:left;transform:skewY(-45deg);}
	.card .imgBox{position:relative;transform-origin: left;transition:1s;}
	.card .bark{position:absolute;background: #ddd;width:100%;height:100%;opacity:0;transition:1s;}
	.card .imgBox img{background:#fff;height:200px;width:130px;}
	.card:hover{transform:translate(-50%,-50%) perspective(2000px) rotate(15deg) scale(1.2);box-shadow: inset 20px 0 50px rgba(0,0,0,.5),0 10px 100px rgba(0,0,0,.5);}
	.card:hover .imgBox{transform: rotateY(-135deg);}
	.card:hover .bark{opacity:1;transition:.6s; box-shadow:300px 200px 100px rgba(8, 8, 0, .4) inset;}
	.card .details{position:absolute;top:0;left:0;box-sizing:border-box;padding:0 0 0 10px;z-index:-1;margin-top:2px;font-size:x-small;text-align:left;cursor:default;user-select:none;}
	.card .details p{font-size:15px;line-height:5px;transform:rotate(-10deg);padding:0 3px 0 20px;text-align:left;}
	.card .details h4{color:#66f;text-align:center;}

	.libropechado{margin:2px 2px 20px 10px;display:inline-table;width:150px;height:auto;position:relative;cursor:pointer;}
	.libropechado img{width:146px;height:auto;margin:2px 2px 2px 2px;padding:2px;position:relative;background:#fff;transition:1s;border:solid 1px #ccc;box-shadow:2px 2px 5px #000;pointer-events: none;user-select:none;}
	.libropechado div{font:normal 11px/9px Arial,sans-serif,Verdana,Helvetica;color:transparent;transition:2s;width:140px;padding:6px;margin:0px;position:absolute;}
	.libropechado div h1{font:normal 14px/14px Arial,sans-serif,Verdana,Helvetica;font-weight:900;color:transparent;transition:2s}

	.libroaberto{margin:2px 2px 20px 10px;display:inline-table;width:150px;height:auto;position:relative;cursor:pointer;}
	.libroaberto img{width:146px;height:auto;margin:2px 2px 2px -107px;transform: perspective(20rem) rotateY(-75deg);padding:2px;position:relative;background:#fff;transition:1s;border:solid 1px #ccc;box-shadow:2px 2px 5px #000;user-select:none;pointer-events: none;}
	.libroaberto div{font:normal 11px/9px Arial,sans-serif,Verdana,Helvetica;color:#333;transition:4s;width:140px;padding:6px;margin:0px;position:absolute;}
	.libroaberto div h1{font:normal 14px/14px Arial,sans-serif,Verdana,Helvetica;font-weight:900;color:#000;transition:8s;}

	.x0{float:top;display:inline-block;height:auto;font:12px Verdana, sans-serif;color:#fff;background:#0a0;width:160px;border:solid 5px #fff;box-shadow:0px 0px 2px #333;border-radius:10px;cursor:pointer;margin:5px;padding:5px;}
	.x0 h1{font-size:18px;font-weight:bold;line-height: 110%;}
	.x0:hover{box-shadow:1px 1px 10px #000;}
	.x0 img{float:right;}
	.x1{float:top;display:inline-block;height:auto;font:12px Verdana, sans-serif;color:#fff;background:#00f;width:200px;border:solid 5px #fff;box-shadow:0px 0px 2px #000;border-radius:10px;cursor:pointer;margin:5px;padding:5px;}
	.x1 h1{font-size:18px;font-weight:bold;line-height: 110%;}
	.x1:hover{box-shadow:1px 1px 10px #000;}
	.x1 img{float:left;}
	.x2{float:top;display:inline-block;height:auto;font:12px Verdana, sans-serif;color:#fff;background:#0a0;width:160px;border:solid 5px #fff;box-shadow:0px 0px 2px #333;border-radius:10px;cursor:pointer;margin:5px;padding:5px;}
	.x2 h1{font-size:18px;font-weight:bold;line-height: 110%;}
	.x2:hover{box-shadow:1px 1px 10px #000;}
	.x2 img{float:left;}
	.x3{float:top;display:inline-block;height:auto;font:12px Verdana, sans-serif;color:#333;background:#fff;width:180px;border:solid 7px #00f;box-shadow:0px 0px 2px #333;border-radius:10px;cursor:pointer;margin:5px;padding:5px;}
	.x3 h1{font-size:18px;font-weight:bold;line-height: 110%;}
	.x3:hover{box-shadow:1px 1px 10px #000;}
	.x3 img{float:right;}

	.g0{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;padding-left:3%;padding-top:10px;}
	.g1{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;padding-left:3%;padding-top:10px;}
	.g2{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;padding-left:3%;padding-top:10px;}
	.g3{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;padding-left:3%;padding-top:10px;}
	.g4{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;padding-left:3%;padding-top:10px;}
	.g5{font:bold 20px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;text-shadow:1px 1px 2px #ccc;}
	.g6{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;color:#000;display:block;padding-left:3%}
	.g7{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;padding-left:3%}
	.g8{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;color:#000;display:block;padding-left:3%}
	.g9{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;color:#000;display:block;padding-left:3%}
	.g10{font:bold 17px Arial,Helvetica,Verdana,sans-serif;color:#000;display:block;padding-left:3%}
	.t{font:italic 14px Arial,Helvetica,Verdana,sans-serif;color:#336;padding-left:7%;display:block;}

	#lettersdfdsfds {background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:20px;position:relative;font-family:'Helvetica','Arial',sanserif;color:#000;display:flex;}
	article {position:relative;margin:5px auto auto 35px;font-family:'Helvetica','Arial',sanserif;color:#333;min-width:270px;width:100%;min-height:200px;padding:10px;}
	article::before,article::after{content:'';width:100%;height:100%;position:absolute;left:-2px;top:-5px;z-index:-1;transform:rotate(-2deg);}
	article::after{left:0;transform:rotate(-1deg);}
	article,article::before,article::after{background:#fff;box-shadow: 0 0 4px rgba(0,0,0,0.4);}
	
	.polaroid2{text-align:center;background-color:rgba(255,255,0,0);transform:rotate(-7deg);position:relative;float:right;margin:20px;}
	.polaroid3{text-align:center;background-color:rgba(255,255,0,0);transform:rotate(7deg);position:relative;float:right;margin:20px;}	
	
	#opt{font-size:15px;font-weight:bold;}



@media screen and (max-width:1024px ){
	img.responsive {width:200px;}
	.icono{font-size:small;line-height:65px;} 
	.pasivo{font-size:small;line-height:65px;}
	.texto{padding-left:5px;margin:0px;font-size:small;}
	.clicboton{height:auto;}
	#foto{width:100px;height:100px;}
	#foto2{width:200px;height:auto;}
	#polaroid{width:120px;height:130px;left:-10px;}
	.polaroid2{width:200px;height:auto;display:inline-block;}
	.polaroid3{width:200px;height:auto;display:inline-block;}
	.fotocol{width:190px;height:auto;}
	.medio{font-size:xx-small;font-family:Verdana, sans-serif;}
	#pedefoto {margin:2px;font-size:x-small;}
	#anos{font-size:x-large;}#titulo{font-size:large;width:35px;}
	body{background-position:20% -20%;}.letter{font-size:x-small;}article{font-size:x-small;padding:15px;width:100%;}
	.cronolibro{margin:5px;width:auto;height:80px;border:1px solid #333;}
	.cronofoto{margin:5px;width:auto;height:80px;border:1px solid #fff;}
	#sinatura{margin-bottom:150x;width:150px;height:auto;}
	}
@media screen and (min-width: 1025px){
	img.responsive{width:400px;} 
	.texto{font-size:medium;line-height:20px;padding-left:150px;}
	#foto{width:200px;height:200px;}
	#foto2{width:400px;height:auto;}
	#polaroid{left:30px;}
	.medio{font-size:small;font-family:Verdana, sans-serif;}
	#pedefoto {margin:3px;font-size:small;}
	#anos{font-size:xx-large;top:-10px;}#titulo{font-size:xxx-large;width:50px;}
	body{background-position:20% -20%;}.letter{font-size:small;}article{font-size:small;padding: 50px;width: 70%;}
	.cronolibro{margin:5px;width:auto;height:100px;border:1px solid #333;}
	.cronofoto{margin:5px;width:auto;height:100px;border:3px solid #fff;}
	}