@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background: #ffffff url(../img/cabecera.png) no-repeat center top;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: #444444;
	line-height: 18px;
}

#contenedor{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 900px;
}

/*////////////////////////////////////////////////////////////////////////*/

h2{ font-size: 12px; font-weight: bold; color: #0098ca }
h3{ font-size: 11px; font-weight: bold; color: #006688 }

#pestana{  
margin:-5px 0 0 -5px; width:496px; height:45px; padding:10px 0 0 20px;display:inline-block;}
.pestana1{background:url(../imagen/pestanas.jpg) no-repeat; }



#pestana li{ float:left;}
.azul_claro{ color:#84c3d8;}

#pestana li a{ float:left; width:30px; margin:0 85px 0 0;}
ul{ margin: 0; padding: 0; list-style: none }
.word{background:url(../img/ico-doc.gif) no-repeat; display:block; padding:0 0 0 20px;}
a{ text-decoration: none; font-weight: bold; color: #006688 }
a:hover{ color: #eb9a00 }

a.link2{ color: #0194cb}
a.link2:hover{ color: #eb9a00 }

img {text-decoration: none; border:0px;}

.patata{background:url(../imagen/pestanas2.jpg) no-repeat; }
#patata li a{ float:left; display:block; margin:13px auto 0 auto !important;width:132px;}
li.patata{background:url(../imagen/pestanas3.jpg) no-repeat;width:132px; height:45px; float:left; text-align:center }
/* 	
	**************************
	  Widely & useful classes
	**************************
*/
	.tright { text-align: right;}
	.tleft { text-align: left;}
	.tcenter { text-align:center;}
	.fleft { float: left !important;}
	.fright { float: right !important;}
	.clear { clear:both;}
	.cright { clear:right;}
	.verde { color:#67a924 !important;}
	.morado { color:#980e66;}
	.pabajo { margin-top:5px; *margin-top:5px; float:left; padding-top:22px; *padding-top:22px; }
	.centrado { display: block; margin: auto; text-align:center;}
	.centrado2 { display: block; margin: auto; margin:0px 0px 0px 25px;}
	
	
	
/*////////////////////////////////////////////////////////////////////////*/

.foto.aldcha{ float: right; margin: 0 0 5px 20px }

.foto.alizq{ float: left; margin: 0 20px 5px 0 }

.dest1{ font-weight: bold; color: #006688 }

.limpia{ clear: both }

/*////////////////////////////////////////////////////////////////////////*/

#cabecera{ float: left; width: 900px; height: 232px; }
#cabecera h1{ visibility: hidden }

#menu_izq{ float: left; width: 160px; padding-top: 25px; background: #ffffff url(../img/f_izq.png) no-repeat left top; }
#menu_izq li{ float: left; width: 160px; padding: 3px 0 4px 0; background: transparent url(../img/contacta.htmlrador_izq.png) no-repeat 12px bottom; }
#menu_izq li a{ float: left; padding-left: 12px; background: transparent url(../img/bolo_izq.gif) no-repeat left 2px; font-size: 12px; }

#menu_izq li#intranet{ width: 150px; height: 136px; margin-top: 20px; padding: 33px 0 0 10px; background: transparent url(../img/f_intranet.png) no-repeat left top; color: #ffffff; }
#menu_izq li#intranet input{ width: 135px; height: 14px; border: 0; font-size: 11px; color: #444444 }
#menu_izq li#intranet a{ float: left; margin: 4px 0 0 95px; padding: 0; background-image: none }
#menu_izq li#intranet a img{ border: 0 }

#menu_dcha{ float: left; width: 130px; padding-top: 25px; padding-left: 10px; background: #ffffff url(../img/f_dcha.png) no-repeat left top;  }
#menu_dcha li{ padding: 1px 0 2px 0; background: transparent url(../img/contacta.htmlrador_dcha.png) no-repeat 12px bottom; }
#menu_dcha li a{ padding-left: 12px; background: transparent url(../img/bolo_dcha.gif) no-repeat left 2px; color: #40b3d8; font-size: 12px; }
#menu_dcha li a:hover{ color: #eb9a00 }

#contenido{ float: left; width: 569px; padding-left: 14px; background: #ffffff url(../img/f_contenido.png) no-repeat left top; }
#contenido2{ float: left; width: 569px; padding-left: 14px; background: #ffffff url(../img/f_contenido.png) no-repeat left top; }

#texto{ float: left; width: 529px; min-height: 192px; margin-top: 20px; padding: 20px; background: transparent url(../img/f_texto.png) no-repeat left 194px;  }
*html #texto{ height: 192px; }
#texto .bottom{ width: 569px; height: 16px; margin: 0 0 -20px -20px; background: transparent url(../img/f_texto_bottom.png) no-repeat left top; }

#noticias_ini{ float: left; width: 569px; height: 176px; background: transparent url(../img/f_noticias.png) no-repeat left top; }
#noticias_ini ul{ padding: 45px 0 0 35px }
#noticias_ini ul li{ float: left; width: 225px; }
#noticias_ini ul li.first{ margin-right: 50px }
#noticias_ini span{ font-weight: bold }

#pie{ float: left; padding: 10px 0 20px 10px; color: #006688; margin:20px 0 0 0;  }

/*//////////////////////////PAGINADOR//////////////////////////////////////////////*/

.paginador{ float: left; padding-left: 10px; margin-top: 15px; text-align: center; border: 1px solid #d9f0f7  }
.paginador ul li{ float: left; margin-right: 10px }
.paginador ul li.actual a{ background-color: #006688; color: #ffffff; padding: 0 3px 0 3px }

/*//////////////////////////FORMULARIOS//////////////////////////////////////////////*/

.c_texto{ border: 1px solid #d9f0f7; height: 18px; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #444444 }
textarea{ border: 1px solid #d9f0f7; }
.boton{ background-color: #40b3d8; border: 0; padding: 2px 1px 2px 1px; color: #ffffff; font-size: 11px; font-weight: bold; cursor: pointer }

form#contacta{ float: left; width: 529px; padding-top: 20px; background: transparent url(../img/separador.png) no-repeat left top; }
form#contacta div{ padding: 2px 0 2px 0 }
form#contacta div label{ float: left; width: 70px; display: inline-block; }
form#contacta .c_texto{ width: 350px }
form#contacta textarea{ width: 350px }
form#contacta .boton{ margin-left: 370px; margin-top: 10px; }
form#contacta p{ float: right; width: 250px; margin-top: 0 }

form.buscador{ padding-bottom: 10px; margin-bottom: 20px; background: transparent url(../img/separador.png) no-repeat left bottom; }
form.buscador select{ border: 1px solid #d9f0f7; height: 18px; font-size: 11px; margin-left: 15px; }
form.buscador .boton{ margin-left: 15px; }

/*//////////////////////////FAQS//////////////////////////////////////////////*/

#faqs h3{ margin: 0; background: transparent url(../img/separador.png) no-repeat left bottom; }
#faqs p{ margin: 0 }
#faqs li{ margin-bottom: 10px }

/*//////////////////////////MAPA WEB//////////////////////////////////////////////*/

ul.mapaweb{ margin-bottom: 20px; background: transparent url(../img/separador.png) no-repeat left bottom; }
ul.mapaweb li a{ padding-right: 16px; background: transparent url(../img/flecha_alante.gif) no-repeat right 2px; }

/*////////////////////////NOTICIAS///////////////////////////////////////////////*/

.noticias{ float: left; width: 529px; }
ul.noticias li{ float: left; width: 529px; height: 110px; background: transparent url(../img/separador.png) no-repeat left bottom; margin: 0 0 10px 0; }
ul.noticias li.last{ background-image: none }
.noticias .foto{ float: right; margin: 0 0 5px 30px; border: 1px solid #eeeeee }
ul.noticias p{ width: 390px; }
.noticias li p{ margin: 0 0 0 0 }
.noticias .fecha{ display: block }
.noticias h2{ margin: 0 }

ul.descargas{ margin: 15px 0 0 0 }
ul.descargas a{ display: inline-block; height: 15px; padding-right: 15px; background:url(../img/43.gif) no-repeat right 3px; margin:0 5px 0 0; }
/*////////////////////////GALERIA///////////////////////////////////////////////*/

.galeria li{ float: left; padding: 3px 0 3px 0; margin-bottom: 5px; background: transparent url(../img/separador.png) no-repeat left bottom; }
.galeria li a{ float: left; width: 420px; padding-left: 28px; background: transparent url(../img/ic_camara.gif) no-repeat left top }
.galeria li span{ float: right; margin-right: 10px }

.galeria2 li{ float: left; margin-right: 3px; margin-bottom: 5px }
.galeria2 li a img{ border: 1px solid #d9f0f7 }

/*////////////////////////ACTIVIDADES///////////////////////////////////////////////*/

.actividades li{ margin-bottom: 35px }
.actividades a{ float: left;  }
.actividades span{ float: right }
.actividades p{ margin: 0; clear: both; background: transparent url(../img/separador.png) no-repeat left top; }
.actividades h3{ float: left; margin: 0; padding: 0 }

/*////////////////////////ENCUESTAS///////////////////////////////////////////////*/

.encuestas ul{ float: left; width: 529px; margin: 0 0 30px 0; padding-bottom: 5px; /*background: transparent url(../img/separador.png) no-repeat left bottom; */}
.encuestas h3{ float: left; width: 529px; margin: 0; background: transparent url(../img/separador.png) no-repeat left top; }
.encuestas ul li{ clear: both; padding: 2px 0 2px 0 }
.encuestas ul input{ float: left }
.encuestas ul label{ float: left }
.encuestas ul input.boton{ float: right; padding: 0 }

.encuestas ul.encuestas_list{ margin: 0; background-image: none; }
.encuestas ul.encuestas_list li{ float: left; width: 529px; margin-bottom: 5px; padding: 3px 0 3px 0; background: transparent url(../img/separador.png) no-repeat left top; }
.encuestas ul.encuestas_list li a{ float: left; width: 450px }
.encuestas ul.encuestas_list li a.link2{ clear: left; width: 450px }
.encuestas ul.encuestas_list li span{ float: right }

/*////////////////////////BIBLIOTECA///////////////////////////////////////////////*/

.biblioteca li{ margin-bottom: 25px }
.biblioteca a{ float: left;  }
.biblioteca span{ float: right }
.biblioteca p{ margin: 0; clear: both; background: transparent url(../img/separador.png) no-repeat left top; }
.biblioteca h3{ float: left; margin: 0; padding: 0 }
.biblioteca a.doc{ padding-left: 22px; background: transparent url(../img/ico-doc.gif) no-repeat left top }
.biblioteca a.pdf{ padding-left: 22px; background: transparent url(../img/ico-pdf.gif) no-repeat left top }
.biblioteca a.zip{ padding-left: 22px; background: transparent url(../img/ico-rar.gif) no-repeat left top }

/*////////////////////////TRABAJO///////////////////////////////////////////////*/

.trabajo li{ margin-bottom: 35px }
.trabajo a{ float: left;  }
.trabajo span{ float: right }
.trabajo p{ margin: 0; clear: both; background: transparent url(../img/separador.png) no-repeat left top; }
.trabajo h3{ float: left; margin: 0; padding: 0 }

/*//////////////////////////DISCAPACIDAD//////////////////////////////////////////////*/

.discapacidades{ float: left;  margin:0 auto 0 auto;width: 260px; padding-top: 20px; display:inline; text-align:center;}
.discapacidades h3{ margin: 2px 2px 2px 10px; }
.discapacidades p{ width: 220px; text-align:justify;}
.discapacidades li{ margin-bottom: 10px }


#discapacidades{ float: left;  margin:0 auto 0 auto;width: 260px; padding-top: 20px; display:inline; text-align:center;}

#discapacidades h3{ margin: 2px 2px 2px 10px; }
#discapacidades p{ width: 220px; text-align:justify;}
.textoimagen {float:left; margin:5px; width:120px; padding:3px; display:block;}
#discapacidades li{ margin-bottom: 10px }


/*////////////////////////CALENDARIO Y LINKS///////////////////////////////////////////////*/


.flecharight { padding-right: 16px; background: transparent url(../img/flecha_alante.gif) no-repeat right 2px; float:left; }
.flechaleft { padding-left: 16px; background: transparent url(../img/flecha_detras.gif) no-repeat left;float:left; }
.ampliada { padding: 0 0 0 25px; background:url(../img/ico-ver.png) no-repeat left 2px; float:left; }


#calendario{display:block; width:500px; text-align:center; margin:50px auto 0 auto; }
#calendario li{ float: left !important; margin:0 20px 0 20px;}

#calendario li table{ float: left !important;}

/*////////////////////// HAZTE SOCIO /////////////////////////*/
.haztesocio li{ margin-bottom: 25px; margin-left:20px; }
.haztesocioa{ float: left;  }
.haztesocio span{ float: right }
.haztesocio p{ margin: 0; clear: both; background: transparent url(../img/separador.png) no-repeat left top; }
.haztesocio h3{ float: left; margin: 0; padding: 0 }
.haztesocio a.doc{ padding-left: 22px; background: transparent url(../img/ico-doc.gif) no-repeat left top }
.haztesocio a.pdf{ padding-left: 22px; background: transparent url(../img/ico-pdf.gif) no-repeat left top }
.haztesocio a.zip{ padding-left: 22px; background: transparent url(../img/ico-rar.gif) no-repeat left top }
#haztesocio	{ float: left; width: 529px; min-height: 192px; margin-top: 20px; padding: 20px; background: transparent url(../img/f_texto.png) no-repeat left 194px;  }
*html #haztesocio{ height: 192px; }
#haztesocio.bottom{ width: 569px; height: 16px; margin: 0 0 -20px -20px; background: transparent url(../img/f_texto_bottom.png) no-repeat left top; }



.banner_izq{ width:130px; height:auto; display:block; padding-top:10px; margin:10px  0 0 0 !important; float:left;}
.banner_derecha{ width:145px; height:auto; display:block;}

#pie{
width:470px;
padding:0 0 0 80px;
text-align:justify;}
#pie a{
text-decoration:underline;}
#pie strong{
text-decoration:none;}


#encuestaSec .col-opcion {width:40%; font-weight:bold; padding:5px 5%; text-align:right}
#encuestaSec .col-resultado {width:40%; padding:5px 0;}
#encuestaSec .col-resultado div {background:#0000FF url(graficos/fondo.png) repeat-x; color:#FFFFFF; padding:2px 0; text-align:right; border-top:1px solid #0000FF}


#ventana{
	display: none;
	position: absolute;
	top: 20px;
	left: 24%;
    right: 24%;
	width: 589px;
	height: 221px;
	z-index: 999;
    border:1px solid #fff;
	background:#FFFFFF;
   
}

.contenido_ventana{
background:#000;}

.cerrar{
color:#ffeb10 !important;
float:right;
margin-right:10px;}

.calendario .cuadrado{ background-color: #40b3d8; border: 0; padding: 2px 1px 2px 1px; color: #ffffff; font-size: 11px; font-weight: bold; cursor: pointer; width:160px; height:40px; float:left; margin:5px 0 0 5px; text-align:center; display:inline}

.pestana {
	float: left;
	width: 130px;
	height: 35px;
	text-align: center;
	margin-right: 1px;
}