/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:13px;font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align:baseline;}
body { line-height:1.5; }
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
table, td, th { vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
:focus { outline:solid 1px white;}
/* Tipografia */
body {font-size:small;color:#244E7B;background:#fff;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111;}
h1 { color:#BCBC00;font-size:3em;line-height:1.1;margin-bottom:20px;}
h2 { font-size:2em; line-height:2.4;}
h3 { color:#D58033;font-size:1.5em;line-height:1.9;}
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em;}
h6 { font-size:1em; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 10px; }
img.izquierda { float:left; margin:0 20px 20px 0; padding:0;}
img.derecha { float:right; margin:0 0 20px 20px;}
a, a:visited { color:#244E7C; text-decoration:underline;}
a:focus, a:hover { color: #333366; text-decoration:none;}
blockquote { margin:10px; color:#666; font-style:italic;}
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:10px 0 10px; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#244E7C; font-size:13px;}
del { color:#666;}
pre { margin:1.5em 0; white-space:pre;}
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}
li ul, li ol { margin:0 10px;}
ul, ol { margin:0 10px 10px 20px;}
ul { list-style-type:disc;}
ol { list-style-type:decimal;}
dl { margin:0 0 10px 0;}
dl dt { font-weight:bold;}
dd { margin-left:10px;}
table { margin-bottom:1.4em; width:99%;}
th { font-weight:bold;}
thead th { background:#c3d9ff;}
th, td, caption { padding:4px 10px 4px 5px;border-bottom:solid 1px #ddd;}
tfoot { font-style:italic; font-size:80%;}
caption {
font-size: 110%;
font-style: italic;
text-align: center;
font-weight: bolder;
}
/* Formas y formularios */
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc;}
legend { font-weight:bold; font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:390px; height:250px; padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em;}
/* Reticula */
.encabezado, .navegacion, .contenedor, .pie {width: 980px;margin: 0 auto;background-color:#fff;}
/*.showgrid { background: url(../visual/blueprint_grid_60+20x18.png) 10px; }*/
body {margin-top:20px;background-color:#999999;}
/* Columns */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 20px; display:inline;}
.span-1 { width: 60px; }
.span-2 { width: 140px; }
.span-3 { width: 220px; }
.span-4 { width: 300px; }
.span-5 { width: 380px; }
.span-6 { width: 460px; }
.span-7 { width: 540px; }
.span-8 { width: 620px; }
.span-9 { width: 700px; }
.span-10 { width: 780px; }
.span-11 { width: 860px; }
.span-12, div.span-12 { width: 940px; margin: 0;}
div.ultimo { margin-right: 0; }
div.primero { margin-left: 20px; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.clearfix:after, .container:after, .servicios:after, .widget:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container, .servicios, .widget { display:block; }
.clear { clear:both; }
.raya { margin-right:10px; padding-right:9px; border-right:dotted 1px #ccc;}
/* --------------------------- Comienza zona de personalización --------------------------- */
/* Encabezado
-------------------------------------------------------------- */
.encabezado {height: 110px;padding: 10px 0;}
h1.logotipo, .logotipo {margin:0;padding:0;position:relative;width:280px;height:110px;overflow:hidden;left:10px;top:10px; margin-top:95px}
.logotipo a, h1.logotipo a { text-decoration:none; color:#FFFFFF; margin-left: 25px; text-indent: -9999px }
h1.logotipospan, .logotipo span {display:block;position:absolute;left:13px;top:0px;z-index:1;width:245px;height:115px;margin:0;padding:0;background:url(../visual/logo.png) no-repeat left top;}
.opciones {float: right;color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
p.opciones { margin-bottom:0; padding-right:160px;}
ul.opciones { display:inline; margin:5px 10px;}
ul.opciones li{ float:left; list-style:none; display:block;}
ul.opciones li a {color: #FFFFFF;text-decoration:none;}
ul.opciones li a:hover {text-decoration:underline;}
/* Navegacion
-------------------------------------------------------------- */
.navegacion { background:url(../visual/bg_menu.jpg) repeat-x; height:29px;}
.navegacion ul { margin:0; }
.navegacion li.texto-nav {color:#fafafa;font-weight:bold;}
.navegacion li {margin: 0;padding: 4px 10px;color: #00F;float: left;list-style: none;}
.navegacion li a {font-weight: bold;color: #fff;background: inherit;text-decoration: none;}
.navegacion li a:hover {color:#D58033;background: inherit;}
.navegacion li.active a {background: url(../visual/bg_menu_hover.jpg) center top;color: #fff;font-weight: bold;padding: 6px 10px 7px 10px;}
/* Contenido
-------------------------------------------------------------- */
/* Titulares para home y secciones */
.introduccion {background:transparent url(../visual/header.jpg) no-repeat scroll 0 0;height:238px;;margin:0;padding:0;clear:both;}
.introduccion h2, .introduccion h1 {padding: 0px 15px 0 75px; line-height:1.1; margin-bottom:5px; font-family:Tahoma,Arial,san-serif; font-size:32px; color:#FFFFFF; font-weight:bold; }
.introduccion h2 span {display:block;font-size:65%; font-weight:normal;color: #fff; }
.introduccion p {float: left;padding:0 15px 0 75px;color: #FFFFFF;}
.introduccion p span a{
display:block;
color:#fff;
margin:5px 0 5px 10px;
text-align:right;
font-family:Tahoma;
font-size:13px;
font-weight:bold;
}
/* Migas de pan */
ul.migas {list-style: none;margin:0;padding:10px;display:block;}
.migas li {display: inline;padding: 0;margin: 0;}
.migas li a { color: #666; }
.migas li a:hover { text-decoration:none;}
/* Elementos del byline */
.contenedor h1 { padding-left:0px; color:#D58033}
.span-12 h1, .span-8 h1, .span-4 h1 { padding-left:0;} /*Corrección boba de padding izquierdo */
p.abstract {font-size:1.2em;line-height:1.6;margin-bottom:1.2em;margin-top:0;font-style: italic;}
p.credito { margin: 0 0 20px 0; padding: 0 0 20px 10px; font-size: 110%; font-style: italic; border-bottom: 1px solid #ccc;}
p.credito a { color: #333;}
p.credito a:hover { color: #555;}
p.credito span.fechapub {margin-left: 9px; padding-left: 9px; font-style: normal; border-left: 1px solid #999;}
/* Titulares con auxiliares */
div.titular {margin: 15px 0 10px;padding:2px 0;display:block;height:15px;clear:both; }
div.titular h4 {float: left;margin: 0;padding: 0;font-size: 14px;text-transform: uppercase;color: #666;font-weight: bolder; font-family:Tahoma;}
div.titular ul {float: right;margin: 0;padding: 0;list-style: none;}
div.titular ul li {display: inline;margin: 0 10px 0 0;padding: 0 10px 0 0;font-size: 85%;color: #7f7f7f;border-right: 1px solid #9a9a9a;}
div.titular ul li.ultimo {margin: 0;padding: 0;border: none;}
div.titular ul li.ultimo a img { margin-bottom:-3px; }
div.titular ul li a { color: #333; text-decoration:none;}
div.titular ul li a:hover {text-decoration:underline;}
/* Cambio color titulares home*/
div.titAsist h4{ color:#669900;}
div.titExpo h4{ color:#993300;}
div.titPatro h4{ color:#003366;}
div.titSede h4{ color:#990000;}
div.titNot h4{ color:#D58033; font-family:Tahoma; font-size:14px; font-weight:bolder;}
/* Catlist, tecnica por Paul O’Brien de search-this.com [search-this.com/2008/08/13/my-css-is-cat-categories-with-css] */
* html dd { height:1% }
dl.catlist {width:auto;padding:10px 0;overflow:hidden;border-bottom:none;clear:both;margin: 0 0 15px 0;}
dl.catlist dt { font-size:120%; font-weight:normal; margin:5px 0 0 0; }
dl.catlist dt span {float:right;padding:0 0 0 20px;font-size:90%;font-weight:normal;}
dl.catlist dt a { text-decoration:underline;}
dl.catlist dt a:hover{ text-decoration:none;}
dl.catlist dt a img { border: none; float: left; margin:0 20px 0 0; }
dl.catlist dd.nowrap-def {margin:0;overflow:auto;padding:0 0 15px 0;}
dl.catlist dd, .reticula dd {margin:0;border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px; }
dl.catlist dd img {margin:0 20px 10px 0;float:left;}
dl.catlist dt span{float:right;padding:5px 0 0 20px;font-size:80%;font-weight:normal;}
dl.catlist dt span a {text-decoration:none;line-height:1.8em;}
dl.catlist dd p, .reticula dd p {margin:0;padding:0;}
dl.catlist dd.metalist, .reticula dd.metalist { font-size:90%; line-height:1.5em; margin:3px 0; padding:0; border-top:none; border-bottom:none;}
dl.catlist dd.metalist a.cont-comentarios {background:transparent url(img/comment.png) no-repeat scroll 6px 15%;border-left:1px solid #999;margin-left:9px;padding-left:24px;}
dl.catlist dd.metalist a:hover.cont-comentarios, dl.catlist dd.metalist a:hover { text-decoration:none; }
/*Reticula horizontal */
.reticula { margin: 5px 0; }
.reticula dl {width:188px;margin:0 0 10px 5px;float:left;border-bottom:1px solid #ccc;padding:5px;background:#f0f0f0;display:block;height:75px;}
.reticula dt img {float:left;margin:0 10px 0 0;border:2px solid #0066CC;padding:0;}
.reticula dt a:hover img { border:2px solid #CC3300; }
.reticula dt a:hover { color:#CC3300; }
/*Reticula horizontal 2 _______*/
ul.galeria { margin:5px 0 0 0; padding:20px; border:1px solid #CCCCCC;}
ul.galeria li {
width: 295px;
min-height: 60px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0 15px 10px 0;
zoom: 1;
padding-bottom:5px;
color:#666;
}
ul.galeria li:hover { background-color:#fafafa;}
ul.galeria li h4{ margin-bottom:5px; font-size:110%; font-weight:bold;}
ul.galeria li img{ display:block; margin-bottom:5px; padding:0;}
ul.galeria li p.topics{ padding:0;}
ul.galeria li.ultimo { margin-right:0;}
/* Diferentes tamaños de galería */
.galeria_chica li {width: 140px !important;}
/*Caja casi infinitamente expandible */
.box2 {padding:0 12px 0 0;background:#fff url(img/borders.gif) 100% 0 repeat-y;}
.bi {padding:0 0 0 12px;background:#fff url(img/borders.gif) 0 0 repeat-y;}
.bt {height:17px;margin:0 -12px;background:url(img/box.gif) 100% 0 no-repeat;}
.bt div {width:18px;height:17px;background:url(img/box.gif) 0 0 no-repeat;}
.bb {height:17px;margin:0 -12px;background:url(img/box.gif) 100% 100% no-repeat;}
.bb div {width:18px;height:17px;background:url(img/box.gif) 0 100% no-repeat;}
.box2 h2 {margin:0 !important;padding:10px;background:#efece6;font:bold 120%/1.2 Georgia, "Times New Roman", Times, serif;}
.box2 h3 {margin:0;color:#CC3300;padding:0.3em 10px;font:bold 1.2em/1.1 Georgia, "Times New Roman", Times, serif;}
.box2 p, .box2 ul, .box2 img {margin:0;padding:4px 10px;}
.box2 li {margin:0 0 0 20px;padding:0;}
.box2-relleno {background-color:#fafafa;padding:5px;}
/* Barra de paginación de resultados */
.paginacion-resultados {margin: 15px 0 20px 0;padding: 0 0 3px 0;border-bottom: 1px solid #ccc;height:2em;}
.resultados-abajo {clear: both;margin: 15px 0 0 0;padding: 5px 0 0 0;border-top: 1px solid #ccc !important;border-bottom: none !important;height:18px;}
.paginacion-resultados ul {float: right;margin: 0;padding: 0;list-style: none;}
.paginacion-resultados ul li {display: inline;margin: 0 5px 0 0;padding: 0;font-family: Verdana, sans-serif;font-size: 90%;line-height: 1em;color: #7f7f7f;}
.paginacion-resultados ul li.last {margin: 0;padding: 0;border: none;}
.paginacion-resultados ul li a {text-decoration: underline;color: #333;line-height: 1.9em;}
.paginacion-resultados ul li a:hover {color: #555; text-decoration:none;}
.paginacion-resultados h4 {display:inline;float:left;margin:0;width:48%;}
/* Lista de resultados */
.resultados-busqueda dd + dd { margin-bottom: 15px; }
dl.resultados-busqueda dd { margin-left:0; }
dl.resultados-busqueda dd img {margin: 0 20px 10px 0;float:left}
.resultados-busqueda a {font-size: 100%;font-weight: bold;text-decoration:none;}
.resultados-busqueda a:hover { text-decoration:underline; }
/* Noticias */
dl.noticias {
margin: 3px 0 15px 0;
padding: 0;
border-bottom:solid 1px #ccc;
background-color:#F5F5F5;
}
dl.noticias dt { font-weight: bold;}
dl.noticias dt.actual { padding-left:15px; background:#ECECEC;}
dl.noticias dt.actual a{ color:#D58033;}
dl.noticias dd.actual { background-color:#ECECEC; padding-left:15px;}
dl.noticias dt a { text-decoration: none; line-height:1.8; color:#333366; }
dl.noticias dt a:hover { text-decoration: underline; }
dl.noticias dd { margin: 0 0 10px 0; padding: 0;}
dl.noticias dd img{ margin: 0 20px 10px 0; padding: 0; float:left;}
/* Formas
--------------------------------------*/
label { font-weight:bold; }
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #FFDE5B;background: #FFFFCC;}
input.text, input.title {width:95%;padding:5px;}
input.title { font-size:1.5em; }
textarea {width:95%;height:150px;padding:5px;}
/* Botones
-------------------------------------------------------------- */
a.button, button {
display:block;
margin: 10px 0 10px 5px;
padding:5px 10px 5px 7px; /* Links */
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#f5f5f5;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
float:right;
}
button[type] {padding:4px 10px 4px 7px;/* Firefox */ line-height:17px;/* Safari */}
button:hover, a.button:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
button:active, a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff;}
/* Barra lateral
-------------------------------------------------------------- */
.widget {background:#fafafa;color:#454545;margin:10px 0;}
.widget h3 { margin-bottom:5px; padding:0 10px; }
.widget p img {float:right;margin: 0 0 3px 5px;}
.widget input { width:200px; margin: 10px 5px; padding:5px; color:#666; float:left; }
.widget input:focus { border-color:#c2e1ef;}
.widget p { padding:10px;}
.widget ul { margin-top:10px;}
.widget li { margin-left:-5px;}
/* Noticias */
ul.categorias {margin:0 0 0 10px;list-style:none;}
ul.categorias li{ padding:2px 0;}
/* Calendario de noticias */
ul.archivo-noticias li { float:left; list-style:none; padding:2px 6px; border-right:solid 1px #ccc; width:70px; margin-bottom:3px; display:block; }
ul.archivo-noticias li a:hover { text-decoration:none;}
/* Pie
-------------------------------------------------------------- */
.pie {}
p.nav-pie, .pie address { padding: 15px 0; margin-bottom:0; color: #244E7B;}
.pie address img{ float:left; margin-right:20px;}
.copyright {padding: 0px;font-size: 90%;text-align:left;margin:0;}
p.nav-pie a, p.nav-pie a:visited{ color:#244E7B; text-decoration:none; }
p.nav-pie a:hover, p.nav-pie a:focus{text-decoration:underline; }
/* Extras */
.hide {display:none;}