/*** Seccion genérica Resort ***/ /*** generalBP.css */ /*** generalBPsinFondosComunes.css */ /*** base.css */ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { background: #fff; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: "Georgia", "Times New Roman", serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px; color: #85724A; } h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; color: #85724A; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; color: #85724A; margin-top:30px; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; color: #85724A; } h5 { font-size: 17px; line-height: 24px; color: #85724A; } h6 { font-size: 14px; line-height: 21px; color: #85724A; } .subheader { color: #777; } h2 .subtitulo{ font-size: 25px; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #333; text-decoration: underline; outline: 0; } a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { /*margin-bottom: 20px;*/ } fieldset { /*margin-bottom: 20px;*/ } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; /*padding: 6px 4px;*/ outline: none; /*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777;*/ margin: 0; /*width: 210px; max-width: 100%;*/ display: block; /*margin-bottom: 20px;*/ background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { /*border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2);*/ } textarea { /*min-height: 60px;*/ } label, legend { /*display: block; font-weight: bold; font-size: 13px;*/ } select { /*width: 220px;*/ } input[type="checkbox"] { /*display: inline;*/ } label span, legend span { /*font-weight: normal; font-size: 13px; color: #444;*/ } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } a.newBoton { text-decoration:none; background: url(/bookingwww/img/responsiveDesign/new_boton_bg.gif) repeat-x scroll left center transparent; border: 1px solid #999999; color: #6C6C6C; cursor: pointer; font-family: "Georgia","Times New Roman",Serif; font-size: 12px; font-weight: normal; padding: 5px 10px; text-align: center; } a.newBoton:focus, a.newBoton:hover, a.newBoton:active, a.newBoton:visited { color: #6C6C6C; text-decoration: none; } a.newBoton:hover { background: url(/bookingwww/img/responsiveDesign/new_boton_bg_reverse.gif) repeat-x scroll left center transparent; } a.newBoton br, a.newBoton p{ display:none; } span.cat_hotel_3 { width: 21px; display:inline-block; background: transparent url("/bookingwww/img/responsiveDesign/3estrellas.png") left center no-repeat; margin-left:10px; } span.cat_hotel_4 { width: 28px; display:inline-block; background: transparent url("/bookingwww/img/responsiveDesign/4estrellas.png") left center no-repeat; margin-left:10px; } span.cat_hotel_5, span.cat_hotel_5LUJO { width: 35px; display:inline-block; background: transparent url("/bookingwww/img/responsiveDesign/5estrellas.png") left center no-repeat; margin-left:10px; } .textoGrandeSubseccion{/*DEPRECATED*/ color:#333333; font-size:20px; font-family:Georgia, 'Times New Roman', Serif; margin-bottom:0; line-height:25px; font-style:italic; } .textoGrande{ color:#333333; font-size:20px; font-family:Georgia, 'Times New Roman', Serif; margin-bottom:0; line-height:25px; font-style:italic; } .textoMediano{ font-family:Arial; font-size:13px; color:#444; } .textoMedianoCasino{ font-family:Arial; font-size:13px; color:#444; line-height: 18px; } .textoMedianoCasino span{ line-height: 15px; } div.separadorSecciones{ width:100%; border-bottom:1px dotted #888888; margin-top:30px; } .resetFlujo{ float:none !important; clear:both !important; } .resetFlujoRight{ /*float:none;*/ clear:right; } .minHeight{ float:left; height:200px; *height:240px; width:1px; } .minHeight.w240{ height:240px; *height:280px; } .minHeight.w270{ height:270px; *height:310px; } .minHeight.w660{ height:660px; *height:700px; } .separadorIzq{ margin-left: -10px; border-left: 1px dotted #888; padding-left: 30px; } .soloImagen p{ margin:0px; padding:0px; /*height: 0px; width: 0px;*/ } .soloImagen br{ display:none; } .noMarginTop{ margin-top:0px !important; } .hidden{ display:none; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .minHeight{ display:none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { } /*** skeleton.css */ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .soloMovil, .container .columns.soloMovil{ display: none;} .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .noForMobile, .container .noForMobile{ display: none; } .soloMovil, .container .columns.soloMovil{ display: block;} .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .noForMobile, .container .noForMobile{ display: none; } .soloMovil, .container .columns.soloMovil{ display: block;} .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearBoth{ clear: both; } /*** header.css */ #formIdioma{ display:none; } .lineaAzul{ background-color:transparent; } /*.lineaAzul{ background-color:transparent; background-position:left top; background-repeat:repeat-x; background-image:url(/bookingwww/img/responsiveDesign/linea_azul.png); }*/ .lineaNegra{ background-color:transparent; } /*.lineaNegra{ background-color:transparent; background-position:left top; background-repeat:repeat-x; background-image:url(/bookingwww/img/responsiveDesign/linea_negra.png); }*/ div#lineaSuperiorVentana{ position:absolute; top:0; left:0; height:10px; width:100%; z-index:0; } #header{ background-color:white; height:106px; position:relative; z-index:20; margin:0 auto; } #header div#lineaSuperiorHeader, #header_mini div#lineaSuperiorHeader{ position:absolute; top:0; left:0; height:10px; z-index:2; } #header_mini div#telf_mini{ position:absolute; /*right:25px;*/ top:10px; } #header_mini div#telf_mini a{ display:block; /*height:18px; width:30px;*/ } #header_mini .informacionContactoMini{ width:32px; } #informacionContactoMini{ display:none; height: 0; margin: 0; overflow: hidden; visibility: hidden; float:none; border:none; } .informacionContacto{ float: right; margin-top: 40px; padding-right: 9px; background: url(/bookingwww/img/header/cabecera_senorita.jpg) no-repeat bottom right; border: 2px solid #EEEEEE; border-radius:15px; height: 164px; margin-bottom: 15px; width:400px; } .informacionContacto.conPestanyas{ margin-top:50px; } .informacionContacto .informacionContactoContenido{ padding-left: 20px; padding-right: 125px; text-align: right; } .informacionContacto div.contact_info2 { padding-right: 125px; padding-left: 100px; text-align:right; background: url("/bookingwww/img/header/cabecera_telefono.jpg") no-repeat scroll 10% bottom transparent; } .informacionContacto div.contact_info2 .contactoTexto{ color: #6C5E33; font-family: Georgia italic; font-size: 18px; font-style: italic; font-weight: bold; padding-bottom: 5px; padding-top: 45px; } .informacionContacto div.contact_info2 .reservaTelefonica{ padding-bottom: 8px; } .informacionContacto div.contact_info2 .reservaTelefonica div{ font-size: 21px; font-weight: bold; color: #08478F; padding-left:28px; padding-top:2px; } .informacionContacto div.contact_info2 .reservaTelefonica #telefonoCallCenter a{ color: #08478F; font-size: 21px; font-weight: bold; text-decoration: none; width: 100%; } .informacionContacto .informacionContactoContenido .contact_week{ color: #868686; display: block; text-align: right; padding:0px; background: none; clear: left; font-family: Arial; font-size: 12px; font-style: regular; font-weight: bold; } #header a#logo{ position: absolute; top: 7px; z-index:1; } #header div#miArea{ width:140px; height:20px; position:absolute; top:7px; right:0px; background-color:#1A3089; border-width:0 4px 4px 4px; border-style:solid; border-color:#1A3089; border-radius: 0 0 5px 5px; z-index:4; box-shadow: 2px 2px 2px 0 #AAAAAA; height: 26px; line-height: 30px; text-align: center; } #header div#miArea.lineaNegra{ background-color:#000000; border-color:#000000; } #header div#miArea.lineaNegra, #header div#miArea.lineaAzul{ background-image:none; } #header div#miArea a{ color:white; font-weight:bold; font-family: Helvetica,Arial,Sans-serif; font-size:12px; text-decoration:none; background-color:transparent; padding-left:25px; padding-top:2px; padding-bottom:2px; } /*#header div#miArea a{ color:white; font-weight:bold; font-family: Helvetica,Arial,Sans-serif; font-size:12px; text-decoration:none; background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_mi_area.png); padding-left:25px; padding-top:2px; padding-bottom:2px; }*/ #header div#seleccionIdioma{ width:100px; height:20px; position:absolute; top:7px; right:154px; background-color:#CCCCCC; border-width:0 4px 4px 4px; border-style:solid; border-color:#CCCCCC; border-radius: 0 0 5px 5px; z-index:1; box-shadow: 2px 2px 2px 0 #AAAAAA; height: 26px; line-height: 30px; text-align: center; } #header div#seleccionIdioma a{ color:#666666; font-weight:bold; font-family: Helvetica,Arial,Sans-serif; font-size:12px; text-decoration:none; background-color:transparent; padding-left:25px; } /*#header div#seleccionIdioma a{ color:#666666; font-weight:bold; font-family: Helvetica,Arial,Sans-serif; font-size:12px; text-decoration:none; background-color:transparent; background-position:left 3px; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/flecha_idioma.png); padding-left:25px; }*/ #header div#callCenter{ position:absolute; right:290px; top:15px; text-align:right; } #header div#callCenter div#telefonoCallCenter{ color: #08478F; font-weight: bold; padding-left: 28px; padding-top: 2px; text-align:right; background-color:transparent; } /*#header div#callCenter div#telefonoCallCenter{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_telefono.png); color: #08478F; font-weight: bold; padding-left: 28px; padding-top: 2px; text-align:right; }*/ #header div#callCenter div#horarioCallCenter{ color: #8F8F8F; font-size: 9px; line-height:9px; padding: 0; text-align: right; display:block; font-weight:bold; } #header div.contenedorEnlacesEspeciales{ position: absolute; right: 0; top: 55px; } #header div.contenedorEnlacesEspeciales a.enlaceGrupos{ float:left; margin-left:30px; color: #2454A2; font-size: 13px; font-weight: bold; text-decoration: none; } /*#header a.enlaceGrupos{ color: #2454A2; font-size: 13px; font-weight: bold; position: absolute; right: 0; text-decoration: none; top: 55px; }*/ #header ul.menuOptions { position:absolute; right:0; bottom:0; height: 22px; list-style: none outside none; margin: 0; overflow: hidden; font-size:12px; font-weight:bold; font-family:Helvetica, Arial, Sans-serif; } #header ul.menuOptions li { border-right: 1px dotted #666666; float: left; } #header ul.menuOptions li.last { border:none; } #header ul.menuOptions li a { color: #444444; display: block; float: left; } #header ul.menuOptions li.last a { padding-right: 0; } #header_mini{ height:120px; background-color:white; position:relative; z-index:4; margin:0 auto; } #header_mini a.logo{ position:absolute; top:7px; margin:0 auto; z-index:2; } #header_mini div#miArea_mini{ position:absolute; left:0px; top:10px; } #header_mini div#miArea_mini a{ display:block; height:16px; width:16px; } #header_mini div#telf_mini a{ background:none; } #header_mini div#menu_mini{ position:absolute; right:0px; top:10px; } #header_mini div#menu_mini a{ display:block; height:18px; width:30px; } #header_mini a#logo_mini{ display:block; left: 50%; margin-left: -80px; position: absolute; text-align: center; width: 160px; } #header_mini div#seleccionIdiomaMini{ position: absolute; right: 0; text-align: center; top: 70px; /*background-image: url("/bookingwww/img/responsiveDesign/contenedorImagenes.png"); background-position: left -2043px; background-repeat: repeat-x;*/ background-color: #1A3089; padding: 5px 0; width: 60px; border-width: 0; border-radius: 4px; border-style: solid; } #header_mini div#seleccionIdiomaMini a{ color: #FFFFFF; text-decoration:none; font-family: Georgia,'Times New Roman',Serif; /*margin: 5px;*/ } #header_mini div#volverMini{ position: absolute; left: 0; text-align: center; top: 70px; /*background-image: url("/bookingwww/img/responsiveDesign/contenedorImagenes.png"); background-position: left -2043px; background-repeat: repeat-x;*/ background-color: #1A3089; padding: 5px 0; width: 60px; border-width: 0; border-radius: 4px; border-style: solid; } #header_mini div#volverMini a{ color: #FFFFFF; text-decoration:none; font-family: Georgia,'Times New Roman',Serif; /*margin: 5px;*/ } #header_mini div#menuSeleccionIdiomaMini{ z-index: 21; position: absolute; width: auto; right: 0; top: 102px; } #header_mini div#menuMovil{ display:none; position:absolute; margin:0; padding:0; z-index:3; width:100%; padding-top:10px; background-color:#1a3089; border-radius:0 0 5px 5px; } #header_mini div#menuMovil a{ color:white; font-size:15px; font-family:"Georgia","Times New Roman", Serif; display:block; height:38px; line-height:38px; border-bottom:1px #1f2847 solid; margin:0; padding:0; padding-left:50px; text-decoration:none; } #header_mini div#menuMovil a:first-child{ font-weight:bold; background-color:transparent; } /*#header_mini div#menuMovil a:first-child{ font-weight:bold; background:transparent url(/bookingwww/img/responsiveDesign/logo_menu_movil.png) 10px 6px no-repeat; }*/ #header_mini div#menuMovil a.last{ border:none; } /* Estilos de STYLE.css */ /******* MENU SUPERIOR *******************/ .submenu_header{ position: absolute; display: none; margin: 0 auto; z-index: 21; margin-top: 106px; width: 100%; } .submenu_header #footer{ margin-left: 0; } .submenu_header #footer_header{ margin-left: 0; } #menuSeleccionIdioma, #menuMiAgencia{ position: absolute; margin-top: 37px; } #menuSeleccionIdioma{ right: 157px; width: 100px; } #menuMiAgencia{ right: 1px; width: 145px; } #menuSeleccionIdiomaMini ul, #menuSeleccionIdioma ul, #menuMiAgencia ul{ background-color: white; border: 1px solid #cccccc; z-index: 150; padding: 5px 15px 5px; border-radius:0px 0px 5px 5px; margin:0; } #menuSeleccionIdiomaMini ul li, #menuSeleccionIdioma ul li, #menuMiAgencia ul li { background-color: white; display: block; font-size: 12px; font-weight: normal; overflow: hidden; margin:0; padding:0; padding: 3px 0; text-align: left; width: 72px; font-family: "Helvetica", "Arial", Sans-serif; } #menuMiAgencia ul li { width:100%; } #menuSeleccionIdiomaMini ul li.impar, #menuSeleccionIdioma ul li.impar, #menuMiAgencia ul li.impar { background-color:#EEEEEE; } #menuSeleccionIdiomaMini ul li a, #menuSeleccionIdioma ul li a, #menuMiAgencia ul li a { margin: 0 5px; color: #666666; text-decoration:none; font-weight:bold; } /* /Estilos de STYLE.css */ /* #Media Queries ================================================== */ #header{ display:block; } #header_mini{ display:none; } #header{ width:940px; /*margin-left:-470px; */ } #header div#lineaSuperiorHeader{ width:940px; } #header div#callCenter div#telefonoCallCenter{ font-size: 19px; } #header ul.menuOptions li a { font-size: 12px; padding: 3px 10px 3px 11px; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #header{ width:748px; /*margin-left:-374px; */ } #header div#lineaSuperiorHeader{ width:748px; } #header div#callCenter div#telefonoCallCenter{ font-size:15px; } #header ul.menuOptions li a { font-size: 11px; padding: 3px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #header{ display:none; } #header_mini{ display:block; } #header_mini{ width:300px; } #header_mini div#lineaSuperiorHeader{ width:300px; } #header_mini div#telf_mini{ left:10px; } .informacionContacto div.contact_info2{ padding-left:0; padding-right:100px; background-image:none; } .informacionContacto div.informacionContactoContenido{ padding-left:0; padding-right:100px; } #informacionContactoMini{ width:300px; border: 2px solid #EEEEEE; height: 164px; margin-left: auto; margin-right: auto; visibility: visible; } #informacionContactoMini .botonCerrar{ float: left; margin: 10px; position: relative; cursor: pointer; } } /*** piePagina.css */ .contenedorDestinos{ background-color:#E9E9E9; font-family:Helvetica, Arial, Sans-serif; font-size:11px; color:#666666; line-height:16px; padding:0; } #contenedorPie{ background-image:url(/bookingwww/img/responsiveDesign/sombra_container.png); background-position:center top; background-repeat:no-repeat; padding:0; } #contenedorPie .container{ position:static; } .contenedorDestinos div.contenedorZona{ float:left; } .contenedorDestinos div.conenedorOtros{ margin-top:20px; } .contenedorDestinos p.tituloZona{ margin:0; padding:0; font-weight:bold; text-transform:uppercase; } .contenedorDestinos dl dt{ font-weight:bold; margin-top:15px; } .contenedorDestinos dl dd{ margin-left:0; } .contenedorDestinos dl a{ text-decoration:none; color:#666666; } #pie.container{ content:none; padding: 35px 0; } #pie.container div.separadorSecciones{ border:none; border-bottom: 1px solid #cccccc; } #pie #contenedorLogosPie div.logoMarcasPie{ background-image: url("/bookingwww/img/responsiveDesign/marcas.png"); background-repeat: no-repeat; height:92px; display:block; float:left; } #pie #contenedorLogosPie div.logoMarcasPie.soltour{ background-position: 0px 100%; width:145px; } /*#pie #contenedorLogosPie div.logoMarcasPie.soltour:hover{ background-position: 0px 0px; }*/ #pie #contenedorLogosPie div.logoMarcasPie.BPHR{ background-position: -148px 100%; width:132px; } /*#pie #contenedorLogosPie div.logoMarcasPie.BPHR:hover{ background-position: -148px 0px; }*/ #pie #contenedorLogosPie div.logoMarcasPie.pinero{ background-position: -283px 100%; width:80px; } /*#pie #contenedorLogosPie div.logoMarcasPie.pinero:hover{ background-position: -283px 0px; }*/ #pie #contenedorLogosPie div.logoMarcasPie.BPPRG{ background-position: -366px 100%; width:134px; } /*#pie #contenedorLogosPie div.logoMarcasPie.BPPRG:hover{ background-position: -366px 0px; }*/ #pie #contenedorLogosPie div.logoMarcasPie.BPGC{ background-position: -503px 100%; width:110px; } /*#pie #contenedorLogosPie div.logoMarcasPie.BPGC:hover{ background-position: -503px 0px; }*/ #pie #contenedorLogosPie div.logoMarcasPie.BPUT{ background-position: -616px 100%; width:124px; } /*#pie #contenedorLogosPie div.logoMarcasPie.BPUT:hover{ background-position: -616px 0px; }*/ #pie #contenedorLogosPie div.logoMarcasPie.solbus{ background-position: -743px 100%; width:113px; } /*#pie #contenedorLogosPie div.logoMarcasPie.solbus:hover{ background-position: -743px 0px; }*/ #pie #contenedorLogosPie div.logoMarcasPie.inmoPMP{ background-position: -859px 100%; width:97px; } /*#pie #contenedorLogosPie div.logoMarcasPie.inmoPMP:hover{ background-position: -859px 0px; }*/ #pie #columnaIzquierda{ padding-top:40px; } #pie #columnaDerecha{ margin-left:-15px; border-left:1px solid #cccccc; padding-left:15px; padding-top:40px; } #pie #columnaDerecha .tituloColumnaDerecha{ font-size:12px; font-weight:bold; text-transform:uppercase; } #pie #columnaDerecha div.telefonos{ background-color:transparent; margin-bottom:20px; } #pie #columnaDerecha div.telefonos div.imgTelefono{ float:left; margin-right:12px; height: 19px; width: 28px; } #pie #columnaDerecha div.telefonos div.infoTelefono{ float:left; } /*#pie #columnaDerecha div.telefonos div{ position: absolute; left: 0; height: 19px; width: 28px; background: transparent url(/bookingwww/img/responsiveDesign/icono_telefono_gris.png) left top no-repeat; }*/ #pie #columnaDerecha div.telefonos p{ margin:0; padding:0; } #pie #columnaDerecha div.telefonos p.numTelefono{ font-size:18px; font-weight:bold; color:#545454; } #pie #columnaDerecha div.telefonos p.horarioCallCenter{ font-size:11px; color:#878787; } #pie #columnaDerecha a{ text-decoration:none; } #pie #columnaDerecha #tituloSiguenos{ margin-bottom:0; } /*#pie #columnaDerecha a.siguenos{ background-image: url("/bookingwww/img/responsiveDesign/iconos_siguenos.png"); background-repeat: no-repeat; width:48px; height:48px; float:left; margin-right:7px; margin-top:5px; } a.siguenos.facebook{ background-color:transparent; background-position: 0px 0px; } a.siguenos.youtube{ background-color:transparent; background-position: -107px 0px; } a.siguenos.twitter{ background-color:transparent; background-position: -54px 0px; } a.siguenos.flickr{ background-color:transparent; background-position: -160px 0px; } a.siguenos.blogger{ background-color:transparent; background-position: -318px 0px; } a.siguenos.googleplus{ background-color:transparent; background-position: -265px 0px; }*/ #pie #columnaDerecha a.siguenos{ background-image: url("/bookingwww/img/responsiveDesign/iconos_siguenos3.png"); background-repeat: no-repeat; width:37px; height:37px; float:left; margin-right:7px; margin-top:5px; } a.siguenos.facebook{ background-color:transparent; background-position: 0px 0px; } a.siguenos.youtube{ background-color:transparent; background-position: -82px 0px; } a.siguenos.twitter{ background-color:transparent; background-position: -42px 0px; } a.siguenos.flickr{ background-color:transparent; background-position: -123px 0px; } a.siguenos.blogger{ background-color:transparent; background-position: -205px 0px; } a.siguenos.googleplus{ background-color:transparent; background-position: -165px 0px; } a.siguenos.instagram{ background-color:transparent; background-position: -246px 0px; } a.siguenos.linkedin{ background-color:transparent; background-position: -288px 0px; } a.siguenos.pinterest{ background-color:transparent; background-position: -328px 0px; } div#contenedorGplusMasUno{ float: left; margin-left: 3px; /*6px;*/ margin-top: 12px; /*16px;*/ } /*div.facebook{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_facebook.png); } div.youtube{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_youtube.png); } div.twitter{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_twitter.png); } div.flickr{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_flickr.png); } div.blogger{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_blogger.png); } div.googleplus{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_googleplus.png); }*/ #pie #columnaDerecha a.logoGP{ display:block; margin-top:15px; background-image: url("/bookingwww/img/responsiveDesign/marcas.png"); background-repeat: no-repeat; background-position: -962px -117px; height:42px; width:140px; } /*#pie #columnaDerecha a.logoGP:hover{ background-position: -962px -25px; }*/ #pie #columnaDerecha a.logoGP img{ display:none; /*width:auto;*/ } #pie #columnaDerecha ul.listaEnlaces{ margin:0; padding:0; margin-top:20px; } #pie #columnaDerecha ul.listaEnlaces li{ display:block; margin:0; padding:0; } #pie #columnaDerecha ul.listaEnlaces li a{ font-size:12px; font-weight:bold; color:#666666; } #pie #columnaDerecha p.copyright{ margin:0; padding:0; margin-top:20px; font-size:10px; font-weight:bold; } #textoSubPie{ color: #666666; font-family: 'Helvetica','Arial',Sans-serif; font-size: 10px; line-height: 12px; text-align:center; margin:15px 0; } #headerComboResort .contenedorVista360Mapa .icono_app { bottom: 146px; right:0px; background-image:url(/bookingwww/img/responsiveDesign/movil_icon.png); display: none; } #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_SanFelipe, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Tenerife, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Adeje { display: block; } #fondo_div_icono_app { position: fixed; top: 1px; left: 1px; right: 1px; bottom: 1px; z-index: 998; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } #div_icono_app { position: fixed; top: 1px; left: 1px; right: 1px; bottom: 1px; z-index: 999; } #cont_div_icono_app { margin-top: 115px; margin-left: auto; margin-right: auto; width: 452px; background-color: #0B458C; /*background-image:url(/bookingwww/img/promociones/app/movil_tablet_icons.jpg);*/ background-image:url(/bookingwww/img/promociones/app/mobil.png); background-repeat: no-repeat; /*background-position: 20px 30px;*/ background-position: 55px 30px; padding-left: 200px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; z-index: 999; color: #FFF; font-weight: lighter; font-size: 23px; font-family: Arial, Helvetica, sans-serif; } .cont_div_icono_app_close_cont { text-align: right; } #cont_div_icono_app_close { cursor: pointer; } @media only screen and (min-width: 470px) and (max-width: 768px) { #cont_div_icono_app { font-size: 20px; margin-top: 115px; margin-left: auto; margin-right: auto; width: 452px; background-color: #0B458C; background-image: none; background-repeat: no-repeat; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; z-index: 999; } } @media only screen and (max-width: 469px) { #cont_div_icono_app { font-size: 20px; margin-top: 115px; margin-left: auto; margin-right: auto; width: 100%; background-color: #0B458C; background-image: none; background-repeat: no-repeat; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; z-index: 999; } } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #pie #contenedorLogosPie div.logoMarcasPie{ background-image: url("/bookingwww/img/responsiveDesign/marcas-mini.png"); background-repeat: no-repeat; height:72px; display:block; float:left; } #pie #contenedorLogosPie div.logoMarcasPie.soltour{ background-position: -9px 100%; width:100px; } #pie #contenedorLogosPie div.logoMarcasPie.BPHR{ background-position: -110px 100%; width:110px; } #pie #contenedorLogosPie div.logoMarcasPie.pinero{ background-position: -218px 100%; width:60px; } #pie #contenedorLogosPie div.logoMarcasPie.BPPRG{ background-position: -283px 100%; width:105px; } #pie #contenedorLogosPie div.logoMarcasPie.BPGC{ background-position: -390px 100%; width:92px; } #pie #contenedorLogosPie div.logoMarcasPie.BPUT{ background-position: -484px 100%; width:95px; } #pie #contenedorLogosPie div.logoMarcasPie.solbus{ background-position: -580px 100%; width:87px; } #pie #contenedorLogosPie div.logoMarcasPie.inmoPMP{ background-position: -670px 100%; width:74px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .noForTablet{ display: none; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .noForMobile{ display: none; } #pie #columnaDerecha{ margin-left:0; border-left:0; padding-left:0; float: right; position: absolute; } #pie #columnaIzquierda{ padding-top: 450px; float: right; } #pie div.contenedorZona{ margin-top:30px; } #pie div.contenedorZona:first-child{ margin-top:0; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #pie #columnaIzquierda{ padding-top: 500px; } } /*** fichasPopup.css NECESARIO PARA ACEPTACION DE COOKIES */ .fondoFichaHot, .fondoFichaHab, .fondoFreeCancel, .fondoImagenConEnlace, .fondoAceptacionCookies, .fondoBonoHab{ background-color: #000; bottom: 0; left: 0; margin: 0; opacity: 0.75; filter:alpha(opacity=75); padding: 0; position: fixed; right: 0; top: 0; width: auto; z-index: 9995; } .contenedorPopupFichaHot, .contenedorPopupFichaHab, .contenedorPopupFreeCancel, .contenedorPopupImagenConEnlace, .contenedorPopupAceptacionCookies, .contenedorPopupBonoHab{ display: table; height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 9996; } .helperPopupFichaHot, .helperPopupBonoHab{ #position: fixed; #top: 50%; display: table-cell; vertical-align: middle; z-index: 9997; height:100%; } .popupFichaHot{ #top: -45%; overflow: auto; position: relative; z-index: 9998; padding-top:55px; height:80%; width:980px; } .popupFichaHot.galeriaFotos{ height:550px; } .popupFichaHot iframe{ width:100%; height:99%; overflow:auto; /*overflow:scroll; -webkit-overflow-scrolling: touch;*/ } .helperPopupFichaHab, .helperPopupFreeCancel, .helperPopupImagenConEnlace, .helperPopupAceptacionCookies, .helperPopupBonoHab{ #position: fixed; #top: 50%; display: table-cell; vertical-align: middle; z-index: 9997; } .popupFichaHab, .popupFreeCancel, .popupImagenConEnlace, .popupAceptacionCookies, .popupBonoHab{ #top: -50%; overflow: auto; position: relative; z-index: 9998; } .twelve.columns.contenedorFichaHab, .twelve.columns.contenedorFreeCancel, .twelve.columns.contenedorImagenConEnlace, .sixteen.columns.contenedorAceptacionCookies, .sixteen.columns.contenedorBonoHab{ background-color: #FFFFFF; position:relative; margin-top:29px; } .twelve.columns.contenedorFreeCancel, .twelve.columns.contenedorImagenConEnlace, .sixteen.columns.contenedorAceptacionCookies, .sixteen.columns.contenedorBonoHab{ border-radius:20px 0px 20px 20px; } .popupFichaHot > div.cerrarFichaHot{ background:transparent url(/bookingwww/img/responsiveDesign/cerrar_popup_circular.png) 0 0 no-repeat; position:absolute; width:55px; height:55px; right:0; top:0; padding:0; margin:0; cursor:pointer; z-index:2; } .popupFichaHot > div.helperCerrarFichaHot{ background-color:white; height:29px; position:absolute; right:0; top:26px; width:100%; z-index:1; } .contenedorFichaHab > div.cerrarFichaHab, .contenedorFreeCancel > div.cerrarFreeCancel, .contenedorImagenConEnlace > div.cerrarImagenConEnlace, .contenedorAceptacionCookies > div.cerrarAceptacionCookies, .contenedorBonoHab > div.cerrarBonoHab{ background:transparent url(/bookingwww/img/responsiveDesign/cerrar_popup_circular.png) 0 0 no-repeat; position:absolute; width:55px; height:55px; right:0; top:-29px; padding:0; margin:0; cursor:pointer; } .contenedorFichaHab > div, .contenedorFreeCancel > div, .contenedorImagenConEnlace > div, .contenedorAceptacionCookies > div, .contenedorBonoHab > div{ padding:20px; } .contenedorImagenConEnlace div.contenedorPrincipalPopup img{ width:100%; } .contenedorFichaHab > div p.nombreHabitacion{ font-family: Helvetica,Arial,sans-serif; color:#333333; font-size:12px; font-weight:bold; text-transform:uppercase; margin:10px 0 20px 0; } .contenedorFichaHab > div .contenedorImagenHab{ min-height:200px; } .contenedorFichaHab > div .contenedorImagenHab img{ width:100%; } .contenedorFichaHab > div .descripcionHabitacion{ padding:20px 0; float:left; font-family: Helvetica,Arial,sans-serif; color:#333333; font-size:12px; line-height:18px; } .contenedorFichaHab > div .descripcionHabitacion p.tituloDescripcion{ font-family: Helvetica,Arial,sans-serif; color:#333333; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0; } .contenedorFichaHab > div .detallesReserva{ padding:20px 0; float:right; text-align:right; font-family: Helvetica,Arial,sans-serif; color:#333333; font-size:12px; line-height:18px; } .contenedorFichaHab > div .detallesReserva p{ margin:0; } .contenedorFichaHab > div .detallesReserva p.resultado_habitacion_precio_tachado{ margin-top:10px; } .contenedorFichaHab > div .detallesReserva p.resultado_habitacion_precio_final{ font-size:28px; line-height:28px; margin-top:10px; } .contenedorFreeCancel div.freeCancelTitulo{ font-family: Georgia,"Times New Roman",serif; font-size:32px; color:black; font-weight: bold; height:68px; line-height:36px; padding-left:90px; padding-bottom:34px; margin-left:40px; margin-top:50px; margin-bottom:20px; background:transparent url(/bookingwww/img/responsiveDesign/freeCancelTitulo.png) left top no-repeat; display:table; } .contenedorFreeCancel div.freeCancelTitulo > div{ display:table-cell; vertical-align:middle; } .contenedorFreeCancel div.freeCancelFila{ margin-bottom: 30px; margin-left: 100px; margin-right: 60px; } .contenedorFreeCancel div.freeCancelFila > div{ float:left; font-family: Georgia,"Times New Roman",serif; } .contenedorFreeCancel div.freeCancelFila > div.freeCancelTituloFila{ width:90px; height:42px; background-color:#004391; border-radius:8px; color:white; font-weight:bold; font-size:15px; padding:2px 10px; margin-top:5px; position:relative; display:table; } .contenedorFreeCancel div.freeCancelFila > div.freeCancelTituloFila > div{ display:table-cell; vertical-align:middle; text-align:center } .contenedorFreeCancel div.freeCancelFila > div.freeCancelTextoFila{ width:350px; margin-left:20px; line-height:25px; } #contenedorAceptacionCookies{ position:fixed; bottom:0; left:0; width:100%; background-color: #1B3088; opacity: 0.8; filter:alpha(opacity=80); z-index:9999; padding:10px 0px; border-top:1px solid white; color:white; } #contenedorAceptacionCookies div.container{ position:relative; } #contenedorAceptacionCookies div.container span{ line-height:20px; margin:5px 150px 5px 10px; font-size:14px; font-weight:normal; display:block; } #contenedorAceptacionCookies div.container span a, #contenedorAceptacionCookies div.container span a:hover, #contenedorAceptacionCookies div.container span a:visited, #contenedorAceptacionCookies div.container span a:active{ color:#dad7db; text-decoration:underline; } #contenedorAceptacionCookies div.container > a{ position:absolute; top:50%; margin-top:-15px; right:10px; display:block; height:30px; line-height:30px; background-color: #1B3088; opacity: 0.8; filter:alpha(opacity=80); border:1px solid white; color:white; text-decoration:none; padding:0 15px; font-size: 14px; font-weight:bold; } .contenedorPopupAceptacionCookies div.contenedorPrincipalPopup{ padding:40px 100px; font-size:14px; font-family:"Georgia","Times New Roman",serif; line-height:20px; } .contenedorPopupAceptacionCookies div.contenedorPrincipalPopup p{ font-size:14px; font-family:"Georgia","Times New Roman",serif; line-height:20px; margin: 0 0 10px 0; } .contenedorPopupAceptacionCookies div.contenedorPrincipalPopup > h1 { color: #000000; font-size: 40px; font-weight: bold; line-height: 40px; margin: 10px 0 20px; } #textoPopupAceptacionCookies{ display:none; } .contenedorPopupBonoHab div.contenedorPrincipalPopup{ padding:0px 0px 20px 0px; } .contenedorPopupBonoHab div.contenedorPrincipalPopup h3{ padding:0px 20px 10px 20px; } .contenedorPopupBonoHab div.contenedorPrincipalPopup p{ padding:0 20px 10px 20px; margin:0; font-style:italic; color:#555555; font-family: Helvetica,Arial,sans-serif; font-size:13px; font-weight:bold; } @media only screen and (max-width: 959px) { .popupFichaHot{ width:788px; } .popupFichaHot.galeriaFotos{ height:465px; } .contenedorFichaHab > div .contenedorImagenHab{ min-height:158px; } .contenedorFreeCancel div.freeCancelTitulo{ font-size: 30px; margin-bottom: 10px; margin-left: 10px; margin-top: 15px; } .contenedorFreeCancel div.freeCancelFila{ margin-bottom: 30px; margin-left: 10px; margin-right: 0; } .contenedorPopupAceptacionCookies div.contenedorPrincipalPopup{ padding:20px 30px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .contenedorFichaHab > div .contenedorImagenHab{ min-height:117px; } .popupFichaHot{ width:440px; } .popupFichaHot.galeriaFotos{ height:290px; } .contenedorFreeCancel div.freeCancelTitulo{ font-size: 24px; line-height:36px; } .contenedorFreeCancel div.freeCancelFila{ margin-bottom: 10px; margin-left: 0; } .contenedorFreeCancel div.freeCancelFila > div.freeCancelTextoFila{ margin-left:0; margin-top:10px; width:auto; } .contenedorPopupAceptacionCookies div.contenedorPrincipalPopup p { font-size: 12px; line-height: 14px; margin: 0 0 6px; } .contenedorPopupAceptacionCookies div.contenedorPrincipalPopup > h1 { font-size: 20px; line-height: 20px; margin: 10px 0; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .popupFichaHot{ width:320px; } .popupFichaHot.galeriaFotos{ height:230px; } .contenedorFichaHab > div .contenedorImagenHab{ min-height:80px; } .contenedorPopupAceptacionCookies div.contenedorPrincipalPopup { padding: 10px 15px; } } @media only screen (max-height: 800px) { .contenedorPrincipalPopup{ height:400px; overflow:auto; } } @media only screen and (max-width: 959px) and (max-height: 500px) { .contenedorPrincipalPopup{ height:300px; overflow:auto; } } @media only screen and (max-width: 767px) and (max-height: 800px) { .contenedorPrincipalPopup{ height:400px; overflow:auto; } } @media only screen and (max-width: 767px) and (max-height: 500px) { .contenedorPrincipalPopup{ height:300px; overflow:auto; } } /*** fondosComunes.css */ #bannerResortEnlaceFotos{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -0px; } #bannerResortEnlaceVista360{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -56px; } #bannerResortEnlaceMapa{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -112px; } #bannersContainer #selectorBanners li a { background-repeat: no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -168px; } #cajetinHome a.datepickertrigger div.botonCalendario{ background-repeat: no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -185px; } #cajetinHome div#contenedorBotonReserva a.newBoton { background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -207px; } #cajetinHome div#contenedorBotonReserva a.newBoton:hover { background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -243px; } .pestanyaMini{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -207px; } .pestanyaMini div.divDesplegable{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -279px; } .pestanyaMini.active div.divDesplegable{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -292px; } .calendario table thead tr.nombre_mes td.mes_anterior div{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -305px; } .calendario table thead tr.nombre_mes td.mes_siguiente div{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -324px; } .calendario table thead tr.nombres_semana{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -343px; } .calendario table tbody td.diaProducto{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -370px; } .calendario table tbody td.diaOferta{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -409px; } #icono_lateral_reviewpro{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/icono_lateral_cara.png'); /*background-position: left -448px;*/ } #icono_lateral_habitaciones{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -448px; } #icono_lateral_piscinas{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -476px; } #icono_lateral_bares{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -504px; } #icono_lateral_restaurantes{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -532px; } #icono_lateral_wifi{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -560px; } #icono_lateral_spa{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -588px; } #icono_lateral_golf{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -616px; } #icono_lateral_park{ background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/water-park.jpg); } #icono_lateral_conferencias{ background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/conferencias.jpg); } #icono_lateral_direccion{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -644px; } #icono_lateral_telefono{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -672px; } #icono_lateral_fax{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -700px; } #icono_lateral_email{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -728px; } #icono_lateral_aeropuertos_distancia{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -756px; } #icono_lateral_aeropuertos_proximos{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -756px; } .lineaAzul{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -784px; } .lineaNegra{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -794px; } #header div#miArea a{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -804px; } #header div#seleccionIdioma a{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -840px; } #header div#callCenter div#telefonoCallCenter{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -870px; } #header_mini div#callCenter_mini a#telefonoCallCenter_mini{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -870px; } #header_mini div#miArea_mini a{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -909px; } #header_mini div#menu_mini a{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -925px; } #header_mini div#menuMovil a:first-child{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -943px; } #contenedorResortListaOfertas{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -983px; } .contenedorOfertaMes .porcentajeOferta{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1576px; } #addFavoritos{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1648px; } #descargaFicha{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1695px; } #ck_sharethis{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1742px; } #contenedorOfertasDestinosHome{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -983px; } #ofertasDestinosHome ul.hotelesOfertasDestinoHome li.hotelOfertasDestinoHome a.hotelIzq{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1789px; } #ofertasDestinosHome ul.hotelesOfertasDestinoHome li.hotelOfertasDestinoHome a.hotelDer{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1838px; } #ofertasDestinosHome ul.hotelesOfertasDestinoHome li.hotelOfertasDestinoHome .infoOfertaHotel .porcentajeOferta{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1576px; } #ofertasDestinosHome .contenedorSelectorDestinos a.destinoIzq{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1887px; } #ofertasDestinosHome .contenedorSelectorDestinos a.destinoDer{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1920px; } ul#pestanyasPaisesOfertasDestinosHome li a.paisIzq{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1953px; } ul#pestanyasPaisesOfertasDestinosHome li a.paisDer{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -1998px; } #ofertasExtraHome div.containerOferta div.cabeceraDestino{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2043px; } #ofertasExtraHome div.containerOferta div.cabeceraPorcentajeBoton div.porcentajeOferta{ background-repeat:repeat-x; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2043px; } #pie #columnaDerecha div.telefonos div.imgTelefono{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2093px; } div.facebook{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2112px; } div.youtube{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2136px; } div.twitter{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2160px; } div.flickr{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2184px; } div.blogger{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2208px; } div.googleplus{ background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2232px; } a.remove_btn { background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2256px; } #cerrarNewsletter, #cerrarNewsletter { background-repeat:no-repeat; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); background-position: left -2256px; } /*** reviewProBP.css */ #reviewBP { color: #000000; font-family: helvetica,arial,sans-serif; font-size: 11px; width: 108px; height:100px; padding:10px 5px 5px 5px; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #ccc; } #reviewBP div{ line-height: 100%; margin: 0; padding: 0; border:none !important; } #reviewBP img { border: 0 none; } #reviewBP .rwTitle{ font-size: 10px; margin: 3px 0; line-height:20px; } #reviewBP .rwPorSatis{ font-size: 34px; font-weight: bold; margin: 5px 8px; } #reviewBP .rwgraph { height: 25px; margin: 10px 3px; width: 102px; } #reviewBP .rwPositive { /*background: url("https://sapi.reviewpro.com/static/img/bg/bg-bar-green-multi.png") repeat-x scroll right center transparent;*/ background: url("/bookingwww/img/responsiveDesign/bg-bar-green-multi.png") repeat-x scroll right center transparent; float: left; height: 22px; } #reviewBP .rwNeutral { /*background: url("https://sapi.reviewpro.com/static/img/bg/bg-bar-orange-multi.png") repeat-x scroll right center transparent;*/ background: url("/bookingwww/img/responsiveDesign/bg-bar-orange-multi.png") repeat-x scroll right center transparent; float: left; height: 22px; } #reviewBP .rwNegative { /*background: url("https://sapi.reviewpro.com/static/img/bg/bg-bar-red.png") repeat-x scroll right center transparent;*/ background: url("/bookingwww/img/responsiveDesign/bg-bar-red.png") repeat-x scroll right center transparent; float: left; height: 22px; } /*** cajetin.css */ /* Cajetin Home */ #contenedorCajetinHome{ position:absolute; left:50%; top:214px; z-index:14; } #contenedorCajetinResort{ position:absolute; left:50%; top:214px; z-index:14; } #cajetinHome{ z-index:15; width: 307px; height:290px; position:relative; background:transparent url(/bookingwww/img/responsiveDesign/sombra_cajetin_home.png) no-repeat scroll left bottom; color: #444; font-size: 11px; font-family:"Helvetica","Arial",Sans-serif; font-weight:bold; line-height: 12px; } #cajetinHome #fondoCajetinHome{ position:absolute; top:0; left:0; width:100%; height:283px; background:url(/bookingwww/img/responsiveDesign/sidebar_bg.png) repeat scroll 0 0 transparent; } #cajetinHome .separadorFilas, #cajetinHome .separadorFilasGrande{ clear:both; float:none; height:15px; } #cajetinHome .separadorFilasGrande{ height:23px; } #cajetinHome input, #cajetinHome select{ border: 4px solid #d0c7b7; border-right-width:5px; border-bottom-width:5px; border-radius:5px; margin-bottom:0; background:white url(/bookingwww/img/responsiveDesign/sombra_input.png) repeat-x 0 0; } #cajetinHome select{ width:60px; } #cajetinHome input{ height:18px; padding:3px 4px 1px 4px; *margin-left:-10px; } #cajetinHome div#contenedorNumHabs{ width:65px; position: relative; } #cajetinHome div#reservaBox_origen, #cajetinHome div#reservaBox_destino, #cajetinHome div#reservaBox_fecha1, #cajetinHome div#reservaBox_fecha2, #cajetinHome div#reservaBox_hora1, #cajetinHome div#reservaBox_hora2, #cajetinHome div#reservaBox_cia1, #cajetinHome div#reservaBox_cia2, #cajetinHome div#reservaBox_numVuelo1, #cajetinHome div#reservaBox_numVuelo2{ width:130px; position:relative; } #cajetinHome div#reservaBox_aptoTraslado{ display:none; width:130px; position:relative; } #cajetinHome.cajetinTraslados{ /*height:450px; Descomentar este si se ponen ciaAerea y numVuelo*/ height:330px; } #cajetinHome.cajetinTraslados #fondoCajetinHome{ /*height:443px; Descomentar este si se ponen ciaAerea y numVuelo*/ height:323px; } .soloParaTraslados{ display:none; } #cajetinHome.cajetinTraslados .soloParaTraslados{ display:block; } #cajetinHome.cajetinTraslados div#reservaBox_aptoTraslado{ display:block; } #cajetinHome div#reservaBox_aptoTraslado select, #cajetinHome div#reservaBox_cia1 select, #cajetinHome div#reservaBox_cia2 select{ width: 130px; height: 30px; padding: 3px 4px 1px; } #cajetinHome div#reservaBox_destino, #cajetinHome div#reservaBox_fecha2{ margin-left:10px; } #cajetinHome div#reservaBox_origen input, #cajetinHome div#reservaBox_destino input, #cajetinHome div#reservaBox_numVuelo1 input, #cajetinHome div#reservaBox_numVuelo2 input{ width:113px; } #cajetinHome div#reservaBox_fecha1 input, #cajetinHome div#reservaBox_fecha2 input{ width:85px; } #cajetinHome div.reservaBox_tipoProducto{ width:260px; position:absolute; left:0; bottom:65px; } #cajetinHome div.reservaBox_tipoProducto div.fondoCheckbox{ float:left; background-color: #D0C7B7; border-image: none; border-radius: 5px; padding:5px; *padding:3px; } #cajetinHome div.reservaBox_tipoProducto div.fondoCheckbox input{ margin:0; padding:0; border:0; background-color:transparent; background-image:none; height:auto; } #cajetinHome div.reservaBox_tipoProducto span{ float:left; margin:0; margin-left:10px; line-height:22px; } #cajetinHome div#reservaBox_hora1 select, #cajetinHome div#reservaBox_hora2 select{ float:left; } #cajetinHome div#reservaBox_hora1 span.dosPuntos, #cajetinHome div#reservaBox_hora2 span.dosPuntos{ float: left; height: 30px; line-height: 27px; margin: 0 2px; } #cajetinHome .cajetinHome_top { font-size: 15px; position: absolute; top: -32px; left: 0px; height: 22px; z-index: 10; } #cajetinHome .cajetinHome_top div { padding: 3px 12px 7px 10px; /*padding: 3px 7px 7px 5px; Activar cuando haya mas de 2 pestanyas*/ font-weight:normal; font-family:Georgia, "Times New Roman", Serif; color:#948354; background-color:white; background:transparent url(/bookingwww/img/responsiveDesign/sidebar_bg_white.png) repeat; margin-right:3px; cursor:pointer; border-top:4px solid transparent; border-left:4px solid transparent; border-right:4px solid transparent; border-radius:3px 3px 0px 0px; height:18px; line-height:20px; *padding: 7px 10px; *border:none; min-width:85px;/*Firefox, Webkit*/ /*min-width:55px; Activar cuando haya mas de 2 pestanyas*/ /*min-width:60px;*//*Firefox, Webkit*/ min-width:77px\9;/*IE9, IE8*/ /*min-width:47px\9; Activar cuando haya mas de 2 pestanyas*/ *min-width:95px;/*IE7*/ /* *min-width:65px; Activar cuando haya mas de 2 pestanyas*/ text-align:center; float:left; } #cajetinHome .cajetinHome_top div.active { cursor:default; background:transparent url(/bookingwww/img/responsiveDesign/sidebar_bg.png) repeat; } #cajetinHome .cajetinHome_top div:hover { background:transparent url(/bookingwww/img/responsiveDesign/sidebar_bg.png) repeat; } #cajetinHome a.datepickertrigger{ position:absolute; right:0; top:19px; } #cajetinHome a.datepickertrigger div.botonCalendario{ height:22px; width:20px; background-color:transparent; } /*#cajetinHome a.datepickertrigger div.botonCalendario{ height:22px; width:20px; background-position:left top; background-color:transparent; background-image:url(/bookingwww/img/responsiveDesign/calendar_gold.png); }*/ #cajetinHome .box{ float:left; margin-left:10px; } #cajetinHome .roomHome .box.bebeContainer{ margin-left: 12px; } #cajetinHome .box span{ display:block; margin-bottom:4px; white-space:nowrap; } #cajetinHome .box span span.rango_edad, #cajetinHome .box span span.rango_edad_bestday{ display:inline; } #cajetinHome .box span span.rango_edad_bestday{ display:none; } #cajetinHome .roomHome .box.hab{ display:block; margin-left:10px; width:50px; line-height:50px; } #cajetinHome .roomHome{ padding: 0 important!; z-index: 30; /*width: 215px;*/ width: 290px; clear:left; position:relative; margin:0px; } #cajetinHome .roomHome.unaHabitacion{ width: 232px; clear:none; } #cajetinHome .roomHome.unaHabitacion .box.hab{ display:none; } #cajetinHome.cajetinTraslados .roomHome, #cajetinHome.cajetinExcursiones .roomHome{ /*width: 230px;*/ } #cajetinHome.cajetinTraslados .roomHome .room, #cajetinHome.cajetinExcursiones .roomHome .room{ margin-left:10px; } #cajetinHome.cajetinTraslados #contenedorNumHabs, #cajetinHome.cajetinExcursiones #contenedorNumHabs{ display:none; } /*#cajetinHome.cajetinTraslados #reservaBox_origen{ display:none; }*/ #cajetinHome.cajetinTraslados #reservaBox_aptoTraslado{ display:block; } /*#cajetinHome.cajetinTraslados .reservaBox_tipoProducto{ display:none; }*/ #cajetinHome.cajetinTraslados .roomHome .room, #cajetinHome.cajetinExcursiones .roomHome .room{ padding-left:0; } #cajetinHome.cajetinTraslados #reservaBox_destino, #cajetinHome.cajetinExcursiones #reservaBox_destino{ margin-left:10px; } #cajetinHome .roomHome .room{ position: absolute; display: block; padding-left: 5px; z-index: 30; height:50px; } #cajetinHome .roomHome .box{ width:70px; margin:0px; } #cajetinHome div#contenedorBotonReserva{ position:absolute; /*bottom:30px;*/ bottom:25px; left:0; width:100%; text-align:center; /*height:38px;*/ height:32px; /*line-height:38px;*/ line-height:32px; } #cajetinHome div#contenedorBotonReserva a.newBoton { background-color:transparent; color: white; /*font-size: 16px;*/ font-size: 14px; font-weight: bold; /*padding: 8px 30px;*/ padding: 6px 30px; } /*#cajetinHome div#contenedorBotonReserva a.newBoton { background:transparent url(/bookingwww/img/responsiveDesign/boton_dorado_bg.gif) 0 0 repeat-x; color: white; font-size: 16px; font-weight: bold; padding: 8px 30px; }*/ #cajetinHome div#contenedorBotonReserva a.newBoton:hover { background-color:transparent; } /*#cajetinHome div#contenedorBotonReserva a.newBoton:hover { background:transparent url(/bookingwww/img/responsiveDesign/boton_dorado_bg_reverse.gif) 0 0 repeat-x; }*/ .pestanyaMini{ position:relative; height:36px; background-color:gold; margin-top:10px; background-color:transparent; border: 1px solid #A69F8F; line-height:36px; font-size:18px; font-family:Georgia, 'Times New Roman', Serif; color:white; padding-left:12px; cursor:pointer; } /*.pestanyaMini{ position:relative; height:36px; background-color:gold; margin-top:10px; background:gold url(/bookingwww/img/responsiveDesign/boton_dorado_bg.gif) 0 0 repeat-x; border: 1px solid #A69F8F; line-height:36px; font-size:18px; font-family:Georgia, 'Times New Roman', Serif; color:white; padding-left:12px; cursor:pointer; }*/ .pestanyaMini:first-child{ margin-top:0; } .pestanyaMini div.divDesplegable{ height:13px; width:13px; background-color:transparent; position:absolute; right:10px; top:12px; } /*.pestanyaMini div.divDesplegable{ height:13px; width:13px; background: transparent url(/bookingwww/img/responsiveDesign/despl_cerrado.png) left top no-repeat; position:absolute; right:10px; top:12px; }*/ .pestanyaMini.active div.divDesplegable{ background-color:transparent; } /*.pestanyaMini.active div.divDesplegable{ background-image:url(/bookingwww/img/responsiveDesign/despl_abierto.png); }*/ .ac_results li.ac_over strong{ color:white; } ul.ui-autocomplete{ width:350px; border:1px solid black; color:#444444; margin:0; padding:0; } ul.ui-autocomplete li.ui-menu-item{ background:white; margin:0; padding:0; } ul.ui-autocomplete li.ui-menu-item a{ display:block; padding:3px 5px; text-decoration:none; } ul.ui-autocomplete li.ui-menu-item a.impar{ background:#EEEEEE; } ul.ui-autocomplete li.ui-menu-item a.ui-state-focus{ background:#0A246A; color:white; } ul.ui-autocomplete li.ui-menu-item a.ui-state-focus strong{ color:white; } #cajetinHome .box .ui-helper-hidden-accessible{ display:none; } /* #Media Queries ================================================== */ #contenedorCajetinHome{ width:310px; margin-left:-470px; } #contenedorCajetinResort{ width:310px; margin-left:-470px; } .pestanyaMini{ display:none; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #contenedorCajetinHome{ width:310px; margin-left:-374px; } #contenedorCajetinResort{ width:310px; margin-left:-374px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #contenedorCajetinHome{ width:308px; position:relative; margin: 20px auto 0; top:-10px; left:0; z-index: 2; } #contenedorCajetinResort{ width:308px; position:relative; margin:0 auto; top:-180px; left:0; } .pestanyaMini{ display:block; } a.pestanyaMini{ text-decoration:none; color:white; } .cajetinHome_top{ display:none; } .cajetinMiniOculto{ display:none; } ul.ui-autocomplete{ width:269px; font-size:11px; } div.contenedorBoton{ height: 30px; line-height: 30px; margin-top: 15px; text-align: center; } div.contenedorBoton a.newBoton { display: block; padding: 0; width: 100%; font-size: 18px; } #resertsButtonMini{ width: 308px; margin: 5px auto 0; } #contenedorCajetinResort{ position: static; top: 0px; } } /*** selectorDestino.css */ .submenu_header_reserva{ display:none; position:absolute; z-index:35;/*NO PONER NUNCA A 50 EXACTO, TIENE QUE SER DIFERENTE DEL ESTILO PARA MÓVIL*/ background-color:#e9e9e9; color:#666666; font-family:Helvetica, Arial, Sans-serif; font-size:11px; line-height:14px; padding-bottom:10px; margin:0; left:0; border:1px solid #CCCCCC; } .submenu_header_reserva b{ color:#666666; font-family:Helvetica, Arial, Sans-serif; font-size:11px; font-weight:bold; display:block; margin:10px 0 3px 0; } .submenu_header_reserva div.column_left{ float:left; width:215px; margin-left:15px; } .submenu_header_reserva div.column_left ul, .submenu_header_reserva div.column_left ul li{ list-style:none; padding:0; margin:0; } .submenu_header_reserva div.column_left b span, .submenu_header_reserva div.column_left ul li{ cursor:pointer; } .submenu_header_reserva div.column_left b span:hover, .submenu_header_reserva div.column_left ul li:hover{ text-decoration:underline; } .submenu_header_reserva div.column_left b span.noClicable, .submenu_header_reserva div.column_left b span.noClicable:hover{ cursor:default; text-decoration:none; color:#999999; } a.remove_btn { background-color:transparent; display: block; float: left; font-size: 0; height: 13px; line-height: 0; width: 13px; } /*a.remove_btn { background-image: url(/bookingwww/img/responsiveDesign/remove_btn.gif); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; font-size: 0; height: 13px; line-height: 0; width: 13px; }*/ a.remove_btn:hover { background-position: left -3016px; } /*a.remove_btn:hover { background-position: 0 -13px; }*/ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .submenu_header_reserva div.column_left { width:172px; margin-left:10px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .submenu_header_reserva{ width: 298px; left: 50%; margin-left: -150px; z-index: 50;/*NO TOCAR, SI FUERA NECESARIO CAMBIAR TAMBIEN RESERVA.js*/ } } /*** calendarioPrecios.css */ #clofrtMes1{ float:none; margin:0 auto; position:relative; } .clofrtContainer { display:none; position:absolute; background-color:white; width:500px; padding: 5px; /*margin-left: 10px; margin-top:144px;*/ z-index: 45;/*NO PONER NUNCA A 50 EXACTO, TIENE QUE SER DIFERENTE DEL ESTILO PARA MÓVIL*/ border: 3px solid #ccc; overflow: visible; } .calendario{ width:450px; margin-left:10px; margin-bottom:10px; } .calendario table thead tr.nombre_mes{ text-align:center; color:black; text-transform:uppercase; font-weight:bold; height:23px; font:12px/16px Arial,Helvetica,sans-serif; font-weight:bold; } .calendario table thead tr.nombre_mes td.mes_anterior{ text-align:left; cursor: pointer; } .calendario table thead tr.nombre_mes td.mes_anterior div{ float:left; height:19px; width:19px; background-color:transparent; } /*.calendario table thead tr.nombre_mes td.mes_anterior div{ float:left; width:19px; height:19px; background-position:left top; background-color:transparent; background-image:url(/bookingwww/img/responsiveDesign/mes_anterior.jpg); }*/ .calendario table thead tr.nombre_mes td.mes{ text-align:center; width:100%; } .calendario table thead tr.nombre_mes td.mes_siguiente{ text-align:right; cursor: pointer; } .calendario table thead tr.nombre_mes td.mes_siguiente div{ float:right; height:19px; width:19px; background-color:transparent; } /*.calendario table thead tr.nombre_mes td.mes_siguiente div{ float:right; width:19px; height:19px; background-position:left top; background-color:transparent; background-image:url(/bookingwww/img/responsiveDesign/mes_siguiente.jpg); }*/ .calendario table{ width:450px; table-layout: fixed; border-collapse: separate; } #clofrtContainer table #loadingImgContainer{ text-align:center; position:relative; top:10px; height:18px; } .calendario table thead tr.nombres_semana{ height:27px; color:#444; background-color:transparent; font:11px/16px Arial,Helvetica,sans-serif; font-weight:bold; } /*.calendario table thead tr.nombres_semana{ height:27px; color:#444; background:url(/bookingwww/img/responsiveDesign/fondo_tab_header_calendario2.jpg) repeat-x scroll 0 0 transparent; font:11px/16px Arial,Helvetica,sans-serif; font-weight:bold; }*/ .calendario table thead tr.nombres_semana span.sep{ color:#D6816D; float:left; margin:-2px; } .calendario table thead tr.nombres_semana span.lunes{ padding-left:5px; } .calendario table td{ padding-left:0px; text-align:center; padding:0px; margin:0px; vertical-align:middle; } .calendario table tbody{ background-color:white; color:black; font-size: 3px; } .calendario table tbody td{ padding-right:2px; padding-top:2px; padding-bottom:7px; margin-bottom:0px; color: #CCCCCC; text-align:center; } .calendario table tbody td.diaConPrecio{ margin-bottom:0px; } .calendario table tbody td.diaClicable{ border: 1px #EEE dotted; cursor:pointer; color: black; /*padding-bottom:0px;*/ margin-bottom:0px; } .calendario table tbody td.diaProducto{ background-color:transparent; border:1px solid #C4E3EE; padding-left:1px; padding-right:1px; margin-bottom:0px; } /*.calendario table tbody td.diaProducto{ background:url(/bookingwww/img/responsiveDesign/fondo_dia_producto.gif) repeat-x scroll 0 0 transparent; border:1px solid #C4E3EE; padding-left:1px; padding-right:1px; margin-bottom:0px; }*/ .calendario table tbody td.diaOferta{ background:none; background-color:transparent; border:1px solid #C5E4D0; padding-left:1px; padding-right:1px; margin-bottom:0px; } /*.calendario table tbody td.diaOferta{ background:none; background:url(/bookingwww/img/responsiveDesign/fondo_dia_oferta.gif) repeat-x scroll 0 0 transparent; border:1px solid #C5E4D0; padding-left:1px; padding-right:1px; margin-bottom:0px; }*/ .calendario table tbody td.fechaSeleccionada{ background:none; background-color:#EFAFA5; border:1px solid red; padding-left:1px; padding-right:1px; /*padding-top:0px;*/ /*padding-bottom:0px;*/ margin-bottom:0px; } .calendario table tbody td.fechaHoy{ background:none; border:1px solid #AAA; padding-left:1px; padding-right:1px; /*padding-top:0px;*/ /*padding-bottom:0px;*/ margin-bottom:0px; } .calendario table tbody td span.fecha{ /*padding-left:5px;*/ font:Arial,Helvetica,sans-serif; font-size: 13px; /*padding-bottom:0px;*/ margin-bottom:0px; } .calendario table tbody td span.fecha b{ font-weight:bold; } .calendario table tbody td div.precio{ /*background-color: #EBEBEB;*/ padding:2px; width:58px; font-family:Arial,Helvetica,sans-serif; font-size: 12px; text-align:center; /*padding-bottom:0px;*/ margin-bottom:0px; } .calendarNotification{ padding-left: 10px; font-size: 9px; color: #333; display:block; padding-right:20px; } .calendario table tbody td.notasDisponibilidadVuelos{ font-size:11px; color:black; text-align:left; padding-left:10px; padding-top:10px; } .calendario table thead tr.nombre_mes td.mes div.mesesPrevios{ float:left; width:95px; text-align:left; } .calendario table thead tr.nombre_mes td.mes div.mesPrincipal{ float:left; width:130px; } .calendario table thead tr.nombre_mes td.mes div.mesesPosteriores{ float:left; width:95px; text-align:right; } .calendario table thead tr.nombre_mes td.mes div.mesesPrevios a{ color:grey; font:8px; margin-right:10px; } .calendario table thead tr.nombre_mes td.mes div.mesesPosteriores a{ color:grey; font:8px; margin-left:10px; } .textoPieCalendarioVacaciones{ color:black; text-align:left; padding-left:10px; padding-top:10px; background-color:#EEEBE5; } .textoPieCalendarioVacaciones p{ color:#444444; margin:0; font-family: Georgia,"Times New Roman",serif; font-size: 12px; text-align:left; padding:0 10px; } .textoPieCalendarioVacaciones p.precioConDisp{ font-weight:bold; color:#222222; } .textoPieCalendarioVacaciones p.precioSinDisp{ font-weight:bold; color:red; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #calendarioprecios { } div.calendarioCajetin { margin: 10px auto; background: transparent; color: black; z-index: 120; /* width: 287px; */ width: 300px; /*border: 1px solid #e8e8e8;*/ padding-top: 10px; } .clofrtContainer { display:none; position:absolute; background: transparent; left:50%; margin-left:-150px; width: 300px; /*height:319px;*/ padding:10px 0px; /*margin-left: 10px;*/ /*margin-top: 350px;*/ z-index: 50;/*NO TOCAR, SI FUERA NECESARIO CAMBIAR TAMBIEN RESERVA.js*/ border: none; overflow: visible; } .calendario{ /* width:289px; */ width:300px; margin-left:1px; margin-bottom:10px; margin-top:8px; } .calendario table thead tr.nombre_mes{ text-align:center; color:black; text-transform:uppercase; font-weight:bold; /* height:23px; */ height: 40px; font:12px/16px Arial,Helvetica,sans-serif; font-weight:bold; } .calendario table thead tr.nombre_mes td.mes_anterior{ text-align:left; cursor: pointer; } .calendario table thead tr.nombre_mes td.mes{ text-align:center; width:100%; position:relative; } .calendario table thead tr.nombre_mes td.mes_siguiente{ text-align:right; cursor: pointer; } .calendario table{ padding-bottom:10px; table-layout:auto; width: 298px; position:relative; left:1px; } .calendario table thead tr.nombres_semana{ height:27px; background:url(/bookingwww/img/responsiveDesign/fondo_tab_header_calendario.jpg) repeat-x scroll 0 0 transparent; font:12px/16px Arial,Helvetica,sans-serif; } .calendario table thead tr.nombres_semana span.sep{ /*color:#D6816D;*/ } .calendario table thead tr.nombres_semana span.lunes{ padding-left:5px; } .calendario table td{ /* width:41px; */ padding-left:0px; } .calendario table tbody{ background-color:white; color:black; font-size: 3px; } .calendario table tbody td{ /*height:37px;*/ padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px; color: #CCCCCC; } .calendario table tbody td.diaConPrecio{ } .calendario table tbody td.diaClicable{ border: 1px #EEE dotted; cursor:pointer; color: black; } .calendario table tbody td.diaProducto{ background:url(/bookingwww/img/responsiveDesign/fondo_dia_producto.gif) repeat-x scroll 0 0 transparent; border:1px solid #C4E3EE; padding-left:1px; padding-right:1px; padding-top:0px; padding-bottom:0px; } .calendario table tbody td.diaOferta{ background:none; background:url(/bookingwww/img/responsiveDesign/fondo_dia_oferta.gif) repeat-x scroll 0 0 transparent; border:1px solid #C5E4D0; padding-left:1px; padding-right:1px; padding-top:0px; padding-bottom:0px; } .calendario table tbody td.fechaSeleccionada{ background:none; background-color:#EFAFA5; border:1px solid red; padding-left:1px; padding-right:1px; padding-top:0px; padding-bottom:0px; } .calendario table tbody td.fechaHoy{ background:none; border:1px solid #AAA; padding-left:1px; padding-right:1px; padding-top:0px; padding-bottom:0px; } .calendario table tbody td span.fecha{ padding-left:5px; font:Arial,Helvetica,sans-serif; font-size: 11px; } .calendario table tbody td div.precio{ /*background-color: #EBEBEB;*/ padding:2px; width:33px; font:Arial,Helvetica,sans-serif; font-size: 10px; } .calendario table tbody td div.precio .fmtMoneda{ display:none; } .calendarNotification{ display:block; padding: 15px; font-size: 9px; color: #333; line-height: 10px; } #divIzquierda .cuadro_calendarios_gris{ width: 300px; } #divIzquierda div.calendarioCajetin{ padding-left: 0px; } div.contenido_principal .final_cuadro_gris .paso a.img_calendario img{ margin-bottom: 10px; vertical-align: bottom; margin-left:3px; } div.contenido_principal .final_cuadro_gris .paso .cuadro_calendarios_gris{ margin-bottom:10px; border-bottom:1px solid #CCCCCC; width:322px; background-color:#F4F4F4; } .precio .fmtNumero { font-size: 10px; } .precio .fmtMoneda { font-size: 10px; } .calendario table td.mes_siguiente, .calendario table td.mes_anterior { padding: 5px; } .calendario table thead tr.nombre_mes td.mes div.mesesPrevios{ float:left; width:95px; text-align:left; } .calendario table thead tr.nombre_mes td.mes div.mesPrincipal{ position:absolute; top:20px; left:50%; margin-left:-65px; width:130px; } .calendario table thead tr.nombre_mes td.mes div.mesesPosteriores{ float:right; width:95px; text-align:right; } .calendario table tbody td.notasDisponibilidadVuelos{ font-size:11px; color:black; text-align:left; padding:10px; line-height:15px; } .calendario table thead tr.nombre_mes td.mes div.mesesPrevios a, .calendario table thead tr.nombre_mes td.mes div.mesesPosteriores a, .calendario table thead tr.nombre_mes .mes_anterior img, .calendario table thead tr.nombre_mes .mes_siguiente img{ position:relative; top:-15px; } } /*** resortGeneral.css ***/ div.container div#seccionPrincipal{ float:right; margin-bottom:50px; } div.container div#columnaIzquierda{ margin-bottom:50px; } div.container div#seccionTodoIncluido{ float:right; } .tituloSeccionResort{ margin-top:0; color: #85724A; font-size: 30px; line-height: 30px; margin-bottom: 20px; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { div.container div#seccionPrincipal{ float:left; /*border-bottom:1px dotted #888; padding-bottom: 30px;*/ } div.container div#seccionPrincipal div.separadorIzq { border-left: none; margin-left: 0; padding-left: 0; } div.container div#seccionTodoIncluido{ float:left; display: none; } div.container div#seccionTodoIncluido div#contenedorTodoIncluido{ border-left:none; border-bottom: 1px dotted #888888; margin-left: 0; padding-left: 0; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { } /*** bannerCabeceraHotel.css */ #headerComboResort{ position: relative; width: 100%; height: 454px; z-index: 3; font-family: 'Helvetica', 'Arial', Sans-serif; overflow: hidden; z-index:3; } #headerComboResort #comboFoto ul#comboFotoList{ margin:0; padding:0; height:450px; overflow:hidden; } #headerComboResort #comboFoto ul#comboFotoList li{ } #headerComboResort #comboFoto ul#comboFotoList li img{ height:454px; z-index:4; width: 1600px; position: relative; left: 50%; margin-left: -800px; } #headerComboResort .contenedorVista360Mapa { position: absolute; top: 0; left: 50%; margin-left: -470px; width: 940px; z-index:5; background:none; background-color:transparent; border:none; } #headerComboResort .contenedorVista360Mapa .vista360, #headerComboResort .contenedorVista360Mapa .mapa, #headerComboResort .contenedorVista360Mapa .icono_app, #headerComboResort .contenedorVista360Mapa .video{ position:absolute; bottom:10px; height:56px; width:56px; display:block; background-position:left top; background-repeat:no-repeat; background-color:transparent; z-index:6; float:none; margin:0; padding:0; } #headerComboResort .contenedorVista360Mapa .vista360, #headerComboResort .contenedorVista360Mapa .mapa, #headerComboResort .contenedorVista360Mapa .icono_app_no, #headerComboResort .contenedorVista360Mapa .video{ position:absolute; bottom:10px; height:56px; width:56px; display:block; background-position:left top; background-repeat:no-repeat; background-color:transparent; z-index:6; float:none; margin:0; padding:0; } #headerComboResort .contenedorVista360Mapa .galeria{ position:absolute; top: 233px; right: 0; background-image:url(/bookingwww/img/responsiveDesign/combo_galeria_hotel.png); height:56px; width:56px; display:block; background-position:left top; background-repeat:no-repeat; background-color:transparent; z-index:6; float:none; margin:0; padding:0; } #headerComboResort .contenedorVista360Mapa .vista360{ right: 56px; background-image:url(/bookingwww/img/responsiveDesign/combo_vista360_hotel.png); } #headerComboResort .contenedorVista360Mapa .mapa{ top: 305px; right: 0px; background-image: url(/bookingwww/img/responsiveDesign/combo_mapa_hotel.png); } #headerComboResort .contenedorVista360Mapa .icono_app { top: 165px; right: 0px; background-image: url(/bookingwww/img/responsiveDesign/movil_icon.png); display: none; } #headerComboResort .contenedorVista360Mapa .icono_app_no { top: 233px; right: 0px; background-image:url(/bookingwww/img/responsiveDesign/movil_icon.png); display: none; } #headerComboResort .contenedorVista360Mapa .video{ top: 305px; right:0px; background-image:url(/bookingwww/img/responsiveDesign/combo_video.png); } #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_SanJuan, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Samana, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Premier, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Turquesa, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Portillo, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_CayoLevantado, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Cayacoa, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_SanFelipe, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Tenerife, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Adeje, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Jamaica, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Runaway, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_LaRomana, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Boganvil, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Tulum, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Akumal, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Akulux, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Coba, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_SianKan, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Samana, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Esmeralda, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Bavaro, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_PuntaCana, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Ambar, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Coral { /*#headerComboResort .contenedorVista360Mapa .icono_app.icono_app_BahiaPalma, #headerComboResort .contenedorVista360Mapa .icono_app.icono_app_Tal {*/ display: block; } #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_SanJuan, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Samana, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Premier, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Turquesa, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Portillo, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_CayoLevantado, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Cayacoa, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_SanFelipe, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Tenerife, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Adeje, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Jamaica, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Runaway, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_LaRomana, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Boganvil, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Tulum, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Akumal, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Akulux, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Coba, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_SianKan, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Samana, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Esmeralda, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Bavaro, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_PuntaCana, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Ambar, #headerComboResort .contenedorVista360Mapa .icono_app_no.icono_app_Coral { display: block; } #headerComboResort .contenedorVista360Mapa ul.switcher{ list-style:none; margin: 0; padding: 0; position: absolute; right: 0; top: 21px; z-index: 3; float:none; } #headerComboResort .contenedorVista360Mapa ul.switcher li{ float: left; margin-left: 3px; margin-right: 7px; } #headerComboResort .contenedorVista360Mapa ul.switcher li a{ background-color: transparent; display: block; height: 17px; width: 17px; background-image: url("/bookingwww/img/responsiveDesign/contenedorImagenes.png"); background-position: left -168px; background-repeat: no-repeat; } #headerComboResort .contenedorVista360Mapa ul.switcher li a:hover, #headerComboResort .contenedorVista360Mapa ul.switcher li.active a{ background-position: -20px -168px; } #contenedorNombreEstrellasDescripcionResort{ z-index:5; background-color:transparent; background-position:center top; background-repeat:no-repeat; width: 100%; overflow: hidden; margin-top: -85px; position:relative; } #contenedorNombreEstrellasDescripcionResort.tipoHotel{ background-image:url(/bookingwww/img/responsiveDesign/fondoHotel.png); margin-top: -89px; *margin-top: -85px; } #contenedorNombreEstrellasDescripcionResort.tipoHotelDon{ background-image:url(/bookingwww/img/responsiveDesign/fondoHotel_DP.png); } #contenedorNombreEstrellasDescripcionResort.tipoHotelBah{ background-image:url(/bookingwww/img/responsiveDesign/fondoHotel_BP.png); } #contenedorNombreEstrellasDescripcionResort.tipoHotelGra{ background-image:url(/bookingwww/img/responsiveDesign/fondoHotel_GBP.png); } #contenedorNombreEstrellasDescripcionResort.tipoHotelHot{ background-image:url(/bookingwww/img/responsiveDesign/fondoHotel_HOPI.png); } #contenedorNombreEstrellasDescripcionResortMedio{ z-index:5; background-color:transparent; background-position:left top; background-repeat:no-repeat; width:748px; position:relative; margin:0 auto 20px auto; display:none; } #contenedorNombreEstrellasDescripcionResortMedio.bpRaw1{ margin-top:-76px; } #contenedorNombreEstrellasDescripcionResortMedio.tipoHotelDon{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniDP.png); } #contenedorNombreEstrellasDescripcionResortMedio.tipoHotelBah{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniBP.png); } #contenedorNombreEstrellasDescripcionResortMedio.tipoHotelGra{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniGBP.png); } #contenedorNombreEstrellasDescripcionResortMedio.tipoHotelHot{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniHOPI.png); } #contenedorNombreEstrellasDescripcionResortMedio #contenedorNombreEstrellasResort{ padding-left:330px; width:auto; margin-bottom:15px; height:100px; } #contenedorNombreEstrellasDescripcionResortMedio #nombreEstrellasResort{ color: #07468E; font-size: 35px; line-height: 40px; font-family: 'Georgia', 'Times New Roman', serif; width: auto; height: auto; float:none; margin: 0; text-align:left; } #contenedorNombreEstrellasDescripcionResortMedio #descripcionBreveResort{ position: relative; width: auto; margin: 0 auto; float:none; font-size: 20px; line-height:25px; color:#333; font-family:'Georgia', 'Times New Roman', serif; font-style:italic; } #contenedorNombreEstrellasDescripcionResortMini{ z-index:5; background-color:transparent; background-position:center top; background-repeat:no-repeat; width:100%; display:none; margin-top: 20px; } #contenedorNombreEstrellasDescripcionResortMini.bpRaw1{ margin-top:-76px; } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelDon{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniDP.png); } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelBah{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniBP.png); } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelGra{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniGBP.png); } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelHot{ background-image:url(/bookingwww/img/responsiveDesign/logoMiniHOPI.png); } #contenedorNombreEstrellasDescripcionResortMini #contenedorNombreEstrellasResort{ width:100%; margin-bottom:0; height:auto; } #contenedorNombreEstrellasDescripcionResortMini #nombreEstrellasResort{ color: #07468E; font-size: 25px; line-height: 30px; font-family: 'Georgia', 'Times New Roman', serif; width: 308px; height: auto; float:none; margin: 0 auto; text-align:left; } #contenedorNombreEstrellasDescripcionResortMini #descripcionBreveResort{ position: relative; width: 308px; margin: 0 auto; float:none; font-size:16px; line-height:25px; color:#333; font-family:'Georgia', 'Times New Roman', serif; font-style:italic; } #contenedorNombreEstrellasResort{ position: relative; width: 940px; margin: 0 auto; height: 85px; margin-bottom: 15px; } #contenedorNombreEstrellasDescripcionResort.tipoHotel #contenedorNombreEstrellasResort{ height: auto; } #nombreEstrellasResort{ width: 365px; float: right; margin-top:10px; height: 85px; text-align:left; } #nombreEstrellasResort h1{ color: #07468E; font-size: 35px; line-height:40px; font-family:'Georgia', 'Times New Roman', serif; display:inline; } #sustituyeh1 { color: #07468E; font-size: 35px; line-height: 40px; font-family: 'Georgia', 'Times New Roman', serif; display: inline; } #estrellasResort{ display:inline; padding:0 0 4px 15px; } .logoHotel{ display: inline; margin-left: 345px; margin-top: 5px; height:80px; width:133px; float:left; } #descripcionBreveResort{ position: relative; width: 940px; margin: 0 auto; float:none; font-size:20px; line-height:25px; color:#333; font-family:'Georgia', 'Times New Roman', serif; font-style:italic; } .breadcrumb { font-size:12px; font-weight:400; list-style:none outside none; overflow:hidden; position:relative; width:940px; margin:10px auto; padding:0 0 5px; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #headerComboResort .contenedorVista360Mapa { margin-left: -374px; width: 748px; height:454px; } #contenedorNombreEstrellasDescripcionResort{ display:none; } #contenedorNombreEstrellasDescripcionResortMedio{ display:block; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #headerComboResort .contenedorVista360Mapa { display:none; } #headerComboResort{ height:auto; overflow:hidden; /*display: none;*/ } #contenedorNombreEstrellasDescripcionResort{ display:none; } #contenedorNombreEstrellasDescripcionResortMini{ display:block; background-image: none; } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelGra{ background-image: none; margin-bottom: 15px; } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelDon{ background-image: none; margin-bottom: 15px; } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelBah{ background-image: none; margin-bottom: 15px; } #contenedorNombreEstrellasDescripcionResortMini.tipoHotelHot{ background-image: none; margin-bottom: 15px; } #headerComboResort #comboFoto ul#comboFotoList{ height: auto; } #headerComboResort #comboFoto ul#comboFotoList li img{ height: auto; left: 0px; margin-left: 0px; position: static; width: 100%; } #nombreEstrellasResort h1{ font-size: 25px; line-height: 30px; } #sustituyeh1 { font-size: 25px; line-height: 30px; } #contenedorNombreEstrellasDescripcionResortMini{ margin-top: 0px; } } /*** listaOfertasResort.css */ #superContenedorResortListaOfertas{ width:100%; overflow:hidden; background: url("/bookingwww/img/responsiveDesign/degradadoAzul.jpg") repeat-x scroll 0 55px transparent; } #contenedorResortListaOfertas{ margin-top:55px; background-color:transparent; padding-bottom: 64px; position: relative; z-index: 4; } /*#contenedorResortListaOfertas{ margin-top:55px; background: url(/bookingwww/img/responsiveDesign/ofertasDestinos_bg.png) repeat-x scroll 0 0 transparent; padding-bottom: 64px; position: relative; width: 100%; z-index: 4; }*/ #resortListaOfertas{ margin: 0 auto; padding:0; position: relative; } #pestanyasResortListaOfertas{ height: 36px; margin-bottom: 0px; position: absolute; top: -36px; width: 100%; } #listaOfertas{ display:inline-block; margin-bottom: 0; padding-top: 30px; width: 100%; height: 190px; } #listaOfertas p{ text-align: center; color: white; font-family: 'Georgia','Times New Roman',serif; font-size: 20px; font-style: italic; } #listaOfertas.ofertasActivas{ height: auto; } #listaOfertas li{ background-color: white; float: left; margin-bottom: 0; margin-right: 7px; position: relative; width: 230px; margin-bottom: 10px; } #listaOfertas li.loading{ height:100%; width:100%; background: transparent url(/bookingwww/img/responsiveDesign/loading_gris.gif) center center no-repeat; } .contenedorOfertaMes{ box-shadow: 0 0 5px 0; height: 144px; padding: 18px; position: relative; } .contenedorOfertaMes .tipoOferta{ font-size:16px; color:#070707; font-weight:bold; text-transform: uppercase; } .contenedorOfertaMes .descripcionOferta{ color:#666666; font-size:11px; } .contenedorOfertaMes .preciosOferta{ margin-top: 16px; } .contenedorOfertaMes .porcentajeOferta, .contenedorOfertaMes .precioOferta{ float:left; height:52px; } .contenedorOfertaMes .porcentajeOferta{ width:52px; border-right:1px dotted #999999; padding-right:10px; margin-right:10px; background-color:transparent; text-align:center; } /*.contenedorOfertaMes .porcentajeOferta{ width:52px; border-right:1px dotted #999999; padding-right:10px; margin-right:10px; background: transparent url(/bookingwww/img/responsiveDesign/circulo_porcentaje.png) left top no-repeat; text-align:center; }*/ .contenedorOfertaMes .porcentajeOferta.porcentajeVacio{ display:none; } .contenedorOfertaMes .porcentajeOferta span{ line-height:52px; font-size:20px; font-weight:bold; font-family:Helvetica, Arial, Sans-serif; color:#000000; } .contenedorOfertaMes .precioOferta{ } .contenedorOfertaMes .precioOferta.porcentajeVacio{ float:none; text-align:center; } .contenedorOfertaMes .precioOferta span.textoPrecio{ display:block; font-size:10px; color:#000000; font-weight:bold; text-transform:lowercase; } .contenedorOfertaMes .precioOferta span.fmtNumero{ color:#948354; font-size:26px; line-height:26px; font-family: Georgia, 'Times New Roman', Serif; font-weight:bold; } .contenedorOfertaMes .precioOferta span.fmtMoneda{ color:#948354; font-size:26px; line-height:27px; font-family: Georgia, 'Times New Roman', Serif; font-weight:bold; } .contenedorOfertaMes .contenedorBotonOferta{ clear:left; position:absolute; left:0px; bottom:15px; width:100%; text-align:center; line-height:30px; } #pestanyaOfertasHotel{ margin-right: 0; margin-left: -1px; float: right; border-color: #1B3088; background-color: #1B3088; color: white; cursor: pointer; *width: 203px; min-width:223px; height: 36px; border-width: 0; border-radius: 4px 4px 0px 0px; border-style: solid; margin-bottom: 0px; font-family: Georgia, 'Times New Roman', Serif; font-size: 15px; line-height: 36px; padding-left: 10px; } #pestanyaOfertasHotel span{ display:block; float:left; } #pestanyaOfertasHotel.ofertasActivas a{ background:transparent url(/bookingwww/img/responsiveDesign/despl_arriba.png) left center no-repeat; } #pestanyaOfertasHotel a{ display:block; float:right; margin-left:10px; margin-right:10px; height: 36px; width:16px; background:transparent url(/bookingwww/img/responsiveDesign/despl_abierto.png) left center no-repeat; } li.pestanyaGris{ position:relative; background-color:#dddddd; height: 36px; border-width: 0; border-radius: 4px 4px 0px 0px; border-style: solid; border-color: #dddddd; float: left; margin-right: 7px; margin-bottom: 0px; color: #444444; font-family: Georgia, 'Times New Roman', Serif; font-size: 13px; line-height: 36px; padding-left: 15px; padding-right:15px; cursor: pointer; } li.pestanyaGris.active{ background-color:white; } #addFavoritos, #descargaFicha, #ck_sharethis{ padding-left: 45px; } #addFavoritos{ } /*#addFavoritos{ background-position:10px center; background-repeat: no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_favoritos.png); }*/ #descargaFicha{ } /*#descargaFicha{ background-position:10px center; background-repeat: no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_descarga.png); }*/ #ck_sharethis{ } /*#ck_sharethis{ background-position:10px center; background-repeat: no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_compartir.png); }*/ #pestanyaMasOfertasMini{ background-color: #1B3088; border-color: #1B3088; border-radius: 4px 4px 0 0; border-style: solid; border-width: 0; color: white; cursor: pointer; float: none; height: 36px; line-height: 36px; padding: 0 10px; text-align:center; display:none; margin:0 auto; position:relative; top:-36px; } #pestanyaMasOfertasMini span{ font-family: Georgia,'Times New Roman',Serif; font-size: 18px; width: 100%; display: inline-block; } .ofertasIzq, .ofertasDer{ display:none; position: absolute; background-repeat: no-repeat; background-color: transparent; top: 0px; width: 37px; height: 100%; background-image: url('/bookingwww/img/responsiveDesign/contenedorImagenes.png'); } .ofertasIzq{ left: 20px; background-position: left -1953px; } .ofertasDer{ right: 20px; background-position: left -1998px; } #listaOfertas .ofertaLi4,#listaOfertas .ofertaLi8, #listaOfertas .ofertaLi12,#listaOfertas .ofertaLi16{ margin-right: 0; margin-left: -1px; } #listaOfertas .ofertaLi5,#listaOfertas .ofertaLi6, #listaOfertas .ofertaLi7,#listaOfertas .ofertaLi8{ visibility: hidden; } #listaOfertas.ofertasActivas .ofertaLi5,#listaOfertas.ofertasActivas .ofertaLi6, #listaOfertas.ofertasActivas .ofertaLi7,#listaOfertas.ofertasActivas .ofertaLi8{ visibility: visible; } #ofertasLateral{ display:inline-block; margin-bottom: 0; padding-top: 30px; width: 100%; height: 190px; } #ofertasLateral.ofertasActivas{ height: auto; } #ofertasLateral li{ background-color: #EEEEEE; box-shadow: none; margin-bottom: 0; margin-right: 7px; /*position: relative; float: left;*/ width: 100%; margin-bottom: 10px; } #ofertasLateral li.loading{ height:100%; width:100%; background: transparent url(/bookingwww/img/responsiveDesign/loading_gris.gif) center center no-repeat; } #ofertasLateral li .contenedorOfertaMes{ height: 144px; padding: 18px; position: inherit; box-shadow: none; } #ofertasLateral .contenedorOfertaMes .contenedorBotonOferta{ margin-top:10px; position:inherit; } #superContenedorResortOfertasLateral .grey_box{ border: 1px solid #ccc; background-color: #f1f1f1; } #superContenedorResortOfertasLateral .grey_box .smallpad{ padding: 2px; overflow: hidden; height: 1%; position:relative; height:21px; text-align:center; } #superContenedorResortOfertasLateral .grey_box .smallpad .centrado{ position:absolute; left:0; margin-left:50%; } #superContenedorResortOfertasLateral span.resorts_main_gallery_left_lt, #superContenedorResortOfertasLateral span.resorts_main_gallery_right_lt { width: 25px; height: 19px; /*float: left;*/ background-position: 0 0; background-repeat: no-repeat; /*margin-right: 1px;*/ cursor: pointer; position:absolute; top:3px; } #superContenedorResortOfertasLateral span.resorts_main_gallery_left_lt.active, #superContenedorResortOfertasLateral span.resorts_main_gallery_right_lt.active{ background-position: 0 -19px; } #superContenedorResortOfertasLateral span.resorts_main_gallery_left_lt { background-image: url(/bookingwww/ucm/recursos_web/images/content/resorts_gallery_left_btn.gif); left:3px; } #superContenedorResortOfertasLateral span.resorts_main_gallery_right_lt { background-image: url(/bookingwww/ucm/recursos_web/images/content/resorts_gallery_right_btn.gif); right:3px; } #superContenedorResortOfertasLateral ul.switcher_lt { padding:0; padding-top:5px; /*margin-left: 15%;*/ margin-bottom: 0; list-style: none; /*float: left;*/ /*position: inherit;*/ /*display:table; margin:0 auto;*/ height:50px; position:relative; left:-50%; } #superContenedorResortOfertasLateral ul.switcher_lt li { float: left; margin-right: 7px; margin-bottom: 0; } #superContenedorResortOfertasLateral ul.switcher_lt li span { float: left; display: block; width: 10px; height: 10px; background-image: url(/bookingwww/ucm/recursos_web/images/content/resorts_gallery_switcher.gif); background-position: 0 0; background-repeat: no-repeat; font-size: 0; line-height: 0; } #superContenedorResortOfertasLateral ul.switcher_lt li.active span { background-position: 0 -10px; } .fleft { float: left !important; } .fright { float: right !important; } @media only screen and (max-width:959px){ #pestanyaOfertasHotel{ min-width: auto; } #listaOfertas .ofertaLi4,#listaOfertas .ofertaLi8, #listaOfertas .ofertaLi12,#listaOfertas .ofertaLi16{ margin-right: 7px; margin-left: 0px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #listaOfertas .ofertaLi4,#listaOfertas .ofertaLi8, #listaOfertas .ofertaLi12,#listaOfertas .ofertaLi16{ margin-right: 7px; } #listaOfertas .ofertaLi4{ visibility: hidden; } #listaOfertas.ofertasActivas .ofertaLi4{ visibility: visible; } #listaOfertas{ padding-left: 3%; } #ofertasLateral li .contenedorOfertaMes{ padding: 8px; } #superContenedorResortOfertasLateral ul.switcher_lt li { float: left; margin-right: 4px; margin-bottom: 0; } .contenedorOfertaMes .precioOferta span.fmtNumero{ font-size:20px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #contenedorResortListaOfertas{ padding-bottom:70px; } #pestanyasResortListaOfertas{ display:none; } #resortListaOfertas{ width:100%; } #pestanyaMasOfertasMini{ display:block; } #listaOfertas { padding-top:0; height: 375px; width: 100%; margin-left:-115px; left:50%; overflow: hidden; position: relative; } .ofertasIzq{ display:block; } .ofertasDer{ display:block; } #ofertasLateral li{ width:230px; margin:0 auto; } #superContenedorResortListaOfertas{ display: none; } #contenedorDestinoLateralHotel{ display: none; } } /*** menuSeccionesHotel.css */ #contenedorMenuSecciones{ background:transparent; position: relative; width: 100%; z-index: 5; margin-bottom:40px; } #contenedorMenuSecciones.bpRaw1{ background: url("/bookingwww/img/responsiveDesign/degradadoAzul.jpg") repeat-x scroll 0 0 transparent; padding-top:5px; margin-top:20px; } #contenedorMenuSecciones.bpRaw1 #menuSecciones{ top:0px; position: relative; } #contenedorMenuSeccionesCentrado{ margin: 0 auto; padding:0; position: relative; width: 940px; } #menuSecciones{ height: 36px; margin-bottom: 0px; position: absolute; top: -36px; width: 100%; z-index:1; } #menuSecciones > li{ padding-left:0; padding-right:0; z-index:2; } #menuSecciones > li.seccionActual{ background-color:white; font-weight:bold; position:static; } #menuSecciones > li > a{ display:block; height: 36px; line-height: 36px; padding-left: 15px; padding-right: 15px; text-decoration:none; } #menuSecciones > li > ul{ display: none; position: absolute; left:0; top: 36px; margin: 0; background-color: #214798; border-radius: 0 0 4px 4px; z-index:2; } #menuSecciones > li.seccionActual > ul{ position: absolute; top: 36px; left:0; display:block; width:940px; margin:0 auto; z-index:1; background:none; border:none; text-align:center; } #menuSecciones > li > ul > li{ margin: 0; padding: 0 15px; border-bottom: 1px solid white; } #menuSecciones > li > ul > li:last-child{ border-bottom:0; border-radius: 0 0 4px 4px; } #menuSecciones > li > ul > li:hover{ background-color: #DDDDDD; } #menuSecciones > li > ul > li.subSeccionPrincipal, #menuSecciones > li.seccionActual > ul > li.subSeccionPrincipal{ display:none; } #menuSecciones > li.seccionActual > ul > li{ display:inline; margin: 0; padding: 0; border-bottom: none; } #menuSecciones > li.seccionActual > ul > li:hover{ background-color:transparent; } #menuSecciones > li > ul > li > a{ height: 30px; line-height: 30px; white-space: nowrap; color:white; text-decoration:none; } #menuSecciones > li > ul > li:hover > a{ color: #333333; } #menuSecciones > li.seccionActual > ul > li > a{ margin:0; padding-left:0; padding-right:10px; font-weight:normal; font-size:14px; display:inline; height: 30px; line-height: 30px; white-space: normal; color: black; } #menuSecciones > li.seccionActual > ul > li.subSeccionActual > a{ font-weight:bold; } #menuSecciones > li.seccionActual > ul > li.barraMenuIzquierda > a{/*TODOS MENOS EL PRIMERO*/ border-left:1px solid black; padding-left:10px; } #menuSecciones > li.seccionActual > ul > li:last-child > a{ padding-right:0; } #menuSecciones > li.seccionActual > div.capaSeccionAccion, #menuSecciones > li.seccionActual > ul > li > div.capaSubSeccionAccion{ display:none; position:absolute; top:0; left:0; height:100%; width:100%; } #anclaMenuSecciones{ position:absolute; top:-100px; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px){ #contenedorMenuSecciones.bpRaw1 #menuSecciones{ top:16px; } #anclaMenuSecciones{ display:block; } #contenedorMenuSecciones{ margin-bottom:70px; } #contenedorMenuSeccionesCentrado{ width:500px; } #menuSecciones{ top:-20px; } #menuSecciones > li{ float:none; border-radius:0 0 0 0; font-weight:normal; background: url(/bookingwww/img/responsiveDesign/new_boton_bg.gif) repeat-x scroll left center transparent; border: 1px solid #999999; color: #666666; font-family: Georgia,"Times New Roman",Serif; font-size: 18px; height: 37px; line-height: 37px; margin: 0 auto; padding-left: 12px; padding-right: 12px; position: relative; width: 404px; } #menuSecciones > li.seccionActual.ocultaMini, #menuSecciones > li.seccionActual{ display:block; position:relative; } #menuSecciones > li.ocultaMini{ display:none; } #menuSecciones > li > a{ padding-right:0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#666666; } #menuSecciones > li.seccionActual > a{ background:transparent url(/bookingwww/img/responsiveDesign/despl_cerrado_gris.png) right center no-repeat; padding-right:15px; } #menuSecciones > li.seccionActual > div.capaSeccionAccion{ display:block; } #menuSecciones > li.seccionActual > ul{ margin-top:20px; width:430px; left: -1px; text-align:left; } #menuSecciones > li.seccionActual > ul > li{ display:block; position:relative; float:none; border-radius:0 0 0 0; font-weight:normal; background: url(/bookingwww/img/responsiveDesign/new_boton_bg.gif) repeat-x scroll left center transparent; border: 1px solid #999999; color: #666666; font-family: Georgia,"Times New Roman",Serif; font-size: 18px; height: 37px; line-height: 37px; margin: 0 auto; padding-left: 12px; padding-right: 12px; width: 404px; } #menuSecciones > li.seccionActual > ul > li.ocultaMini{ display:none; } #menuSecciones > li.seccionActual > ul > li.subSeccionActual, #menuSecciones > li.seccionActual > ul > li.subSeccionPrincipal.subSeccionActual{ display:block; } #menuSecciones > li.seccionActual > ul > li.subSeccionActual > div.capaSubSeccionAccion{ display:block; } #menuSecciones > li.seccionActual > ul > li > a{ display: block; height: 36px; line-height: 36px; padding-left: 0px; padding-right: 0px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666666; } #menuSecciones > li.seccionActual > ul > li.subSeccionActual > a, #menuSecciones > li.seccionActual > ul > li.subSeccionPrincipal.subSeccionActual > a{ /*font-weight:bold;*/ padding-right: 15px; background: transparent url(/bookingwww/img/responsiveDesign/despl_cerrado_gris.png) right center no-repeat; } #menuSecciones > li.seccionActual > ul > li.barraMenuIzquierda > a{ border:none; padding-left:0; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px){} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px){ #contenedorMenuSecciones{ position: static; margin-top: 25px; margin-bottom: 0px; } #contenedorMenuSecciones.bpRaw1 #menuSecciones{ position: static; } #menuSecciones{ position: static; height: auto; } #contenedorMenuSeccionesCentrado{ width:308px; position: static; } #menuSecciones > li{ padding: 5px 12px; position: relative; width: auto; } #menuSecciones > li.seccionActual > ul{ width:230px; } #menuSecciones > li.seccionActual > ul > li{ width: 204px; } #menuSecciones > li.seccionActual > ul > li > a{ height: auto; } #menuSecciones > li.seccionActual.ocultaMini, #menuSecciones > li.seccionActual{ display:none; } #menuSecciones > li.ocultaMini{ display: block; } #menuSecciones > li.noForMobile{ display: none; } } /*** datosBasicosHotel.css */ div.textoTemperatura{ font-size:15px; font-weight:bold; color:#444444; } #weatherTemperature{ font-size:28px; font-weight:bold; color:#003472; padding-left: 40px; padding-top: 6px; height:21px; display:block; } ul#listaDatosBasicosHotel .reviewproContainer{ margin-left:0px; border:none; padding-bottom: 40px; } ul#listaDatosBasicosHotel .reviewproContainer #reviewBP{ margin-left:0px; } ul#listaDatosBasicosHotel{ list-style:none; margin:0; padding:0; } ul#listaDatosBasicosHotel li{ width:90%; display:block; list-style:none; margin:0; padding:0; } ul#listaDatosBasicosHotel li div.contenedorIcono{ float:left; border-bottom:0; margin:0; margin-top:2px; width:25px; height:28px; } #icono_lateral_reviewpro{ background-color:transparent; } #icono_lateral_habitaciones{ background-color:transparent; } #icono_lateral_piscinas{ background-color:transparent; } #icono_lateral_bares{ background-color:transparent; } #icono_lateral_restaurantes{ background-color:transparent; } #icono_lateral_wifi{ background-color:transparent; } #icono_lateral_spa{ background-color:transparent; } #icono_lateral_golf{ background-color:transparent; } #icono_lateral_direccion{ background-color:transparent; } #icono_lateral_telefono{ background-color:transparent; } #icono_lateral_fax{ background-color:transparent; } #icono_lateral_email{ background-color:transparent; } #icono_lateral_aeropuertos_distancia{ background-color:transparent; } #icono_lateral_aeropuertos_proximos{ background-color:transparent; } /* #icono_lateral_reviewpro{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_llave.png);} #icono_lateral_habitaciones{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_llave.png); } #icono_lateral_piscinas{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_piscinas.png); } #icono_lateral_bares{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_bares.png); } #icono_lateral_restaurantes{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_restaurantes.png); } #icono_lateral_wifi{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_wifi.png); } #icono_lateral_spa{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_spa.png); } #icono_lateral_golf{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_golf.png); } #icono_lateral_direccion{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_direccion.png); } #icono_lateral_telefono{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_telefono.png); } #icono_lateral_fax{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_fax.png); } #icono_lateral_email{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_email.png); } #icono_lateral_aeropuertos_distancia{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_aeropuerto.png); } #icono_lateral_aeropuertos_proximos{ background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(/bookingwww/img/responsiveDesign/icono_lateral_aeropuerto.png); }*/ ul#listaDatosBasicosHotel li div{ border-bottom:1px solid #DDDDDD; margin-left: 30px; line-height:20px; } ul#listaDatosBasicosHotel li .clave{ font-weight:bold; line-height:30px; } ul#listaDatosBasicosHotel li.saltoClaveValor .clave{ display:block; } ul#listaDatosBasicosHotel li.saltoClaveValor .valor{ display:block; margin-bottom:5px; word-wrap: break-word; } #enlaceUbicacion{ display: block; font-family: Georgia, "Times new roman", Serif; font-size: 13px; color: #054C98; margin-top: 20px; } #contenedorDestinoLateralHotel{ font-size: 13px; line-height: 18px; } #contenedorDestinoLateralHotel img{ margin-top: 10px; margin-bottom: 20px; width:100%; } a#enlaceMasInfoDestino{ display: block; font-family: Georgia, 'Times new roman', Serif; font-size: 13px; color: #054C98; margin-top: 20px; } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #contenedorListaDatosBasicosHotel h3{ margin-top: 0px; } } /*** multimediapois.css */ .separadorIzq.GaleriaMultimedia{ display: inline-block; } .GaleriaMultimedia{ position: absolute; top: 10%; width: 100%; z-index:50; } .GaleriaMultimediaIframe{ position: absolute; top: 0%; width: 100%; } .GaleriaMultimedia .resorts_main_gallery { padding-top:20px; } .GaleriaMultimedia .nomMapPoi{ font-family: Arial; font-size: 12px; font-weight: bold; } .GaleriaMultimedia .resorts_main_gallery .scroll_blk { height: 466px; overflow: hidden; width: 679px; } .GaleriaMultimedia .resorts_main_gallery .scroll_blk ul { list-style: none outside none; margin: 0; padding: 0; position: relative; } .GaleriaMultimedia .resorts_main_gallery .scroll_blk ul li { left: 0; position: absolute; top: 0; } .GaleriaMultimedia .top{ display: inline-block; width: 100%; border-bottom: 1px dotted #888; padding-bottom: 10px; margin-bottom: 10px; } .GaleriaMultimedia .nav { margin-left: 50px; padding:10px 0; } .GaleriaMultimedia .nav li{ float:left; padding-right: 15px; } .GaleriaMultimedia .pois_layer { position: absolute; z-index: 1; } .GaleriaMultimedia .poilayer { background: none repeat scroll 0 0 #EEEEEE; display: none; padding: 5px; position: absolute; text-align: center; width: 100px; z-index: 40; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .GaleriaMultimedia .poilayer { text-align: center; } .GaleriaMultimedia .poi { height: 14px; position: absolute; width: 120px; } .GaleriaMultimedia .poi a { margin-left: -6px; text-decoration: none; } .GaleriaMultimedia .poi a:visited { text-decoration: none; } .GaleriaMultimedia .poi_Foto { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -64px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 26px; } .GaleriaMultimedia .poi_Video3D { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -96px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_Video { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -351px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .layerTriger { cursor: pointer; } .GaleriaMultimedia .poi_num1 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -128px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num2 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -159px transparent; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num3 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -191px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num4 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 0 transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num5 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -32px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num6 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -255px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num7 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -319px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num8 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -223px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num9 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -287px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num10 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -383px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num11 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -416px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num12 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -448px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num13 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -480px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .poi_num14 { background: url("/bookingwww/img/responsiveDesign/multimediamap_simbols.png") no-repeat scroll 0 -511px transparent; height: 0; padding-bottom: 0; padding-left: 23px; width: 25px; } .GaleriaMultimedia .numDePoi{ background: url("/bookingwww/img/responsiveDesign/grey_rect.gif") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: block; float: left; height: 16px; padding-right: 11px; text-align: center; width: 23px; line-height: 16px; margin-bottom: 50px; } .GaleriaMultimedia .listadoPois dl dd { padding-left:50px; } .GaleriaMultimedia .listadoPois dl dd a{ text-decoration: none; } .GaleriaMultimedia .listadoPois .nombrePoi{ color: #333333; font-family: Georgia,'Times New Roman',Serif; font-size: 17px; font-style: italic; line-height: 17px; } .GaleriaMultimedia .bloquePoi .contentPoi{ height: 100px; border-bottom: 1px dotted #888; } .GaleriaMultimedia .bloquePoi .contentPoi dt{ padding-bottom: 5px; } .GaleriaMultimedia .bloquePoi .contentPoi a{ padding-left: 30px; } .GaleriaMultimedia .bloquePoi.imparPoi{ border-left:1px dotted #888; border-right: 1px dotted #888; padding-left:10px; padding-right:10px; height: 95px; } .GaleriaMultimedia .bloquePoi{ margin:5px; float:left; width: 29%; margin-bottom: 12px; } /** FullPopUp **/ .GaleriaMultimedia .fullPopUp{ position: absolute; height: 100%; width: 100%; background-color: #000; opacity: 0.8; z-index: 99; position: fixed; top:0; left:0; display: none; } .GaleriaMultimedia .capaPopUp{ z-index: 100; position: fixed; display: none; max-width: 874px; width: 80%; height: auto; margin: 0 auto; position: relative; top: 0; background-color: white; } .GaleriaMultimedia .capaPopUpIframe{ z-index: 100; position: fixed; display: none; max-width: 874px; width: 100%; max-height: 504px; height: auto; margin: 0 auto; position: relative; top: 0; } .GaleriaMultimedia .capaPopUp .big_col_left{ background-color:#DDDDDD; } .GaleriaMultimedia .remove_btn.cerrarCT{ background: url("/bookingwww/img/responsiveDesign/cerrar_bt.png") no-repeat scroll right 0 transparent; cursor: pointer; float: right; height: 20px; width: 20px; margin-top:5px; margin-right: 5px; } .GaleriaMultimedia .big_col_left .noMarginTop{ padding-top:10px; margin-left:10px; color:#333333; } .GaleriaMultimedia .gallery_menu_cen.rooms{ display: inline-block; background-color: #DDDDDD; width: 100%; border-bottom: 1px solid #888; } .GaleriaMultimedia .gallery_menu_cen.rooms .sub_page_list{ height: 30px; } .GaleriaMultimedia .gallery_menu_cen.rooms ul{ float: right; margin-bottom: 0px; } .GaleriaMultimedia .gallery_menu_cen.rooms ul li{ padding:5px; -webkit-border-top-left-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border: 1px solid #888; border-bottom: none; } .GaleriaMultimedia .gallery_menu_cen.rooms ul li.active{ border-bottom: 2px solid #FFF; background-color: #FFF; } .GaleriaMultimedia #photoContainer{ padding-top:12px; padding-bottom:12px; background-color: white; /*border-top: 1px solid #888;*/ /*padding-left:24px;*/ } .GaleriaMultimedia #photoContainer .USMTest1_preview{ margin-left:auto; margin-right:auto; } .GaleriaMultimedia #photoContainer .USMTest1_preview img{ margin: 0 2%; width: 96%; height: auto; } .GaleriaMultimedia #photoContainer .USMTest1_carrouselContainer{ height: 75px; position: absolute; top: 45%; margin: 0 2%; width: 96%; left: 0; } .GaleriaMultimedia #photoContainer .USMTest1_lpanel.flechaIzq{ float:left; opacity:0.6; } .GaleriaMultimedia #photoContainer .USMTest1_lpanel.flechaIzq:hover{ opacity:0.9; } .GaleriaMultimedia #photoContainer .USMTest1_lpanel.flechaDrch{ float:right; opacity:0.6; } .GaleriaMultimedia #photoContainer .USMTest1_lpanel.flechaDrch:hover{ opacity:0.9; } .GaleriaMultimedia #photoContainer .USMTest1_carrouselBox{display: none;} .GaleriaMultimedia .gallery_menu_cen.rooms li { cursor:pointer; float:left; margin-right: 10px; margin-bottom: 0px; } .GaleriaMultimedia .gallery_menu_cen.rooms li a{ text-decoration: none; padding-left:32px !important; } .GaleriaMultimedia .big_col_left .videoContainer{ padding:12px; background-color: #FFF; height: 340px; border-top:1px solid #888; } .GaleriaMultimedia .big_col_left .videoContainer #embedVideo3D{ margin-left:210px; margin-top: 17px; } .GaleriaMultimedia .big_col_left #containervv{ padding:12px; background-color: #FFF; height: 396px; border-top:1px solid #888; } .GaleriaMultimedia .big_col_left #containervv #SWFVTViewer{ width: 100%; } .GaleriaMultimedia #containervv .poi_left { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 -280px transparent; height: 3px; padding-bottom: 3px; padding-left: 26px; width: 26px;} .GaleriaMultimedia #containervv .poi_up { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 -140px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .GaleriaMultimedia #containervv .poi_down { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 -175px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .GaleriaMultimedia #containervv .poi_right { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 -35px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .GaleriaMultimedia #containervv .controlesVisita{ width: 202px; margin-left:312px; } .GaleriaMultimedia #containervv .poi_play { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 0 transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .GaleriaMultimedia #containervv .poi_stop { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 -105px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .GaleriaMultimedia #containervv .poi_in { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 -245px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .GaleriaMultimedia #containervv .poi_out { background: url("/bookingwww/img/responsiveDesign/botvisita3d.png") no-repeat scroll 0 -315px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .controlesVisita a{ text-decoration: none; } /* #Media Queries ================================================== */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .GaleriaMultimedia .poi_Video3D, .GaleriaMultimedia .poi_Video, .bloquePoi .poivideos, .bloquePoi .poivv, .bloquePoi .poivideos3d, .nav{ display:none; } .top .fleft{ display:none !important; } .GaleriaMultimedia .bloquePoi .contentPoi{ height: 70px; } .GaleriaMultimedia .bloquePoi.parPoi{ height: 65px; } .GaleriaMultimedia .bloquePoi.imparPoi{ height: 65px; } .GaleriaMultimedia #tab_visitas, .GaleriaMultimedia #tab_videos3D{ display:none; } .GaleriaMultimedia .bloquePoi{width: 30%;} .GaleriaMultimedia .poi{ text-align: center; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .GaleriaMultimedia .bloquePoi.imparPoi{ border-left:none; border-right: none; padding-left:0; padding-right:0; height: auto; } .GaleriaMultimedia .bloquePoi{ width: 46%; } .GaleriaMultimedia .bloquePoi.parPoi{ border-left:1px dotted #888; padding-left:10px; height: 65px; margin-bottom: 20px; } .GaleriaMultimedia #tab_visitas, .GaleriaMultimedia #tab_videos3D{ display:none; } /*.GaleriaMultimedia .capaPopUp{ width: 100% !important; left:0 !important; margin-left:0 !important; }*/ .GaleriaMultimedia .poi{ width: 27 !important; } /*.GaleriaMultimedia #photoContainer .USMTest1_carrouselContainer{ top:60%; }*/ .GaleriaMultimedia .poi{ text-align: left; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .capaPopUp .noMarginTop{ font-size: 20px; } .GaleriaMultimedia .bloquePoi{ width: 100%; margin-left: 0px } .GaleriaMultimedia .bloquePoi.parPoi{ border-left:0; padding:0; height: auto; margin-bottom: 12px; } div.container div#seccionPrincipal{ border-bottom: none; padding-bottom: 0px; } .GaleriaMultimedia .nav{ margin-left:20px } .GaleriaMultimedia #tab_visitas, .GaleriaMultimedia #tab_videos3D{ display:none; } .GaleriaMultimedia .poi{ width: 27 !important; } /*.GaleriaMultimedia #photoContainer .USMTest1_carrouselContainer{ top:70%; } .GaleriaMultimedia{ margin-top: 50px; }*/ } /**Fin query**/ /*** colorbox.css */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ /*#cboxOverlay{background:url(/bookingwww/img/responsiveDesign/overlay.png) repeat 0 0;}*/ #cboxOverlay{filter:alpha(opacity=60);float:left;-moz-opacity:.60;opacity:.60;background-color:#666666;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/bookingwww/img/responsiveDesign/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(/bookingwww/img/responsiveDesign/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(/bookingwww/img/responsiveDesign/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(/bookingwww/img/responsiveDesign/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(/bookingwww/img/responsiveDesign/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/bookingwww/img/responsiveDesign/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/bookingwww/img/responsiveDesign/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/bookingwww/img/responsiveDesign/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/bookingwww/img/responsiveDesign/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/bookingwww/img/responsiveDesign/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/bookingwww/img/responsiveDesign/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/bookingwww/img/responsiveDesign/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/bookingwww/img/responsiveDesign/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(/bookingwww/img/responsiveDesign/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(/bookingwww/img/responsiveDesign/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(/bookingwww/img/responsiveDesign/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(/bookingwww/img/responsiveDesign/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(/bookingwww/img/responsiveDesign/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(/bookingwww/img/responsiveDesign/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(/bookingwww/img/responsiveDesign/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(/bookingwww/img/responsiveDesign/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /*** jquery.autocomplete.css */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } /*** jquery-ui-1.9.2.custom.css */ /*! jQuery UI - v1.9.2 - 2012-12-05 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position:-65px -16px; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; /*url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;*/ color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828; /*url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;*/ color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .5;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*** end */ /** Combo Header **/ /********** capa360 ***************************/ .capa360 { background-color: #000; border: 1px solid black; display: none; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 25; } /**************** navegacion imagenes ******************************/ .vista360 { background: url("/bookingwww/img/responsiveDesign/comboVistaHotel360s.png") no-repeat transparent; cursor: pointer; float: right; height: 36px; margin: -125px -5px 0px 25px; padding: 5px 5px 0px; position: relative; width: 36px; z-index: 25; } .contenedorNavegacion { position: relative; } .resorts_main_gallery .scroll_blk { clear: both; margin-bottom: 3px; overflow: hidden; width: 100%; position:relative; } span.resorts_main_gallery_left { width:21px; height:21px; background: white url("/bookingwww/img/responsiveDesign/flecha_izq_gris.png") center center no-repeat; cursor: pointer; position: absolute; bottom:30px; left:5px; } span.resorts_main_gallery_right { width:21px; height:21px; background: white url("/bookingwww/img/responsiveDesign/flecha_der_gris.png") center center no-repeat; cursor: pointer; position: absolute; bottom:30px; left:26px; } .switcher_text{ display:none; } .resorts_main_gallery small { float: left; padding: 1px 0 0 10px; } ul.switcher { position:absolute; right:5px; bottom:30px; list-style: none outside none; padding: 3px 0; margin:0; } ul.switcher li { float: left; margin-right: 7px; margin-bottom:0; } ul.switcher li span { background-image: url("/bookingwww/img/responsiveDesign/resorts_gallery_switcher_transparent.png"); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; font-size: 0; height: 10px; line-height: 0; width: 10px; } ul.switcher li.active span { background-position: 0 -10px; } #comboFotoList li { margin: 0; padding: 0; } #comboFotoList li img { width: 100%; } #comboFotoList li p { margin:0; paddding:0; } .pestana_seleccion { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #EEEEEE; border-radius: 0 5px 5px 0; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; height: 60px; margin-top: 80px; overflow: hidden; padding: 5px 5px 0; position: absolute; width: 70px; z-index: 20; } .pestana_seleccion ul li.active { font-weight: bolder; } .pestana_seleccion ul li { border-bottom: 1px solid #EEEEEE; cursor: pointer; margin-bottom: 0; margin-top: 0; padding-bottom: 0; } .titulo360{ color: #333333; margin-left: 10px; padding-top: 10px; float:left; width: 800px; } .cerrarComboImagenes { background: url("/bookingwww/img/responsiveDesign/cerrar_bt.png") no-repeat scroll right 0 transparent; cursor: pointer; float: right; height: 20px; margin: 10px; width: 20px; } .header360Titulo{ width: 100%; height: auto; background: #DDDDDD; display: inline-block; height: 74px; } .contenedorGruposPrincipal .margenContainer{ height: 325px; width: 850px; } .contenedorGruposPrincipal #containervv{ height: 238px; } .margenContainer { background: #FFF; display: none; height: 500px; z-index: 26; } #containervv, #containervvPrincipal { text-align: center; width: 850px; z-index: 26; padding-top:12px; border-top:1px solid #888; } #containervvPrincipal { text-align: center; width: 850px; z-index: 26; clear: both; overflow: hidden; } /*#containervv { background: url("/bookingwww/img/cerrar.gif") no-repeat right 0 #EEEEEE; height: 248px; margin: 2%; padding-top: 20px; text-align: center; width: 735px; z-index: 26; .blue { color: #08478F !important; }*/ .hidden { display: none; } /******* controles visita ***************/ .controlesVisita { display: block; margin: 0 auto; visibility: visible; } .controlesVisita a { cursor: pointer; text-decoration: none; } .poi_left { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 -280px transparent; height: 3px; padding-bottom: 3px; padding-left: 26px; width: 26px; } .poi_up { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 -140px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .poi_down { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 -175px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .poi_right { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 -35px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .poi_play { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 0 transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .poi_stop { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 -105px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .poi_in { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 -245px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } .poi_out { background: url("/cs/groups/public/documents/bp_webasset/botvisita3d.png") no-repeat scroll 0 -315px transparent; height: 3px; padding-bottom: 3px; padding-left: 24px; width: 24px; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .vista360,.switcher,resorts_main_gallery_left,resorts_main_gallery_right { display: none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .vista360,.switcher,resorts_main_gallery_left,resorts_main_gallery_right { display: none; } } /*** subseccionResort */ .contenedorSubseccion h3{ color: #85724A; font-size: 30px; line-height: 30px; margin-bottom:20px; } .contenedorSubseccion h4{ color: #85724A; font-size: 18px; line-height: 18px; margin-bottom:10px; } .contenedorSubseccion .soloImagen a, .contenedorSubseccion .enlacesMasInfo a, .contenedorSubseccion .enlacesMasInfoCercaFoto a{ color: #054C98; font-family: Georgia,'Times New Roman',Serif; font-size: 13px; font-weight: normal; height: 15px; line-height: 15px; padding-right: 10px; white-space: nowrap; } .contenedorSubseccion .soloImagen a{ text-decoration:none; padding:0px; margin:0px; display: inline-block; height: 100%; width: 100%; } .contenedorSubseccion{ display:inline-block; width:100%; border-bottom:1px dotted #888; padding:30px 0 20px 0; } .contenedorSubseccion.header{ padding-top:0px; } .contenedorSubseccion h3{ margin-top:0px; } .contenedorSubseccion .soloImagen{ float: left; margin-right: 20px; display: inline-block; } .contenedorSubseccion .soloImagen img{ width: 340px; } .contenedorSubseccion .textoGrande{ margin-bottom: 20px; } .contenedorSubseccion .listaLateralFoto{ float: left; margin-top:-5px; margin-bottom: 36px; width: 318px; } .contenedorSubseccion .enlacesMasInfo{ float:right; padding-right: 20px; } .contenedorSubseccion .enlacesMasInfoCercaFoto{ float: left; margin: -14px 0 0; padding: 0 0 0 357px; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .contenedorSubseccion .soloImagen img{ width: 300px; } .contenedorSubseccion .listaLateralFoto{ width: 40%; } .contenedorSubseccion .enlacesMasInfoCercaFoto{ padding-left:322px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 767px) { .contenedorSubseccion .soloImagen{ width: 100%; } .contenedorSubseccion .soloImagen img{ width: 100%; } .contenedorSubseccion .listaLateralFoto{ width: 100%; margin-top:20px; } .contenedorSubseccion .enlacesMasInfoCercaFoto{ float:right; padding:0 20px 0 0px } .contenedorSubseccion:last-child{ border-bottom: none; padding-bottom: 0px; } } /*** seccionInicioResortSliderMomentos.css */ #slider_momentos.ui-slider-horizontal{ height:1px; background-color:#85724a; border:none; } #slider_momentos.ui-slider-horizontal .ui-slider-range{ height:3px; background-color:#85724a; border:none; top:-1px; } #slider_momentos.slider{ cursor:pointer; } .ui-slider-horizontal .ui-slider-handle{ background-image: url(/bookingwww/img/responsiveDesign/marcaSlider.png); width: 10px; height: 21px; cursor: pointer; border:none; border-radius:0; top:-9px; } .hours_slider_blk{ position: relative; width: 100%; margin-top: 10px; font-family: Georgia, 'Times new Roman', Serif; color: #85724A; font-size: 13px; margin-bottom:45px; } .hours_blk{ position:absolute; text-align:center; cursor:pointer; } .pasosSlider{ position:relative; width:100%; } .pasosSlider div{ background: transparent url(/bookingwww/img/responsiveDesign/circuloSlider.png) left top no-repeat; position: absolute; height: 9px; width: 9px; top: -4px; margin-left:-9px; cursor:pointer; } .divfoto{ display:none; margin-bottom:45px; } .divfoto .listaLateralFoto h4{ color:#333333; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .hours_blk{ display:none; } } /*** seccionInicioResortComparador.css */ #contenedorComparador{ background:transparent url(/bookingwww/img/responsiveDesign/bg_comparador.png) right bottom no-repeat; } #contenedorComparador .textoGrande{ padding-right:110px; } #contenedorBotonComparador{ margin-top:30px; margin-bottom:65px; } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #contenedorComparador{ display: none; } } /*** seccionInicioResortTodoIncluido.css */ #contenedorTodoIncluido{ margin-left: -10px;border-left: 1px dotted #888;padding-left: 30px; } #contenedorBotonTodoIncluido{ margin-top:30px; margin-bottom:40px; } #contenedorBotonTodoIncluido a.newBoton{ padding-left:20px; padding-right:20px; } /*** end */