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

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

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


#logo{
 position:absolute;
 top:60px;
 left:0;
}
#logo .enlaceLogo{
background:transparent url(../../images/transparente.png) repeat scroll 0 0;
clear:both;
float:left;
height:54px;
padding:3px 0;
width:590px;
} 

#logo .enlaceLogo a{
 background:transparent url(../../images/logo.png) no-repeat scroll 0 0;
display:block;
height:54px;
text-indent:-99999px;
width:150px;
margin-left:10px;
}

#cabeceraFecha{
 float:right;
 width:380px;
 background:#999;
 padding:10px;
 color:#fff;
 text-align:right;
 text-transform:uppercase;
}
.fechaWeb{
 font-size:1.6em;
 color:#ddd;
}


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


#menu{
 font-size:1.2em;
 text-transform:uppercase;
 float:left;
 width:780px;
}

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

#menu li.actual{
  background:url(../../images/fondoActual.png) no-repeat center top;
}

#menu .actual a,#auxiliar .menuLateral .actual a{
 color:#14377D;
 font-weight:bold;
}

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

#menu a{
 color:#999;
}

#menu a:hover{
 text-decoration:none;
 color:#14377D;
}

#cajaBusqueda{
 float:right;
 margin-top:10px;
}
#cajaBusqueda input{
 border:1px solid #ccc;
}
#cajaBusqueda #cadena{
 padding:1px;
 width:74px;
}
/** Generales-------*/

.oculto h1{display:none;}
h1{
 font-size:1.5em;
 color:#14377D;
}
#contenidoCentral{
 padding-left:513px;
}

.qs #principal{
 background:url(../../images/fondoQS.jpg) no-repeat;
}
.qh #principal{
 background:url(../../images/fondoQH.jpg) no-repeat;
}
.ch #principal{
 background:url(../../images/fondoCH.jpg) no-repeat;
}
.clientes #principal{
 background:url(../../images/fondoClientes.jpg) no-repeat;
}
.clientes #principal{width:960px;}
.contacto #principal{
 background:url(../../images/fondoContacto.jpg) no-repeat;
}
.logos{text-align:center;}
.logos img {
    margin: 0 10px 30px 0;
    vertical-align: middle;
}
.bloqueTexto{
 line-height:1.6;
 padding:0 15px 0 10px;
}
.bloqueTexto p,
.bloqueTexto ul{
 margin-bottom:10px;
}

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

.bloqueTexto li{
 padding-left:12px;
 margin-bottom:7px;
}

.bloqueTexto li li,
.principios li,
.listaFicheros li,
.listaPaginada li{
 background:url(../../images/bulletMini.png) no-repeat left 8px;
}
ul.listaPaginada{
 margin-bottom:40px;
}
.bloqueTexto h2{
 font-size:1.2em;
 color:#999;
}
.principios,
.bloqueTexto strong,
#textoInicio strong,.entradilla strong{
 color:#14377D;
}

.bloqueTexto ol li span{
 color:#333;
}

.tituloSeccion{
 margin-bottom:10px;
 font-size:1.3em;
 color:#14377D;
}

.personal{
	margin-bottom:40px;
}

.personal #foto{
	float:left;
	margin-right: 10px;
}

.paginacion{
 text-align:center;
 font-size:.8em;
 clear:both;
}

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

/** Inicio ---*/
#textoInicio{
 font-size:1.5em;
 color:#666;
 clear:both;
 text-align:justify;
 margin-top:-7px;
}

#homeBanners{
 margin-top:20px;
}

#auxiliar li a{
 color:#666;
}
#auxiliar a strong{
 color:#000;
}
.listaCajas img{
 float:left;
 border:1px solid #ccc;
 padding:1px;
}

.listaCajas li{
 margin-bottom:20px; 
}

.listaCajas .datos{
 margin-left:75px;
}

.menuLateral li, .listaCajas li p{
 margin-bottom:10px;
}

