.cssFile_151_v12_header {} /* Header v12_header.css www.atrapalo.com CSS v12 Index ------------------------- 1. Reset 2. Font-face 3. Aviso de cookies 4. Header 4.1. Cabecera 4.2. Menu de navegacion 4.3. Buscador desplegable 4.4. Menú usuario, menú rojo 4.5. Menú productos 4.6. Submenu 4.7. Breadcrumb 4.8. Teléfonos ayuda LATAM 5. Sprites 5.1. Logos 5.2. Banderas 5.3. Social 5.4. Buscador 5.5. Logos de dominios 5.6. Mi Atrapalo 6. Buscador 6.1. Autocompletado 7. Mi Atrapalo 7.1. Capa login MIA 7.2. Zona Usuario 7.3. Capa menu MIA 8. Botones 9. Captador de leads 10. Media */ /* 1. Reset ===========================================================================================================*/ * { text-rendering: optimizeLegibility; } body { font-size: 12px; color: #444; text-align: left; background: #f0f0f0 url(http://www.atrapalo.com/images_new/v12/textura.png) repeat 0 0; } body, div, p, span, h1,h2, h3, h4, h5, h6, em, big, strong, small, pre, code, tt, kbd, dfn, acronym, abbr, address, blockquote, q, cite, ins, del, iframe, form, fieldset, input, textarea, button, select, option, ul, ol, dl, dd, table, caption, th, td, thead { margin: 0; padding: 0; } p, h1,h2, h3, h4, h5, h6, kbd, address, blockquote, label, legend, input, textarea, li, dt, dd, caption, th, td { font-size: 12px; line-height: 14px; } body, kbd, input, textarea {font-family:verdana, sans-serif;} body, div, p, span, acronym, abbr, iframe, form, ul, ol, dl, table, thead, img { border: 0; outline: 0; vertical-align: baseline; } p, h1,h2, h3, h4, h5, h6, pre, code, tt, kbd, dfn, acronym, address, blockquote, q, cite, ins, del, iframe, form { display: block; } a { color: #de0000; text-decoration: none; outline: 0 none; } a:hover { text-decoration: underline; } a:active { color: #e74040; } a:focus { outline: none; } big { font-size: 13px; line-height: 15px; } small { font-size: 11px; line-height: 13px; } sup, sub { font-size: 10px; line-height: 12px; } pre, code { color: #999; } acronym, abbr { cursor: help; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after {/*chrome-safari*/ content: ''; content: none; } fieldset { border: none; } legend { color: #000; } textarea { overflow: auto; } ul, ol { list-style: none; } table { border-collapse: collapse; } caption { text-align: left; border-spacing: 0; } hr { height: 1px; } header, footer, aside, nav, article, section { display: block; } /* Reset HTML5 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* 2. Font-face ===========================================================================================================*/ @font-face { font-family: 'atrapaloWebBold'; src: url('http://www.atrapalo.com/images_new/A/fontFace/atrapaloweb-bold.eot'); src: url('http://www.atrapalo.com/images_new/A/fontFace/atrapaloweb-bold.eot?iefix') format('eot'), url('http://www.atrapalo.com/images_new/A/fontFace/atrapaloweb-bold.woff') format('woff'), url('http://www.atrapalo.com/images_new/A/fontFace/atrapaloweb-bold.ttf') format('truetype'), url('http://www.atrapalo.com/images_new/A/fontFace/atrapaloweb-bold.svg#webfontxqeiJ2kp') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Regular-webfont.eot'); src: url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Regular-webfont.eot?iefix') format('eot'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Regular-webfont.woff') format('woff'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Regular-webfont.ttf') format('truetype'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Semibold-webfont.eot'); src: url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Semibold-webfont.eot?iefix') format('eot'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Semibold-webfont.woff') format('woff'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Semibold-webfont.ttf') format('truetype'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Bbold-webfont.eot'); src: url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Bold-webfont.eot?iefix') format('eot'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Bold-webfont.woff') format('woff'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Bold-webfont.ttf') format('truetype'), url('http://www.atrapalo.com/images_new/A/fontFace/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'atrapaloico'; src:url('http://www.atrapalo.com/images_new/A/fontsIcon/atrapaloico.eot?eerkdm'); src:url('http://www.atrapalo.com/images_new/A/fontsIcon/atrapaloico.eot?#iefixeerkdm') format('embedded-opentype'), url('http://www.atrapalo.com/images_new/A/fontsIcon/atrapaloico.woff?eerkdm') format('woff'), url('http://www.atrapalo.com/images_new/A/fontsIcon/atrapaloico.ttf?eerkdm') format('truetype'), url('http://www.atrapalo.com/images_new/A/fontsIcon/atrapaloico.svg?eerkdm#atrapaloico') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'atrapaloico'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .atrapaloFont { font-family: 'atrapaloWebBold', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; } .openFont { font-family: 'open_sansregular', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; } .openFontSemiBold { font-family: 'open_sanssemibold', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; } .openFontBold { font-family: 'open_sansbold', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; } /* Correcciones de la font Bold con open sans */ .openFont .bold, .openFont strong { font-weight: normal!important; font-family: 'open_sanssemibold', sans-serif; } /* 3. Aviso de cookies ===========================================================================================================*/ #cookiesInfo, #agarreInfo { font-family: 'open_sansregular', sans-serif; background-color: #ededed; padding: 16px 70px 16px 22px; box-sizing:border-box; -moz-box-sizing:border-box; margin: auto; font-size: 11px; position: relative; z-index: 3; line-height: 17px; text-align: justify; } #cookiesInfo h2, #agarreInfo h2 { font-family: 'open_sanssemibold', sans-serif; font-size: 13px; line-height: 16px; margin-right: 3px; display: inline-block; float: left; font-weight: normal; } #cookiesInfo .cerrarPolitica, #agarreInfo .cerrarPolitica { position: absolute; top: 15px; right: 20px; } /* 4. Header ===========================================================================================================*/ #header { z-index:2; font-family:'open_sansregular', sans-serif; position:relative; } .HOM #header {z-index:3;} /*aumento el z-index para que el menu no quede oculto por el autocomplete del buscador */ #header .inside { margin:0 auto; /* hasta que no tengamos todas las páginas en responsive/v12 hay que forzar el ancho del header */ max-width: 1200px; } /* fix para IE8 - #181835 Cabecera y footer desplazadoa al realizar una búsqueda */ #header .inside { margin:0 auto\9; width: 960px\9; } /* 4.1. Cabecera */ .HOM h1 {float: left;} #headerLogos { width:100%; color:#fff; background-color:#de0000; float:left; position:static; margin-top: 0px; height: 48px !important; } #logotypeLink { margin-left: 22px; display: block; float:left; } /* 4.2. Menu de navegacion */ #navContainer { width:100%; color:#fff; background-color:#3e3e3e; position:relative; clear:both; z-index:1; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3) , inset 0 3px 2px #353535; background: #444444; /* Old browsers */ background: -moz-linear-gradient(top, #444444 0%, #3e3e3e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#3e3e3e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#3e3e3e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#3e3e3e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#3e3e3e 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#3e3e3e 100%); /* W3C */ } /* 4.3. Buscador desplegable */ #headerTop {width:100%;color:#fff;background-color:#23282b;position:absolute;top:0;left:0;z-index:4;} #headerTop .inside {height:118px;} /* 4.4. Menú usuario, menú rojo */ .menuUsuario{ float:right; font-size:13px; } .menuUsuario li{ background: url("data:image/gif;base64,R0lGODlhAgAjAMQAAK0AAKcAAKkAAKwAAOMzM9wzM98zM9ozM+AzM7AAAKoAAKgAAOQzM+IzM94zM7EAAK8AAKsAAN0zM9szM64AANkzM6YAAOEzM+UzM7IAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAACACMAAAUkIJaJ5GiW6GkyD0skDRRfFE0jgDE4ES8pv4JgsiAeAhVLMhkCADs=") no-repeat scroll 0 8px; display:inline; float:left; } .menuUsuario li:first-child { background: none; } .menuUsuario li a{ display:block; padding:10px 22px; padding: 10px 10px\9;/*ie8*/ border-left:1px #ae0000 solid; border-right:1px #ea5c5c solid; line-height:30px; } .menuUsuario li a:first-child{ border-left:none;} .menuUsuario li a:last-child{ border-right:none;} .menuUsuario li a, .menuProductos li a{ color:#fff; text-decoration:none; } .menuUsuario .buscar {position:relative; } .openSearch .menuUsuario .buscar:after{ content:" "; border-color: transparent transparent #de0000; border-style: solid; border-width: 0 10px 10px; height: 0; width: 0; display: block; position:absolute; top:-10px; left:40%; z-index: 5; } /* 4.5. Menú productos */ #navContainer .mainNav{ line-height: 42px; font-size: 14px; float: left; position: static; } #navContainer .mainNav .mainNavLink{ padding: 0 22px; padding: 0 10px\9;/*ie8*/ display:inline-block; text-align:center; font-family: 'open_sanssemibold', sans-serif; font-weight: normal; } .mainNavLink i { margin-left: 5px; } #navContainer .mainNav:hover, body.ESP.subp-ESP .mainNav.tabESP .mainNavLink, body.ESP.subp-ACT .mainNav.tabESPActividades .mainNavLink, body.RES .mainNav.tabRES .mainNavLink, body.VUE .mainNav.tabVUE .mainNavLink, body.HOT .mainNav.tabHOT .mainNavLink, body.VIA .mainNav.tabVIA .mainNavLink, body.CRU .mainNav.tabCRU .mainNavLink, body.COC .mainNav.tabCOC .mainNavLink, body.HIB .mainNav.tabHIB .mainNavLink, body.BON .mainNav.tabBON .mainNavLink{ background-color:#222222; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2); background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(34,34,34,0.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(34,34,34,0.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(34,34,34,0.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(34,34,34,0.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(34,34,34,0.1) 100%); /* IE10+ */ background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(34,34,34,0.1) 100%); /* W3C */ } li.mainNav .submenu:before{ content:""; background: url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat scroll -180px -240px rgba(0, 0, 0, 0); width: 16px; height: 8px; position: absolute; top: -1px; z-index:3; margin-left:40px; } #navContainer #hibTab a{padding-top:6px;padding-bottom:11px;line-height:0;} #navContainer #vrTab a{padding-top:14px;padding-bottom:12px;line-height:0;} /* 4.6. Submenu */ #navContainer .menuProductos .mainNav:hover .submenu{ top: 42px; opacity: 1; -webkit-transition: top .0s linear .2s, opacity .2s ease-in-out .2s, -webkit-box-shadow .2s ease-in-out .2s; -moz-transition: top .0s linear .2s, opacity .2s ease-in-out .2s, -moz-box-shadow .2s ease-in-out .2s; -ms-transition: top .0s linear .2s, opacity .2s ease-in-out .2s, -ms-box-shadow .2s ease-in-out .2s; transition: top .0s linear .2s, opacity .2s ease-in-out .2s, -box-shadow .2s ease-in-out .2s; } #navContainer .submenu{ background-color:#fff; border:1px #ccc solid; color:#444; position:absolute; min-width: 280px; z-index:3; -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); padding:15px 0 25px; top:-1000px; opacity:0; clear:both; } #navContainer .submenu .linkDestacado{ display:block; font-family: 'open_sanssemibold', sans-serif; font-weight: normal; padding: 6px 20px; margin: 4px 0; color: #333; margin-bottom: 0 !important; } #navContainer .submenu .linkDestacado p{ font-size:14px; } #navContainer .submenu .linkDestacado:hover{ color:#2c9ca6; background-color:#e0f0f2; } #navContainer .submenu .linkDestacado:hover img{ background-position:-200px -250px; } #navContainer .submenu .subNav {width: 100%;} #navContainer .submenu .subNav .subNavCol:last-child {width: 100%;} #navContainer .submenu .subNav .subNavCol:nth-child(2):last-child{ width: auto !important; } #navContainer .submenu .subNav a.subNavItem{ color:#444444; font-size:14px; text-decoration:none; display:block; padding:6px 20px; } #navContainer .submenu .subNav a.subNavItem:hover{ color:#2c9ca6; background-color:#e0f0f2; } #navContainer .submenu .subNav .subtitulo{ color:#999; font-family: 'open_sanssemibold', sans-serif; font-size:14px; font-weight: normal; margin: 7px 20px 6px; padding: 12px 0 0; border-top:1px #d6d6d6 solid; } #navContainer .submenu .subNav .subtitulo.promocion{ color:#fc7d00; } #navContainer .submenu .subNav .subNavCol:nth-child(1) p:first-child { /* caso en que el titulo es el primer elemento del submenu */ border: none; margin-top: 0; padding-top: 0; } #navContainer .submenu .subNav li a.linkDestacado:last-child{ /* caso en el que el que hay un link suelto al final del submenu */ position: relative; border-top: 1px solid #D6D6D6; content: " "; display: block; margin-left: 20px; margin-right: 20px; margin-top:10px; padding: 30px 0 0; } #navContainer .submenu .subNav li a.linkDestacado:last-child p{ width: 100%; position: absolute; top: 10px; padding: 6px 20px !important; left: -20px; } #navContainer .submenu .subNav li a.linkDestacado:last-child:hover{ color: #333; background: none; } #navContainer .submenu .subNav li a.linkDestacado:last-child p:hover{ color:#2c9ca6; background-color:#e0f0f2; } #navContainer .submenu .linkDestacado:last-child:hover img{ background-position:-250px -100px; } #navContainer .submenu .linkDestacado:last-child p:hover img{ background-position:-300px -100px; } #navContainer .submenu .subNav li a.linkDestacado:hover:last-child:before{border-top-color:transparent;} #navContainer .submenu .subNav .subNavCol{float:left;} #navContainer .submenu .subNav .subNavCol:nth-child(2){ margin-left:20px; margin-top: -14px; } /* Submenu con dos columnas */ #navContainer .submenu .subNav .subNavCol:nth-child(2) .subtitulo {margin-top: 51px !important; } #navContainer .submenu .subNav:first-child{margin-left:0;} #navContainer #mkt_root { display: none; font-weight: 700; text-transform: uppercase; } /* 4.7. Breadcrumb */ .bread, #breadcrumb{ margin: 20px 0 24px 10px; /* en real, 20px top y 30px bottom */ color:#444; font-family:'open_sansregular', sans-serif; font-size:13px; } .bread a, #breadcrumb a{ color:#444; margin-right:-4px; } .bread img, #breadcrumb img{ margin:0 10px; } .bread strong, #breadcrumb strong{ font-family:'open_sanssemibold', sans-serif; font-weight:normal; } #breadcrumb a:not(:last-child)::after, #breadcrumb span:not(:last-child)::after{ background: url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat scroll -284px -239px rgba(0, 0, 0, 0); content: ""; display: inline-block; height: 9px; margin: 0 10px; width: 5px; } /*ie8*/ #breadcrumb a, #breadcrumb strong { margin-right: 5px\9; } /* 4.8. Teléfonos ayuda LATAM */ /*Tooltip info*/ #header .reservaTelf{ line-height: 50px; font-size:13px; padding-right:25px; text-align: right; } #header .minf { margin:0 0 0 5px; font-size:11px; /*float:right;*/ cursor:pointer; position:relative; } #header .minf .minf_title{ border-bottom:1px #E9A8A8 dotted; font-size:12px; } #header .minf .toolinf { padding: 10px 15px; background-color: #595959; position: absolute; top: 25px; right: 0; display: none; opacity: .95; z-index: 3; line-height: 18px; width: 200px; text-align: left; } #header .minf:hover .toolinf {display:block;} #header .toolinf .bold {margin-bottom:5px;display:block;} #header .minf .toolinf:before { content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #595959; position:absolute; top:-5px; right:10px; opacity:.95; } /* 5. Sprites ===========================================================================================================*/ .sGenHF, .s-generico { background:url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat 0 0; } /* 5.1. Logos */ .logo-acento{ margin-right:5px;} .logo-main { margin-top: 4px;} /* 5.2. Banderas */ .flag{ background:url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat 0 0; width:18px; height:18px; float:left; margin-right: 7px; } .fl1{ background-position:-10px -220px; } .fl6{ background-position:-50px -220px; } .fl12{ background-position:-70px -220px; } .fl18{ background-position:-100px -220px; } .fl19{ background-position:-130px -220px; } .fl20{ background-position:-160px -220px; } .fl21{ background-position:-190px -220px; } .fl22{ background-position:-220px -220px; } .fl23{ background-position:-250px -220px; } .fl24{ background-position:-280px -220px; } .fl25{ background-position:-310px -220px; } /* 5.3. Social */ .social i { width:14px; text-align: center; margin-right: 5px; } .iconHall{ background-position:-360px -80px; width:77px; height:25px; vertical-align:text-bottom; } .iconVR{ background-position:-360px -110px; vertical-align:middle; width:98px; height:15px; } /* 5.4. Buscador*/ .lupaBuscar{ background-position:-1179px -170px;vertical-align:middle; } .flechaDownBlanca{ background-position:-50px -100px; } .flechaUpRoja{ background-position:-150px -100px; } .cerrarBuscar{ background-position:-259px -247px; vertical-align: -1px; } .flechaRightGris{ background-position:-180px -250px;} .flechaRightSubmenu{ background-position:-200px -250px;} /* 5.5. Logos de dominios */ .logoIATA{ background-position:0 -80px; } .logoPeru{ background-position:-50px -80px; } .logoCcl{ background-position:-150px -80px; } .selloCace{ background-position:-200px -80px; } .selloDataFiscal{ background-position:-215px -140px; } /* 5.6. Mi Atrapalo */ .userLogged { background-position:-499px -248px; } /* 6. Buscador ===========================================================================================================*/ #headerTop { background: #23282a; /* Old browsers */ background: -moz-linear-gradient(top, #23282a 1%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#23282a), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #23282a 1%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #23282a 1%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #23282a 1%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #23282a 1%,#333333 100%); /* W3C */ } #headerTop .inside { position: relative; height: 0; padding-top:0px; overflow: hidden; } #headerTop .search_ico { background-position: -1194px -170px; width: 26px; height: 21px; position: relative; float: left; margin-top: 10px; margin-left: 2px; margin-right: -28px; } #headerTop .inside input[type*="text"] { padding: 0 5px 0 30px; font-size: 14px; height: 38px!important; color: #000; background-color: #fff; border-radius:3px; vertical-align: top; } #headerTop .inside .btnClose { font-size: 13px; color:#868585; text-shadow:0 -1px rgba(4,0,0,0.47); } #headerTop .btn { border:1px solid #373737; background-color: #515151; display: inline; margin-left: 8px; margin-top: -1px; width: 120px; height: 42px; font-size: 20px; } #headerTop .btnClouse{ color:#868585; font-family: 'open_sansregular', sans-serif; } #headerTop .btnClouse:hover { text-decoration: underline; } #headerTop .moreSearch { margin-top: 15px; } #headerTop .moreSearch span { color:#ffffff; font-size: 13px; } #headerTop .moreSearch span:hover { text-decoration:underline;cursor:pointer;} #headerTop .moreSearch ul {display:inline} #headerTop .moreSearch ul li { display: inline; padding: 0 3px; } #headerTop .moreSearch ul li:after{ content:", "; } #headerTop .moreSearch ul li:last-child:after{ content: none; } #headerTop .moreSearch ul li span { text-decoration: underline; color: #b5b2b2; cursor: pointer; } #headerTop .open {overflow: visible !important;} #buscador_general { width:100%; line-height: 21px; border:1px solid #afafaf; border-radius:3px; padding:0px 0px 0px 5px; background-color: white; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075); /* Chrome */ -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075); /* Mozilla */ transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; /* Chrome */ -moz-transition: border linear 0.2s, box-shadow linear 0.2s; /* Mozilla */ -o-transition: border linear 0.2s, box-shadow linear 0.2s; /* Opera */ } #buscador_general.error {background: #ffff75;} .error #buscador_general { border-color: rgba(249, 207, 117, 1); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 207, 117, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 207, 117, 1); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 207, 117, 1); } *+html #buscador_general {padding: 0;}/* ie7 hack*/ #buscador_general[type="search"]:active, #buscador_general[type="search"]:focus, #buscador_general[type="search"]:hover{ border-color: #89B9BB; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #89B9BB; -webkit-box-shadow :inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #89B9BB; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #89B9BB; } .ui-menu.ui-autocomplete .header_category ~ li a { padding-left:3px !important; } /*corrijo el padding pq se ponen dos espacios por defecto*/ /* Input AUTOCOMPLETE */ .ui-autocomplete-loading { background-image:url('http://www.atrapalo.com/images_new/A/COM/loading_small.gif') !important; background-position: right center; background-repeat: no-repeat; } .input-w318 .ui-autocomplete-loading ,.w318 .ui-autocomplete-loading {background-position: 295px center;} .input-w660 .ui-autocomplete-loading {background-position: 637px center;} #search_form_box .ui-autocomplete-loading {background-position: 682px center;} #search_form_box form > div {width:80%} #search_form_box #buscador_general_submit {width:17.94%;} /*boton cerrar*/ /* .input-txt .autocomplete { position: relative; } .input-txt .autocomplete:after { background: url("/images_new/v12/sprite_v12_form.png") no-repeat -25px -130px; content: ' '; width: 20px; height: 20px; display: block; margin: 0; position: absolute; right: 2px; top: 11px; cursor: pointer; } */ /* Campos AUTOCOMPLETE */ .ui-menu.ui-autocomplete.ui-widget-content { font-family: 'open_sansbold', sans-serif; font-size: 14px; font-weight: normal; color: #444; padding: 0; border:1px #bebebe solid!important; border-radius:0; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px #89B9BB; } /* Titulos en Autocomplete */ .ui-menu.ui-autocomplete .header_category{ border-top: 1px solid #ddd; padding-top: 10px; margin-top: 5px; } .ui-menu.ui-autocomplete .header_category:first-child{ border-top: none; padding-top: 10px; } .ui-menu.ui-autocomplete .autocomplete_category{ font-family: 'open_sansbold', sans-serif; color:#2c9ca6; float: right; margin-right:10px; height:28px; line-height:34px; font-size: 11px; } .ui-menu.ui-autocomplete .autocomplete_category img{ margin-right:6px; vertical-align:middle; } /* Enlaces en Autocomplete */ .ui-menu.ui-autocomplete .ui-menu-item a { color: #444; padding:6px 80px 6px 10px; font-family: 'open_sansregular', sans-serif; font-size: 13px; box-shadow:none; background:none; border: none; border-radius: 0; margin: 0; border: none; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; } .ui-menu.ui-autocomplete .ui-menu-item a:hover, .ui-menu.ui-autocomplete .ui-menu-item a:active, .ui-menu.ui-autocomplete .ui-menu-item a:focus, .ui-menu.ui-autocomplete .ui-menu-item a.ui-state-focus, .ui-menu.ui-autocomplete .ui-menu-item a.ui-state-active { background-color: #e0f0f2; border: none !important; margin: 0 !important; } .ui-menu.ui-autocomplete .ui-menu-item a span.autocomplete_vermas { color: #777; font-size: 12px; padding-right: 12px; position: relative; } .ui-menu.ui-autocomplete .ui-menu-item a span.autocomplete_vermas:after { background:url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat -270px -240px; content: ' '; width: 7px; height: 11px; display: block; position: absolute; top: 6px; right: 0; } /* 6.1. Autocompletado */ .tt-dropdown-menu { width:99.7%; background: #ffffff; border: 1px solid #cccccc; z-index: 999; box-shadow: inset 0px -2px 3px #dddddd; } .tt-dataset-resultSearch .filtersView > div:first-child .selected { border-top: 1px solid #fff !important; } .tt-dataset-resultSearch .filtersView { width:30%; background-color: #f4f4f4; float:left; min-height: 415px; box-shadow:inset -1px 0px 4px #dddddd } .tt-suggestions { width:70%; float: left; overflow: auto; max-height:415px; padding-bottom: 5px; } .filtersView > div:last-child .filter { /*border-bottom: 1px solid #ddd;*/ } .filtersView div:not(.filter) { cursor:pointer; overflow: hidden; } .filtersView div:not(.filter) > div { border-top: 1px solid transparent; border-bottom:1px solid transparent; } .filtersView div:not(.filter) >div:hover { background-color: rgba(230,230,230,0.5); } .filtersView div.selected { background-color: #ffffff !important; color:#2c9ca7!important; border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important; } .filtersView div.selected .icon-produc { color:#2c9ca7!important; } .filtersView .filter { color:#666666; font-size: 13px; font-family: 'open_sanssemibold', sans-serif; line-height: 40px; padding-left: 15px; } .tt-suggestion:first-child { margin-top: 9px; } .tt-suggestions .product { color:#2a9aa5; float:right; font-size: 11px; font-family: 'open_sansregular',sans-serif; padding: 0 6px 0 0; margin-top:-1px; } .tt-suggestion .viewMore { border-bottom:1px solid #dddddd; margin-bottom: 5px; } .tt-suggestion .viewMore, .tt-suggestion .item { padding: 8px 8px 8px 10px; cursor:pointer; } .tt-suggestions .tt-suggestion:last-child .viewMore { border-bottom: none; } .tt-suggestion .viewMore a, .tt-suggestion .item a { font-size: 13px; font-family: 'open_sansregular',sans-serif; line-height: 15px; text-decoration: none; } .tt-suggestion .viewMore a { color: #bfbfbf; } .tt-suggestion .viewMore a:after { padding-left: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\f105"; } .tt-suggestion .item a { color:#444444; width: 80%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tt-suggestion.tt-cursor { background-color:#e1f0f3; } .tt-suggestion { background-color: #ffffff; } .tt-highlight {font-family: 'open_sansbold', sans-serif;font-weight: normal;} .product .tt-highlight { font-weight: normal; font-family: inherit; } .filtersView div:first-child > div { border-top: 1px solid #f4f4f4; } .filtersView .filter { display: block; float:left; width: 100%; box-sizing: border-box; } .filtersView .filter span { margin-right: 5px; vertical-align: -2px; } /* .filtersView .esp span { background-position: -960px -250px; background-repeat: no-repeat; width: 19px; height: 17px; display: inline-block; vertical-align: text-bottom; } .filtersView .res span { background-position: -720px -270px; background-repeat: no-repeat; width: 12px; height: 23px; display: inline-block; vertical-align: text-bottom; } .filtersView .act span { background-position: -680px -270px; background-repeat: no-repeat; width: 14px; height: 20px; display: inline-block; vertical-align: text-bottom; } .filtersView .vue span { background-position: -1020px -249px; background-repeat: no-repeat; width:16px; height: 16px; display: inline-block; vertical-align: text-bottom; } .filtersView .hot span { background-position: -800px -250px; background-repeat: no-repeat; width:16px; height: 14px; display: inline-block; vertical-align: text-bottom; } .filtersView .via span { background-position: -840px -250px; background-repeat: no-repeat; width:16px; height: 16px; display: inline-block; vertical-align: text-bottom; } .filtersView .cru span { background-position: -880px -251px; background-repeat: no-repeat; width:16px; height: 16px; display: inline-block; vertical-align: text-bottom; } .filtersView .coc span { background-position: -920px -249px; background-repeat: no-repeat; width:16px; height: 16px; display: inline-block; vertical-align: text-bottom; } */ .filtersView .icon-produc { font-size: 16px; color:#9c9c9c; } .filtersView .all span:before { content: "\e608"; } .filtersView .esp span:before { content: "\e71e"; } .filtersView .res span:before { content: "\e603"; } .filtersView .act span:before { content: "\e71c"; } .filtersView .vue span:before { content: "\e722"; } .filtersView .hot span:before { content: "\e71f"; } .filtersView .via span:before { content: "\e721"; } .filtersView .cru span:before { content: "\e605"; } .filtersView .coc span:before { content: "\e606"; } .tt-dataset-resultSearch .not-found { width: 100%; color: #444; font-size: 13px; padding: 15px 10px; background-color: #ffffff; box-sizing: border-box; } .filters-hidden .tt-suggestions { width:100%; } /* 7. Mi Atrapalo ===========================================================================================================*/ /* 7.1. Capa login MIA */ .head-mia { padding: 25px 10px 30px 30px; color: #fff; font-family: 'open_sansregular',sans-serif; width: 360px; } .head-mia p.title { font-family: 'open_sanssemibold', sans-serif; font-size: 17px; font-weight: normal; text-shadow: 1px 1px #2b2b2b; margin: 5px 0 22px 0; } .head-mia p.descrip { font-size: 12px; color: #fff; margin: 0 0 25px 0; } .mia-fcbk { margin: 0 0 5px 0; } .mia-fcbk p.title { font-size: 12px; margin: 0 0 10px 0; text-shadow: none; } #loginContainer .head-mia a { padding: 0; line-height: 16px; } #loginContainer .head-mia span.contrasena a { font-size: 11px; color: #e1dfdf; } #loginContainer .head-mia span.contrasena a:hover { background: none; text-decoration: underline; } .head-mia .input-text-head { margin: 0 0 10px 0; } .head-mia .input-text-head label { font-size: 14px; display: block; margin: 0 0 5px 0; color: #fff; } .head-mia .input-text-head input { height: 31px; width: 100%; line-height: 21px; border: 1px solid #afafaf; border-radius: 3px; padding: 0px 0px 0px 5px; background-color: #fff; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; } .head-mia .input-text-head input:active, .input-text-head input:focus, .input-text-head input:hover, .input-text-head input.active { border-color: #89b9bb; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #89b9bb; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 187, 76, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 187, 76, 0.6); } .head-mia .input-text-head input.error { border-color: #f9cf75; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px #f9cf75; } .head-mia .input-text-head input.w300 { width: 300px; } .head-mia .input-text-head input.w210,.head-mia .input-text-head .box-error.w210 { width: 210px; } .head-mia .input-text-head .box-error.w210 { padding-right: 7px; margin-bottom: 10px; } .head-mia .box-error { margin: -1px 0 0 0; color: #333; font-family: Verdana; background: #fde9b5; padding:6px 0; font-size: 11px; line-height: 15px; overflow: hidden; animation: fade 2s; -webkit-animation: fade 2s; } .head-mia .box-error span { padding: 0 7px; } .head-mia .box-error.alerta { font-size: 12px; padding: 7px; margin: 0 0 15px 0; } .head-mia .box-error.alerta p { padding: 0 0 0 44px; line-height: 16px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMXSURBVHjarJdNaBNBFMffbrcxldRiS0EoBAtCQax4UEERBCViERGhoB4ERYUiFaReFEEQehMPxaIoBEEQFEHBDyj2JEg9iQWhF8VDLy20pk2TZpPd7K7/l0zJJrtNZhYf/PKxuzPz9n3NGy2bHiJJ6QApwSHQBvYBE8yBPPgGpsAX2Um1bPpkq2eSYBwMCyVkZAk8Aw9AttmDepN7CfAQ/AIXFRZn6QV3wR8wGkUBfusZMAZiFF26wSPwRrxQiAIePus5An6AwZB7URkGM6Cv8V6jBQbBR6H5/xae+22jK42qKhXpEqbqajVT54WXpG3tCVzPvThLnm02G3oQPAfnw1xwDwzImLS4thyY2S2XyCkVZNxxTlB1gfjuB6OyLi2vrwQUsHPLpGmabFiMg5jny4L7KtHuFP6GXFtViYdd4MqGC7r9JpHBzQcVKK9nVDNjlL85CE+p5rpn5YIxUMiQVgtoGdkNBgyMSanmk5sPCUIzS22ecmoe1UV+qomZCVol5JpMbWAXJFVHacVgwHmFDBEpmyDJLkioKxCywZkrEdanbnaBozpKL69XCk+dFNeiuMDhNMyrbi464t1eW6q3CtcG9U0qAwt4c1FGVvJ+IwMsk9rcUpRt8je7YDaK7VyzFog2ChOqcBSZZRdMR9njHZ8FIlRBxuG1tdXHx7kKLqj2AEs5i7JmudqttuvUtz2u+vbT4ASnoSUayNsqo3sTsQq1QqBs/if+nnBCtNXSYiQP0LZrH6hrZIpie04r+x68qyggXLII7qi4cMvhEdLa0V3pBsXx29MN6fABNzb++zuiSfBadhbbsmrW96pIjr0Fvvqa0rq7l8F3mVkWPk9U0s8p5mn+E84fji2zehpM+K9pK5PHGv2zA7zirbKZE4u2S4vZErmYp7eznTrjRiu/Y3G6Dqz6rjgYvYucHuApuLTZbHFDp509HTJZwHvNTTCpcjJiLeEOOiMOnlGFD6r7N1u81dmQ5T3YC66KwiHVrohxbMWhVqXekKggjvBfWhw6U6KL4srZL+oHb43z4KdQ1JQ10T8BBgCuWu+EGretJgAAAABJRU5ErkJggg==); } .head-mia .box-ok { color: #fff; font-family: verdana; background: none; padding: 6px 10px 6px 0; font-size: 12px; line-height: 16px; } .head-mia .box-ok p { font-family: 'open_sansregular',sans-serif; padding: 0 0 0 60px; line-height: 16px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAU6SURBVHjazJltSFtXGMfPTaJJ1KpprXRqpqWZmy+VYsENViZjFQt1sGzoXsBuMGwZjJkP25gTh/ip2H3YoAymSG0lUyFUJyt2dbVUrFXXzQ6sVrqudGVsSq1RattEk7v/ubsJMW/3JfcmO/DnepJ7c3/nOc/LOUempKSEKNC00D5oP9/fH/DdA+gOf70O/R744OzsrKwX6mKATYOqoDehQ1CGyOcWIAd0Droq9+WMDIvnQp9B70PGGGeKzsRxqBuWd0t5UCPhXgr5BXQL+lABaNp2Q99CN0pLSw+pYfGnoR+gvUTddhKywfoeJSxeCV2LAzThZ/IirL89VvB66AK0k8SvUUNNAd4iF/wwdApKJvFvFHo4muUjgRdDdj4/J6pZGIZxAD5ZLPh2PDAkIS+r1liWfRmXr0SBazSak3hgD/n/tA9g9cNC4Ae8Xu/b8SLKytsg1sZlojd6o+dshvk62GU0sC7xiVaxwL6a2pHjItaP7pPcZ1zkSNsSycp1R7wXxtwD+GORLF6Jm16Mi6UB+brtAdGncMbiLG5FfydmIIq/f4JiqQ0B12q1DYmA9jUheICb+UXdFnAjpuONREEHw6fvCF/xYdx3t4Djg1cwIkMioX3tj9/0ZG05fPmAcat97qLhU+BLakI/9/wjUdA3Jgzkp57MaH5u4jcs/4FjJPvUg14nVUdWRUGP2k2Cv6fX6/f6wTGSQrEgNHiOfrlIil54LBJ6TfA+sdA8a5l/6waLPyXWT62NmHIjSw7WO7nP5ieNcYPmwXf5wJPFrADDBVckeLHQv140kitnM6XtNRlmGwduMpn0KysrsjNCMLxY6Aun08nCdKqcsOGMrBsfH38YbftGS65QRvDBs6xXFPTIGdnQNANyL9AAmkVnOdKNGxsb5FK/8EsovFjom1OpsSSq1cACdCfiwYtOhwDSk/On0mJOjQpAk6SkpLt+cMDdijI1isArAc2tTYzG635wJPVJAb+KCV4paDRPfn7+z35ws9l8XkRQyIJXEJq6yUx3d/eSfyPR19d3G1AzQot/5FAaD2T2SjLpP7GNuB4xgilvfjJFsc1HWlra97Re+i1eXFzsycjI+E5kOuIsf28hCfDpEeEp9M2pFCWXPZ6ioiJ7yEaiurr6dLS0GAyPaSNL97Rh4VWAptZ2dHZ23g0Bb25uvp+ZmdkhofSGwFOpAU2tXVhYeMLnJtz7YX7/t+3t7aampqZfPB7PbgmLHq5IZZs9RKvTkuW/lD/4gkG/mZiYaMSfm2GPJ2pqapwWi+VTiYsezvIr/xhUgUYy+LOurq4tEDoEHEHKDgwMDNERSoWnUrrhNzfKysoabDbbkuBJFuDdCILPDQbDj4k+wsrJyfnYbrdfoh4p6tCztrZ2taWl5T24wLVEQWdlZbWNjIx00nWelNNaYrVaF2H5V5GG+uMJDPd4grJ+bGxsrB3diPvDiODU3ysqKhanp6eP0tHTlKQ2NOrD3+Xl5a8NDw+fQXc96r3RvqTw0BodPa7v0AhXC5rGVH19fVVPT88ouk8EZyYwj0drc3NzyfC57NbWVpvT6WxA/k5XAhjLh/mCgoLjQ2jorgUWGUXAeXia81J7e3t3dXR0vIUBHHS5XJUyXMIJC4/m5eWdHRwcpCvTh5BLUixIAQ8aAN0d67u6urKxuqzGhvsAKuizmImkzc3NooBgW4dVbwN2HZuAGaS4yw6Hg6Y4N+8SLllBLAc8aBA0TvT87pue6zFk67/aWb7qsXxqc9NaEfC8PBeL1UcB4eXT1uN4ps1/BRgAw2e9XGbLR44AAAAASUVORK5CYII=); } .head-mia .recuperar { margin: 20px 0; } .head-mia .acceder { margin: 20px 0 0 0; } .head-mia .acceder .registrate { float: left; width: 215px; padding-left: 12px; color: #e1dfdf; font-size: 13px; line-height: 16px; } #loginContainer .head-mia .acceder .registrate a { text-decoration: underline; color: #fff; } .head-mia .recuperar { margin: 20px 0 5px 0; } /* boton conectar via facebook .head-mia .btn.fcbk { background: #5467a4; border: 1px solid #3d4d7b; font-family: Arial!important; font-size: 13px; line-height: 29px; text-transform: none; font-weight: bold; background-image: url(/images_new/v12/s-buttons.png); background-image: url(/images_new/v12/s-buttons.png), -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background-image: url(/images_new/v12/s-buttons.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.2))); background-image: url(/images_new/v12/s-buttons.png), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background-image: url(/images_new/v12/s-buttons.png), -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background-image: url(/images_new/v12/s-buttons.png), -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background-image: url(/images_new/v12/s-buttons.png), linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background-repeat: no-repeat; padding: 0 15px 0 50px!important; text-shadow: 1px -1px #2b3556; } .head-mia .btn.fcbk span { font-size: 12px; font-weight: normal; } .head-mia .btn.fcbk:hover { background: #3f4d85; border: 1px solid #3d4d7b; background-image: url(/images_new/v12/s-buttons.png); background-image: url(/images_new/v12/s-buttons.png), -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); background-image: url(/images_new/v12/s-buttons.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1))); background-image: url(/images_new/v12/s-buttons.png), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); background-image: url(/images_new/v12/s-buttons.png), -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); background-image: url(/images_new/v12/s-buttons.png), -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); background-image: url(/images_new/v12/s-buttons.png), linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); background-repeat: no-repeat;text-shadow: 1px -1px #2b3556; } */ *+html .head-mia .btn { padding: 0 10px!important; }/*ie7*/ .head-mia .btn:active { border: 1px solid transparent; } .head-mia.volver { padding: 10px 0 10px 30px; } #recuperarContainer .head-mia.volver a, #recuperadoContainer .head-mia.volver a { padding:0 0 0 14px; color:#fff; font-size:12px; } #recuperarContainer .head-mia.volver a:before, #recuperadoContainer .head-mia.volver a:before { background:url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat -545px -240px; content: ' '; width: 6px; height: 6px; display: block; position: absolute; margin-top: -12px; } .head-mia-sep{ font-size:0; border-top:1px solid #2c2c2c; border-bottom:1px solid #555; } .clear:after { height:0; content:" "; clear:both; display:block; visibility:hidden; font-size:0; } .head-loading { background:#424242; height:100%; width:100%; position:absolute; color:#fff; font-size:12px; font-family:verdana; text-align:center; opacity:0.85; filter:alpha(opacity=85); } .head-loading img {margin:35% 0 0 0;} .head-loading span {display:block;padding:5px;} /* 7.2. Zona Usuario */ #socialUserZone { font-family:Arial, sans-serif; top:100%; z-index:5; position:relative; } /* #socialUserZone ul li { display:block; float:left; background: url(data:image/gif;base64,R0lGODlhAgAVAJEAAEZGRkVFRQAAAAAAACH5BAAAAAAALAAAAAACABUAAAIKhHKJK4bmlGRUFAA7) no-repeat 0 4px; } #socialUserZone ul li:first-child {background:none;} */ #socialUserZone ul li a { font-size:12px; color:#ccc; text-decoration:none; line-height: 28px; padding: 8px 14px; } #socialUserZone ul li a:hover { font-size:12px; color:#fff; } /* #socialUserZone ul li a.submenu {padding:8px 25px 10px 14px;} #socialUserZone ul li a.submenu:after { margin:5px 0 0 0; content:""; height:14px; width:14px; position:absolute; background:url(/images_new/#id_dominio#/spriteHeader970_9.gif) no-repeat -222px -314px; } */ .customSelect .customSelectOptions{ margin:0; background:#444 url(http://www.atrapalo.com/images_new/v12/textura.png); min-width:100%; padding:0; list-style:none; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-box-shadow: 0 9px 10px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 9px 10px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 9px 10px 1px rgba(0, 0, 0, 0.2); } .customSelect { position:absolute; right:0; top:-42px; } #socialUserZone .mia-button {background:#444 url(http://www.atrapalo.com/images_new/v12/textura.png);} #socialUserZone .mia-button a, #socialUserZone .mia-button a:hover {color:#ccc;} img.userLogged {vertical-align:middle;} .mia-menu {width:235px;} #loginContainer ul { margin:0;} #loginContainer ul li { border-bottom:1px solid #2c2c2c; box-shadow: 0 1px #535353; float:none; background:none; } #loginContainer ul li:last-child { border-bottom: none; } #socialUserZone #loginContainer ul li a { font-size:13px; color:#e3e3e3; padding:7px 5px 7px 15px; display:block; float:none; } #socialUserZone #loginContainer ul li img { padding-right:2px; padding-left:2px; margin-bottom: 2px; } #socialUserZone #loginContainer ul li a:hover { color:#fff; text-decoration:none; background:#2d2d2d; } #loginContainer ul li a.on { background:#f3f3f3!important; color:#2d2d2d; } #loginContainer ul li li a.on {font-weight:bold;} /* #loginContainer ul li.submenu > a {background:url(/images_new/v12/s-ma.png) no-repeat right -154px ;} #loginContainer ul li.submenu.focus > a {background:url(/images_new/v12/s-ma.png) no-repeat right -190px ;} */ #loginContainer ul li a:hover { text-decoration:none; background:#2d2d2d; } /* 7.3. Capa menu MIA */ .s-ma { background:url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat; vertical-align: middle; } .ico-home {background-position:-560px -250px;} .ico-datos {background-position:-600px -250px;} .ico-pago {background-position:-640px -250px;} .ico-reservas {background-position:-680px -250px;} .ico-favoritos {background-position:-720px -250px;} .ico-alertas {background-position:-760px -250px;} .ico-close-sesion {background-position:-300px -249px!important;} .ico-home-on, a:hover .ico-home {background-position:-580px -250px;} .ico-datos-on,a:hover .ico-datos {background-position:-620px -250px;} .ico-pago-on, a:hover .ico-pago {background-position:-660px -250px;} .ico-reservas-on, a:hover .ico-reservas{background-position:-700px -250px;} .ico-favoritos-on, a:hover .ico-favoritos{background-position:-740px -250px;} .ico-alertas-on, a:hover .ico-alertas {background-position:-780px -250px;} /* 8. Boton ===========================================================================================================*/ .searchhome .btn, .head-mia .btn{ /*general*/ text-align:center; color:#fff!important; cursor:pointer; display:block; text-transform:uppercase; text-decoration:none; text-shadow:0 2px 0 rgba(0, 0, 0, 0.16); font-size: 20px !important; line-height: 34px; letter-spacing:-0.5px; padding:0px 13px; height: 40px !important; font-weight: normal; font-family: 'atrapaloWebBold', Arial!important; -webkit-font-smoothing: antialiased; margin: 0; /*borders*/ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:1px solid #b91e00; /*background*/ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33000000',GradientType=0 ); /* IE6-8 */ background-color:#de0000; /*sombra*/ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3) ; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3) ; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3) ; /* transicion */ -webkit-transition: background .08s ease-in; -moz-transition: background .08s ease-in; -o-transition: background .08s ease-in; -ie-transition: background .08s ease-in; } .searchhome .btn.large { padding:0px 30px; font-size: 20px; } *+html .searchhome .btn, *+html .head-mia .btn {padding:0 10px!important;}/*ie7*/ .searchhome a.btn:active, .head-mia a.btn:active{border: 1px solid transparent;} .searchhome .btn:hover, .head-mia .btn:hover { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */ /*: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1a000000',GradientType=0 ); /* IE6-8 */ background-color:#d00000; text-decoration:none; } /* 9. Captador de Leads ===========================================================================================================*/ .leadContainer .input-txt label{ /* se necesita clase previa para no sobrescribir labels de otros productos */ color: #333333; font-family: 'open_sanssemibold', sans-serif!important; font-size: 14px !important; text-shadow: 1px 1px #fff; font-weight: normal!important; } .leadCloser { /* Imagen para cerrar el captador de Leads */ background:url(http://www.atrapalo.com/images_new/A/sprite/sprite-generico.png) no-repeat -60px -270px; position: absolute; height: 24px; right: -10px; top: -10px; width: 24px; } .leadContainer { background: rgba(0, 0, 0, 0.5); height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 3; } .leadForm { background: #ffffff; color: rgb(51, 51, 51); display: block; /* none *original */ height: 407px; left: 50%; margin-left: -379px; position: fixed; top: 17%; width: 742px; z-index: 4; } .leadForm form { position:relative; } .leadForm form .searchestop { top:290px; position: absolute; } .leadForm .leadformContainer { background: url("http://www.atrapalo.com/images_new/v12/textura.png") repeat scroll 0 0 rgb(227, 225, 225); position:absolute; top: 290px; padding: 20px 38px; } .leadForm .leadformContainer .label-top label { margin-bottom: 6px!important; } .leadForm .leadformContainer .input-h38 input[type="text"] { height: 40px!important; } .leadForm .leadformContainer a{ color:#222222; text-decoration:underline; } .leadForm .leadformContainer a span { font-family: 'open_sansregular', sans-serif!important; } .select2-results .select2-result { font-size: 14px!important; font-family: 'open_sansregular', sans-serif!important; /* Modifica todos las options de los selectt2 */ } .leadForm .leadformContainer p { font-family: "Open Sans", sans-serif; font-size: 11px; color:#222; } .leadForm .leadformContainer p .grey222{ color:#222 !important; } .leadForm .leadformContainer .btn { font-size: 19px; height: 36px; line-height: 35px; width: 175px; } /* Imagen de background del captador de leads */ .bgLead { background: #fff url("http://www.atrapalo.com/images_new/24/promo/leads/bg_lead_2014.jpg") no-repeat !important; } .leadForm .select2-container .select2-choice{ height:40px!important; line-height:37px; width:228px; text-decoration: none; font-size: 14px!important; } .leadformContainer #s2id_id_localizacion2{ width:227px!important;} /* select captacion leads */ .HOM .ui-dialog{ position:fixed;} /* politica privacidad popup */ .leadForm .nws_conditions_error{ margin-top:7px; margin-left:-10px; } .leadForm .nws_conditions_error::before { content: " "; display: block; position:absolute; top: 15px; left: 2px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #feeab7; } .socialHeader { float: right; } .socialHeader .social { float: left; /*background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0RDVFMEIzMDRGNzExRTRBNTczREQxRkE0NURFRDgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0RDVFMEI0MDRGNzExRTRBNTczREQxRkE0NURFRDgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODRENUUwQjEwNEY3MTFFNEE1NzNERDFGQTQ1REVEODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODRENUUwQjIwNEY3MTFFNEE1NzNERDFGQTQ1REVEODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAUAAIDAREAAhEBAxEB/8QAUAAAAwAAAAAAAAAAAAAAAAAAAQMIAQEAAAAAAAAAAAAAAAAAAAAAEAADAQEAAAAAAAAAAAAAAAAAARKl1REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AhalsAJp7AA7AH//Z") no-repeat 0 10px;*/ text-align: center; width: 50px; } .socialHeader .social:hover { cursor: pointer; } .socialHeader .social a { height: 20px; width: 50px; display: inline-block; box-sizing: border-box; margin: 10px 0; border-left: 1px solid #3b3b3b; border-right: 1px solid #4d4d4d; } .socialHeader .social:first-child a { border-left: 0 none; } .socialHeader .social:last-child a { border-right: 0 none; } .socialHeader .social:hover a img.iconTwtOff { background-position: -1140px -140px; } .socialHeader .social:hover a img.iconFcbkOff { background-position: -1196px -140px; } .socialHeader .social:hover a img.iconGoogleOff{ background-position: -1260px -140px; } /* PYC_Ordenar y Limpiar ===========================================================================================================*/ #btnMenuHeader { float: left; padding: 15px 15px 10px 15px; color: White; background:url('data:image/gif;base64,R0lGODlhAgAjAMQAAK0AAKcAAKkAAKwAAOMzM9wzM98zM9ozM+AzM7AAAKoAAKgAAOQzM+IzM94zM7EAAK8AAKsAAN0zM9szM64AANkzM6YAAOEzM+UzM7IAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAACACMAAAUkIJaJ5GiW6GkyD0skDRRfFE0jgDE4ES8pv4JgsiAeAhVLMhkCADs=') no-repeat 48px 10px; position: relative; } .openLogos .btnMenuHeaderActive::before { content: " "; width: 25px; height: 13px; display: block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAANCAYAAABcrsXuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABjSURBVHjatNQ7DsAgDANQsDh3K7glp2k7dEDl0xiMlyiD9ZQlPjsqxzsTUwokEIvdDGESiMVVEuQL0BAmAQrCAmCGsAiYIAiAXwgiYAhBCHQhiIEmhA1ABfnnd11ub85bgAEAVJ0ZuGK6898AAAAASUVORK5CYII=') no-repeat 0 0; position: absolute; top: 47px; left: 20%; z-index: 5; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg) } #navContainer nav { height:0; } /* 10. Media ===========================================================================================================*/ @media (max-width: 640px) { #navContainer .inside {display: none;} #navContainer .openMenu { width:100%; height: auto; display: block; background-color: #3e3e3e; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3) , inset 0 3px 2px #353535; background: #444444; background: -moz-linear-gradient(top, #444444 0%, #3e3e3e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#3e3e3e)); background: -webkit-linear-gradient(top, #444444 0%,#3e3e3e 100%); background: -o-linear-gradient(top, #444444 0%,#3e3e3e 100%); background: -ms-linear-gradient(top, #444444 0%,#3e3e3e 100%); background: linear-gradient(to bottom, #444444 0%,#3e3e3e 100%); } .menuProductos .mainNav .mainNavLink { text-align: left!important; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #272727; width: 100%; } #headerTop {top:48px!important;} #headerTop .open {height: 79px;padding:20px;} #search_form_box form > div {width: 75%;padding:0 10px;} #search_form_box .btnCancelar { float:right; } #search_form_box .btnCancelar {margin-bottom: 0; width: 25%;} #search_form_box .btnCancelar a { text-decoration: none; padding: 5px 0; border: 1px solid #373737; visibility: top; display: inline; margin-left: 8px; margin-top: -1px; height: 42px; width: 100%; font-size: 20px; text-align: center; color: #fff !important; cursor: pointer; text-transform: uppercase; text-decoration: none; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.16); line-height: 30px; font-weight: normal; font-family: 'atrapaloWebBold', Arial !important; -webkit-font-smoothing: antialiased; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod?IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.2))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%); background-color: #515151; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3); transition: background .08s ease-in; -webkit-transition: background .08s ease-in; -moz-transition: background .08s ease-in; -o-transition: background .08s ease-in; -ie-transition: background .08s ease-in; } .socialHeader { float:left; width:100%; } .socialHeader li { padding:0 10px; width: 50%!important; } .socialHeader a { color:#ffffff; } .socialHeader .social a { width: auto; text-align:center; border: none; text-decoration: none; } .socialHeader .social a img { display: block; margin:0 auto; } #navContainer { position:absolute; width: 60%; min-height: 100%; top:47px; left:0; right:0; bottom:0; display: block; } #navContainer nav { height: auto; } #navContainer.menuFix .inside { top:0; position: fixed; width:60%; } } @media (max-width: 1024px) { #logotypeLink { margin-left: 10px; } #navContainer .mainNav .mainNavLink, #navContainer .submenu .subNav .subNavCol:nth-child(1) p:first-child{ padding: 0 9px; } #cookiesInfo, #agarreInfo { padding-left: 10px; padding-right: 45px; } #navContainer .mainNav:hover {background:none;box-shadow:none;} #navContainer .mainNav:first-child a {border-top: none;} #navContainer .mainNav:last-child a {border-bottom: none;} .tabRES a:before, .tabESP a:before, .tabESPActividades a:before, .tabVUE a:before, .tabHOT a:before, .tabVIA a:before, .tabCRU a:before, .tabCOC a:before { content:" "; display: inline-block; margin-right: 5px; width: 20px; height: 20px; background-image: url('http://www.atrapalo.com/images_new/A/HOM/s_productos_HF.png'); background-repeat: no-repeat; vertical-align: sub; } .tabRES a:before {background-position: -250px 0px;} .tabESP a:before {background-position:-300px 4px;} .tabESPActividades a:before {background-position: -200px 0px;} .tabVUE a:before {background-position: -350px 6px;} .tabHOT a:before {background-position:0 6px;} .tabVIA a:before {background-position:-50px 8px;} .tabCRU a:before {background-position:-100px 4px;} .tabCOC a:before {background-position:-150px 5px;} #header .inside .menuUsuario li a { padding: 9px 14px; } #header .inside .menuUsuario li.buscar i { line-height: 30px !important; display: block;} .openSearch .menuUsuario .buscar:after { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); top:48px; left:30%; } } @media (min-width: 1025px) and (max-width : 1199px) { #header { width: 100%; } #header .inside, #cookiesInfo, #agarreInfo { width: 100%; } #header .inside .menuUsuario li a { padding: 10px 18px; } #header .inside .menuProductos li a { padding: 0 12px; } #logotypeLink { margin-left: 12px; } #navContainer .submenu .subNav .subNavCol:nth-child(1) p:first-child { padding: 0 12px; } #navContainer #vrTab .mainNavLink { padding: 14px 14px 11px 14px; } #navContainer .menuProductos li:first-child a.mainNavLink { padding-left: 12px; } #cookiesInfo, #agarreInfo { padding-left: 12px; } #header .mainNav {width:auto;padding:0;} #navContainer .inside {height:42px;} #headerLogos .buscar span {display: inline !important;} } @media (min-width: 1025px) { .openSearch {margin-top: 118px!important;} #headerTop .open { height: 118px!important; padding: 20px 10px; } #navContainer {height: 42px;} .menuUsuario li.mia-button, .menuUsuario li.mia-button:hover{ background:url(http://www.atrapalo.com/images_new/v12/textura.png) repeat scroll 0 0 #444444; } .menuUsuario li:not(.reservaTelf):hover{ background:#bf0b0b url(http://www.atrapalo.com/images_new/v12/textura.png) repeat 0 0; border-color:#bf0b0b; } .menuUsuario li:hover + li {background:none;} .menuUsuario .buscar:hover:after{ border-color: transparent transparent #bf0b0b; } } @media (min-width: 1200px) { /* #header { min-width: 1200px; } #header .inside, #cookiesInfo, #agarreInfo { width: 1200px;}*/ #header .inside .menuUsuario li a { padding: 10px 22px; } #logotypeLink { margin-left: 10px; } #navContainer #vrTab .mainNavLink{ padding: 13px 23px 14px 24px; } #header .mainNav {width:auto;padding:0;} #navContainer .inside {height:42px;} #navContainer .menuProductos li:first-child a.mainNavLink{ padding: 0 23px 0 21px; } #cookiesInfo, #agarreInfo { padding-left: 22px; } #headerLogos .buscar span {display: inline !important;} } @media only screen and (min-width: 641px) and (max-width: 1024px) { #hibTab {clear:left} #navContainer .mainNav .mainNavLink {text-align: left;} .socialHeader {float:left;} .socialHeader::after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } #headerTop {position: static;} .menuProductos li a {width:180px;} .menuProductos li a {border-top: 1px #656565 solid; box-shadow:0px -1px 0px #2b2b2b} .menuProductos li:nth-child(-n+3) a {border-top:none;box-shadow:none;} #navContainer .inside {padding:0 10px 20px;display: none;} #navContainer .openMenu {display: block} .customSelect { top:0; } #headerTop .open { height: 118px!important; width: inherit!important; padding:20px; } .menuUsuario li a { padding:9px 22px; } .socialHeader {margin-top: 10px;} .socialHeader .social { width:auto; display: inline-block!important; } .socialHeader .social a {display: inline; padding: 0 5px;} .socialHeader .social img {vertical-align: bottom; margin-right: 5px;} .socialHeader .linkSocialMedia { color: #999999 !important; font-size: 13px; font-family: 'open_sansregular', sans-serif; } } .icon-arrow_abajo_s:before { content: "\e60e"; } .icon-arrow_abajo_l:before { content: "\e60f"; } .icon-close_m:before { content: "\e611"; } .icon-close_s:before { content: "\e612"; } .icon-close_l:before { content: "\e614"; } .icon-cancel-circle:before { content: "\e615"; } .icon-google-plus:before { content: "\e616"; } .icon-user:before { content: "\e617"; } .icon-search:before { content: "\e602"; } .icon-ubicacion_s:before { content: "\e60c"; } .icon-ubicacion_l:before { content: "\e60d"; } .icon-calendar:before { content: "\e600"; } .icon-clock:before { content: "\e601"; } .icon-share2:before { content: "\e604"; } .icon-checkmark:before { content: "\e608"; } .icon-bookmark:before { content: "\e609"; } .icon-facebook:before { content: "\e60a"; } .icon-twitter:before { content: "\e60b"; } .icon-crucero:before { content: "\e605"; } .icon-coches:before { content: "\e606"; } .icon-actividades2:before { content: "\e71c"; } .icon-restaurantes5:before { content: "\e603"; } .icon-entradas2:before { content: "\e71e"; } .icon-hoteles:before { content: "\e71f"; } .icon-vuelo-hotel:before { content: "\e720"; } .icon-viajes:before { content: "\e721"; } .icon-vuelos:before { content: "\e722"; } .twitter-typeahead { width: 100%; } .twitter-typeahead .searching{ background: #ffffff url('http://www.atrapalo.com/images_new/A/COM/loading_small.gif') no-repeat 625px 11px !important; } .logo-acento{ margin-right:5px; width:103px; height:39px;} .logo-main { margin-top: 4px;}