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

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

/** CABECERA ----------------- */
#bannerSuperior{
 width:990px;
 margin:5px auto;
}
#cabeceraPrincipal{
 float:left;
 width:690px;
 background:url(../../images/linea-gris.png) no-repeat center 7px;
 padding-top:20px;
}
#cabeceraAuxiliar{

 background:url(../../images/linea-verde.png) no-repeat 25px 7px;
 float:left;
 font-size:0.9em;
 overflow:hidden;
 padding-top:84px;
 width:300px;
}
#iconosSociales{
 background:url(../../images/fondo-iconos.png) repeat-y;
display:inline;
float:left;
margin-bottom:7px;
padding:50px 0 0 25px;
width:125px;
}
#cabeceraAuxiliar li{
 border-top:1px solid #b4b4b4;
 padding:4px 0;
}
#cabeceraAuxiliar a{color:#666;}
#cabeceraAuxiliar a:hover{text-decoration:none;}

#cajaContacto{
 float:left;
 margin-left:35px;
 display:inline;
 padding-top:50px;
}

#logo{
 margin:0 15px 17px 15px;
 text-align:right;
}

#flash{
 background:#A6A211;
}
#oflash{
 display:block;
 margin:0 auto;
}
#logo a{
 display:block;
 padding-top:30px;
 background:url(../../images/logo.jpg) no-repeat;
 font-family:arial, sans-serif;
 text-transform:uppercase;
 color:#666;
 font-size:1.2em; 
}
#logo a:hover{text-decoration:none;}

.icoFacebook{
 background:url(../../images/ico-facebook.jpg) no-repeat right center;
}
.icoRss{
 background:url(../../images/rss.gif) no-repeat right center;
}
.icoTwitter{
 background:url(../../images/ico-twitter.jpg) no-repeat right center;
}
.icoFlickr{
 background:url(../../images/ico-flickr.jpg) no-repeat right center;
}
.icoYoutube{
 background:url(../../images/ico-youtube.jpg) no-repeat right center;
}

#menu{
 clear:both;
 margin-left:15px;
}

#menu li{
 float:left;
 border:1px solid #b4b4b4;
 margin-right:2px;
 display:inline;
 padding:5px 2px;
 font-size:1.1em;
 font-weight:bold;
}

*:first-child+html #menu li{
 height:1%;
}

#menu a{
 color:#666;
 padding-left:6px;
 border-left:2px solid #b4b4b4;
}

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

#menuEstudios{
 background:#A6A211;
 overflow:hidden;
 padding-left:15px;
 margin:-10px 0 30px 0;
}
#menuEstudios li{
 float:left;
 padding:5px 5px;
}

#menuEstudios a{
 color:#fff;
 display:block;
 font-size:.9em;
 padding-left:5px;
 border-left:1px solid #fff;
}

/* generales */

.fila{
 overflow:hidden;
 margin-bottom:15px;
 padding:0 9px;
}
.columna{
 float:left;
 padding:0 6px;
 margin-bottom:10px;
}
.columna50{
 width:324px;
}
.columna25{
 width:156px;

}

.inicio .columna25 .caja,
.inicio .columna50 .caja{
 height: 250px;
 overflow:hidden;
}
.columna100{
 float:none;
 clear:both;
}
.columna .caja{
 padding:6px;
 overflow:hidden;
 margin-bottom:10px;
 border-bottom:1px dashed #b4b4b4;
}
.inicio .columna .caja{ border:1px solid #b4b4b4;}

.caja .tituloCaja{
 font-size:1.6em;
 font-weight:lighter;
 color:#A6A211;
 margin-bottom:5px;
}
.caja .tituloCaja a{
 color:#000;
}
.caja .tituloCaja.destacada{
 font-size:1.7em;
}
.entradilla{
 line-height:1.6;
 font-size:1em;
}
.antetitulo{
 text-transform: uppercase;
}
.actividades .entradilla p{
 margin-bottom: 15px;
}

.actividades .texto{
 line-height:1.6;
 font-size:1em;
}
.actividades .texto p{
 margin-bottom: 10px;
}

.mas{
 text-align:right;
 font-size:.9em;
 margin-top:5px;
 clear:both;
}
.tipo1 .tituloCaja{
 padding-top:3px;
}
.tipo2 img{
 margin-bottom:5px;
 padding-top:3px;
}
.tipo3 img{
 float:left;
 margin-right:10px;
 display:inline;
}
.inicio .tipo2 img,
.inicio .tipo1 .tituloCaja{
 border-top: 2px solid #A6A211;
}
.inicio .caja .tituloCaja{ font-size:1.4em;}
h1{
 color:#A6A211;
 font-size:1.6em;
 font-weight:lighter;
/* text-transform:uppercase;*/
 margin-bottom:10px;
 line-height:1.2;
}

.bloqueTexto{
 line-height:1.6;
}

.bloqueTexto h2,.presentacion #principal h2{
 color:#000;
 font-size:1.2em;
 margin:14px 0 2px 0;
 text-transform:uppercase;
}

