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

body {margin:0; padding:0; font-family:Verdana; font-size:12px; color:#666; background:url(graficos/webFondo.png) repeat-x #FFF}
h1, h2, h3, h4, h5, h6, form {margin:0; padding:0}
p {margin:0 0 10px 0; padding:0}
a:link, a:link, a:visited {color:#666; text-decoration:none}
a:hover {text-decoration:underline}
blockquote {border:1px solid #CCC; border-top:1px solid #FFF; border-left:1px solid #FFF; background:#EEE url(graficos/bloquequoteFondo.png) 5px 5px no-repeat; padding:10px 10px 10px 50px;}

.cajatexto {margin:0; padding:2px; border:1px solid #CCC; border-right:1px solid #EEE; border-bottom:1px solid #EEE; font-family:Verdana; font-size:12px; background:#FFF}
.boton {border:0; background:url(graficos/btnFondo.png) top repeat-x; color:#eff8ff; padding:2px 5px; font-size:10px; font-family:Verdana; cursor:pointer; border:1px solid #446581; border-top:0}
.requier {color:#FF0000;}

#cabecera {width:100%; margin:0 0 -280px 0; height:280px; background:url(graficos/cabeceraFondo.png) center top no-repeat ;}
#cuerpo {margin:0 auto; width:900px;}
#cuerpo .fondoCuerpo {float:left; width:900px; background:url(graficos/contenidoFondo.png) repeat-y}
#nav {width:860px; float:left; padding:0px 20px 150px 20px;}
#nav .contenido {float:left; width:730px; padding:10px 0; color:#eff8ff}
#menuSup {margin:0; padding:0; float:left; width:130px; display:block; background:url(graficos/menusupFondo.png) no-repeat}
#menuSup li {list-style-type:none; float:left; text-align:center}
#menuSup a {display:block; width:130px; color:#eff8ff; text-decoration:none; padding:10px 0;}
#columna-izquierda {float:left; width:180px; padding:0 10px 0 0}
#columna-central {float:left; width:500px; padding:0 10px 0 10px}
#columna-derecha {float:left; width:180px; padding:0 0 0 10px;}
#pie {clear:both; padding:50px 10px 30px 10px; font-size:10px; text-align:center; background:url(graficos/pieFondo.png) no-repeat;}
#columna-izquierda .menu, #columna-derecha .menu {background:url(graficos/menuPieFondo.png) no-repeat bottom; padding:0 0 10px 0; margin:0 0 10px 0}
#columna-derecha .ventana {background:url(graficos/menuPieFondo.png) no-repeat bottom; padding:0 0 10px 0; margin:0 0 10px 0}
#columna-izquierda .menuGfx {padding:9px 8px 0 9px; margin:0 0 10px 0; border:1px solid #e7e7e7; border-top:1px solid #FFF;}
#columna-izquierda .menuGfx img {margin:0 0 9px 0}
#columna-izquierda .menu h3, #columna-derecha h3 {background:url(graficos/menuH3Fondo.png) top repeat-x #29588c; color:#eff8ff; font-size:14px; padding:9px 10px; text-indent:20px}
#columna-central h3 {color:#eff8ff; font-size:14px; margin:0 0 10px 0; background:url(graficos/h3Fondo.png) #29588c center top; padding:9px 10px;}
#columna-central h3 span {}
#columna-central h3 .right {color:#FFF; float:right; font-size:10px; font-weight:normal; padding:3px 0 0 0;}
#columna-central h4 {color:#333; padding:3px 0; border-bottom:1px dotted #CCC; margin:0 0 5px 0; font-size:12px; text-align:left}
#columna-izquierda .menu ul, #columna-derecha .menu ul {border:1px solid #e7e7e7; border-top:0; margin:0; padding:0;}
#columna-izquierda .menu li, #columna-derecha .menu li {list-style-type:none;}
#columna-izquierda .menu a, #columna-derecha .menu a {display:block; width:170px; padding:4px 4px; text-decoration:none; color:#666}
#columna-izquierda .menu a:hover, #columna-derecha .menu a:hover {background:#EEE; color:#34689b;}
#current a{background:#EEE; color:#34689b;}

#paginador {text-align:center; width:auto; clear:both; color:#999999; padding:10px 3px; margin:0; font-size:10px;}
#paginador a {padding:2px 6px; background: url(images/t_fondo.png) bottom repeat-x #f6f6f6; border:1px solid #cecece;}
#paginador .current {padding:2px 6px; background:none; border:0; font-weight:bold;}
#paginador .none {padding:2px 6px; background:#f6f6f6; border:1px solid #cecece; color:#CCC}
#buscador {background:#FFF; border:1px solid #CCC; border-top:1px solid #EEE; border-left:1px solid #EEE; clear:both; margin:0 10px 10px 10px; padding:5px; text-align:center;}
#buscador form {padding:10px 0;}

.menu .acceso {border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:5px; text-align:right}
.menu .acceso .cajatexto {width:162px; margin:0 0 3px 0}

.ventana .encuestas {border:1px solid #e7e7e7; border-top:0; padding:5px; text-align:right}
.ventana .encuestas h4 {margin:0; padding:0; font-size:11px; text-align:left}
.ventana .encuestas ul {padding:0; margin:0; text-align:left; border:0}
.ventana .encuestas li {list-style-type:none}

.ico-pdf {background:url(graficos/icons/ico-pdf.gif) no-repeat; padding:2px 0 0 20px}
.ico-rar {background:url(graficos/icons/ico-rar.gif) no-repeat; padding:2px 0 0 20px}
.ico-doc {background:url(graficos/icons/ico-doc.gif) no-repeat; padding:2px 0 0 20px}
.ico-ver {background:url(graficos/icons/ico-ver.png) no-repeat; padding:2px 0 0px 27px}
.ico-popup {background:url(graficos/icons/ico-popup.gif) no-repeat 0px 2px; padding:2px 0 0 20px}

#inicioSec, #generalSec, #agendaSec, #noticiaSec, #agendaSec, #bibliotecaSec, #agraficoSec, #enlaceSec, #formSec, #utilidadeSec, #encuestaSec {padding:0 10px; width:480px; float:left;}

#inicioSec ul, #noticiaSec ul {margin:0; padding:0; width:480px; float:left;}
#inicioSec li, #noticiaSec li {list-style-type:none; width:480px; float:left; border-bottom:1px solid #EEE; padding:0 0 1px 0; margin:10px 0 10px 0}
#inicioSec .img, #noticiaSec .img {float:left; width:100px; padding:4px; margin:0 0 5px 0; background:#EEE; border:1px solid #CCC;}
#inicioSec .img img, #noticiaSec .img img {border:0}
#inicioSec .contenido, #noticiaSec .contenido {float:left; width:360px; padding:0 0 0 10px; margin:0 0 5px 0;}
#inicioSec .widget, #noticiaSec .widget {clear:both; text-align:right; padding:3px; background:#EEE; font-size:10px;}

#agendaSec .fecha, #bibliotecaSec .fecha, #agraficoSec .fecha, #enlaceSec .fecha, #encuestaSec .fecha {font-size:10px; color:#999; font-weight:normal; float:right; padding:3px 0 0 0}
#agendaSec ul, #bibliotecaSec ul, #agraficoSec ul, #enlaceSec ul, #encuestaSec ul {margin:0; padding:0;}
#agendaSec ul li, #bibliotecaSec ul li, #agraficoSec ul li, #enlaceSec ul li, #encuestaSec ul li {list-style-type:none; margin:0 0 10px 0;}
#agraficoSec h4, #encuestaSec h4 {padding:3px 0 6px 0}
#agraficoSec .galeria {margin:0; padding:0; float:left; width:480px;}
#agraficoSec .galeria li {width:110px; float:left; list-style-type:none; padding:0 5px; margin:0 0 10px 0; text-align:center; display:block;}
#agraficoSec .galeria img {border:1px solid #CCC; border-top:1px solid #EEE; border-left:1px solid #EEE;}

#formSec .cajatexto, #formSec .nota {float:left; width:73%; margin:1px}
#formSec .etiqueta {float:left; width:22%; text-align:right; padding:1px 5px; color:#666}
#formSec h4 {font-size:11px; padding:3px; border-bottom:1px solid #F1F1F1; color:#666; margin:0 0 5px 0; clear:both}
#formSec .botonPos {padding:10px 10px; text-align:right; clear:both}
.requier {color:#FF0000;}

#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:url(graficos/btnFondo.png) top repeat-x #5e829c; color:#eff8ff; padding:2px 0; text-align:right; border-bottom:1px solid #446581}

#descarga{text-align:right; vertical-align:top; }
#descarga li { list-style:url(graficos/down.png); margin:5px 0 0 20px; _behavior: url(iepngfix.htc);vertical-align:top;}
#descarga li a{ list-style:url(graficos/down.png);font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;vertical-align:top;}

#foro{color:#2C6099;font:bold 14px Arial, Helvetica, sans-serif;text-decoration:none;}
#foro:hover{color:#3e8099;}