body{ margin: 0; padding: 0; background: #FFCC00; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em; }
#nav { margin: 2px auto 0px auto; text-align: center; width: 790px; height: 46px; padding-top: 7px; color: #FFCC00; }
#nav table{ border-collapse: collapse; margin: 0 auto 5px auto; }
#nav table img{ vertical-align: middle; }
#frontend{ background: url(../images/frontend.jpg) no-repeat black; color: white; width: 752px; height: 472px; margin: 0 auto; padding: 13px 19px; }
#texto { float: right; font-weight: bold; font-size: 11px; width: 500px; padding-top: 6px; }
#texto2 { float: right; font-weight: bold; font-size: 11px; width: 750px; margin-top: 16px; text-align: center; }
#texto2 a{ display: block; margin-top: 0px; color: white; text-decoration: underline; }
#texto img{ display: block; margin: 12px 0 0 65px; }
#texto a{ display: block; margin-top: 0px; color: white; text-decoration: underline; }
#texto a:hover{ color: #FFCC00; }
#iconos{ float: right; text-align: center; width: 754px; margin: 12px 0px 0px -4px; }
#iconos a img{ border: 1px solid black; margin: 5px -2px 0 -1px; padding: 0px; }
#iconos a:hover img { border: 1px solid red; }
#iconos a img.ultimo, #iconos a:hover img.ultimo{ border: none; }
.holdertext{ font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: white; }
.holdertext a{ color: black; font-weight: normal; }
.holdertext a:hover{ color: red; }
#escaparate{ width: 750px; height: 321px; border: 1px solid black; overflow: hidden; }	
a img.logorevistas{ border: 0; margin: 22px 0 0 46px; }
#revista0 h4{ font-size: 14px; text-align: center; margin: 3px; }
#revista0 img#map{ border: 0; }

#revista1, #revista2, #revista3, #revista4, #revista5, #revista6, #revista7, #revista8, #revista9, #revista10, #revista11, #revista12, #revista13, #revista14 { width: 750px; height: 321px; position: absolute; }
#revista1 { background: url(../images/fondodetalle1.jpg) no-repeat; }
#revista2 { background: url(../images/fondodetalle2.jpg) no-repeat; }
#revista3 { background: url(../images/fondodetalle3.jpg) no-repeat; }
#revista4 { background: url(../images/fondodetalle4.jpg) no-repeat; }
#revista5 { background: url(../images/fondodetalle5.jpg) no-repeat; }
#revista6 { background: url(../images/fondodetalle6.jpg) no-repeat; }
#revista7 { background: url(../images/fondodetalle7.jpg) no-repeat; }
#revista8 { background: url(../images/fondodetalle8.jpg) no-repeat; }
#revista9 { background: url(../images/fondodetalle9.jpg) no-repeat; }
#revista10 { background: url(../images/fondodetalle10.jpg) no-repeat; }
#revista11 { background: url(../images/fondodetalle11.jpg) no-repeat; }
#revista12 { background: url(../images/fondodetalle12.jpg) no-repeat; }
#revista13 { background: url(../images/fondodetalle13.jpg) no-repeat; }
#revista14 { background: url(../images/fondodetalle14.jpg) no-repeat; }

#revista1 h2, #revista2 h2, #revista3 h2, #revista4 h2, #revista5 h2, #revista6 h2, #revista7 h2, #revista8 h2, #revista9 h2, #revista10 h2, #revista11 h2, #revista12 h2, #revista13 h2, #revista14 h2 { font-size: 16px; color: white; margin: 0 0 0 0; padding: 6px 0; text-align: center; text-transform: uppercase; }

.ficha1{ width: 354px; height: 270px; padding: 20px 0 0 23px; float: left; text-align: center; }
.ficha2{ width: 330px; height: 270px; padding: 20px 30px 0 13px; overflow: hidden; float: right; text-align: center; }
.ficha2 p{ font-size: 12px; color: black; margin: 0; padding: 0 5px; }
.ficha2 p a{ font-weight: bold;  color: blue; }
.ficha2 p a:hover{ color: red; }
img.portada{ border: 1px solid black; height: 250px; margin-top: 3px; } 
img.extra{ border: 1px solid black; height: 170px; margin: 3px auto 0 auto; } 
.ficha1 table{ margin-top: 10px; text-align: left; font-size: 11px; width: 100%; border-collapse: collapse; }
.ficha1 caption{ font-weight: bold; padding: 3px; background-color: #8FA6D8; }
.ficha1 table td{ border: 1px solid #8FA6D8; width: 50%; margin: 0; padding: 2px 2px 2px 5px; }

#revista10 { text-align: center; }
#revista10 .ficha{ float: left; width: 200px; }
#revista10 .ficha.uno{ padding: 20px 20px 0 32px; }
#revista10 .ficha.dos{ padding: 20px 20px 0 20px; }
#revista10 .ficha.tres{ padding: 20px 32px 0 20px; }
#revista10 .ficha img{ height: 150px; border: 1px solid black; }
#revista10 .ficha h3{ margin: 5px 0 0 0; font-size: 12px; }
#revista10 .ficha p{ font-size: 12px; color: black; margin: 0; padding: 5px 5px 0 5px; }
#revista10 .ficha p a{ font-weight: bold; display: block; margin: 0 auto; text-align: center; color: blue; }
#revista10 .ficha p a:hover{ color: red; }
@media handheld { .holdertext:after{ content: "- Diseño y maquetación CSS -\Ahttp://elufo.com"; position: absolute; bottom: 4px; right: 4px; padding: 1em; font-weight: bold; border: 1px solid #856A00; background: #FFE47A; color: #856A00; } }