.titulo,.menuLateral li{
 color:#14377D;
 font-size:1.2em;
 line-height:1.3;
 background:url(../../images/bullet.png) no-repeat 0 center;
 padding-left:15px;
}

#auxiliar .titulo a{ color:#14377D;}

.actualidad .titulo{
 margin-bottom:5px;
}

.textoEspecial{
 text-align:right;
 margin-top:20px;
}

.textoEspecial p{
 margin-bottom:5px;
 line-height:1;
}

.ui-tabs-hide { display: none; }

#pestanias li{
  display: inline;
}

#pestanias
	{
		height: 20px;
		margin: 0 0 20px 0;
		padding-left: 10px;
		background: url(../../images/tab_bottom.gif) repeat-x bottom;
                  
	}

	
#pestanias a:link, #pestanias a:visited
	{
		float: left;
		background: #f3f3f3;
				line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
                outline:none;
	}

#pestanias a.pestaniaActual
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#pestanias a:hover
	{
		background: #fff;
	}


.titular{
 font-size:1.5em;
 color:#14377D;
}

.entradilla{
 color:#000;
}

.fecha{
 color:#666;
}
.actualidad .fecha{
 margin-bottom:0;
 line-height:.9em;
}
.actualidad .titular{
 margin:0;
}
.datosNoticia{
 margin-left:200px;
}
.sinFoto .datosNoticia{
 margin-left:0;
}
.pieFoto{
 font-size:.8em;
}
.foto{
 float:left;
 width:190px;
}
.foto img,#galeria img{
 border:1px solid #ccc;
 padding:1px;
}

.noticia{
 overflow:hidden;
 margin-bottom:25px;
}
#galeria{
 text-align:center;
 margin-top:20px;
}
#galeria img{
 margin:5px 8px;
 vertical-align:middle;
}

/** ambitos de actuacion **/

#ambitos{
 text-indent:-999999px;
overflow:hidden;
 background:url(../../images/que-hacemos.jpg) no-repeat 50% 0;
 width:571px;
 height:354px;
 margin:0 auto;
}

#ambitos div{
 float:left;
 width:285px;
 height:137px;
}
#ambitos a{
 display:block;
 width:285px;
 height:137px;
}
#ambitos div.der{float:right;}


div#agencia a{
 margin:0px 0 0 0px;
 width:571px;
}
div#agencia{width:571px;}
div#publicaciones{

}
#formacion,
#formacion a{
 width:571px;
}
#ocioculturales{

}
/**PIE --*/

#pie a{
 color:#666;
}

#creditos{
 float:left;
 width:75%;
}
#creditos span{
 margin-right:10px;
}
.der{
 float:right;
}
.izq{float:left;}

.menuPie li{
 display:inline;
 margin-left:10px;
}

.ttt{
 clear:both;
 float:right;
}

/* -------- contacto -----*/

#formularioContacto{overflow:hidden;position:relative;}
#formularioContacto label{
 float:left;
 margin-bottom:12px;
 color:#295B7C;
 width:213px;
 height:55px;
 display:inline;
 padding:0 6px;
}

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

#formularioContacto textarea{
 height:100px;
 width:550px;
 border-top:2px solid #295B7C;
 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 #295B7C;
 border-left:1px solid #b4b4b4;
 border-right:1px solid #b4b4b4;
 border-bottom:1px solid #b4b4b4;
}
#formularioContacto .enviar{
 margin-left:5px;
}
#formularioContacto .enviar input{
 padding:4px;
 border-top:2px solid #295B7C;
 border-left:1px solid #b4b4b4;
 border-right:1px solid #b4b4b4;
 border-bottom:1px solid #b4b4b4;

}

#formularioContacto .error{ color:#FF0033;}
.msg{
 background:#eee;
 border-top:1px solid;
 border-bottom:1px solid;
 border-color:#d1d1d1;
 margin-bottom:20px;
 padding:10px 0;
 text-align:center;
}
#formularioContacto .enviar{margin-right:0;}


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