/**************** TTT ******************/

@import url(reset.css);
@import url(layout.css);

/** CABECERA ----------------- */


#botonInicio a{
 display:block;
 text-indent:-99999px;
 background:url(../../images/botonInicio.png) no-repeat 0 -10px;
 width:42px;
 height:45px;
 margin-left:auto;
 outline:none;
}

h1{
 margin:18px 0 0 25px;
 float:left;
 display:inline;
}

h1 a{
 display:block;
 height:34px;
 text-indent:-99999px;
 width:280px;
 background:url(../../images/logo.png) no-repeat;
}

#envioMensajes{
 position:absolute;
 right:10px;
 top:120px;
}

#envioMensajes a{
 background:url(../../images/mandaMensaje.jpg) no-repeat;
 display:block;
 width:122px;
 text-align:center;
 padding:65px 0 6px 0;
 font-family:Georgia;
 font-size:.9em;
}

#envioMensajes a:hover{
 text-decoration:none
}

/* Menu -------------------------*/

#menu{
 font-family:Georgia, serif;
 text-transform:uppercase;
 font-size:.85em;
 margin-top:26px;
}

#menu li{
 float:left;
 padding:0 8px;
}

#menu li span{
 display:block;
}

#menu a{
 color:#D10423;
}

#menu li.fin{
 padding-right:0;
}

#menu a:hover,
#menu .actual a{
  color:#042F52;
  text-decoration:none;
}


/** Generales-------*/

.modulo{
 margin-bottom:25px;
 padding:0 170px 0 110px;
}

.modulo p{
 margin-bottom:11px;
}

.pDestacado{
 color:#D10423;
 font-weight:bold;
}

.tituloSeccion{
 margin:0 0 25px 110px;
 font-family:Georgia, serif;
 color:#D10423;
 font-size:1.5em;
}

.subtitulo{
 margin:-20px 0 25px 110px;
}

.conDibujo{
 margin-right:85px;
}

.listadoCajas li{
  margin-bottom:25px;
}

.listadoCajas img{
 float:left;
}

.textoCaja{
 margin-left:90px;
 border-bottom:1px solid #D10423;
 padding-bottom:5px;
}

.titulo{
 font-size:1.3em;
}
/** Inicio ---------*/

.inicio{
 min-height:400px;
 background:#f4f6f8 url(../../images/fondoInicio.jpg) no-repeat left bottom;
}

.inicio .modulo{
 margin:0 200px 25px 25px;
 padding:0;
}

.inicio p{
 font-size:1.1em;
}

.firma{
 text-indent:-99999px;
 width:95px;
 height:104px;
 margin-left:auto;
 background:url(../../images/firma.png) no-repeat;
}

/** Manolito -------*/

.manolito{
 min-height:435px;
 background:#f4f6f8 url(../../images/fondoManolito.jpg) no-repeat left bottom;
 padding-bottom:155px;
}

.manolito .tituloSeccion{
 padding-top:20px;
 height:40px;
 margin-bottom:0;
}

.manolito .modulo{
 background:url(../../images/manolito1.jpg) no-repeat 568px 84px;
}

/** Personajes ----*/
.personajes,
.libros,
.opinion{
 min-height:435px;
 background:#f4f6f8; 
}

/** Libros ------*/

.libros .textoCaja{
 margin-left:220px;
 border:0;
}

/** autores -----*/

.autores{
 background:#f4f6f8 url(../../images/fondoAutores.jpg) no-repeat left bottom;
 min-height:435px;
}

.autores .textoCaja{
 margin-left:170px;
 border:0;
}

/** Prensa ----*/
.prensa{
background:#f4f6f8 url(../../images/fondoPrensa.jpg) no-repeat left bottom;
}

.prensa blockquote,
.opinion blockquote{
 background:url(../../images/comillas.png) no-repeat;
 padding-left:20px;
 margin-bottom:25px;
}

.autorCita{
 text-align:right;
 color:#D10423;
}

#pie a{
 color:#fff;
}

#pie .ttt a{
 background:url(../../images/ttt.png) no-repeat;
 display:block;
 width:49px;
 height:20px;
 margin-left:auto;
 text-indent:-99999px;
}

/** Opinion --*/

#paginacion{
 text-align:right;
 font-size:.8em;
}

.submit input{
 display:block;
 margin-left:auto;
 font-size:.8em;
 color:#D10423; 
}

#paginacion a,
.submit input{
 border:1px solid #ccc;
 background:url(../../images/degradado_negro.png) repeat-x bottom;
 padding:3px 6px;
}

#comentar fieldset{
 padding:20px;
 border:1px solid #ccc;
}

#comentar label{
 display:block;
 margin-bottom:20px;
}

#comentar label input,#comentar textarea{
 display:block;
 font-size:1.5em;
 width:99%;
 border:1px solid #ccc;
}

#comentar textarea{
 background:#eff3f6 url(../../images/fav.jpg) no-repeat bottom right;
}

.error, .campo_error{
 font-size:.8em;
 color:red;
}