/* generales */ body, p, ul, ol, dl, dt, dd, table, tr, th, td, h1, h2, h3, h4, h5, address, form, input, textarea {margin: 0; padding: 0; font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #444;} body {margin: 10px 0; text-align: center; background: #ccc url(body_BG.gif) repeat-x;} ul {list-style: none;} img {border: 0; display: block;} p,dd {text-align:justify;} .nodisplay {display:none;} .clear {clear: both;} .pq {font-size: 0.7em;} .error {background: #F9F9F9; color:#C0000F;} /* ANTIGUO .econfia {color:#F47534;} .econfia em {color: #FFF; background-color:#6CC; /*#5F99A0*//* font-style:normal;} */ .econfia {color:#F47534; font-weight:bold; font-size: 1.1em;} .econfia em {color:#6CC; font-style:normal;} p.peque {font-size: .8em; text-align:justify;} span.peque {font-size: .8em} /* contenedores base */ #wrapper {position: relative; margin: auto; text-align: left; background: #fff url(wrapper_BG.gif) bottom right no-repeat; border: 1px solid #999; padding: 1px;} #wrapper {width: 744px; w\idth: 740px;} /* w\idth es para solucionar el fallo box model de IE5.* */ #header {height: 69px; background-color: #fff;} #contenidoprincipal {float: left; width: 520px; padding-bottom: 30px; background: url(contenido_BG.gif) no-repeat;} #lateral {margin-left: 518px; border-top: 2px solid #fff; background-color:#E9F0F5;} #footer {clear: both; margin-left: 220px; background: #e1e3e7 url(footer_BG_UL.gif) no-repeat;} #validacion {margin-left: -688px; /* alinear a la izquierda, evitando el centrado */} /* logo */ a#logo {position: absolute; left: 0px; top: 1px;} /* menu principal */ #nav {position: relative; height: 66px; margin-left: 170px; background: url(header_nav3.gif) no-repeat;} #nav li, #nav a {display: block;} #nav li {position: absolute; top: 0px;} #nav a {height: 66px; text-indent: -9999px;} #uno {left: 0; width: 135px;} #dos {left: 135px; width: 121px;} #tres {left: 256px; width: 82px;} #cuatro {left: 338px; width: 125px;} #cinco {left: 463px; width: 107px;} body#es #uno a:hover {background: url(header_nav3.gif) 0 -66px no-repeat;} body#es #dos a:hover {background: url(header_nav3.gif) -135px -66px no-repeat;} body#es #tres a:hover {background: url(header_nav3.gif) -256px -66px no-repeat;} body#es #cuatro a:hover {background: url(header_nav3.gif) -338px -66px no-repeat;} body#es #cinco a:hover {background: url(header_nav3.gif) -463px -66px no-repeat;} /* marcar opción de menú actual */ body#es #uno.activo {background: url(header_nav3.gif) 0px -132px no-repeat;} body#es #dos.activo {background: url(header_nav3.gif) -135px -132px no-repeat;} body#es #tres.activo {background: url(header_nav3.gif) -256px -132px no-repeat;} body#es #cuatro.activo {background: url(header_nav3.gif) -338px -132px no-repeat;} body#es #cinco.activo {background: url(header_nav3.gif) -463px -132px no-repeat;} /* MENU en */ body#en #nav {position: relative; height: 66px; margin-left: 170px; background: url(header_nav3_en.gif) no-repeat;} body#en #uno a:hover {background: url(header_nav3_en.gif) 0 -66px no-repeat;} body#en #dos a:hover {background: url(header_nav3_en.gif) -135px -66px no-repeat;} body#en #tres a:hover {background: url(header_nav3_en.gif) -256px -66px no-repeat;} body#en #cuatro a:hover {background: url(header_nav3_en.gif) -338px -66px no-repeat;} body#en #cinco a:hover {background: url(header_nav3_en.gif) -463px -66px no-repeat;} /* marcar opción de menú actual */ body#en #uno.activo {background: url(header_nav3_en.gif) 0px -132px no-repeat;} body#en #dos.activo {background: url(header_nav3_en.gif) -135px -132px no-repeat;} body#en #tres.activo {background: url(header_nav3_en.gif) -256px -132px no-repeat;} body#en #cuatro.activo {background: url(header_nav3_en.gif) -338px -132px no-repeat;} body#en #cinco.activo {background: url(header_nav3_en.gif) -463px -132px no-repeat;} /* MENU ca */ body#ca #nav {position: relative; height: 66px; margin-left: 170px; background: url(header_nav3_ca.gif) no-repeat;} body#ca #uno a:hover {background: url(header_nav3_ca.gif) 0 -66px no-repeat;} body#ca #dos a:hover {background: url(header_nav3_ca.gif) -135px -66px no-repeat;} body#ca #tres a:hover {background: url(header_nav3_ca.gif) -256px -66px no-repeat;} body#ca #cuatro a:hover {background: url(header_nav3_ca.gif) -338px -66px no-repeat;} body#ca #cinco a:hover {background: url(header_nav3_ca.gif) -463px -66px no-repeat;} /* marcar opción de menú actual */ body#ca #uno.activo {background: url(header_nav3_ca.gif) 0px -132px no-repeat;} body#ca #dos.activo {background: url(header_nav3_ca.gif) -135px -132px no-repeat;} body#ca #tres.activo {background: url(header_nav3_ca.gif) -256px -132px no-repeat;} body#ca #cuatro.activo {background: url(header_nav3_ca.gif) -338px -132px no-repeat;} body#ca #cinco.activo {background: url(header_nav3_ca.gif) -463px -132px no-repeat;} /* fin MENU */ body#descripcion #uno a:hover, body#confianza_seguridad #dos a:hover, body#tarifas #tres a:hover, body#partners #cuatro a:hover, body#contacto #cinco a:hover {background-image: none;} /*body#codigo ol {list-style: none;}*/ /* imágenes de fondo del lateral */ /*body#home #lateral {background-color: }*/ /*body#home #lateral {background: url(lateral_BG_home.gif) 20% 0% no-repeat;}*/ body#descripcion #lateral {background: url(lateral_BG_descripcion.gif) no-repeat;} body#confianza_seguridad #lateral {background: url(lateral_BG_lssilopd.gif) no-repeat;} body#partners #lateral {background: url(lateral_BG_distribuir.gif) no-repeat;} body#consigue #lateral {background: url(lateral_BG_consigue.gif) no-repeat;} body#tarifa #lateral {background: url(lateral_BG_faq.gif) no-repeat;} body#avisolegal #lateral {background: url(lateral_BG_avisolegal.gif) no-repeat;} body#privacidad #lateral {background: url(lateral_BG_privacidad.gif) no-repeat;} body#contacto #lateral {background: url(lateral_BG_contacto.gif) no-repeat;} /* lateral */ #lateral div.minheight {height: 350px; padding: 0px 10px 2px 10px;} /* #lateral address, #lateral h3, #lateral ol, #lateral p.about, .newsletter, #lateral .noticias {margin-left: 15px; margin-right: 5px;} */ #lateral address, #lateral h3, #lateral p.about, #lateral .newsletter, #lateral .noticias {margin-top: 20px;} #lateral .newsletter, #lateral .noticias {padding-left: 5px; padding-right: 5px;} .noticia {margin-top: 10px;} /* tipografía */ a {text-decoration: none; color: #dd7803;} #contenidoprincipal a, #lateral a {text-decoration: underline;} #contenidoprincipal a:hover, #lateral a:hover {color: #f00;} h1, h3, h4, h5 {font-weight: normal;} h1, h2 {font-size: small; font-s\ize: medium; color: #d80012; margin-top: 32px; margin-bottom: 10px; padding: 0;} h2 {font-weight:bold;} h3, dl.faq dt, dl.distribuidorgarantias dt {font-weight: bold; color: #7190B5;} #contenidoprincipal, h3, ol li, dl.faq dt, th, td {font-size: x-small; font-s\ize: small;} #contenidoprincipal h1, #contenidoprincipal h2, #contenidoprincipal h3, #contenidoprincipal p, #contenidoprincipal div, #contenidoprincipal ul, #contenidoprincipal form, #contenidoprincipal dl, #contenidoprincipal table {margin-left: 30px; margin-right: 30px; line-height: 1.5em;} #lateral .newsletter, #lateral .noticias {font-size: 11px;} #contenidoprincipal img.seccion, #contenidoprincipal span#homeflash {display:block; margin: 2px 2px 10px 0px;} /* width: 518 height: 200 */ /*span#homeflash {display: block; margin: 2px 2px 20px 1px;}*/ #contenidoprincipal h2 {line-height: 1.3em;} #contenidoprincipal h2 a {font-size: 70%;} #contenidoprincipal p, dl.faq dd {margin-bottom: 1em;} #contenidoprincipal ul {margin-top: 1em;} #contenidoprincipal ul li {background: url(li.gif) 0 8px no-repeat; padding-left: 10px; margin: 0 0 5px 20px;} #contenidoprincipal p strong, #contenidoprincipal dd strong, #contenidoprincipal li strong {color: #777;} /*#contenidoprincipal ol li {background: url(li.gif) 0 8px no-repeat; padding-left: 10px; margin: 0 0 5px 20px;}*/ #codigo ol {margin-left:30px; margin-right:30px;} #contenidoprincipal ol li {padding-left: 10px; margin: 0 0 5px 20px;} #contenidoprincipal ol.roman li {list-style: upper-roman inside;} #contenidoprincipal ol li.letra {list-style-type: lower-latin; padding-left: 10px; margin: 0 0 5px 20px;} #contenidoprincipal ol li.numero {list-style-type: decimal; padding-left: 10px; margin: 0 0 5px 20px;} #contenidoprincipal ol li ol {list-style-type: lower-latin; margin-bottom:1em;} .noticia p {text-align: left; color: #3C444D;} #accesoclientes {color: #8b857f;} #accesoclientes input.caja {font-size: 11px;} #footer {font: 10px/16px verdana,tahoma,geneva,sans-serif; color: #666;} #footer a {color: #6f7e94;} #footer a:hover {background-color: #6f7e94; color: #e1e3e7;} #footer .separador {color: #ccc;} #validacion a {font-size: xx-small; font-s\ize: x-small; color: #626c6d;} #validacion a:hover {color: #fff;} p.botton200 {margin: 20px 0; background: url(botton200_BG.gif) 50% 0% no-repeat; padding: 15px; padding-left: 5px; height:50px; text-align: center;} p.botton200 a {margin: auto; display: block; width:200px; line-height: 1.1em; font-weight: bold; text-decoration:none;} address, p.about, .newsletter, .noticias {font-style: normal; font-size: 9pt; color: #717F91; line-height: 15px;} address a {text-decoration: underline;} p.about {text-align: left;} dl.faq {margin-bottom: 30px;} span.kitlegal {font-weight: normal; font-variant: small-caps; font-family: verdana,arial,tahoma,sans-serif; font-size: 85%; font-s\ize: inherit; word-spacing: 0.1em; color: #960000;} span.xnovo {color: #444;} img.derecha {float: right; padding: 2px; margin: 0px 30px 10px 10px; background-color: #fff; border: 1px solid #ccc;} img.izquierda {float: left; padding: 2px; margin: 0px 10px 10px 30px; background-color: #fff; border: 1px solid #ccc;} img.centro {clear:both; padding: 2px; margin: 0px auto 10px; background-color: #fff; border: 1px solid #ccc;} acronym {border-bottom: 1px dotted #666; cursor: help;} #contenidoprincipal .smaller, #contenidoprincipal .disclaimer p {font-size: 90%; line-height: 1.3em;} /** FORMULARIOS **/ /** Generico **/ #contenidoprincipal form, form.entexto {display: inline;} #contenidoprincipal form label, #contenidoprincipal form input, form.entexto label, form.entexto input {display: block; float: left; font-size:1.2em;} #contenidoprincipal form p, form.entexto p {clear: left;} #contenidoprincipal form label, form.entexto label {float: left; text-align: left; width: 120px;} #contenidoprincipal form label.ancho, form.entexto label.ancho {width: 150px;} #contenidoprincipal form label.saltoLinea, form.entexto label.saltoLinea {width: 100%; clear: both;} #contenidoprincipal form label.todo, form.entexto label.todo {width: 100%;} #contenidoprincipal form input.text, #contenidoprincipal form input.submit, #contenidoprincipal form textarea, form.entexto input.text, form.entexto input.submit, form.entexto textarea {border: solid 1px #336; margin: .2em 0px; background: #EEF;} #contenidoprincipal form textarea, form.entexto textarea {height: 100px; overflow: auto;} #contenidoprincipal form input#usuarios_boton, form.entexto input#usuarios_boton {margin-left: 60px; right:0px;} #contenidoprincipal form label.cambiado {text-align: left; clear:none; width:280px; color: #333; margin: 0px 5px;} #contenidoprincipal form input.cambiado {width:60px; margin: 2px 0px;} .newsletter {height: 100px; background: #DBE4F0 url(newsletter_BG.gif) no-repeat;;} .noticias {background-color: #DBE4F0;} /* Newsletter */ form#newsletter input {width:10px;} form#newsletter label.radio {float:left; width:50px; clear:none; margin:0px; color:#000;} form#newsletter input#email, form#newsletter input.boton, form#newsletter select {width: 130px; height: 15px; border: 0px solid; padding: 0px 1px; color: #000; background-color: #e9e9e9; border: 1px solid #BBB;} form#newsletter input.boton {float:left; font-size:.8em; width: 50px; margin: 2px;} /* Formulario distribuir */ form#formulario_distribuir, form.formulario_confirma {display: inline;} form#formulario_distribuir label, form#formulario_distribuir input, form.formulario_confirma label, form.formulario_confirma input {display: block; float: left;} form#formulario_distribuir p, form.formulario_conseguir p {clear: left;} form#formulario_distribuir label, form.formulario_conseguir label {float: left; text-align: left; width: 100px; color: #7A9BC2; margin: 2px 0px;} form#formulario_distribuir input, form#formulario_distribuir textarea, form.formulario_conseguir input, form.formulario_conseguir textarea {width: 200px; background-color: transparent; border-width: 1px; border-color: #333;} form#formulario_distribuir textarea, form.formulario_conseguir textarea {height: 100px; overflow: auto;} form#formulario_distribuir input.distribuir_bEnvio, form.formulario_confirmar input#confirmar_bEnvio {margin: 20px 0 0px 150px; float: none; width: 100px; height: 25px;} table#margenes_distribuidor {margin-top: 5px; margin-bottom: 5px; text-align: left; width: 400px;} table#margenes_distribuidor th {background-color: #F2F6F9; color: #dd7803; font-weight: bold;} table#margenes_distribuidor td.izquierda {text-align: left; font-weight: bold;} table#margenes_distribuidor tr.impar {} table#margenes_distribuidor tr.par {background-color: #FBFCFD;} table#infracciones {} .error {color: #706EB7;} /* home */ #home_confianza {margin: 0px; height:75px; /*padding-bottom: 20px;*/} #home_seguridad {margin: 0px; height:75px; /*padding-bottom: 20px;*/} #home_confianza h2 {float:left; margin: 0px 10px 0px 0px; padding-top:20px; font-weight:bold; width: 120px; height:55px; background: #69A url('home_UNO.gif') 100% 100% no-repeat; color:#FFF; text-align:center;} #home_seguridad h2 {float:left; margin: 0px 10px 0px 0px; padding-top:20px; font-weight:bold; width: 120px; height:55px; background: #69A url('home_DOS.gif') 100% 100% no-repeat; color:#FFF; text-align:center;} #home_ventas h2 {float:left; margin: 0px 10px 0px 0px; padding-top:20px; font-weight:bold; width: 175px; height:55px; background: #F60 url('home_TRES.gif') 100% 100% no-repeat; color:#FFF; text-align:center;} #home_confianza p {margin: 0px; padding-top:0px;} #home_seguridad p {margin: 0px; padding-top:0px;} #home_ventas p {margin: 0px; padding-top:0px;} #confianza_seguridad table th {background-color: #AAA; padding:2px 15px;} #confianza_seguridad table td {background-color: #CCC; padding:2px 15px;} #confianza_seguridad #contenidoprincipal img {margin: 2px auto; text-align:center; /*padding:1px; border:1px solid #CCC;*/} /* programa distribuidor */ #lateral ul {margin-top: 5px;} #lateral ul li {margin-left: 20px; font-size:.8em; background: url(li.gif) 0 8px no-repeat; padding-left: 10px;} #lateral ul li.actual {font-weight: bold;} dl.distribuidorgarantias dd {margin-bottom: 10px;} /* formulario acceso clientes */ #accesoclientes {position: relative; margin-left: 48px; height: 35px; background: url(accesoclientes_BG.gif) no-repeat;} #accesoclientes input, #accesoclientes span {display: block;} #accesoclientes h4 {display: none;} #accesoclientes span {margin-left: 45px;} #accesoclientes input.caja {width: 80px; height: 14px; border: 0; background: #f4efe9 url(accesoclientes_input_BG.gif) no-repeat;} #accesoclientes input.entrar {position: relative; float: right; margin-top: -29px; margin-left: 5px;} /* corregir posición para mozilla y opera */ html>body div#accesoclientes {padding-top: 3px;} html>body div#accesoclientes input.entrar {margin-top: -27px; width: 41px; height: 27px;} .tarifa {clear: both; margin:0px 25px; padding:0px; width:400px;} .tarifa h3 {background: #F93 /*#d1d3d7*/ url('box.gif') 0% 0% no-repeat; color:#FFF; width: 100%; text-align:center; font-weight:bold; font-size: 1.5em;} .tarifa .precio {width:100%; background: #EEE; text-align:center;} .tarifa .precio span {color:#dd7803; font-size: 1.6em; font-weight: bold;} .tarifa .quienes {padding:5px; margin:0px; background: #d1d3d7 url('box.gif') 0% 100% no-repeat; color:#666; width: 390px;} .tarifa .quienes ul {padding:0px; margin:0px;} .tarifa .quienes li {padding:0px; margin:0px;} a.lecture {background: url('note.gif') 0% 0% no-repeat; padding-left: 18px; height:16px; display:block;} /* #SelectorIdioma {display:block; padding-left: 3px;} #SelectorIdioma em {font: normal 11px Verdana,Tahoma,Trebuchet MS,Helvetica,sans-serif;} #SelectorIdioma span.idioma {float: left; height: 22px;} #SelectorIdioma span.idioma em {display: block; color: #333; padding: 5px 5px 0px 3px;} #SelectorIdioma ul {float: left; padding-right: 5px; margin:0px;} #SelectorIdioma li {float: left; background: transparent; padding:0px; margin:0px;} #SelectorIdioma li span {visibility: hidden; font-size: 1px;} #SelectorIdioma li a {display: block; width: 18px; height: 22px;} */ #SelectorIdioma {height:24px; width:200px;} #SelectorIdioma span.idioma {float: left; height: 22px;} #SelectorIdioma span.idioma em {display: block; color: #333; font-size: 0.8em; padding: 5px 5px 0px 3px;} #SelectorIdioma ul {display: inline !important; margin:0px !important;} #SelectorIdioma li {display: inline !important; background: none !important; margin: 0px !important; padding:0px !important;} #SelectorIdioma a, #SelectorIdioma li a {display: block; float:left; width: 18px; height: 22px;} #SelectorIdioma a span, #SelectorIdioma li a span {display:none;} #SelectorIdioma a#es {background-image: url(selectorIdioma_bandera_ES.gif);} #SelectorIdioma a#en {background-image: url(selectorIdioma_bandera_EN.gif);} #SelectorIdioma a#ca {background-image: url(selectorIdioma_bandera_CAT.gif);} #SelectorIdioma a#pt {background-image: url(selectorIdioma_bandera_PT.gif);} #SelectorIdioma a#es, #SelectorIdioma a#en, #SelectorIdioma a#ca, #SelectorIdioma a#pt {background-position: 0px 5px; background-repeat: no-repeat} #SelectorIdioma a#es:hover, #SelectorIdioma a#en:hover, #SelectorIdioma a#ca:hover, #SelectorIdioma a#pt:hover{background-position: -18px 5px;} /* #lateral ul {margin-top: 5px;} #lateral ul li {margin-left: 20px; font-size:.8em; background: url(li.gif) 0 8px no-repeat; padding-left: 10px;} #lateral ul li.actual {font-weight: bold;} */ /* footer */ #footer {height: 35px; text-align: center;} #xnovologo {display: block; float: right; width: 68px; height: 35px; text-indent: -9999px; background: url(logoXnovo.gif) no-repeat;} /*div {border: 1px solid red;}*/ .hidden {display: none;} /* para mostrar las banderitas*/ .banderas { float: right; margin: 0px 10px; text-align: right; vertical-align: bottom; } .banderas img { margin: 0 2px;} /**/