/* Normalización */

* {margin: 0; padding: 0; outline: none}
img {border: 0}
html {overflow: hidden}
img {border:none; margin:0; padding:0}
body {font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; font-size:12px; color:#555555; position: relative; overflow: scroll; background-color: #d8d8d8}
ul {list-style: none}
a {text-decoration: none}
a:hover {text-decoration: underline}

/* Propiedades comunes */

.clear {clear: both}
.noborder {border: 0!important}
.inline {display: inline!important}
.nodisplay {display: none}
.js_show, .invisible {visibility: hidden}
.left {float: left!important}
.right {float: right!important}
.nofloat {float: none!important}
.nomargin {margin: 0!important}
.overflow_hidden {overflow: hidden!important}
.underline {text-decoration: underline!important}
.negro {color: #000000!important}

.tleft {text-align: left!important}
.tcenter {text-align: center!important}
.tright {text-align: right!important}

/* Ajustes */
.left-10 {position: relative; left: -10px}


/* Elementos comunes */

h1 {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 4.2em; font-weight: normal; color: #000000; letter-spacing: -2.5px; line-height: 0.9em}


/* Estructura */

#contenido {width: 1003px; margin: 0 auto; position: relative; background: none}
#fondo {background: #d8d8d8 url(gfx/degradado_fondo.gif) repeat-x scroll top left; position: absolute; height: 100%; width: 3000px; left: -1500px}
#cabecera {width: 850px; margin: 0 auto; position: relative}
#principal {width: 850px; margin: 0 auto; position: relative; z-index: 10}
#pie {width: 850px; margin: 0 auto; position: relative; z-index: 50; margin-top: 55px; padding-bottom: 80px}

#cabecera .ovalo {position: absolute; z-index: 10; width: 816px; height: 752px; background-image: url(gfx/ovalo.png); background-repeat: no-repeat}
#cabecera .ovalo.grande {width: 868px; height: 755px; background-image: url(gfx/ovalo2.png)}
#cabecera .barra_negra {position: relative; z-index: 10; width: 850px; height: 35px; background: black}
#cabecera .contenido {position: absolute; top: 0; left: 0; z-index: 50; width: 100%}
#cabecera .ilustracion {position: absolute; z-index: 35; background-repeat: no-repeat}
#cabecera .menu_superior {position: absolute; top: 0; right: 0; z-index: 70; font-size: 0.9em}
#cabecera .fondo_menu_superior {position: absolute; top: 0; right: 0; z-index: 60; background: #c2e500; width: 350px; height: 40px}

#cabecera .menu_superior span {display: inline-block; height: 25px; padding-top: 14px; text-indent: -10000px}
#cabecera .menu_superior span.punto {background: transparent url(gfx/bullet_menu_superior.gif) no-repeat scroll 1px 20px; width: 7px}
#cabecera .menu_superior span.barra {background: transparent url(gfx/barra_menu_superior.gif) no-repeat scroll 0 0; width: 4px}
#cabecera .menu_superior a {color: #70901a; display: inline-block; height: 25px; padding-top: 14px; padding-right: 2px}
#cabecera .menu_superior a.distribucion {background: transparent url(gfx/ico_distribucion.png) no-repeat scroll 3px 0; padding-left: 45px; width: 50px}
#cabecera .menu_superior a.recogidas {background: transparent url(gfx/ico_recogidas.png) no-repeat scroll 0 0; padding-left: 33px}
#cabecera .menu_superior a.aumentar_fuente {background: transparent url(gfx/ico_aumentar_fuente.png) no-repeat scroll 0 0; width: 30px; text-indent: -10000px}
#cabecera .menu_superior a.reducir_fuente {background: transparent url(gfx/ico_reducir_fuente.png) no-repeat scroll 0 0; width: 15px; text-indent: -10000px}

#cabecera .desplegable {z-index: 70; background: transparent url(gfx/fondo_menu_desplegable.png) no-repeat scroll 0 0; width: 308px; height: 31px; position: absolute; right: 0; top: 39px; font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.25em}
#cabecera .desplegable a {color: #ffffff; padding: 0; top: 0; margin: 8px 10px; background: transparent url(gfx/flecha_desplegable.gif) no-repeat scroll center right; padding-right: 4px}
#cabecera .desplegable a:hover {text-decoration: none}
#cabecera .desplegable a.userlogin {position: absolute; background: none; right: 0}
#cabecera .desplegable a#seguimiento {position: absolute; left: 0; background: none}
#cabecera .desplegable a.seguimiento {position: absolute; left: 0; background: none}
#cabecera .desplegable a#acceso {position: absolute; right: 0}

#cabecera .contenido .menu {width: 100%; height: 28px; color: #c2e500; margin-top: 128px; font-size: 1.3em; padding: 7px 20px 0 25px}
#cabecera .contenido .menu li {display: inline; background: transparent url(gfx/bullet_menu.gif) no-repeat scroll 0 8px; padding-left: 12px; margin-left: 4px}
#cabecera .contenido .menu li.activo a {color: #c2e500; text-decoration: underline}
#cabecera .contenido .menu li.primero {background: none; padding-left: 0; margin-left: 0}
#cabecera .contenido .menu a {color: #ffffff}
#cabecera .contenido .margen {margin-left: 20px}

#cabecera .path {padding-top: 7px; font-size: 0.9em; color: #333333; margin-bottom: 20px}
#cabecera .path a {color: #666666}
#cabecera .path .sep {margin: 0 4px}

#cabecera .lema {color: #ffffff; font-family: "TheSansCorrespondence-Italic", "Trebuchet MS"; width: 275px; font-style: italic; position: relative; z-index: 200; line-height: 1.05em}
#cabecera .valores {z-index: 80; position: absolute; bottom: 0; left: 20px; font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.67em; width: 250px; height: 83px}
#cabecera .valores a {color: #c30822; padding-left: 70px; padding-top: 20px; padding-bottom: 10px; display: block; line-height: 0.95em; background: transparent url(gfx/flecha_valores.png) no-repeat scroll 0 0; height: 35px; display: inline-block}

#pie .contacto {text-align: right; font-family: "TheSansCorrespondence", "Trebuchet MS"; color: #c30822; font-size: 1.85em; padding-right: 20px; height: 40px; padding-left: 35px; padding-top: 0px; float: right}
#pie .contacto .sep {color: transparent; background: transparent url(gfx/sep_contacto.png) no-repeat scroll 3px 0; width: 10px; padding: 0 3px}
#pie .contacto a {color: #c30822;  height: 40px; display: inline-block}
#pie .contacto span {height: 40px; display: inline-block}
#pie .contacto .ico_cartera {background: transparent url(gfx/ico_cartera.png) no-repeat scroll 0 0; padding-left: 40px}
#pie .contacto .ico_telefono {background: transparent url(gfx/ico_telefono.png) no-repeat scroll 0 0; padding-left: 35px}

#pie .caja {width: 850px; height: 218px; background: transparent url(gfx/fondo_pie.png) no-repeat scroll 0 0; margin-bottom: 30px}
#pie .caja a {color: #333333}
#pie .caja li li {margin-bottom: 4px;}
#pie .caja ul.exterior li.exterior {float: left; height: 189px; background: transparent url(gfx/sep_pie.gif) no-repeat scroll 0 0; padding-left: 17px; margin-left: 15px; padding-top: 29px}
#pie .caja ul.exterior li.exterior h5 {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.67em; color: #333333; font-weight: normal; padding-bottom: 12px; line-height: 0.9em}
#pie .caja ul.exterior li.transporte {background: none; padding-left: 24px; width: 137px; margin-left: 0}
#pie .caja ul.exterior li.logistica {width: 130px}
#pie .caja ul.exterior li.documental {width: 148px}
#pie .caja ul.exterior li.postales {width: 124px}
#pie .caja ul.exterior li.corporativos {width: 124px}

#pie .links {font-size: 0.83em; color: #555555}
#pie .links a {color: #555555}

#pie .logos  {border-bottom: 1px solid #cbcbcb; padding-bottom: 12px}
#pie .logos .telefonica {font-size: 0.9em; color: #a2a2a2; float: left; padding-top: 46px}
#pie .logos .telefonica img {position: relative; top: 8px}
#pie .logos .madrid {float: right; padding-top: 0px}
#pie .logos .aenor {float: right; padding-left: 20px; padding-top: 0px}

#pie .copyright {color: #a2a2a2; font-size: 0.9em; padding-top: 9px}
#pie .copyright a {color: #555555}

/* Específico de nivel */

.nivel1 #cabecera {height: 410px}
.nivel1 #cabecera .lema {font-size: 2.5em}
.nivel1 #cabecera .logo {position: absolute; top: 15px; left: -55px; width: 215px; height: 81px; z-index: 80}
.nivel1 #cabecera .barra_negra {top: 128px}
.nivel1 #cabecera h1 {padding-bottom: 12px}

.nivel1 #principal .caja {width: 589px; padding: 20px 50px 14px 211px; background: #ffffff; position: relative; border-bottom: 1px solid #e0e0e0; z-index: 1; min-height: 84px}
.nivel1 #principal .caja.ultima {border: 0}
.nivel1 #principal .caja.condiciones {min-height: 0px; padding: 10px 22px 10px 211px; width: 617px}
.nivel1 #principal .caja.condiciones a {float: right} 
.nivel1 #principal .caja .izquierda {background: #ffffff; border-bottom: 0; height: 100%; width: 188px; position: absolute; top: 0; left: 0}
.nivel1 #principal .caja.ultima .izquierda {border: 0}
.nivel1 #principal .caja h2 {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 2.17em; color: #000000; font-weight: normal; padding-bottom: 10px; letter-spacing: -0.02em}
.nivel1 #principal .caja h2 a {color: #000000; background: transparent url(gfx/flecha_titular.gif) no-repeat scroll right 4px; padding-right: 25px}
.nivel1 #principal .caja h3 {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.83em; color: #aed006; font-weight: normal; padding-bottom: 5px; letter-spacing: -0.02em}
.nivel1 #principal .caja h3 a {color: #aed006}
.nivel1 #principal .caja ul {padding-bottom: 10px}
.nivel1 #principal .caja li {background: transparent url(gfx/bullet_verde.gif) no-repeat scroll 0 7px; padding-left: 10px; height: 100%}
.nivel1 #principal .caja li {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.67em; color: #96b305}
.nivel1 #principal .caja a.condiciones {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.67em; color: #808080; float: right; background: transparent url(gfx/flecha_gris.gif) no-repeat scroll 0 0; display: inline-block; padding: 7px 0 5px 35px; width: auto}
.nivel1 #principal .caja .esq_izda {width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; background: transparent url(gfx/esq_red_10px_so.png) no-repeat scroll 0 0}
.nivel1 #principal .caja .esq_dcha {width: 10px; height: 10px; position: absolute; bottom: 0; right: 0; background: transparent url(gfx/esq_red_10px_se.png) no-repeat scroll 0 0}
.nivel1 #principal .caja p.nota {margin-top: 15px; font-style: italic; margin-left: -170px}

.nivel2 #cabecera .ilustracion {position: absolute; z-index: 10; background-repeat: no-repeat}
.nivel2 #cabecera h1 {padding-bottom: 12px; width: 350px; float: left}
.nivel2 #cabecera {height: 390px}
.nivel2 #cabecera .logo {position: absolute; top: 15px; left: -55px; width: 215px; height: 81px; z-index: 80}
.nivel2 #cabecera .barra_negra {top: 128px}
.nivel2 #cabecera .lema {text-align: right; float: right; width: 460px; padding-right: 20px; font-style: normal; font-size: 1.67em; line-height: 1.1em}
.nivel2 #cabecera .lema h2 {font-family: "TheSansCorrespondence-Italic"; font-style: italic; font-weight: normal; font-size: 1.5em; padding-bottom: 8px; line-height: 1em}

.nivel2 #principal {z-index: 40}
.nivel2 #principal .menu {width: 187px; float: left; background: #ffffff; font-size: 1.42em; font-family: "TheSansCorrespondence", "Trebuchet MS"; border-right: 1px solid #e8e8e8}
.nivel2 #principal .menu li {padding: 6px 24px 6px 22px; border-top: 1px solid #e8e8e8}
.nivel2 #principal .menu li.primero {border: 0}
.nivel2 #principal .menu li a {color: #aecd01}
.nivel2 #principal .menu li.activo a {color: #000000; cursor: default}
.nivel2 #principal .menu li.activo a:hover {text-decoration: none}
.nivel2 #principal .modulo {width: 662px; float: left; overflow: hidden}
.nivel2 #principal .modulo .cuerpo {background: #ffffff; padding: 0 24px 24px 24px; overflow: hidden}
.nivel2 #principal .modulo .cuerpo .enlaces li {display: inline}
.nivel2 #principal .modulo .cuerpo .enlaces li a {display: inline-block; margin: 10px ; color: #333333; padding: 14px 4px 14px 30px}
.nivel2 #principal .modulo .cuerpo .enlaces li a.volver {float: left; margin: 10px 10px 10px 0; background: transparent url(gfx/ico_volver.gif) no-repeat scroll 0 11px; width: 145px}
.nivel2 #principal .modulo .cuerpo .enlaces li a.siguiente {float: right; margin: 10px 10px 10px 0; background: transparent url(gfx/ico_siguiente.gif) no-repeat scroll 0 11px; width: 145px}
.nivel2 #principal .modulo .cuerpo .enlaces li a.imprimir {float: right; background: transparent url(gfx/ico_imprimir.gif) no-repeat scroll 0 2px; padding-left: 43px}
.nivel2 #principal .modulo .cuerpo .enlaces li a.enviar {float: right; background: transparent url(gfx/ico_enviar.gif) no-repeat scroll 0 7px; padding-left: 39px}
.nivel2 #principal .modulo .cuerpo .enlaces li a.favoritos {float: right; margin-right: 0; background: transparent url(gfx/ico_favoritos.gif) no-repeat scroll 0 5px; padding-left: 37px}
.nivel2 #principal .modulo .cuerpo img.deco_contenido {margin-left: -24px; margin-bottom: 10px; display: none}
.nivel2 #principal .modulo .cuerpo .bloque h2 {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 2.5em; font-weight: normal; color: #000000; letter-spacing: -0.025em; padding-top: 2px; margin-bottom: 20px}
.nivel2 #principal .modulo .cuerpo .bloque .deco-bloque {margin: -4px -24px 7px -24px; position: relative}
.nivel2 #principal .modulo .cuerpo .bloque {display: none; height: auto!important; height: 400px; min-height: 400px}
.nivel2 #principal .modulo .cuerpo .bloque.activo {display: block}
.nivel2 #principal .modulo .cuerpo .bloque h3 {margin-top: 15px; color: #808080; font-weight: normal; font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.83em; margin-bottom: 5px}
.nivel2 #principal .modulo .cuerpo .bloque ul li {font-size: 1.17em; color: #555555; background: transparent url(gfx/bullet_gris.gif) no-repeat scroll 0 3px; padding-left: 18px; margin-bottom: 10px; width: 570px}
.nivel2 #principal .modulo .cuerpo .bloque ul li a {color: #c2e500}
.nivel2 #principal .modulo .cuerpo .bloque p {margin-bottom: 15px!important}
.nivel2 #principal .modulo .cuerpo .bloque ul li p {font-size: .83em; margin: 5px 0}
.nivel2 #principal .modulo .cuerpo .bloque ul.interno {margin-top: 5px}
.nivel2 #principal .modulo .cuerpo .bloque ul.interno li {font-size: 1em; color: #555555; background: transparent url(gfx/bullet_gris_peque.gif) no-repeat scroll 10px 5px; padding-left: 22px; margin-bottom: 3px; width: 570px}
.nivel2 #principal .modulo .cuerpo .bloque .subir a {color: #333333; float: right; background: transparent url(gfx/flecha_subir.gif) no-repeat scroll 0 0; padding: 3px 0 5px 30px; margin-top: 5px; margin-bottom: 10px}
.nivel2 #principal .modulo .cuerpo .bloque a.logo {margin-top: 15px; float: left; display: block; width: 200px; height: 111px; margin-right: 20px}
.nivel2 #principal .modulo .cuerpo .bloque a.logo:hover {text-decoration: none}
.nivel2 #principal .modulo .cuerpo .bloque a.transporte {background: transparent url(gfx/zeleris_transporte_a.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.transporte:hover {background: transparent url(gfx/zeleris_transporte_b.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.logistica {background: transparent url(gfx/zeleris_logistica_a.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.logistica:hover {background: transparent url(gfx/zeleris_logistica_b.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.documental {background: transparent url(gfx/zeleris_documental_a.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.documental:hover {background: transparent url(gfx/zeleris_documental_b.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.postal {background: transparent url(gfx/zeleris_postal_a.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.postal:hover {background: transparent url(gfx/zeleris_postal_b.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.corporativos {background: transparent url(gfx/zeleris_corporativos_a.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque a.corporativos:hover {background: transparent url(gfx/zeleris_corporativos_b.gif) no-repeat scroll 0 0}
.nivel2 #principal .modulo .cuerpo .bloque .servicio {float: left; width: 390px}
.nivel2 #principal .modulo .abajo {width: 662px; height: 10px; background: transparent url(gfx/mod662_abajo.png) no-repeat scroll 0 0}

.nivel2 #principal .boton {float: right; padding-right: 7px}
.nivel2 #principal .boton.adjuntar {float: left; width: 74px}
.nivel2 #principal .boton .izq {float: left; background: #ffffff url(gfx/bot_login_izq.gif) no-repeat scroll 0 0; height: 21px; width: 2px}
.nivel2 #principal .boton a {background: #c2e500; float: left; color: #ffffff; font-weight: bold; padding: 3px 10px}
.nivel2 #principal .boton a:hover {text-decoration: none}
.nivel2 #principal .boton .der {float: left; background: #ffffff url(gfx/bot_login_der.gif) no-repeat scroll 0 0; height: 21px; width: 2px}

.nivel2.transporte #cabecera .ilustracion {width: 875px; height: 704px; background-image: url(gfx/ilus_transporte_valores.png); top: 128px; left: 730px}
.nivel2.transporte #cabecera .ovalo {left: 338px; background-position: 0 -220px}

.nivel2.corporativa #cabecera {height: 280px}
.nivel2.corporativa #cabecera .ilustracion {display: none}
.nivel2.corporativa #cabecera .lema {display: none}
.nivel2.corporativa #cabecera .ovalo {left: 475px; background-position: 0 -360px}
.nivel2.corporativa #fondo {background-position: left -120px}
.nivel2.corporativa #principal p.form {color: #555555; font-size: .92em; width: 400px; margin-bottom: 3px}
.nivel2.corporativa #principal div.espacio {height: 10px}
.nivel2.corporativa #principal .check {width: auto!important; border: 0}
.nivel2.corporativa #principal label {color: #555555; font-size: .92em; position: relative; top: -2px; left: 4px}
.nivel2.corporativa #principal .label {float: left; width: 200px; text-align: right; padding-right: 10px; color: #555555; font-size: .92em; padding-top: 3px}
.nivel2.corporativa #principal labelform {color: #555555; font-size: .92em; position: relative; top: -2px; left: 4px}
.nivel2.corporativa #principal .labelform {text-align:right; padding-right: 10px; color: #555555; font-size: .92em; padding-top: 3px}
.nivel2.corporativa #principal .campo {float: left; width: 235px}
.nivel2.corporativa #principal .extra {float: left}
.nivel2.corporativa #principal .bloque .fila {margin-top: 5px}
.nivel2.corporativa #principal input {border: 1px solid #dadada; background: #ffffff; padding: 3px; font-size: .92em; color: #555555; width: 221px}
.nivel2.corporativa #principal input.postal {width: 100px}
.nivel2.corporativa #principal select {border: 1px solid #dadada; background: #ffffff; padding: 2px; font-size: .92em; color: #555555; width: 229px}
.nivel2.corporativa #principal select.dia {width: 46px}
.nivel2.corporativa #principal select.mes {width: 85px}
.nivel2.corporativa #principal select.anio {width: 57px}
.nivel2.corporativa #principal textarea {font-family: Arial, Verdana, sans-serif; border: 1px solid #dadada; background: #ffffff; padding: 3px; font-size: .92em; color: #555555; width: 221px; height: 100px}
.nivel2.corporativa #principal span.max {font-size: .92em; position: relative; top: 3px; left: 5px; width: 0}
.nivel2.corporativa #principal .modulo .cuerpo .bloque p {margin-bottom: 5px}
.nivel2.corporativa #principal .sep_paginacion {border-top: 1px solid #e0e0e0; margin-right: -25px}
.nivel2.corporativa #principal .carrusel div a {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 2.5em; color: #c2e500}
.nivel2.corporativa #principal .carrusel div a.disabled {color: #dadada; cursor: default}
.nivel2.corporativa #principal .carrusel .anterior {width: 21px; float: left; position: relative; top: -2px}
.nivel2.corporativa #principal .carrusel .siguiente {width: 21px; float: right; position: relative; top: -2px}
.nivel2.corporativa #principal .carrusel .anterior a:hover {text-decoration: none}
.nivel2.corporativa #principal .carrusel .siguiente a:hover {text-decoration: none}
.nivel2.corporativa #principal .carrusel .anio {float: left; width: 94px; text-align: center}
.nivel2.corporativa #principal .carrusel .anio.activo a {color: #000000; cursor: default}
.nivel2.corporativa #principal .carrusel .anio.activo a:hover {text-decoration: none}
.nivel2.corporativa #principal .contenido_anios {margin-top: 25px}
.nivel2.corporativa #principal .contenido_anios a.tgestiona {color: #024e9a!important}
.nivel2.corporativa #principal .contenido_anios img.bankinter {margin-top: 15px}
.nivel2.corporativa #principal .logos {margin-top: 30px; text-align: center}
.nivel2.corporativa #principal .logos .medio {margin: 0 10px 0 70px}
.nivel2.corporativa #principal h3 a {color: #808080; background: transparent url(gfx/flecha_titular_gris.gif) no-repeat scroll right 3px; padding-right: 25px}
.nivel2.corporativa #principal .mapa {margin-top: 20px; position: relative; width: 524px; height: 386px; background: transparent url(gfx/mapa_españa.gif) no-repeat scroll 0 0}
.nivel2.corporativa #principal .mapa .capa {position: absolute; top: 0; right: 0}
.nivel2.corporativa #principal .mapa .capa .top {font-size: 0; height: 5px; background: #000000; margin: 0 5px}
.nivel2.corporativa #principal .mapa .capa .med {padding: 5px 10px 10px 10px; background: #000000; color: #ffffff}
.nivel2.corporativa #principal .mapa .capa .bot {font-size: 0; height: 4px; background: #000000; margin: 0 5px}
.nivel2.corporativa #principal .mapa .capa .nw {position: absolute; top: 0; left: 0; font-size: 0; width: 5px; height: 5px; background: transparent url(gfx/capa_mapa_nw.gif) no-repeat scroll 0 0}
.nivel2.corporativa #principal .mapa .capa .ne {position: absolute; top: 0; right: 0; font-size: 0; width: 5px; height: 5px; background: transparent url(gfx/capa_mapa_ne.gif) no-repeat scroll 0 0}
.nivel2.corporativa #principal .mapa .capa .sw {position: absolute; bottom: 0; left: 0; font-size: 0; width: 5px; height: 5px; background: transparent url(gfx/capa_mapa_sw.gif) no-repeat scroll 0 0}
.nivel2.corporativa #principal .mapa .capa .se {position: absolute; bottom: 0; right: 0; font-size: 0; width: 5px; height: 5px; background: transparent url(gfx/capa_mapa_se.gif) no-repeat scroll 0 0}
.nivel2.corporativa #principal .mapa .capa h4 {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.00em; margin-bottom: 5px; font-weight: normal}
.nivel2.corporativa #principal .mapa .capa p {font-size: .90em; margin-bottom: 20px!important}
.nivel2.corporativa #principal .mapa .capa a {font-size: .90em; color: #ffffff; background: transparent url(gfx/flecha_como_llegar.gif) no-repeat scroll right 2px; padding: 3px 15px 5px 0}
.nivel2.corporativa #principal .mapa .punto {cursor: pointer; position: absolute; width: 14px; height: 14px; background: transparent url(gfx/punto_mapa.png) no-repeat scroll 0 0}
.nivel2.corporativa #principal .mapa .punto.activo {cursor: default; background: transparent url(gfx/punto_mapa_activo.png) no-repeat scroll 0 0}
.nivel2.corporativa #principal .bloque.grupo_telefonica h3 {width: 500px; font-size: 2.5em; margin-bottom: 15px; line-height: 1em}
.nivel2.corporativa #principal .bloque.grupo_telefonica p {width: 450px; margin-bottom: 10px!important}
.nivel2.corporativa #principal .valores {float: right; font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.67em; width: 190px; height: 45px; padding-top: 20px}
.nivel2.corporativa #principal .valores a {color: #c30822; padding-left: 70px; padding-top: 20px; padding-bottom: 10px; display: block; line-height: 0.95em; background: transparent url(gfx/flecha_valores.png) no-repeat scroll 0 0}
.nivel2.corporativa #principal .descargas {background: #f2f2f2}
.nivel2.corporativa #principal .descargas .titulo {color: #cdcdcd; font-size: 1.76em; font-family: "TheSansCorrespondence", "Trebuchet MS"; margin-bottom: 10px}
.nivel2.corporativa #principal .descargas .descarga a {font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; font-size: .65em; color: #555555; background: transparent url(gfx/ver_mas_gris.gif) no-repeat scroll right 4px; padding: 5px 15px 5px 0}
.nivel2.corporativa #principal .descargas .descarga p {font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; font-size: .65em; color: #a3a3a3; position: relative; top: -1px; padding-bottom: 10px}
.nivel2.corporativa #principal .paginacion {color: #555555; font-size: .92em; padding-top: 8px}
.nivel2.corporativa #principal .paginacion.arriba {margin-bottom: 30px}
.nivel2.corporativa #principal .mostrando {float: left}
.nivel2.corporativa #principal .paginas {float: right; color: #a3a3a3}
.nivel2.corporativa #principal .paginas .anterior {color: #555555; padding: 3px 10px 5px 14px; background: transparent url(gfx/ver_menos.gif) no-repeat scroll 0 1px}
.nivel2.corporativa #principal .paginas .siguiente {color: #555555; padding: 3px 14px 5px 10px; background: transparent url(gfx/ver_mas.gif) no-repeat scroll right 1px}
.nivel2.corporativa #principal .paginas a {color: #a3a3a3}
.nivel2.corporativa #principal .resumen_noticia {margin-top: 35px; margin-bottom: 25px}
.nivel2.corporativa #principal .resumen_noticia p {font-size: .92 em; color: #555555}
.nivel2.corporativa #principal .resumen_noticia h3 {margin-top: 6px!important; margin-bottom: 6px!important; font-size: 1.67em; font-weight: normal; font-family: "TheSansCorrespondence", "Trebuchet MS"}
.nivel2.corporativa #principal .resumen_noticia h3 a {color: #b1d002; background: none; letter-spacing: -.03em}
.nivel2.corporativa #principal .resumen_noticia .entradilla {color: #555555}
.nivel2.corporativa #principal .resumen_noticia a.ver_mas {color: #a9cb08}
.nivel2.corporativa #principal .foto {position: relative; width: 307px; float: left; padding-bottom: 15px}
.nivel2.corporativa #principal .foto a.ampliar {display: block; width: 13px; height: 13px; background: transparent url(gfx/ampliar_foto.png) no-repeat scroll 0 0; position: absolute; top: 10px; right: 10px}
.nivel2.corporativa #principal .foto p {margin-top: 10px; color: #555555; font-size: .92em; width: 200px}
.nivel2.corporativa #principal .foto a {color: #a9cb08}
.nivel2.corporativa #principal .detalle_noticia img {float: left; margin-right: 25px}
.nivel2.corporativa #principal .detalle_noticia p.entradilla {font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.67em; color: #808080}
.nivel2.corporativa #principal .detalle_noticia p.cuerpo_noticia {color: #555555; width: 470px; margin-bottom: 10px!important}
.nivel2.corporativa #principal .detalle_noticia p.pie {font-size: .92em; color: #555555; width: 230px; padding-top: 7px; padding-bottom: 35px}
.nivel2.corporativa #principal .detalle_noticia h3 {font-size: 2.5em!important; margin-top: 40px!important}
.nivel2.corporativa #principal .relacionadas {margin-top: 20px; margin-bottom: 10px}
.nivel2.corporativa #principal .relacionadas p {font-size: .92 em; color: #555555}
.nivel2.corporativa #principal .relacionadas h4 {margin-top: 6px!important; margin-bottom: 6px!important; font-size: 1.67em; font-weight: normal; font-family: "TheSansCorrespondence", "Trebuchet MS"}
.nivel2.corporativa #principal .relacionadas h4 a {color: #b1d002; background: none; letter-spacing: -.03em}
.nivel2.corporativa #principal .margintop {margin-top: 20px!important}
.nivel2.corporativa #principal a.excel {float: right; position: relative; top: 11px; color: #555555; background: url(gfx/ico-excel.gif) no-repeat scroll 0 0; padding: 5px 0 5px 28px}
.nivel2.corporativa #principal table.envios {margin: 25px 0}
.nivel2.corporativa #principal table.envios th {padding: 0 0 10px 8px; color: #cdcdcd; font-weight: normal; text-align: left; vertical-align: bottom; font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.25em}
.nivel2.corporativa #principal table.envios td {padding: 4px 0 4px 8px; color: #a3a3a3; vertical-align: top; font-size: .92em}
.nivel2.corporativa #principal table.envios tr.par td {background: #f0f0f0}
.nivel2.corporativa #principal table.envios .col1 {padding-left: 0}
.nivel2.corporativa #principal table.envios .col5 {width: 180px}
.nivel2.corporativa #principal table.envios .col6 {width: 100px}
.nivel2.corporativa #principal table.envios td.col8 {text-align: right; white-space: nowrap}
.nivel2.corporativa #principal table.envios .col9 {white-space: nowrap}
.nivel2.corporativa #principal table.cobertura {margin: 25px 0 10px 0; width: 100%}
.nivel2.corporativa #principal table.cobertura th {white-space: nowrap; padding: 0 0 10px 8px; color: #cdcdcd; font-weight: normal; text-align: left; vertical-align: bottom; font-family: "TheSansCorrespondence", "Trebuchet MS"; font-size: 1.25em}
.nivel2.corporativa #principal table.cobertura td {white-space: nowrap; padding: 4px 0 4px 8px; color: #a3a3a3; vertical-align: top; text-align: center}
.nivel2.corporativa #principal table.cobertura tr.par td {background: #f0f0f0}
.nivel2.corporativa #principal table.cobertura .col1 {padding-left: 0; width: 160px; text-align: left}
.nivel2.corporativa #principal table.cobertura .col2 {text-align: left}
.nivel2.corporativa #principal div.nota {color: #a3a3a3; font-size: .92em; margin-bottom: 3px!important}
.nivel2.corporativa #principal div.nota.ultima {margin-bottom: 25px!important}

.nivel2.corporativa #principal a.enlace {color: #555555; font-size: .92em}

.nivel2.corporativa #principal .clientes img {padding-right: 22px; vertical-align:middle}
.nivel2.corporativa #principal .clientes h3 {padding: 0; border-top: 1px solid #E0E0E0; padding: 6px 0 10px; margin-top: 25px}

.nivel2 #principal .enviar_amigo {display: none; width: 287px; height: 24px; padding: 5px; position: absolute; left: 525px; top: 50px; background: #f2f2f2; padding-top: 8px; z-index: 200}
.nivel2 #principal .enviar_amigo .boton {position: relative; top: -2px}
.nivel2 #principal .enviar_amigo .top {height: 6px; background: transparent url(gfx/capa_login_top.png) no-repeat scroll 0 0}
.nivel2 #principal .enviar_amigo .mid {z-index: 110; background: #aed006; padding: 4px 10px; height: 100%; position: relative}
.nivel2 #principal .enviar_amigo .bot {height: 6px; background: transparent url(gfx/capa_login_bottom.png) no-repeat scroll 0 0}
.nivel2 #principal .enviar_amigo .fila .label {float: left; color: #555555; width: auto; text-align: right; padding: 2px}
.nivel2 #principal .enviar_amigo .fila .campo {float: left; width: auto}
.nivel2 #principal .enviar_amigo input {border: 1px solid #e0e0e0; background: #ffffff; color: #555555; padding: 2px}
.nivel2 #principal .enviar_amigo .fila .campo input {width: 169px; margin: 0 0 4px 7px}

.nivel2.corporativa #pie .caja_carton {position: absolute; background: transparent url(gfx/caja_carton.png) no-repeat scroll 0 0; z-index: 100; width: 314px; height: 277px; bottom: 538px; left: -130px}


/* Específico de página */

#INICIO #cabecera {height: 343px}
#INICIO #cabecera .logo {top: 65px; left: -40px}
#INICIO #cabecera .contenido .menu {position: relative; top: 181px; left: -3px}
#INICIO #cabecera .barra_negra  {top: 308px; width: 200px; z-index: 20}
#INICIO #cabecera .ovalo {left: 343px; background-position: 0 -400px}
#INICIO #cabecera .ilustracion {width: 590px; height: 405px; background-image: url(gfx/ilus_home.png); top: -10px; left: 450px}
#INICIO #cabecera .lema {margin-left: 280px}
#INICIO #principal .caja {padding: 20px 5px; width: 840px; min-height: 0}
#INICIO #principal .caja .modulo {margin-left: 20px; width: 254px; float: left}
#INICIO #principal .caja h2 {font-size: 2.5em; color: #808080; margin-bottom: 15px; padding-bottom: 0}
#INICIO #principal .caja ul {padding-bottom: 0px}
#INICIO #principal .caja li {background: transparent url(gfx/bullet_verde_grande.gif) no-repeat scroll 0 3px; padding-left: 15px; margin-bottom: 10px; height: 100%; font-size: 1em}
#INICIO #principal .caja li a {font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; font-size: 1.17em; color: #333333}
#INICIO #principal .modulo h6 {font-weight: normal; font-size: 1.17em; margin-bottom: 10px; margin-top: 10px}
#INICIO #principal .modulo .fila .label {text-align: left; float: left; color: #555555; width: 80px; text-align: right; padding: 2px}
#INICIO #principal .modulo .fila .campo {float: left}
#INICIO #principal .modulo input {border: none; background: #ededed; color: #000000; padding: 2px}
#INICIO #principal .modulo .fila .campo input {width: 159px; margin: 0 0 4px 7px}
#INICIO #principal .modulo .fila.ultima {margin-bottom: 30px} 
#INICIO #principal .modulo .boton {height: 21px; background: #c2e500; float: right; margin-top: 5px}
#INICIO #principal .modulo .boton .izq {float: left; background: #ffffff url(gfx/bot_login_izq.gif) no-repeat scroll 0 0; height: 21px; width: 2px}
#INICIO #principal .modulo .boton a {float: left; color: #ffffff; font-weight: bold; padding: 0 10px; position: relative; top: 2px}
#INICIO #principal .modulo .boton a:hover {text-decoration: none}
#INICIO #principal .modulo .boton .der {float: left; background: #ffffff url(gfx/bot_login_der.gif) no-repeat scroll 0 0; height: 21px; width: 2px}
#INICIO #principal .modulo img {border: 1px solid #5c5c5c; float: left; margin-right: 10px; position: relative; top: 2px}
#INICIO #principal .modulo .texto {float: left; width: 163px}
#INICIO #principal .modulo p.titular {font-size: 1.17em; margin-bottom: 10px}
#INICIO #principal .modulo a.ver_mas {color: #000000; font-size: 0.9em; background: transparent url(gfx/ver_mas.gif) no-repeat scroll right 3px; padding: 5px 20px 5px 0; margin-top: 5px; float: left}
#INICIO .caja_carton {position: absolute; background: transparent url(gfx/caja_carton_home.png) no-repeat scroll 0 0; z-index: 100; width: 250px; height: 221px; bottom: 615px; left: -80px}
#INICIO #pie .logos_home {border-bottom: 1px solid #bfbfbf; margin-bottom: 15px; padding-bottom: 10px}
#INICIO #banner {position: absolute; top: 0; left: 76px; z-index: 50; width: 1100px; height: 413px; background-image: url(gfx/zeleris_rotator.gif); background-repeat: no-repeat}
#INICIO a.destacado {color: #c30822; padding-left: 70px; padding-top: 20px; padding-bottom: 10px; display: block; line-height: 0.95em; background: transparent url(gfx/flecha_valores.png) no-repeat scroll 0 0; height: 35px; display: inline-block; font-size: 1.67em; font-family: "TheSansCorrespondence","Trebuchet MS"}
#INICIO a.nabdestacado {color: #c30822; padding-left: 90px; padding-top: 20px; padding-bottom: 10px; display: block; line-height: 0.95em; background: transparent url(gfx/nab_destacado.jpg) no-repeat scroll 0 0; height: 38px; display: inline-block; font-size: 1.67em; font-family: "TheSansCorrespondence","Trebuchet MS"}

#INICIO_TRANSPORTE #cabecera .ovalo {left: 278px; background-position: 0 -170px}
#INICIO_TRANSPORTE #cabecera .ilustracion {width: 590px; height: 475px; background-image: url(gfx/ilus_transporte_nivel1.png); top: 19px; left: 600px}
#INICIO_TRANSPORTE #cabecera .lema {margin-left: 290px}
#INICIO_TRANSPORTE #principal .caja li {background: transparent url(gfx/bullet_gris_peque.gif) no-repeat scroll 0 7px; padding-left: 10px; height: 100%}
#INICIO_TRANSPORTE #principal .caja li a {font-family: "TheSansCorrespondence", "Trebuchet MS"; color: #808080}

#INICIO_LOGISTICA #cabecera .ovalo {left: 278px; background-position: 0 -170px}
#INICIO_LOGISTICA #cabecera .ilustracion {width: 797px; height: 849px; background-image: url(gfx/ilus_logistica_nivel1.png); top: -316px; left: 488px}
#INICIO_LOGISTICA #cabecera .lema {margin-left: 320px}
#INICIO_LOGISTICA #cabecera .barra_negra {width: 719px}

#INICIO_DOCUMENTAL #cabecera h1 {width: 300px}
#INICIO_DOCUMENTAL #cabecera .ovalo {left: 278px; background-position: 0 -170px}
#INICIO_DOCUMENTAL #cabecera .ilustracion {width: 583px; height: 718px; background-image: url(gfx/ilus_documental_nivel1.png); top: -70px; left: 518px}
#INICIO_DOCUMENTAL #cabecera .lema {margin-left: 290px; margin-top: -60px}
#INICIO_DOCUMENTAL #cabecera .fondo_menu_superior {width: 250px}
#INICIO_DOCUMENTAL #cabecera .valores {width: 280px}

#INICIO_POSTALES #cabecera h1 {width: 300px}
#INICIO_POSTALES #cabecera .ovalo {left: 278px; background-position: 0 -170px}
#INICIO_POSTALES #cabecera .ilustracion {width: 488px; height: 785px; background-image: url(gfx/ilus_postales_nivel1.png); top: -150px; left: 660px}
#INICIO_POSTALES #cabecera .lema {margin-left: 320px; margin-top: -60px}
#INICIO_POSTALES #cabecera .valores {width: 260px}

#INICIO_CORPORATIVOS #cabecera .ovalo {left: 278px; background-position: 0 -170px}
#INICIO_CORPORATIVOS #cabecera .ilustracion {width: 384px; height: 436px; background-image: url(gfx/ilus_corporativos_nivel1.png); top: 80px; left: 557px}
#INICIO_CORPORATIVOS #cabecera .lema {margin-left: 290px; margin-top: -60px}
#INICIO_CORPORATIVOS #cabecera .valores {width: 275px}

#INICIO_TRANSPORTE_COMPLEMENTARIOS #cabecera .lema {width: 300px}

#INICIO_LOGISTICA_VALORES #cabecera .ilustracion {width: 838px; height: 885px; background-image: url(gfx/ilus_logistica_valores.png); top: -45px; left: 575px}
#INICIO_LOGISTICA_VALORES #cabecera .ovalo {left: 310px; background-position: 0 -170px}

#INICIO_DOCUMENTAL_VALORES #cabecera .ilustracion {width: 838px; height: 1585px; background-image: url(gfx/ilus_documental_valores.png); top: -100px; left: 575px}
#INICIO_DOCUMENTAL_VALORES #cabecera h1 {width: 500px}
#INICIO_DOCUMENTAL_VALORES #cabecera .lema {margin-top: -145px; width: 400px}
#INICIO_DOCUMENTAL_VALORES #cabecera .ovalo {left: 436px; background-position: 0 -263px}

#INICIO_POSTALES_VALORES #cabecera .ilustracion {width: 838px; height: 1585px; background-image: url(gfx/ilus_postales_valores.png); top: 45px; left: 780px}
#INICIO_POSTALES_VALORES #cabecera h1 {width: 500px}
#INICIO_POSTALES_VALORES #cabecera h2 {width: 350px}
#INICIO_POSTALES_VALORES #cabecera .lema {margin-top: -75px; width: 400px}
#INICIO_POSTALES_VALORES #cabecera .ovalo {left: 436px; background-position: 0 -263px}

#INICIO_CORPORATIVOS_VALORES #cabecera .ilustracion {width: 604px; height: 637px; background-image: url(gfx/ilus_corporativos_valores.png); top: 4px; left: 495px}
#INICIO_CORPORATIVOS_VALORES #cabecera h1 {width: 500px}
#INICIO_CORPORATIVOS_VALORES #cabecera .lema {margin-top: -40px; width: 400px; position: relative; left: -100px}
#INICIO_CORPORATIVOS_VALORES #cabecera .ovalo {left: 436px; background-position: 0 -263px}
#INICIO_CORPORATIVOS_VALORES #cabecera h2 {margin-top: -100px}

#INICIO_SEGUIMIENTO #cabecera h1 {width: 700px}

#INICIO_COBERTURA #cabecera h1 {width: 700px}
#INICIO_COBERTURA #cabecera .ovalo {left: 480px; top: -70px}

#INICIO_MAPA #pie .caja_carton {display: none}
#INICIO_MAPA #principal .modulo {width: 850px}
#INICIO_MAPA #principal .modulo .cuerpo {padding-top: 20px}
#INICIO_MAPA #principal .modulo .abajo {width: 850px; background-image: url(gfx/mod850_abajo.png)}
#INICIO_MAPA #principal .modulo h2 {text-align: center}
#INICIO_MAPA #principal .modulo h2 a {color: #555555}
#INICIO_MAPA #principal .modulo .columna {width: 400px; float: left}
#INICIO_MAPA #principal .modulo .columna.derecha {border-left: 1px solid #eaeaea; padding-left: 20px; width: 380px}
#INICIO_MAPA #principal .modulo ul {margin: 0; padding: 0}
#INICIO_MAPA #principal .modulo li {width: auto; margin: 0; background: transparent url(gfx/bullet_gris_peque.gif) no-repeat scroll 5px 6px; line-height: 18px}
#INICIO_MAPA #principal .modulo li a {color: #555555; font-size: 14px}
#INICIO_MAPA #principal .modulo li.nivel1 {margin: 10px 0 25px 0; width: auto; background: transparent url(gfx/bullet_gris.gif) no-repeat scroll 3px 3px; line-height: 16px}
#INICIO_MAPA #principal .modulo li.nivel1 > a {font-size: 1.25em; font-weight: bold; color: #555555; font-size: 14px}

#INICIO_CONTACTANOS #principal .modulo .cuerpo .bloque h2 {padding-top: 18px}

#INICIO_COBERTURA #principal .modulo .cuerpo .bloque h2 {padding-top: 18px}