body{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:2%;
margin-right:2%;
margin-top:1%;
background-color: #ffffff;
font-weight: normal;
line-height: 130%;
}

#izquierda{
position: absolute;
left: 1%;
width: 20%;
font-size: 90%;

}

#centro{
position:absolute;
left: 12%;
width:60%;
max-width: 42em;
overflow: hidden;
    
}

#derecha{
position: absolute;
width: 25%;
left: 73%;
font-size: 80%;

}

#yo {
display: inline;
background-color: #000000;
color: #ffffff;
}

#portada_izquierda {
position:absolute;
left: 15%;
width:55%;
border-right:dotted #B8B5A3;
overflow: hidden;
}

#portada_derecha {
position:absolute;
left: 70%;
width:27%;
max-width: 42em;
padding-left: 2%;
padding-right: 1%;
overflow: hidden;
font-size: 90%;
}

#contenedor_central {
max-width: 42em;
margin-left: auto;
margin-right: auto;
padding-right:10px;
}

span#titulito {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

span#lema {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

span#fecha {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #808080;
font-weight: bold;
}

span#titulo {
font-family: Constantia, Rockwell, Serifa, Palatino Linotype, Verdana, Arial, Helvetica, sans-serif;
font-size: 200%;
text-transform: uppercase;
font-weight: bold;
}

span#pie {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #808080;
font-weight: normal;
}

.separador {
text-align: center;
text-align: -moz-center;
font-size: 400%;
color: #C0C0C0;
}
.recuadro_portada {
width:90%;
left:5%;
border: 1px solid black;
padding:1em;
}

.foto {
width: auto;
height: auto;
max-width: 100%;
}

.publicidad_ultimo_libro {
border: 2px solid gray;
padding: 4px;
}

.titulo_novela {
font-style: italic;
font-weight: bold;
}

.texto_anuncio_novela {
font-size: 80%;
}

.cubierta_peq {
width:4em;
margin-right: 0.25em;
}

.precio_novela {
left: 5em;
font-size: 130%;
font-family: Arial;
font-weight: bold;
}

@media only screen and (max-device-width: 800px) {
body {
font-family: tita_text_light_regular,Georgia,"Times New Roman",Times,serif;
margin-left:2%;
margin-right:1%;
margin-top:1%;
background-color: #ffffff;
font-weight: normal;
font-size: 130%;
}

blockquote {
margin: 0.7em 0 0.7em 1em;
}

#izquierda {
display: none;
}

#centro {
position: static;
width: 99%;
max-width: 42em;
margin-right: 0;
overflow: hidden;
display: block;
}

#derecha {
position: static;
width: 100%;
display: block;
}

#portada_izquierda {
position: static;
width: 100%;
border-right: 0;
overflow: hidden;
display: block;
}

#portada_derecha {
position: static;
width: 96%;
max-width: 80em;
padding-left: 0%;
padding-right: 0%;
overflow: hidden;
font-size: 100%;
display: block;
}

#contenedor_central {
display: block;
}


span#titulo {
font-family: Constantia, Rockwell, Serifa, Palatino Linotype, Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
text-transform: none;
line-height: 180%;
}

.recuadro_portada {
width: 96%;
border: 1px solid black;
padding: 5px;
display: block;
}

.separador {
display: none;
}

}