/* * Fichero: public.css v1.0 17/10/2005 Ana Noemi Fernandez Martinez * * Hoja de estilos para presentacion de los elementos comunes a la web. * * Media screen * Navegadores IE6+, Mozilla 1.5+, Safari 3, Opera 8+ * CSS 2 * Fichero public.css * Version v1.0 * Autores Ana Noemi Fernandez Martinez * Comentarios Site CORPORATIVO GLOBUS */ /* RESET ESTILOS NAVEGADOR */ body { margin:0px; padding:0px;} li { list-style-type:none; } caption { text-align:left; } table { border-collapse:collapse; border-spacing:0px; } th { margin:0px; padding:0px; text-align:left; font-style:normal; font-weight:normal; } td { margin:0px; padding:0px; } img { border: none; margin:0px; padding:0px;} hr { display:none } fieldset, img { margin:0px; padding:0px; } pre, form, fieldset, p, blockquote { margin:0px; padding:0px; } dl, dt, dd, ul, ol, li { margin:0px; padding:0px; } h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-size:100%; } input, select, textarea { font-family: arial, sans-serif;} /* ESTILOS GENERALES */ body { margin:0px; padding:0px; font-family:arial, sans-serif; font-size:12px; color:#383838; text-align:center;} form { margin:0px; padding:0px;} fieldset { margin:0px; padding:0px; border:none;} legend { display:none; } input { font-size:11px; color:#333333; } select { font-size:11px; color:#333333;} textarea { font-size:11px; color:#333333;} h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-family:arial, sans-serif; } /* ESTILOS CAJAS GLOBALES. GRID GLOBAL */ #web-cab{margin:0px auto 0px auto;width:865px; font-size:11px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/img_cab.jpg) 0px 0px no-repeat;} #web-cab h1{margin:0px auto 0px auto;} #web-cab h1 a{margin:0px auto 0px auto;} #web-ctd{ margin:0px auto 0px auto; font-size:11px; text-align:left; background:#F5F5F5;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;} #web-pie{ margin:0px auto 0px auto; width:865px; font-size:11px; text-align:left;} #cab { clear:both; margin:10px 0px 0px 0px; padding:0px;} #cab-men {width:650px;} #men { clear:both; width:100%; height:21px; } #scab { clear:both;padding:9px 0px 0px 0px; text-align:right;float:right;width:100%;} #ctd { clear:both; width:865px;margin:0px auto 0px auto;padding:0px;} #lat {float:left;width:165px;} #dts { float:right; width:680px; line-height:18px;} #dts-int { clear:both; width:99%;} #dts-mpwb { clear:both; width:100%;} #pie { clear:both; margin:0px auto; width:865px; text-align:center; font-size:11px; } #log {margin:25px 0px 0px 0px;} /*#prepie {width:400px;float:left;}*/ /* ESTILOS PARA LA WEB */ .web-padd { padding:0px 170px;} /* ESTILOS PARA LA CABECERA DE LA WEB */ #log-imp { display:none;} #cab .c1 { float:left; width:320px;} /*#cab .c1 h1 { background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_logo.gif) 335px 0px no-repeat;}*/ #cab .c2 { float:right; width:600px; margin:0px 0px 0px 0px;} #cab .c2-c1 { float:right; width:450px;} #cab .c2-c1 ul { float:right; width:auto; text-align:right;padding:0px 3px;margin:0px;} #cab .c2-c1 ul li { padding-top:4px; float:right; color:#456EAE;} #cab .c2-c1 ul li a { padding:0px 5px; color:#456EAE; font-size:11px; text-decoration:none;} #cab .c2-c1 ul li a:hover { font-size:11px; color:#456EAE; text-decoration:underline;} #cab .c2-c2 { margin:70px 0px 0px 0px; } #cab .c2 form { float:right; text-align:right; margin-right:5px;width:290px;} #cab .c2 form.an-form { width:175px;} #cab .c2 label.tit-cab { float:left; padding:3px 0px 0px 0px; width:auto; color:#DE0019; font-weight:bold; font-size:14px; } /*#cab .c2 label span { display:none; color:#DE0019; font-size:12px; font-weight:bold;}*/ #cab .c2 input { padding:1px; width:110px; border:1px solid #A7A7A7; } #cab .c2 form select { width:155px;} #cab ul { float:right; width:184px; text-align:right;} #cab ul li { padding-top:4px; float:left; color:#333333;} #cab ul li a { padding:0px 5px; color:#456EAE; font-size:11px; text-decoration:none;} #cab ul li a:hover { font-size:11px; color:#456EAE; text-decoration:underline;} /* ESTILOS PARA EL PIE DE LA PAGINA */ /*border-top:1px solid #F0F0F0;border-bottom:2px solid #F0F0F0; */ #pie .c1 { clear:both; padding:0px 13%; width:74%; text-align:center;} #pie .c1 ul.first { margin:0px auto; padding:8px 0px;} #pie .c1 ul { clear:both; margin:6px auto;padding:5px 0px 5px 0px;} #pie .c1 ul li { padding:0px; margin:0px; list-style: none; display:inline; color:#333333;} #pie .c1 ul.linea {margin:0px auto; padding:5px 0px; list-style: none; color:#333333;} #pie .c1 ul li.last { } #pie .c1 ul li.first-tit { display:inline; padding-right:5px; width:auto; color:#DE002A; font-weight:bold; } #pie .c1 ul li a { font-size: 11px; color: #000000; text-decoration: none; } #pie .c1 ul li a:hover { color:#106776; text-decoration:underline;} #pie .c1 p { margin-top:18px; color: #106776;} #pie .c1 p a { color: #106776;} #pie .c1 p a:hover { color:#106776; text-decoration:underline;} #pie .c1 h4 { display:none;} #pie .c1 div {border-bottom:2px solid #F0F0F0;} #pie .fnd{ background:#F0F0F0;border-bottom:2px solid #DE0029;padding:10px 5px 5px 5px;} #pie .opc { float:right;margin:0px; padding:0px;}/*Opciones generales de pie*/ #pie .opc a {color:#456DAB; text-decoration:none;}/*Enlace opciones generales de pie*/ #pie .opc a:hover { color:#456DAB; text-decoration:underline;} #pie .c2 { float:left; margin:0px;padding:0px; } #pie .c2 p { display:inline; color:#333333;} #pie .c2 p a { color:#DF002D; font-size:11px; text-decoration:none;} #pie .c2 p a:hover { color:#DF002D; font-size:11px; text-decoration:underline;} .men-2n {margin:0;padding:0;border-top:1px solid #DE002A; } .men-2n * {text-decoration:none;font-weight:bold;} .men-2n * li.bnn {margin:0px 0 0 0;padding:0;border-right:0px;border-bottom:0px;background:#f5f5f5;} .men-2n * li.bnn a {margin:0px 0 0 0;padding:0;background-image:none;background:#f5f5f5;} .men-2n * li.bnn img {margin:5px 0 0 0;padding:0;} .men-2n ul {margin:0;padding:0;} .men-2n ul li {display:block;margin:0;padding:5px 0 0 0;list-style-type:none;color:#944F50;background:#EFE9EC;border-bottom:0px;border-right:0px;} .men-2n ul li.act {background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_degradado4.gif) repeat-y;border-right:0;} .men-2n ul li.act a {color:#DE0029;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_menu4.gif) 0px 4px no-repeat;} .men-2n ul li a {margin:0 0 0 6px;padding:0 0 0 8px;color:#944F50; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_menu5.gif) 0px 4px no-repeat;} .men-2n ul li a:hover {color:#DE0029; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_menu4.gif) 0px 4px no-repeat;} .men-2n ul li ul {margin:5px 0 0 0;padding:0;border-top:1px solid #D4CDD0;} .men-2n ul li ul li {margin:0;padding:5px 0 5px 0;border-right:1px solid #C9C4C6;border-bottom:1px solid #D4CDD0;} .men-2n ul li ul li.act {border-right:0px;} .men-2n ul li ul li a {color:#944F50;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_menu5.gif) 0px 4px no-repeat;} .men-2n ul li.act ul li a {color:#944F50;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_menu5.gif) 0px 4px no-repeat;} .men-2n ul li ul li a:hover {color:#DE0029; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_menu4.gif) 0px 4px no-repeat;} .men-2n ul li ul li ul {margin:0px 0 0 0;padding:5px 0 0 0;border-top:0;} .men-2n ul li ul li ul li {margin:0;padding:0;border-right:0;border-bottom:0px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_degradado4.gif) repeat-y;} .men-2n ul li ul li.act ul li a {font-weight:normal;background-image:none;} .men-2n ul li ul li ul li a {font-weight:normal;background-image:none;} .men-2n ul li ul li ul li.act a {color:#DE0029;background-image:none;} .men-2n ul li ul li ul li a:hover {font-weight:normal;background-image:none;} .menusuperior { width: 100%; } .menusuperior ul { display: inline;list-style: none; } /* 1� Nivel de navegaci�n */ .menusuperior ul li { display: inline; } /* MENU DESPLEGABLE */ #mainMenu1 {margin: 0; padding: 0; font-size:12px; background-color: #D3D3D3; color: #575757; z-index: 1; position: static; } #menuList1 {margin: 0; padding: 0; min-height:35px;} #menuList1 li {list-style-type:none; font-weight: bold; text-decoration: none;display:inline;} #menuList1 li a { margin: 0;padding: 2px 6px 0px 6px;background-color: transparent; color:#000000; text-decoration:none; line-height: 1.8em; text-transform:uppercase;} #menuList1 li a:hover, #menuList1 li a:focus {color:#DC0219; text-decoration:none;} #menuList1 li a.actuator { width/* */: auto; padding:1px 11px 0px 4px; } #menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus { width/* */: auto;} #menuList1 .menu {margin-left:0px; color: #575757; border-bottom: 3px solid #000000; padding-top: 2px; z-index: 1;position: absolute;visibility: hidden;} #menuList1 .menu > li:first-child {border-top: 3px solid #E62327;} #menuList1 .menu li{display:block;padding:0px 4px 0px 4px;margin:0;border-bottom:0px solid #B4B4B4;background:#D3D3D3 url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_menu2.gif) bottom left repeat-x;text-align:left;width:120px;} #menuList1 .menu li a { padding:4px 0 4px 0;margin:0;height:100%;line-height: normal; text-transform:none;display:block;color:#575757; } #menuList1 .menu li a:hover { color:#000000; background-color: #D3D3D3; background:#D3D3D3 url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_menu2.gif) bottom left repeat-x;} /* ESTILOS PARA EL CONTENIDO Y DATOS*/ #ctd .ctd-padd { padding:13px 20px; } #ctd .ctd-padd-f1 { padding:0px 5px 10px 5px;} #ctd .ctd-padd-f2 { padding:0px 0px 10px 12px;} #ctd .col2h1-c1 { float:left;margin:0px;padding:0px;} #ctd .col2h1-c2 { margin:0px;padding:0px;} #ctd .col2h2-c1 { float:left;height:149px;margin:0px;} #ctd .col2h2-c2 { width:320px;float:left;height:149px;margin-right:20px;} #ctd .col2h2-c1-padd { padding:10px 10px 0px 10px;} #ctd .col2h2-c2-padd { clear:both;width:865px;padding-left:22px;} #dts-int .dts-int-padd { padding:0px 20px;} .centrar { clear:both; } .centrar ul li { float:left; padding-left:30px; width:auto;} /* ESTILOS PARA LOS LISTADOS */ /* Listados documentos */ .lst-doc h4 {margin-bottom:5px; padding-bottom:5px; font-size:12px; color:#1A4075; font-weight:bold; /*border-bottom:1px dashed #828383;*/} .lst-doc ul { } .lst-doc li { padding:0px 0px 5px 10px; font-size:11px; color:#333333; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_listado.gif) 0px 3px no-repeat;} .lst-doc li a { font-size:11px; color:#333333; text-decoration:underline;} .lst-doc li a:hover { font-size:11px; color:#DE0029; text-decoration:underline;} /* Listados general */ ul.lst-f1 { } ul.lst-f1 li { padding:5px 0px 5px 10px; font-size:12px; color:#707070; border-bottom:1px solid #C7C7C7;} ul.lst-f1 li h3 a {display:block;padding:0px 0px 0px 8px; font-size:12px;color:#383838; text-decoration:none;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) 0px 7px no-repeat;} ul.lst-f1 li h3 a:hover {padding:0px 0px 0px 8px; font-size:12px; color:#383838; text-decoration:underline;} ul.lst-f1 li h3 {display:inline;} .lst-map { clear:both; padding:0px 10px 10px 0px; }/*mapa web*/ .lst-map ul { text-align:left; padding:0px 0px 0px 13px; } .lst-map ul li { display:block; clear:both; list-style-type:none; padding:0px 0px 10px 10px; } .lst-map ul li a { color:#383838; padding:0px 0px 0px 13px; font-size:13px; font-weight:bold; text-decoration:none; } .lst-map ul li a:hover { color:#DE0029; font-size:13px; text-decoration:none;} .lst-map ul li ul { padding:0px 0px 0px 13px; } .lst-map ul li ul li { clear:both; float:left; width:100%;font-weight:normal; font-size:12px; padding:5px 0px 0px 15px;} .lst-map ul li ul li a { font-weight:normal; font-size:12px; color:#555; font-weight:bold; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_menu.gif) 0px 7px no-repeat; /*background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet.gif) 0px 5px no-repeat;*/ } .lst-map ul li ul li a:hover { font-weight:bold; font-size:12px; color:#DE0029; text-decoration:none;} .lst-map ul li ul li ul { float:left; width:auto; padding:0px 0px 0px 10px; width:750px;} .lst-map ul li ul li ul li { clear:none; float:left; width:auto; font-weight:normal; font-size:11px; padding:5px 0px 0px 10px;} .lst-map ul li ul li ul li a { padding-left:12px;font-weight:normal; font-size:11px; color:#666666; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_listado_f1.gif) 0px 7px no-repeat;} .lst-map ul li ul li ul li a:hover { font-weight:normal; font-size:11px; color:#DE0029; text-decoration:none;} .lst-map ul li ul li.extras { clear:none; float:left; width:48%;font-weight:normal; font-size:12px; padding:5px 0px 0px 15px;} ul.lst-f2 { } ul.lst-f2 li { padding:0px 0px 5px 0px; } ul.lst-f2 li a {padding:0px 0px 0px 8px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace2.gif) 0px 4px no-repeat; color:#383838; text-decoration:none;} ul.lst-f2 li a:hover{ color:#000000;text-decoration:underline;} dl.lst-f1 { padding:0 10px 10px 10px;} dl.lst-f1 dt { clear:both; padding:5px 0px 5px 0px; float:left; width:115px; text-align:right;} dl.lst-f1 dd { padding:5px 10px 5px 10px; font-weight:bold; float:left; width:260px; text-align:left;} /* ESTILOS PARA CAJA CON FORMATOS */ /* DESPLEGABLE CON PUBLICACIONES */ .caj-pub {margin:5px 0 0 0;padding:0 0 0 10px;width:153px;height:84px;border-top:1px solid #DE002A;border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;border-bottom:4px solid #D9D9D9;background: #ffffff url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_publicaciones.gif) bottom right no-repeat;} .caj-pub * label {display:block;margin:10px 0 10px 0;padding:0 0 0 10px;font-weight:bold;color:#5A5A5A;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_publicaciones.gif) 0px 5px no-repeat;} /* CAJA PARA ENLACE A VISUALIZADOR */ .caj-rev {margin:10px 0 0 0;padding:0;width:260px;border:1px solid #DCDCDC;background-color:#F3ECEF;} .caj-rev p.pdf {margin:10px 5px 5px 10px;padding:0;} .caj-rev p.pdf a {font-weight:bold;color:#de0029;line-height:12px;text-decoration:none;} .caj-rev .con-rev {background-color:#ffffff;} .caj-rev .con-rev p {margin:0px 10px 0px 10px;padding:7px 0 7px 10px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) 0px 13px no-repeat;} .caj-rev .con-rev p a {font-weight:bold;color:#000000;line-height:12px;text-decoration:none;} /* CAJA PARA PAGINA DE ERROR */ .caj-err {padding:10px;margin:10px 0 10px 0;border: 1px solid #E4E4E4;background-color:#EFE9EC;} .caj-err .tit {color:#DE0029;font-size:16px;font-weight:bold;} .caj-err .sec {margin:0 0 5px 0;color:#1A4075;font-weight:bold;} .caj-lst { padding:5px 0px;width:670px; border-bottom:1px solid #DCDCDC;font-size:12px;}/*Caja listado noticias*/ /* ESTILOS PARA COLUMNAS GENERALES */ /* 2 Columnas 50%-50& */ .col2f1 { } .col2f1-c1 { float: left; width: 49%;} .col2f1-c2 { float: right; width: 49%;} /* 2 Columnas 70%-30% */ .col2f2i { } .col2f2i-c1 { float: left; width: 72%;} .col2f2i-c2 { float: right; width: 26%; } /* 2 Columnas 30%-70% */ .col2f2d { } .col2f2d-c1 { float: left; width: 25%; } .col2f2d-c2 { float: right; width: 72%; } /* 2 Columnas 60%-40% */ .col2f3i { } .col2f3i-c1 { float: left; width: 59%; } .col2f3i-c2 { float: right; width: 39%; } /* 2 Columnas 40%-60% */ .col2f3d { } .col2f3d-c1 { float: left; width: 39%; } .col2f3d-c2 { float: right; width: 59%; } /* 2 Columnas 20%-80% */ .col2f4d { } .col2f4d-c1 { float: left; width: 19%; } .col2f4d-c2 { float: right; width: 79%; } /* 2 Columnas 80%-20% */ .col2f4i { } .col2f4i-c1 { float: left; width: 79%; } .col2f4i-c2 { float: right; width: 19%; } /* 3 Columnas 33%-33%-33% */ .col3f1 { } .col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; } .col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; } .col3f1-c3 { float:right;; width:32%; } .col3f1-c1 ul li { padding-bottom:3px;} .col3f1-c2 ul li { padding-bottom:3px;} .col3f1-c3 ul li { padding-bottom:3px;} .col3f1-c1x { float:left; margin:0% 1.2% 0% 0%; width:32%; } .col3f1-c1y { float:left; margin:0% 0% 0% 0%; width:33%; } /* 4 Columnas 25%-25%-25%-25% */ .col4f1 { } .col4f1-c1 { float:left; margin:0% 0.8% 0% 0%; width:24%; } .col4f1-c2 { float:left; margin:0% 0.8% 0% 0%; width:24%; } .col4f1-c3 { float:left; margin:0% 0% 0% 1%; width:24%; } .col4f1-c4 { float:right; margin:0% 0% 0% 0%; width:24%;} /*ESTILOS COLUMNAS PERSONALIZADAS*/ .col2p1-c1 { float:left; width:502px; margin-left:6px; min-height:650px; _height:650px;} .col2p1-c2 { float:right; width:145px; min-height:650px; _height:650px; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_degradado.gif) top left repeat-x; } .col2p1-c2-padd { padding:15px; } .col2p2-c1 { float:left; width:53%;} .col2p2-c2 { float:right; width:45.5%;} .col2p3-c1 { float:left; width:730px; margin-left:10px;} .col2p3-c2 { float:right; width:145px; min-height:650px; _height:650px; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_degradado.gif) top left repeat-x; } .col2p3-c2-padd { padding:15px; } .col2p4 { } .col2p4-c1 { float: right; width: 21%; } .col2p4-c2 { float: left; width: 79%; } .col2p5 { } .col2p5-c1 { float: left; width: 370px; } .col2p5-c2-padd { padding:0 15px;} .col2p5-c2 { float: left; width: 291px; } /*ESTILOS PARA FONDOS*/ #lat .lat-fdo { margin:0;padding:0; } .lat-fdo-f1 { } /* ESTILOS PARA BREADCRUMS */ .bdc { float:left; width:auto;text-align:center; color:#DE0029; font-size:11px; text-align:left;padding:6px 12px;} .bdc span { color:#000000; font-weight:bold } .bdc a { color:#DE0029; font-size:11px; text-decoration:none;font-weight:bold; } .bdc a:hover { color:#D20028; text-decoration:underline;} .bdc2 {float:left;padding:6px 0 6px 0;margin: 0 0 7px 0;width:100%;text-align:center;color:#DE0029; font-size:11px; text-align:left;border-bottom:1px solid #D9D9D9;} .bdc2 span { color:#000000; font-weight:bold} .bdc2 a { color:#DE0029; font-size:11px; text-decoration:none;font-weight:bold; } .bdc2 a:hover { color:#D20028; text-decoration:underline;} /*ESTILOS DATOS*/ #dts ul {} #dts ul li {display:block;padding:0px 0px 0px 8px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) 0px 6px no-repeat; text-decoration:none;} #dts ol {} #dts ol li {display:list-item;margin:0 0 0 32px;list-style:decimal outside;} #dts h2 {color:#000000;font-size:11px;font-weight:bold;text-transform:uppercase;} #dts h3 {color:#DE0029;font-size:18px;font-weight:bold;margin-bottom:18px;} #dts h4 { margin-bottom:5px;} #dts h3.tit {color:#DE0029;font-size:18px;font-weight:bold; margin-bottom:5px;} #dts h4.subtit { color:#174074; font-size:12px;} #dts-mpwb h2 {float:left;color:#000000;font-size:11px;font-weight:bold;text-transform:uppercase;} #dts-mpwb h3 {color:#DE0029;font-size:18px;font-weight:bold;margin-bottom:18px;} #dts-mpwb h4 {} #dts-int ul {} #dts-int ul li {display:block;padding:0px 0px 0px 8px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) 0px 6px no-repeat; text-decoration:none;} #dts-int ol {} #dts-int ol li {display:list-item;margin:0 0 0 17px;list-style:decimal outside;} #dts-int h2 {color:#000000;font-size:11px;font-weight:bold;text-transform:uppercase;} #dts-int h3 {color:#DE0029;font-size:18px;font-weight:bold;margin-bottom:18px;} #dts-int h4 {} /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ .nav-btt {font-weight:bold; clear:both; float:right; margin:10px 5px 10px 0px; width:400px; text-align:right; color:#456DAD;} .nav-btt a { padding:0px 0px 0px 8px;font-weight:bold;color:#456DAD; font-size:11px; text-decoration:none;text-transform:uppercase;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet-doble.gif) 0px 4px no-repeat;} .nav-btt a:hover { color:#456DAD; text-decoration:underline; } /* ESTILOS PARA CUALQUIER FORMULARIO */ /*.form { } .form fieldset { padding-top:10px; } .form fieldset label { /*float:left; margin:0px 10px 5px 0px; width:30%; text-align:right; font-weight:bold; } .form fieldset label.lbl-esp { width:350px; text-align:left; } .form fieldset .rad { float:left; border:none; width:25px; margin-right:2px; } .form fieldset label.lbl-rad { float:left; padding-right:10px; text-align:left; width:auto; } .form fieldset .cps { margin:0px 0px 5px 0px; padding:1px; border:1px solid #A7A7A7; font-size:11px; } .form fieldset .tex { margin:0px 0px 3px 0px; padding:1px; border:1px solid #A7A7A7; font-size:11px; } .form .btn { padding:0px 5px; width:70px; height:19px; font-weight:bold; border:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/btn.gif) bottom left no-repeat; cursor:pointer;} .form fieldset label span { font-weight:normal; font-size:11px;} .form fieldset .tit-cab { color:#DE0019; font-size:12px; font-weight:bold;} .form .caj-btn { float:left; margin:3px 0px 0px 180px; } .form .caj-btn-f1 { float:left; margin:3px 0px 0px 145px;} .form fieldset p { clear:both; margin-top:20px; padding:10px 5px 0px 5px; border-top:1px dashed #B8B8B8; } .form sup { color:#DE0029; padding:0px 2px;}*/ .anc-form-f1 { width:100px; margin-left:100px;} .form fieldset .tit {margin:5px 0px 5px 0px; padding-bottom:5px; font-size:14px; color:#DE0029;font-weight:bold; border-bottom:1px solid #D9D9D9;} .form fieldset .tit2 {margin:5px 0px 5px 0px; padding-bottom:5px; font-size:12px; color:#1A4075;font-weight:bold;} .form fieldset { padding:1px 10px 20px 10px;} .form fieldset label {color:#383838; font-size:12px;}/*Propiedades comunes a las etiquetas*/ .form fieldset .lbl { width:25%;margin:0px 0px 5px 0px; float:left;text-align:right; color:#383838;padding-left:0px} .form fieldset .lbl-rsp { width:40%;margin:0px 0px 5px 15px; float:left;text-align:left; color:#383838;padding-left:0px;font-weight:bold;} .form fieldset .lbl2 { width:10%;margin:0px 0px 5px 0px; float:left;text-align:right; color:#383838;padding-left:0px;} .form fieldset .lbl-rad { margin:0px 10px 5px 0px; }/*Etiqueta para radiobutton*/ .form fieldset .lbl-chk { margin:0px 10px 5px 0px; }/*Etiqueta para checkbox*/ .form fieldset sup { color:#cc0000; vertical-align:0.8ex;}/*Con 'ex' no altera tanto la linea base del texto cercano*/ .form fieldset .cps { width:239px; float:left; margin:0px 0px 5px 15px; vertical-align:middle; color:#474747; } .form fieldset .cps2 { width:10%; float:left;margin:0px 0px 5px 15px; vertical-align:middle; color:#474747; } .form fieldset .cps4 { width:10%; float:left;margin:0px 0px 5px 8px; vertical-align:middle; color:#474747; } .form fieldset .cps3 { width:14%;float:left; margin:0px 0px 5px 8px; vertical-align:middle; color:#474747; } .form fieldset .cps5 { width:20%;float:left; margin:0px 0px 5px 15px; vertical-align:middle; color:#474747; } .form fieldset .cps-dsbled { float:left; margin:0px 0px 5px 0px; vertical-align:middle; color:#474747; background:#FFF9DF;}/*campos disabled*/ .form fieldset .sel { width:243px; float:left; margin:0px 0px 5px 15px; color: #474747;} .form fieldset .sel2 { width:26%; float:left; margin:0px 0px 5px 15px; color: #474747;} .form fieldset .chk { float:left; margin:0px 15px 5px 1px; vertical-align:middle; color:#474747; } .form fieldset .rad { float:center; margin:0px 0px 0px 50px;border:none; width:25px; margin-right:2px;} .form fieldset label.lbl-rad { float:center; padding-right:10px; margin:0px 0px 0px 0px;text-align:left; width:auto; } .form fieldset .tex { width:239px;float:left; margin:0px 0px 5px 15px; height:60px; color: #474747;font-size:12px;} .form fieldset .btn { float:left; color:#FFFFFF; font-size:12px; font-weight:bold; border:1px solid #660000; background:#7B2323 url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/img_fnd_boton.jpg) 0px 0px repeat-x;} .form fieldset .btn-txt { float:left;width:79px; color:#456DAD; font-size:12px;text-decoration:underline;background:none;border:none;} .form fieldset .btn-f2 { float:left; color:#000; text-align:center; font-size:11px; text-transform:uppercase; font-weight:bold; background:#C9C6C6; border:1px solid #6F6F6F; cursor:pointer;} .form .caj-rad { float:left; width:auto;}/*Caja radio*/ .form .caj-chk { margin-left:88px;width:250px;}/*Caja checkbox*/ .form .caj-btn-f3 { width:80px; float:left;} .form .caj-btn { clear:both; padding:10px 0px 20px 115px;}/*Caja boton alineado a izquierda de los campos*/ .form .caj-btn2 { clear:both; padding:10px 0px 20px 180px;}/*Caja boton alineado a izquierda de los campos*/ .form .caj-btn-cen { clear:both; margin:10px auto; text-align:center; }/*Caja boton centrado al formulario*/ .form .caj-btn-dch { clear:both; padding:10px 0px 20px 0px;}/*Caja boton alineado a la derecha de los campos*/ .form .caj-ayu { float:right; width:90px; text-align:left;}/*Caja de enlaces ayuda*/ .form .caj-ayu-f1 { clear:both; margin-left:170px; width:210px; text-align:left;} .form .caj-aviso {margin-left:100px;width:390px;padding:10px 10px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_susc.gif) 0px 0px no-repeat;} .form .caj-aviso2 {width:auto;padding:10px 10px;background:#f4eded;} .form a { color:#146BCB; font-size:12px; text-decoration:none;} .form a:hover { text-decoration:underline;} .form .caj-ayu a { cursor:help;} .form .caj-err { color:#DE0029;background:none;border-bottom:none;border-right:none;border-left:none;}/*Caja radio*/ .form .caj-com { clear:both; margin-left:170px; text-align:left; font-size:11px;}/*Caja comentario obligatorios, no aplicar float:left */ .form .dato1{background:#F4EDED;border:none;width:14px;font-weight:bold;} .form .dato2{background:#F4EDED;width:18px;border:none;text-align:right;color:#000000;font-weight:bold;} .form .dato3{background:#F4EDED;border:none;width:10px;color:#DE0029;font-weight:bold;} .form .dato4{width:32px;font-weight:bold;background:transparent;border:none;color:#DE0029;text-align:right;} .form .dato5{width:32px;font-weight:bold;background:transparent;border:none;color:#DE0029;} .an-cps { width:400px;} .an-cps-f1 { width:200px;} .dscp { padding:5px 0px 5px 0px; } .caj-aviso2 {width:400px;padding:10px 10px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_susc.gif) 0px 0px no-repeat;} .caj-form { } .caj-form-padd { padding:10px 35px 10px 60px; } /* ESTILOS PARA TEXTO */ .tit-f2 { padding-bottom:5px; font-size:14px; color:#DE002A; font-weight:bold; }/*Titular de la home*/ .fec { font-size:12px; color:#000000; } /* Estilo para campo de fecha */ .tit-not-hom { margin:0px; padding:0px; color:#000; font-size:13px; font-weight:normal; line-height:18px;}/*titulo noticias listado home*/ .fec-not-hom {color:#1B4075;font-weight:bold;} .ent { border-bottom:2px solid #D9D9D9;background:#FFFFFF;padding:8px; font-size:14px;color:#000000;} /*Estilo para la entradilla */ .ent2 { border-bottom:2px solid #D9D9D9;background:#FFFFFF;padding:8px; font-size:16px;color:#000000;font-weight:bold;} /*Estilo para la entradilla suscripciones */ .tit-colecc {color:#1A4075;text-transform:none;font-weight:bold;font-size:12px} .st-borde{border-right:3px solid #DCDCDC;border-bottom:3px solid #DCDCDC;padding:0px 2px 2px 0px;background:#DCDCDC;width:245px;} .tit-des { color:#DE0029; font-size:12px; margin:0px 0px 0px 0px; font-weight:bold;}/*Titulas paginas no libres*/ .tit-des-sus { color:#DE0029; font-size:16px; margin:0px 0px 0px 0px; font-weight:bold;}/*Titulas paginas no libres*/ .tit-not { margin:5px 0px 5px 0px; padding-left:10px; color:#1A4075; font-size:12px; font-weight:bold; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet-noticias.jpg) 0px 3px no-repeat;}/*Titular de noticias*/ .tit-gal {font-size:12px;font-weight:bold;color:#1A4075;} .may { text-transform: uppercase; } /* Estilo de texto mayusculas */ /* ESTILOS PARA EL CUERPO */ .cpo,.cpo2 { margin-bottom:10px; font-size:12px; font-weight:normal; color:#383838; } .cpo strong,.cpo2 strong { font-size:12px; font-weight:bold;} .cpo p,.cpo2 p { margin:10px 0px 0px 0px; padding:0px; } .cpo h2 p,.cpo2 h2 p { margin:0px;} .cpo h3 p,.cpo2 h3 p { margin:0px;} .cpo a,.cpo2 a { color:#456DAD; text-decoration:underline;} .cpo a:hover,.cpo2 a:hover { color:#1A4075; text-decoration:underline; } .cpo ul,.cpo2 ul {padding:0px;margin:0px;} .cpo ul li,.cpo2 ul li {padding:0px;margin:0px;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) 0px 4px no-repeat;} .cpo ul li strong,.cpo2 ul li strong{color:#383838;} .cpo table { margin:15px 0px; padding:0px; width:auto; border-collapse:collapse; border-spacing:0px; border:none; empty-cells:show; } .cpo table caption {color:#1A4075;text-transform:uppercase;font-weight:bold;} .cpo table tr th { padding:3px 15px 3px 3px; font-weight:bold; font-size:12px; color:#1A4075;vertical-align:top;} .cpo table tr td { padding:3px 15px 3px 3px; color:#383838; font-size:12px;vertical-align:top;} .cpo2 table {width:98%;border-collapse:collapse; empty-cells:show;} .cpo2 table {color:#FFFFFF; } .cpo2 table tr th { color:#FFFFFF;padding:3px 15px 3px 3px; font-weight:bold; font-size:13px;vertical-align:top;border-bottom:1px solid #C9C4C6;border-top:1px solid #C9C4C6;background:#AB4D5D url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/img_fnd_tabla.jpg) 0px 0px repeat-x;} .cpo2 table tr td { padding:3px 15px 3px 3px; color:#383838; font-size:12px;vertical-align:top;border-bottom:1px solid #C9C4C6;} /* ESTILOS PARA LA GALERIA */ .gal-por { width:675px;border-bottom:4px solid #D9D9D9; background:#ffffff url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_galeria.jpg) top left no-repeat;} .gal-por-padd { padding:20px 0 0 22px;} .gal-por-item {float:left; padding:0 0 20px 0; margin:0; width:130px;} .gal-por-img {margin:0; padding:3px 0 0 0; width:113px; height:78px; text-align:center; background:#eeeeee url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_img.gif) top left repeat-X; top:50%;} .gal-por-img img {} .gal-por-txt {margin:0; padding:0; width:113px; background:#ffffff;} .gal-por-txt p {margin:0px 0 5px 0; text-align:center;} .gal-por-txt p a {text-decoration:none;} .gal-por-txt p a:hover {text-decoration:underline;} .gal-det { width:675px; padding-bottom:2px; border-bottom:4px solid #D9D9D9; background:#ffffff url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_galeria_detalle.jpg) top left no-repeat;} .gal-det-ctd { padding:14px 0 20px 14px; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_paginacion.jpg) bottom left repeat-X;} .gal-det-img {margin:0; padding:3px 0 0 0; width:372px; text-align:center; background:#eeeeee url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_img.gif) top left repeat-X; top:50%;} .gal-det .caj-vol { clear:both; float:right; margin-bottom:20px; width:99%; text-align:right; background-color:#EFE9ED; border-top:1px solid #D7D3D4; border-bottom:1px solid #D7D3D4;} .gal-det a.enl-vol { float:right; padding:10px 10px 10px 22px; width:auto; font-weight:bold; color:#945051; font-size:11px; background:transparent url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/ico_volver.gif) left center no-repeat; text-decoration:none;} .gal-det a.enl-vol:hover {text-decoration:underline;} .gal-det .tit-fot {font-size:14px; color:#1B3F79;} .gal-det .descp {font-size:12px;} /* ESTILOS PARA LA PAGINACION */ .pag { clear:both; margin:0px 2px 2px 2px; padding:5px 20px 8px 5px; border-top:1px solid #DCDCDC; width:645px; font-weight:bold; color:#184074; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fdo_paginacion.jpg) bottom left repeat-X;} .pag .act { color:#DE0029; font-size:12px;} .pag a { color:#1B4077; font-weight:bold; font-size:11px; text-decoration:none;} .pag a:hover { text-decoration:underline;} .pag a.ini { margin-left:10px; padding-left:10px; background:transparent url(img/ini.gif) 2px 2px no-repeat; } /*Inicio*/ .pag a.ant { padding-left:10px; background:transparent url(img/ant.gif) 6px 2px no-repeat; } /* Anterior */ .pag a.sig { margin-left:5px; padding-right:12px; background:transparent url(img/sig.gif) 100% 2px no-repeat; } /* Siguiente */ .pag a.fin { padding-left:10px; padding-right:15px; background:transparent url(img/fin.gif) 100% 2px no-repeat; } /* Fin */ .pag .ley { padding-left:10px; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_pag.gif) 0 3px no-repeat;} .pag .txt { padding-left:10px; color:#000000; font-weight:bold; background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_pag.gif) 0 3px no-repeat;} .pag a.ini-off {} /* Inicio off */ .pag a.ant-off {} /* Anterior off */ .pag a.sig-off {} /* Siguiente off */ .pag a.fin-off {} /* Fin off */ .pag-f1.pag-f1 { clear:both; width:100%; margin:5px 0px 2px 0px; border-top:1px solid #DCDCDC; font-weight:bold; color:#184074;} .pag-f1-padd { padding:0px 20px 20px 5px;} .pag-f1 a { color:#1B3F79; text-decoration:none;} .pag-f1 a:hover { text-decoration:underline;} .pag-f1 a.ant-txt { float:left; padding:5px 0 0 7px; border-right:1px solid #DCDCDC; width:100%; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_ant.gif) left 12px no-repeat; } /* Para la 2� paginacion */ .pag-f1 a.sig-txt { float:right; width:100%; padding:5px 7px 0 0; background: url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_sig.gif) right 12px no-repeat; } /* Para la 2� paginacion */ /* ESTILOS PARA ANCHOS */ .an1{width:270px;} .an2{width:380px;} .an3{width:245px;} .an4{width:110px;height:85px;} .an5{width:170px;} .an6{width:405px;} .an7{width:415px;} .fndsus {background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/fnd_suscrip.gif) 0px 0px no-repeat;} /* ESTILOS PARA IMAGENES */ .img-cm {border:1px solid #DADCDE;} .img-foto p{padding:3px 0px;text-align:center;color:#1A4075; font-size:11px;} .img-izq { float:left; margin:0px 10px 10px 3px; } /* Estilos para imagenes que flotan a la izquierda */ .img-dch { float:right; margin:0px 3px 10px 10px; } /* Estilos para imagenes que flotan a la derecha */ .img-izq2 { float:left; margin:0px 10px 10px 3px; } /* Estilos para imagenes que flotan a la izquierda */ .img-dch2 { float:right; margin:0px 3px 10px 10px; } /* Estilos para imagenes que flotan a la derecha */ .img-izq img { border:1px solid #DADCDE;} .img-dch img { border:1px solid #DADCDE;} .img-izq p { padding:3px 0px;color:#1A4075; font-size:11px;text-align:center; line-height:13px; } /* Estilos para pies de imagenes */ .img-dch p { padding:3px 0px;color:#1A4075; font-size:11px;text-align:center; line-height:13px; } /* Estilos para pies de imagenes */ .caj-img-izq { float:left; padding:0px 0px 5px 0px;background:#F5F5F5;}/*Caja contiene todas las imagenes*/ .caj-img-dch { float:right; padding:5px 0px 5px 0px;background:#F5F5F5;}/*Caja contiene todas las imagenes*/ .caj-img-dch2 { float:right; padding:5px 0px 0px 0px; background:#F5F5F5;}/*Caja contiene todas las imagenes*/ .img-izq2 p { padding:3px 0px; color:#1A4075; font-size:11px;text-align:center; line-height:13px; } /* Estilos para pies de imagenes */ .img-dch2 p { padding:3px 0px; color:#1A4075; font-size:11px;text-align:center; line-height:13px; } /* Estilos para pies de imagenes */ .img-banner a img.img {width:90px;height:82px;border:0;} .img-banner a img.ico {border:0;} .img-banner a {text-decoration:none;} .img-banner p {padding:0px 0px 0px 8px;font-weight:bold;text-decoration:none;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) 0px 4px no-repeat; color:#456DAD;} .img-banner div {max-width:85px;} .img-banner p a:hover {text-decoration:underline;color:#1a4075;} .pdf-banner img {margin:8px 0 0 10px;} .img-lst { float:right; width:150px; padding:10px 20px 10px 10px; } /* ESTILOS PARA ENLACES */ a { color:#456DAD; } /* Enlaces en general */ a:hover { color:#1A4075; } a.enl-des {display:block;padding:0px 0px 0px 8px;font-weight:bold;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) left center no-repeat; color:#456DAD; text-decoration:none;}/* Estilo para enlace */ a.enl-des:hover { color:#1A4075; text-decoration:underline;} a.enl-colec { display:block; margin-top:10px; padding:0px 0px 8px 10px; font-size:11px; color:#456DAD; font-weight:bold; text-decoration:none;background:url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/bullet_enlace.gif) 0px 4px no-repeat;}/*Titular de la home*/ a.enl-colec:hover { font-size:11px; color:#DE0029; text-decoration:underline;} /* ESTILOS PARA FLOTAR Y ALINEAR */ .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 PADDINGS Y MARGINS */ .padd1{padding:0px 0px 9px 0px;} .marg-top {margin-top:10px;} .marg-top-f1 {margin-top:30px;} .marg-btt {margin-bottom:10px;} .marg-btt-f1 {margin-bottom:20px;} .marg-left{margin-left:30px;} .marg-right{margin-right:30px;} /*ESTILOS PARA CARRUSEL PORTADA*/ #carr {clear:both;margin: 0px; padding: 0px; width: 821px; height: 71px; text-align:left; background:#200053 url(/MODULOS/_GLOBAL/publico/interfaces/web/corporativo/img/logos/fdo_carr.gif) top left no-repeat;} #carr h2 { display: block; margin: 4px 12px 5px 12px; padding: 0px; font-family:arial, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; } #carr h2 strong { font-family:arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; } #carr-ctd { position: relative; overflow: hidden; margin: 0 auto; width: 797px; height: 39px;} #carr-btn {position: absolute; top: 0px; left: 0px; z-index: 10;} #carr-pre {position: relative; top: 0px; left: 0px; z-index: 11;} #carr-sig {position: relative; top: 0px; left: 766px; z-index: 12;} #carr-img {position: absolute;top: 0; margin: 0px 0px 0px 0px;} #carr-img li {list-style: none;margin: 0;padding: 0;} #carr-img {width: 5418px;} #carr #carr-ctd ul li {display: block; float: left; margin: 0px; padding: 0px;} #carr #carr-ctd ul li img { display: block; border-right: 1px solid #564080; } #carr a img { border: 0px solid #564080; } /* 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;} .con {display:block;} @media all { .con { display:block; }} /* Para Opera */ /* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */