/* * Fichero public.css */ body { margin:0px; padding:0px; font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif; font-size:12px; color:#333333; border-top:2px solid #FF8308; } h1, h2, h3, h4 { font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;} input { border:1px solid #0099CC; } #web { width:990px; margin:0 auto;} #cab { width:100%; height:103px; background:transparent url(../img/fdo_cab.gif) bottom left repeat-x;} #ctd { clear:both; width:100%; } #lat { float:left; width:175px;} #dts { float:right; width:798px;} #pre-pie { width:100%; min-height:135px; _height:135px; background:#d4d4d4 url(../img/pie_btt.gif) bottom left no-repeat; color:#2e2e2e; } #pre-pie .pre-pie-deco { padding:10px 9px 10px 0px; _padding:10px 0px 10px 0px;} #pie { clear:both; width:100%; color:#bababa; font-size:11px;} /* ESTILOS PARA LA CABECERA DE LA WEB */ #cab h1 { float:left; width:380px; margin-top:15px;} #cab h1 img{ margin-right:10px; float:left;} #cab h1 a { float:left; width:100%; height:100%; text-decoration:none;} #cab h1 a em { display:block; color:#7a7a7a; padding-top:20px; font-style:normal; line-height:15px; font-weight:bold; font-size:9px; text-decoration:none;} #cab h1 a em strong{ font-size:15px; color:#FF850C;} /* idiomas */ ul.nav-lang { float:left; width:115px; margin-left:55px; text-align:right; margin-top:7px;} ul.nav-lang li { display:inline; list-style:none; font-weight:bold; padding:0px 5px 0px 5px; } ul.nav-lang li a:hover { text-decoration:none;} /*buscador + opciones de menu*/ ul.nav { float:right; height:30px; background:#FF8308 url(../img/fdo_buscador.gif) top left repeat-x; text-align:right; } ul.nav li { float:left; display:inline; color:#FFF; height:30px; } ul.nav li span{ display:block; padding:5px 7px 0px 3px; border-left:1px solid #FFB56D; margin:5px 0px 0px 0px;} ul.nav li.first { background:transparent url(../img/busc_izq.gif) top left no-repeat; } ul.nav li.last { background:transparent url(../img/busc_dch.gif) top right no-repeat; } ul.nav li.last span { padding-right:7px;} ul.nav li a { color:#FFF; text-decoration:none;} ul.nav li a:hover { color:#fff; text-decoration:underline;} /*Menu de cabecera*/ ul.nav-top { float:right; text-align:right; width:600px; margin:45px 0 0 0; font-family: arial; font-weight: bold; font-size: 12px; text-transform: uppercase;} ul.nav-top li {list-style-type: none; display: inline;} ul.nav-top li a {color: #595959; text-decoration:none; padding:0px 6px 0px 5px;} ul.nav-top li a:hover {color: #595959; text-decoration:underline; font-family:Arial;} ul.nav-top li a.on { color: #FF8308; text-decoration:underline; font-family:Arial;} /*Menu lateral*/ .men p { display:none;} .men ul { width:100%; background:url(../img/deg_lat.jpg) no-repeat; padding: 50px 0 0 0; } .men ul li { float:left; font-family:Arial; font-size:13px; font-weight:bold; line-height:22px; width:100%; clear:both; color:#ff8308; border-top:2px solid #fff;} .men ul li a {display:block; background:#F7F7F7 url(../img/bullet_men.gif) 6px 8px no-repeat; color:#848484; text-decoration:none; padding:0px 0px 0px 18px;} .men ul li a:hover { padding:0px 0px 0px 18px; color:#FFF; background:#FF8308 url(../img/bullet_men_on.gif) 6px 8px no-repeat; text-decoration:none;} .men ul li a.on { padding:0px 0px 0px 18px; color:#FFF; background:#FF8308 url(../img/bullet_men_on.gif) 6px 8px no-repeat; text-decoration:none; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie img { padding:0px 8px 0px 8px; vertical-align:middle;} #pie a { color:#666666; text-decoration:none; } #pie a:hover { text-decoration:underline;} #pre-pie .c1 { float:left; font-size:11px; color:#3E3E3E; width:160px; margin:5px 10px 0px 10px; _margin:5px 10px 0px 5px; padding:0px; } #pre-pie .c1 strong {float:left; padding-bottom:3px;} #pre-pie .c1 p { margin:7px 0px 5px 0px;} #pre-pie .c1 ul { float:left; width:100%;} #pre-pie .c1 ul li { float:left; width:99%; list-style:none; background:transparent url(../img/bullet_pie.gif) 0px 6px no-repeat; line-height:15px; padding-left:6px;} #pre-pie .c2 { float:right; _float:left; width:795px; _width:790px; border-left:1px solid #E1E1E1; padding-left:5px;} #pre-pie .c2 p { float:left; height:17px; background:transparent url(../img/phone.gif) 0px 0px no-repeat; padding:2px 0px 0px 20px; font-size:12px; font-weight:bold; color:#666666;} #pre-pie .c2 p span { color:#000;} #pre-pie .c2 ul { float:right; width:300px; font-size:11px; text-align:right;} #pre-pie .c2 ul li { list-style:none; font-weight: bold; display:inline;} #pre-pie .c2 dl { float:left; margin:0% 0.79% 2% 0%; _margin:0% 0.35% 0% 0%; width:19%; padding:0px;} #pre-pie .c2 dl dt { float:left; color:#3E3E3E; font-weight:bold; font-size:11px; width:100%;} #pre-pie .c2 dl dt a { color:#3E3E3E; font-weight:bold; line-height:20px;} #pre-pie .c2 dl dd { float:left; font-size:11px; color:#454444; width:100%;} #pre-pie .c2 dl dd ul { float:left; width:99%; text-align:left; padding:0px;} #pre-pie .c2 dl dd ul li { display:block; float:left; width:99%; list-style:none; background:transparent url(../img/bullet_pie.gif) 0px 6px no-repeat; line-height:15px; padding-left:6px; } #pre-pie .c2 dl dd ul li a { color:#454444; font-weight:normal;} #pre-pie .c2 dl.logos { float:left; margin-left: -30px; width:23%; padding:0px;} #pre-pie .c2 dl.logos dt { float:left; color:#3E3E3E; font-weight:bold; line-height:18px; font-size:11px; width:100%;} #pre-pie .c2 dl.logos dt a { color:#3E3E3E; font-weight:bold; line-height:20px;} #pre-pie .c2 dl.logos dd { float:left; font-size:11px; color:#454444; margin-top: 5px; width:100%;} #pre-pie .c2 dl.logos dd ul { float:left; width:99%; text-align:left; padding:0px;} #pre-pie .c2 dl.logos dd ul li { display:block; float:left; width:99%; list-style:none; background:transparent url(../img/bullet_pie.gif) 0px 6px no-repeat; line-height:15px; padding-left:6px; } #pre-pie .c2 dl.logos dd ul li a { color:#454444; font-weight:normal;} /*ESTILOS BORDES*/ .brd-pie { border-top:1px solid #E1E1E1; padding:15px;} /* ESTILOS PARA LOS LISTADOS */ /* Listados para categorias */ .lst-cat { float:left; width:100%; } .lst-cat ul { margin:10px 0px 10px 5px;} .lst-cat ul li { clear:both; margin:0px; padding:3px 0px 3px 15px; background:transparent url(../img/bullet-bsc.gif) 0px 4px no-repeat;} .lst-cat ul li span { display:block; line-height:14px; padding:5px 0px 0px 5px;} .lst-cat ul li a { color:#FF8308; text-decoration:none; font-weight:bold;} .lst-cat ul li a:hover {text-decoration:underline;} /*Listado de 4 columnas*/ ul.lst-f1 { margin:0px 0px 0px 10px; font-family:Arial;} ul.lst-f1 li{ float:left; padding:0px 9px 15px 0px; width:24%; text-align:left; line-height:15px; background:transparent url(../img/lin.gif) 235px 0px repeat-y;} ul.lst-f1 li.last { background:none;} ul.lst-f1 li h2 { clear:both; font-family:Arial; font-weight: bold; font-size:14px; color:#FF8308; padding-bottom:5px;} ul.lst-f1 li img { float:left; margin-right:10px;} ul.lst-f1 li span { color:#666666;} ul.lst-f1 li a { text-decoration:none; font-weight:bold;} ul.lst-f1 li a:hover { text-decoration:underline; } /*Listado de 2 columnas*/ ul.lst-f2 li { float:left; width: 48%; *float:none; display: inline-block; *display: inline; vertical-align: top; padding-bottom: 15px; zoom: 1;} ul.lst-f2 li img { border:1px solid #D7D7D7; margin-bottom:5px; padding:0px; } ul.lst-f2 li h3 { padding-bottom:3px; color:#FF8308; font-size:14px; } ul.lst-f2 li span { display:block; font-size:11px; color:#666666; line-height:16px; } .lst-f1 ul li { padding-bottom: 12px;} .lst-f1 ul li h2 { clear:both; font-family:Arial; font-weight: bold; font-size:14px; color:#FF8308; padding-bottom: 2px;} .lst-f1 ul li strong { clear:both; font-family:Arial; font-weight: bold; font-size:12px; color:#000000;} /*Listado mapa web*/ .lst-mw { float:left; width:100%; margin-top:20px;} .lst-mw dl { float:left; margin:0% 0.79% 2% 0%; width:19%; _width:17%; padding:0px;} .lst-mw dl dt { float:left; font-weight:bold; font-size:11px; width:100%; background:transparent url(../img/bullet-bsc.gif) 0px 1px no-repeat; padding:0px 0px 5px 10px; } .lst-mw dl dd { float:left; font-size:11px; width:100%;} .lst-mw dl dd ul { float:left; width:99%; text-align:left; padding:0px;} .lst-mw dl dd ul li { display:block; float:left; width:99%; list-style:none; line-height:15px; padding-left:15px;} .lst-mw dl dd ul li a{ font-weight:normal;} /*Listado Noticias*/ ul.lst-not { } ul.lst-not li { clear:both; margin: 3px 3px 3px 3px; padding:5px 5px 5px 5px; border-bottom:1px solid #EEE; } ul.lst-not li h3 { padding-bottom:5px; color:#FF8308; font-size:14px;} ul.lst-not li h3 a { color:#FF8308;} ul.lst-not li h3 a:hover { color:#FF8308;} ul.lst-not li p { color:#666666; font-size:11px; margin-bottom:5px; line-height:14px;} ul.lst-not li img { float:right; padding:0px 0px 0px 15px; display:block; } /* ESTILOS PARA CAJA CON FORMATOS */ /*Caja contenido relacionado, tanto documentos como paginas*/ .caj-cont { width:96%; background:#F7F7F7 url(../img/fdo_cab.gif) top left repeat-x; padding:15px; } #doc-rel { float:left; width:45%; margin-right:10px; display:inline} #cont-rel { float:left; width:45%;} .caj-cont h2 { width:auto; color:#FF8308; font-family:Arial; font-weight:bold; line-height:14px; } .caj-cont ul { width:auto; line-height:16px; padding:10px 0px 10px 10px; } .caj-cont ul li { width:auto; color:#0099CC; font-weight:bold; background:transparent url(../img/bull_lst.gif) 0px 4px no-repeat; padding:0px 0px 0px 13px;} /* Caja de 'No hay datos en listado o no resultados */ .caj-ndts { clear:both; margin:10px 0px 0px 7px; height:20px; background:url(/MODULOS/global/publico/interfaces/img/iconos/sinresultado.gif) top left no-repeat; } .caj-ndts-padd { padding:5px 0px 0px 20px; } /* Caja de error */ .caj-err { margin: 3px 0px 3px 0px; text-align: left; color: #990000; background: transparent url(/MODULOS/global/publico/interfaces/img/iconos/aviso.gif) 0px 0px no-repeat; } .caj-err-padd { padding: 3px 3px 3px 25px; } .caj-err strong { } /* Caja para noticias */ .caj-not { margin:9px 0px 5px 0px; padding:10px 10px 6px 7px;} /* ESTILOS PARA COLUMNAS GENERALES */ /* 2 Columnas 50%-50& */ .col2f1 { } .col2f1-c1 { float: left; width: 49%; } .col2f1-c2 { float: right; width: 49%; } .col3f1 { } .col3f1-c1 { float: left; width: 32%;} .col3f1-c2 { float: right; width: 34%;} .col3f1-c3 { float: right; width: 33%;} /* ESTILOS PARA COLUMNAS PERSONALIZADAS */ /* Columnas para noticias de la home*/ .title-not {margin:20px 0px 15px 0px; padding-bottom:6px; border-bottom:1px solid #787878;} .title-not a {color:#787878; font-size:14px;} .col2p1-c1 { float:left; width:465px; margin:0px 0px 0px 10px; padding:0px; font-family:Arial; line-height:14px;} .col2p1-c2 { float:right; width:500px; background:transparent url(../img/lin.gif) top left repeat-y; font-family:Arial; line-height:14px;} .col2p1-c1 h3 { clear:both; font-weight: bold; font-size:14px; color:#FF8308; padding-bottom:10px;} .col2p1-c1 img { float:left; margin-right:10px;} .col2p1-c1 span { color:#666666; line-height:15px;} .col2p1-c1 a { text-decoration:none; font-weight:bold; line-height:16px;} .col2p1-c1 a:hover { text-decoration:underline;} .col2p1-c2 ul { margin:0px 0px 0px 10px; padding:0px;} .col2p1-c2 ul li{ float:left; clear:both; width:100%; padding:0px 0px 10px 0px;} .col2p1-c2 ul h3 { font-weight: bold; font-size:14px; color:#FF8308; padding-bottom:5px;} .col2p1-c2 ul li img { float:right; margin-left:10px;} .col2p1-c2 ul li span { color:#666666; line-height:15px;} .col2p1-c2 ul li a { font-size:11px; text-decoration:none; font-weight:bold;} .col2p1-c2 ul li a:hover { text-decoration:underline; } /* ESTILOS PARA BREADCRUMS */ .bdc { color:#0099CC; font-weight:bold; padding:7px 0px 0px 0px; } .bdc .act {color:#000; font-weight:bold; } /* ESTILO PARA LA PAGINACION */ .pag { float:left; width:100%; text-align:center; margin:5px 0px 5px 0px; padding:10px 0px 10px 0px; background:#F7F7F7; } .pag a { padding:0px 4px 0px 4px; font-weight:bold; color:#0099cc; background:#fff; border:1px solid #0099cc; text-decoration:none;} .pag a:hover,.pag a.act:hover { text-decoration:none;} .pag a.ant, a.sig { border:none; background:none; font-weight:bold;} .pag a.ant:hover, a.sig:hover { text-decoration:underline;} .pag .act { color:#ffffff; background-color:#FF8308; border:1px solid #ff8308} /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ /* ESTILOS PARA CUALQUIER FORMULARIO */ /* Formulario Buscador */ .form-bus { float:left; margin:2px 0px 0px 0px; padding:3px 7px 0px 5px; width:213px; text-align:left; *width:220px;} .form-bus fieldset { } .form-bus legend {display:none; } .form-bus label { display:none; } .form-bus input { width:130px;} .form-bus .btn { color:#FF8308; background:#F4F4F4 url(../img/view.gif) 3px 5px no-repeat; border:1px solid #C2C2C2; font-size:11px; height:20px; padding:0px 7px 0px 18px; font-weight:normal; *background:#F4F4F4 url(../img/view.gif) 3px 4px no-repeat; *padding:1px 7px 0px 15px; width:64px; *width:63px;} /* ESTILOS PARA TEXTO */ .txt { } /* Estilo para el texto en general */ .ant { color:#000; font-size:12px; font-family:Arial; font-weight:bold; line-height:17px;}/* Estilo para antetitulos */ .tit { font-family:Arial; font-weight:bold; font-size:24px; color:#FF8308; margin-top:8px;} /* Estilo para el titulo*/ .subt { display:block; color:#707070; font-size:15px; border-bottom:1px solid #FF8308; line-height:20px; padding:3px 0px 7px 0px; } /* estilo para el subtitulo */ .ent { background:#F7F7F7; padding:5px; color:#333333; font-size:14px; font-style:italic;line-height:16px; } /* Estilo para la entradilla */ .des { font-size:12px; color:#14466B; } /* Estilo para destacado */ .fec { font-size:11px; color:#000; font-weight:bold; font-style:normal;} /* Estilo para campo de fecha */ /* ESTILOS PARA EL CUERPO */ /*Cuerpo para Noticias*/ .cpo { text-align:justify; padding:5px 0px 10px 5px; line-height:16px; font-family:Arial; font-size:12px;} .cpo strong { font-weight:bold; } .cpo ul { margin:10px 0px 10px 15px; font-family:Arial; font-size:12px; } .cpo ul li { color:#000; background:transparent url(../img/bull_lst.gif) 0px 8px no-repeat; padding:3px 0px 3px 10px; } .cpo ol { clear:both; margin:5px 0px 0px 5px; padding:0px; } .cpo ol li { list-style-type:decimal; list-style-position:outside; display:list-item; margin:0px 0px 0 15px;} .cpo p { margin:10px 0px 10px 0px; } /*Cuerpo para páginas libres*/ .cpo-pag { text-align:justify; padding:5px 0px 10px 10px; line-height:16px; font-family:Arial; font-size:12px;} .cpo-pag strong { font-weight:bold; } .cpo-pag ul { margin:10px 0px 10px 15px; font-family:Arial; font-size:12px; } .cpo-pag ul li { color:#000; list-style-type:disc; list-style-position:inside; padding:3px 0px 3px 0px; } .cpo-pag ol { clear:both; margin:5px 0px 0px 5px; padding:0px; } .cpo-pag ol li { list-style-type:decimal; list-style-position:outside; display:list-item; margin:0px 0px 0 15px;} .cpo-pag p { margin:5px 0px 5px 0px; } .cpo2-pag { background:#F7F7F7; font-style:italic; padding:5px 7px 5px 10px; font-family:Arial; font-size:12px; line-height:16px;} .cpo2-pag strong { font-weight:bold; } .cpo2-pag ul { margin:10px 0px 10px 15px; font-family:Arial; font-size:12px; } .cpo2-pag ul li { color:#000; list-style-type:disc; list-style-position:inside; padding:3px 0px 3px 0px; } .cpo2-pag ol { clear:both; margin:5px 0px 0px 5px; padding:0px; } .cpo2-pag ol li { list-style-type:decimal; list-style-position:outside; display:list-item; margin:0px 0px 0 15px;} .cpo3-pag { background:#F7F7F7; padding:5px 7px 5px 10px; font-family:Arial; font-size:12px; line-height:16px;} .cpo3-pag strong { font-weight:bold; } .cpo3-pag ul { margin:10px 0px 10px 15px; font-family:Arial; font-size:12px; } .cpo3-pag ul li { color:#000; list-style-type:disc; list-style-position:inside; padding:3px 0px 3px 0px; } .cpo3-pag ol { clear:both; margin:5px 0px 0px 5px; padding:0px; } .cpo3-pag ol li { list-style-type:decimal; list-style-position:outside; display:list-item; margin:0px 0px 0 15px;} /* ESTILOS PARA IMAGENES */ .img-cm { float:right; margin:7px 0px 0px 20px; } .img-cm p { background:#F3F3F3; width:214px; color:#5A5A5A; text-align:center; font-size:10px; padding:5px 3px 3px 3px; font-style:italic; margin:0px 0px 10px 0px;} .img-cm-f2 { float:left; width:220px; padding:5px 25px 0px 0px;} .img-cm-f2 span { display:block; background:#F3F3F3; color:#5A5A5A; text-align:center; font-size:10px; padding:5px 3px 3px 3px; font-style:italic; margin:0px; } .img-cm-f3 { width:650px; text-align:center; margin:0 auto;} .img-cm-f3 span { display:block; background:#F3F3F3; color:#5A5A5A; text-align:center; font-size:10px; padding:5px 3px 3px 3px; font-style:italic; margin:0px;} .img-cm-f4 { float:left; width:800px; text-align:center;} .img-cm-f4 img { border:1px solid #D7D7D7; padding:0px;} .img-cm-f4 span { display:block; font-weight:bold; background:#F7F7F7; font-size:14px; line-height:18px; color:#000; text-align:left; padding:7px; margin:10px 0px 10px 0px;} .img-cm-f5 { float:left; padding:5px 19px 0px 0px; width:180px} .img-cm-f5 span { display:block; background:#F3F3F3; color:#5A5A5A; text-align:center; font-size:10px; padding:5px 3px 3px 3px; font-style:italic; margin:0px; } .icon {padding-left:102px; margin-left:1px; width:104px; height:20px;background: url(/MODULOS/global/publico/interfaces/img/iconos/add_google.gif) 0 -1px no-repeat;} .icon span {display:none;} .img-padd-sup {padding: 16px 0 0 0;} /* ESTILOS PARA ENLACES */ a { color:#006D99; text-decoration:none; font-weight:bold;} /* Enlaces en general */ a:hover, a.rss:hover { text-decoration:underline; } a.rss { float:right; width:auto; color:#FF8308; background:transparent url(../img/rss.gif) 0px 0px no-repeat; padding:0px 0px 1px 15px; } a.enl-home {color:#006D99; text-decoration:none; font-weight:bold; font-size:11px; line-height:25px; padding-left:8px; background:transparent url(../img/bullet_enlaces.gif) 0px 3px no-repeat;} /*ESTILOS PARA EL GOOGLE MAPS*/ #map { float:right; width:350px; height:250px; } .loc { float:left; width:430px; } /* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */ .flo-izq { float:left; } .flo-dch { float:right; } .ali-izq { text-align:left; } .ali-dch { text-align:right; } .ali-cen { text-align:center; } .ali-top { vertical-align:top; } .ali-btt { vertical-align:bottom; } .ali-med { vertical-align:middle; } /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padd { padding:10px; } .padd-top { padding-top:7px; } .padd-btt { padding-bottom:7px; } .padd-izq { padding-left:7px; } .padd-dch { padding-right:7px; } .marg-dch { margin-right:16px; _margin-right:13px; } .marg-top { margin-top:10px;} /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .brr { clear: both; } .ocu { display: none; } .con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .con {display:inline-block;} @media all { .con { display:block; }} /* Para Opera */ /* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */