@CHARSET "utf-8"; /*************************************************************************************************************************************** ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML *****************************************************************************************************************************************/ html *{margin:0;padding:0;} a,a:link,a:visited,a:active{color:#58585a;text-decoration:none;} a:hover{text-decoration:none;} abbr,acronym{border-bottom:1px dotted #999;cursor:help;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h2{font-weight:normal;} iframe{border:none;} img{border:none;} q{font-style:oblique;display:block;} table{border-collapse:collapse;border-spacing:0;} abbr{border:medium none;} address{font-style:normal;} form {margin:0;padding:0;} img{border:0;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearboth {clear: both;} /***********************************************************************/ body { background:#132c80; margin:0; padding:0; font-family: Tahoma, Geneva, sans-serif; font-size:11px; } h2 { color:#132c80; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:20px; padding-left:12px;} h2 span{ color:#eb6c21;} /********************************************** CABECERA ***********************************************/ #cabeceraPagina { background: url(/resources/app_web/images/comunes/cabecera/fndCabecera.gif) repeat-x; margin:0 auto;} #cabecera{width:962px; height:137px; margin:0 auto;} #cabecera .logo{float:left;display:inline; width:229px; margin-left:10px; } #cabecera .menu_superior{float:left;display:inline; margin-left:411px;} #cabecera .menu_superior .nav_util{float:left;display:inline; background:url("/resources/app_web/images/comunes/cabecera/fnd_menu_superior.png") repeat-x;} #cabecera .menu_superior .nav_util .navegacion{float:left; display:inline; list-style:none;} #cabecera .menu_superior .nav_util .navegacion li{float: left; display: inline; font-family: Arial; font-size: 11px; font-weight: normal; color: #3E3D40; padding-left: 5px;} #cabecera .menu_superior .nav_util .navegacion .mar{padding-top:10px;} #cabecera .menu_superior .nav_util .navegacion .fb{padding-top:7px;} #cabecera .menu_superior .nav_util .navegacion li .barraNaranja{color:#DBDBDB; padding-left:5px;} #cabecera .menu_superior .nav_util .navegacion li a{color:#3e3d40;} #cabecera .menu_superior .nav_util .navegacion li .inicio{float:left; display:inline; background:url("/resources/app_web/images/comunes/flecha_naranja.png") no-repeat left center; padding-left:7px;} #cabecera .menu_principal{float:left; display:inline; width:960px; height:44px; margin-top:8px;} #cabecera .menu_principal #menu{float:left; display:inline; list-style:none; height:44px;} #cabecera .menu_principal #menu li{float:left; display:inline; text-align:center; height:44px; padding-top:4px;} #cabecera .menu_principal #menu li a{display:block; font-family:Arial; font-size:11px; font-weight:normal; color:#b0bff9; padding: 3px 5px 0;} #cabecera .menu_principal #menu li span{font-size:14px; font-weight:bold; color:#fff;} #cabecera .menu_principal #menu .menu1{width:120px;} #cabecera .menu_principal #menu .menu1-current, #cabecera .menu_principal #menu .menu1:hover{width:120px; background:#fff;} #cabecera .menu_principal #menu .menu1-current a, #cabecera .menu_principal #menu .menu1:hover a{color:#152c81;} #cabecera .menu_principal #menu .menu1-current a span, #cabecera .menu_principal #menu .menu1:hover a span{color:#ec7c1c;} #cabecera .menu_principal #menu .menu2{width:180px;} #cabecera .menu_principal #menu .menu2-current, #cabecera .menu_principal #menu .menu2:hover{width:180px; background:#fff;} #cabecera .menu_principal #menu .menu2-current a, #cabecera .menu_principal #menu .menu2:hover a{color:#152c81;} #cabecera .menu_principal #menu .menu2-current a span, #cabecera .menu_principal #menu .menu2:hover a span{color:#ec7c1c;} #cabecera .menu_principal #menu .menu3{width:180px;} #cabecera .menu_principal #menu .menu3-current, #cabecera .menu_principal #menu .menu3:hover{width:180px; background:#fff;} #cabecera .menu_principal #menu .menu3-current a, #cabecera .menu_principal #menu .menu3:hover a{color:#152c81;} #cabecera .menu_principal #menu .menu3-current a span, #cabecera .menu_principal #menu .menu3:hover a span{color:#ec7c1c;} #cabecera .menu_principal #menu .menu4{width:160px;} #cabecera .menu_principal #menu .menu4-current, #cabecera .menu_principal #menu .menu4:hover{width:160px; background:#fff;} #cabecera .menu_principal #menu .menu4-current a, #cabecera .menu_principal #menu .menu4:hover a{color:#152c81;} #cabecera .menu_principal #menu .menu4-current a span, #cabecera .menu_principal #menu .menu4:hover a span{color:#ec7c1c;} #cabecera .menu_principal #menu .menu5{width:140px;} #cabecera .menu_principal #menu .menu5-current, #cabecera .menu_principal #menu .menu5:hover{width:140px; background:#fff;} #cabecera .menu_principal #menu .menu5-current a, #cabecera .menu_principal #menu .menu5:hover a{color:#152c81;} #cabecera .menu_principal #menu .menu5-current a span, #cabecera .menu_principal #menu .menu5:hover a span{color:#ec7c1c;} /* span.barraNaranja{color: #F18E00; padding-left:2px; padding-right:2px;} #cabecera .menu_superior{float:right;display:inline; margin-top:10px; margin-right:9px; display:inline; height:30px;} #cabecera .menu_superior .nav_util{float:left;display:inline; margin-top:3px;} #cabecera .menu_superior .nav_util ul.navegacion{float:left; display:inline;list-style:none;} #cabecera .menu_superior .nav_util ul.navegacion li{float:left; display:inline;margin-right:2px; display:inline; font-size: 11px;} #cabecera .mar{margin-top:2px;} #cabecera .menu_superior .nav_util ul.navegacion li a{float:left;display:inline;color:#142c80; font-size: 11px;} #cabecera .menu_superior .idioma{float:left;display:inline; height:19px;} #cabecera .menu_principal{float:left;display:inline; width: 962px; height:28px; display:inline; overflow:hidden; background:url("/resources/app_web/images/comunes/cabecera/menu.jpg")} #cabecera .menu_principal ul#menu{float:left; display:inline;width:100%; height:27px;} #cabecera .menu_principal ul#menu li{float:left; display:inline;height:27px;} #cabecera .menu_principal ul#menu li a{ display: block; float: left; height: 27px; text-indent:-9999px;} #cabecera .menu_principal ul#menu li a.menu1{background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x 0px 0px;width:139px; height:27px;} #cabecera .menu_principal ul#menu li a.menu1-current, #cabecera .menu_principal ul#menu li a:hover.menu1{width:139px; height:27px; background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x scroll 0 -27px; } #cabecera .menu_principal ul#menu li a.menu2{background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -139px 0px;width:172px;height:27px;} #cabecera .menu_principal ul#menu li a.menu2-current, #cabecera .menu_principal ul#menu li a:hover.menu2{width:172px;height:27px; background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -139px -27px; } #cabecera .menu_principal ul#menu li a.menu3{background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -311px 0px;width:202px;height:27px;} #cabecera .menu_principal ul#menu li a.menu3-current, #cabecera .menu_principal ul#menu li a:hover.menu3{width:202px; height:27px; background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -311px -27px; } #cabecera .menu_principal ul#menu li a.menu4{background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -513px 0px;width:163px;height:27px;} #cabecera .menu_principal ul#menu li a.menu4-current, #cabecera .menu_principal ul#menu li a:hover.menu4{width:163px; height:27px; background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -513px -27px; } #cabecera .menu_principal ul#menu li a.menu5{background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -676px 0px;width:172px;height:27px;} #cabecera .menu_principal ul#menu li a.menu5-current, #cabecera .menu_principal ul#menu li a:hover.menu5{width:172px; height:27px; background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -676px -27px; } #cabecera .menu_principal ul#menu li a.menu6{background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -848px 0px;width:107px;height:27px;} #cabecera .menu_principal ul#menu li a.menu6-current, #cabecera .menu_principal ul#menu li a:hover.menu6{width:107px; height:27px; background:url("/resources/app_web/images/comunes/cabecera/menu.jpg") repeat-x -848px -27px; } */ /*********************** MIGAS ************************/ #miga{height:24px; background:url("/resources/app_web/images/comunes/miga/fnd_miga.png") no-repeat; margin-bottom:10px;} #miga .estasEn{ float:left; display:block; margin-left:14px; color:#152c81; font-size:11px; padding-top:4px;} #miga .flechaMiga{float:left; display:inline; margin-left:6px; margin-right:5px;} #miga .MigaHome{float:left; display:inline;height:22px; margin-left:2px; margin-right:2px; padding:0 !important;} #miga a{ float:left; display:block; color:#152c81; font-size:11px; padding-top: 4px;} #miga span.ultimo{ float:left; display:block; padding-top: 4px;} #miga a.ultimoLink{ color:#152c81; font-size:11px;} #miga .ultimo { color:#152c81; font-weight:normal;} /*********************** CONTENIDO ************************/ #contenidoPagina{ background:#f6f6f6; margin:0 auto;} #contenidoPagina #contenido{width:962px; margin:0 auto;} #izquierda{float:left; display:inline; width:641px; margin-right:10px;} #derecha{float:left; display:inline; width:300px; margin-left:9px;} /*********************** LATERAL ************************/ #atencion { float:left; display:inline; color:#58585a; background:url("/resources/app_web/images/comunes/lateral/atencion.gif") no-repeat; width:238px; height:186px; padding-top:50px; padding-left:22px;} #atencion h2 { margin-left:30px; line-height:20px;} #atencion .telefono { color:#646567; font-size:22px; margin-left:40px; font-weight:bold;} #atencion .boton2 {background: url("/resources/app_web/images/comunes/lateral/boton.gif") no-repeat scroll 0 0 transparent; color: #132C80; display: block; font-size: 12px;font-weight: bold; height: 24px; margin-left: 37px; padding-left: 12px; padding-top: 9px;width: 96px; margin-bottom:40px;} #siguenos { float:left; display:inline; padding-left:10px; height:100px; margin-top:10px;} #siguenos h2 { color:#646567; border-bottom:1px solid #d9dadb; margin-bottom:20px;} #siguenos a { margin-left:10px;} /*********************** PIE ************************/ #piePagina{ background:#132c80; height:128px; margin:0 auto; border-top:1px solid #c9cede;} #piePagina #pie{ width: 962px; margin:0 auto; color:#8996c0;} #piePagina #pie #pieContD{ float:left;display:inline; width:565px;} #piePagina #pie #pieContD img{display:block; margin-top:20px;} #piePagina #pie #pieContD p{margin-top:20px; font-family:Tahoma; font-size:11px; color:#8996c0; } #piePagina #pie #pieContD p a{margin-top:20px; font-family:Tahoma; font-size:11px; color:#8996c0; } #piePagina #pie #pieContI{ float:right;display:inline; width:275px;} #piePagina #pie #pieContI #pieAttCliente{ text-align:right; margin-top:22px;} #piePagina #pie #pieContI #pieAttCliente #titAttPie{ color:#8193d5; font-family:Arial; font-size:18px; font-weight:bold;} #piePagina #pie #pieContI #pieAttCliente #tflnAttPie{ color:#cfd9fe; font-family:Arial; font-size:30px; font-weight:bold;} #piePagina #pie #pieContI #pieAttCliente #tflnAttPie span{ color:#e9eeff; } #piePagina #pie #pieContI #redesPie{ float:right; display:inline; margin-top:10px; height:33px; overflow: hidden; position:relative; width:130px;} #piePagina #pie #pieContI #redesPie a{ margin-left:5px; position:absolute; bottom:-11px;} #piePagina #pie #pieContI #redesPie a:hover{ bottom:-4px;} #piePagina #pie #pieContI #redesPie #facebook{left:0px;} #piePagina #pie #pieContI #redesPie #flickr{left:44px;} #piePagina #pie #pieContI #redesPie #youtube{left:87px;} /*** paginador *********/ #paginador {clear: both;float: right;margin: 20px 0px ;text-align: right;font-family:Arial;} #paginador a{float:left; border: 1px #e9e9e9 solid; background:#e9e9e9; margin: 0 2px; padding: 3px 5px 3px 7px; font-size: 11px; font-weight:normal; color:#152c81; } #paginador strong{float:left; border: 1px #ec7c1c solid; margin: 0 2px; padding: 3px 5px 3px 7px; font-size: 11px; font-weight:normal; color:#152c81; background-color: #ec7c1c;} /******************ERROR************************/ input.error, textarea.error{background-color: #FBE6F2 !important; border: 1px #D893A1 solid !important;} label.error, .error a {color:#D893A1 !important;} #oferta { position:relative; background-color: #fff; border: 1px solid #D4D4D4; padding-bottom:10px;} #oferta h2{font-family:Arial; font-weight:bold; font-size:18px; color:#152c81; margin-top:12px; margin-left:14px;} #oferta span {color:#fff;} #oferta .imagenn {border-top:1px solid #fff;width: 217px;margin-left: 14px;padding-top:10px;} #oferta .imagenn .ima .ofer{position:absolute; margin-top:115px; left:9px; background: url("/resources/app_web/images/lateral/fnd_oferta.png") no-repeat scroll 0px 0;width:113px;height:36px;font-family:Arial;font-size:13px;font-weight:bold;color:#fff;padding-left:7px; padding-top:16px;} #oferta .imagenn .ima .ofer .tipo_inm{font-family:Arial;font-size:11px;font-weight:normal;color:#fff;} #oferta .imagenn .ima .ofer .precio_outlet{font-family:Arial;font-size:15px;font-weight:bold;color:#fff;} #oferta .imagenn .ima .imana img {border:6px solid #dfdfe0; width:256px; height:141px;} #oferta .imagenn .ima .imana .precio {position:absolute; top:170px; left:5px;background: url("/resources/app_web/images/lateral/precio.png") no-repeat scroll 0px 0;width:135px;height:39px;font-size:25px;font-weight:bold;color:#fff;padding-left:5px;} #oferta .textt {margin-top:7px;margin-left:14px;} #oferta .textt .pri{font-size:12px;font-family:Arial;color:#004a8e;font-weight:bold;} #oferta .textt .seco {font-size:11px;font-family:tahoma;color:#646567;width: 201px;} #oferta .boton{ background: url("/resources/app_web/images/comunes/flecha_naranja.png") no-repeat right center; padding-right: 7px; color: #152C81; font-family: Arial; font-size: 11px; font-weight: normal; margin-left: 234px; text-align: center; text-decoration: underline;}