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

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

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

h1 a{
 display:block;
 height:120px;
 text-indent:-99999px;
 width:320px;
 background:url(../../images/logo.png) no-repeat;
 margin:0 auto;
}

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

#menu{
 font-size:1.2em;
 text-transform:uppercase;
 background:#ffc20f;
 font-weight:bold;
}

#menu li{
 float:left;
 padding:2px 82px;
}

#menu li.first{
 padding-left:0;
}


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

#menu a{
 color:#010c4a; 
}

/** General */

#citas{
 width:400px;
 text-align:center;
 margin:20px auto 40px auto;
 font-size:1.8em;
 text-transform:uppercase;
 color:#fff;
 clear:both;
}


#citas #autorCita{
 text-align:right;
}

#citas cite{
 font-style:normal;
}

.autorCita{
 text-align:right;
 color:#CE0000;
 text-transform:uppercase;
 font-style:normal;
}

.destacado{
 text-transform:uppercase;
 color:#CE0000;
}

.cajaLateral{
 margin:0 0px 25px 0;
 background:#FFC20F;
 padding:10px;
 color:#000;
 text-align:justify; 
}

.cajaLateral li{
 background:url(../../images/puntoNegro.png) no-repeat 0 5px;
 padding-left:12px;
}

#menuLateral .video{
 background:none;
 padding:0;
}

.tituloLateral{
 font-size:1.2em;
 text-transform:uppercase;
 color:#000;
 margin-bottom:10px;
}

.bloqueTexto{
 padding:0 20px 0 20px;
 line-height:1.6;
 text-align:justify;
}

.bloqueTexto h2,
#comentar h2{
 font-size:1.4em;
 font-family:Arial, helvetica sans-serif;
 margin-bottom:15px;
 color:#000;
 font-weight:lighter;
 text-transform:uppercase;
}

.bloqueTexto p,
.bloqueTexto ul,
.cajaLateral p{
 margin-bottom:10px;
}

.bloqueTexto ul{
 margin-left:20px;
}

.bloqueTexto li{
 background:url(../../images/puntoRojo.png) no-repeat 0 7px;
 padding-left:12px;
}

.bloqueTexto img{
 margin:0 0px 5px 20px;
}

/** Comparte **/

#comentarios blockquote{
 margin-bottom:30px;
}

#comentarios blockquote .autorCita{
 margin-bottom:5px;
  border-bottom:1px solid #CE0000;
}

#paginacion{
 text-align:right;
 font-size:.8em;
 margin:20px 20px 0;
}

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

#paginacion a,
.submit input{
 border:1px solid #CE0000;
 padding:3px 6px;
 background:#fff;
}

.submit input{
 border-color:#ccc;
}

#comentar fieldset{
 padding:20px;
}

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

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

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


/* pie */

#pie a, #pie{
 color:#fff;
}
#creditos{
 float:left;
 width:50%;
}

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