body{width:100%;margin:0;background:#fff;font-family:'EB Garamond';font-size:18px;color:000;}
body a{color:#000;}
body a:hover{color:#dc291e;}
h1{margin:20px 0;text-align:center;color:#dc291e;}
h2{margin-top:0;margin-bottom:20px;font-size:32px;text-align:left;color:#dc291e;}
h3{margin-top:0;margin-bottom:0;font-size:32px;text-align:left;color:#000;}
p{width:750px;margin:0 auto 20px;text-align:left;color:#000;}
p.aumentada{font-size:22px;}
p.volver{margin-top:20px;text-align:center;}
p.volver a{color:#dc291e;text-decoration:none;}
p.volver a:hover{text-decoration:underline;}
.container{margin:0;}
.contenedorlista{width:1024px;margin:0 auto 100px;position:relative;overflow:hidden;}
.contenedorlista ul.lista{margin:13px;padding:0;list-style:none;}
.contenedorlista ul.lista li{margin:15px;display:inline-block;}
.contenedor{width:750px;margin:0 auto 100px;position:relative;overflow:hidden;}
.contenedor .panel{position:relative;width:750px;height:250px;}
.contenedor .panel .libro{position:absolute;top:0px;}
.contenedor .panel .libro.l1{width:750px;height:250px;left:0px;}
.contenedor .panel .libro.l2{width:750px;height:250px;left:750px;}
.contenedor .panel .libro.l3{width:750px;height:250px;left:1500px;}
.contenedor .panel .libro.l4{width:750px;height:250px;left:2250px;}
.contenedor .panel .libro.l5{width:750px;height:250px;left:3000px;}
.contenedor .panel .libro.l6{width:750px;height:250px;left:3750px;}
.contenedor .panel .libro.l7{width:750px;height:250px;left:4500px;}
.contenedor .lefta{position:absolute;top:115px;left:20px;color:#fff;}
.contenedor .leftb{position:absolute;top:365px;left:20px;color:#fff;}
.contenedor .leftc{position:absolute;top:615px;left:20px;color:#fff;}
.contenedor .righta{position:absolute;top:115px;left:718px;color:#fff;}
.contenedor .rightb{position:absolute;top:365px;left:718px;color:#fff;}
.contenedor .rightc{position:absolute;top:615px;left:718px;color:#fff;}
.contenedor .btlefta{width:375px;height:250px;position:absolute;top:0px;left:0px;cursor:pointer;z-index:1000;}
.contenedor .btleftb{width:375px;height:250px;position:absolute;top:250px;left:0px;cursor:pointer;z-index:1000;}
.contenedor .btleftc{width:375px;height:250px;position:absolute;top:500px;left:0px;cursor:pointer;z-index:1000;}
.contenedor .btrighta{width:375px;height:250px;position:absolute;top:0px;left:375px;cursor:pointer;z-index:1000;}
.contenedor .btrightb{width:375px;height:250px;position:absolute;top:250px;left:375px;cursor:pointer;z-index:1000;}
.contenedor .btrightc{width:375px;height:250px;position:absolute;top:500px;left:375px;cursor:pointer;z-index:1000;}
.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.1);transition: opacity 500ms;visibility:hidden;opacity: 0;z-index:10000;}
.overlay:target{visibility:visible;opacity:1;}
.overlay .popup{width:600px;margin:70px auto;padding:20px;position:relative;background:#ffffff;border-radius:5px;transition:all 5s ease-in-out;}
.overlay .popup .close{position:absolute;top:0px;right:20px;font-size:30px;font-weight:bold;text-decoration:none;color:#333;transition: all 200ms;}
.overlay .popup .close:hover{color:#dc291e;}
.overlay .popup .content{max-height:30%;}
@media (max-width:1024px){
	.contenedorlista{width:768px;}
	.contenedorlista ul.lista{margin:20px;}
	.contenedorlista ul.lista li{margin:10px;}
	.contenedorlista ul.lista li img{width:220px;height:220px;}
}
@media (max-width:780px){
	p{width:480px;}
	.contenedorlista{width:320px;}
	.contenedorlista ul.lista{margin:10px;}
	.contenedorlista ul.lista li{margin:10px 0;display:block;}
	.contenedorlista ul.lista li img{width:300px;height:300px;}
	.contenedor{width:480px;}
	.contenedor .panel{width:480px;height:160px;}
	.contenedor .panel .libro.l1{width:480px;height:160px;left:0px;}
	.contenedor .panel .libro.l2{width:480px;height:160px;left:480px;}
	.contenedor .panel .libro.l3{width:480px;height:160px;left:960px;}
	.contenedor .panel .libro.l4{width:480px;height:160px;left:1440px;}
	.contenedor .panel .libro.l5{width:480px;height:160px;left:1920px;}
	.contenedor .panel .libro.l6{width:480px;height:160px;left:2400px;}
	.contenedor .panel .libro.l7{width:480px;height:160px;left:2880px;}
	.contenedor .lefta{top:70px;left:10px;}
	.contenedor .leftb{top:230px;left:10px;}
	.contenedor .leftc{top:390px;left:10px;}
	.contenedor .righta{top:70px;left:458px;}
	.contenedor .rightb{top:230px;left:458px;}
	.contenedor .rightc{top:390px;left:458px;}
	.contenedor .btlefta{width:240px;height:160px;top:0px;left:0px;}
	.contenedor .btleftb{width:240px;height:160px;top:160px;left:0px;}
	.contenedor .btleftc{width:240px;height:160px;top:320px;left:0px;}
	.contenedor .btrighta{width:240px;height:160px;top:0px;left:240px;}
	.contenedor .btrightb{width:240px;height:160px;top:160px;left:240px;}
	.contenedor .btrightc{width:240px;height:160px;top:320px;left:240px;}
	.overlay .popup{width:400px;}
}
@media (max-width:500px){
	p{width:300px;}
	.contenedor{width:300px;}
	.contenedor .panel{width:300px;height:100px;}
	.contenedor .panel .libro.l1{width:300px;height:100px;left:0px;}
	.contenedor .panel .libro.l2{width:300px;height:100px;left:300px;}
	.contenedor .panel .libro.l3{width:300px;height:100px;left:600px;}
	.contenedor .panel .libro.l4{width:300px;height:100px;left:900px;}
	.contenedor .panel .libro.l5{width:300px;height:100px;left:1200px;}
	.contenedor .panel .libro.l6{width:300px;height:100px;left:1500px;}
	.contenedor .panel .libro.l7{width:300px;height:100px;left:1800px;}
	.contenedor .lefta{top:40px;left:10px;}
	.contenedor .leftb{top:140px;left:10px;}
	.contenedor .leftc{top:240px;left:10px;}
	.contenedor .righta{top:40px;left:268px;}
	.contenedor .rightb{top:140px;left:268px;}
	.contenedor .rightc{top:240px;left:268px;}
	.contenedor .btlefta{width:150px;height:100px;top:0px;left:0px;}
	.contenedor .btleftb{width:150px;height:100px;top:100px;left:0px;}
	.contenedor .btleftc{width:150px;height:100px;top:200px;left:0px;}
	.contenedor .btrighta{width:150px;height:100px;top:0px;left:150px;}
	.contenedor .btrightb{width:150px;height:100px;top:100px;left:150px;}
	.contenedor .btrightc{width:150px;height:100px;top:200px;left:150px;}
	.overlay .popup{width:260px;}
}