/* CSS Document */

/*COLORES
Azul claro: #71D0F6
Azul oscuro: #085B7B
Azul más claro: #E0F3FC
*/

*{margin: 0; padding: 0;}
img{border: none;}
body{text-align: center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: #fff url(../images/fondocabecera2.jpg) repeat-x left top; line-height: 1.3em; scrollbar-face-color: #E0F3FC; scrollbar-arrow-color: #085B7B; scrollbar-track-color: #ccc; scrollbar-shadow-color: #71D0F6; scrollbar-highlight-color: #CCCCCC; scrollbar-3dlight-color: #71D0F6; scrollbar-darkshadow-color: #085B7B;}

div#qTip {padding: 3px; border: 1px solid #fff; display: none; background: #99CC33; color: #FFF; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; position: absolute;}

p{text-align: justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; width:auto;}
p strong, li strong{border-bottom: 1px dotted #085B7B; color:#DA6007;}
ul, li, dl, dt, dd{list-style: none;}
input, textarea, select{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; padding: 0;}

div.direccion{color: #333; font-weight: bold; border: 1px dotted #71D0F6; padding: 5px;}

.clear{clear: both;}

h1{color: #085B7B; font-weight: bold; font-size: 18px; text-align: left; margin: 0 0 10px 0;}
h1.claro{color: #71D0F6;}

h2{color: #085B7B; font-weight: bold; font-size: 16px; text-align: left; margin: 10px 0; background-color: #ddd; padding: 3px 5px;}

#contenedor{margin: 0 auto; width: 932px; padding: 0 0 10px 0;}

#cabecera_1{float: left; width: 932px; background: url(../images/fondocabecera_1.jpg) no-repeat left top; height: 155px;}
#cabecera_1 img{float: left; margin: 6px 0 0 15px;}

#cabecera_2{float: left; width: 932px; background: url(../images/fondocabecera_2.jpg) no-repeat left top; height: 155px;}
#cabecera_2 img{float: left; margin: 6px 0 0 15px;}

ul.menusup{float: left; margin-left:53px;}
ul.menusup li{float: left; background: url(../images/fondolenguetas.jpg) repeat-x left top; border: 1px dotted #71D0F6; font-weight: bold; margin: 0 2px 0 0; padding: 29px 5px 0 5px;}
ul.menusup li a{color: #fff; text-decoration: none;}
ul.menusup li a:hover{color: #085B7B; text-decoration: none;}

div.idiomas{float: left; margin: 8px 0 0 0; color: #fff; font-weight: bold;}
div.idiomas a{color: #fff; font-weight: bold; text-decoration: none;}
div.idiomas a:hover{color: #fff; font-weight: bold; text-decoration: underline;}

div.login{float: right; margin: 6px 0 0 0;}
div.login label{color: #fff; font-weight: bold; margin: 0 5px 0 0;}
div.login input{border: 1px solid #333; width: 150px; margin: 0 10px 0 0; vertical-align: middle;}
div.login input.entrar{font-weight: bold; color: #fff; width: auto; padding: 0 6px; background: url(../images/fondologin.jpg) repeat-x left top; cursor: pointer; margin: 0; vertical-align: middle; *height: 21px !important;}


#centro{float: left; margin: 20px 0 0 0; width: 932px;}



.menu{float: left; width: 240px; text-align: left; margin: 0 30px 0 0;}

.menu dl{float: left; width: 240px;}

.menu dl dt{
	float: left; _float: none; width: 230px; color: #fff; font-weight: bold; background: url(../images/fondomenu.jpg) repeat-x left top; padding: 3px 5px; margin: 0 0 5px 0; border: 1px solid green;
}

.menu dl dt a{color: #fff; text-decoration: none; cursor:pointer;}

.menu dl dt a:hover{color: #fff; text-decoration: none;}
.menu dl dt img{float: right; padding: 5px 0 0 0;}
.menu dl dt span{float: left; width: 200px;}


.menu dl dd{float: left; color: #666; border-bottom: 1px dotted #999; width: 240px;}
.menu dl dd a{color: #666; text-decoration: none; display: block; background-color: #fff; padding: 3px 0 3px 10px; }
.menu dl dd a:hover{color: #333; text-decoration: none; background-color: #E0F3FC;}



div.logos{float: left; width: 240px; height: 96px; margin: 15px 0 0 0; border: 1px solid #EBEBEB;}
div.logos img{float: left; padding: 0;}

div.cuerpo{float: left; text-align: left; width: 370px;}
div.cuerpo2{float: left; text-align: left; width: 650px;}

ul.txt{margin: 5px 0 5px 10px;}
ul.txt li{background: url(../images/flechatxt.gif) no-repeat left 4px; padding: 0 0 0 12px; margin: 3px 0;}
ul.txt ul{margin: 5px 0 5px 10px;}
ul.txt ul li{background: url(../images/circuloazul.gif) no-repeat left 5px; padding: 0 0 0 8px; margin: 3px 0;}

ul.eventos{float: left; width: 370px; text-align: left; margin: 10px 0 0 0;}
ul.eventos2{float: left; width: 650px; text-align: left; margin: 10px 0 0 0;}
ul.eventos li {float: left; color: #666; border-bottom: 1px dotted #085B7B; padding: 5px 0; width: 370px;}
ul.eventos2 li {float: left; color: #666; border-bottom: 1px dotted #085B7B; padding: 5px 0; width: 640px;}
ul.eventos li a, ul.eventos2 li a{color: #666; text-decoration: none;}
ul.eventos li a:hover, ul.eventos2 a:hover{color: #666; text-decoration: underline;}
ul.eventos span.titulo, ul.eventos2 span.titulo{color: #085B7B; font-weight: bold;}
ul.eventos span.fecha , ul.eventos2 span.fecha{color: #000; font-weight: bold;}
ul.eventos li img, ul.eventos2 li img{float: left; border: 1px solid #085B7B; margin: 0 5px 0 0;}

ul.noticias{float: left; width: 650px; text-align: left; margin: 10px 0 0 0;}
ul.noticias li {float: left; color: #666; border-bottom: 1px dotted #085B7B; padding: 5px 0; width: 640px;}
ul.noticias li a{color: #666; text-decoration: none;}
ul.noticias li a:hover{color: #666; text-decoration: underline;}
ul.noticias span.titulo {color: #085B7B; font-weight: bold;}
ul.noticias span.fecha {color: #333; font-weight: bold;}
ul.noticias span.entradilla {color: #666; font-weight: normal; font-style:italic;}
ul.noticias li img{float: left; border: 1px solid #085B7B; margin: 0 5px 0 0;}

div.paginacion{float: left; padding:3px; margin:15px 0px; text-align:center;}
div.paginacion a {padding: 0 5px 0 5px;	margin-right: 2px;	border: 1px solid #ddd;	text-decoration: none; color: #aaa;}
div.paginacion a:hover, div.paginacion a:active {padding: 0 5px 0 5px;	margin-right: 2px; border: 1px solid #a0a0a0;}
div.paginacion span.current {padding: 0 5px 0 5px;	margin-right: 2px;	border: 1px solid #e0e0e0;	font-weight: bold;	background-color: #E0F3FC;	color: #aaa;}
div.paginacion span.disabled {padding: 0 5px 0 5px;	margin-right: 2px;	border: 1px solid #f3f3f3;	color: #ccc;}

div.lateral {float: right; width: 263px;}

div.boletin{float: left; width: 245px; background: url(../images/boletin.jpg) no-repeat left top; height: 43px; margin: 0 0 10px 10px; padding: 50px 0 0 8px; text-align: left;}
div.boletin label{color: #333;}
div.boletin input{border: 1px solid #085B7B; width: 150px;}
div.boletin input.enviar{background: #085B7B url(../images/fondoboton.jpg) repeat-x left top; color: #fff; font-weight: bold; padding: 0 5px; cursor: pointer; width: auto; vertical-align: baseline; *height: 21px !important; margin: 0 0 0 5px;}

div.cuadronoticias{float: left; width: 253px; background: url(../images/sombranoticias.jpg) no-repeat left top; padding: 0 0 0 10px;}
div.noticias {float: left; width: 233px; background: #E0F3FC url(../images/fondonoticias.jpg) repeat-x left bottom; min-height: 180px; _height: 180px; padding: 10px; border-bottom: 4px solid #085B7B;}
div.noticias ul{float: left; width: 233px; text-align: left;}
div.noticias ul li {color: #666; border-bottom: 1px dotted #085B7B; padding: 5px 0;}
div.noticias ul li a{color: #666; text-decoration: none;}
div.noticias ul li a:hover{color: #666; text-decoration: underline;}
div.noticias ul span.titulo {color: #085B7B; font-weight: bold;}
div.noticias ul span.fecha {color: #000; font-weight: bold;}
div.noticias ul li img{float: left; border: 1px solid #085B7B; margin: 0 5px 0 0;}

div.cuadronoticias{float: left; width: 253px; background: url(../images/sombranoticias.jpg) no-repeat left top; padding: 0 0 0 10px;}
div.calendario {float: left; width: 233px; background: #E0F3FC url(../images/fondonoticias.jpg) repeat-x left bottom; height: 280px; padding: 10px; border-bottom: 4px solid #085B7B;}
div.calendario caption{margin: 5px 0; text-align: center; font-weight: bold; border: 1px dotted #085B7B; padding: 3px 0; font-size: 13px; color: #cc0000;}
div.calendario table{float: left; width: 233px; border: 1px dotted #085B7B; border-collapse: collapse;}
div.calendario table th{background-color: #085B7B; color: #fff; font-weight: bold; padding: 3px 0;}
div.calendario table td{padding: 5px 0; color: #666;}
div.calendario table td a{color: #fff; font-weight: bold; text-decoration: none; background-color: #cc0000; display: block;}
div.calendario table td a:hover{color: #cc0000; font-weight: bold; text-decoration: none; background-color: #ccc;}
div.calendario table td.finde{background-color: #fff;}

div.mas{float: right; background: #085B7B url(../images/lenguetanoticias.gif) no-repeat right bottom; margin: 0 0 10px 0;}
div.mas p{background: url(../images/lenguetanoticias2.gif) no-repeat left bottom; padding: 3px 9px;}
div.mas a{color: #fff; font-weight: bold; text-decoration: none;}
div.mas a:hover{color: #71D0F6; font-weight: bold; text-decoration: none;}

div.menos{float: left; background: #085B7B url(../images/lenguetanoticias.gif) no-repeat right bottom; margin: 0 0 10px 0;}
div.menos p{background: url(../images/lenguetanoticias2.gif) no-repeat left bottom; padding: 3px 9px;}
div.menos a{color: #fff; font-weight: bold; text-decoration: none;}
div.menos a:hover{color: #71D0F6; font-weight: bold; text-decoration: none;}

div.volver{float: left; background: #085B7B url(../images/lenguetanoticias.gif) no-repeat right bottom; margin: 0 0 10px 0;}
div.volver p{background: url(../images/lenguetanoticias2.gif) no-repeat left bottom; padding: 3px 9px;}
div.volver a{color: #fff; font-weight: bold; text-decoration: none;}
div.volver a:hover{color: #71D0F6; font-weight: bold; text-decoration: none;}

div.articulos{float: left; margin: 0 0 0 10px; border: 1px dotted #C9C9C9; width: 231px; padding: 10px; border-bottom: 4px solid #085B7B;}
div.articulos ul{float: left; width: 233px; text-align: left;}
div.articulos ul li{background: url(../images/docs.gif) no-repeat left top; padding: 0 0 0 18px; margin: 0 0 5px 0;}
div.articulos ul li a{color: #666; text-decoration: none;}
div.articulos ul li strong{border-bottom: none;}
div.articulos ul li a:hover{color: #666; text-decoration: underline;}



ul.docs{float: left; width: 640px; text-align: left; margin: 10px 0 0 0; padding: 0;}
ul.docs li{padding: 0 0 10px 0; margin: 0; font-weight: bold; color:#085B7B;}
ul.docs li.articulos{background: url(../images/docs.gif) no-repeat left top; padding: 0 0 10px 18px;}
ul.docs li.boletin{background: url(../images/boletinico.gif) no-repeat left top; padding: 0 0 10px 20px;}
ul.docs li a{color: #085B7B; text-decoration: none;}
ul.docs li strong{border-bottom: none;}
ul.docs li a:hover{color: #666; text-decoration: none;}
ul.docs li ul li{background: url(../images/docs.gif) no-repeat left top; font-weight: normal; color: #666; margin: 0 0 0 15px; padding: 4px 0 4px 18px;}

ul.abecedario{float: left; width: 640px; text-align: left; margin: 10px 0 15px 0;display: inline;}
ul.abecedario li{float: left;display: inline; border: 1px dotted #71D0F6; color: #085B7B; font-weight: bold; margin: 0 2px 0 0;}
ul.abecedario li a{float: left; color: #085B7B; font-weight: bold; text-decoration: none; padding: 0 5px;}
ul.abecedario li a:hover{color: #085B7B; font-weight: bold; text-decoration: none; background-color:#E0F3FC;}

ul.glosario{float: left; width: 640px; text-align: left; margin: 0;}
ul.glosario li{margin: 0 0 10px 0;}
ul.glosario span.titulo{color: #fff; font-weight: bold; margin: 0 0 5px 0; background-color:#71D0F6; padding: 0 3px;}

dl.documentosnot{float: left; margin: 10px 0; width: 640px;}
dl.documentosnot dt{color: #085B7B; font-weight: bold; background-color:#ddd; padding: 2px 5px; margin: 0 0 5px 0;}
dl.documentosnot dd{color: #333; margin: 0 0 3px 5px; background: url(../images/flechatxt.gif) no-repeat left 5px; padding: 0 0 0 10px;}
dl.documentosnot dd a{color: #333; text-decoration: none;}
dl.documentosnot dd a:hover{color: #333; text-decoration: underline;}

dl.mapaweb{float: left; margin: 10px 15px 10px 0; width: 310px;}
dl.mapaweb dt{color: #085B7B; font-weight: bold; background-color:#ddd; margin: 0 0 5px 0; padding: 2px 5px;}
dl.mapaweb dt a{color: #085B7B; font-weight: bold; background-color:#ddd; text-decoration: none; display: block;}
dl.mapaweb dt a:hover{color: #333; background-color:#ddd; text-decoration: none;}
dl.mapaweb dd{color: #333; margin: 0 0 3px 5px; background: url(../images/flechatxt.gif) no-repeat left 5px; padding: 0 0 0 10px;}
dl.mapaweb dd a{color: #333; text-decoration: none;}
dl.mapaweb dd a:hover{color: #333; text-decoration: underline;}


div.blur{float: right; background-color: #EFEFEF; z-index:1; margin: 0 0 10px 15px;}
div.shadow{background-color: #E4E4E4;position: relative; bottom: 2px; right: 2px; z-index:2;}
div.fotos{position: relative; bottom: 2px; right: 2px; z-index:2;}

div.fotobaja{text-align: center; margin: 0 auto; margin: 25px 0 0 0;}

.formulario fieldset{border: 1px dotted #71D0F6; padding: 10px; margin: 0 0 10px 0;}
.formulario fieldset.contacto{border: 1px dotted #71D0F6; padding: 10px; background: url(../images/telefonista.jpg) no-repeat right bottom; *background: url(../images/telefonista.jpg) no-repeat right 21px !important;}
.formulario legend{background-color: #71D0F6; padding: 4px 10px; color:#085B7B; font-weight: bold; margin: 0 0 10px 0;}
.formulario label{float: left; margin: 0 10px 5px 0; text-align: right; width: 65px; font-weight: bold; color: #333;}
.formulario label.largo{width: 120px;}
.formulario label.largoradio{width: 165px; text-align: left;}
.formulario label.largoradio2{width: 115px; text-align: left;}
.formulario label.largoradio3{width: 250px; text-align: left;}
.formulario input{margin: 0 5px 5px 0; width: 270px; border: 1px dotted #ccc; background: url(../images/fondoinputs.gif) repeat-x left -2px;}
.formulario input.corto{width: 40px;}
.formulario input.medio{width: 80px;}
.formulario input.largo{width: 136px;}
.formulario input.radio{width: auto; float: left;}
.formulario textarea{margin: 0 5px 5px 0; width: 270px; height: 65px; border: 1px dotted #ccc; background: url(../images/fondoinputs.gif) repeat-x left top;}
.formulario input.enviar{background: #085B7B url(../images/fondoboton.jpg) repeat-x left top; color: #fff; font-weight: bold; padding: 0 5px; cursor: pointer; width: auto; margin: 0 0 0 70px;}
.formulario input.enviar2{background: #085B7B url(../images/fondoboton.jpg) repeat-x left top; color: #fff; font-weight: bold; padding: 0 5px; cursor: pointer; width: auto; margin: 0;}
.formulario p{color: #085B7B;}
.formulario p.nota{color: #085B7B; font-weight: bold;}
.formulario p.nota a{color: #085B7B; font-weight: bold; text-decoration: underline;}
.formulario p.nota a:hover{color: #085B7B; font-weight: bold; text-decoration: none;}

.iconos_imprimir{float:right; width: 650px; text-align: right; border-bottom: 3px double #ddd; border-top: 3px double #ddd; padding: 5px 0; margin: 0 0 10px 0;}
.iconos_imprimir a{text-decoration: none; color: #cc0000; font-weight: bold;}
.iconos_imprimir a:hover{text-decoration: none; color: #333;}
.iconos_imprimir img{vertical-align: bottom;}

table.datos{float: left; width: 650px; clear:both; display: block; margin: 10px 0 0 0; text-align: left; border-collapse: collapse; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;}
table.datos th{background-color: #DA6007; color: #fff; padding: 3px 5px; border-right: 1px solid #fff;}
table.datos td{border-right: 1px solid #E5E5E5; padding: 5px 5px 5px 12px; vertical-align: top; background: url(../images/flechatxt.gif) no-repeat 3px 8px;}
table.datos td.sinflecha{background: none;}
table.datos tr{border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5;}

#pie{float: left; width: 932px; background-color: #84D0F0; margin: 15px 0 0 0; padding: 0 0 15px 0;}
#pie p.floatright{float: right; margin: 0 5px 0 0; border: none; padding: 0;}
#pie p.floatleft{float: left; margin: 15px 0 0 5px; text-align: left; border-right: 1px solid #C9E9F7; padding: 0 15px 0 0;}
#pie p {float: left; text-align: center; margin: 15px 0 0 15px; color: #333; border-right: 1px solid #C9E9F7; padding: 0 15px 0 0;}


.logoact{float: right; margin: 5px 0 0 0;}