/* ESTILOS GENERALES */ body { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 ; background: #101010; } img {border:0px solid #000000;} table,tr,td {margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;} html, body { } /* ESTILOS CAJAS GLOBALES */ #web-home { width:100%; text-align: center; margin: 0px 0px 0px 0px; } #web { width: 780px; /*min-height:780px;*/ background-color: #000000; text-align: left; margin:0px auto; } #contenido { clear:both; margin: 0px; padding:0px; width:auto; color:#ffffff; background:#000000 url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_lateral_menu.gif) top left repeat-Y;} #lateral { margin: 0px; width: 231px; float:left;} #datos { float: left; width: 540px;} #datos-home { float: left; width: 540px;} #pie {clear: both; width:100%;color:#C1C1C1; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_pie.gif) bottom left repeat-X; } /* ESTILOS PARA LA CABECERA DE LA WEB */ #cabecera h1 { margin: 0px; padding: 0px; } #cabecera h1 span { display: none; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie-decoracion {margin:0px; padding: 0px 0px 2px 20px; height:114px; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/decoracion_pie.jpg) top right no-repeat; } #pie-decoracion #pie-direccion {float:left; width:155px; margin-top:20px;} #pie-decoracion #pie-mapa {float:left; margin:55px 0px 0px 0px; } #pie-decoracion #pie-direccion span {font-size:24px; color:#C0500E; line-height:20px;} #pie-decoracion #pie-direccion a {color:#C1C1C1; text-decoration:none;} #pie-decoracion #pie-direccion a:hover {text-decoration:underline; } #pie-decoracion #pie-mapa span {display:none;} /* ESTILOS PARA EL MENU LATERAL DE LA WEB */ #lateral-logo {width: 231px; background-color: #000000; margin:0px 0px 0px 0px; padding: 0px; border-top:15px solid #FD5E00;} #logo { float: left; width:231px; text-align:center;} #logo h2 { margin:0px; padding: 0px; } #logo h2 a span { display: none; } #lateral-menu {float:left; width:231px; margin:0px 0px 0px 0px; padding:0px;} #lateral-menu dl { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-right:3px solid #FD5E00;} #lateral-menu dt { clear: both; margin: 0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style-type: none; background:#2A2A2A url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu.gif) left bottom repeat-X;} #lateral-menu dt a { display:block; padding:10px 0px 10px 5px; width:213px; font-size: 12px; color: #ffffff; text-decoration: none; } #lateral-menu dt a:hover { padding: 10px 0px 10px 5px; width:213px; color: #D25308;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow.gif) top right no-repeat; } #lateral-menu dt.seleccionado a { padding: 10px 0px 10px 5px; width:213px; color: #D25308;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow.gif) top right no-repeat; } #lateral-menu dt a.resalta { padding: 10px 0px 10px 5px; width:213px; color: #D25308;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow.gif) top right no-repeat; } #lateral-menu dt a.resalta:hover { padding: 10px 0px 10px 5px; width:213px; color: #D25308;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow.gif) top right no-repeat; } #lateral-menu2 {float:left; width:231px; margin:30px 0px 30px 0px; padding:0px;} #lateral-menu2 dl { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-right:3px solid #F6AD11;} #lateral-menu2 dt { clear: both; margin: 0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style-type: none; background:#2A2A2A url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu2.gif) left bottom repeat-X;} #lateral-menu2 dt a { display:block; padding:10px 0px 10px 5px; width:213px; font-size: 12px; color: #C1860C; text-decoration: none; } #lateral-menu2 dt a:hover { padding: 10px 0px 10px 5px; width:213px; color: #C1B8A7;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow2.gif) top right no-repeat; } #lateral-menu2 dt.seleccionado a { padding: 10px 0px 10px 5px; width:213px; color: #C1B8A7;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow2.gif) top right no-repeat; } #lateral-menu2 dt a.resalta { padding: 10px 0px 10px 5px; width:213px; color: #C1B8A7;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow2.gif) top right no-repeat; } #lateral-menu2 dt a.resalta:hover { padding: 10px 0px 10px 5px; width:213px; color: #C1B8A7;font-size: 12px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/arrow2.gif) top right no-repeat; } /* ESTILOS PARA EL CONTENIDO HOME */ #intro { margin:0px; padding:0px; width:540px;} #datos-home #seccion{ width: 280px; margin:80px 0px 0px 0px; padding: 0px 0px 0px 0px; float:right; } #datos-home #seccion2{ margin:5px 0px 0px 10px; padding: 0px 0px 0px 0px; float:right;} #datos-home .opcion{ float:left; width: 278px; margin: 10px 0px 0px 0px; padding:0px;} #datos-home .opcion .entrada { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #datos-home .opcion .entrada p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #7A6A5D; } /* ESTILOS PARA EL CONTENIDO INTERIORES */ #datos #seccion{ width: 280px; margin:80px 0px 0px 0px; padding: 0px 0px 0px 0px;} #datos #seccion h3 { margin: 5px 0px 5px 0px; padding:0px;} #datos #seccion div{ margin:0px 0px 0px 0px; padding: 0px 25px 0px 15px; } /* ESTILO PARA PLANTILLAS */ #datos #opcion {float:left; width: 529px; }/* contiene el lateral derecho */ #datos #opcion-padding {float:left; /*width: 100%;*/ margin: 0px; padding:20px 10px 20px 10px;} #datos .parrafo-template1 { float:left; margin:0px; padding:0px; width:100%;}/* Contiene imagenes y texto del template 1*/ #datos .opcion-template1 { float:left; margin:0px; padding:0px 15px 10px 0px; }/*Imagenes del template 1*/ #datos .contenido-template2 { float:left; padding:0px 0px 0px 10px; width:505px; } /* Texto adyacente a las imagenes del template 2*/ #datos .parrafo-template3 { float:left; margin:0px; padding:0px; width:100%;}/* Contiene imagenes y texto del template 3*/ #datos .opcion-template3 { float:left; margin:0px; padding:0px 15px 10px 10px; width:230px; }/*Imagenes del template 3*/ #datos .parrafo-template4 { float:left; margin:0px; padding:0px; width:100%;}/* Contiene imagenes y texto del template 4*/ #datos .opcion-template4 { float:left; margin:0px; padding:0px; width:230px; }/*Imagenes del template 4*/ #datos .contenido-template4 { float:left; padding:0px 0px 0px 10px; width:270px; } /* Texto adyacente a las imagenes del template 4*/ #datos .parrafo-template5 { float:left; margin:0px; padding-left:10px; width:100%;}/* Contiene imagenes y texto del template 5*/ #datos .opcion-template5 { float:left; margin:0px; padding:0px 15px 10px 10px; width:230px; }/*Imagenes del template 5*/ #datos .parrafo-template6 { float:left; margin:0px; padding:0px; width:100%;}/* Contiene imagenes y texto del template 6*/ #datos #parrafo{ float:left; margin:0px; padding:20px 30px 10px 10px; } #datos #parrafo-template2{ float:left; margin:0px; padding:20px 30px 10px 20px; } #datos #parrafo-template5{ float:left; width: 540px; float:right; margin:10px 0px;} #datos #parrafo-template6{ width: 500px; float:left; margin:0px; padding:0px 5px 0px 15px; } #datos #parrafo ul { margin: 15px 0px 0px 5px; padding:0px; list-style-type: none; } #datos #parrafo li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;} #datos #parrafo div{ padding: 0px 0px 0px 27px; padding:0px; } #datos #opcion #opcion-texto { width:290px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } #datos #opcion #opcion-texto div{ margin: 0px 20px 0px 27px; padding: 0px 0px 0px 0px; } #fotopie { float: left; width: 280px;} .fotos-filas{ margin: 0px; padding: 0px 0px 10px 0px; background-color: #ffffff; } .blanco-fotos{ padding:0px 0px 10px 0px; background-color: #ffffff;} #categorias { padding: 3px 10px 3px 10px; border-bottom: solid 1px #aaaaaa;} #categorias ul {margin:0;padding:0;list-style-type:none;} #categorias ul li {margin:5px 0 5px 0;font-size: 12px;list-style-type:none;} #categorias ul li a {font-weight:bold;text-decoration:none;} #relacionados {border-top: solid 1px #1b1b1b;} #relacionados ul {margin:10px 0 10px 0;padding:10px 0 10px 0;list-style-type:none;} #relacionados ul li {margin:5px 0 5px 0;list-style-type:none;} #relacionados ul li a {text-decoration:none;} #path { padding: 3px 0px 3px 15px; border-bottom: solid 1px #303030; background: #FD5E00;color:#000000;width:533px;} #path a {color:#000000;text-decoration:none;} #path a:hover {text-decoration:underline;} #path .act {font-weight:bold;} .path { padding: 3px 0px 3px 15px; border-bottom: solid 1px #303030; background: #FD5E00;} #popup { margin: 10px 0px 10px 10px;} #sugerencias{ float:left; width:549px; height:203px; margin: 10px 0px 0px 0px; padding:0px; background: #000000; } #sugerencias ul { list-style-type: none; margin:0px; padding:0px; } #sugerencias li { margin:0px; padding:2px 0px 2px 0px;} #nueva-sugerencia { background: #797979; text-align: center; padding: 3px 0px 3px 0px;} #sugerencias-detalle { width:330px; height: 203px; border-right: solid 1px #303030;margin-left:10px;} #sugerencias-formulario { width:520px; height: 284px;float:left; } #sugerencias-padding { padding: 7px 0px 0px 3px;} #sugerencias-resultado { padding: 25px 0px 0px 10px;float:left;} #intro-sugerencia {margin:0px; padding: 30px;} #encuesta {width:200px; padding: 0px 0px 0px 0px;float:right; } #encuesta-detalle { width:170px; padding: 20px 10px 5px 15px; } #enlace{ float:left; margin:0px; padding:20px 30px 10px 30px; } #lista-enlace{ float:left; margin:0px; padding:10px 10px 10px 20px; } #detalle-enlace{ padding:0px 0px 0px 50px;} #boton-noticia{ margin: 10px 0 10px 0; padding: 0px;} /*ESTILOS PARA EL SCROLL DE CONTENIDOS PARA PAGINAS CON NOTICIA*/ #contenidocentralnoticia {clear: both; position:relative; float: left; padding:10px 0px 0px 30px; } #datosscrollnoticia {position:absolute; width:500px; height: 233px;overflow: hidden; clip:rect(0px 500px 233px 0px); overflow:hidden; visibility:visible; } #datosscrolltextonoticia {position:absolute; width:500px; left:0px; top:0px; } #datosscrolltextonoticia a{text-decoration:none; color: #7A6A5D;} #datosscrolltextonoticia a:hover{text-decoration:underline;color: #7A6A5D;} #contenidocentral-scrollnoticia { float: right; } #contenidocentral-scrollnoticia span { display: none; } #contenidocentral-scrollnoticia ul { margin: 0px; padding: 0px; list-style-type: none;} #contenidocentral-scrollnoticia li { list-style-type: none; margin: 0px; padding: 0px;} #contenidocentral-subirnoticia { margin-bottom: 0px; width: 13px; height: 150px; display: block; background-image:url(/MODULOS/_GLOBAL/publico/interfaces/img/bt_arriba.gif); background-repeat: no-repeat; } #contenidocentral-subirnoticia a { display: block; width: 13px; height: 150px; } #contenidocentral-bajarnoticia { width: 13px; height: 120px; display: block; background-image:url(/MODULOS/_GLOBAL/publico/interfaces/img/bt_abajo.gif); background-repeat: no-repeat; } #contenidocentral-bajarnoticia a { display: block; width: 13px; height: 120px; } /* ESTILOS PARA LAS SIMULACION DE CARPETAS */ #listado{ float:left; width:549px; height:284; margin: 10px 0px 0px 0px; padding:0px; background: #cecece; } #carpetas-opcion{ float:left; margin: 0px 0px 0px 0px; padding:0px; background: #CECECE; } #carpetas-opcion-texto { width:290px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } #carpetas-opcion-texto div{ margin: 0px 20px 0px 27px; padding: 0px 0px 0px 0px; } /* Primer submenu - texto naranja */ #listado-carpetas { clear:both; width:549px; height:26px; margin:0px; padding:0px; border:none; font-size: 10px; background: #2E2E2E url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_submenu.gif) left bottom repeat-X;} #listado-carpetas li { float:left; list-style: none; padding: 5px 0px; color: #FD5E00;} #listado-carpetas li a { font-size:10px; color: #FD5E00; padding: 0px 5px; margin-left: 0px; border: none; text-decoration: none; } #listado-carpetas li a:link { color: #FD5E00; } #listado-carpetas li a:visited { } #listado-carpetas li a:hover { color: #ffffff;} #listado-carpetas li a.carpeta-activa { color: #ffffff;} #listado-carpetas li a.carpeta-activa:hover { color: #ffffff;} /* Primer submenu - texto dorado */ #listado-carpetas2 { clear:both; width:549px; height:26px; margin:0px; padding:0px; border:none; font-size: 10px; background: #2E2E2E url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_submenu2.gif) left bottom repeat-X;} #listado-carpetas2 li { float:left; list-style: none; padding: 5px 0px; color: #F6AD11} #listado-carpetas2 li a { font-size:10px; color: #F6AD11; padding: 0px 5px; margin-left: 0px; border: none; text-decoration: none; } #listado-carpetas2 li a:link { color: #F6AD11; } #listado-carpetas2 li a:visited { } #listado-carpetas2 li a:hover { color: #ffffff;} #listado-carpetas2 li a.carpeta-activa { color: #ffffff; font-weight:bold;} #listado-carpetas2 li a.carpeta-activa:hover { color: #ffffff;} /* Segundo submenu - texto gris */ #listado-carpetas3 { clear:both; width:549px; height:26px; margin:0px; padding:0px; border:none; font-size: 10px; background: #2E2E2E url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_submenu2.gif) left bottom repeat-X; } #listado-carpetas3 li { float:left; list-style: none; padding: 5px 0px; color: #969696;} #listado-carpetas3 li a { font-size:10px; color: #969696; padding: 0px 5px; margin-left: 0px; border: none; text-decoration: none; } #listado-carpetas3 li a:link { color: #969696; } #listado-carpetas3 li a:visited { } #listado-carpetas3 li a:hover { color: #ffffff;} #listado-carpetas3 li a.carpeta-activa { color: #ffffff; font-weight:bold;} #listado-carpetas3 li a.carpeta-activa:hover { color: #ffffff;} /*#datos-carpetas { width:549px; border: 1px solid #000000; border-top: none; } #datos-carpetas-padding { padding: 0px; padding-top: 0px; padding-bottom: 0px;} html>body #submenu { margin: -10px 0px 0px 0px; padding:0px;} html>body #listado-carpetas { padding: 3px 0px; margin-left: 0px; margin-bottom: -1px; border-bottom: 1px solid #ADADAD; font-size: 12px; }*/ /* ESTILOS PARA PAGINACION */ #paginacion { width:500px; border-top: solid 1px #303030; margin:0px ; padding:0px 20px 0px 0px; } .paginacion { width:500px; border-top: solid 1px #303030; margin:0px ; padding:0px 20px 0px 0px; } /* ESTILOS PARA CUALQUIER FORMULARIO */ .formulario { margin: 0px 0px 0px 0px; padding: 0px; } .formulario fieldset { border:0px solid #000000; font-size: 12px; font-weight: bold; color: #000; } .formulario fieldset legend { margin: 0px; padding: 0px; display: none; } .formulario fieldset label {float: left; padding: 2px 0px 0px 0px; width: 90%; text-align: right; color: #333333; clear: both; } .formulario fieldset .campos { width:400px; margin-bottom: 8px; color: #333333; font-size: 12px; vertical-align: middle; background: #f8f8ec; border-top: 1px solid #C4CDCC; border-left: 1px solid #ACB5B4; border-bottom: 1px solid #6E7678; border-right: 1px solid #ACB4B6;} .formulario fieldset .campos1 { margin-bottom: 8px; color: #333333; font-size: 12px; vertical-align: middle; background: #f8f8ec; border-top: 1px solid #C4CDCC; border-left: 1px solid #ACB5B4; border-bottom: 1px solid #6E7678; border-right: 1px solid #ACB4B6;} .boton { margin: 0px; font-size: 12px; font-weight: bold; background: #FD5E00; color: #ffffff; border:1px solid #000000;} .boton1 {margin: 10px 0px 0px 40%; padding:2px; background:#797979; color: #ffffff; font-weight: bold; font-size: 12px; border:1px solid #000000;} .campo-obligatorio { color: #E30D17; } /* ESTILOS PARA TEXTO */ .titulo { margin:0px; padding:0px; font-size: 18px; color:#FD5E00; text-decoration: none; font-weight: bold; }/* titulo naranja */ .titulo2 { margin:0px; padding:0px; font-size: 18px; color:#F6AD11; text-decoration: none; font-weight: bold;} /* titulo dorado */ .subtitulo { margin:5px 0px 0px 5px; padding-left:5px; font-size: 12px; color:#FD5E00; text-decoration: none; font-weight: normal; border-left:2px solid #FD5E00;}/* subtitulo con linea izquierda */ .subtitulo2 { margin:0px 0px 5px 0px; padding:0px; font-size: 12px; color:#FD5E00; text-decoration: none; font-weight: bold;}/* subtitulo como el anterior pero sin linea*/ .subtitulo3 { font-size: 12px; color:#FD5E00; text-decoration: none; font-weight: normal; } /* subtitulo como subtitulo1 pero sin linea*/ .entradilla {color:#aaaaaa;} .aviso { margin:0px 0px 5px 0px; padding:0px; font-size: 12px; color:#F6AD11; text-decoration: none; font-weight: bold;}/* texto de aviso o error */ .logo2{color: #000000; font-weight: bold;} .logo3{color: #ffffff; font-weight: bold;} cite{text-decoration:italic; color:#E1E1E1;} /* ESTILOS PARA IMAGENES */ .imagen-sinmarco { border: 0px solid #000000; margin:5px 5px 5px 0px;} .imagen-conmarco { border: 1px solid #ffffff; margin: 3px 0px 3px 0px; } .imagen-conmarco-izquierda { float: left; margin: 0px 14px 14px 0px; border: 1px solid #C6C6C6; } .imagen-conmarco-derecha { float: right; margin: 0px 0px 14px 14px; border: 1px solid #C6C6C6; } .imagen-conmarco-cita { /*width: 200px;*/ text-align: center; background: #E0E0E0; border-bottom: 2px solid #EFEFEF; border-top: 1px solid #D31217; } .imagen-conmarco-cita div { float: center; margin: 4px; } .flotar-derecha .imagen-conmarco-cita { margin: 0px 0px 14px 14px; } .flotar-izquierda .imagen-conmarco-cita { margin: 0px 14px 14px 0px; } .boton { margin: 0px; font-size: 12px; font-weight: bold; background: #797979; color: #ffffff; border:1px solid #000000;} /* ESTILOS PARA LOS ENLACES */ a.enlace { font-weight: bold; color: #00603B; text-decoration: none; } a.enlace:hover { color: #669900; } .enlace-mapa {width:15px; height:37px; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/mapa.gif) bottom left repeat-X;} a.interior {color:#FF762D; text-decoration: underline;} a.interior:hover { color:#666666; text-decoration: none;} /* ESTILOS PARA LA LINEA */ .linea { color: #D6D6D6; background-color: #D6D6D6; height: 1px; } /* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */ .flotar-izquierda { float: left; } .flotar-derecha { float: right; } .alinear-izquierda { text-align: left; } .alinear-derecha { text-align: right; } .padding-izquierda { padding: 0px 15px 15px 0px; } .padding-derecha { padding: 0px 0px 15px 15px; } .center {text-align:center;} /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .borrar { clear: both; } .ocultar { display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-block;} @media all { .clearfix { display:block; }} /* Para Opera */ /* Hides from IE-mac \*/ * html . clearfix { height: 1%; display:block;} /* End hide from IE-mac */ /* ESTILOS PARA TABLAS */ .grisclaro{ background-color: #D8D8D8; } .grisoscuro { background-color: #F1F1F1;} /* ESTILOS MAPA WEB */ #mapaweb { float:left; padding-left:30px; width:480px;} #mapaweb a { font-size: 11px; text-decoration: none; color:#ffffff;} #mapaweb a:hover { color:#FD5E00;text-decoration: none;} #mapaweb dl dd { padding:1px 0px;} #mapaweb dl dt { padding:1px 0px;} #mapaweb dl dd ul { padding:3px 0px 3px 10px;} #mapaweb dl dd ul li { padding:2px 0px;}