/* * Fichero: home.css ,v1.0 22/02/2006 Ana Noemi Fernandez Martinez * * Hoja de estilos para presentación de los elementos principales de la home * sin autentificar. Se establecen tamaños, fuentes, solores y otros atributos * en general. * * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X * CSS 2 * Fichero home.css * Version v1.0 * Autores Ana Noemi Fernandez Martinez * Comentarios */ /* ESTILOS CAJAS GLOBALES. GRID GLOBAL */ /* Estructura de datos de grid globales para los esquemas: web-pre -> Caja web que engloba todo cab-pre -> Caja cabecera ctd-pre -> Caja contenido que engloba laterales y datos dts-pre -> Caja datos */ #web-pre { margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left; width:771px; background-color:#f0f0f0; border-top:8px solid #38446E;} #cab-pre { float:left; width:771px; height:110px; background:#ffffff url(/MODULOS/global/publico/interfaces/img/home/fdo_img1.jpg) left bottom no-repeat; } #ctd-pre { clear:both; width:771px; height:190px; background:transparent url(/MODULOS/global/publico/interfaces/img/home/fdo_ctd.gif) left bottom repeat-X; } #dts-pre { float:left; width:771px; height:180px; background:transparent url(/MODULOS/global/publico/interfaces/img/home/fdo_img2.jpg) left top no-repeat; } #dts-pre-f1 { width:771px; background-color:#F0F0F0; background:#f0f0f0 url(/MODULOS/global/publico/interfaces/img/home/fdo_dts.gif) left top repeat-X;} /* ESTILOS PARA LA CABECERA DE LA WEB */ #cab-pre .cab-pre-padd { padding:15px 26px 0px 10px; } #cab-pre h1 { float:left;} #cab-pre h2 { float:right; } /* ESTILOS PARA EL CONTENIDO Y DATOS */ #dts-pre .c1 { float:right; width:182px; height:180px; border-bottom:9px solid #C20303; background:#CAC6A1 url(/MODULOS/global/publico/interfaces/img/home/fdo_usuario.gif) left bottom repeat-X; } #dts-pre .c2 { float:right; width:182px; height:180px; border-bottom:9px solid #2C4397; background:#D6D2AD url(/MODULOS/global/publico/interfaces/img/home/fdo_proveedor.gif) left bottom repeat-X;} #dts-pre .c1-ctd { padding:45px 0px 0px 0px; height:145px; _height:135px; border-left:2px solid #ffffff;} #dts-pre .c2-ctd { padding:45px 0px 0px 0px; height:145px; _height:135px; border-left:2px solid #ffffff;} #dts-pre-f1 p { padding:5px 0px;} #dts-pre-f1 h3 { color:#323232; font-size:11px; font-weight:normal;} #dts-pre-f1 ul { margin:0px; padding:0px; float:left; height:160px; background:url(/MODULOS/global/publico/interfaces/img/home/fdo_lst.gif) top left repeat-X;} #dts-pre-f1 ul li { list-style-type:none; float:left;} /* ESTILOS PARA CAJA CON FORMATOS */ /* Caja de esquinas */ .caj-e1 { float:left; width:415px; background:#ffffff url(/MODULOS/global/publico/interfaces/img/home/degrad_inferior.gif) left bottom repeat-X; } .caj-e2 { background:url(/MODULOS/global/publico/interfaces/img/home/degrad_lateral.gif) right bottom repeat-Y; } .caj-e3 { padding:15px 30px 25px 25px; background:url(/MODULOS/global/publico/interfaces/img/home/esquina.gif) right bottom no-repeat;} /* Caja para proveedores */ .caj-prov { float:right; margin-right:10px; width:340px; text-align:right; border-top:1px solid #CBCBCB;} .caj-prov-padd { padding:10px 20px 0px 0px;} .caj-nav-top { float:left; width:100%; background-color:#38446E;}/*Caja para navegacion por idiomas*/ /* Navegacion de los idiomas, va con estilo caj-nav-top */ ul.nav-leng { clear:both; float:right; margin:0px 2px 2px 0px; color:#ffffff; background-color:#38446E;} ul.nav-leng li { display:inline; float:left; margin:0px; padding:1px 5px 1px 0px; list-style-type:none; font-size:11px; color:#ffffff;} ul.nav-leng li:before { content: "| "; } ul.nav-leng li:first-child:before { content: ""; } * html ul.nav-leng li { display: block; float: left; border-left: 1px solid #949494; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em; }/* IE6*/ * html ul.nav-leng li:first-child { border-left: 0px; }/* IE6*/ * * /*\*/ * html ul.nav-leng li { height: 1%; } /**//* IE6*/ * + html ul.nav-leng li { border-left: 1px solid #ffffff; padding: 0px 4px; margin:1px; }/* IE7*/ * + html ul.nav-leng li:first-child { border-left: 0px; }/* IE7*/ ul.nav-leng li a { font-size:11px; color:#ffffff; text-decoration:none;} ul.nav-leng li a:hover { color:#D4DAF4;} /* ESTILOS PARA CUALQUIER FORMULARIO */ /* Formulario general */ .form-pre { margin:0px; padding:0px;} .form-pre fieldset { margin:0px; padding:0px; border:none; text-align:center;} .form-pre fieldset legend { display:none; } .form-pre fieldset .lbl { font-size:14px; color:#000000;} .form-pre .btn { width:107px; height:19px; font-size:11px; font-weight:bold; color:#000000; border:none; background:url(/MODULOS/global/publico/interfaces/img/home/btn.gif) 0px 0px no-repeat; cursor:pointer;} /* NAVEGACION SECUNDARIA */ /* Enlace de opcion: quienes somos */ .nav-opc1-es { float:left; width:87px; height:81px; background:url(/MODULOS/global/publico/interfaces/img/home/ico_quienes_es.gif) top left no-repeat; } .nav-opc1-uk { float:left; width:87px; height:81px; background:url(/MODULOS/global/publico/interfaces/img/home/ico_quienes_en.gif) top left no-repeat; } .nav-opc1-eu { float:left; width:87px; height:81px; background:url(/MODULOS/global/publico/interfaces/img/home/ico_quienes_eu.gif) top left no-repeat; } /* Enlace de opcion: contactar */ .nav-opc2-es { float:left; width:89px; height:81px; background:url(/MODULOS/global/publico/interfaces/img/home/ico_contactar_es.gif) top left no-repeat;} .nav-opc2-uk { float:left; width:89px; height:81px; background:url(/MODULOS/global/publico/interfaces/img/home/ico_contactar_en.gif) top left no-repeat;} .nav-opc2-eu { float:left; width:89px; height:81px; background:url(/MODULOS/global/publico/interfaces/img/home/ico_contactar_eu.gif) top left no-repeat;} /* ENLACES */ /* Enlace para entrada a login */ #dts-pre a.enl { float:left; padding:2px 5px 0px 0px; width:107px; height:19px; font-size:11px; font-weight:bold; color:#000000; text-align:center; background:url(/MODULOS/global/publico/interfaces/img/home/btn.gif) 0px 0px no-repeat; text-decoration:none;} #dts-pre a.enl:hover { text-decoration:none;} /* Enlace destacado, utilizado en alta proveedores */ #dts-pre a.enl-des { clear:both; float:right; margin:65px 20px 0px 0px; padding-left:14px; color:#ffffff; font-size:11px; font-weight:bold; font-family:Arial; background:url(/MODULOS/global/publico/interfaces/img/home/flecha.gif) 0px 4px no-repeat; text-decoration:none;} #dts-pre a.enl-des:hover { color:#000000; text-decoration:underline;} /* TEXTOS */ #dts-pre .txt { margin-left:22px; font-size:14px; color:#000000; font-weight:normal;}/* Texto de entrada a usuarios */ #dts-pre .txt-f1 { margin-left:16px; font-size:14px; color:#000000; font-weight:normal;}/* Texto de entrada a proveedores */