/* 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 {display:inline; line-height:40px;} .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;} /* =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:22px; font-family:georgia,serif; padding-bottom:20px; } h1 em { text-style:normal; color:#00a5d7; } h2 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; 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;} .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, #boxes-wrap .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, #fichasup .compartir .social-share li a, .iconos-cajas span, #fichainf .notas h5 .ico, #footer #garantias li a, #fichainf .detalles h4, #footer #sumario .menufooter, .telefonos, #intro-experiencias .descripcion .masinfo, .subhome #info-caja .masinfo, ul.cajas li.hover .link-masinfo p.contiene .masinfo, #fichasup #infoppal h3.recomendacion, #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 #infoppal .destacada, #fichasup #infoppal .novedad, #resultados li a .novedad, #resultados li a .destacada, .tablacarrito .promo td span.destacada, .error404 ul li, .ico-foot, .ico-flecha-go {background:url(../images/bgr/layout.png) 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) repeat-x 0 0;} /* sprite shadows.png */ .bg-shadows, #subheader, .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) 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*/ .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:20%;} .grid2colc .column.last {width:77.5%;} .grid2cold .column.first {width:56%;} .grid2cold .column.last {width:40.6%;} .grid2cole .column.first {width:49.9%;} .grid2cole .column.last {width:49.9%;} .grid3col .column { width: 30%; margin-right: 3%;} .grid3cola .column { width:85px; margin-right: 5px;} .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, .grid3col:after, .grid3cola:after, .grid3colb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid3col, .grid3cola, .grid3colb { _zoom:1; } /* =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; } /* =ROUNDED CORNERS ----------------------------------------------- */ .rounded {-moz-border-radius:3px; -webkit-border-radius:3px;} /* =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; font-weight:bold;} .txt-planb em {color:#00a5d7; font-weight:bold; 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 bottom left;} /* =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;} /* =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;} #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;} #carrito #items-carrito .button {background-position:100% -243px;} #carrito #items-carrito .button:hover {background-position:100% -264px;} #carrito #items-carrito .button:active {background-position:100% -285px;} #carrito #items-carrito .button span {background-position:0 -180px;} #carrito #items-carrito .button:hover span {background-position:0 -201px;} #carrito #items-carrito .button:active span {background-position:0 -222px;} 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;} /* =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:8px; line-height:30px; font-size:13px; color:#000; font-weight:bold; text-transform:uppercase;} #topheader #nav li.active {background:#00A5D7;} #topheader #nav li a {color:#000; 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 .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:3px 6px;margin-bottom:15px; background-position:50% -325px; border-bottom:1px dotted #00a5d7;} #subheader .breadcrumbs {float:left; padding:23px 0 14px 0; font-size:11px; color:#000;} #subheader .breadcrumbs a {font-weight:bold;padding:0 3px;} /* =CARRITO HEADER ----------------------------------------------- */ #carrito {float:right; margin-left:20px; height:33px; line-height:normal; text-align:left; font-size:11px;} #carrito.lleno {width:278px;} #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 .head-carrito {width:278px;} * html #carrito.lleno, * html #carrito.lleno .head-carrito {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:38px;} #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;} #carrito #items-carrito {position:absolute; z-index:9; /* IE z-index bug */ visibility:hidden; width:276px; background:#fff; border:1px solid #ccc;} #carrito #items-carrito ul {margin:31px 4px -3px 4px;} html>/**/body #carrito #items-carrito ul {margin:31px 4px 0 4px;} /* not ie */ #carrito #items-carrito ul li img.caja {float:left;} #carrito #items-carrito ul li {position:relative; border-bottom:1px dashed #00a5d7; padding:12px 11px; line-height:150%;} #carrito #items-carrito ul li.inline {padding:6px 11px 7px 11px; line-height:150%;} #carrito #items-carrito ul li p.articulo {margin-left:67px;} #carrito #items-carrito ul li.inline p.articulo {margin-left:0; margin-right:25px;} #carrito #items-carrito ul li p.articulo .cantidad {display:block; color:#000; font-weight:bold;} #carrito #items-carrito ul li.inline p.articulo .cantidad {display:inline;} #carrito #items-carrito ul li p.articulo .cantidad em {font-weight:bold; font-style:normal; color:#00a5d7;} #carrito #items-carrito ul li p.articulo .nombre-caja {display:block; color:#666;} #carrito #items-carrito ul li.inline p.articulo .nombre-caja{display:inline;} #carrito #items-carrito ul li .quitar {position:absolute; top:9px; right:6px; text-align:right; line-height:20px; color:#888;} #carrito #items-carrito ul li.inline .quitar {top:3px;} #carrito #items-carrito ul li .quitar .tooltip {visibility:hidden; color:#999;} #carrito #items-carrito ul li.inline .quitar .tooltip {display:none;} #carrito #items-carrito ul li .quitar.hover .tooltip {visibility:visible;} #carrito #items-carrito ul li .quitar a {float:right; margin-left:3px; display:inline-block; width:20px; height:20px; text-align:center;} #carrito #items-carrito ul li .quitar a img {margin:2px;} #carrito #items-carrito .suma-carrito {clear:both; margin:0 4px 4px 4px; padding:7px 9px 5px 6px; color:#000; text-align:right; background:#efefef;} #carrito #items-carrito .suma-carrito .total {float:right; margin:3px 0;font-size:1.1em;} #carrito #items-carrito .button {float:right; margin-left:13px;} /* corners */ #carrito .head-carrito, #carrito #items-carrito, #carrito #items-carrito .suma-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, #carrito #items-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;} /* =PASOS COMPRA ----------------------------------------------- */ #pasoscompra {margin-bottom:23px;} #pasoscompra .top-shadow, #pasoscompra .bottom-shadow {height:8px; overflow:hidden; /* IE6 */ background:url(../images/bgr/sombras-progreso-compra.png) no-repeat 0 0;} #pasoscompra .bottom-shadow {background-position:0 -8px;} #pasoscompra ol {margin:30px 10px; background:url(../images/bgr/linea-progreso-compra.png) no-repeat 15px 31px;} #pasoscompra ol li {float:left;} #pasoscompra ol li.active {color:#000;} #pasoscompra ol li.paso1 {width:30%; margin-right:4.5%;} #pasoscompra ol li.paso2 {width:30%; margin-right:4.5%;} #pasoscompra ol li.paso3 {width:30%;} #pasoscompra ol li strong {margin-left:40px; display:block; line-height:31px; font-weight:normal; font-size:22px; font-family:georgia,serif; background:#fff;} #pasoscompra 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;} #pasoscompra ol li.active p {background:#fff url(../images/ico/carrito-progreso-compra.png) no-repeat 5px 0; padding-left:32px;} /* =SITE SEARCH ----------------------------------------------- */ .site-search {float:right; position:relative;} .site-search .searchform {margin-top:17px; width:258px; height:28px; background-position: 0 -156px;} .site-search .searchform .searchterm {width:208px; height:24px; padding:6px 10px 0 0; margin-left:12px; font-size:12px; border:none; background:transparent; outline:none;} html>/**/body .site-search .searchform .searchterm {padding:2px 10px 0 0;} /* modern browsers only (not IE 7) */ .site-search .searchform .submitbutton {position:absolute; right:0; height:28px; width:33px; text-indent:-9999px; cursor:pointer; text-transform:uppercase; border:none; background:url(../images/bgr/buscador-submit.gif) no-repeat bottom right;} #boxes-wrap .site-search {margin-right:14px;} #boxes-wrap .site-search .searchform {margin-top:0; width:258px; height:28px; background-position: 0 -156px;} /* =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:290px; background-position:0 -16px;} #board-wrap .shadow-middle .board {width:930px; height:290px; margin:0 auto; background:black; overflow:hidden;} #board-wrap .shadow-middle .board-content {width:930px; height:290px; position:relative;} #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:290px; 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:290px; 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;} /* regala emociones */ a.video-banner-home {position:absolute; top:176px; left:39px; white-space:nowrap; cursor:pointer;} a.video-banner-home img {float:left; margin-right:15px;} a.video-banner-home span {display:inline-block; margin:5px 0 0 0; color:#666;} a.video-banner-home strong {float:left; color:#000; margin-top:5px;} a.video-banner-home:hover {text-decoration:none;} a.video-banner-home:hover strong {text-decoration:underline;} a.video-banner-home .ico-flecha-go {float:left; width:4px; height:7px; margin:10px 0 0 5px; background-position:-88px -304px;} a.boton-elige-banner {display:block; width:252px; height:59px; position:absolute; top:193px; left:363px; text-indent:-9999px; background:url(../images/btn/elige-tu-planb.jpg) no-repeat 0 0;} a.boton-elige-banner:hover {background-position:0 -59px;} /* =BOXES ----------------------------------------------- */ #boxes-wrap {width:962px;} #boxes-menu {height:auto !important; height:46px; min-height:46px;} #boxes-wrap .shadow-middle {background:url(../images/bgr/sombra-rect.gif) no-repeat 0 100%;} #boxes-wrap .shadow-top {height: 16px; background-position:0 0;} #boxes-wrap .shadow-middle {background-position:0 -16px;} #boxes-wrap .shadow-bottom {height:192px; background-position:0 -130px;} * html #boxes-wrap .shadow-bottom {overflow:hidden;} .boxes-nav {margin:0 0 0 5px; padding:0;} .boxes-nav li {float:left; padding-bottom:8px;} .boxes-nav li a {float:left; padding:0 12px; line-height:30px; font-size:12px; color:#fff; text-transform:uppercase; background:#000;} .boxes-nav li a img.close {display:none; margin-left:8px;} .boxes-nav li.active {background:url(../images/bgr/pico-nav-boxes.gif) no-repeat bottom center;} .boxes-nav li.active a {background:#00a5d7;} .boxes-nav li.active a img.close {display:inline;} .boxes-nav li a:hover {text-decoration:none; background:#00a5d7;} .boxes-nav li.todo {background:none!important;} .boxes-nav li.todo a {text-transform:none; font-size:11px; padding-left:18px; text-decoration:underline; color:#000; background:#fff;} .boxes-nav li.todo a:hover {text-decoration:underline; background:#fff;} #boxes {position:relative; height:186px; margin:0 6px; color:#666; background-position:0 -841px;} #boxes ul {float:left;} .boxslider {position:relative; /* <-- bug IE overflow cajas */ height:186px !important; overflow:hidden; top:0; left:0; padding:0 31px;} .boxslider li {float:left; position:relative; width:148px; height:186px;list-style: none;} .boxslider li a.box {display:block; position:relative; height:186px; color:#666; background:url(../images/bgr/boxes.jpg) no-repeat 50% 0px; cursor:pointer;} .boxslider li a.box:hover {color:#000; text-decoration:none; background:url(../images/bgr/boxes.jpg) no-repeat 50% -372px;} .boxslider li a.box:active {color:#000; text-decoration:none; background:url(../images/bgr/boxes.jpg) no-repeat 50% -186px;} .boxslider li a.box img {position:absolute; display:block; top:12px; left:30px; cursor:pointer;} .boxslider li a.box span {position:absolute; display:block; bottom:50px; width:100%; text-align:center; cursor:pointer;} .boxslider li a.box .experiencias {position:absolute; display:block; visibility:hidden; bottom:0; width:100%; padding:5px 0; color:#fff; text-align:center; text-transform:uppercase; background:#393b3e;} .boxslider li a.box .experiencias strong {text-transform:none;} .boxslider li a.box:hover .experiencias {visibility:visible;} .boxslider li .detalle {position:absolute; display:none; width:100%; height:40px; bottom:0; background:#000;} .boxslider li .detalle .precio {float:right; margin-top:6px; font-family:georgia,serif; font-size:18px; color:#FFF;} .boxslider li .detalle .precio small{font-size:14px;} .boxslider li .detalle .comprar {float:right; margin:9px 5px 0 5px;} .boxslider li .detalle img {position:absolute; z-index:9; left:64px; bottom:-11px;} .boxslider li.active .detalle {display:block;} .boxslider li {} .boxslider li.transparent { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33); opacity: 0.33; } /* =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;} /* sobreescritura para boxes home */ #boxes-wrap .tagline {float:left;} #boxes-wrap .tagline .solapa {left:-2px; font-size:12px;} #boxes-wrap .tagline .solapa .sombra-solapa {background-position:-198px -304px;} #boxes-wrap .tagline a {float:left; margin:7px 0 7px 10px; color:#00a5d7; padding-right:10px; background-color:#fff;} #boxes-wrap .tagline a:hover {} /* =FEATURED: COMOFUNCIONA Y PROMO ----------------------------------------------- */ #featured {margin-top:28px; padding-bottom:10px;} #featured .comofunciona {float:left; width:68.7%; padding-top:12px; border-right:1px solid #ccc;} #featured .promo {float:right; width:28.7%; padding-top:12px; position:relative;} #featured .promo img {position:absolute; right:-5px; bottom:-24px;} #featured .intro {float:left; width:150px; font-size:11px;} #featured .comofunciona .intro {padding-left:18px;} #featured .promo .intro {width:170px;} #featured .intro h3 {font-size:15px; font-weight:bold;} #featured .intro p {margin-top:6px;} #featured .intro a {color:#00a5d7;} #featured ol {float:right; width:470px; height:85px; margin:0; padding:0; background:url(../images/bgr/comofunciona-pasos.png) no-repeat 0 0;} #featured ol li {float:left; color:#666; padding:0; list-style:none;} #featured ol li p {padding:9px 0 0 59px;} #featured ol li.paso1 {width:147px;} #featured ol li.paso2 {width:159px;} #featured ol li.paso2 p {padding-top:1px;} #featured ol li.paso3 {width:150px;} /* =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;} /* =INFO THICKBOX EXPERIENCIAS & SUBHOME CAJAS ----------------------------------------------- */ #info-caja {padding:25px 25px 0 15px; color:#000;} .subhome #info-caja {padding:10px 25px 0 53px;} #info-caja .caja-big {float:left;} #info-caja .caja-big-subhome {float:left;} #info-caja .caja-descripcion {margin-left:240px;} .subhome #info-caja .caja-descripcion {margin-left:300px;} #info-caja .caja-descripcion h1 {padding:0; margin:5px 0 10px 0; font-size:21px; font-family:arial,sans-serif; font-weight:bold; text-transform:uppercase;} .subhome #info-caja .caja-descripcion h1 {font-size:24px; margin-top:0;} #info-caja .caja-descripcion h1 span {color:#00a5d7;} #info-caja .caja-descripcion p {padding:0; margin-bottom:15px; font-size:12px; line-height:135%;} .subhome #info-caja .caja-descripcion p {font-size:15px; height:61px; overflow:hidden;} #info-caja .caja-descripcion .contiene {margin-bottom:8px; font-size:11px; font-weight:bold; text-transform:uppercase;} #info-caja .caja-descripcion .boton-compra {} #info-caja .caja-descripcion .boton-compra .button {margin-left:10px;} #info-caja .caja-descripcion .boton-compra .precio {float:left; font-family:georgia,serif; font-size:22px;} /* sobreescrituras altura carousel */ #boxes-wrap.subhome .shadow-bottom {height:246px; background-position:0 -75px;} .subhome #boxes {height:246px; background-position:0 -787px;} .subhome .boxslider {height:240px; overflow:visible;} .subhome .boxslider li {height:240px;} .subhome .boxslider li a.box {height:240px;} .subhome #info-caja .masinfo {position:absolute; top:195px; left:231px; padding-left:20px; font-size:12px; font-family:georgia,serif; background-position:0 -1423px;} /* 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 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) 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;} /* texto iconos */ .iconos-cajas .txt-icos, .iconos-pax .txt-icos {float:left; padding-left:10px; 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-cajas {margin-bottom:12px;} .banner-sh .pic-holder {margin:28px 0 26px 0; height:233px;} .banner-sh .pic-holder img {display:block; margin:0 auto 15px auto; display:none;} .banner-sh .pic-holder img.active {display:block;} .banner-sh .pic-holder img.catalogo {padding-top:7px;} .banner-sh .pic-holder img.cheque {padding-top:10px;} .banner-sh .pic-selector {display:inline-block; width:225px; margin:0 auto;} .banner-sh .pic-selector li {float:left; width:63px; 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-cajas {float:left; margin-right:50px;} .boton-compra-sh {} html>/**/body .boton-compra-sh {float:none;} /* not ie */ .boton-compra-sh .precio {display:inline-block; margin:-2px 20px 0 15px; font-family:georgia,serif; font-size:28px; line-height:100%;} .boton-compra-sh .precio small {font-size:22px;} .boton-compra-sh .button {position:relative; top:-1px;} html>/**/body .boton-compra-sh .button {top:-2px;} /* 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:40px; text-align:left; font-size:15px;} .banner-sh .linksmasinfo li a {display:inline-block; padding-left:22px; color:#00a5d7; background:url(../images/ico/flechas-tabs-quees.png) no-repeat 0 -95px;} .banner-sh h1 {position:relative; top:-5px; text-indent:134px; font-face:georgia,serif; font-size:40px; color:#bbb; font-style:italic; letter-spacing:-1px; line-height:44px; margin-bottom:22px; padding:0; background:url(../images/logos/logo_planb_subhomes.png) no-repeat 0 5px;} .banner-sh h1 img {display:inline-block; margin-right:10px; vertical-align:middle;} /* =SOLAPA HOME ----------------------------------------------- */ #sugerencia-wrap {position:relative; top:-6px; margin:0 6px; border:1px solid #ccc; border-top:0;height:239px;} #sugerencia-wrap .sugerencia {float:left; width:657px; position:relative; margin-top:25px;} #sugerencia-wrap h3 {font-size:12px; font-weight:normal;} #sugerencia-wrap h3 span {margin-right:15px; text-transform:uppercase;} .sugerencia em{font-size:15px; font-weight:normal;font-family:Georgia,Arial,sans;color:#666;display:block;padding:5px 0;} .sugerencia .experiencia {clear:both; margin:25px 25px 0 25px;} .sugerencia .experiencia .foto {position:relative; float:left; display:inline; width:135px; margin-right:15px;} .sugerencia .experiencia .foto .masinfo {position:absolute; display:inline; bottom:0; left:0; padding:3px 10px; background:#000; color:#FFF; font-size:11px;} .sugerencia .experiencia .descripcion {margin-left:150px; color:#000;} .sugerencia .experiencia .descripcion h4 {font-size:18px; font-weight:normal;} .sugerencia .experiencia .descripcion .zona {margin-top:5px; font-size:11px;text-transform:uppercase;} .sugerencia .experiencia .descripcion p {padding:8px 0; font-size:11px;height:48px;} .sugerencia .experiencia .descripcion .meta {padding-top:5px; font-weight:bold; border-top:1px dashed #ccc;} .sugerencia .experiencia .descripcion .meta .comentarios {float:left; padding:5px 8px; margin-right:7px; background:#eaeaea;} .sugerencia .experiencia .descripcion .meta .link-reserva {float:right; padding:2px 8px; font-size:11px;} #destacados {float:right; width:290px; /*height:239px;*/ background-color:#e3e3e3; background-position:0 -105px; border-left:1px solid #ccc;} #destacados .item:hover {color:#000; cursor:pointer;} #destacados div {height:79px; border-left:1px solid #FFF; border-bottom:1px solid #ccc; } #destacados .comofunciona {background-position:100% -664px;} #destacados .ultimo {border-left:1px solid #FFF; border-bottom:none;} #destacados a {color:#666; height:79px;} #destacados a:hover {color:#000; text-decoration:none;} #destacados .titulo {display:block; font-size:15px; font-weight:bold;} #destacados .ico-flecha {margin:3px 5px 0 13px; float: left; background-position:-97px -330px;} #destacados a:hover .ico-flecha {background-position:-97px -304px;} #destacados a .titulo {display:block; padding:22px 10px 22px 0;} #destacados a .descripcion {display:block; padding-left:30px; margin-top:-17px;} /* =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-size:15px; margin-bottom:4px;} .vista-mapa .showbox .precio {margin-bottom:10px; font-family:georgia,serif; font-size:18px;} .vista-mapa .mapa {float:left; width:640px; height:515px; background:#99b3cc;} .vista-mapa .sh-mapa {} /* 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;} /* 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:18px;} .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:32.1%; margin:0 1% 20px 0;} html>/**/body #resultados li {width:32.3%;} /* not ie */ #resultados li a {display:block; position:relative; padding:5px; margin-left:2px; border:1px solid #FFF; cursor:pointer;} #resultados li a:hover {text-decoration:none; border:1px dashed #666;} #resultados li a .foto {display:block; float:left; border:1px solid #ccc; padding:4px;} #resultados li a:hover .foto {opacity: 0.80; -moz-opacity: 0.80; /* older Gecko-based browsers */ filter:alpha(opacity=80); /* For IE6&7 */} #resultados li a .masinfo {display:none; position:absolute; bottom:10px; left:10px; padding:1px 5px; background:#000; color:#FFF; font-size:11px;} #resultados li a:hover .masinfo {display:inline;} * html #resultados li a:hover .masinfo {display:none;} /* IE6 */ #resultados li .etiqueta {visibility:hidden;} #resultados li a .novedad, #resultados li a .destacada {position:absolute; top:1px; left:65px; width:30px; height:30px; text-indent:-9999px;} /* IE6 */ * html #resultados li a .novedad {left:-26px;} * html #resultados li a .destacada {left:-26px;} #resultados li a .novedad {background-position:0 -631px;} #resultados li a .destacada {background-position:0 -661px;} #resultados li a .descripcion {display:block; position:relative; height:85px; margin-left:95px; color:#000; font-size:11px;} #resultados li a .descripcion strong {display:block; margin-bottom:5px; font-size:12px;} * html #resultados li a .descripcion strong {display:block; width:125px; overflow:hidden;} #resultados li a .descripcion .sumario {display:block; margin-bottom:4px;} #resultados 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;} /* =FILTROS ----------------------------------------------- */ #filtros {float:left; width:23%;} #filtros h3 {line-height:30px; padding:0 10px; font-size:13px; color:#FFF; background-color:#0991BA; background-position:0 0;} #filtros h4 {font-size:12px; margin-bottom:10px;} #filtros .filtrozona, #filtros .filtrotag {padding:12px; border:1px solid #ccc; border-top:0;} #filtros form select {font-size:12px;} #filtros .filtrotag ul li {float:left; margin:0 6px 4px 0;} #filtros .filtrotag ul li a {display:block; padding:4px 8px; background:#eaeaea;} #filtros .filtrotag ul li a:hover {text-decoration:none; background:#00a5d7; color:#FFF;} #filtros .filtrotag ul li.active a {background:#00a5d7; color:#FFF;} /* =FICHA EXPERIENCIA ----------------------------------------------- */ #fichasup {} #fichasup h1 {padding:0; font-family:georgia,serif; font-size:24px; font-weight:normal;} #fichasup h2 {padding:0; margin-bottom:7px; font-size:11px; font-weight:normal;} #fichasup h2, #fichasup #infoppal h3 {color:#00a5d7; text-transform:uppercase; font-family:arial,sans-serif;} #fichasup #infoppal {font-size:12px;} #fichasup #infoppal .destacada, #fichasup #infoppal .novedad {text-indent:-9999px; height:30px; margin-bottom:15px;} #fichasup #infoppal .destacada {width:208px; background-position:-30px -661px;} #fichasup #infoppal .novedad {width:104px; background-position:-30px -631px;} #fichasup #infoppal h3 {font-size:12px; font-weight:normal;} #fichasup #infoppal h3.recomendacion {padding-left:26px; height:20px; line-height:20px; font-size:12px; font-weight:bold; background-position:0 -1526px;} #fichasup #infoppal p {padding:3px 0 18px 0;} #fichasup #infoppal p.recomendacion {font-weight:bold;} /* rating: estilos genericos */ .acciones .rating {float:right;} .rating a {margin-left:5px; font-size:11px; font-weight:bold; text-decoration:underline;} #fichasup .vergaleria {background:#000;} #fichasup .vergaleria span {display:block;padding:5px 10px; color:#FFF; font-size:12px;border-top:1px solid #FFF;} #fichasup .vergaleria a span:hover {text-decoration:underline;} #fichasup .compartir {margin-top:10px; padding:5px; padding-left:0; border:1px solid #ccc;} #fichasup .compartir .ico-flecha {margin:1px 6px 0 7px; float: left;} #fichasup .compartir span {float:left; font-size:12px; text-transform:uppercase;} #fichasup .compartir .social-share {float:left; margin-left:15px;} #fichasup .compartir .social-share li {display:block; float:left; zoom:1;} #fichasup .compartir .social-share li a {float:left; width:16px; height:16px; margin-right:8px; text-indent:-9999px;} #fichasup .compartir .social-share li.delicious a {background-position:-35px -459px;} #fichasup .compartir .social-share li.facebook a {background-position:-35px -475px;} #fichasup .compartir .social-share li.twitter a {background-position:-35px -491px;} #fichasup .compartir .social-share li.mail a {background-position:-35px -507px;} .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 h3 {height:35px; line-height:35px; padding:0 10px; font-size:15px; font-weight:normal; color:#FFF; background-color:#0A91BB; background-position:0 0;} .side-experiencia #sidebar .contenida h4 {font-size:15px;} .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 {float:left; font-family:georgia,serif; font-size:20px; line-height:25px;} .side-experiencia #sidebar .contenida .box .links .precio small{font-size:14px;} .side-experiencia #sidebar .contenida .box .links a.button {float:right;} .side-experiencia #sidebar .contenida .box .links .gastos {display:block; clear:right; padding-top:8px; font-size:11px;} .side-experiencia #sidebar .otras {margin:0 9px; margin-top:15px; border-top:4px solid #ccc;} .side-experiencia #sidebar .otras h4 a {display:block; color:#666; padding:22px 10px 22px 0;} .side-experiencia #sidebar .otras h4 a:hover {color:#000; text-decoration:none;} .side-experiencia #sidebar .otras .wrap-otras-exp {position:relative; margin:-8px 0 25px 15px; width:270px;} .side-experiencia #sidebar .otras .wrap-otras-exp .column {height:80px;} .side-experiencia #sidebar .otras .wrap-otras-exp .column.status {font-size:15px; text-align:center;} .side-experiencia #sidebar .otras .wrap-otras-exp .column.status span {display:block; height:56px; padding-top:27px; border:1px solid #ccc; color:#666;} .side-experiencia #sidebar .otras .wrap-otras-exp .column.status span a {text-decoration:underline; font-size:11px; color:#666;} .side-experiencia #sidebar .otras .wrap-otras-exp .column.status span a:hover {color:#000;} .side-experiencia #sidebar .otras .foto {position:relative; display:block; padding:4px; border:1px solid #ccc;} .side-experiencia #sidebar .otras .foto a img.prev, .side-experiencia #sidebar .otras .foto a img.next {position:absolute; top:4px; left:4px;} .side-experiencia #sidebar .otras .foto a:hover img.prev, .side-experiencia #sidebar .otras .foto a:hover img.next {display:none;} .side-experiencia #sidebar .comofunciona {clear:both; margin:0 9px 0 9px; border-top:4px solid #ccc;} .side-experiencia #sidebar .comofunciona h4 {border:1px solid #ccc; border-top:0; 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 .contenido {padding-left:22px;} #fichainf .detalles h4 {cursor:pointer;display:block; padding-left:25px; margin-bottom:15px; font-family:georgia,serif; font-weight:normal; font-size:20px; background-position:0 -1183px;} #fichainf .detalles h4.open {background-position:0 -1237px;} #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;} #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.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 .wrap-reserva {margin-left:22px;} #fichainf #reservar p {padding-bottom:0;} #fichainf p.intro-reservas {padding:0 0 15px 0;} #reservar {font-size:12px;} #reservar .separador {margin-bottom:25px;} #reservar .paso {float:none; margin-bottom:30px;} #reservar .paso .intro {margin-bottom:20px;} #reservar .paso .intro p {padding-top:7px;} #reservar .paso .contenido {margin-left:40px; padding-left:0;} #reservar .paso .tip {position:relative; margin:0 9px; padding:13px 0; background:#eaeaea;} #reservar .paso .tip p {margin:0 13px;line-height:150%;} #reservar .paso .tip img {display:block; margin:15px auto 5px auto; border:7px solid #FFF; -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow:rgba(0, 0, 0, 0.398438) 0px 1px 5px;} #reservar .paso .tip .pico-tip-reserva {display:block; width:21px; height:42px; position:absolute; top:0; left:-21px; background:url(../images/bgr/pico-tip.png) no-repeat 0 0;} #reservar .paso1 .wrap-form {padding:15px; background:#f4f4f4;} #reservar .paso1 .contenido .label {float:left; padding-right:15px; width:150px; line-height:20px; text-align:right;} #reservar .paso1 .contenido input {float:left; width:275px; margin-right:10px;} #reservar .paso1 .contenido .numbono-wrap {float:left;} #reservar .paso1 .contenido .codcheque-wrap {float:left; font-size:11px;} #reservar .paso1 .ejemplo {clear:both; display:block; margin-bottom:7px; font-size:11px; color:#999;} #reservar .paso2 .contenido .direccion {padding:15px 15px 15px 20px; background:#f4f4f4;} #reservar .paso2 .contenido .direccion .button.mapa {float:right;} #reservar .paso2 .contenido .direccion p strong {font-size:15px;} #reservar .paso2 .contenido .contacto {margin-top:3px; height:45px; line-height:45px; color:#FFF; background:#00a5d7 url(../images/bgr/degradado-contacto.png) repeat-x left bottom;} #reservar .paso2 .contenido .contacto .telefono {float:left; width:30%; font-size:18px;} #reservar .paso2 .contenido .contacto .mail {float:right; width:68%; border-left:1px solid #FFF;} #reservar .paso2 .contenido .contacto .mail a {float:left; width:100%; color:#FFF; text-decoration:underline; font-size:15px;} #reservar .paso2 .contenido .contacto .mail a:hover {background:#00a5d7;} #reservar .paso2 .contenido .contacto .telefono .ico, #reservar .paso2 .contenido .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;} #reservar .paso2 .contenido .contacto .mail .ico {background-position:0 -27px; margin:10px 15px 10px 20px;} #reservar .paso2 .paso2elegir {padding-left:250px; height: auto !important; height: 169px; min-height:169px; position:relative;} #reservar .paso2 .paso2elegir p {padding:30px 0 15px 0;} #reservar .paso2 .paso2elegir img {position:absolute; top:0; left:5px;} #reservar .anotaciones {clear:both; padding-top:8px;} #reservar .anotaciones p {font-size:11px !important;} #reservar .anotaciones .error {color:red;} #reservar .paso2 .sel_fecha {background-color:#FFC; padding:10px;} #reservar .paso2 .sel_fecha h5{font-sze:14px;font-weight:bold; margin-bottom:8px;} #reservar .paso2 .sel_fecha ul {margin:5px 0;} #reservar .paso2 .sel_fecha ul li {margin-bottom:3px!important;} #reservar .paso2 .sel_fecha .anotaciones p {margin:0;} #reservar .paso2 .sel_fecha .button {margin-top:10px;} .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;} .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.clientes, .landing-empresas ul.equipo {margin-left:160px; 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 ul.equipo {padding-right:90px;} .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-empresas.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 {width:333px; height:90px; padding:0; font-size:22px;} #main-empresas .izda h1 strong {font-size:28px; letter-spacing:-2px;} #main-empresas .izda h1 strong em {color:#00a5d7;} #main-empresas .izda h1 span {display:block; margin-top:10px; font-size:17px; color:#666;} #main-empresas .izda p {margin-top:15px;} #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 .sidepromo {float:left; margin:20px 11px 30px 0; width:150px; font-size:11px;} #promocional .last .sidepromo a img {padding:2px; background:#ccc;} #promocional .last .sidepromo a:hover img {background:#bbb;} #quote-empresas {clear:both; position:relative; padding:0; background:#f8f8f8; border-top:1px dotted #00a5d7;} #quote-empresas img {display:block; padding:16px 16px 31px 16px;} #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:28px; 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:17px 0 31px 0; color:#999; font-size:22px; font-family:arial,sans-serif; font-weight:bold;} *: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 41px;} 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.grandesviajes a {background:url(../images/ico/ico_categ_grandesviajes.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%;} #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:none;} #regala .tabs .graphic-b {top:-44px; right:12px;} #regala .tabs .graphic-copa {top:-108px; right:18px;} #regala .tabs .graphic-avion {top:-45px; right:-50px;} #regala .tabs .graphic-flor {top:-70px; right:7px;} #regala .tabs .graphic-sillon {top:-76px; right:28px;} #regala .tabs .graphic-caribe {top:-65px; right:0;} /* =BOXGRID ----------------------------------------------- */ .boxgrid .textos {position:relative; margin-top:20px; padding-bottom:20px;} .boxgrid ul.catalogo {} .boxgrid ul.catalogo li {float:left; width:30.5%; margin:30px 1%; /*height:auto !important; height:170px; min-height:170px;*/} .boxgrid ul.catalogo li img {float:left;} .boxgrid ul.catalogo li .detalle {margin-left:114px; height:108px;} .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; text-transform:uppercase;} .boxgrid ul.catalogo li .detalle strong.precio {float:left; margin:1px 0 0 8px; padding:0; line-height:22px;} .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; text-transform:uppercase; font-size:22px; font-family:arial,sans-serif; font-weight:bold;} #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-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;} 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 {float:left; width:44%; margin-right:5.9%; margin-bottom:1em; height:auto !important; height:15em; min-height:15em;} * html ul.cajas li {margin-right:3%;} ul.cajas li img {float:left;} ul.cajas li .detalle {margin-left:114px; height:108px;} ul.cajas li .detalle form {float:left;} ul.cajas li .detalle a {text-decoration:none;} 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; margin-left:10px; padding:0; line-height:25px; font-size:15px;} ul.cajas li .detalle strong span {color:#00a5d7;} ul.cajas li .detalle p {padding-bottom:6px; font-size:11px; line-height:120%; color:#666;} ul.cajas li .detalle p a {text-decoration:none; color:#666;} ul.cajas li .detalle p.contiene {font-weight:bold;} ul.cajas li .detalle .link-masinfo p.contiene a.masinfo {color:#00a5d7; padding-right:10px;} 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;} /* =PROMOS ----------------------------------------------- */ #promo {} #promo h1 {padding:10px 0 25px 0; text-transform:uppercase; font-size:24px; font-family:arial,sans-serif; font-weight:bold;} #promo h1 span {color:#00a5d7;} #promo .banner p {padding-bottom:13px;} #promo .separador {border-top:0;} #promo .regalos {position:relative; width:100%; padding-bottom:30px; border-top:1px solid #000; border-bottom:1px solid #ccc;} html>/**/body #promo .regalos {padding-bottom:0;} /* modern browsers only (not IE 7) */ #promo .regalos .link-popup {position:absolute; top:3px; right:0; font-size:12px;} #promo .regalos .link-popup a {color:#00a5d7;} #promo .regalos .tabs-nav {position:absolute; left:0; top:-36px;} * html #promo .regalos .tabs-nav {top:-34px;} #promo .regalos .tabs-nav li {float:left; height:33px; overflow:hidden; margin:1px 10px 0 14px; border:1px solid #666; border-bottom-color:transparent; border-bottom:none;} * html #promo .regalos .tabs-nav li {margin-top:0;} #promo .regalos .tabs-nav li:hover {cursor:pointer; border-color:#000; border-bottom-color:transparent;} #promo .regalos .tabs-nav li.active:hover {cursor:pointer; border-color:#000; border-bottom-color:#fff;} #promo .regalos .tabs-nav li.active {border-color:#000; border-bottom:2px solid #fff;} #promo .regalos .tabs-nav li h2 {margin:0; padding:0; line-height:35px; } #promo .regalos .tabs-nav li h2 span {color:#000 !important;} #promo .regalos .tabs-nav li a {height:33px; float:left; padding:0 15px; color:#000 !important;} #promo .regalos .tabs-nav li a:hover {text-decoration:none; color:#00a5d7;} #promo #featured .comofunciona {float:none; margin:0 auto; border-right:0;} /* popup condiciones */ .popup-conds {padding:10px 10px 0 10px;} .popup-conds a {color:#00a5d7;} .popup-conds p {line-height:150%; margin-bottom:10px;} /* especificos san valentin */ #promo.sanvalentin .banner {margin-top:-15px; padding:20px 32% 80px 0; height: auto !important; height: 225px; min-height:225px; font-size:13px; line-height:130%; background:url(../images/bgr/banner-landing-san-valentin.jpg) no-repeat 100% 100%;} #promo.sanvalentin .regalos .tabs-nav li a {padding:0 15px 0 37px; background:#fff url(../images/bgr/simbolos-san-valentin.png) no-repeat 0 0;} #promo.sanvalentin .regalos .tabs-nav li.ellas a {background-position:11px 6px;} #promo.sanvalentin .regalos .tabs-nav li.ellos a {background-position:8px -49px;} #promo.sanvalentin .regalos .tabs-nav li.parejas a {background-position:8px -103px; padding-left:50px;} /* especificos dia del padre */ #promo.diadelpadre .banner {text-indent:-9999px; margin-top:-15px; padding:0; height: auto !important; height: 290px; min-height:290px; font-size:13px; line-height:130%; background:url(../images/bgr/banner-landing-diadelpadre.jpg) no-repeat 100% 100%;} * html #promo.diadelpadre .banner {margin-top:0;} #promo.diadelpadre .regalos .tabs-nav li a {background:#fff;} #promo .texto-diadelpadre {padding:20px 0 7px 0; font-size:13px; line-height:130%; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} #promo .texto-diadelpadre p {padding-bottom:13px;} /* especificos dia de la madre */ #promo.diadelamadre .banner {text-indent:-9999px; margin-top:-15px; padding:0; height: auto !important; height: 290px; min-height:290px; font-size:13px; line-height:130%; background:url(../images/bgr/banner-landing-diadelamadre-a.jpg) no-repeat 100% 100%;} #promo.diadelamadre.alt .banner {text-indent:-9999px; margin-top:-15px; padding:0; height: auto !important; height: 290px; min-height:290px; font-size:13px; line-height:130%; background:url(../images/bgr/banner-landing-diadelamadre-b.jpg) no-repeat 100% 100%;} * html #promo.diadelamadre .banner {margin-top:0;} #promo.diadelamadre .regalos .tabs-nav li a {background:#fff;} #promo .texto-diadelamadre {padding:20px 0 7px 0; font-size:13px; line-height:130%; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} #promo .texto-diadelamadre p {padding-bottom:13px;} /* especificos regalos boda */ #promo.regalosboda .banner {text-indent:-9999px; margin-top:-15px; padding:0; height: auto !important; height: 290px; min-height:290px; font-size:13px; line-height:130%; background:url(../images/bgr/banner-landing-bodas.jpg) no-repeat 100% 100%;} * html #promo.regalosboda .banner {margin-top:0;} #promo.regalosboda .regalos .tabs-nav li a {background:#fff;} #promo .texto-regalosboda {padding:20px 0 7px 0; font-size:13px; line-height:130%; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} #promo .texto-regalosboda p {padding-bottom:13px;} /* layout order */ #promo.diadelpadre #wrap-layout-order {position:relative; height:auto !important; height:60em; min-height:63em;} #promo.diadelamadre #wrap-layout-order {position:relative; height:auto !important; height:78em; min-height:79em;} #promo.regalosboda #wrap-layout-order {position:relative; height:auto !important; height:78em; min-height:79em;} #wrap-layout-order .texto-diadelpadre {position:relative; top:42em; padding-left:15px; padding-right:290px; background:url(../images/showcase/cajas-texto-diadelpadre.jpg) no-repeat 96% 75%;} #wrap-layout-order .texto-diadelamadre {position:relative; top:42em; padding-left:15px; padding-right:290px; background:url(../images/showcase/cajas-texto-diadelamadre.jpg) no-repeat 97% 20%;} #wrap-layout-order .texto-regalosboda {position:relative; top:42em; padding-left:15px; padding-right:290px; background:url(../images/showcase/cajas-texto-diadelamadre.jpg) no-repeat 97% 20%;} #promo.diadelpadre #wrap-layout-order .regalos {border-bottom:0; position:absolute; top:0; height:45em;} #promo.diadelamadre #wrap-layout-order .regalos {border-bottom:0; position:absolute; top:0; height:45em;} #promo.regalosboda #wrap-layout-order .regalos {border-bottom:0; position:absolute; top:0; height:45em;} /* =PUNTOS DE VENTA ----------------------------------------------- */ ul.bullets {margin:5px 0 25px 0;} ul.bullets li {padding:5px 0;} ul.bullets li a {font-weight:bold; text-decoration:underline;} ul.bullets li .ico-flecha {margin:1px 14px 0 7px; float: left;} 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 50px;} #puntosdeventa .oficinasbv a {display:block; text-align:center; margin-bottom:20px;} #puntosdeventa .oficinasbv a img {margin:0 auto;} /* =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:georgia,serif; font-size:22px; 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-bottom:0;} #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 .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 strong.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;} #formcarrito {margin-top:7px;} .tablacarrito-wrap {width:100%; margin-bottom:30px;} .tablacarrito {width:100%; font-size:12px;} .tablacarrito #tuplanb {width:45%;} .tablacarrito #precioud {width:20%;} .tablacarrito #cantidad {width:15%;} .tablacarrito #importe {width:20%;} .tablacarrito td {padding:12px 20px;} .tablacarrito th {padding:6px 20px; text-align:left; font-weight:normal; color:#FFF; font-size:12px; text-transform:uppercase; background:#000;} .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-bottom:1px dashed #00a5d7;} .tablacarrito .lastitem td {border-bottom:1px solid #00a5d7;} .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 #00a5d7;} .tablacarrito .tipoenvio td {border-bottom:1px dashed #00a5d7; 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:#00a5d7; margin-left:5px;} .tablacarrito .promo td {border-bottom:1px dashed #00a5d7; font-weight:bold; line-height:29px; 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 .descuento td {border-bottom:1px solid #000;} .tablacarrito .descuento input {margin:0 10px; vertical-align:middle;} .tablacarrito .descuento .button {float:none; display:inline-block !important;} .tablacarrito .total td {padding:15px 17px; border-bottom:3px solid #000; font-weight:bold; font-size:15px; text-align:right; text-transform:uppercase;} .tablacarrito .total td strong {margin-left:15px; padding:5px 8px; color:#FFF; background:#000;} .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;} /* 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; padding-bottom:15px;} .tupedido h3 {margin-bottom:0; border-bottom:0;} .tupedido .modificar {position:absolute; top:0; right:0; font-weight:bold;} * html .tupedido .modificar {right:17px;} .tupedido ul {width:256px; margin:0; padding:0; list-style:none; font-size:11px; background:#fff; border:1px solid #e3e3e3; border-color:#d0d0d0 #f8f8f8 #f8f8f8 #e3e3e3;} .tupedido ul li {width:234px; position:relative; border-bottom:1px dashed #00a5d7; padding:12px 11px; line-height:150%;} .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 .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 .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;} .artwork {position:relative; width:100%; overflow:hidden; margin-top:25px;} .artwork .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 #artwork .cortina {height:9999px;} /* IE6 */ .artwork .loader {position:absolute; left:350px; top:45%; z-index:3; cursor:wait;} .artwork li {float:left; width:32.5%; margin:0 5px 25px 0;} .artwork li a {display:block; position:relative; padding:8px 12px 8px 8px; border:1px solid #FFF; cursor:pointer;} html>body .artwork li a {padding-bottom:10px;} /* not IE6 */ .artwork li a:hover {text-decoration:none; border:1px dashed #666;} .artwork li a .imgcontainer {display:table; float:left; width:108px; height:108px; border:2px solid #eaeaea;} * html .artwork li a .imgcontainer {width:108px; height:108px;} * html .artwork li a .imgcontainer {border-width:1px;} /* IE6 */ .artwork li a .imgcontainer .cell {display:table-cell; vertical-align:middle; line-height:1%;} .artwork li a .imgcontainer .cell .foto {margin:4px auto 0 auto; line-height:1%;} html>/**/body .artwork li a .imgcontainer .cell .foto {margin:0 auto;} .artwork li a:hover .foto {opacity: 0.80; -moz-opacity: 0.80; /* older Gecko-based browsers */ filter:alpha(opacity=80); /* For IE6&7 */} .artwork li a .descargar {display:none; position:absolute; bottom:10px; left:127px; color:#00a5d7; font-size:15px; font-weight:bold;} * html .artwork li a .descargar {left:12px;} /* IE6 */ * html .artwork li a:hover .descargar {display:none;} /* IE6 */ .artwork li a .descripcion {display:block; height:110px; margin-left:120px; color:#000; font-size:11px;} .artwork li a .descripcion strong {font-size:12px; display:block; margin-bottom:4px; padding-top:3px;} * html .artwork li a .descripcion strong {display:block; width:125px; overflow:hidden;} .artwork li a .descripcion .meta {display:block; bottom:0; left:0; width:100%; color:#666;} /* =FORMS ----------------------------------------------- */ .pbform {font-size:13px;padding:10px 0;} .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 input.text, .pbform select {display:block; margin-left:160px;} .pbform textarea {display:block; width:50%;} .pbform textarea.large {display:block; width:50%;} .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; 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 div {clear:both; padding:4px 15px;} .pbform div.focused {background:#ffc;} .pbform 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;} .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;} #formdatos {position:relative; top:-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 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 .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; background:#f4f4f4;border-top:1px dashed #000;} #formdatos .cierreform .condiciones div {margin-bottom:10px; padding:0;} #formdatos .cierreform .condiciones a {text-decoration:underline;} #formdatos .button {float:left; margin-top:10px; padding-left:0;} /* sobreescritura para error de acepto condiciones */ #formdatos.pbform .cierreform.error {background:#FFDFDF;} #formdatos.pbform .cierreform.error .mensaje {margin-left:0;} #contacto div {padding-left:40px;} #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;} .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;} .help {font-size:11px; line-height:23px;} .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 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;} .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-grandesviajes {background-position:-235px -549px;} .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 .error-newsletter {clear:both; display:block; padding:4px 0 0 19px; background:url(../images/ico/exclamation.png) no-repeat 0 5px; font-weight:bold;} #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:15px; 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.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 #legal {height:76px; color:#fff; background-color:#393b3e; background-position:0 -1027px;} #footer #legal .left {padding-top:7px;} #footer #legal .right {} #footer #legal a {color:#FFF; text-decoration:none;} #footer #legal a:hover {text-decoration:underline;} #footer #legal .logo-barcelo {display:inline-block; text-indent:-9999px; margin:0 0 0 15px; 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;} /* =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:arial,helvetica,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;} .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;} /* =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 { display: none !important; } #logo-print {display:block; position:absolute; top:0; left:0; width:163px; height:62px;} body {padding-top:82px;} .doc-popup #reserva {margin-top:-82px;} }