.bloqueTexto h3{
 font-size:1em;
}

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

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

.bloqueTexto li{
 padding-left:10px;
 margin-bottom:7px;
}
.bloqueTexto ul li{
 background:url(../../images/bullet-mini.png) no-repeat 0 6px;
}
.bloqueTexto img{
 margin-bottom:20px;
}
.bloqueTexto p.msg{
 color:#FF0033;
}

.imgFlotante{
 float:left;
 margin:5px 20px 5px 0;
 display:inline;
}

.icoPDF{
 padding:15px 15px 15px 50px;
 border:1px solid #ccc;
 background:#fff url(../../images/ico-pdf.png) no-repeat 10px center;
}

.listaBloques li{
 float:left;
 border:1px solid #b4b4b4;
}
.autores li{
 margin:0px 5px; 
 padding:6px;
 width:110px;
}
.autores li img{
 border-top:2px solid #A6A211;
 padding-top:2px;
}
.fotoProfesor img{
 margin:0 auto 20px auto;
 display:block;
}
/* Inicio */

.inicio h1{
 display:none;
}
.inicio .descripcion{
 font-size:1.3em;
 margin-bottom:15px;
 padding:0 15px;
}

/** boletin **/

.boletin .bloqueTexto{
 padding:0 6px;
}
.legal{
 font-size:.8em;
}

#anularsuscribir, #suscribir{
 margin:20px auto;
 width:324px;
}

/* Paginacion */

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

#paginacion a{
 border:1px solid #ccc;
 padding:3px 6px;
}
#paginacion a:hover{
 text-decoration:none;
}
.paginacion_numActual{
 padding:3px 6px;
 border:1px solid #ccc;
 background:#eee;
}

/* columnas */

.cajasLaterales{
 padding:0 15px 0 25px;
}

.cajaLateral,
.banner,
.listaEnlaces{
 margin-bottom:20px;
}
.banner {
 text-align: center;
}

.cajaLateral h2.tituloCaja,
.listaEnlaces h3{
 font-size:1em;
 border-bottom:1px solid #b4b4b4;
 padding-bottom:3px;
 margin-bottom:10px;
}
.listaEnlaces li{
 border-bottom:1px solid #b4b4b4;
 padding:4px 0;
 font-size:.9em;
}

.listaEnlaces a{color:#666;}
.navegadores{
    cursor:pointer;
    display:block;
    height:28px;
    position:absolute;
    top:40%;
    width:14px;
    z-index:10;
}
.scrollable{
background-color: #A5A522;
}
.scrollable .item{
 padding: 0 15px;
}
.nextPage{right: 0;}
.prevPage{left: 0;}
/* contacto */

#formularioContacto{
 margin:10px 0px;
}

#formularioContacto label{
 float:left;
 margin-bottom:12px;
 color:#A6A211;
 width:324px;
 height:55px;
 display:inline;
 padding:0 6px;
}

#formularioContacto .campoLargo{
 width:100%;
}
#formularioContacto #labelComentario{
 width:100%;
 height:135px;
}


#formularioContacto textarea{
 height:100px;
 width:658px;
 border-top:2px solid #A6A211;
 border-left:1px solid #b4b4b4;
 border-right:1px solid #b4b4b4;
 border-bottom:1px solid #b4b4b4;
}
#formularioContacto label input{
 width:97%;
 font-size:1.1em;
 padding:4px;
 border-top:2px solid #A6A211;
 border-left:1px solid #b4b4b4;
 border-right:1px solid #b4b4b4;
 border-bottom:1px solid #b4b4b4;
}

#formularioContacto .error{ color:#FF0033;}
#formularioContacto .msg{
 background:#eee;
 border-top:1px solid;
 border-bottom:1px solid;
 border-color:#d1d1d1;
 margin-bottom:20px;
 padding:10px 0;
 text-align:center;
}
.cajaSubmit{
 text-align:right;
 padding:0 6px;
}
.cajaSubmit input{
 background:#fff url(../../images/right.png) no-repeat 5px center;
 border:1px solid #b4b4b4;
 font-size:1em;
 padding:3px 6px 3px 12px;
 border-top:2px solid #A6A211;
}

/* pie */
#pie{
 clear:both;
 margin-top:30px;
 color:#333;
 font-weight:bold;
 font-size:.8em;
 position:relative;
 padding:0 0 15px 15px;
}

#pie p.ttt{
 position:absolute;
 left:630px;
 top:0;

}
#pie p.ttt a{
 width:33px;
 height:13px;
 display:block;
 text-indent:-99999px;
 background:url(../../images/ttt.gif) no-repeat;
}

.addthis_caja{
    text-align: right;
    float:right; 
}

