/* CSS Base BV + Reset FEATURED SECTIONS * Header * Structure * Nav * Search * Headings * Lists * Forms * Links * Misc */ /* =CLEAR FLOATS http://www.positioniseverything.net/easyclearing.html ----------------------------------------------- */ /** .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-block;} Hides from IE-mac * html .clearfix {height: 1%;} .clearfix {display: block;} End hide from IE-mac */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } *:first-child+html .clearfix{zoom:1;display:block;} /* IE7 */ * html .clearfix{zoom:1;display:block;}/* IE6 */ /* =RESET ----------------------------------------------- */ html{color:#666;background:#FFF;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td,label,a{margin:0;padding:0;} h1,h2,h3,h4,h5,h6,address,caption,cite,pre,code,dfn,em,strong,th,var{font-size:100%; font-style:normal; font-weight:normal;} ul,ol{list-style:none;} fieldset,img{border:0;display:block;} caption,th{text-align:left;} table{border-collapse:collapse;border-spacing:0;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:11px;font-weight:normal;} /* botones input image */ input.boton {width:auto;height:auto;border:0!important;} /* inline forms patch (app version) */ ul.radio form, .rounded-grey form {display:inline;} /*= SECCIONES CON TEXTO */ p{text-decoration: none; word-spacing: normal; letter-spacing: 0; text-indent: 0px; } .texto p {padding-bottom:10px; line-height:150%;} .texto a{color:#00A5D7;text-decoration:underline;} .texto a:hover{text-decoration:none;} .texto.legal h2 {margin-top:10px;display:inline-block} .texto h3 {font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; padding:5px 0 10px 0;} .texto ol {list-style:decimal inside;} .texto ol li {font-size:15px; font-weight:bold; margin-bottom:15px;} .texto ol li p {font-size:12px; font-weight:normal;} .texto ul {list-style:disc; margin:10px 25px;} .texto ul li {margin-bottom:5px;} /* =TAGS REDEF ----------------------------------------------- */ body {font-size:62.5%;font-family:Arial, Helvetica, sans-serif;line-height:normal; background-color:#FFF; color:#666;} a { color:#000; outline:none; text-decoration:none;} a:hover { text-decoration:underline; } a:active {} a:visited {} h1 { font-size:24px; font-family:'Nunito',Helvetica,Arial,sans-serif; padding-bottom:18px;letter-spacing:-1px;} h1 em { text-style:normal; color:#00a5d7; font-style:normal;} h2 { font-size:18px; font-family:'Nunito',Helvetica,Arial,sans-serif; padding:5px 0 10px 0; } h3 { font-size:15px; } h4 { font-size:14px; } h5 { font-size:12px; } h2 span {color:#00a5d7;} #footer h1, #footer h2, #footer h3, #footer h4, #footer h5 { font-weight:bold; } strong,b { font-weight:bold; } em,i { font-style:italic; } abbr,acronym { /* indica mas info disponible */ border-bottom:1px dotted #6695FF; cursor:help; } ol,ul,dl { margin-left:0; } th { font-weight:bold; text-align:center; } caption { margin-bottom:.5em; text-align:center; } #logo-print {display:none;} /* =FONTS ----------------------------------------------- */ /*@font-face { font-family:GothamRndBold; src:url(../fonts/GothamRnd-Bold.otf) format("opentype") }*/ /* =FORMS ----------------------------------------------- */ /* setting a consistent width, 160px; control of type=file still not possible */ input[type=text],input[type=password],textarea{ width:12.25em; *width:11.9em; } input.check {border:none !important;background:none !important;} button { width: auto; overflow: visible; margin:0; padding:0; } /* =LAYOUT ----------------------------------------------- */ img.left { float: left; } img.right { float: right; } img.flushleft { margin-left: -20px; } img.flushright { margin-right: -20px; } .doc { width: 962px; margin: 0 auto; position: relative; text-align:left;padding:0 20px 1px;background:#FFF;} .doc2 {width: 600px; margin: 0 auto; text-align:left;} .doc3 { max-width: 955px; min-width:760px; margin: 0 auto; padding:0 10px; position: relative; text-align:left;} .doc4 { width: 955px; margin: 0 auto; position: relative; text-align:left;} .doc-popup { width: 100%; margin: 0 auto; position: relative; text-align:left;} #main { width:100%;} #header { width:100%;} #footer { width:100%;} #content { color:#000; font-size:12px; margin-bottom:20px; height:auto !important; height:300px; min-height:300px;} .doc-popup #content{margin-bottom:0;} /* sprite layout.png */ .bg-layout, .site-search .searchform, .ico-paso1, .ico-paso2, .ico-paso3, .ico-paso1-on, .ico-paso2-on, .ico-paso3-on, .rating span, .logo-barcelo, .ico-flecha, .ayudaform, a.eliminar, .solapa .sombra-solapa, #quees .textos .tabs-content #tab-quehaydentro ul li, #footer #sumario .suscripciones .siguenos .social-links li a, .iconos-cajas span, #fichainf .notas h5 .ico, #footer #garantias li a, #fichainf .detalles h4, #footer #sumario .menufooter, .telefonos, #intro-experiencias .descripcion .masinfo, ul.cajas li.hover .link-masinfo p.contiene .masinfo, ul.cajas li .detalle .link-masinfo p.contiene a.masinfo.hover, #fichasup #infoppal h3.incluye, #ayuda h2, #fichainf .detalles .contenido blockquote, .ico-telefono-azul, #quote-empresas .descubrelas, #main-empresas .contacta .link-contacto, #board-wrap .flecha-iz, #board-wrap .flecha-der, .wrap-banner .arr-left, .wrap-banner .arr-right, a.flecha-azul-der:hover, .ico-rel, .leermas a, .bannerficha .galeria .carousel-previous, .bannerficha .galeria .carousel-next, #fichasup .destacada, #fichasup .novedad, #resultados li a .novedad, #resultados li a .destacada, .tablacarrito .promo td span.destacada, .error404 ul li, .ico-foot, .ico-flecha-go, .ico-showhide, .side-info ul li {background:url(../images/bgr/layout.png?101004) no-repeat 0 0;} /* sprite horizontal.png */ .bg-horizontal, #filtros h3, .vista-mapa .side h3, #boxes, .slider-wrap, #sidebar .contenida h3, .slider-wrap, #destacados, #footer #legal, #footer #sumario, input.text, textarea {background:url(../images/bgr/horizontal.png?101004) repeat-x 0 0;} /* sprite shadows.png */ .bg-shadows, .shadow-top, .shadow-bottom, .shadow-middle, #intro-experiencias, #header-experiencias, #sidebar .comofunciona h4, #destacados .comofunciona, #sidebar .contenida, .bigsidebar .contenida {background:url(../images/bgr/shadows.png?101004) repeat-x 0 0;} /* =GRID ----------------------------------------------- */ .column { float: left; } .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid3colb { width: 100%; } .grid2col .column {width:49.4%;} /* antes 49.1%, cambio realizado para ajustar columnas*/ .grid2col .column.first {width:49.4%;} /* antes 47.8%, cambio realizado para los topos*/ .grid2col .column.last {width:49.4%;} /* antes 47.8%, cambio realizado para los topos*/ .grid2colb .grid2col .column {width:49.4%;} /*antes 49.1%, cambio realizado para ajustar columnas*/ .grid2colb .grid2col .column.first {width:49.4%;} /* antes 47.8%, cambio realizado para los topos*/ .grid2colb .grid2col .column.last {width:49.4%;} /* antes 47.8%, cambio realizado para los topos*/ .grid2colc .grid2col .column {width:49%;} .grid2colc .grid2col .column.first {width:37%;} .grid2colc .grid2col .column.last {width:62%;} .grid2cola .column.first {width:64%;} .grid2cola .column.last {width:32.2%;} .grid2colb .column.first {width:40.6%;} .grid2colb .column.last {width:56%;} .grid2colc .column.first {width:26%;} .grid2colc .column.last {width:70%;} .grid2cold .column.first {width:56%;} .grid2cold .column.last {width:40.6%;} .grid2cole .column.first {width:46.9%;} .grid2cole .column.last {width:52.9%;} .grid2colf .column.first {width:66%;} .grid2colf .column.last {width:28%;} .grid3col .column { width: 30%; margin-right: 3%;} .grid3cola .column { width:85px; margin-right: 5px;} .grid3colb .column { width: 30%; margin-right: 2%; margin-left: 2%;} .column.first, .column.last { margin-left: 0 !important; } .column.last { float: right !important; } p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; } #container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid3colb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid3colb { _zoom:1; } /* =ROUNDED CORNERS ----------------------------------------------- */ .r5, #reservar .paso .tip, #reservar .paso1 .wrap-form, .msg, #reservar .paso2 .sel_fecha, .nota, #quote-empresas {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .r4 , .tabs .tabs-content, .tabs ul.tabs-nav, #sidebar .contenida h3, .side-experiencia #sidebar .comofunciona h4, .acciones .rating, #fichainf .notas, #promocional .last .sidepromo a img, #topheader #nav li, .side-info h3 a, #ayuda .toc, #contacto .pbform fieldset, .cajas li.separa-cat, .r {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .r3, #resultados li a, #resultados li a .foto, #resultados li a .masinfo, #fichasup .compartir, #fichasup .vergaleria span {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .r-tl, #reservar .paso .tip, #fichasup .vergaleria span, .side-experiencia #sidebar .comofunciona h4, #quote-empresas {-moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0;} .r-tr, #fichasup .vergaleria span, .side-experiencia #sidebar .comofunciona h4, #quote-empresas {-moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0;} .r-br, #sidebar .contenida h3 {-moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; border-bottom-right-radius:0;} .r-bl, #sidebar .contenida h3 {-moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0;} /* ajustes solo para NOT IE */ html>/**/body .solapa .sombra-solapa {background-position:-198px -305px !important; height:5px !important; bottom:-5px !important;} /* =TABLAS ----------------------------------------------- */ table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } /* =PAGINAS ----------------------------------------------- */ .hide {display:none;} .left{float:left;} .right{float:right;} .color{background-color:#E6ECF8;} .tachado {text-decoration: line-through;} .borde{border:1px solid #716F6E;} .noborde{border:0!important;} .nomargin{margin:0!important;;} .nopad{padding:0!important;;} .nowrap {white-space:nowrap;} .pad10 {padding:10px;} .fill{clear:both;} .mays{text-transform:uppercase;} .separador {clear:both; display:block;width:100% !important;margin:0;padding:0;height:1px;font-size:1px;line-height:1px;border-top:1px dotted #999;} .separador.espaciado {margin:5px 0 15px 0;} .external {padding-right:15px; background:url(../images/ico/target-blank.gif) no-repeat 100% 50%;} .clear { clear:both; height:0px; overflow:hidden; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } .mobileonly {display:none;} /* =MEDIA ----------------------------------------------- */ /* general layout definition. margins are defined for each instance. */ .media {} .media, .rmedia {overflow:hidden; _overflow:visible; zoom:1;} .media .lmedia {float:left;} .media .lmedia {display:block;} /* =TITULOS PLANB! NOMBRECAJA ----------------------------------------------- */ .txt-planb {color:#000;} .txt-planb em {color:#00a5d7;font-style:normal;} .txt-planb .nom-caja {color:#999;font-weight:normal;} /* =BANNERS CON SOMBRA ----------------------------------------------- */ .wrap-banner, .wrap-banner .sh-top, .wrap-banner .sh-bottom {background:url(../images/bgr/shadows-banner.png) no-repeat 0 0;} * html .wrap-banner .sh-top, * html .wrap-banner .sh-bottom {overflow:hidden;} .wrap-banner {position:relative; zoom:1; padding:6px; background-repeat:repeat-y; background-position:-962px 0;} * html .wrap-banner {padding:6px 6px 5px 6px;} .wrap-banner .sh-top {position:absolute; top:0; left:0; width:100%; height:10px; background-position:0 0;} .wrap-banner .sh-bottom {position:absolute; bottom:0; left:0; width:100%; height:10px; background-position:0 -10px;} * html .wrap-banner .sh-top, * html .wrap-banner .sh-bottom {width:962px;} .wrap-banner .banner {position:relative; top:0; left:0;} .wrap-banner .arr-left {position:absolute; top:42%; left: -11px; width:53px; height:53px; background-position:-113px -323px;} .wrap-banner .arr-right {position:absolute; top:42%; right:-11px; width:53px; height:53px; background-position:-168px -323px;} .wrap-banner .arr-left a, .wrap-banner .arr-right a {display:block; width:53px; height:53px;} /* addons */ .bottomgrad {background:url(../images/bgr/bottomgrad.png) repeat-x 0 296px;} /* contenedor de cajas de la home (sobreescrituras) */ .wrap-banner-home, .wrap-banner-home .sh-top, .wrap-banner-home .sh-bottom {background-image:url(../images/bgr/shadows-banner-home.png);} .wrap-banner-home {float:left; width:630px; background-position:-642px 0;} * html .wrap-banner-home .sh-top, * html .wrap-banner-home .sh-bottom {width:642px;} /* addons */ .wrap-banner-home .bottomgrad {background:url(../images/bgr/bottomgrad-home.png) repeat-x 0 100%;} /* =NUMERACION PASOS ----------------------------------------------- */ .ico-paso1, .ico-paso2, .ico-paso3, .ico-paso4, .ico-paso1-on, .ico-paso2-on, .ico-paso3-on, .ico-paso4-on {display:block; float:left; width:31px; height:31px; margin-right:9px;} .ico-paso1 {background-position:0 -225px;} .ico-paso1-on {background-position:0 -194px;} .ico-paso2 {background-position:-31px -225px;} .ico-paso2-on {background-position:-31px -194px;} .ico-paso3 {background-position:-62px -225px;} .ico-paso3-on {background-position:-62px -194px;} .ico-paso4 {background-position:-93px -225px;} .ico-paso4-on {background-position:-93px -194;} /* small */ .ico-paso1-small,.ico-paso2-small,.ico-paso3-small,.ico-paso4-small,.ico-paso5-small,.ico-paso6-small,.ico-paso7-small,.ico-paso8-small,.ico-paso9-small,.ico-paso10-small,.ico-paso11-small,.ico-paso12-small,.ico-paso13-small,.ico-paso14-small,.ico-paso15-small, .ico-paso1-small-on,.ico-paso2-small-on,.ico-paso3-small-on,.ico-paso4-small-on,.ico-paso5-small-on,.ico-paso6-small-on,.ico-paso7-small-on,.ico-paso8-small-on,.ico-paso9-small-on,.ico-paso10-small-on,.ico-paso11-small-on,.ico-paso12-small-on,.ico-paso13-small-on,.ico-paso14-small-on,.ico-paso15-small-on {float:left; clear:left; width:23px; height:23px; margin-right:9px; background:url(../images/ico/pasos-small.png) no-repeat 0 0;} .ico-paso1-small {background-position:0 -23px;} .ico-paso1-small-on {background-position:0 0;} .ico-paso2-small {background-position:-23px -23px;} .ico-paso2-small-on {background-position:-23px 0;} .ico-paso3-small {background-position:-46px -23px;} .ico-paso3-small-on {background-position:-46px 0;} .ico-paso4-small {background-position:-69px -23px;} .ico-paso4-small-on {background-position:-69px 0;} .ico-paso5-small {background-position:-92px -23px;} .ico-paso5-small-on {background-position:-92px 0;} .ico-paso6-small {background-position:-115px -23px;} .ico-paso6-small-on {background-position:-115px 0;} .ico-paso7-small {background-position:-138px -23px;} .ico-paso7-small-on {background-position:-138px 0;} .ico-paso8-small {background-position:-161px -23px;} .ico-paso8-small-on {background-position:-161px 0;} .ico-paso9-small {background-position:-184px -23px;} .ico-paso9-small-on {background-position:-184px 0;} .ico-paso10-small {background-position:-207px -23px;} .ico-paso10-small-on {background-position:-207px 0;} .ico-paso11-small {background-position:-230px -23px;} .ico-paso11-small-on {background-position:-230px 0;} .ico-paso12-small {background-position:-253px -23px;} .ico-paso12-small-on {background-position:-253px 0;} .ico-paso13-small {background-position:-276px -23px;} .ico-paso13-small-on {background-position:-276px 0;} .ico-paso14-small {background-position:-299px -23px;} .ico-paso14-small-on {background-position:-299px 0;} .ico-paso15-small {background-position:-322px -23px;} .ico-paso15-small-on {background-position:-322px 0;} /* =NUMERACION PASOS ----------------------------------------------- */ .ico-flecha {background-position:-97px -304px; width: 12px; height: 13px; font-size:1px; line-height:1px;} .open .ico-flecha {background-position:-97px -317px;} .flecha {background:url(../images/ico/flecha-sidebar.gif) no-repeat 0 0; padding-left:15px;line-height:12px;} a.flecha-azul-der {padding-right:10px;} a.flecha-azul-der:hover {background-position:100% -1790px;} .flecha-der-pico {padding-right:8px; background:url(../images/ico/flecha-der.png) no-repeat 100% 57%;} /* =BUTTON ----------------------------------------------- */ .button {display:inline-block; padding-right:10px; height:21px; color:#FFF !important; text-decoration:none !important; background:url(../images/btn/buttons.png) no-repeat 100% -246px;} .button:hover {background-position:100% -267px; text-decoration:none;} .button:active {background-position:100% -288px;} .button span {display:inline-block; cursor:pointer; white-space:nowrap; padding-left:9px; height:21px; font:bold 10px arial,helvetica,sans-serif; line-height:19px; text-transform:uppercase; background:url(../images/btn/buttons.png) no-repeat 0 0;} .button:hover span {background-position:0 -21px;} .button:active span {background-position:0 -42px;} * html .button span {width:1%;} /* IE6 */ .button.big {background-position:100% -319px; padding-right:15px; height:30px;} .button.big:hover {background-position:100% -349px;} .button.big:active {background-position:100% -379px;} .button.big span {background-position:0 -73px; padding-left:14px; height:30px; font-size:12px; line-height:29px;} .button.big:hover span {background-position:0 -103px;} .button.big:active span {background-position:0 -133px;} .button.grey {background-position:100% -419px;} .button.grey:hover {background-position:100% -440px;} .button.grey:active {background-position:100% -461px;} .button.grey span {background-position:0 -173px;} .button.grey:hover span {background-position:0 -194px;} .button.grey:active span{background-position:0 -215px;} .button.green {background:url(../images/btn/buttons-green.png) no-repeat 100% -130px; padding-right:20px; height:40px;} .button.green:hover {background-position:100% -170px;} .button.green:active {background-position:100% -210px;} .button.green span {background:url(../images/btn/buttons-green.png) no-repeat 0 0; padding-left:19px; height:40px; font-size:16px; line-height:40px;} .button.green:hover span {background-position:0 -40px;} .button.green:active span {background-position:0 -80px;} .button.bigorange {background:url(../images/btn/buttons-orange.png) no-repeat 100% -130px; padding-right:20px; height:40px;} .button.bigorange:hover {background-position:100% -170px;} .button.bigorange:active {background-position:100% -210px;} .button.bigorange span {background:url(../images/btn/buttons-orange.png) no-repeat 0 0; padding-left:19px; height:40px; font-size:16px; line-height:40px;} .button.bigorange:hover span {background-position:0 -40px;} .button.bigorange:active span {background-position:0 -80px;} #carrito .button {background:url(../images/bgr/sprite-carrito.png) no-repeat 100% -117px;} #carrito .button:hover {background-position:100% -138px;} #carrito .button:active {background-position:100% -159px;} #carrito .button span {background:url(../images/bgr/sprite-carrito.png) no-repeat 0 -54px;} #carrito .button:hover span {background-position:0 -75px;} #carrito .button:active span{background-position:0 -96px;} button.button {/*float:right;*/ border:0; cursor:pointer; outline:none;} button.button span {position:relative; top:-1px;} /* IE6, IE7 */ * html button.button {position:relative;} * html button.button span {top:0;} *:first-child+html button.button {position:relative;} *:first-child+html button.button span {top:0;} /*images in big buttons*/ .button span img {display:inline; vertical-align:text-top; margin:0 5px 0 -5px;} * html .button span img {display:none;} /* IE6 */ /* rounded grey */ .rounded-grey {float:left; display:inline-block !important; padding-right:25px; height:52px; background:url(../images/btn/rounded-grey.png) no-repeat 100% -52px;} .rounded-grey .rounded-grey-content {display:inline-block; padding:10px 0 10px 10px; height:32px; background:url(../images/btn/rounded-grey.png) no-repeat 0 0;} * html .rounded-grey .rounded-grey-content {width:1%; white-space:nowrap;} /* IE6 */ /* =RATING ----------------------------------------------- */ .rating {float:left; padding:5px 8px; background:#eaeaea;} .rating span {display:block; float:left; width:80px; text-indent:-9999px; background-position:0 -265px;} .rating .rated00 {background-position:-80px -265px;} .rating .rated05 {background-position:-64px -281px;} .rating .rated10 {background-position:-64px -265px;} .rating .rated15 {background-position:-48px -281px;} .rating .rated20 {background-position:-48px -265px;} .rating .rated25 {background-position:-32px -281px;} .rating .rated30 {background-position:-32px -265px;} .rating .rated35 {background-position:-16px -281px;} .rating .rated40 {background-position:-16px -265px;} .rating .rated45 {background-position: 0px -281px;} .rating .rated50 {background-position: 0px -265px;} /* =BULLETS ----------------------------------------------- */ .bullet {list-style:disc; padding-left:16px;} /* =HEADER ----------------------------------------------- */ #header {position:relative; z-index:11; /* IE z-index bug */} #topheader {position:relative; height:99px; z-index:11; /* IE z-index bug */} #topheader h1 span {text-indent:-9999px;display:block;} #topheader #logo {position:absolute; top:27px; left:6px;} #topheader #nav {position:absolute; top:50px; right:6px; margin:0;} #topheader #nav li {float:left; padding:0 10px; margin-left:15px; line-height:30px; font-size:13px; color:#666; font-weight:bold; text-transform:uppercase;} #topheader #nav li.active {background:#00A5D7;} #topheader #nav li a {color:#666; text-decoration:none;} #topheader #nav li a:hover {color:#00a5d7; text-decoration:none;} #topheader #nav li.active a {color:#fff;} #topheader #nav li.active a:hover {color:#fff;} #topheader #nav .msg {padding:0 10px 1px 40px !important;float:right;width:300px;} #topheader #nav .msg p {line-height:30px;} #topheader #nav .msg li {padding-top:3px;line-height:17px;} #topheader #nav .msg-check {background: url("../images/ico/tick.png") no-repeat scroll 13px 10px #00FF99;} #topheader #nav .msg-warn {background: url("../images/ico/exclamation.png") no-repeat scroll 13px 5px #FFC;padding: 2px 10px 2px 15px !important;} #topheader .toolbox {position:absolute; top:0; right:6px; text-align:right; line-height:32px; font-size:11px;} #topheader .toolbox .tools {float:right; text-align:right; color:#000;} .tel-contacto {margin-left:5px; font-size:13px; font-weight:bold;} #subheader {padding:0;margin-bottom:15px;} #subheader .breadcrumbs {float:left; padding:18px 0 17px 6px; font-size:11px; color:#000;} #subheader .breadcrumbs a {font-weight:bold;padding:0 3px;} #subheader .bottom-shadow {clear:both; background:url(../images/bgr/sombras-progreso-compra.png) no-repeat scroll 0 -8px; width:100%; height:8px; overflow:hidden;} .badge-pop {position:fixed;top:0;right:0;padding:1em;background-color:#F4F4F4;} /* =CARRITO HEADER ----------------------------------------------- */ #carrito {float:right; margin-left:20px; height:33px; line-height:normal; text-align:left; font-size:11px;} #carrito .head-carrito {display:inline-block; position:relative; z-index:10; /* IE z-index bug */ height:33px; overflow:hidden; color:#fff; background:#00a5d7 url(../images/bgr/sprite-carrito.png) repeat-x 0 0;} * html #carrito, * html #carrito .head-carrito {display:inline;} #carrito .lleno {width:195px;} * html #carrito .lleno, * html #carrito .head-carrito .lleno {display:block;} #carrito .head-carrito .ico-carrito {float:left; margin:8px 13px 0 10px; width:19px; height:15px; line-height:32px; text-indent:-9999px; font-size:1px; line-height:1px; /* IE6 */ background:url(../images/bgr/sprite-carrito.png) no-repeat 0px -35px;} #carrito .head-carrito .contenido {float:left; line-height:30px; margin-right:14px;} #carrito .head-carrito .contenido strong {font-size:1.1em} #carrito .head-carrito .button {position:absolute; top:6px; right:12px;} #carrito .head-carrito #showhide {position:absolute; top:6px; right:10px; width:21px; height:21px; text-indent:-9999px; background:url(../images/bgr/sprite-carrito.png) no-repeat -49px -33px;} #carrito .head-carrito #showhide:hover {background-position:-69px -33px;} #carrito .head-carrito #showhide:active {background-position:-89px -33px;} #carrito .head-carrito #showhide.open {background-position:-109px -33px;} #carrito .head-carrito #showhide.open:hover {background-position:-129px -33px;} #carrito .head-carrito #showhide.open:active {background-position:-149px -33px;} /* corners */ #carrito .head-carrito {-moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px;} /* shadows */ #carrito .head-carrito {-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 3px;} /* =NAVEGACION CATEGORIAS ----------------------------------------------- */ .nav-cat {margin:10px 0 10px 5px; width:800px; height:40px; float:left;} .nav-cat li {float:left; height:40px; margin-right:10px;} .nav-cat li a {display:block; width:100%; height:40px; text-indent:-9999px; background:url(../images/bgr/categorias.png) no-repeat 0 0;} .nav-cat .aventura {width:116px;} .nav-cat .gastronomia {width:128px;} .nav-cat .bienestar {width:107px;} .nav-cat .estancias {width:110px;} .nav-cat .viajes {width: 99px;} .nav-cat .nieve {width: 80px;} .nav-cat .todas {width: 80px; margin-right:0;} .nav-cat .aventura a {background-position: 0 0;} .nav-cat .gastronomia a {background-position:-116px 0;} .nav-cat .bienestar a {background-position:-244px 0;} .nav-cat .estancias a {background-position:-450px 0;} .nav-cat .viajes a {background-position:-351px 0;} .nav-cat .nieve a {background-position:-640px 0;} .nav-cat .todas a {background-position:-560px 0;} .nav-cat .aventura a:hover {background-position: 0 -40px;} .nav-cat .gastronomia a:hover {background-position:-116px -40px;} .nav-cat .bienestar a:hover {background-position:-244px -40px;} .nav-cat .estancias a:hover {background-position:-450px -40px;} .nav-cat .viajes a:hover {background-position:-351px -40px;} .nav-cat .nieve a:hover {background-position:-640px -40px;} .nav-cat .todas a:hover {background-position:-560px -40px;} /* =PASOS COMPRA-RENOVACION-RESERVA ----------------------------------------------- */ #pasos {margin-bottom:15px;} #pasos ol {margin:30px 10px; background:url(../images/bgr/linea-progreso-compra.png) no-repeat 15px 31px;} #pasos ol li {float:left;} #pasos ol li.active {color:#000;} #pasos ol li.paso1 {width:30%; margin-right:4.5%;} #pasos ol li.paso2 {width:30%; margin-right:4.5%;} #pasos ol li.paso3 {width:30%;} #pasos ol li strong {margin-left:40px; display:block; line-height:31px; font-weight:normal; font-size:22px; font-family:'Nunito',Helvetica,Arial,sans; background:#fff;} #pasos ol li p {margin-left:35px; padding:0 5px; display:inline-block; height:auto !important; height:15px; min-height:15px; margin-top:8px; font-size:11px; background:#fff;} #pasos ol li.active p {background:#fff url(../images/ico/carrito-progreso-compra.png) no-repeat 5px 0; padding-left:32px;} #pasos.renovacion ol li.active p {background:#fff; padding:0 5px;} .top-shadow, .bottom-shadow {height:8px; overflow:hidden; /* IE6 */ background:url(../images/bgr/sombras-progreso-compra.png) no-repeat 0 0;} .bottom-shadow {background-position:0 -8px;} /* =SITE SEARCH ----------------------------------------------- */ .site-search {float:right; position:relative; right:6px;} .site-search .searchform {margin-top:17px; width:145px; height:24px; background:url(../images/bgr/buscador.png) no-repeat 0 0;} .site-search .searchform .searchterm {width:130px; height:24px; padding:4px 10px 0 0; margin-left:7px; font-size:11px; color:#999; border:none; background:transparent; outline:none;} html>/**/body .site-search .searchform .searchterm {width:133px; padding:0 0 0 0;} /* modern browsers only (not IE 7) */ .site-search .searchform .submitbutton {position:absolute; right:0; height:25px; width:25px; text-indent:-9999px; cursor:pointer; text-transform:uppercase; border:none; background:url(../images/bgr/buscador.png) no-repeat 100% 0;} /* =BOARD HOME ----------------------------------------------- */ #board-wrap {position:relative; width:962px; /*height:322px;*/ margin-bottom:10px;} #board-wrap .flecha-iz {position:absolute; z-index:2; top:126px; left: -11px; width:53px; height:53px; background-position:-113px -323px;} #board-wrap .flecha-der {position:absolute; z-index:2; top:123px; right:-11px; width:53px; height:53px; background-position:-168px -323px;} #board-wrap .shadow-top {height: 16px; background-position:0 0;} #board-wrap .shadow-bottom {height: 16px; background-position:0 -306px;} #board-wrap .shadow-middle {height:280px; background-position:0 -16px;} #board-wrap .shadow-middle .board {width:930px; height:280px; margin:0 auto; background:black; overflow:hidden;} #board-wrap .shadow-middle .board-content {width:930px; height:280px; position:relative; overflow:hidden;} #board-wrap .shadow-middle .board .previous, #board-wrap .shadow-middle .board .next {position:absolute; z-index:2; display:block; width:54px; height:54px; top:118px; text-indent:-9999px; cursor:pointer;} #board-wrap .shadow-middle .board .previous {left: -27px; background:url(../images/bgr/banner-prev.png) no-repeat 0 0;} #board-wrap .shadow-middle .board .next {right:-27px; background:url(../images/bgr/banner-next.png) no-repeat 0 0;} #board-wrap .shadow-middle .board-content li {width:930px; height:280px; display:inline; overflow:hidden;} #board-wrap .shadow-middle .board-content .bannerimg {} #board-wrap .shadow-middle .board-content .trans {position:absolute; top:201px; width:930px; height:105px; background:#000; opacity: 0.50; -moz-opacity: 0.50; filter:alpha(opacity=50);} #board-wrap .shadow-middle .board-content .board-info {position:absolute; top:179px; left:51px; width:877px; /*930-35(marginleft)-18(marginright)*/ height:127px; color:#fff;} /* abreviamos selector */ #board-wrap .board-info h2 {margin-top:44px; padding:0; width:57%; font-weight:normal; font-family:georgia,serif; font-size:34px;} html>/**/body #board-wrap .board-info h2 {line-height:30px;} /* modern browsers only (not IE 7) */ #board-wrap .board-info .bannerbox {float:left;} #board-wrap .board-info .details {float:left; margin:34px 0 0 18px;} #board-wrap .board-info .details h3 {font-size:15px; margin-bottom:3px; font-weight:normal; text-transform:uppercase;} #board-wrap .board-info .details p {font-size:12px; width:242px; /* pseudo min-width */ margin-bottom:5px;} #board-wrap .board-info .details .links {display:block; padding-top:2px; border-top:1px dashed #FFF;} #board-wrap .board-info .details .links .precio {float: left; font-family:georgia,serif; font-size:24px;} /* estilos nuevos para link en banner */ #board-wrap .lnk-banner {display:block; position:absolute; width:930px; height:280px; top:16px; left:16px; text-indent:-9999px;} #board-wrap .lnk-absolutos {position:absolute; top:263px; right:34px; text-align:right;} #board-wrap .comprar {float:right; margin-right:10px;} #board-wrap a.masinfo {float:right; padding:0 10px; height:21px; line-height:21px; color:#FFF; text-decoration:none; background:#000;} #board-wrap a.masinfo:hover {text-decoration:underline;} /* =SOLAPA ----------------------------------------------- */ .solapa {position:relative; left:-9px; float:left; background:#000; padding:7px 17px; color:#FFF;} .solapa .sombra-solapa {display:block; position:absolute; left:0; bottom:-6px; width:8px; height:6px; font-size:1px; background-position:-190px -304px;} * html .solapa .sombra-solapa {bottom:-7px;} /* cajas home */ #cajas-home .tagline {margin:12px 0 0 0;} #cajas-home .tagline .solapa {font-size:12px; left:-8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #cajas-home .tagline a {float:left; margin:7px 0 7px 10px; color:#00a5d7; background-color:#fff; text-decoration:underline;} /* =MINIBANNERS HOME ----------------------------------------------- */ #minibanner {position:relative; width:962px; /*height:322px;*/ margin:0 0 10px 6px;} #minibanner .left {margin-left:6px;} #minibanner .right {margin-right:5px;} /* =CAJAS HOME ----------------------------------------------- */ #cajas-home ul {clear:both; padding:13px 15px 12px 15px;} #cajas-home ul li {float:left; position:relative; width:200px; margin:0; padding:0 0 13px 0; list-style: none;} #cajas-home ul li a.box {display:block; height:195px; padding-top:12px; cursor:pointer; text-align:center;} #cajas-home ul li a.box:hover {color:#000; text-decoration:none;} #cajas-home ul li a.box:active {color:#000; text-decoration:none;} #cajas-home ul li a.box img {display:block; margin:0 auto; cursor:pointer;} #cajas-home ul li a.box .title {display:block; line-height:140%; cursor:pointer;} #cajas-home ul li a.box .title strong {display:block;} #cajas-home ul li a.box .experiencias {display:inline-block; visibility:hidden; margin-top:3px; padding:3px 7px; font-size:11px; color:#fff; text-transform:uppercase; background:#393b3e; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #cajas-home ul li a.box .experiencias strong {text-transform:none;} #cajas-home ul li a.box:hover .experiencias {visibility:visible;} /* =FEATURED ----------------------------------------------- */ .side-home {float:right; width:290px; font-size:12px;margin-right:5px;} .side-home .featured-home .feat {border-top:1px solid #ddd;} .featured-home .feat {display:block; margin-bottom:20px; padding:15px 0 0;} .featured-home .feat.first-feat {border-top:0; margin-top:0;} .featured-home .feat h3 {margin-bottom:10px; font-weight:bold; font-size:15px;} .featured-home .feat p {margin-bottom:6px;} .featured-home .feat a {font-weight:bold; text-decoration:underline; color:#00a5d7;} .featured-home .pventa img {margin:25px 0 10px 0;} .featured-home .pventa .ver-mas {display:block; text-align:right;} .featured-home .reservar {border:1px solid #ddd;margin-top:5px;background-color:#eee;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .featured-home .reservar .rmedia {padding-bottom:15px;} .featured-home .reservar .lmedia img{margin-top:-15px;} .featured-home .aviso-reservas a {display:block;padding:10px 15px;color:#FFF;background-color:#000;text-decoration:none;font-weight:normal;font-size:15px;margin:0;color:#FFF;} .featured-home .aviso-reservas a:hover{background-color:#00a5d7;} .featured-home .aviso-reservas a {-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; } /* =PRECIOS ----------------------------------------------- */ .box .title strike {font-size:0.9em;font-weight:normal;color:#666;margin:0 3px} .precio strike {font-size:0.8em;font-weight:normal;color:#666;margin:0 3px} /* =INTRO EXPERIENCIAS ----------------------------------------------- */ #header-experiencias {position:relative; top:-6px; margin:0 6px 20px 6px; height:auto !important; height:90px; min-height:90px; background-position:50% -409px;} #header-experiencias .contiene {margin:25px 0 0 23px; font-family:georgia,serif; font-size:18px; color:#999; font-style:italic;} #header-experiencias .visualizacion {margin:25px 23px 0 0;} #header-experiencias .visualizacion ul.radio {float:right;} /* =ICONOS CAJAS ----------------------------------------------- */ .iconos-cajas {height:20px; margin-bottom:20px;} .iconos-cajas span {float:left; display:block; width:20px; height:20px; margin-right:5px; background-position:-56px -459px;} .iconos-cajas .noche {background-position:-56px -459px;} .iconos-cajas .cafe {background-position:-76px -459px;} .iconos-cajas .casa {background-position:-96px -459px;} .iconos-cajas .corazon {background-position:-116px -459px;} .iconos-cajas .escalada {background-position:-56px -479px;} .iconos-cajas .quads {background-position:-76px -479px;} .iconos-cajas .caballos {background-position:-96px -479px;} .iconos-cajas .flor {background-position:-116px -479px;} .iconos-cajas .senderismo {background-position:-56px -499px;} .iconos-cajas .racimo {background-position:-76px -499px;} .iconos-cajas .copa {background-position:-96px -499px;} .iconos-cajas .botella {background-position:-116px -499px;} .iconos-cajas .maleta {background-position:-56px -519px;} .iconos-cajas .coctel {background-position:-76px -519px;} .iconos-cajas .barco {background-position:-96px -519px;} .iconos-cajas .buceo {background-position:-116px -519px;} .iconos-cajas .ancla {background-position:-56px -539px;} .iconos-cajas .carro {background-position:-76px -539px;} .iconos-cajas .ballena {background-position:-96px -539px;} .iconos-cajas .esqui {background-position:-116px -539px;} .iconos-cajas .avion {background-position:-56px -559px;} .iconos-cajas .windsurf {background-position:-76px -559px;} .iconos-cajas .cubiertos {background-position:-96px -559px;} .iconos-cajas .bebe {background-position:-116px -559px;} .iconos-cajas .chef {background-position:-56px -579px;} .iconos-cajas .sensaciones {background-position:-76px -579px;} .iconos-cajas .aguas {background-position:-96px -579px;} .iconos-cajas .gota {background-position:-116px -579px;} .iconos-cajas .golf {background-position:-56px -599px;} .iconos-cajas .ciervo {background-position:-76px -599px;} /* iconos categorias */ .iconos-categs {height:28px; margin-bottom:28px;} .iconos-categs span {float:left; display:block; width:28px; height:28px; margin-right:8px; position:relative; top:-4px; background:url(../images/ico/ico-categorias-byn.png) no-repeat 0 0;} .iconos-categs .estancias {background-position:0 0;} .iconos-categs .bienestar {background-position:-28px 0;} .iconos-categs .aventura {background-position:-56px 0;} .iconos-categs .gastronomia {background-position:-84px 0;} .iconos-categs .viajes {background-position:-112px 0;} .iconos-categs .nieve {background-position:-140px 0;} .iconos-categs .txt-icos {margin-top:4px;} /* iconos pax */ .iconos-pax {height:20px; margin-bottom:20px;} .iconos-pax span {float:left; display:block; width:16px; height:20px; margin-right:10px; background:url(../images/ico/ico-pax.png?101004) no-repeat 0 0;} .iconos-pax .una {} .iconos-pax .dos {width:27px; background-position:-35px 0;} .iconos-pax .una-o-dos {width:62px; background-position:0 0;} .iconos-pax .dos-y-dos {width:48px; background-position:-72px 0;} /* texto iconos */ .iconos-cajas .txt-icos, .iconos-categs .txt-icos, .iconos-pax .txt-icos {float:left; padding-left:5px; display:inline-block; width:auto; background:none; line-height:20px;} /* =SUBHOME CAJAS ----------------------------------------------- */ .banner-sh {height:auto !important; min-height:380px; overflow:hidden; width:100%; /* ie overflow fix */} .banner-sh p {font-size:15px;} .banner-sh .media {padding:0 0 28px 0;} .banner-sh .lmedia {width:331px; text-align:center;} .banner-sh .rmedia {padding:32px 0 0 0; margin-right:50px;} .banner-sh .rmedia p {margin-bottom:18px; line-height:130%;} .banner-sh .rmedia .iconos-categs {margin-bottom:12px;} .banner-sh .pic-holder {margin:28px 0 26px 0; height:233px;} .banner-sh .pic-holder img {display:block; margin:0 auto; display:none;} .banner-sh .pic-holder img.active {display:block;} .banner-sh .pic-selector {display:inline-block; width:236px; margin:0 auto;} .banner-sh .pic-selector li {float:left; margin-right:18px; text-align:center;} .banner-sh .pic-selector li.end {margin-right:0;} .banner-sh .pic-selector li img {display:inline;} .banner-sh .metabox {text-transform:uppercase; font-size:11px; padding:5px 0;} .banner-sh .metabox .iconos-categs {float:left; margin-right:50px;} .boton-compra-sh {} .boton-compra-sh .sinstock {font-size:20px; color:#999;} .boton-compra-sh .precio {display:inline-block; margin:2px 20px 0 15px; font-family:'Nunito',Helvetica,Arial,sans; font-size:28px; line-height:100%;} .boton-compra-sh .precio small {font-size:22px;} .boton-compra-sh .precio strike {font-size:18px; display:block; background-color:#E9E9E9; padding:0 10px; border-radius:15px;} .boton-compra-sh .button {position:relative; top:-1px;} html>/**/body .boton-compra-sh .button {top:-6px;} /* not ie */ .banner-sh .linksmasinfo {clear:both; margin-top:27px; padding-top:15px; border-top:1px dashed #ccc;} .banner-sh .linksmasinfo li {float:left; margin-right:22px; text-align:left; font-size:15px;line-height:27px;} .banner-sh .linksmasinfo li a {display:inline-block; padding-left:22px; color:#00a5d7; background:url(../images/ico/flechas-tabs-quees.png) no-repeat 0 -90px;} .banner-sh h1 {position:relative; top:-5px; text-indent:134px; margin-right:20px; font-style:italic;font-family:Times,serif;font-size:40px; color:#bbb; line-height:44px; margin-bottom:22px; padding:0; background:url(../images/logos/logo_planb_subhomes.png) no-repeat 0 5px;} .wrap-banner .novedad {position:absolute; top:1px; right:1px; pointer-events:none;} .wrap-banner img.toprural {position:absolute; top:27px; right:30px;} .sidenote-compra-wrap {float:left; margin-left:24px; margin-top:10px} .validez .ico-fecha {display:block;background:url('/images/ico/ico_calendario.png') no-repeat 0 0;float:left;width:25px;height:27px;} .validez .txt-caducidad {display: block;float: left;padding-left: 10px; color:#00a5d7;} /* =VISTA MAPA ----------------------------------------------- */ .vista-mapa {margin-bottom:30px;} .vista-mapa .side {float:left; width:316px; height:514px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; margin-right:-1px;} .vista-mapa .side h3 {margin-left:-1px; line-height:30px; padding:0 10px 0 20px; font-size:13px; font-weight:bold; color:#FFF; background-color:#0991BA; background-position:0 0;} .vista-mapa .side-inner {padding:22px 20px 22px 19px;} .vista-mapa .side-inner p {color:#666; margin-bottom:15px; line-height:140%;} .vista-mapa .showbox {clear:both; border-top:1px solid #e3e3e3; padding-top:25px;} .vista-mapa .showbox .lmedia {margin-right:15px;} .vista-mapa .showbox .txt-planb {font-family:'Nunito',Helvetica,Arial,serif;font-size:18px;} .vista-mapa .showbox .precio {margin-bottom:10px; font-family:'Nunito',Helvetica,Arial,serif; font-size:18px;} .vista-mapa .mapa {float:left; width:640px; height:515px; background:#99b3cc;} .vista-mapa .sh-mapa {} .itemgmaps {max-width:400px;} .itemgmaps .rmedia {padding-bottom:15px;} /* especificos buscador mapa */ .site-search.map-search {float:left; margin-bottom:27px;} .site-search.map-search .searchform {margin-top:0; width:180px;} .site-search.map-search .searchform .searchterm {width:130px;} /* buscador por tipo de caja */ .buscador-caja {border-bottom:1px solid #666; height:35px; margin-bottom:20px;} .buscador-caja img {float:left; margin-left:12px;} .buscador-caja h4 {padding:10px 0px 0px 65px;} .buscador-caja div.precio strong {display:block; padding:4px 10px 0 0;} .buscador-caja div.precio {margin-top:9px;} .buscador-caja .sinstock {display:block;padding-top:4px;} /* drop shadow */ .ds-v {} .ds {position:absolute; height:515px; background:#000000; overflow:hidden; z-index:2; pointer-events:none;} .ds-v .v1 {width:1px; opacity:0.10; filter:alpha(opacity=10);} .ds-v .v2 {width:2px; opacity:0.08; filter:alpha(opacity=8);} .ds-v .v3 {width:3px; opacity:0.06; filter:alpha(opacity=6);} .ds-v .v4 {width:4px; opacity:0.04; filter:alpha(opacity=4);} .ds-v .v5 {width:5px; opacity:0.02; filter:alpha(opacity=2);} /* item gmaps */ .itemgmaps {} .itemgmaps .lmedia {margin-right:13px;} .itemgmaps .lmedia .foto {padding:4px; border:1px solid #ccc;} .itemgmaps p {margin-bottom:5px;} /* listado mapa */ .listado-mapa {clear:both; margin-bottom:40px;} .listado-mapa h3 {margin-bottom:20px; font-size:20px;font-family:'Nunito',Helvetica,Arial;} .listado-mapa ul {float:left; margin-bottom:20px; width:22%; margin-right:2.99%;} .listado-mapa ul li {margin-right:3%; margin-bottom:10px;} .listado-mapa ul li a {color:#666; font-weight:bold;} .listado-mapa ul li a span {font-size:11px; font-weight:normal;} .listado-mapa ul li.separador {} /* =LISTADO EXPERIENCIAS ----------------------------------------------- */ #resultados-wrap {padding:0 6px 30px 0;} #resultados {float:right; position:relative; width:100%; overflow:hidden;} #resultados .cortina {position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; background:#fff; cursor:wait; opacity:0.6; -moz-opacity: 0.60; /* older Gecko-based browsers */ filter:alpha(opacity=60); /* For IE6&7 */} * html #resultados .cortina {height:9999px;} /* IE6 */ #resultados .loader {position:absolute; left:350px; top:45%; z-index:3; cursor:wait;} #resultados li {float:left; width:100%; margin:0 1% 20px 0;} #resultados li.experiencia {width:32.1%;} #resultados li li a {display:block; position:relative; padding:5px; margin-left:2px; border:1px solid #FFF; cursor:pointer;} #resultados li li a:hover {text-decoration:none; border:1px dashed #666;} #resultados li li a .foto {display:block; float:left; border:1px solid #ccc; padding:4px;} #resultados li li a:hover .foto {opacity: 0.80; -moz-opacity: 0.80; /* older Gecko-based browsers */ filter:alpha(opacity=80); /* For IE6&7 */} #resultados li li a .masinfo {display:none; position:absolute; bottom:10px; left:10px; padding:1px 5px; background:#000; color:#FFF; font-size:11px;} #resultados li li a:hover .masinfo {display:inline;} * html #resultados li li a:hover .masinfo {display:none;} /* IE6 */ #resultados li li .etiqueta {visibility:hidden;} #resultados li li a .novedad, #resultados li li a .destacada {position:absolute; top:1px; left:65px; width:30px; height:30px; text-indent:-9999px;} /* IE6 */ * html #resultados li li a .novedad {left:-26px;} * html #resultados li li a .destacada {left:-26px;} #resultados li li a .novedad {background-position:0 -631px;} #resultados li li a .destacada {background-position:0 -661px;} #resultados li li a .descripcion {display:block; position:relative; height:85px; margin-left:95px; color:#000; font-size:11px;} #resultados li li a .descripcion strong {display:block; margin-bottom:5px; font-size:12px;} * html #resultados li li a .descripcion strong {display:block; width:125px; overflow:hidden;} #resultados li li a .descripcion .sumario {display:block; margin-bottom:4px;} #resultados li li a .descripcion .lugar {display:block; width:100%; position:absolute; bottom:0; background:#fff; font-weight:bold; border-top:1px solid #ccc; padding-top:3px;} .versiguientes {clear:both; position:relative; margin-top:50px; border-top:1px solid #666;} .versiguientes div {display:block; margin:0 auto; padding:10px 0; width:20%; text-align:center; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; color:#000; text-transform:uppercase; font-weight:bold; cursor:pointer; background:#eaeaea url(../images/ico/loading-small.gif) no-repeat -9999px 50%;} .versiguientes div.hover, .versiguientes div.loading {color:#FFF; background-color:#00a5d7;} .versiguientes div.loading {text-indent:-9999px; background-position:50% 50%;} .versiguientes .sombra {position:absolute; z-index:9; width:20%; top:0; left:40%; line-height:0px; height:0px; padding:0; border-top:1px solid #000; border-bottom:1px solid #999; opacity:0.20; -moz-opacity: 0.20; filter:alpha(opacity=20); /* For IE6&7 */} * html .versiguientes .sombra {display:none;} /* =BUSQUEDAS ----------------------------------------------- */ .header-resultados-caja {clear:both; margin-bottom:30px; padding-top:35px; border-bottom:1px solid #000; zoom:1; /* ie6 */} .header-resultados-caja .caja {position:relative; font-size:15px;} .header-resultados-caja .caja img {position:absolute; left:13px; bottom:-17px;} .header-resultados-caja .caja .txt-planb{padding-left:72px; line-height:22px;} .header-resultados-caja .meta {text-align:right; padding:0 4px 4px 0;} .header-resultados-caja .meta a {float:none; display:inline-block !important; margin-right:4px;} .header-resultados-caja .meta .precio {display:inline-block; padding-right:7px; font-size:16px; font-family:georgia,serif;} /* =INTRO EXPERIENCIAS ----------------------------------------------- */ #intro-experiencias {position:relative; top:-6px; padding:20px 0; margin:0 6px 0 6px; background-position:50% -409px;} #intro-experiencias .solapa {left:-8px;} #intro-experiencias h3 {font-size:15px; font-weight:normal; width:193px;} #intro-experiencias .left {padding-right:20px;} #intro-experiencias .left .tagline {clear:left; padding:7px 9px; font-size:12px; text-transform:uppercase;} #intro-experiencias .descripcion {padding:5px 15px; line-height:130%; font-family:georgia,serif; font-size:18px; height: auto !important; height: 40px; min-height:40px;} #intro-experiencias .descripcion p {padding-bottom:0;} #intro-experiencias .descripcion .masinfo {margin-left:15px; padding-left:20px; font-size:12px; background-position:0 -1423px;} /* =ADDTHIS ----------------------------------------------- */ .compartir a {background:none!important;padding-left:0!important;} .compartir .addthis-ico {padding-top:2px;} .compartir .label {float:left; height:20px; line-height:19px; margin:0 7px; font-size:12px; text-transform:uppercase; font-weight:bold;} .linksmasinfo .compartir {color:#00A5D7;width:270px;overflow:hidden;} .linksmasinfo .compartir .label {padding-left:22px;margin:0 7px 0 0; font-size:15px; text-transform:none; font-weight:normal;background:url("../images/ico/flechas-tabs-quees.png") no-repeat scroll 0 -95px transparent;} #fichasup .compartir {margin-top:10px; padding:5px 0 0 0; border:1px solid #ccc; height:25px; overflow:hidden;} /* =FICHA EXPERIENCIA ----------------------------------------------- */ .navegacion-ficha {margin-top:7px;} .navegacion-ficha span{padding:0 2px;color:#666} .navegacion-ficha span a {color:#000} .navegacion-ficha span a:hover {color:#00a5d7} #fichasup {} #fichasup h1 {padding:0 0 3px;line-height:1em;} #fichasup h2 {padding:0; margin-bottom:7px; font-size:12px; font-weight:normal;} #fichasup h2, #fichasup #infoppal h3 {color:#00a5d7; text-transform:uppercase; font-family:arial,sans-serif;} #fichasup h1 span {background-color:#CCC; color:#FFF; margin: 0px 3px; font-size:10px; padding:1px 6px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius:7px; text-transform:uppercase;letter-spacing:0;line-height:0;} #fichasup h1 .d{background-color:#00a5d7} #fichasup h1 .n{background-color:#F00} #fichasup #infoppal {font-size:12px;} #fichasup #infoppal h3 {font-size:12px; font-weight:normal;margin-top:1em;} #fichasup #infoppal h3.incluye {padding-left:26px; margin-top:0;height:20px; line-height:20px; font-size:12px; font-weight:bold; background-position:0 -1526px;} #fichasup #infoppal p {padding:3px 0 5px 0;} #fichasup #infoppal div.incluye {padding:3px 0 18px;font-weight:bold;} #fichasup #infoppal div.incluye p {padding-bottom:5px;} #fichasup #infoppal div.incluye ul {list-style:disc;padding:13px;} #fichasup #infoppal div.incluye ul li {padding-bottom:5px;} .private #infoppal {border:1px solid #CCC;padding:1em;margin-bottom:1em;} /* rating: estilos genericos */ .acciones .rating {float:right;} .rating a {margin-left:5px; font-size:11px; font-weight:bold; text-decoration:underline;} #fichasup .vergaleria {margin-bottom:15px;} #fichasup .vergaleria span {display:block;padding:5px 10px; color:#FFF; font-size:12px; margin-top:1px; background:#000;} #fichasup .vergaleria a span:hover {text-decoration:underline;} #fichasup .destacada, #fichasup .novedad {text-indent:-9999px; height:30px; margin-top:5px;} #fichasup .destacada {width:208px; background-position:-30px -661px;} #fichasup .novedad {width:104px; background-position:-30px -631px;} .side-experiencia #sidebar {} .side-experiencia #sidebar .ico-flecha {margin:2px 5px 0 13px; float: left;} .side-experiencia #sidebar .contenida {padding:7px 9px 0 9px; background-position:0 -748px;} .side-experiencia #sidebar .contenida .box {padding-top:23px; background:url(../images/bgr/pico-sidebar.gif) no-repeat 20px 0;} .side-experiencia #sidebar .contenida .box .foto {float:left; padding-left:3px;} .side-experiencia #sidebar .contenida .box .info {margin-left:114px; margin-right:10px;} .side-experiencia #sidebar .contenida .box .links {margin-top:7px; padding-top:8px; border-top:1px dashed #00a5d7;} .side-experiencia #sidebar .contenida .box .links .precio {display:block; margin-bottom:10px; font-family:'Nunito',Helvetica,Arial,sans; font-size:20px; line-height:25px;} .side-experiencia #sidebar .contenida .box .links .precio small{font-size:14px;} .side-experiencia #sidebar .contenida .box .links .gastos {display:block; clear:right; padding-top:8px; font-size:11px;} .side-experiencia #sidebar .comofunciona {clear:both; margin:0 9px 0 9px;} .side-experiencia #sidebar .comofunciona h4 {border:1px solid #ccc; border-top-width:4px; background-color:#f5f5f5; background-position:100% -682px; height:61px;} .side-experiencia #sidebar .comofunciona h4 a {display:block; color:#666; padding:22px 10px 22px 0;} .side-experiencia #sidebar .comofunciona h4 a:hover {color:#000; text-decoration:none;} #fichainf {margin-top:30px; padding-top:20px; border-top:1px dashed #999;} #fichainf .detalles {/*margin-top:-35px;*/} #fichainf .detalles li {margin-bottom: 35px;} #fichainf .detalles li li {margin-bottom: 10px; margin-left:15px;} #fichainf .infopractica li {margin:0 0 10px 15px;} #fichainf .detalles li ul {list-style:outside disc;} #fichainf .detalles .contenido {padding-left:22px;} #fichainf .detalles h4 {cursor:pointer;display:block; padding-left:25px; margin-bottom:15px; font-family:'Nunito',Helvetica,Arial,sans; font-weight:normal; font-size:20px; background-position:0 -1183px;} #fichainf .detalles h4.open {background-position:0 -1236px;} #fichainf .detalles .contenido h5 {font-size:13px; line-height:150%; padding-bottom:10px; font-weight:bold;} #fichainf .detalles .contenido p {font-size:12px; line-height:150%; padding-bottom:20px;} #fichainf .detalles .contenido blockquote {padding:5px 0 25px 50px; font-size:15px; color:#00a5d7; text-transform:uppercase; background-position:12px -2477px;} #fichainf .detalles .galeria .contenido a {display:block; float:left; margin:0 10px 15px 0; overflow:hidden; width:131px; height:89px; text-align:center;} #fichainf .detalles .galeria .contenido img {vertical-align:middle; height:100%; width:auto; display:inline;} #fichainf .detalles .ubicacion .contenido .button {float:right;} #fichainf .detalles .ubicacion .geo {display:none;} #fichainf .detalles .ubicacion .googlemaps img {height:200px; margin-bottom:5px; border:1px solid #ccc;} #fichainf .detalles .ubicacion a.external {} #fichainf .notas {padding:15px; margin:0 9px; background:#383838; color:#FFF;} #fichainf .notas h5 {height:21px; line-height:21px; margin-bottom:3px; text-transform:uppercase; color:#00a5d7;} #fichainf .notas h5 .ico {float:left; display:block; margin-right:5px; width:21px; height:21px; background-position:-141px -459px;} #fichainf .notas h5 .ico.servicios {background-position:-141px -459px;} #fichainf .notas h5 .ico.actividades {background-position:-162px -459px;} #fichainf .notas h5 .ico.info {background-position:-183px -459px;} #fichainf .notas h5 .ico.denomorigen {background-position:-204px -459px;} #fichainf .notas h5 .ico.sensaciones {background-position:-141px -480px;} #fichainf .notas h5 .ico.chef {background-position:-162px -480px;} #fichainf .notas h5 .ico.cocina {background-position:-162px -480px;} #fichainf .notas h5 .ico.restaurante {background-position:-162px -480px;} #fichainf .notas h5 .ico.cercade {background-position:-183px -480px;} #fichainf .notas h5 .ico.localizacion {background-position:-204px -480px;} #fichainf .notas h5 .ico.parque {background-position:-141px -501px;} #fichainf .notas p {padding-bottom:18px; color:#FFF; font-size:12px;} #fichainf .notas p a {color:#FFF; text-decoration:underline;} #fichainf .notas ul {padding-bottom:18px;} #fichainf .notas li {list-style:disc;margin-left:15px;} #fichainf .wrap-reserva {margin-left:22px;} #fichainf #reservar p {padding-bottom:0;} #fichainf p.intro-reservas {padding:0 0 15px 0;} /* =TENGO UN PLANB ----------------------------------------------- */ #loginbono {float:none; margin-bottom:30px;margin-bottom:30px} #loginbono .separador {margin-bottom:25px;} #loginbono .intro {margin-bottom:20px;} #loginbono .intro p {padding-top:7px;} #loginbono .contenido {/*margin-left:40px;*/ padding-left:0;} #loginbono .wrap-form {padding:15px; background:#f4f4f4;} #loginbono .contenido .label {float:left; padding-right:15px; width:150px; line-height:20px; text-align:right;} #loginbono .contenido input {float:left; width:275px; margin-right:10px;} #loginbono .contenido .numbono-wrap {float:left;} #loginbono .contenido .codcheque-wrap {float:left; font-size:11px;} #loginbono .ejemplo {clear:both; display:block; margin-bottom:7px; font-size:11px; color:#999;} #loginbono .anotaciones {clear:both; padding-top:8px;} #loginbono .anotaciones p {font-size:11px !important;} #loginbono .anotaciones .error {color:red;} #loginbono ul.bullets {margin:5px 0 25px 0;} #loginbono ul.bullets li {padding:5px 0;} #loginbono ul.bullets li a {font-weight:bold; text-decoration:underline;} #loginbono ul.bullets li .ico-flecha {margin:1px 14px 0 7px; float: left;} #loginbono ul.bullets li p {margin-left:33px; padding:0;} /* =PANEL BONO ----------------------------------------------- */ .panel-bono {padding: 15px;} .panel-bono .datos-caja {padding:10px 0;margin-left:125px;} .panel-bono .datos-caja h2 {padding:0;font-size:20px;} .panel-bono .datos-caja p {padding:10px 0;} .panel-bono .datos-caja .iconos-categs {margin-right:20px;margin-bottom:0;} .panel-bono .datos-caja .iconos-pax {margin-bottom:0;} .panel-bono .datos-bono {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:0 10px; background-color:#EAEAEA; text-align:center;} .panel-bono .datos-bono p{font-size:14px; margin:10px 0} .panel-bono .datos-bono div {padding:10px 0;border-top: 1px solid #FFF;text-align:center;} #fichasup .seleccionfecha {background-color:#FEFFEF; padding:1em; border:1px solid #CCC;} #fichasup .seleccionfecha h4 {font-size:16px;font-weight:bold;} #fichasup .seleccionfecha h5 {font-size:13px;font-weight:bold;} #fichasup .seleccionfecha .bullets {margin:2em 0;} #fichasup .seleccionfecha ul li {margin-bottom:3px!important;} #fichasup .seleccionfecha .anotaciones {margin-right: 10px; margin-top: 4px; float: right;} #fichasup .seleccionfecha .anotaciones .error{color:red} #fichasup .seleccionfecha .button {margin-top:1em;} #fichasup .seleccionfecha input {width:10em;font-size:15px;} #fichasup .seleccionfecha #fechasalida {font-size:15px;padding-left:10px} #fichasup .seleccionfecha #noches {font-size:15px;padding-left:55px} #fichasup .datoscontacto .direccion {padding:15px 15px 15px 20px; background:#f4f4f4;} #fichasup .datoscontacto .direccion div {padding:10px 0; font-size:15px;} #fichasup .datoscontacto .direccion .button.mapa {float:right;} #fichasup .datoscontacto .direccion p strong {font-size:15px;} #fichasup .datoscontacto .contacto {margin-top:3px; height:45px; line-height:45px; color:#FFF; background:#00a5d7 url(../images/bgr/degradado-contacto.png) repeat-x left bottom;} #fichasup .datoscontacto .contacto .telefono {float:left; width:30%; font-size:18px;} #fichasup .datoscontacto .contacto .telefono a {color:#FFF} #fichasup .datoscontacto .contacto .mail {float:right; width:68%; border-left:1px solid #FFF;} #fichasup .datoscontacto .contacto .mail a {float:left; width:100%; color:#FFF; text-decoration:underline; font-size:15px;} #fichasup .datoscontacto .contacto .mail a:hover {background:#00a5d7;} #fichasup .datoscontacto .contacto .telefono .ico, #fichasup .datoscontacto .contacto .mail .ico {float:left; background:url(../images/ico/telefono-mail.png) no-repeat 0 0; width:29px; height:25px; font-size:1px; line-height:1px; margin:10px 5px 10px 20px; cursor:pointer;} #fichasup .datoscontacto .contacto .mail .ico {background-position:0 -27px; margin:10px 15px 10px 20px;} .opiniones {} .opiniones ul {} .opiniones ul li {margin-bottom:18px !important;} .opiniones ul li .item {-moz-border-radius:6px; -webkit-border-radius:6px; padding:16px 20px 0 20px; background:#eaeaea;} .opiniones ul li .item .meta {margin-bottom:8px;} .opiniones ul li .item .meta .rating {padding:0; margin-right:7px;} .opiniones ul li .item .meta .asunto {font-weight:bold; line-height:18px;} .opiniones ul li .item.respuesta .meta .asunto {color:#666;} .opiniones ul li .item .meta .fechaopinion {color:#666;} .opiniones ul li .item .vermas a {text-decoration:underline;} .opiniones ul li .item.respuesta {position:relative; margin:12px 0 0 30px; background:#f4f4f4;} .opiniones ul li .item.respuesta img {position:absolute; top:-11px; left:50px;} .opiniones .acciones {padding:0 10px; line-height:21px;} .opiniones .acciones .vermas {float:left;} .opiniones .acciones .vermas a {text-decoration:underline;} .opiniones .acciones .reserva {float:right; text-align:right;} .opiniones .acciones .reserva .button {float:right; margin-left:8px;} .imprimir {} .imprimir p {} .imprimir p a {text-decoration:underline;} .imprimir .button {float:right;} .imprimir .button span {white-space:nowrap;} /* =CRUCERO, MAR Y CARIBE ----------------------------------------------- */ .bannerficha {margin-top:12px;} .bannerficha img.banner {float:left;} .bannerficha .galeria-wrap {display:block; float:left; width:292px; height:311px !important; background-color:#373737;} .bannerficha .galeria-wrap h3 {clear:both; width:70%; margin:0 auto; padding-top:21px; text-align:center; color:#fff; font-size:12px;} .bannerficha .galeria {position:relative; display:block; float:left; margin-left:16px; width:260px; height:252px !important; overflow:hidden; background-color:#373737;} * html .bannerficha .galeria {margin-left:8px;} /* IE6: margin se duplica cuando esta flotado */ .bannerficha .galeria ul {margin-top:22px;} .bannerficha .galeria ul li {float:left; height:252px; width:276px;} * html .bannerficha .galeria ul li {width:280px;} /* IE6 crash */ .bannerficha .galeria ul li a {float:left; margin:0 16px 22px 0; border:1px solid #000;} .bannerficha .galeria ul li a:hover {border:1px solid #000;} .bannerficha .galeria ul li a img {float:left;} /* carousel galeria */ .bannerficha .galeria .carousel-previous, .bannerficha .galeria .carousel-next {display:block; position:absolute; width:20px; height:20px; text-indent:-9999px; opacity:0.9; filter:alpha(opacity=90); cursor:pointer;} .bannerficha .galeria .carousel-previous {bottom:-38px; left:0; background-position:-170px -265px;} .bannerficha .galeria .carousel-next {bottom:-38px; right:0; background-position:-191px -265px;} .bannerficha .galeria .hover {opacity:1; filter:alpha(opacity=100);} .bannerficha .galeria .disabled {opacity:0.2; filter:alpha(opacity=20); cursor:default;} .ico-rel {float:left; display:block; width:27px; height:27px;} .ico-rel-barco {background-position: 0px -382px;} .ico-rel-mar {background-position:-27px -382px;} .ico-rel-zona {background-position:-54px -382px;} .related {clear:both; margin-top:17px; padding-top:17px; border-top:1px solid #ccc; font-size:11px;} .related strong {display:block; margin-left:32px;} .related a {margin-left:5px; color:#00a5d7;} #fichainf.barco, #fichainf.mar, #fichainf.caribe {margin-top:25px; padding-top:0; border-top:0;} /* sobreescritura para eliminar el desplegable */ #fichainf.barco .detalles h4, #fichainf.mar .detalles h4, #fichainf.caribe .detalles h4 {cursor:text; padding-left:0; margin-bottom:18px; font-size:20px; background:none;} /* sobreescritura sidebar (margins) */ .barco .side-experiencia #sidebar .comofunciona, .mar .side-experiencia #sidebar .comofunciona, .caribe .side-experiencia #sidebar .comofunciona {margin-top:15px;} #fichainf.barco .notas {margin-top:25px;} .listado-cruceros .barco {height:27px; line-height:26px;} .listado-cruceros .barco h5 {float:left; margin-left:12px; font-size:15px; font-weight:bold;} .listado-cruceros .barco a {float:right; margin-right:4px; color:#00a5d7; font-weight:bold;} .listado-cruceros ul {margin:0 0 17px 34px; padding-top:3px; border-top:1px solid #ccc; line-height:160%;} .listado-cruceros ul li {padding:5px; margin:0 !important;} .listado-cruceros ul li.hover {background:#f5f5f5; cursor:pointer;} .listado-cruceros ul li a {display:block; font-weight:bold; color:#00a5d7;} .listado-cruceros ul li a:hover {text-decoration:none;} .listado-hoteles ul {margin:0 0 17px 0;} .listado-hoteles ul li {padding:0 4px; margin:0 !important; height:33px; line-height:33px; border-bottom:1px solid #ccc; text-align:right;list-style:none;} .listado-hoteles ul li.ultimo {border-bottom:0;} .listado-hoteles ul li.hover {background:#f5f5f5; cursor:pointer;} .listado-hoteles ul li a {float:left; font-weight:bold; color:#00a5d7;} .listado-hoteles ul li a:hover {text-decoration:none;} .listado-hoteles ul li .ico-flecha {float:left; margin:10px 6px 0 0;} .crucero img.mapa-crucero {margin-bottom:20px;} .crucero img.mapa-crucero-right {margin-bottom:20px; margin-left:20px; float:right;} /* sobreescritura descripcion */ #fichainf.barco .detalles .contenido, #fichainf.mar .detalles .contenido, #fichainf.caribe .detalles .contenido {padding-left:0;} .leermas {} .leermas a {float:right; padding:5px 21px 5px 9px; font-weight:bold; background-color:#00a5d7; color:#fff; background-position:104% -1827px;} .leermas a.off {background-position:104% -1870px;} a.verdetalles {font-weight:bold; color:#fff; text-decoration:underline;} /* =EMPRESAS ----------------------------------------------- */ #empresas h2 {margin-top:15px;} #empresas ul.bullets {margin-top:0;} #empresas ul.bullets p {margin-left:33px; line-height:120%;} #empresas ul.bullets em {display:block; font-style:normal;} .landing-empresas {padding-bottom:20px;} .landing-empresas .link-contacto {padding-bottom:20px;} .landing-empresas #contacto div {padding-left:0;} .landing-empresas #contacto .pbform fieldset {border:none; padding:0;} .landing-empresas #contacto .pbform textarea {width:238px;} .landing-empresas .nota > div {margin-bottom:0;} .landing-empresas ul.equipo {padding:20px 0 20px 0; height: auto !important; height:110px; min-height:110px;} .landing-empresas ul.clientes h3, .landing-empresas ul.equipo h3 {font-size:12px; font-weight:bold; margin-left:33px;} .landing-empresas #sidebar.bigsidebar .contenida {background-position:-487px -748px;} .landing-empresas #sidebar .contenida {margin-bottom:25px;} .landing-empresas .telefono {float:left; padding:18px 0 0 16px; margin:0 40px 0 0; background:url(../images/bgr/pico-sidebar.gif) no-repeat scroll 20px 0; color:#00a5d7; font-weight:bold; font-size:20px; line-height:29px;} .ico-telefono-azul {background-position:0 -340px; margin:0 10px 0 0; float:left; width:29px; height:29px; font-size:1px; line-height:1px;} .landing-empresas .horario {color:#00a5d7; padding-top:18px;} #main-empresas {height:auto !important; height:290px; min-height:290px; background:url(../images/showcase/cajas-main-empresas2.jpg) no-repeat 306px 25px; border-bottom:1px dotted #00a5d7; margin-bottom:15px;} #main-empresas .izda {float:left; width:303px; margin-top:12px;} #main-empresas .izda h1 {font-size:28px; width:333px; padding:0;} #main-empresas .izda h1 strong {font-weight:normal;} #main-empresas .izda h1 strong em {color:#00a5d7;} #main-empresas .izda h1 span {display:block; font-size:18px; color:#666;} #main-empresas .izda p {margin-top:15px;font-size:14px;} #main-empresas .contacta {float:right; width:255px; margin-top:12px;} #main-empresas .contacta .horario {clear:both; font-size:11px; color:#000; padding:1px 0 0 55px;} #main-empresas .contacta .link-contacto {color:#000; margin-top:15px; padding:10px 10px 10px 55px; background-position:16px -1705px;} #main-empresas .contacta .link-contacto p {clear:both; padding-top:5px;} #main-empresas #sidebar .contenida {background:url(../images/bgr/sombra-empresas.png) no-repeat 0 0;} #promocional {} #promocional .link-contacto {color:#00a5d7;} #promocional .sample {float:left; margin:40px 25px 30px 0; font-size:11px; text-align:center;} #promocional .sample a {display:block; padding:2px; margin-bottom:5px; background:#ccc; border:1px solid #ccc; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px} #promocional .sample a:hover {border-color:#00a5d7;} #promocional .sample .ico-mas{background:url("../images/ico/masmenos-azul.gif") bottom left no-repeat;width:18px;height:18px;display:block; margin:-10px 0 0 106px;} #promocional .sample .custom{ background:url("../images/showcase/empresas-perso.jpg") top left no-repeat; } #promocional .sample .p1{ width:113px; height:113px; background-position:-10px -10px; } #promocional .sample .p2{ width:113px; height:113px; background-position:-10px -256px; } #promocional .sample .p3{ width:113px; height:113px; background-position:-10px -133px; } #promocional .sample .p4{ width:113px; height:113px; background-position:-5px -379px; } #quote-empresas {clear:both; position:relative; padding:0; background:#f8f8f8; border-top:1px dotted #00a5d7;} #quote-empresas p {font-family:Georgia,serif; font-size:28px; font-style:italic;padding:26px 34px;line-height:1.45em;color:#666;} #quote-empresas .descubrelas {position:absolute; top:77px; left:676px; line-height:150%; font-size:18px; font-weight:bold; color:#00a5d7; padding-right:29px; background-position:100% -1652px;} /* =TABS ----------------------------------------------- */ .tabs {position:relative; padding-bottom:35px;} .tabs ul.tabs-nav {width:183px; position:absolute; top:0; left:0; padding-bottom:1px; background:url(../images/bgr/bgr-tabs.png) no-repeat 0 -28px;} * html .tabs ul.tabs-nav {left:-181px;} /* IE6 */ .tabs ul.tabs-nav li {display:block; margin:1px 0 0 1px; height:47px; overflow:hidden; font-size:15px; font-weight:bold; background:#fff; border-right:1px solid #fff;} .tabs ul.tabs-nav li a {display:block; height:47px; line-height:48px; color:#666; border-right:1px solid #ccc; background:url(../images/ico/flechas-tabs-quees.png) no-repeat 156px -32px;} * html .tabs ul.tabs-nav li a {line-height:47px;} /* IE6 */ .tabs ul.tabs-nav li a span {display:block; padding:0 10px;} .tabs ul.tabs-nav li a:hover {text-decoration:none; color:#00a5d7; background-position:156px -80px;} .tabs ul.tabs-nav li.active {border:0; background:transparent;} .tabs ul.tabs-nav li.active a {color:#000; border:0; background-position:156px 17px;} .tabs .tabs-content {margin-left:181px; border:1px solid #ccc; padding:33px 32px 32px 32px; height:auto !important; height:450px; min-height:450px; background:url(../images/bgr/bgr-tabs.png) no-repeat -182px -1px;} .tabs .tabs-content h2 {margin:0; padding:0 0 20px 0; font-weight:normal; line-height:130%; font-size:22px; color:#00a5d7;} /* =REGALA ----------------------------------------------- */ #regala {} #regala h1 {padding:16px 0 32px 0; color:#999; font-size:28px;} *:first-child+html #regala h1 {padding:9px 0 31px 0;} #regala h2 {display:none;} #regala h2.active {display:block;} #regala .textos {margin-top:20px; padding-bottom:20px;} /* not ie6 */ html>body #regala .tabs ul.tabs-nav li a span {padding:0 10px 0 40px;} html>body #regala .tabs ul.tabs-nav li a {background:none;} html>body #regala .tabs ul.tabs-nav li.all a {background:url(../images/ico/ico_categ_all.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.gastronomia a {background:url(../images/ico/ico_categ_gastronomia.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.aventura a {background:url(../images/ico/ico_categ_aventura.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.bienestar a {background:url(../images/ico/ico_categ_bienestar.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.estancias a {background:url(../images/ico/ico_categ_estancias.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.viajes a {background:url(../images/ico/ico_categ_viajes.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.nieve a {background:url(../images/ico/ico_categ_nieve.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.novedades a {background:url(../images/ico/ico_categ_novedades.png) no-repeat 2.8% 50%;} html>body #regala .tabs ul.tabs-nav li.salud-deporte a {background:url(../images/ico/ico_categ_salud-deporte.png) no-repeat 2.8% 50%;} #regala .tabs .tabs-content h2 {padding-bottom:0;} #regala .tabs .graphic {display:none; position:absolute;} #regala .tabs .graphic.active {display:block;} * html #regala .tabs .graphic.active {display:block;} #regala .tabs .graphic-todas {top:-44px; right:12px;} #regala .tabs .graphic-gastronomia {top:-108px; right:18px;} #regala .tabs .graphic-aventura {top:-45px; right:-50px;} #regala .tabs .graphic-bienestar {top:-70px; right:7px;} #regala .tabs .graphic-estancias {top:-76px; right:28px;} #regala .tabs .graphic-viajes {top:-65px; right:0;} #regala .tabs .graphic-nieve {top:-65px; right:0;} #regala .tabs .graphic-novedades {top:-54px; right:28px;} #regala .tabs .graphic-salud-deporte {top:-64px; right:22px;} /* =BOXGRID ----------------------------------------------- */ .boxgrid .textos {position:relative; margin-top:20px; padding-bottom:20px;} .boxgrid ul.catalogo {} .boxgrid ul.catalogo li {width:30.5%; margin:20px 1%; display:-moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .boxgrid ul.catalogo li img {float:left;} .boxgrid ul.catalogo li .detalle {margin-left:114px; height:125px;} .boxgrid ul.catalogo li .detalle form {float:left;} .boxgrid ul.catalogo li .detalle strong {display:block; padding:6px 0; font-size:14px; font-family:arial,sans-serif;} .boxgrid ul.catalogo li .detalle strong.precio {float:left; margin:1px 0 0 8px; padding:0; line-height:22px;} .boxgrid ul.catalogo li .detalle span.sinstock {float:left; margin:0 5px 0 0;line-height:20px;padding:2px 6px;color:#FFF;background-color:#999} .boxgrid ul.catalogo li .detalle strong span {color:#00a5d7;} .boxgrid ul.catalogo li .detalle p {padding-bottom:6px; font-size:11px; line-height:120%;} .boxgrid ul.catalogo li .detalle .button {margin-top:2px;} .boxgrid ul.catalogo li .detalle a.masinfo {font-weight:bold; color:#00a5d7;} .boxgrid ul.catalogo li .detalle a:hover {text-decoration:none;} .boxgrid ul.catalogo li .detalle p a:hover {text-decoration:underline;} .boxgrid ul.catalogo li.separador {float:none; margin:0; width:100%;} /* =QUE ES ----------------------------------------------- */ #quees {} #quees h1 {padding:10px 0 25px 0; font-size:30px; line-height:1em} #quees h1 span {color:#00a5d7;} #quees .intro {margin-top:20px; height: auto !important; height: 282px; min-height:282px; font-size:15px; line-height:130%;} #quees .intro p {padding-bottom:15px;} #quees .video {float:right; width:50%; text-align:center;} #quees .video a#player {display:inline-block; margin:0 auto; padding:4px; background:url(../images/bgr/bgr_video.png) no-repeat 50% 0;} #quees .video a#player img {opacity: 0.85; filter:alpha(opacity=85);} #quees .video a#player:hover img {opacity: 1; filter:alpha(opacity=100);} #quees .video p.pie {padding:0; font-size:0.8em; font-weight:bold;} #quees .video p.pie a {color:#00a5d7; text-decoration:underline;} #quees .tabs {margin-top:30px;} /* nav-buttons */ #quees .textos .tabs-content .tabs-inner-nav {clear:both; margin:0 auto; padding-top:27px; text-align:center;} #quees .textos .tabs-content .tabs-inner-nav .button.single {display:inline-block !important; float:none; clear:both; margin:0 auto;} #quees .textos .tabs-content .tabs-inner-nav .button.prev {float:left;} #quees .textos .tabs-content .tabs-inner-nav .button.next {float:right;} #quees .textos .tabs-content .tabs-inner-nav .button span {text-transform:none;} #quees .textos .tabs-content #tab-queesplanb .side1 {float:right; margin-top:-15px; padding-right:31px; padding-left:34px;} #quees .textos .tabs-content #tab-queesplanb p {padding-top:10px;} #quees .textos .tabs-content #tab-quehaydentro .side2 {float:right; margin:-35px -30px -20px 0; padding-left:34px;} * html #quees .textos .tabs-content #tab-quehaydentro .side2 {margin:-17px -15px -10px 0; padding-bottom:15px; position:relative;} #quees .textos .tabs-content #tab-quehaydentro ul {padding:10px 0 18px 0;} #quees .textos .tabs-content #tab-quehaydentro ul li {padding-left:13px; line-height:150%; padding-bottom:10px; background-position:-256px -297px;} #quees .textos .tabs-content #tab-cajaeplan .side2 {float:right; margin:-10px -8px -10px 0; padding-left:20px;} #quees .textos .tabs-content #tab-comofunciona {} #quees .textos .tabs-content #tab-comofunciona h2 span {display:block; margin-left:70px;} #quees .textos .tabs-content #tab-comofunciona .cols {} #quees .textos .tabs-content #tab-comofunciona .columna {float:left; width:45%;} #quees .textos .tabs-content #tab-comofunciona .columna.tu {margin-right:9%;} * html #quees .textos .tabs-content #tab-comofunciona .columna.tu {margin-right:1%;} #quees .textos .tabs-content #tab-comofunciona .columna img {clear:left; margin:10px 0 30px 64px;} #quees .textos .tabs-content #tab-comofunciona .columna ol {list-style:none;} #quees .textos .tabs-content #tab-comofunciona .columna ol li p {float:left; margin-left:5px;} html>/**/body #quees .textos .tabs-content #tab-comofunciona .columna ol li p {float:none; margin-left:50px;} /* not IE */ /* ie6 --> h2 & images */ * html #quees .textos .tabs-content #tab-comofunciona h2 {visibility:hidden;} * html #quees .textos .tabs-content #tab-comofunciona .columna img {visibility:hidden;} * html #quees .textos .tabs-content #tab-comofunciona .columna.tu {background:url(../images/layout/comofunciona-tu-ie6.png) no-repeat 0 0;} * html #quees .textos .tabs-content #tab-comofunciona .columna.ellos {background:url(../images/layout/comofunciona-ellos-ie6.png) no-repeat 0 0;} #quees .textos .tabs-content #tab-porqueplanb {} #quees .textos .tabs-content #tab-porqueplanb h2 {padding-bottom:30px;} #quees .textos .tabs-content #tab-porqueplanb .side3 {float:right; display:inline-block; padding:0 0 20px 50px;} #quees .textos .tabs-content #tab-porqueplanb ol {display:block; list-style:none;} * html #quees .textos .tabs-content #tab-porqueplanb ol {margin-right:-16px;} #quees .textos .tabs-content #tab-porqueplanb ol li p {float:left; margin-left:5px; padding-top:2px;} html>/**/body #quees .textos .tabs-content #tab-porqueplanb ol li p {float:none; margin-left:35px;} /* not IE */ #quees .textos .tabs-content #tab-quecajaregalo {} /* RADIO FILTERS */ #quees .textos .tabs-content #tab-quecajaregalo ul.radio {padding-top:10px;} ul.radio {height:30px; margin: auto} ul.radio li {float:left; height:30px; line-height:30px; overflow:hidden; background:url(../images/bgr/layout-radio.png) no-repeat 50% 0;} ul.radio li#begin-radio {background-position:0 0; padding-left:5px;} ul.radio li#end-radio {background-position:100% 0; padding-right:5px;} ul.radio li .label-select {position:relative;} * html ul.radio li .label-select {top:-3px;} *:first-child+html ul.radio li .label-select {top:-3px;} ul.radio li select {margin-left:5px; font-size:12px;} * html ul.radio li select {margin-top:5px;} ul.radio li .wrap {display:block; float:left; height:30px; padding-left:7px; padding-right:7px; border-left:1px solid #bbb; border-right:1px solid transparent;} * html ul.radio li .wrap {padding-left:7px; padding-right:8px; border-right:0;} ul.radio li#begin-radio .wrap {border-left:1px solid transparent;} * html ul.radio li#begin-radio .wrap{padding-left:8px; padding-right:8px; border-left:0;} ul.radio li a.wrap {text-decoration:none; cursor:pointer; color:#000;} ul.radio li a.wrap:hover {text-decoration:underline;} ul.radio li .wrap span.name {float:left; margin-right:3px; font-size:12px; font-weight:bold; text-transform:uppercase;} ul.radio li .wrap span.radio {display:block; float:left; width:14px; height:14px; margin:8px 6px 0 0; background:url(../images/bgr/layout-radio.png) no-repeat -305px -60px;} ul.radio li.active {background-position:50% -30px;} ul.radio li.active .wrap {background:url(../images/bgr/layout-radio.png) no-repeat 0 -60px; border-left:none; padding-left:8px; border-right:1px solid transparent;} * html ul.radio li.active .wrap {border-left:0; border-right:0; padding:0 8px;} ul.radio li.active .wrap span.radio {background-position:-291px -60px;} ul.radio li#begin-radio.active {background-position:0 -30px;} ul.radio li#begin-radio.active .wrap{background:none; padding-left:7px; border-left:1px solid transparent; border-right:1px solid transparent;} * html ul.radio li#begin-radio.active .wrap {padding:0 8px; border:0;} ul.radio li#end-radio.active {background-position:100% -30px;} ul.cajas {padding-top:40px;} ul.cajas li {display:-moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline; width:43.5%; margin-right:6%; margin-bottom:3em;} * html ul.cajas li {margin-right:3%;} ul.cajas li img {float:left;} ul.cajas li .detalle {margin-left:114px;} ul.cajas li .detalle form {float:left;} ul.cajas li .detalle a {text-decoration:none; margin-right:10px;} ul.cajas li .detalle strong {display:block; padding:0 0 6px 0; font-size:13px; font-family:arial,sans-serif; color:#000;} ul.cajas li .detalle strong.precio {display:inline; padding:0; line-height:25px; font-size:15px;} ul.cajas li .detalle strong span {color:#00a5d7;} ul.cajas li .detalle span.sinstock {color:#FFF;background-color:#999;padding:3px 6px; margin-right:5px;} ul.cajas li .detalle p {padding-bottom:6px; font-size:11px; line-height:120%; color:#666;height:25px;} ul.cajas li .detalle p a {text-decoration:none; color:#666;} ul.cajas li .detalle p.contiene {font-weight:bold;height:auto;} ul.cajas li .detalle .link-masinfo p.contiene a.masinfo {color:#00a5d7; padding-right:10px;} ul.cajas li .detalle .link-masinfo p.contiene a.masinfo.hover {text-decoration:underline; background-position:100% -1790px;} ul.cajas li.hover .link-masinfo {cursor:pointer;} ul.cajas li.hover .link-masinfo p {color:#000 !important;} ul.cajas li.hover .link-masinfo strong, ul.cajas li.hover .link-masinfo p.contiene .masinfo {text-decoration:underline; background-position:100% -1790px;} ul.cajas li .detalle .button {margin-top:2px;} ul.cajas li .detalle .button span {text-transform:uppercase !important;} /* =SEPARA CATEGORIAS ----------------------------------------------- */ .cajas li.separa-cat {background:#B20865 url(../images/ico/ico_categ_gastronomia_neg.png) no-repeat 1% 50%; color:#fff; width:100%; font-weight:bold; line-height:28px; min-height:0; height:auto !important; margin-bottom:25px; margin-right:0; font-size:15px; zoom:1;} .cajas li.separa-cat .etiqueta {margin-left:35px;} ul.cajas li.cat-aventura {background-color:#ED7910; background-image:url(../images/ico/ico_categ_aventura_neg.png);} ul.cajas li.cat-bienestar {background-color:#66C5ED; background-image:url(../images/ico/ico_categ_bienestar_neg.png);} ul.cajas li.cat-estancias {background-color:#B3B814; background-image:url(../images/ico/ico_categ_estancias_neg.png);} ul.cajas li.cat-viajes {background-color:#745695; background-image:url(../images/ico/ico_categ_viajes_neg.png);} ul.cajas li.cat-nieve {background-color:#8ba6d9; background-image:url(../images/ico/ico_categ_nieve_neg.png);} ul.cajas li.cat-novedades {background-color:#ce4022; background-image:url(../images/ico/ico_categ_novedades_neg.png);} ul.cajas li.cat-salud-deporte {background-color:#008C46; background-image:url(../images/ico/ico_categ_salud-deporte_neg.png);} /* =LANDINGS PROMOCIONALES ----------------------------------------------- */ #landing {} #landing .banner {margin-top:-15px; border-bottom:1px solid #ccc;height:290px;background-color:#EAEAEA} #landing .banner h1 {position: absolute; top:250px; left:50px; padding:10px 0 25px 0; font-size:36px;color:#00A5D7;font-family:Nunito,Helvetica,Arial,sans-serif;} #landing .banner h1 span {color:#000;display:block;font-size:24px;line-height:24px;} #landing .banner h1 strong {color:#999;display:block;font-size:24px;line-height:24px;} #landing .banner img {width:960px;height:290px} #landing .separador {border-top:0;} #landing .texto {position:relative; top:28em; padding:20px 290px 7px 15px; font-size:13px; line-height:130%; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:url(../images/showcase/cajas-texto-landing-seo.jpg) no-repeat 96% 40px; overflow:hidden;height:17em;} #landing .texto p {padding-bottom:13px;} html>/**/body #landing .listado-tipo-caja {padding-bottom:0;} /* modern browsers only (not IE 7) */ #landing .listado-tipo-caja {width:100%; padding-bottom:30px; border-bottom:0; top:0; position:absolute; height:55em;border-top:0px;} * html #landing .listado-tipo-caja {top:-1px;} #landing .listado-tipo-caja .tabs-nav {position:absolute; left:0; top:-36px;} * html #landing .listado-tipo-caja .tabs-nav {top:-34px;} #landing .listado-tipo-caja .tabs-nav li {float:left; height:33px; overflow:hidden; margin:1px 10px 0 14px; border:1px solid #ccc; border-bottom-color:transparent; border-bottom:none;} * html #landing .listado-tipo-caja .tabs-nav li {margin-top:0;} #landing .listado-tipo-caja .tabs-nav li:hover {cursor:pointer; border-color:#ccc; border-bottom-color:transparent;} #landing .listado-tipo-caja .tabs-nav li.active:hover {cursor:pointer; border-color:#ccc; border-bottom-color:#fff;} #landing .listado-tipo-caja .tabs-nav li.active {border-color:#ccc; border-bottom:2px solid #fff;} #landing .listado-tipo-caja .tabs-nav li h2 {margin:0; padding:0; line-height:35px; } #landing .listado-tipo-caja .tabs-nav li h2 span {color:#000 !important;} #landing .listado-tipo-caja .tabs-nav li a {height:33px; float:left; padding:0 15px; color:#000 !important;} #landing .listado-tipo-caja .tabs-nav li a:hover {text-decoration:none; color:#00a5d7;} * html #landing .banner {margin-top:0;} #landing .tabs-nav li a {padding:0 15px; background:#fff;} #landing .producto {position:relative; height:auto !important; height:50em; min-height:50em;} /* parte inferior - como funciona */ .pasos-comofunciona {width:69%; margin:55px auto 0 auto; padding-bottom:10px;} .pasos-comofunciona .intro {float:left; width:150px; font-size:11px;} .pasos-comofunciona .comofunciona .intro {padding-left:18px;} .pasos-comofunciona .intro h3 {font-size:15px; font-weight:bold;} .pasos-comofunciona .intro p {margin-top:6px;} .pasos-comofunciona .intro a {color:#00a5d7;} .pasos-comofunciona ol {float:right; width:470px; height:85px; margin:0; padding:0; background:url(../images/bgr/comofunciona-pasos.png) no-repeat 0 0;} .pasos-comofunciona ol li {float:left; color:#666; padding:0; list-style:none;} .pasos-comofunciona ol li p {padding:9px 0 0 59px;} .pasos-comofunciona ol li.paso1 {width:147px;} .pasos-comofunciona ol li.paso2 {width:159px;} .pasos-comofunciona ol li.paso2 p {padding-top:1px;} .pasos-comofunciona ol li.paso3 {width:150px;} /* popup condiciones */ .popup-conds {padding:10px 10px 0 10px;} .popup-conds a {color:#00a5d7;} .popup-conds p {line-height:150%; margin-bottom:10px;} .popup-conds ul {list-style:disc outside none;margin:0 1em 1em 1em} .popup-conds ol {list-style:number inside none;margin:0 1em 1em 1.5em} .popup-conds li {margin-bottom:5px;} .popup-conds table {margin: 0 0 15px; border:0;} .popup-conds table td {border:1px solid #CCC; background-color: #FAFAFA; vertical-align:top; padding: 10px;} /* =PUNTOS DE VENTA ----------------------------------------------- */ #puntosdeventa ul.bullets {margin:5px 0 25px 0;} #puntosdeventa ul.bullets li {padding:5px 0;} #puntosdeventa ul.bullets li a {font-weight:bold; text-decoration:underline;} #puntosdeventa ul.bullets li .ico-flecha {margin:1px 14px 0 7px; float: left;} #puntosdeventa ul.bullets li p {margin-left:33px; padding:0;} #puntosdeventa .proveedores {margin-top:30px;} #puntosdeventa .proveedores p {margin-bottom:20px;} #puntosdeventa .proveedores .logos {margin:0 0 30px -50px;} #puntosdeventa .proveedores .logos img {display:inline; vertical-align:middle; margin:0 0 40px 45px;} #puntosdeventa .oficinasbv a {display:block; text-align:center; margin-bottom:20px;} #puntosdeventa .oficinasbv a img {margin:0 auto;} /* version futura #puntosdeventa ul.bullets {margin:20px 0 25px 0; padding-left:470px; background:url(../images/layout/mapa-espana.png) no-repeat 23px 0;} #puntosdeventa ul.bullets li {margin-bottom:10px;} #puntosdeventa ul.bullets li a {font-weight:bold; text-decoration:underline;} #puntosdeventa ul.bullets li .ico-flecha {margin:1px 14px 0 7px; float: left;} #puntosdeventa ul.bullets li p {margin-left:33px; padding:0;} #puntosdeventa ul.logos {margin:30px 0 0 33px;} #puntosdeventa ul.logos img {display:inline; margin:0 35px 25px 0; vertical-align:middle;} #puntosdeventa h2 {color:#666;} .puntos {padding:40px 10px; background:url(../images/bgr/shadow-key.png) no-repeat 0 0;} form.pdventa {margin:0 0 40px 10px;} form.pdventa fieldset {border:0; padding:0;} form.pdventa .button {margin-left:25px;} form.pdventa label {font-weight:bold; color:#00a5d7;} .localidades li {margin-bottom:10px;} .localidades li h3 {font-size:15px; font-weight:bold; color:#666; border-bottom:1px dotted #999; overflow:hidden;} .localidades li h3 a {display:block; padding:3px 0 3px 10px; color:#666;} .localidades li h3 a:hover {text-decoration:none; color:#000;} .localidades li h3 span {display:none; font-size:12px; font-weight:normal; color:#aaa;} .localidades li.hover h3 span.ver {display:inline;} .localidades li.open.hover h3 span.ver {display:none;} .localidades li.open.hover h3 span.ocultar {display:inline;} .localidades li h3 .ico-showhide {display:block; float:left; margin:4px 8px 0 0; width:9px; height:9px; overflow:hidden; background-position:-84px -329px;} .localidades li.open h3 .ico-showhide {background-position:-84px -341px;} .localidades li .centros {display:none; color:#666; padding-bottom:30px;} .localidades li.open .centros {display:block;} .localidades li .centros li {display: -moz-inline-stack; display:inline-block; vertical-align:top; width:33%; margin-top:20px; zoom:1;} * html .localidades li .centros li {display:inline;} *:first-child+html .localidades li .centros li {display:inline;} .localidades li .centros li p {padding-left:10px;} */ /* =AYUDA ----------------------------------------------- */ #ayuda h2 {padding-left:30px; background-position:0 -1585px;} #ayuda ul {padding:0 0 15px 30px;} #ayuda .toc {padding:14px 14px 8px 14px; margin-bottom:20px; border:1px solid #ccc;} #ayuda .toc h2 {padding:0; background:none; font-size:13px; margin-bottom:14px;} #ayuda .toc ul {padding:0;} #ayuda .toc ul li {margin:8px 0;} #ayuda .toc .ico-flecha {float:left; margin:1px 10px 0 0;} /* =ACCESO ----------------------------------------------- */ .acceso {padding-right:45%; height: auto !important; height: 280px; min-height:280px; background:url(../images/bgr/acceso.jpg) no-repeat 90% 50%;} .acceso p {padding:12px 0 38px 0; font-size:15px; line-height:130%;} .acceso .button {margin-left:140px;} /* =CONFIRMACION ----------------------------------------------- */ #confirmacion ul.bullets h2 {margin-left:33px;} #confirmacion .msg-info-big {margin:10px 0 20px 0;} /* =PEDIDO ----------------------------------------------- */ .nav-pedido {padding:14px 0 13px 0; font-family:'Nunito',Helvetica,Arial,sans; font-size:24px; color:#999;margin-top:3px;} .nav-pedido span {color:#000;} .verdetalle {padding:8px 0 7px 0; font-size:12px; font-weight:bold;} .verdetalle .ico-flecha {margin:1px 5px 0 0; float: left;} .verdetalle strong{color:#00A5D7} .verdetalle span{font-weight:normal;} #sidebar {} #sidebar .contenida {padding:7px 9px 0 9px; margin-bottom:30px; background-position:0 -748px;} /* sobreescritura para ficha */ .side-experiencia #sidebar .contenida {margin-top:-7px;} #sidebar .contenida h3 {height:35px; line-height:35px; padding:0 10px; font-size:15px; font-weight:normal; color:#FFF; background-color:#0A91BB; background-position:0 0;} #sidebar .contenida h4 {font-size:15px;} #sidebar .contenida .box {padding-top:23px; background:url(../images/bgr/pico-sidebar.gif) no-repeat 20px 0;} #sidebar .contenida .pasos {padding-top:15px; font-size:12px; background:url(../images/bgr/pico-sidebar.gif) no-repeat 20px 0;} #sidebar .contenida .paso {clear:both; padding:0 10px 10px 10px;} #sidebar .contenida .paso span {margin:10px 0 0 3px;} #sidebar .contenida .paso p {padding-top:10px; margin-left:45px; border-top:1px dashed #00a5d7;} #sidebar .contenida .paso1 p {border-top:none;} #sidebar .contenida .paso.off {color:#999;} /* nota */ #sidebar .nota {margin:0 9px 0 9px;} #sidebar .nota.azul {background:#00a5d7;} .nota {padding:17px; height: auto !important; height: 130px; min-height:130px; background:#f4f4f4;} .nota>div {margin-bottom:20px;} .nota h3 {margin-bottom:10px; font-size:13px; font-weight:normal; text-transform:uppercase; border-bottom:1px dotted #666; padding-bottom:3px; margin-bottom:10px; font-weight:bold;} .nota ul {margin-top:10px;} .nota .atcliente .tel {font-size:20px; color:#00A5D7;} .nota p {padding-bottom:15px !important;} .nota a {color:#00a5d7; text-decoration:underline;} .nota .thawte {display:block; margin-bottom:5px; text-align:center;} /* =SIDE INFO PANEL ----------------------------------------------- */ .side-info {margin-bottom:10px;} #datos .side-info {margin-right:8px;} .side-info h3 {font-size:12px; font-weight:bold; text-transform:uppercase;} .side-info h3 a {display:block; padding:6px 10px; background:#f4f4f4;} .side-info h3 a:hover {text-decoration:none; background:#f0f0f0;} .side-info h3 a .ico-showhide {float:left; margin:4px 8px 0 0; width:7px; height:7px; overflow:hidden; /* IE6 */ background-position:-86px -312px;} .side-info.open h3 a .ico-showhide {background-position:-86px -320px;} .side-info .content {display:none; margin-top:10px; padding:0 10px 15px 10px;} .side-info.open .content {display:block;} .side-info.open .content a {color:#00a5d7; text-decoration:underline;} .side-info .telefono {color:#00a5d7; font-weight:bold; font-size:20px; line-height:29px;} .side-info .ico-telefono-azul {background-position:0 -340px; margin:0 10px 0 0; float:left; width:29px; height:29px; font-size:1px; line-height:1px;} .side-info .horario {margin-left:40px; padding-top:5px;} .side-info .creditcards {display:inline-block; margin-right:11px;} .side-info .transferencia {display:inline-block; vertical-align:top; height:21px; line-height:21px; padding:0 15px; margin-top:10px; color:#666; font-size:11px; border:1px solid #ccc; background:#eee url(../images/bgr/diagonal.gif) repeat 0 0;} .side-info .thawte {margin:10px 0;} .side-info .confianza {margin:0 10px 0 0; float:left;} .side-info .content ul li {padding-left:13px; padding-bottom:5px; line-height:150%; background-position:-255px -297px;} #formcarrito {} .tablacarrito-wrap {width:100%; margin-bottom:30px;} .tablacarrito {width:100%; font-size:12px; border:1px solid #ccc; border-top:0;} .tablacarrito #tuplanb {width:50%; border-left:1px solid #00a5d7; margin-left:-1px;} .tablacarrito #precioud {width:20%;} .tablacarrito #cantidad {width:13%;} .tablacarrito #importe {width:17%; border-right:1px solid #00a5d7; margin-right:-1px;} .tablacarrito td {padding:12px 20px;} .tablacarrito th {padding:6px 20px; text-align:left; font-weight:bold; color:#FFF; font-size:12px; text-transform:uppercase; background:#00a5d7;} .tablacarrito #importe {padding-right:25px; text-align:right;} .tablacarrito td.nombre {font-weight:bold;} .tablacarrito td.importe {padding-left:0; padding-right:25px; font-weight:bold; text-align:right;} .tablacarrito td.unidad {padding-right:0;} .tablacarrito .item td {padding-top:10px; padding-bottom:10px; border-top:1px solid #ccc;} .tablacarrito tr.item:first-child td {border-top:medium none;} .tablacarrito .item img.caja {display:inline; margin-right:8px; vertical-align:middle;} .tablacarrito .item .importe {padding-right:0;} .tablacarrito .item .importe a.eliminar {float:right; display:block; width:25px; text-align:left; text-indent:-9999px; background-position:-145px -303px;} .tablacarrito .subtotal td {border-bottom:1px dashed #ccc;border-top:1px solid #CCC} .tablacarrito .tipoenvio td {border-bottom:1px dashed #ccc; vertical-align:top; padding-bottom:7px;} .tablacarrito .tipoenvio label {float:left; display:block; margin:-5px 0 5px 0;} .tablacarrito .tipoenvio label input {height:13px; width:13px; margin-top:5px;} .tablacarrito .tipoenvio label span {font-size:11px; color:#999; margin-left:5px;} .tablacarrito .promo td {border-bottom:1px dashed #ccc; font-weight:bold; line-height:15px; background:#ffc;} .tablacarrito .promo td span.destacada {float:left; width:30px; height:30px; margin-right:12px; background-position:0 -661px;} .tablacarrito .promo td a {color:#00a5d7;} .tablacarrito .promo.envoltorio-navidad20102011 td {border-bottom:1px dashed #ccc; font-weight:bold; line-height:42px; background:#ffc;} .tablacarrito .promo.envoltorio-navidad20102011 td span.destacada {background:url(../images/ico/ico_promo_navidad20102011.png) no-repeat 0 50%; float:left; width:42px; height:42px; margin-left:-5px; margin-right:12px;} .tablacarrito .promo.envoltorio-navidad20102011 td a {color:#00a5d7;} .tablacarrito .descuento td {border-bottom:1px dashed #ccc;} .tablacarrito .descuento input {margin:0 10px; vertical-align:middle;} .tablacarrito .descuento .button {float:none; display:inline-block !important;} .tablacarrito .total td {padding:8px 17px; font-weight:bold; font-size:15px; text-align:right; text-transform:uppercase; background:#f4f4f4;} .tablacarrito .total td strong {margin-left:15px; padding:0 8px;} .tablacarrito .acciones td {padding-left:10px; padding-right:17px;} .tablacarrito .acciones a.continuar {font-size:15px; font-weight:bold; text-decoration:underline;} .tablacarrito .acciones .button {float:right;} .acciones-pedido {margin:17px 0 30px 10px;} .acciones-pedido a.continuar {font-size:15px; line-height:40px; font-weight:bold; text-decoration:underline;} .acciones-pedido .last {text-align:right;} /* login */ .login {margin:50px 0 20px 0;} .login h2 {display:block; font-family:arial,sans-serif; margin:10px 0 0 0; padding:6px 20px; font-weight:normal; font-size:12px; color:#FFF; text-transform:uppercase; background:#000;} .login .login-box {padding:15px 20px; border:1px solid #ccc; border-top:0;} .login .login-box .left {width:49.4%; padding:5px 0; border-right:1px solid #ccc;} .login .login-box .right {width:45.4%; padding:5px 0;} .login .login-box .height {height:auto !important; height:120px; min-height:120px; margin-bottom:15px;} .login .login-box h3 {font-size:15px; font-weight:bold; margin-bottom:20px;} .login .login-box p {} .login .login-box .lostpass {font-size:11px; margin-left:92px;} .login .login-box .lostpass a {color:#00a5d7;} .login .login-box fieldset.camposlogin {} .login .login-box fieldset.camposlogin div {margin-bottom:8px;} .login .login-box fieldset.camposlogin label {float:left; width:80px; text-align:right; line-height:20px;} .login .login-box fieldset.camposlogin input {display:block; margin-left:92px;} .login .login-box .left button {margin-left:92px;} .login .login-box .right button {margin-left:20px;} /* popup recuperar password */ .getpasswd {padding:10px 10px 0 10px;} .getpasswd a {color:#00a5d7;} .getpasswd p {line-height:150%; margin-bottom:10px;} #formpassword fieldset.mail {border:0; margin:5px 40px 5px 40px;} #formpassword fieldset.mail label {line-height:23px; width:auto; margin-right:10px; font-weight:bold;} #formpassword fieldset.mail input {float:left; margin-left:0;} #formpassword fieldset.mail button {margin:1px 0 0 10px;} #formpassword fieldset.mail .msg-check {clear:both; margin-top:15px; padding:8px 12px 8px 40px;} /* especificos de Datos */ #datos .tablacarrito .item .importe, #confirmacion .tablacarrito .item .importe {padding-right:25px;} /* =RESUMEN "TU PEDIDO" EN DATOS ----------------------------------------------- */ .tupedido {position:relative; margin-bottom:30px; margin-right:8px; border:1px solid #ccc;} .tupedido h3 {background:#f4f4f4; padding:6px 11px; margin-bottom:0; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #ccc;} .tupedido a.modificar {position:absolute; top:7px; right:11px; font-weight:bold; color:#00a5d7; text-decoration:underline;} * html .tupedido a.modificar {right:17px;} .tupedido ul {margin:0; padding:0; list-style:none; font-size:11px; background:#fff;} .tupedido ul li {position:relative; border-bottom:1px dashed #ccc; padding:12px 11px; line-height:150%; overflow:hidden;} .tupedido ul li img.caja {float:left;} .tupedido ul li.inline {padding:6px 11px; line-height:150%;} .tupedido ul li p.articulo {margin-left:67px; width:117px; padding-bottom:0 !important;} .tupedido ul li.inline p.articulo {margin-left:0; width:auto; margin-right:60px;} .tupedido ul li p.articulo .cantidad {display:block; color:#000; font-weight:bold;} .tupedido ul li.inline p.articulo .cantidad {display:inline;} .tupedido ul li p.articulo .cantidad em {font-weight:bold; font-style:normal; color:#00a5d7;} .tupedido ul li p.articulo .nombre-caja {display:block; color:#666;} .tupedido ul li.inline p.articulo .nombre-caja{display:inline;} .tupedido ul li .precio {position:absolute; top:10px; right:11px; text-align:right; line-height:20px; color:#000;} .tupedido ul li.inline .precio {top:4px;} .tupedido ul li.gastos {border-bottom:2px solid #ccc;} .tupedido ul li.total {font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:0;} .tupedido ul li.total .precio {top:5px;} /* =RESERVA ----------------------------------------------- */ #reserva .cortina {position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; background:#fff; cursor:wait; opacity:0.6; -moz-opacity: 0.60; /* older Gecko-based browsers */ filter:alpha(opacity=60); /* For IE6&7 */} * html #reserva .cortina {height:9999px;} /* IE6 */ #reserva .loader {position:absolute; left:49%; top:45%; z-index:3; cursor:wait;} #reserva .resumen {padding:14px; border:1px solid #ccc; margin-top: 10px} #reserva .resumen img {width:125px; height:125px; float:left; margin-right:25px;} #reserva .resumen .info h4 {font-size:18px; font-weight:normal;} #reserva .resumen .info p {margin-bottom:10px;} #reserva .resumen .info .zona {text-transform:uppercase; padding-bottom:3px;} #reserva .resumen .info .zona span {text-transform:none;} #reserva .resumen .info ul.bullets {margin:0;} #reserva .resumen .info ul.bullets li {padding:2px 0;} #reserva .resumen .row ul.bullets {margin-bottom:15px;} #reserva .resumen .row {background-color:#FFC; padding:15px 25px 5px; margin:0!important;} #reserva .resumen .row.info {border-top:2px solid #000;} #reserva .items {border-top:1px solid #000;} #reserva .items ul li {border-bottom:1px dotted #999; padding:3px 0;} #reserva .items ul li.total {font-size:15px;font-weight:bold; border:0; margin-bottom:10px; padding-top:10px;} #reserva .items ul li span {display:block; float:right} /* =RESERVA POPUP ----------------------------------------------- */ .doc-popup #reserva {margin:20px;} .doc-popup #reserva h1 {font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold; padding:20px 0 0 0;} .doc-popup #reserva .reserva-pendiente {color: red; margin-top: 20px;} .doc-popup #reserva .resumen {margin-top:0;} .doc-popup #reserva .resumen .row {padding:15px 0 5px; background:#fff;} .doc-popup #reserva ul.bullets li .ico-flecha {display:none;} .doc-popup #reserva .resumen img {width:592px; height:200px; float:none; margin:0 0 16px 0;} .doc-popup #reserva .pie {margin-top:15px; text-align:center;} /*= PRENSA ----------------------------------------------- */ #loginprensa div {padding-left:0;} /* sobreescritura */ #loginprensa fieldset {border:0;} /* sobreescritura */ #loginprensa .imgcaptcha {padding:10px 0 0 160px;} #loginprensa .button {margin:0 0 0 160px;} .borradores {padding:6px 8px; background:#eaeaea;} /*= COOKIES ----------------------------------------------- */ .cookies-warning {padding: 10px 20px 20px;font-size:13px;margin: 0;background-color: #FFC;border-bottom: 1px solid #ccc;} .cookies-warning h2 {padding-bottom:0;} .cookies-warning h2,.cookies-warning p{padding-right:80px;} .cookies-warning .button {float:right; margin-top:-30px;} /* =FORMS ----------------------------------------------- */ .pbform {font-size:13px;} .pbform .block {clear:none; float:left; vertical-align:top; padding:0; margin-right:30px;} .pbform input.text, .pbform select, .pbform textarea {font-size:13px; color:#000;} .pbform input.text {width:280px;} .pbform.large input.text, .pbform input.text.large {width:238px;} .pbform.medium input.text, .pbform input.text.medium {width:200px;} .pbform.short input.text, .pbform input.text.short {width:82px;} .pbform.tiny input.text, .pbform input.text.tiny {width:60px;} .pbform select {width:145px;} .pbform select.big {width:220px;} .pbform select.short {width:100px;} .pbform select.tiny {width:61px;} .pbform label {float:left; width:150px;} .pbform .registrarse label {width:auto; margin-right:5px;} .pbform .registrarse a {text-decoration:underline;} .pbform .condiciones label {width:auto; margin-right: 5px;} .pbform .condiciones-news label {width:auto; margin:10px 0 10px 158px;} .pbform input.text, .pbform select {display:block; margin-left:160px;} .pbform textarea {display:block; width:50%;} .pbform textarea.large {display:block; width:50%;} .wrap-carta .pbform textarea {display:block; width:96%; padding:22px} .pbform fieldset {padding:15px 0; border:1px solid #ccc;} .pbform label.check {float:none; width:auto;} .pbform .error {background:#ffdfdf;} .azul .pbform .error {background:transparent;} .pbform .error input.text {border:1px solid red;} .pbform .mensaje {display:none; clear:both; margin-left:160px; font-weight:bold; color:red; font-size:11px;} .pbform .error .mensaje {display:block; margin-left:160px; font-weight:bold; color:red; font-size:11px;} .pbform .mensaje-ayuda {display:block; margin-left:160px; color:#666; font-size:11px;} .pbform div {clear:both; padding:4px 15px;} .pbform div.focused {background:#ffc;} .pbform h2 {display:block; font-family:arial,sans-serif; margin:-1px -1px 0 -1px; padding:6px 20px; font-weight:normal; font-size:12px; color:#FFF; text-transform:uppercase; background:#00a5d7;} .pbform h3 {display:block; margin:5px 0 10px 0; padding:6px 20px; font-weight:normal; font-size:12px; color:#FFF; text-transform:uppercase; background:#00a5d7;} .pbform div.showhide {padding:0;} .pbform.vertical label {float:none; display:block; width:auto; margin-bottom:5px;} .pbform.vertical input.text, .pbform.vertical select {margin-left:0;} /* Error en checkout pedido */ #pedidoForm .error input.text {border:1px solid red;} #pedidoForm .mensaje {display:none; clear:both;} #pedidoForm .error .mensaje {display:inline-block; margin-left:30px; color:red; font-weight:bold; font-size:11px;} #formdatos {position:relative; border:1px solid #ccc; margin-bottom:20px;} #formdatos fieldset {border:none;} #formdatos fieldset.borde1 {border-bottom:1px solid #ccc;} #formdatos fieldset.datospago {border-top:1px dashed #000;} #formdatos fieldset.condiciones {padding-bottom:0;} #formdatos .bono .codigounico {padding:10px 15px;} #formdatos .bono .codigounico strong {padding:0 10px;} #formdatos .bono input {margin:0 10px;} #formdatos h2 span {text-transform:none; color:#C0E9F5;} #formdatos h2 span i {margin:0 7px;} #formdatos input#dir1 {margin-bottom:8px;} #formdatos .incorporardatos .ico-flecha {display:inline-block; margin-left:7px; background-position:-97px -317px;} #formdatos .carta .wrap-carta {padding:0 0 0 15px;} #formdatos .carta p {margin:0 0 10px 0;} #formdatos .carta .tiposcarta {margin:0 0 15px 0; padding:0;} #formdatos .carta textarea {width:99%; padding-left:0; padding-right:0;} #formdatos .wrap-carta {width:79%} #formdatos .tiposcarta {padding-top:10px;} #formdatos .listaradios label {float:none; width:auto; margin:0 20px 0 5px; font-size:11px;} #formdatos .formapago p {margin:0 0 5px 15px;} #formdatos .formapago .importeapagar {float:left; margin:10px 0 0 15px; width:45%; padding:3px 5px; background:#f4f4f4;} #formdatos .formapago .importeapagar span {float:left;} #formdatos .formapago .importeapagar strong {float:right;} #formdatos .cvv {float:left; margin:0 10px 0 10px;} #formdatos .creditcard .wrap-cvv .mensaje, #formdatos .creditcard .caducidad .mensaje {clear:both;} #formdatos .creditcard .caducidad select {float:left; margin-left:10px;} #formdatos .cierreform {padding-bottom:20px; border-top:1px dashed #000; background:#eee;} #formdatos .cierreform .condiciones div {margin-bottom:10px; padding:0;} #formdatos .cierreform .condiciones a {text-decoration:underline;} #formdatos .button {float:right; margin-top:10px; padding-left:0; zoom:1;} /* sobreescritura para error de acepto condiciones */ #formdatos.pbform .cierreform.error {background:#FFDFDF;} #formdatos.pbform .cierreform .mensaje {margin:5px 0 0 17px;} #contacto div {padding-left:40px;} #contacto #formcontacto {padding-top:15px;} #contacto textarea {display:block; margin-left:160px; width:280px;} #contacto .button {margin:5px 0 0 0; position:relative; left:157px;} .doc-popup #contacto div {padding-left:10px;} .msg {display:block; margin:0 0 10px 0; padding:10px 20px 10px 40px !important; font-weight:bold; background:#ffc;} .msg p {margin:0; padding:0;} .msgtable {width:100%;} .msg-check {background:#ffc url(../images/ico/tick.png) no-repeat 13px 11px;} .msg-info {background:#ffc url(../images/ico/information.png) no-repeat 13px 10px; font-weight:normal;} .msg-info-big {background:#ffc url(../images/ico/information.png) no-repeat 13px 17px; font-weight:normal; padding-top:16px !important; padding-bottom:16px !important;} .msg-error {background:#ffc url(../images/ico/exclamation.png) no-repeat 13px 10px;} .msg-warning {background:#ffc url(../images/ico/error.png) no-repeat 13px 10px;} .msg-ficha {padding:16px; border:1px solid #ccc; margin:20px 0;} .msg-ficha li {margin:5px 0;} .msg-ficha strong {font-size:15px;} .help {font-size:11px; line-height:23px; zoom:1;} .ayudaform {float:left; margin:3px 6px 3px 3px; width:17px; height:17px; background-position:-121px -304px;} /* =POPUPS AYUDA FORM ----------------------------------------------- */ .wrap-ayuda {padding:20px;background:#eaeaea;} .wrap-ayuda h1 {font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:15px;} .wrap-ayuda p {padding-bottom:30px;} .wrap-ayuda img {margin:0 auto 20px auto;} /* =POPUP VIDEO ----------------------------------------------- */ .video-popup {margin:0 auto;} .video-popup .pie {padding-top:10px; text-align:center;} .video-popup .pie a {font-weight:bold; color:#00a5d7;} /* =MODAL PAGO PEDIDO ----------------------------------------------- */ .procesando-compra {padding:15px 10px; text-align:center;} .procesando-compra img {margin:0 auto;} .procesando-compra h1 {font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold;} .procesando-compra p {margin:10px 0; font-family:Arial,Helvetica,sans-serif; font-size:12px;} .procesando-compra .load-bar {margin:0 auto;} /* =FOOTER ----------------------------------------------- */ #footer {font-size:12px; border-top:1px solid #ddd; background-color:#F9F9F9;} .anchofooter {margin:0 auto; padding:22px 0; width:950px;} #footer h4 {margin:0; padding:0; margin-bottom:8px; font-size:12px;} #footer .suscripciones h4 {margin-bottom:6px;} #footer #garantias {color:#000; font-size:11px; border-top:1px solid #FFF; background:#f9f9f9;} #footer #garantias li {float:left; width:20%;} #footer #garantias li a {float:left; padding-left:37px; line-height:30px; color:#000; font-weight:bold; text-decoration:none;} #footer #garantias li a:hover {text-decoration:underline;} #footer #garantias li.barcelo a {background-position:0 -752px;} #footer #garantias li.envio a {background-position:0 -811px;} #footer #garantias li.calidad a {background-position:0 -870px;} #footer #garantias li.pago a {background-position:0 -929px;} #footer #garantias li.atcliente a {background-position:0 -988px;} #footer #garantias li p {clear:left; margin:5px 3px 0 37px;} #footer #garantias ul#descripcion {width:100%; height:125px;/*anim salto*/} #footer #sumario {color:#666; line-height:18px; background-color:#eaeaea; background-position:0 -345px;} #footer #sumario .menufooter {float:left; width:67.1%; margin-right:2%; background:none;} #footer #sumario .menufooter ul {margin-bottom:18px;} #footer #sumario .menufooter ul.contacto {margin-bottom:0;} #footer #sumario .menufooter li {margin:0 0 4px 0;} #footer #sumario .menufooter a {color:#666; text-decoration:none;} #footer #sumario .menufooter a:hover {text-decoration:underline; color:#000;} #footer #sumario .menufooter .telefonos {padding-left:22px; background-position:0 -1381px;} .ico-foot {float:left; width:18px; height:17px; margin:1px 5px 0 0; background-position:-235px -459px;} .ico-foot.ico-foot-gastronomia {background-position:-235px -459px;} .ico-foot.ico-foot-aventura {background-position:-235px -483px;} .ico-foot.ico-foot-bienestar {background-position:-235px -505px;} .ico-foot.ico-foot-estancias {background-position:-235px -527px;} .ico-foot.ico-foot-viajes {background-position:-235px -549px;} .ico-foot.ico-foot-novedades {background-position:-235px -594px;} .ico-foot.ico-foot-nieve {background-position:-235px -614px;} .ico-foot.ico-foot-planb {background-position:-233px -571px; float:none; margin-right:8px; display:inline-block; vertical-align:middle;} #footer #sumario .suscripciones {float:left; width:27%; padding-left:3%; font-size:11px; background:url(../images/bgr/separador-footer.gif) repeat-y 0 0;} * html #footer #sumario .suscripciones {width:26%;} #footer #sumario .suscripciones form {} #footer #sumario .suscripciones input {float:left; margin-right:10px; color:#000; font-size:11px; font-weight:bold;} #footer #sumario .suscripciones .button {} #footer #sumario .suscripciones .button span {} #footer #sumario .suscripciones .newsletter {margin-top:4px} #footer #sumario .suscripciones .error-newsletter {clear:both; display:block; padding:4px 0 0 19px; color: red; background:url(../images/ico/exclamation.png) no-repeat 0 5px;} #footer #sumario .suscripciones .newsletter form {display:block;} #footer #sumario .suscripciones .siguenos {margin-bottom:25px;} #footer #sumario .suscripciones .siguenos .social-links {padding-top:3px;} #footer #sumario .suscripciones .siguenos .social-links li {display:block; float:left; zoom:1;} #footer #sumario .suscripciones .siguenos .social-links li a {float:left; width:32px; height:32px; margin-right:5px; text-indent:-9999px;} #footer #sumario .suscripciones .siguenos .social-links li a.facebook {background-position:0 -459px;} #footer #sumario .suscripciones .siguenos .social-links li a.twitter {background-position:0 -491px;} #footer #sumario .suscripciones .siguenos .social-links li a.youtube {background-position:0 -523px;} #footer #sumario .suscripciones .siguenos .social-links li a.instagram {background-position:0 -586px;} #footer #sumario .suscripciones .siguenos .social-links li a.delicious {background-position:0 -555px;} #footer #sumario .suscripciones .siguenos .social-links li a.rss {background-position:0 -587px;} #footer #sumario .suscripciones .siguenos .social-links li a.blog {background-position:0 -523px; margin-right:9px;} #footer #sumario .suscripciones .siguenos .social-links li a.blog-text {background:none; width:auto; line-height:32px; text-indent:0; color:#00a5d7;} #footer #sumario .suscripciones .siguenos .social-links li a.apple {background:none;} #footer #legal {color:#fff; background-color:#393b3e; background-position:0 -1027px;} #footer #legal a {color:#FFF; text-decoration:none;} #footer #legal a:hover {text-decoration:underline;} #footer #legal img{margin:13px 25px 0 0;} #footer #legal .logo-barcelo {display:block; text-indent:-9999px; margin:6px 0 0 52px; vertical-align:middle; width:83px; height:31px; background-position: 0 -304px;} #footer .links-ocasiones {padding:9px 0 15px 0; text-align:center; font-size:11px;} #footer .links-ocasiones a {color:#666;} /* =FORMULARIOS -----------------------------------------------*/ input.text, textarea {padding:3px 2px; color:#666666; font-size:12px; background-color:#fff; background-position:0 -1271px; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px;} textarea {resize:none; resize:vertical;} /* =404 -----------------------------------------------*/ .error404 {height:auto !important; min-height:416px; height:416px; padding-left:310px; background:url(../images/bgr/404.jpg) no-repeat 0 0;} .error404 h1 {padding:136px 0 5px 0; font-family:helvetica,arial,sans-serif; color:#00a5d7; font-weight:bold; font-size:26px;} .error404 h2, .error404 p {clear:both; width:450px; padding:25px 0 0 0; font-size:13px; color:#999;} .error404 h2 {font-weight:bold; font-size:15px;font-family:helvetica,arial,sans-serif;} .error404 .site-search {float:left;} .error404 .site-search .searchform {margin-top:13px;} .error404 a {color:#00a5d7;} .error404 ul {width:450px; margin-top:10px;} .error404 ul li {float:left; padding-left:13px; margin:5px 0 0 20px; width:155px; background-position:-256px -299px;} /* =NAVIDAD ----------------------------------------------- body {background-image: url('/images/bgr/bgr-navidad-2014.png');} */ /* =EXPERIENCIAS-PROVINCIAS ----------------------------------------------- /* tabla provincias */ .tableProvince { margin:0px;padding:0px; width:100%; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; } .tableProvince table{ border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px;padding:0px; } .tableProvince tr:last-child td:last-child { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; } .tableProvince table tr:first-child td:first-child { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; } .tableProvince table tr:first-child td:last-child { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; } .tableProvince tr:last-child td:first-child{ -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; } .tableProvince tr:hover td{ background-color:#FFF; } .tableProvince td{ vertical-align:middle; background-color:#ffffff; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:center; padding:10px; font-size:12px; font-family:Arial; font-weight:normal; color:#000000; } .tableProvince tr:last-child td{ border-width:0px 1px 0px 0px; } .tableProvince tr td:last-child{ border-width:0px 0px 1px 0px; } .tableProvince tr:last-child td:last-child{ border-width:0;} .tableProvince tr:first-child td{ background:-o-linear-gradient(bottom, #0a91bb 5%, #57b8d6 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0a91bb), color-stop(1, #57b8d6) ); background:-moz-linear-gradient( center top, #0a91bb 5%, #57b8d6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a91bb", endColorstr="#57b8d6"); background: -o-linear-gradient(top,#0a91bb,57b8d6); background-color:#0a91bb; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:13px; font-family:Arial; font-weight:bold; color:#ffffff; } .tableProvince tr:first-child:hover td{ background:-o-linear-gradient(bottom, #0a91bb 5%, #57b8d6 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0a91bb), color-stop(1, #57b8d6) ); background:-moz-linear-gradient( center top, #0a91bb 5%, #57b8d6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a91bb", endColorstr="#57b8d6"); background: -o-linear-gradient(top,#0a91bb,57b8d6); background-color:#0a91bb; } .tableProvince tr:first-child td:first-child{border-width:0px 0px 1px 0px;} .tableProvince tr:first-child td:last-child{border-width:0px 0px 1px 1px;} /* Estilos personalizados para datos.html */ .data.mixedOrVirtual.messagePersonalization { width: 160px !important;} .data.mixedOrVirtual.dataSend { padding: 15px 15px 0px;} /* Estilos radios subhome (item-box-subhome.xhtml) */ .containerPriceRadio { float: right;} .containerPriceRadio .izq { float:left; padding:8px 10px 0;} .containerPriceRadio .izq td{ padding:0 5px;} .containerPriceRadio .izq td label{ font-size:14px; font-family:Arial;font-weight:bold;} .containerPriceRadio .der { float:right; padding:8px 0 10px 5px;} /* Estilos radios sidebar-ficha.xhtml */ .containerSidebarRadio td{ padding:0 5px 10px 0;} .containerSidebarRadio td label{ font-size:13px; font-family:Arial; font-weight:bold;} .hideDisabled td>input[disabled] { display: none;} .hideDisabled td>input[disabled] + label { display: none;} .quantityMaxPedido { background: #FC7979; padding: 10px; margin-bottom: -15px; text-align: left; color: white; width: 95%;} /* =PRINT -----------------------------------------------*/ @media print { body, #content { color:#000 !important; } a, a:link, a:visited { color:#000 !important; text-decoration:none !important; } #tabs, #header, #footer, .noprint, .logoprint, .hide, .imprimir, #printpage, #fichasup .acciones, #sidebar, #fichasup .compartir, #fichasup .vergaleria span, #fichainf .notas .ico, #fichainf .notas .link-mapa, #fichainf .galeria, #fichainf .intro-reservas, #fichainf #reservar .direccion .button, #fichainf .paso1, #fichainf .paso3,.cookies-warning { display: none !important; } #logo-print {display:block; position:absolute; top:-82px; left:0; width:163px; height:62px;} body {padding-top:82px;} .doc-popup #reserva {margin-top:-82px;} }