body {direction:ltr;width:100%;margin:0px;width: 100%;padding:0px;background: #ebeced;overflow-x:hidden;font-family:Arial,Helvetica,Sans,Sans-Serif,"Sans-Serif";font-size: 13px;color: #444;} body a:link {text-decoration:none;} body a:visited {text-decoration:none;} body a:hover {text-decoration:underline } *{margin:0px;padding:0px;box-sizing:border-box;} a img{border:none;} @media (max-width: 768px) {a img.logo{height: 24px;width: 115px;margin: 0 0 0 5px;}} .msgredireccion{text-align:center;font-size: 14px;line-height: 2;} @media (max-width: 767px) {.msgredireccion{line-height:1.5}} .msgredireccion a:hover{text-decoration:underline} #btnredirect{padding:2px 6px;border-radius:8px;font-weight:700;margin-left:10px;cursor:pointer} @media (max-width: 767px) {#btnredirect{margin: 5px 0 8px 15px;}} .opins {margin:auto;float: left;height: 50px;font-family:Arial, Helvetica, sans-serif;} .opins ul, ol, .opins .relativo {list-style:none;box-shadow: 0 5px 20px 0 rgba(0,0,0,.2);z-index: 1;} .nav > li {float:left;line-height: 30px;border-left: 1px solid rgba(255,255,255,.3);} .dropdown-menu li {color: #555;text-decoration:none;padding:10px 12px;display:block;} .dropdown-menu a{color: #444 !important;text-decoration:none;display:block;} .nav li a:hover, .nav a:hover {background-color:#337fcb;} .nav li a img, .nav a img {padding-right:5px} .nav li ul, .nav a ul {display:none;position:absolute;min-width:140px;} .nav li:hover > ul, .nav a:hover> ul {display:block;} .nav li ul li, .nav a ul li {position:relative;} .nav li ul li ul, .nav a ul li ul {right:-140px;top:0px;} #header {height: 60px;background: #213153;} .headt{height: 60px;margin: 0 auto;} @media (min-width: 768px) {.headt {}} @media (min-width: 992px) {.headt {}} @media (min-width: 1200px) {.headt {}} .headt .title {padding-top: 18px;padding-left: 8%;float: left;} @media (max-width: 767px) {.headt .title{text-align: center;padding-left: 1%;}} @media (min-width: 768px) {.headt .title{text-align: center;padding-left: 4%;}} @media (min-width: 992px) {.headt .title{text-align: center;padding-left: 6%;}} @media (min-width: 1200px) {.headt .title{text-align: center;padding-left: 8%;}} .navigation{float: left;margin: 0 0 0 10%;height: 57px;} @media (max-width: 767px) {.navigation{display:none}} @media (min-width: 768px) {.navigation {display:none;}} @media (min-width: 992px) {.navigation {display: inherit;}} @media (min-width: 1200px) {.navigation {display:inherit;}} .main-nav{} ul.nav-items{} ul.nav-items li.important-d{height: 57px;float:left;color:#fff;list-style: none;} ul.nav-items li.important-b{width: 110px;height:57px;float:left;color:#fff;list-style:none;cursor: pointer;text-align: center;} ul.nav-items li.important-c{width: 110px;height:57px;float:left;color:#fff;list-style:none;cursor: pointer;} ul.nav-items li.important{margin: 0;width: 110px;height: 59px;float:left;color:#fff;list-style: none;border-bottom: 2px solid #fff;} @media (max-width: 767px) {ul.nav-items li.important,ul.nav-items li.important-b, ul.nav-items li.important-c, ul.nav-items li.important-d{width: 110px}} @media (min-width: 768px) {ul.nav-items li.important,ul.nav-items li.important-b, ul.nav-items li.important-c, ul.nav-items li.important-d{width: 110px}} @media (min-width: 992px) {ul.nav-items li.important,ul.nav-items li.important-b, ul.nav-items li.important-c, ul.nav-items li.important-d{width: 90px;}} @media (min-width: 1200px) {ul.nav-items li.important,ul.nav-items li.important-b, ul.nav-items li.important-c, ul.nav-items li.important-d{width: 110px}} ul.nav-items li.important-b:hover{background-color:#0077b5} ul.nav-items li.important-c:hover{background-color:#0077b5} ul.nav-items li.important-d:hover{background-color:#0077b5} ul.nav-items li.important a,li.important-b a,li.important-c,li.important-d{color:#fff;padding-top: 3px;line-height: 30px;text-align: center;} span.hv-hotel{display:block;float:left;margin: 23px 8px 0 29px;display: none;} span.te{padding: 19px 0 0 0;display:block;} span.teho{padding:26px 0 0 0;text-align: center;display:block;cursor: default;} span.tea{padding: 26px 0 0 0;float:left;display: block;cursor: default;} span.teb{padding: 15px 0 0 0;display: block;color: #fff;} span.tec{padding: 15px 0 0 0;text-align: center;display: block;color: #fff;} span.hv-ferry{display:block;float:left;margin: 18px 8px 0 23px;display: none;} img.ferr{width: 20px;} span.hv-flight{display:block;float:left;margin: 18px 8px 0 22px;display: none;} img.flig{width: 22px;} span.hv-cars{display:block;float:left;margin: 4px 8px 0 0;height: 40px;} span.hv-experien{display:block;float:left;margin: 21px 8px 0px 15px;height: 31px;display: none;} span.hv-restaurant{display:block;float:left;margin: 4px 8px 0 0;height: 40px;} .loginbox {height: 57px;background: #213153;letter-spacing: .01875rem;} @media (max-width: 767px) {.loginbox{}} .opins {margin:auto;cursor: pointer;float: left;height: 50px;font-family:Arial, Helvetica, sans-serif;} @media (max-width: 767px) {.opins{display:none}} .opins ul, ol {list-style:none;} .nav > li {float:left;line-height: 30px;border-left: 1px solid rgba(255,255,255,.3);} .nav li a {background-color: #fff;color: #555;text-decoration:none;padding:10px 12px;display:block;border-bottom: 1px solid #ebeced;} .nav li span{background: #444;color:#fff;text-decoration:none;padding:10px 12px;display:block;} .nav li a:hover {background-color:#ebeced;} .nav li span:hover {background-color:#337fcb;} .nav li a img {padding-right:5px;background-color: #ccc;} .nav li ul {display:none;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 1px 4px rgba(41,51,57,.5);position:absolute;min-width:140px;z-index: 2;} .nav li:hover > ul {display:block;} .nav li ul li {position:relative;} .nav li ul li ul {right:-140px;top:0px;} .hoteler{padding: 24px 15px 0 0;height: 57px;cursor: pointer;text-align: center;float: left;color: #fff;border-left: 1px solid rgba(255,255,255,.3);} .hoteler:hover{background-color:#337fcb} @media (max-width: 767px) {.hoteler{display:none;}} .loginbox a.hotelier {} @media (max-width: 767px) {#header .loginbox a.hotelier{text-decoration:none;}} @media (min-width: 768px) {#header .loginbox a.hotelier{}} @media (min-width: 992px) {#header .loginbox a.hotelier{}} @media (min-width: 1200px) {#header .loginbox a.hotelier{}} .loginbox a.hotelier .img-bothot {} .loginbox a.hotelier span {margin: 4px 0px 0px 2px;} .signina{float:right;margin-right: 30px;} .loginbox #signin {display: inherit;width: 75px;height: 57px;cursor: pointer;text-align: center;float:left;color: #fff;} .dropdown{height:59px;padding:20px 10px 16px 10px;} .loginbox #signin:hover {background-color:#337fcb;} @media (max-width: 767px) {.loginbox #signin{}} .sprite {width:16px;padding: 2px 0px 0px 30px;} #my-future-ddm.curry-ddm{color:#fff;background-color: #213453;border: none;cursor: pointer;width: 75px;height: -webkit-fill-available;display: block;padding: 15px 0 17px 0;} @media (max-width: 767px) {#my-future-ddm.curry-ddm{max-width: 55px;}} @media (min-width: 768px) {#my-future-ddm.curry-ddm{}} @media (min-width: 992px) {#my-future-ddm.curry-ddm{}} @media (min-width: 1200px) {#my-future-ddm.curry-ddm{}} #my-future-ddm.curry-ddm:hover{background-color:#337fcb} #my-future-ddm.curry-ddm option{color:#444;background-color: #fff;} .loginbox .sprite.es {background:url("https://www.hotelvoy.es/images/flags/espanya.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.co {background:url("https://www.hotelvoy.co/images/flags/colombia.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.cl {background:url("https://www.hotelvoy.cl/images/flags/chile.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.mx {background:url("https://www.hotelvoy.mx/images/flags/mexico.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.ar {background:url("https://www.hotelvoy.com.ar/images/flags/argentina.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.us {background:url("https://www.hotelvoy.com/images/flags/eeuu.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.uk {background:url("https://www.hotelvoy.co.uk/images/flags/uk.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.za {background:url("https://www.hotelvoy.co.za/images/flags/southafrica.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.nz {background:url("https://www.hotelvoy.nz/images/flags/newzealand.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.in {background:url("https://www.hotelvoy.in/images/flags/india.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.de {background:url("https://www.hotelvoy.de/images/flags/deutschland.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.at {background:url("https://www.hotelvoy.at/images/flags/osterreich.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.ch {background:url("https://www.hotelvoy.ch/images/flags/schweiz.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.pt {background:url("https://www.hotelvoy.pt/images/flags/portugal.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.br {background:url("https://www.hotelvoy.com.br/images/flags/brasil.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.it {background:url("https://www.hotelvoy.it/images/flags/italia.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.fr {background:url("https://www.hotelvoy.fr/images/flags/france.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.cn {background:url("https://www.hotelvoy.cn/images/flags/china.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} .loginbox .sprite.ae {background:url("https://www.hotelvoy.ae/images/flags/ae.png") no-repeat top left;border: none;background-position: 15px 25px;height: 57px;width: 55px;float: left;} @media (max-width: 767px) {#header .loginbox .sprite.es{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.co{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.cl{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.mx{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.ar{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.us{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.uk{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.za{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.nz{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.in{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.de{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.at{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.ch{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.pt{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.br{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.it{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.fr{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.cn{width:35px;background-position:8px 25px;}} @media (max-width: 767px) {#header .loginbox .sprite.ae{width:35px;background-position:8px 25px;}} select{} #signin {height:auto;float: right;z-index: 9;} @media (max-width: 767px) {#langselector{margin:49px 0px 0px 109px;}} #signin ul {list-style-type:none;border: none;border: 1px solid #ccc;right: 130px;padding:0px;font-size:14px;background:white;} @media (max-width: 767px) {#signin ul{right: 88px;}} #signin ul li {padding: 10px;color:#555;} #signin ul li:hover{color:#0266c8;background-color:#ccc} #signin ul li.inses {padding: 4px 0;/* width: 112px; */line-height: 2.8em;border-bottom: 1px solid #ebeced;} #signin ul li.inses:hover{color:#555;background-color:#ebeceb;} #signin ul li.regist {padding: 4px 0px;width: 135px;line-height: 2.8em;border-bottom: 1px solid #ebeced;} #signin ul li.regist:hover {color:#555;background-color:#ebeceb} #langselector {z-index: 9;padding: 7px 0 0 0;cursor: pointer;text-align: center;float: left;height: 57px;line-height: 50px;} @media (max-width: 767px) {#langselector{margin: 0;}} #langselector ul {list-style-type:none;border: 1px solid #ccc;border-radius: 3px;right: 0;padding:0px;font-size:14px;background:white;} #langselector ul.currency {width:115px;padding: 0px 0px 5px 0px;float:left;} #langselector ul li {padding: 4px 0px 4px 18px;margin-top:2px;color:#555;font-size: 14px;} #langselector ul li:hover {color:#0266c8;background-color:#ebeceb;} #langselector ul li.stitle {margin-top: 5px;text-align: center;font-size: 14px;padding: 4px 0;} #langselector ul li.stitle:hover { color:#555;background-color:#fff} #langselector ul li.ar {padding: 4px 0px 4px 24px; background:url("/images/flags/ar.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.ar:hover {background-color:#ccc;} #langselector ul li.cl {padding: 4px 0px 4px 24px; background:url("/images/flags/cl.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.cl:hover {background-color:#ccc;} #langselector ul li.nz {padding: 4px 0px 4px 24px; background:url("/images/flags/nz.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.nz:hover {background-color:#ccc;} #langselector ul li.za {padding: 4px 0px 4px 24px; background:url("/images/flags/za.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.za:hover {background-color:#ccc} #langselector ul li.be { padding: 4px 0px 4px 24px; background:url("/images/flags/be.png") no-repeat top left; background-position: 3px 2px; } #langselector ul li.be:hover {background-color:#ccc} #langselector ul li.co {padding: 4px 0px 4px 24px; background:url("/images/flags/co.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.co:hover {background-color:#ccc} #langselector ul li.de {padding: 4px 0px 4px 24px; background:url("/images/flags/de.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.de:hover {background-color:#ccc} #langselector ul li.es {padding: 4px 0px 4px 24px; background:url("/images/flags/es.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.es:hover {background-color:#ccc} #langselector ul li.fr {padding: 4px 0px 4px 24px; background:url("/images/flags/fr.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.fr:hover {background-color:#ccc} #langselector ul li.in {padding: 4px 0px 4px 24px; background:url("/images/flags/in.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.in:hover {background-color:#ccc} #langselector ul li.it {padding: 4px 0px 4px 24px; background:url("/images/flags/it.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.it:hover {background-color:#ccc} #langselector ul li.mx {padding: 4px 0px 4px 24px; background:url("/images/flags/mx.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.mx:hover {background-color:#ccc} #langselector ul li.nl {padding: 4px 0px 4px 24px; background:url("/images/flags/nl.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.nl:hover {background-color:#ccc} #langselector ul li.at {padding: 4px 0px 4px 24px; background:url("/images/flags/at.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.at:hover {background-color:#ccc} #langselector ul li.pt {padding: 4px 0px 4px 24px; background:url("/images/flags/pt.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.pt:hover {background-color:#ccc} #langselector ul li.br {padding: 4px 0px 4px 24px; background:url("/images/flags/br.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.br:hover {background-color:#ccc} #langselector ul li.ch {padding: 4px 0px 4px 24px; background:url("/images/flags/ch.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.ch:hover {background-color:#ccc} #langselector ul li.uae {padding: 4px 0px 4px 24px; background:url("/images/flags/uae.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.uae:hover {background-color:#ccc} #langselector ul li.uk {padding: 4px 0px 4px 24px; background:url("/images/flags/uk.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.uk:hover {background-color:#ccc} #langselector ul li.us {padding: 4px 0px 4px 24px; background:url("/images/flags/us.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.us:hover {background-color:#ccc} #langselector ul li.ru {padding: 4px 0px 4px 24px; background:url("/images/flags/ru.png") no-repeat top left;background-position: 3px 2px; } #langselector ul li.ru:hover {background-color:#ccc} #logo {} #logo .inlogo{} @media (max-width: 767px) {#logo .inlogo {padding-bottom:10px}} #logo a {} @media (max-width: 767px) {#logo a {padding-top:12px}} #logo a img{display: none;} @media (max-width: 767px) {#logo a img {width:110px !important;height:25px}} #logo span.slog{} @media (max-width: 767px) {#logo span.slog {font-size:16px}} #prinsearch {/* width:100%; */margin:0px;background-color: #07c;background-color: #213153;} .sear {width: 1170px;margin:0px auto;overflow: hidden;} @media (max-width: 767px) {.sear{width: inherit;}} @media (min-width: 768px) {.sear {width:750px;}} @media (min-width: 992px) {.sear {width: 990px;}} @media (min-width: 1200px) {.sear {width: 1340px;padding: 5px 0 5px 0;}} #prinsearch .search {padding: 12px 0 12px 0;margin-left: 233px;overflow: hidden;border-radius: 2px;} @media (max-width: 767px) {#prinsearch .search {width: inherit;margin: 0px 10px;}} @media (min-width: 768px) {#prinsearch .search {margin-left: 2px;}} @media (min-width: 992px) {#prinsearch .search {margin-left: 240px;}} @media (min-width: 1200px) {#prinsearch .search {margin-left: 233px;}} #prinsearch .search form {} #prinsearch .search form .destination {height: 45px;float:left;margin: 0px 0;padding: 6px 8px;font-size: 18px;outline:none;background:#fff;border: 0;} @media (max-width: 767px) {#prinsearch .search form .destination {margin: 0 0 10px 0;width: 90%;font-size: 16px;}} @media (min-width: 768px) {#prinsearch .search form .destination {width: 350px;}} @media (min-width: 992px) {#prinsearch .search form .destination{width: 350px;margin-bottom:0;}} @media (min-width: 1200px) {#prinsearch .search form .destination{width: 350px;margin-bottom:0;}} div.langbox {height:0;} img.tooltip {cursor:pointer;margin: 0px 0 0 468px;top: -39px;position:relative;width:35px;} img.tooltip:hover ~ #help_tip2 { visibility:visible;opacity:1;transition: opacity 0.25s linear;text-align:left } #help_tip2 {visibility:hidden;opacity:0;transition:visibility 0s 0.5s, opacity 1s linear;position:absolute;margin: -35px 0px 0px 260px;padding:6px;background:#f8f8f8;border: 2px solid #ffc68d;box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.25);-webkit-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.25);} #prinsearch .search form .dateselect {width: 210px;text-align: center;color: #444;float:left;line-height: 1.5000em;height: 45px;margin: 0px 2px;padding:1px 5px;background:#fff;border: 0;cursor:pointer;} @media (max-width: 767px) {#prinsearch .search form .dateselect {margin: 0 5px 0px 0;padding: 0;width: 48%;}} @media (min-width: 768px) {#prinsearch .search form .dateselect {width: 162px;}} @media (min-width: 992px) {#prinsearch .search form .dateselect {width: 162px;padding: 0;}} @media (min-width: 1200px) {#prinsearch .search form .dateselect {width: 200px;}} #prinsearch .search form .dateselect img:nth-child(1) {width:10px;height:10px;border-top: 3px solid #213453;margin-right: 10px;margin-top: 7px;} #prinsearch .search form .dateselect img:nth-child(3) {width:10px;border-top: 3px solid #e46310;height:10px;margin-right: 10px;} #prinsearch .search form .persons {width:180px;float:left;height:45px;margin: 0px 5px 0 0;padding: 1px 5px;background:#fff;border: 0;cursor:pointer;} @media (max-width: 767px) {#prinsearch .search form .persons {margin: 0;width: 48%;float: right;}} @media (min-width: 768px) {#prinsearch .search form .persons {width: 150px;}} @media (min-width: 992px) {#prinsearch .search form .persons {width: 150px;}} @media (min-width: 1200px) {#prinsearch .search form .persons {}} #prinsearch .search form .persons:hover { background:#fff } #prinsearch .search form .submitbtn {width: 145px;height: 45px;float: left;font-size: 18px;margin: 0px 0;padding: 1px 5px;letter-spacing: 1px;color:white;background: #e46310;border: 1px solid transparent;background-image: url(/images/lupa-hotel.svg);background-size: 20px;-webkit-appearance: none;cursor:pointer;} #prinsearch .search form .submitbtn:hover { color:#ccc; } @media (max-width: 767px) {#prinsearch .search form .submitbtn {margin: 0;position: absolute;right: 8px;width: 9.5%;min-width: 45px;float: right;font-size: 0;overflow: hidden;/* background-image: url('/images/lupa-hotel.png'); */background-repeat: no-repeat;background-position: 50%;}} @media (min-width: 768px) {#prinsearch .search form .submitbtn {width: 75px;float: left;font-size: 0;overflow: hidden;/* background-image: url(/images/lupa-hotel.png); */background-repeat: no-repeat;background-position: 50%;}} @media (min-width: 992px) {#prinsearch .search form .submitbtn {width: 75px;float: left;font-size: 0;overflow: hidden;/* background-image: url(/images/lupa-hotel.png); */background-repeat: no-repeat;background-position: 50%;}} @media (min-width: 1200px) {#prinsearch .search form .submitbtn {width: 80px;float: left;font-size: 0;overflow: hidden;/* background-image: url('/images/lupa-hotel.svg'); */background-repeat: no-repeat;background-size: 20px;background-position: 50%;}} #prinsearch .search form .persons img.personsimg {float:left;height: 25px;margin: 8px 0 0 32px;} #perstxt {padding: 14px 8px;text-align:center;float:left;} #datepickercontent {width: 634px;margin: 0 auto;position: absolute;z-index: 1000;} @media (max-width: 767px) {#datepickercontent {width:100%;}} @media (min-width: 768px) {#datepickercontent {width:750px;}} @media (min-width: 992px) {#datepickercontent {width:990px;}} @media (min-width: 1200px) {#datepickercontent {width:1340px;}} .datepicker {background:white;box-shadow: 0 1px 3px rgba(40,50,60,.5);z-index:100;overflow:hidden;} @media (max-width: 767px) {.datepicker {width: 100%;max-width: 320px;margin: 0 auto 0 auto;}} @media (min-width: 768px) {.datepicker {width: 634px;margin: 0 auto 0 auto;}} @media (min-width: 992px) {.datepicker {width: 634px;margin: 0px auto 0px auto;}} @media (min-width: 1200px) {.datepicker {width: 634px;margin: 0 auto 0 auto;}} .flec {} .datepicker .flech:after {content: "";position: absolute;display: block;left:0;margin-left: 372px;bottom:100%;width: 0;height: 0;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right:8px solid transparent;} @media (max-width: 767px) {.datepicker .flech:after{margin-left: 137px;margin-left: 29%;}} @media (min-width: 768px) {.datepicker .flech:after{margin-left: 351px;}} @media (min-width: 992px) {.datepicker .flech:after{margin-left: 60%;}} @media (min-width: 1200px) {.datepicker .flech:after{margin: 0 auto;margin-left: 50%;}} .datepicker .buttons {width: inherit;margin: 5px 0;text-align:center;float:left;} @media (max-width: 767px) {.datepicker .buttons {width:100%;}} @media (min-width: 768px) {.datepicker .buttons{}} @media (min-width: 992px) {.datepicker .buttons{}} @media (min-width: 1200px) {.datepicker .buttons{}} .datepicker .buttons .inButton {height: 35px;width: 40%;margin: 10px 10px 10px 30px;padding-left: 5px;text-align:left;font-size: 12px;background:white;border-left: 8px solid #213453;display:inline-block;cursor:pointer;-webkit-border-radius: 2px;border-radius: 2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;} @media (max-width: 767px) {.datepicker .buttons .inButton {width: 40%;margin: 5px 5px 5px 12px;height: inherit;}} @media (min-width: 768px) {.datepicker .buttons .inButton{}} @media (min-width: 992px) {.datepicker .buttons .inButton{}} @media (min-width: 1200px) {.datepicker .buttons .inButton{}} .datepicker .buttons .inButton.active {border: 1px solid #213453;border-left: 8px solid #213453;color: #213453;} .datepicker .buttons .inButton strong { font-size:14px; } .datepicker .buttons .outButton {height: 35px;margin:5px;padding-right: 5px;text-align:right;font-size:12px;background:white;border-right: 8px solid #e46310;display:inline-block;cursor:pointer;-webkit-border-radius: 2px;border-radius: 2px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;} @media (max-width: 767px) {.datepicker .buttons .outButton {width: 40%;margin: 5px;height: inherit;}} @media (min-width: 768px) {.datepicker .buttons .outButton{width: 220px}} @media (min-width: 992px) {.datepicker .buttons .outButton{width: 220px}} @media (min-width: 1200px) {.datepicker .buttons .outButton{width: 220px;width: 40%;margin: 10px 0px 10px 10px;}} .datepicker .buttons .outButton.active {color: #fff;border: 1px solid #e46310;border-right: 8px solid #e46310;color: #213453;} .datepicker .buttons .outButton strong { font-size:14px; } .datepicker .buttons .cancel {width: 35px;height: 35px;float:right;background:url('/images/datepicker/close-icon.png');background-repeat: no-repeat;background-position: 8px 5px;cursor:pointer;} .datepicker .buttons .none {} .datepicker .container {float:left;width: inherit;} @media (max-width: 767px) {.datepicker .container{width:100%}} @media (min-width: 768px) {.datepicker .container{}} @media (min-width: 992px) {.datepicker .container{}} @media (min-width: 1200px) {.datepicker .container{}} .datepicker .container .moveleft {width: 30px;height: 240px;margin-top:25px;background:url('/images/datepicker/datepicker-left.png');background-position:0px 90px;background-repeat:no-repeat;cursor:pointer;float:left;} @media (max-width: 767px) {.datepicker .container .moveleft{width:10%;}} @media (min-width: 768px) {.datepicker .container .moveleft{}} @media (min-width: 992px) {.datepicker .container .moveleft{}} @media (min-width: 1200px) {.datepicker .container .moveleft{}} .datepicker .container .moveright {width: 30px;height: 240px;margin-top:25px;background:url('/images/datepicker/datepicker-right.png');background-position:0px 90px;background-repeat:no-repeat;cursor:pointer;float:left;} @media (max-width: 767px) {.datepicker .container .moveright{width:10%;}} @media (min-width: 768px) {.datepicker .container .moveright{}} @media (min-width: 992px) {.datepicker .container .moveright{}} @media (min-width: 1200px) {.datepicker .container .moveright{}} .datepicker .container table.calendar {border-spacing:0;font-size:14px;border-collapse:collapse;float:left;margin: 0px 10px 8px 10px;padding:0px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;} @media (max-width: 767px) {.datepicker .container table.calendar{margin: 0 10px 25px 0px;}} @media (min-width: 768px) {.datepicker .container table.calendar{margin: 0px 10px 8px 10px;}} @media (min-width: 992px) {.datepicker .container table.calendar{margin: 0px 10px 8px 10px;}} @media (min-width: 1200px) {.datepicker .container table.calendar{margin: 0px 10px 8px 10px;}} .datepicker .container table caption {padding-bottom:5px;font-weight:bold;color: #416C84;} .datepicker .container table caption.left {margin: 2px 4px 1px 4px;} .datepicker .container table caption.right {margin: 2px 4px 1px 4px;} .datepicker .container table.calendar thead.checkIn {color: #444;border-bottom: 2px solid #213453;} .datepicker .container table.calendar thead.checkIn tr th {font-weight:normal;padding-top: 6px;padding-bottom: 6px;} .datepicker .container table.calendar thead.checkOut {background: #ffffff;border-bottom: 2px solid #e46310;} .datepicker .container table.calendar thead.checkOut tr th {font-weight:normal;padding-top: 6px;padding-bottom: 6px;} .datepicker .container table.calendar td {padding: 11px 11px;text-align:center;} @media (max-width: 767px) {.datepicker .container table.calendar td{padding:11px 10px;}} @media (min-width: 768px) {.datepicker .container table.calendar td{}} @media (min-width: 992px) {.datepicker .container table.calendar td{}} @media (min-width: 1200px) {.datepicker .container table.calendar td{padding: 11px 11px;text-align:center;}} .datepicker .container table.calendar td.inactive { color:#dddddd; } .datepicker .container table.calendar td.active { cursor:pointer;color: #444;} .datepicker .container table.calendar td.start { background:#eaeaea url('/images/datepicker/day-start.png') no-repeat right center !important;color:white; } .datepicker .container table.calendar td.end { background:#eaeaea url('/images/datepicker/day-end.png') no-repeat left center !important;color:white; } .datepicker .container table.calendar td.between { background:#eaeaea !important; } .datepicker .container table.calendar td.weekend { background:#f9f9f9; } @media (max-width: 767px) {#calcontainer{width: 80%;float:left;}} @media (min-width: 768px) {#calcontainer{}} @media (min-width: 992px) {#calcontainer{}} @media (min-width: 1200px) {#calcontainer{}} h1 {font-size: 18px;font-weight:normal;} @media (max-width: 767px) {h1{font-size:12px}} @media (min-width: 768px) {h1 {}} @media (min-width: 992px) {h1 {}} @media (min-width: 1200px) {h1 {}} #maincontent {width:100%;clear:both;} #accommodations {} #bodycontent {width: 1170px;margin:0px auto;padding:0px;overflow: hidden;} @media (max-width: 767px) {#bodycontent{width:100%}} @media (min-width: 768px) {#bodycontent {width:750px;}} @media (min-width: 992px) {#bodycontent {width: 990px;padding: 0 5px;margin-top: 15px;}} @media (min-width: 1200px) {#bodycontent {width: 1340px;padding: 0.1em;}} #bodycontent .breadcrumb {box-sizing: border-box;width:980px;height:30px;} #bodycontent .breadcrumb .breadcrumbs { list-style:none; padding:0px;} #bodycontent .breadcrumb .breadcrumbs li { float:left;font-size:14px;margin-bottom:15px;height:30px;line-height:30px;overflow:hidden;margin-left:15px;text-overflow:ellipsis;white-space:nowrap;} #bodycontent .breadcrumb .breadcrumbs li a { color: #444;text-decoration: none } #bodycontent .breadcrumb .breadcrumbs li a:hover { color: #0266c8;font-weight: bold} #bodycontent .breadcrumb .breadcrumbs li .arrow {width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #555;display:inline-block;margin-left:10px; } #map {width: 263px;height:40px;margin-top:40px;float: left;display:block;border:2px solid #0266c8;border: 1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;} #map .viewtype {display:inline-table;margin:0px;width:192px;padding:5px 20px 6px 50px;height:28px;text-align:center;max-height:30px;line-height: 28px;font-size:14px; background:white;background-repeat:no-repeat;background-position:0px -5px;cursor:pointer;float:left;box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);} #map .viewtype:hover {border:1px solid #888;} #izq {width:265px;float: left;margin: 20px 10px 0 0;} @media (max-width: 767px) {#izq{width: inherit;float: left;margin: 5px 10px 5px 10px;margin: 10px 0 10px 0;}} @media (min-width: 768px) {#izq {width:265px;float: left;margin: 20px 10px 0 0;}} @media (min-width: 992px) {#izq {display:block;width:222px;margin: 20px 10px 0 0;}} @media (min-width: 1200px) {#izq {display:block;width:220px;}} #derad{float:left;width: 300px;margin-left: 10px;margin-top: 20px;background-color: #eaeaea;} #derad .puvod{height:50px;margin-bottom: 18px;border: 1px solid #d6d4d4;} .puvod img.imvod{height: 42px;padding-top: 12px;text-align: center;display: block;margin: 0 auto;} #derad .tipu{width:100%;text-align: -webkit-center;padding-bottom: 24px;padding-top: 10px;} span.pupubli{margin:5px 5px 0 0;display:block;font-size:12px;} #bmapg {border: 1px solid #ebeced;background:#fff;width: 220px;margin-bottom: 20px;border-radius:2px;padding: 5px;text-align:center;/* box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22); */} @media (max-width: 767px) {#bmapg {border: none;background:#fff;background: #21315336;width: 220px;width: 46.8%;margin: 0 0 0 10px;border-radius: 2px;padding: 5px;text-align:center;}} @media (min-width: 768px) {#bmapg {border: none;background: #21315336;width: 220px;margin-bottom: 0;border-radius:2px;padding: 5px;text-align:center;}} @media (min-width: 992px) {#bmapg {background: #21315336;width: 220px;margin-bottom: 20px;/* border-radius: 4px; */padding: 5px;text-align:center;}} @media (min-width: 1200px) {#bmapg {background:#fff;background: #21315336;width: 220px;margin-bottom: 20px;padding: 4px;text-align:center;}} #bmapg:hover{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);} #bmapg:hover{-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform 5s,-webkit-transform .5s;} #sortables{background-image:url(/images/btnMap2.png);background-size:100%;height: 41px;border-radius: 4px;} #sortables .viewtype{padding: 1px 0;cursor:pointer;background-image:url(/images/btnMap2.png);height: 41px;border-radius: 2px;background-position:1px center;} #sortables .viewtype button{background-color: #fff;border: 1px solid #bfced8;border-top: none;font-size: 13px;border-left: none;border-radius: 2px;padding: 5px 12px;width:auto;margin: -1px 0 10px 0;cursor:pointer;display:block;overflow:hidden;-webkit-appearance: button;} #sortables .viewtype button:hover{border:1px solid #777} #der {overflow:hidden;box-sizing: inherit;display: block;width: 875px;float:left;margin: 20px 15px 0 0;} @media (max-width: 767px) {#der{width: inherit;margin: 0 0;}} @media (min-width: 768px) {#der {width: inherit;margin: 15px 0 0 0;}} @media (min-width: 992px) {#der {width: 748px;margin: 0 auto;float: inherit;margin-top: 20px;}} @media (min-width: 1200px) {#der {width: 797px;float: left;padding-top: 0px;}} #der .cabe {border:1px solid #ccc;border-radius: 4px;overflow: hidden;width: 100%;;background-color: #fff;} @media (max-width: 767px) {.cabe{width:100%;height: 95px;}} @media (min-width: 768px) {.cabe {width:750px;height: 80px}} @media (min-width: 992px) {.cabe {width:970px;height: 80px}} @media (min-width: 1200px) {.cabe {width:875px;height: 80px}} .cabe .cabeiz {width:48%;box-sizing:inherit;overflow:hidden;border-right: 1px solid #ccc;padding:5px;float:left;} @media (max-width: 767px) {.cabe .cabeiz{font-size:12px;height: inherit;}} @media (min-width: 768px) {.cabe .cabeiz{}} @media (min-width: 992px) {.cabe .cabeiz{}} @media (min-width: 1200px) {.cabe .cabeiz{}} #der .friendly {padding: 2px 0 0px 5px;text-align: center;color: #0266c8;} #favo{overflow: hidden;width: 19%;height: 48px;text-align: center;/* padding: 2px 2px 0 2px; */margin: 0;background-color: #ccc;float: right;text-decoration: none;} @media (max-width: 767px) {#favo{margin-top: -61px;padding: 0;min-width: 150px;height: 18px;border-left: none;border-right: none;}} @media (min-width: 768px) {#favo {height: 42px;}} @media (min-width: 992px) {#favo{width: 20%;height: 48px;}} @media (min-width: 1200px) {#favo {width: 19%;height: 48px;float: right;text-align: center;/* padding: 4px 2px 0 2px; */float: right;text-decoration: none;}} #favo .results1 {text-align: center;margin: 0 auto;overflow: hidden;line-height: 32px;font-size: 13px;border-radius:2px;border-top-right-radius:5px;border-top-right-radius:5px;color:#444;color: #fff;color: #213153;} @media (max-width: 767px) {#favo .results1{font-size:12px;padding: 3px 0 0 0;line-height: 12px;width: 100%;}} @media (min-width: 768px) {#favo .results1 {line-height: 40px;}} @media (min-width: 992px) {#favo .results1 {padding-top: 0;line-height: 48px;}} @media (min-width: 1200px) {#favo .results1 {padding-top: 0;}} #favo .results2 {padding: 4px 0;text-decoration: underline;font-size: 12px;display: none;line-height: 25px;border-radius: 2px;background:#fff;color:#444;float: right;} @media (max-width: 767px) {#favo .results2{line-height: 12px;width: 100%;}} @media (min-width: 768px) {#favo .results2 {}} @media (min-width: 992px) {#favo .results2 {}} @media (min-width: 1200px) {#favo .results2 {}} #favo .results2:hover {color: #0266c8;font-weight:bold} #favo .results2 a {cursor:pointer;text-decoration:none;} #favo .share {float:right;height: 28px;background-color: #fff;border: 1px solid #ccc;cursor:pointer;padding: 10px 20px 0 30px;background-image:url('/images/share_up.png'); background-repeat:no-repeat;background-size:16px 16px;background-position: 6px 12px;border-radius: 4px;} #favo .share:hover {border:1px solid #888;} #Filtro{width: 220px;display: block;height: 40px;padding-top: 14px;background-color: #213453;color: #fff;text-align:center;float:left;font-weight: 700;} @media (max-width: 767px) {#Filtro{display:none;width: 220px;height: 40px;padding-top: 14px;background-color: #213453;color: #fff;text-align:center;float:left;font-weight: 700;}} @media (min-width: 768px) {#Filtro{display:none;width: 220px;height: 40px;padding-top: 14px;background-color: #213453;color: #fff;text-align:center;float:left;font-weight: 700;}} @media (min-width: 992px) {#Filtro{width: 220px;height: 40px;display: block;padding-top: 14px;background-color: #213453;color: #fff;text-align:center;float:left;font-weight: 700;}} @media (min-width: 1200px) {#Filtro{width: 220px;height: 40px;display: block;padding-top: 14px;background-color: #213453;color: #fff;text-align:center;float:left;font-weight: 700;}} #favButton {padding: 0px 10px;border-right: none !important;border-left: none !important;width: inherit !important;text-align: center;padding: 0px !important;height: 38px;border-bottom: 1px solid #ccc;background-color:#fff;float:right;cursor: pointer;} #favButton a {line-height:40px;width: inherit;text-decoration: none;} #favButton img{padding: 0px 0 0 0;float:left;} #favButton .imgb {margin: 12px 0 0 55px;float:left;} #favButton span.fvb{padding: 0px 0 0px 25px;float: left;text-align: initial;width: 67%;} #favButton:hover {background-color:#0077b5 !important} #hisButton a {line-height:40px;text-decoration: none} #hisButton img{padding: 0;float:left;} #hisButton .imgb {margin: 12px 0 0 55px;float:left;} #hisButton span.hib{padding: 0 0 0 25px;float: left;width: 67%;} #hisButton:hover {background-color: #0077b5 !important;} #popu{width: 871px;height: 40px;padding: 0;float: left;margin: 1px 2px 0 2px;background-color: #fff;background: #213453;color: #fff;/* border-radius:2px; *//* -webkit-border-radius:2px; */} @media (max-width: 767px) {#popu{height: 61px;width: 99.2%;}} @media (min-width: 768px) {#popu {height:42px;width: 99.5%;}} @media (min-width: 992px) {#popu {height: 48px;}} @media (min-width: 1200px) {#popu {height: 48px;}} #popu ul li{list-style:none} #popu span {height: 42px;line-height: 48px;text-align: center;width: 105px;float:left;} @media (max-width: 767px) {#popu span{display: none;}} @media (min-width: 768px) {#popu span{line-height: 42px;}} @media (min-width: 992px) {#popu span{height: 48px;line-height: 48px;}} @media (min-width: 1200px) {#popu span{height:48px;line-height:48px;}} #popu a {width: 130px;height: 48px;text-align: center;line-height: 48px;padding: 0;margin: 0 5px 0 5px;float:left;text-decoration: none;cursor: pointer;} @media (max-width: 767px) {#popu a {width: 25%;height: 61px;line-height: 64px;margin: 0;font-size: 12px;padding: 0;}} @media (min-width: 768px) {#popu a {width:15%;height: 42px;line-height: 42px;}} @media (min-width: 992px) {#popu a {height: 48px;line-height: 48px;}} @media (min-width: 1200px) {#popu a {height: 48px;line-height: 48px;}} #popu a.selp{border-bottom: 3px solid #fff;border-bottom: 3px solid #ebeced;background-color: #07c;} #popu a.sel:hover{border-bottom:4px solid #ccc} #popu .share {float:right;border-left: 1px solid #ccc;border-radius:3px;margin: 0;cursor:pointer;padding: 12px 6px 12px 24px;background-image:url('/images/share_up.png');background-repeat:no-repeat;background-size: 16px 16px;background-position: 4px 12px;} @media (max-width: 767px) {#popu .share{top: -55px;position: relative;font-size: 12px;border-bottom: 1px solid #ccc;padding: 6px 8px 6px 24px;background-position: 5px 6px;}} @media (min-width: 768px) {#popu .share{}} @media (min-width: 992px) {#popu .share{}} @media (min-width: 1200px) {#popu .share{}} #popu .share:hover {background-color:#fbf1e4} #popu select{display:block;float:right;height: inherit;} #bodycontent .filters {width: 220px;margin: 0px 10px 25px 0px;padding:0px;float: left;clear: both;background: #fff;} @media (max-width: 767px) {#bodycontent .filters {display:none;width: 220px;margin: 0px 10px 25px 0px;padding:0px;float: left;clear: both;background: #fff;}} @media (min-width: 768px) {#bodycontent .filters {display:none;width: 220px;margin: 0px 10px 25px 0px;padding:0px;float: left;clear: both;background: #fff;}} @media (min-width: 992px) {#bodycontent .filters {width: 220px;display: block;margin: 0px 10px 25px 0px;padding:0px;float: left;clear: both;background: #fff;}} @media (min-width: 1200px) {#bodycontent .filters {width: 220px;display: block;margin: 0px 10px 25px 0px;padding:0px;float: left;clear: both;background: #fff;}} #bodycontent .filters .expand {background: #f6f6f6;color:#0266c8;padding: 10px 2px 0 12px;height: 31px;letter-spacing:2px;border-top: 1px solid #ccc;font-size:12px;cursor:pointer;} #bodycontent .filters .header { width:90px;padding: 5px;padding-right: 10px;float:right;} #bodycontent .filters .header .reset {margin: 0;padding: 2px 6px 3px 6px;float:right;color: #0266c8;font-size: 12px;border:1px solid #ccc;/* border-radius:2px; *//* -webkit-border-radius:2px; */cursor:pointer;} #bodycontent .filters .stars {width: 250px;padding: 10px 0px 15px 10px;float:left;border-bottom: 1px solid #ebeced;max-width: 220px;} #bodycontent .filters .stars p {margin: 5px 0px 10px 0px;font-weight: 700;} #bodycontent .filters .stars span.ues{float:left;margin-right:5px;} #bodycontent .filters .stars span.does{float:left;margin-right:12px;margin-left:5px;} #bodycontent .filters .stars img {margin: 0 7px 14px 0px;width: 75px;height: 14px;cursor:pointer;display: block;} #bodycontent .filters .amounts {width: 220px;height: 97px;padding: 10px 10px 15px 10px;float:left;border-bottom: 1px solid #ebeced;} #bodycontent .filters .amounts p {margin: 5px 0px 25px 0px;} #bodycontent .filters .amounts p span {font-weight:700;} #bodycontent .filters .amounts .amountText {font-weight: normal;} #bodycontent .filters .amounts .amountSlider {position:relative;width:200px;height: 4px;background: #213153;border-radius:5px;} #bodycontent .filters .amounts .amountSlider div {cursor: pointer;margin-top: -9px;width: 20px;height: 21px;background: #ebeced;background-image:-webkit-linear-gradient(#fff,#cbced0);background-image: linear-gradient(#fff,#cbced0);border: 1px solid #9ea5a9;border-radius: 0.5em;outline: none;position: absolute;z-index: 1;} #bodycontent .filters .amounts .amountSlider span {position:absolute;top:0px;left:0px;width:0px;height: 5px;z-index:1;} #bodycontent .filters .distance {width: 220px;height: 80px;padding: 10px 10px 15px 10px;float:left;border-bottom: 1px solid #ebeced;} #bodycontent .filters .distance p {margin: 5px 0px 25px 0px;} #bodycontent .filters .distance p span {font-weight:700} #bodycontent .filters .distance .distanceText {font-weight: normal;} #bodycontent .filters .distance .distanceSlider {position:relative;width:200px;height: 4px;background: #213153;border-radius:5px;-webkit-border-radius:5px;} #bodycontent .filters .distance .distanceSlider .knob {margin-top: -9px;width: 20px;cursor: col-resize;height: 21px;background: #fff;border: 1px solid #d1d4d8;border-radius: 0.3em;outline: none;position: absolute;z-index: 1;} #bodycontent .filters .distance .distanceSlider .knob:before, .knob:after{content: "";display: block;position: absolute;height: 10px;width: 1px;background:#E8E7E6;left: 7px;top: 5px;} .knob:after{left: 11px;} #bodycontent .filters .search {width: 220px;padding: 10px 0 15px 10px;float:left;} #bodycontent .filters .search p {margin:5px 0px 15px 0px;font-size: 13px;font-weight: bold;} #bodycontent .filters .search .searchText {} #bodycontent .filters .search form {border:#c3c3c3 solid 1px;border-radius:1px;-webkit-border-radius:1px;float:left;} #bodycontent .filters .search form .searchInput {padding:5px 3px;outline:none;border:0px;float:left;} #bodycontent .filters .search form .searchSubmit {padding: 8px 9px;height: 26px;outline:none;border:0px;border-left:#c3c3c3 solid 1px;float:left;} #bodycontent .filters .services {width: 250px;padding: 6px 0px 15px 10px;float:left;} #bodycontent .filters .services h4 {margin:0px;margin-bottom:10px;padding:0px;font-size:14px;font-weight: normal;} #bodycontent .filters .services div {height: 45px;cursor: pointer;display: block;margin-right: 11px;} #bodycontent .filters .services div img {width:35px;border: 1px solid #ccc;border-radius: 2px;float: left;margin:2px;cursor:pointer;} #bodycontent .filters .services div p {padding-left: 20px;float: left;line-height: 40px;width: 70%;} #bodycontent .filters .others {padding: 6px 10px 15px 10px;float:left;width: 215px;} #bodycontent .filters .others h4 {margin:0px;margin-bottom:10px;padding:0px;font-size:14px;color: #111;font-weight: normal;} #bodycontent .filters .others p {margin: 10px 0 15px 0;clear:left;} #bodycontent .filters .others p input {margin: 2px 6px 3px 0px;float:left;width: 15px;height: 15px;} #bodycontent .filters .others p label {font-size: 14px;margin: 3px 0;background: #fff;line-height: 1.4em;} #bodycontent .filters .others div { clear:both;padding:2px 0px 0px 16px;text-align:left;font-size:12px;cursor:pointer; } #bodycontent .filters .others div span {font-size: 14px;float:left;} #bodycontent .filters .others div img { height:12px;float:left;margin:2px; } #banner{float:left;margin: 10px 0 15px 15px;} .compar{font-weight:600;color:#6a6a5a;float:left;margin: 5px 0 10px 0;} .compart{float: left;width: 100%;} .compart .comparunt, .compardot{width: 200px;height:62px;display:block;background-color:#fff;margin-bottom:5px;border:1px solid #ccc;} .compart .comparunt .comparun{height:60px;padding-left: 38px;} .compardot .compardo{height:60px;padding-left: 40px;} .compardo img{height:47px;padding:14px 2px 0px 2px;} .bannerim{float:left;margin: 0 0 10px 0;} .bannertext {height:100%;width:100%;float:left;margin-bottom:25px} .bannertext .banntex{float:right;color: #676767;} .bannertext .ads-gw {margin: 10px 0 10px 15px;border:1px solid #ccc;width:202px;height:169px;} .bannertext .ads-mi {margin: 5px 0 5px 15px;border:1px solid #ccc;width: 202px;height: 202px;} .bannertext .ads-ad {margin: 10px} .bannertext .adsafil .adsaun, .adsado, .adsatr, .adsacu{margin:10px 0 10px 15px; border:1px solid #ccc;width:180px;height:150px} .adsacud{margin-bottom: 10px;} #bodycontent .centercontent {width: inherit;border-collapse: collapse;padding:0px;float:left;margin: 10px 0 40px 0;} @media (max-width: 767px) {#bodycontent .centercontent h2{font-size:14px;margin:0 5px 0 10px;}} #bodycontent .centercontent .accommodation {height:auto;background-color: #fff;margin-top: 7px;margin: 12px 2px;padding: 0;list-style:none;box-shadow: 0 0 2px 0 rgba(19,26,31,0.12),0 2px 4px 0 rgba(19,26,31,0.22);} #bodycontent .centercontent .accommodation:hover,#bodycontent .centercontent .accommodationads:hover{box-shadow: 0 1px 4px rgba(40,50,60,0.9);} #bodycontent .centercontent .accommodationads {height:auto;background-color: #fff;margin-top: 7px;box-shadow: 0 1px 3px rgba(40,50,60,.5);padding:0px;margin: 10px 2px;padding: 0px 10px;border-radius: 2px;list-style:none;} #bodycontent .centercontent .accommodation .box {height: 180px;margin: 0;border-bottom: none;background-color: #fff;} #bodycontent .centercontent .accommodation .box:hover{background-color: #f7fafe;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box {height:inherit;width:100%;float:left;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box {}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box {}} .boxads {height: 152px;margin: 0;border-bottom: none;padding: 10px 0;background-color: #fff;} @media (max-width: 767px) {.boxads {height:inherit;width:100%;float:left;}} @media (min-width: 768px) {.boxads {}} @media (min-width: 992px) {.boxads{}} @media (min-width: 1200px) {.boxads {}} #bodycontent .centercontent .accommodation .box .image {width: 240px;height: 180px;float:left;border-radius:2px;-webkit-border-radius:2px;-webkit-transition: all .9s ease; /* Safari y Chrome */-moz-transition:all .9s ease; /* Firefox */-o-transition:all .9s ease; /* IE 9 */-ms-transition:all .9s ease; /* Opera */width:100%;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .image {width: 30%;min-width: 120px;height: initial;min-height: 120px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .image {width: 197px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .image {width: 27%;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .image {width: 234px;}} .imageads {width: 236px;height: 132px;float:left;border: 1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;} @media (max-width: 767px) {.imageads {width:32%;height: initial;min-height: 81px;}} @media (min-width: 768px) {.imageads {width: 197px;}} @media (min-width: 992px) {.imageads {width: 27%;}} @media (min-width: 1200px) {.imageads {width: 234px;}} .imageads img {position:absolute;width: 240px;height: auto;margin:0px 0px;cursor:pointer;} @media (max-width: 767px) {.imageads img {width: 125px;width: 22%;height:initial;height: auto;margin-left: 5%;max-height: 78px;}} @media (min-width: 768px) {.imageads img{width: 170px;margin: 12px;}} @media (min-width: 992px) {.imageads img{width: 138px;margin: 22px 28px;}} @media (min-width: 1200px) {.imageads img{width: 180px;margin: 8px 25px;}} .imageads img:hover {opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} #bodycontent .centercontent .accommodation .box .image .favicon {position:absolute;z-index:20;width: 18px;height: 18px;margin: 4px;float:left;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";cursor:pointer;} #bodycontent .centercontent .accommodation .box .image .favicon:hover {opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #bodycontent .centercontent .accommodation .box .image .favicon2 {position:absolute;z-index:20;width:18px;height:18px;margin:2px;border:0px;float:left;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:pointer;} #bodycontent .centercontent .accommodation .box .image .favicon2:hover {opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #bodycontent .centercontent .accommodation .box .image .news { position:relative;z-index:30;right:0px;background:#129a21;background-image:url('/images/newsicon.png');background-repeat:no-repeat;margin:0px;padding:3px 3px 2px 25px;color:white;font-size:12px;border:1px solid #1c4d7b;float:right;cursor:pointer; } #bodycontent .centercontent .accommodation .box .image img.favre {position:absolute;width: 240px;height: auto;height: 180px;cursor:pointer;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform 5s,-webkit-transform .5s;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .image img.favre{width:30%;min-width: 120px;height:initial;height: 120px;max-height: 140px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .image img.favre{width:197px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .image img.favre{width: 200px;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .image img.favre{width: 236px;}} #bodycontent .centercontent .accommodation .box .image img:hover {opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} #bodycontent .centercontent .accommodation .box .image img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} #bodycontent .centercontent .accommodation .box .content {width: 453px;height: 180px;border-bottom: 1px solid #e5e5e5;margin: 0px;float:left;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content {width: 62%;height: initial;border-bottom: none;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content{width: 55.5%;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content{width: 53%;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content{width: 390px;}} .contentads {width: 453px;height: 132px;border-bottom: 1px solid #e5e5e5;margin: 0px;float:left;} @media (max-width: 767px) {.contentads {width:68%;height: initial;border-bottom: none;}} @media (min-width: 768px) {.contentads{width: 53.90%;}} @media (min-width: 992px) {.contentads{width: 53%;}} @media (min-width: 1200px) {.contentads{width: 388px;}} #bodycontent .centercontent .accommodation .box .content .info {width: 100%;overflow: hidden;display: block;height: 138px;padding: 10px 0 0 10px;float:left;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .info{height: 120px;padding: 5px 0 0 0;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .info{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .info{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .info{}} .infoads {width: 100%;overflow: hidden;display: block;height: 130px;padding: 5px 0 0 7px;float:left;} @media (max-width: 767px) {.infoads{height: 74px;}} @media (min-width: 768px) {.infoads{}} @media (min-width: 992px) {.infoads{padding:15px 0px 0 15px;}} @media (min-width: 1200px) {.infoads{}} #bodycontent .centercontent .accommodation .box .content .info .name {margin-left: 8px;padding:0px;font-size:18px;font-weight:600;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .info .name{font-size:14px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .info .name{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .info .name{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .info .name{}} .nametads {/* color: #0266c8; */margin:0px;padding:0px;font-size:18px;font-weight:600;/* color:#2c2c2c; */} @media (max-width: 767px) {.nametads{font-size:14px;}} @media (min-width: 768px) {.namteads{}} @media (min-width: 992px) {.nametads{}} @media (min-width: 1200px) {.nametads{}} .namedosads {margin:0px;padding: 5px 0;font-size:14px;color:#2c2c2c;} @media (max-width: 767px) {.namedosads{font-size:14px;}} @media (min-width: 768px) {.namedosads{}} @media (min-width: 992px) {.namedosads{}} @media (min-width: 1200px) {.namedosads{}} .namedosads span.namads{background-color:#c2c2c6;color:#fff;font-size:10px;line-height:12px;padding:0 2px;border-radius:2px;} #bodycontent .centercontent .accommodation .box .content .info .name a {color: #213153;text-decoration:none;display: block;font-weight:normal;} #bodycontent .centercontent .accommodation .box .content .info .name a:hover { color:#2c2c2c;text-decoration:underline; } #bodycontent .centercontent .accommodation .box .content .info .name a strong {width:100%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;} #bodycontent .centercontent .accommodation .box .content .info .destination {font-size:14px;margin-left: 4px;width: 100%;width: auto;float: left;overflow: hidden;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .info .destination{font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}} #bodycontent .centercontent .accommodation .box .content .info .destination img.sta{width: 66px;height: 12px;float: left;margin: 3px 0 0 5px;} #bodycontent .centercontent .accommodation .box .content .info .destination img.dot{width:8px;height:11px;margin-top: 4px;} #bodycontent .centercontent .accommodation .box .content .info .destination img {float:left;margin: 2px 2px 0 5px;} #bodycontent .centercontent .accommodation .box .content .info .destination span {display: block;font-size: 13px;float: left;padding: 2px 0 0 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .content .info .kms{padding: 10px 5px 10px 10px;font-size: 14px;cursor: pointer;} @media (max-width: 767px) {.content .info .kms{padding: 10px 5px 10px 10px;font-size:12px;}} @media (min-width: 768px) {.content .info .kms{padding: 10px 5px 10px 10px;font-size: 14px;cursor: pointer;}} @media (min-width: 992px) {.content .info .kms{padding: 10px 5px 10px 10px;font-size: 14px;cursor: pointer;}} @media (min-width: 1200px) {.content .info .kms{padding: 10px 5px 10px 10px;font-size: 14px;cursor: pointer;}} .content .info .inf{cursor:pointer;padding-left:10px;font-size: 14px;} @media (max-width: 767px) {.content .info .inf{font-size:12px}} @media (min-width: 768px) {.content .info .inf{cursor:pointer;padding-left:10px;font-size: 14px;}} @media (min-width: 992px) {.content .info .inf{cursor:pointer;padding-left:10px;font-size: 14px;}} @media (min-width: 1200px) {.content .info .inf{cursor:pointer;padding-left:10px;font-size: 14px;}} #bodycontent .centercontent .accommodation .box .content .info ul {margin-top: 15px;padding:0;overflow: hidden;list-style:none;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .info ul{display:none;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .info ul{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .info ul{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .info ul{}} #bodycontent .centercontent .accommodation .box .content .info ul li {width: 123px;margin: 5px 0px 5px 20px;padding-left: 0px;display:block;line-height: 22px;float:left;font-family:Arial,Helvetica,sans-serif;font-size: 11px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .info ul li {}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .info ul li{margin:10px 0 0 0;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .info ul li{width: 123px;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .info ul li{}} #bodycontent .centercontent .accommodation .box .content .info ul li:hover{background-color:#fbf1e4} #bodycontent .centercontent .accommodation .box .content .info ul li .left {cursor:pointer;text-align: center;} #bodycontent .centercontent .accommodation .box .content .info ul li .right {text-align: center;font-weight: normal;font-size: 14px;} #bodycontent .centercontent .accommodation .box .content .buttons {width: 100%;border-top: 1px solid #e5e5e5;float:left;margin-top: 0px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .buttons{display: none;margin-top:2px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .buttons{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .buttons{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .buttons{height:42px;}} .box .content .buttons ul{} .box .content .buttons li{cursor: pointer;height:40px;width: 96px;float:left;list-style:none;text-align:center;} .box .content .buttons li:hover{background-color:#fbf1e4} .box .content .buttons li p.left{font-size:12px;padding:5px 0 2px 0;} .box .content .buttons li p.right{font-size:14px;} #bodycontent .centercontent .accommodation .box .content .buttons .more {width: 150px;height: 41px;border-collapse: collapse;font-size:14px;padding-top: 4px;line-height: 15px;text-align:center;border-left: 1px solid #e5e5e5;float: right;cursor:pointer;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .buttons .more {width: 33%;margin: 1px;height:inherit;padding: 10px 0;line-height: initial;font-size:12px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .buttons .more{font-size:12px;width: 103px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .buttons .more{width:95px;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .buttons .more{width: 100px;font-size: 12px;}} #bodycontent .centercontent .accommodation .box .content .buttons .more:hover {border: 1px solid rgba(0,0,0,.3);color:#444;background-color:#fbf1e4} #bodycontent .centercontent .accommodation .box .content .buttons .more small {font-weight:normal;font-size: 14px;line-height: 24px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .buttons .more small{font-size:12px;display: none;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .buttons .more small{font-size:12px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .buttons .more small{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .buttons .more small{}} #bodycontent .centercontent .accommodation .box .content .buttons .inf {width: 144px;height: 41px;border-collapse: collapse;line-height: 42px;margin-right: -1px;font-size: 14px;text-align:center;float: left;cursor:pointer;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .buttons .inf{width: 31.5%;font-size:12px;margin:1px;height: 35px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .buttons .inf{font-size:12px;width: 30%;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .buttons .inf{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .buttons .inf{/* width:144px; */font-size: 13px;}} #bodycontent .centercontent .accommodation .box .content .buttons .inf:hover {border: 1px solid rgba(0,0,0,.3);color:#444;background-color:#fbf1e4;} #bodycontent .centercontent .accommodation .box .content .buttons .kms {width: 165px;padding: 4px 0 0 5px;font-size:14px;text-align:center;height: 41px;line-height: 18px;border-right: 1px solid #e5e5e5;float: left;cursor:pointer;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .buttons .kms {width: 32%;height: 35px;margin: 1px;font-size:12px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .content .buttons .kms {font-size:12px;width:35%;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .content .buttons .kms{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .content .buttons .kms{width: 135px;font-size: 12px;height: 41px;}} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .buttons .kms span {display:none}} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .content .buttons .kms strong {display:block;font-weight:normal;line-height:initial;}} #bodycontent .centercontent .accommodation .box .content .buttons .kms:hover {border: 1px solid rgba(0,0,0,.3);color:#444;background-color:#fbf1e4} #bodycontent .centercontent .accommodation .box .content .buttons .kms .cent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:0 1px 0 1px;} #bodycontent .centercontent .accommodation .box .deals {width: 160px;cursor:pointer;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals {height:initial;float:left;width:inherit;width: 100%;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals {width: 18%;float:left;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals{width:20%;float: left;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals{width: 169px;float: left;}} #bodycontent .centercontent .accommodation .box .deals .prices {width: 160px;height: 138px;float:left;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals .prices {background-image:none !important;width: 37%;height: inherit;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals .prices {width: 100%;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals .prices{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals .prices{float:left;width: 171px;}} #bodycontent .centercontent .accommodation .box .deals .prices:hover{background-color:#fbf1e4} #bodycontent .centercontent .accommodation .box .deals .prices .name {margin: 24px 0 10px 0;text-align:center;font-size: 12px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals .prices .name {margin: 0 4px 0 4px;font-size:12px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals .prices .name{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals .prices .name{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals .prices .name{}} .dealsads {width: 160px;cursor:pointer;} @media (max-width: 767px) {.dealsads {height:initial;float:left;width:inherit;}} @media (min-width: 768px) {.dealsads {width: 18%;float:left;}} @media (min-width: 992px) {.dealsads{width:20%;float: left;}} @media (min-width: 1200px) {.dealsads{width: 150px;float: left;}} .pricesads {width: 160px;height: 90px;float:left;} @media (max-width: 767px) {.pricesads {display: none;background-image:none !important;width: 37%;height: inherit;}} @media (min-width: 768px) {.pricesads {width: 100%;}} @media (min-width: 992px) {.pricesadsads{}} @media (min-width: 1200px) {.pricesads{float:left;width: 150px;}} .pricesads:hover{background-color:#fbf1e4} .nameads {margin: 24px 0 15px 0;text-align:center;font-size: 14px;} @media (max-width: 767px) {.nameads {margin:4px;font-size:12px;}} @media (min-width: 768px) {.nameads{}} @media (min-width: 992px) {.nameads{}} @media (min-width: 1200px) {.nameads{}} .buttonads {width: 150px;height: 42px;color:#fff;float:left;background-color:#e46310;border: 1px solid transparent;border-radius: 2px;cursor:pointer;display: flex;justify-content: center;align-items: center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;} @media (max-width: 767px) {.buttonads{width:46%;margin-top:10px;float:right;}} @media (min-width: 768px) {.buttonads{width: 100%;}} @media (min-width: 992px) {.buttonads{}} @media (min-width: 1200px) {.buttonads{}} .buttonads:hover {border:1px solid #fff;} .buttonads span {width:100%;line-height:36px;text-align: center;font-size: 14px;font-weight:bold;float:left;} @media (max-width: 767px) {.buttonads span{}} @media (min-width: 768px) {.buttonads span{}} @media (min-width: 992px) {.buttonads span{}} @media (min-width: 1200px) {.buttonads span{}} .buttonads img {width: 0px;height: 0px;margin:9px 10px 0px 0px;float:right;} #bodycontent .centercontent .accommodation .box .deals .prices .worse {margin:0px;padding:0px;text-align: center;font-size: 18px;white-space: pre;font-weight: 700;color: #e86b1b;text-decoration:line-through;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals .prices .worse {font-size:12px;font-size: 14px;line-height: 1;display: none;font-weight: 700;color: #c94a30;margin: 2px 0;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals .prices .worse{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals .prices .worse{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals .prices .worse{}} #bodycontent .centercontent .accommodation .box .deals .prices .best {margin:0px;padding:0px;text-align: center;font-size: 21px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals .prices .best {font-size:12px;font-size: 22px;line-height: 1;color: #ee8643;margin: 4px 0 3px 0;color: #129a21;color: #3156a5;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals .prices .best{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals .prices .best{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals .prices .best{}} #bodycontent .centercontent .accommodation .box .deals .prices .nigh {text-align:center;font-size:11px;opacity:0.8;margin-top: 4px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals .prices .nigh {font-size:10px}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals .prices .nigh{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals .prices .nigh{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals .prices .nigh{}} #bodycontent .centercontent .accommodation .box .deals .button {width: 150px;height: 42px;color:#fff;float:left;background-color:#e46310;border: 1px solid transparent;cursor:pointer;display: flex;justify-content: center;align-items: center;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals .button{width:46%;margin-top: 16px;float:right;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals .button{width: 100%;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals .button{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals .button{}} #bodycontent .centercontent .accommodation .box .deals .button:hover {border:1px solid #fff;} #bodycontent .centercontent .accommodation .box .deals .button span {width:100%;line-height:36px;text-align: center;font-size: 14px;font-weight:bold;float:left;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .box .deals .button span{}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .box .deals .button span{}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .box .deals .button span{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .box .deals .button span{}} #bodycontent .centercontent .accommodation .box .deals .button img {width: 0px;height: 0px;margin:9px 10px 0px 0px;float:right;} #bodycontent .centercontent .accommodation .infotop {height:0px;border-bottom: none;margin: 0px 0px -2px 0px;background-color: #eee;background-color: #213453;color: #fff;overflow:hidden;width: 100%;} #bodycontent .centercontent .accommodation .infotop .title {float:left;padding: 15px 10px 10px 10px;font-weight:bold;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .infotop .title{padding:5px 5px 5px 0;font-size: 12px;}} #bodycontent .centercontent .accommodation .infotop .writeop {/* text-decoration:underline; */margin-top: 16px;padding-left: 308px;cursor:pointer;/* font-size:14px; */display:inline-block;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .infotop .writeop{display:none;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .infotop .writeop{padding-left: 148px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .infotop .writeop{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .infotop .writeop{padding-left:196px;}} a.opinion{color:#555;color: #fff;} #bodycontent .centercontent .accommodation .infotop .share {float:right;margin: 11px 16px 2px 4px;/* border-left:1px solid #ccc; *//* border: 1px solid #ccc; *//* border-right:1px solid #ccc; */cursor:pointer;padding: 4px 5px 4px 23px;background-image:url('/images/share_up.png');background-repeat:no-repeat;background-size:16px 16px;background-position: 4px 4px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .infotop .share{margin:0 10px 0 0;font-size: 12px;}} #bodycontent .centercontent .accommodation .infotop .share img {opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } #bodycontent .centercontent .accommodation .infotop .close {float:right;margin: 14px 8px 2px 4px;cursor:pointer;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .infotop .close{margin: 5px 2px;}} #bodycontent .centercontent .accommodation .offers {position:relative;/* border: 1px solid #ccc; */height:auto;width: 100%;text-align:justify;overflow:hidden;float:left;} #bodycontent .centercontent .accommodation .offers .loading { width:43px;margin:10px auto;display:block; } #bodycontent .centercontent .accommodation .offers .offer {height: 49px;padding: 5px 0 0 15px;float:left;border-bottom: 1px solid #eee;z-index:5;width: 100%;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer{padding: 8px 0;height: 50px;}} #bodycontent .centercontent .accommodation .offers .offer:hover { background:#f8f8f8;cursor:pointer } #bodycontent .centercontent .accommodation .offers .offer .gw {width:142px;height:37px;float:left;overflow:hidden;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .gw{width: 75px;display: flex;justify-content: center;align-items: center;}} #bodycontent .centercontent .accommodation .offers .offer .gw img { max-width:140px; width: 80%;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .gw img{width: 70px;}} #bodycontent .centercontent .accommodation .offers .offer .room {width: 420px;height:37px;padding-left:10px;float:left;overflow:hidden;text-align:left;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .room{font-size: 12px;width: 39%;height: 40px;float: left;overflow: hidden;text-overflow: ellipsis;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .offers .offer .room{width: 405px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .offers .offer .room{width: 53%;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .offers .offer .room{width:415px;}} #bodycontent .centercontent .accommodation .offers .offer .breakfast {width: 80px;height:28px;padding-top:9px;float:left;text-align:center;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .breakfast{display:none}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .offers .offer .breakfast{width:45px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .offers .offer .breakfast{width:60px;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .offers .offer .breakfast{width:75px;}} #bodycontent .centercontent .accommodation .offers .offer .amount {width: 184px;height:29px;padding-top: 8px;margin-top: 6px;float:left;text-align:center;font-size: 18px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .amount{width:100px;font-size: 16px;float: right;display: flex;justify-content: center;align-items: center;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .offers .offer .amount{width:102px;font-size: 14px;border-left: 1px solid #ccc;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .offers .offer .amount{width: 110px;border-left: 1px solid #e2e2e2;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .offers .offer .amount{width: 110px;border-left: 1px solid #e2e2e2;}} #bodycontent .centercontent .accommodation .offers .offer .button {width: 130px;/* display: none; */float: left;/* border-left: 1px solid #eee; */cursor: pointer;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .button{width:98px;display: none;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .offers .offer .button{width: 10px;margin-top: 5px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .offers .offer .button{width: 14px;margin-top: 6px;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .offers .offer .button{width: 10px;border-left: none;margin-top: 6px;}} #bodycontent .centercontent .accommodation .offers .offer .button:hover {color:#bbb;} #bodycontent .centercontent .accommodation .offers .offer .button span {margin: 10px 0px 0px 20px;font-size: 16px;display: none;float:left;color: #e86b1b;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .button span{margin:10px 0 0 5px;display: none;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .offers .offer .button span{margin:10px 0 0 5px;font-size:14px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .offers .offer .button span{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .offers .offer .button span{}} #bodycontent .centercontent .accommodation .offers .offer .button img {/* width:16px; */height: 12px;margin: 10px 0 0 0;float:right;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .offer .button img{display:none}} #bodycontent .centercontent .accommodation .offers .expandBtn {position:absolute;top: 411px;left: 365px;z-index:15;width:120px;height: 26px;margin-top:3px;padding-top: 4px;background: #0870a4;background: #0266c8;background: #07c;text-align:center;font-size:12px;color:white;cursor:pointer;border-top-left-radius:2px;border-top-right-radius:2px;/* box-shadow:0px -1px 2px 1px rgba(0,0,0,0.75); */} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .offers .expandBtn{left: 34%;/* top:252px */}} #bodycontent .centercontent .accommodation .offers .expandBtn:hover { margin-top:0px; } #bodycontent .centercontent .accommodation .description {height:auto;width: 100%;text-align:justify;overflow:hidden;float:left;line-height:18px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .description{font-size:12px}} #bodycontent .centercontent .accommodation .description em { font-style:normal } #bodycontent .centercontent .accommodation .description p {margin:10px 0px;padding:0px;text-align:left;box-sizing: inherit;} #bodycontent .centercontent .accommodation .description p.hoteli { text-align:center; } .description .gestio{color: #0266c8;cursor:pointer;} #bodycontent .centercontent .accommodation .description .titdesc {font-weight:700} #bodycontent .centercontent .accommodation .description p a { color:#2973b8 } #bodycontent .centercontent .accommodation .description .noavail { opacity:0.5; } #bodycontent .centercontent .accommodation .map {width: 100%;height:300px;float:left;} #bodycontent .centercontent .accommodation .map .controls { width:18px;height:35px;margin:20px 0px 0px 65px;background:url('/images/mapcontrol.png');float:left;-webkit-box-shadow:-1px 1px 2px 0px #000;box-shadow:-1px 1px 2px 0px #000;border-radius:2px;-webkit-border-radius:2px; } #bodycontent .centercontent .accommodation .map .controls .button { width:16px;height:16px;float:left;margin:1px;opacity:0;cursor:pointer; } #bodycontent .centercontent .accommodation .map .controls .button:hover { background:grey;opacity:0.2; } #bodycontent .centercontent .accommodation .gallery {width: 870px;height:0px;float:left;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .gallery{width:100%}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .gallery{width:100%;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .gallery{}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .gallery{width:870px;width: 100%;}} #bodycontent .centercontent .accommodation .gallery .images {width: 870px;height:0px;float:left;background-repeat:no-repeat;background-size: 400px 300px;background-position: 245px 10px;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .gallery .images{width:inherit;background-size: 217px 170px;background-position: 50% 10px;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .gallery .images{width:inherit;background-position: 50% 10px;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .gallery .images{background-position: 50% 10px;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .gallery .images{width:870px;width: inherit;background-position: 50% 10px;}} #bodycontent .centercontent .accommodation .gallery .images .previous { width:120px;height:330px;float:left;opacity:0.6;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";background-image:url('/images/pgback.png');background-size:120px 330px;background-position:0px 0px; } @media (max-width: 767px) {#bodycontent .centercontent .accommodation .gallery .images .previous {width: 45px;height: 200px;background-size: 40px 100px;background-repeat: no-repeat;background-position: 0;}} #bodycontent .centercontent .accommodation .gallery .images .previous:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:pointer; } #bodycontent .centercontent .accommodation .gallery .images .next { width:120px;height:330px;float:right;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";background-image:url('/images/pgnext.png');background-size:120px 330px;background-position:0px 0px; } @media (max-width: 767px) {#bodycontent .centercontent .accommodation .gallery .images .next {width: 40px;height: 200px;background-size: 40px 100px;background-repeat: no-repeat;background-position: 0;}} #bodycontent .centercontent .accommodation .gallery .images .next:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:pointer; } #bodycontent .centercontent .accommodation .gallery .images .caption {width: 50%;min-height:16px;max-height:16px;padding:3px 5px;background:#ccc;color:black;margin: 280px 175px 0 235px;opacity:0.8;overflow:hidden;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .gallery .images .caption{margin: 155px 0 0 30%;width: 40%;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .gallery .images .caption{margin: 280px 175px 0 26.7%;width: 25%;}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .gallery .images .caption{margin: 280px 175px 0 26.7%;width: 25%;}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .gallery .images .caption{width: 25%;margin: 280px 175px 0 26.7%;}} #bodycontent .centercontent .accommodation .gallery .thumbs {width:inherit;height:0px;float:left;overflow:hidden;} @media (max-width: 767px) {#bodycontent .centercontent .accommodation .gallery .thumbs{width:inherit;height: 80px !important;}} @media (min-width: 768px) {#bodycontent .centercontent .accommodation .gallery .thumbs{width:inherit}} @media (min-width: 992px) {#bodycontent .centercontent .accommodation .gallery .thumbs{width:inherit}} @media (min-width: 1200px) {#bodycontent .centercontent .accommodation .gallery .thumbs{width:inherit}} #bodycontent .centercontent .accommodation .gallery .thumbs .thumb { width:120px;height:80px;margin-right:2px;float:left;border:2px solid #999;background-size:120px 80px;background-position:0px 0px;cursor:pointer; } #bodycontent .centercontent .accommodation .expandInfo {display:none;clear:left;z-index:15;width:120px;height: 26px;margin:-16px auto 0px auto;overflow:hidden;padding-top: 6px;background: #07c;text-align:center;font-size:12px;color:white;cursor:pointer;} #bodycontent .centercontent .accommodation .hotelnews {margin:0px 0px -10px 0px;background-color:#e9f2f9;line-height:16px} #bodycontent .centercontent .accommodation .hotelnews h4 {margin: 10px 0px 5px 15px; padding: 10px 0px;} #bodycontent .centercontent .accommodation .hotelnews img {width:60px;height:60px;margin: 0px 15px 5px 15px;float:left} #bodycontent .centercontent .accommodation .hotelnews h5 {margin:10px;color:#0266c8;font-weight:normal;font-size:14px;} #bodycontent .centercontent .accommodation .hotelnews h5 span{ float:right;margin-right: 15px;} #bodycontent .centercontent .accommodation .hotelnews p {font-style:italic;margin-bottom: 20px;padding: 2px 20px 50px 80px;text-align: left;} #outstanding { margin:-1px 0px;background-color: #fff;} h2 {font-weight:normal;} @media (max-width: 767px) {#desc h2, h3{font-size: 14px;line-height: 20px;font-weight: 400;margin: 10px 0 10px 0;}} #outstanding .hotel {margin: 20px 0px 50px 0px;/* padding-top: 20px; */padding: 20px 0 0 0;} #outstanding .image {width: 160px;height:120px;float:left;margin: 0 10px 10px 0;background-size:105% 105%;background-position:-4px -4px;border-radius:2px;-webkit-border-radius:2px;} @media (max-width: 767px) {#outstanding .image{width:150px;margin-right:1px}} .hotel .content{ padding: 0 10px 10px 10px; } #outstanding .image .favicon { position:absolute;z-index:20;width:16px;height:16px;margin:2px;border:0px;float:left;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";cursor:pointer; } #outstanding .image .favicon:hover {opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #outstanding .image .favicon2 { position:absolute;z-index:20;width:16px;height:16px;margin:2px;border:0px;float:left;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:pointer; } #outstanding .image .favicon2:hover {opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #outstanding .image .news { position:relative;z-index:30;right:0px;background:#129a21;background-image:url('/images/newsicon.png');background-repeat:no-repeat;margin:0px;padding:3px 3px 2px 25px;color:white;font-size:12px;border:1px solid #1c4d7b;float:right;cursor:pointer; } #outstanding .image img { position:absolute;width:160px;height:120px;margin:0px 0px;cursor:pointer; } @media (max-width: 767px) {#outstanding .image img{width:150px}} #outstanding .name {margin:0px;padding:0px;font-size:18px;color: #0266c8;} @media (max-width: 767px) {#outstanding .name{width: 100%;overflow: hidden;}} #outstanding .name a { color:#0266c8;text-decoration:none; } #outstanding .name a:hover { color:#2c2c2c;text-decoration:underline; } #outstanding .destination {margin:0px;padding: 10px;font-size:14px;height: 50px;} #outstanding .destination img.sta{width:66px;height:12px;} #outstanding .destination img.dot{margin: 0px 3px 0 10px;width: 8px;height: 11px;} #outstanding .destination span{} #outstanding .desh {margin: 75px 0 15px 0;} @media (max-width: 767px) {#outstanding .desh{margin: 10px 0 10px 0;}} @media (max-width: 767px) {#outstanding p{font-size:12px;line-height: 1.25;}} @media (min-width: 768px) {#outstanding p{line-height:1.5;}} @media (min-width: 992px) {#outstanding p{line-height:1.5;}} @media (min-width: 1200px) {#outstanding p{line-height:1.5;}} #outstanding .buttons {float:right;width:36px;height:36px;margin: 25px 0 0 15px;margin-right:10px;cursor:pointer;opacity:.8;} #outstanding .buttons:hover { opacity:1; } #outstanding .tmap {float: right;font-size: 12px;margin: 67px -49px 0px 0px;} #outstanding .tinf {float: right;font-size: 12px;margin: 67px -43px 0px 0px;} #outstanding .deals {width: 138px;height:120px;margin-left: 10px;float:right;} #outstanding .deals .prices {width:138px;height: 80px;margin-bottom:5px;padding-top:5px;float:left;background:#f6f6f6;border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;} #outstanding .deals .prices .name {margin:10px 0px;padding:0px;text-align:center;font-size:14px;} #outstanding .deals .prices .best {margin:0px;padding:0px;text-align:center;font-size: 17px;color: #444;} #outstanding .deals .button {width:138px;height:35px;color: #fff;float:left;background: #0077b5;background-color: #e46310;/* border: 1px solid transparent; */border-radius:2px;-webkit-border-radius:2px;cursor:pointer;display: flex;justify-content: center;align-items: center;} #outstanding .deals .button:hover {border:1px solid #fff} #outstanding .deals .button span {font-size: 14px;float:left;} #outstanding .deals .button img {width:16px;height:16px;margin:9px 10px 0px 0px;float:right;} #outstanding .infotop {height:0px;margin:3px 0px 1px 0px;background-color: #213153;overflow:hidden;} @media (max-width: 767px) {#outstanding .infotop{border-bottom: none;margin: 15px 0 -2px 0;overflow:hidden;width:100%;}} #outstanding .infotop .title {float:left;color: #fff;font-weight:bold;padding: 15px 10px 10px 10px;} @media (max-width: 767px) {#outstanding .infotop .title{padding:5px 5px 5px 0;font-size: 12px;}} #outstanding .infotop .writeop {margin-top:14px;padding-left: 308px;color: #0266c8;cursor:pointer;font-size:14px;display:inline-block;} @media (max-width: 767px) {#outstanding .infotop .writeop{display:none}} @media (min-width: 768px) {#outstanding .infotop .writeop{padding-left:145px;}} @media (min-width: 992px) {#outstanding .infotop .writeop{padding-left:215px;}} @media (min-width: 1200px) {#outstanding .infotop .writeop{}} #outstanding .infotop .share {float:right;margin: 8px 2px 2px 4px;/* border: 1px solid #ccc; */cursor:pointer;padding: 6px 5px 6px 24px;background-image:url('/images/share_up.png');background-repeat:no-repeat;background-size:16px 16px;background-position: 4px 6px;color: #fff;} @media (max-width: 767px) {#outstanding .infotop .share{margin:0 10px 0 0;font-size: 12px;}} #outstanding .infotop .share img {opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } #outstanding .infotop .close {float:right;margin: 14px 7px 2px 18px;cursor:pointer;} @media (max-width: 767px) {#outstanding .infotop .close{margin: 5px 2px;}} #outstanding .offers {position:relative;height:auto;/* border: 1px solid #ccc; */text-align:justify;width: 100%;overflow:hidden;} #outstanding .offers .offer {height: 45px;padding: 3px 2px 3px 10px;float:left;border-bottom: 1px solid #eee;width: 100%;} @media (max-width: 767px) {#outstanding .offers .offer{padding: 8px 0;height: 50px;}} #outstanding .offers .offer:hover { background:#f8f8f8;cursor:pointer } #outstanding .offers .offer .gw { width:142px;height:37px;float:left;overflow:hidden; } @media (max-width: 767px) {#outstanding .offers .offer .gw{width: 75px;display: flex;justify-content: center;align-items: center;}} #outstanding .offers .offer .gw img { max-width:140px; width: 80%;} @media (max-width: 767px) {#outstanding .offers .offer .gw img{width: 70px;}} #outstanding .offers .offer .room {width: 420px;height:37px;padding-left:10px;float:left;overflow:hidden;text-align:left;} @media (max-width: 767px) {#outstanding .offers .offer .room{font-size: 12px;width: 39%;height: 40px;float: left;overflow: hidden;text-overflow: ellipsis;}} #outstanding .offers .offer .breakfast {width: 85px;height:28px;padding-top:9px;float:left;text-align:center;} @media (max-width: 767px) {#outstanding .offers .offer .breakfast{display:none}} #outstanding .offers .offer .amount {width: 100px;height:29px;border-left: 1px solid #e2e2e2;padding-top: 8px;margin-top: 5px;float:left;text-align:center;font-size: 18px;} @media (max-width: 767px) {#outstanding .offers .offer .amount{width:100px;font-size: 16px;float: right;display: flex;justify-content: center;align-items: center}} @media (min-width: 768px) {#outstanding .offers .offer .amount{width:102px;font-size: 14px;}} @media (min-width: 992px) {#outstanding .offers .offer .amount{width: 85px;}} @media (min-width: 1200px) {#outstanding .offers .offer .amount{width: 85px;border-left: 1px solid #e2e2e2;}} #outstanding .offers .offer .button {width: 130px;color: #e86b1b;float:left;/* border-left: 1px solid #eee; */cursor:pointer;} @media (max-width: 767px) {#outstanding .offers .offer .button{width:98px;display: none;}} @media (min-width: 768px) {#outstanding .offers .offer .button{width: 98px;}} @media (min-width: 992px) {#outstanding .offers .offer .button{width: 14px;}} @media (min-width: 1200px) {#outstanding .offers .offer .button{width: 14px;border-left: none;margin-top: 10px;}} #outstanding .offers .offer .button:hover { color:#bbb; } #outstanding .offers .offer .button span {margin: 10px 0px 0px 20px;font-size: 16px;display: none;float:left;} @media (max-width: 767px) {#outstanding .offers .offer .button span{margin:10px 0 0 5px;display: none;}} @media (min-width: 768px) {#outstanding .offers .offer .button span{margin:10px 0 0 5px;font-size:14px;}} @media (min-width: 992px) {#outstanding .offers .offer .button span{}} @media (min-width: 1200px) {#outstanding .offers .offer .button span{}} #outstanding .offers .offer .button img {height: 12px;margin: 5px 0 0 0;float:right;} @media (max-width: 767px) {#outstanding .offers .offer .button img{display:none}} #outstanding .offers .expandBtn {position:absolute;top: 411px;left: 365px;z-index:15;width:120px;height: 26px;margin-top:3px;padding-top: 4px;background: #0870a4;background: #0266c8;text-align:center;font-size:12px;color:white;cursor:pointer;-webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;/* box-shadow:0px -1px 2px 1px rgba(0,0,0,0.75); */} @media (max-width: 767px) {#outstanding .offers .expandBtn{left: 34%;top: 251px;}} @media (min-width: 768px) {#outstanding .offers .expandBtn{top:411px}} @media (min-width: 992px) {#outstanding .offers .expandBtn{top:411px;}} @media (min-width: 1200px) {#outstanding .offers .expandBtn{top:411px}} #outstanding .offers .expandBtn:hover {} #outstanding .description {height:auto;text-align:justify;overflow:hidden;/* border: 1px solid #ccc; */float:left;width: 100%;line-height:18px;} @media (max-width: 767px) {#outstanding .description{font-size:12px;border:none}} #outstanding .description em {font-style:normal} #outstanding .description p { margin:0px; padding:0px;text-align:left;} #outstanding .description p em {font-style:normal} #outstanding .description p.hoteli { text-align:center; } #outstanding .description ul { width:100%;margin:0px;padding:0px;text-align:left; } #outstanding .description ul li { width:154px;margin:3px;overflow:hidden;text-align:left;float:left;} #outstanding .description .noavail { opacity:0.5;} #outstanding .map {height:300px;background-repeat:no-repeat;background-position:55px 10px} #outstanding .map .controls { width:18px;height:35px;margin:20px 0px 0px 65px;background:url('/images/mapcontrol.png');float:left;-webkit-box-shadow:-1px 1px 2px 0px #000;box-shadow:-1px 1px 2px 0px #000;border-radius:2px;-webkit-border-radius:2px; } #outstanding .map .controls .button { width:16px;height:16px;float:left;margin:1px;opacity:0;cursor:pointer;} #outstanding .map .controls .button:hover {background:grey;opacity:0.2;} #outstanding .gallery{width: 870px;height:0px;float:left;} @media (max-width: 767px) {#outstanding .gallery{width:100%}} @media (min-width: 768px) {#outstanding .gallery{width:100%;}} @media (min-width: 992px) {#outstanding .gallery{width:100%}} @media (min-width: 1200px) {#outstanding .gallery{width:870px;width: 100%;}} #outstanding .gallery .images {width: 870px;height:0px;float:left;background-repeat:no-repeat;background-size: 400px 300px;background-position: 245px 10px;} @media (max-width: 767px) {#outstanding .gallery .images{width:inherit;background-size: 217px 170px;background-position: 50% 10px;}} @media (min-width: 768px) {#outstanding .gallery .images{width:inherit;background-position: 50% 10px;}} @media (min-width: 992px) {#outstanding .gallery .images{background-position: 50% 10px;}} @media (min-width: 1200px) {#outstanding .gallery .images{width:870px;width: inherit;background-position: 50% 10px;}} #outstanding .gallery .images .previous{width:120px;height:330px;float:left;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";background-image:url('/images/pgback.png');background-size:120px 330px;background-position:0px 0px; } @media (max-width: 767px) {#outstanding .gallery .images .previous{width: 45px;height: 200px;background-size: 40px 100px;background-repeat: no-repeat;background-position: 0;}} #outstanding .gallery .images .previous:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:pointer; } #outstanding .gallery .images .next { width:120px;height:330px;float:right;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";background-image:url('/images/pgnext.png');background-size:120px 330px;background-position:0px 0px; } @media (max-width: 767px) {#outstanding .gallery .images .next {width: 40px;height: 200px;background-size: 40px 100px;background-repeat: no-repeat;background-position: 0;}} #outstanding .gallery .images .next:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:pointer; } #outstanding .gallery .images .caption {width:390px;min-height:16px;max-height:16px;padding:3px 5px;background:#ccc;color:black;opacity:0.8;overflow:hidden;} @media (max-width: 767px) {#outstanding .gallery .images .caption{margin: 155px 0 0 30%;width: 40%;}} @media (min-width: 768px) {#outstanding .gallery .images .caption{margin: 280px 175px 0 26.7%;width: 25%;}} @media (min-width: 992px) {#outstanding .gallery .images .caption{margin: 280px 175px 0 26.7%;width: 25%;}} @media (min-width: 1200px) {#outstanding .gallery .images .caption{width: 25%;margin: 280px 175px 0 26.7%;}} #outstanding .gallery .thumbs {width: 860px;height:0px;float:left;overflow:hidden;} @media (max-width: 767px) {#outstanding .gallery .thumbs{width:inherit}} @media (min-width: 768px) {#outstanding .gallery .thumbs{width:inherit;}} @media (min-width: 992px) {#outstanding .gallery .thumbs{width:inherit}} @media (min-width: 1200px) {#outstanding .gallery .thumbs{width: inherit;}} #outstanding .gallery .thumbs .thumb { width:120px;height:80px;margin-right:2px;float:left;border:2px solid #999;background-size:120px 80px;background-position:0px 0px;cursor:pointer; } #outstanding .friendly { margin-top:-31px; padding-left:15px;text-align:justify;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px; } #outstanding .friendly h1{margin: 44px 0px 0px 47px;color: #0266c8;padding-bottom: 10px;} #outstanding .more { border-top:3px double #ccc;padding-top:15px;font-weight:bold; } #outstanding .expandInfo {display:none;clear:left;z-index:15;width:120px;height: 25px;margin: 10px auto 0px auto;overflow:hidden;padding-top: 5px;background: #0266c8;text-align:center;font-size:12px;color:white;cursor:pointer;-webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;} #outstanding .hotelnews {margin:0px 0px -10px 0px;background-color:#e9f2f9;line-height:16px} #outstanding .hotelnews h4 {margin: 10px 0px 5px 15px; padding: 10px 0px;} #outstanding .hotelnews img {width:60px;height:60px;margin: 0px 15px 5px 15px;float:left} #outstanding .hotelnews h5 {margin:10px;color:#0266c8;font-weight:normal;font-size:14px;} #outstanding .hotelnews h5 span{ float:right;margin-right:15px;} #outstanding .hotelnews p {font-style:italic;margin-bottom:20px;padding:2px 20px 50px 80px;text-align: left;} #extraInfo {width: 1100px;margin:20px auto;padding: 0px;overflow-x:hidden;} @media (max-width: 767px) {#extraInfo{width:100%;padding: 30px 10px;}} @media (min-width: 768px) {#extraInfo {width:750px;}} @media (min-width: 992px) {#extraInfo {width:970px}} @media (min-width: 1200px) {#extraInfo {width:1170px}} #extraInfo .description {width: 755px;padding: 60px;padding-bottom: 10px;border: 1px solid #ccc;border-bottom-width: inherit;background-color: #fff;height:auto;text-align:justify;overflow:hidden;float:left;line-height:20px;} @media (max-width: 767px) {#extraInfo .description{width:100%;padding: 30px 10px;}} @media (min-width: 768px) {#extraInfo .description {width:750px;}} @media (min-width: 992px) {#extraInfo .description {width:970px}} @media (min-width: 1200px) {#extraInfo .description {width:1170px}} #extraInfo .description em {font-style:normal} #extraInfo .description p { margin:10px 0px;padding:0px;text-align:left; } #extraInfo .description p.hoteli { text-align:center; } #extraInfo .description .noavail { opacity:0.5; } #extraInfo .photos {width: 755px;height:auto;padding: 60px;border: 1px solid #ccc;border-top-width: inherit;background-color: #fff;text-align:justify;overflow:hidden;float:left;} @media (max-width: 767px) {#extraInfo .photos{width:100%;padding: 30px 10px;}} @media (min-width: 768px) {#extraInfo .photos {width:750px;}} @media (min-width: 992px) {#extraInfo .photos {width:970px}} @media (min-width: 1200px) {#extraInfo .photos {width:1170px}} #extraInfo .photos img { width:186px;height:140px;margin:0px 1px 1px 0px;float:left; } #infodestino {border: 1px solid #ccc;border-bottom: 0;width:980px;height:100%;background:#fff;padding:30px 60px;margin:0px auto;overflow:hidden;} @media (max-width: 767px) {#infodestino{width: 100%;padding: 30px 10px;font-size: 12px;}} @media (min-width: 768px) {#infodestino {width:750px;}} @media (min-width: 992px) {#infodestino {width:970px}} @media (min-width: 1200px) {#infodestino {width:1170px}} #ofert {border: 1px solid #ccc;border-bottom:0;border-top:0;width:980px;height:100%;background:#fff;padding: 0px 60px;margin:0px auto;overflow:hidden;} @media (max-width: 767px) {#ofert{width:100%;padding: 10px;}} @media (min-width: 768px) {#ofert {width:750px;}} @media (min-width: 992px) {#ofert {width:970px}} @media (min-width: 1200px) {#ofert {width:1170px}} #destinationInfo, .destinationInfo {border: 1px solid #ccc;border-bottom:0;border-top:0;width:980px;height:100%;background:#fff;padding: 0px 60px;margin:0px auto;overflow:hidden;} @media (max-width: 767px) {#destinationInfo, .destinationInfo{width:100%;padding: 0 10px;font-size: 12px;}} @media (min-width: 768px) {#destinationInfo, .destinationInfo {width:750px;}} @media (min-width: 992px) {#destinationInfo, .destinationInfo {width:970px}} @media (min-width: 1200px) {#destinationInfo, .destinationInfo {width:1170px;overflow: hidden;padding-bottom: 20px;line-height: 1.25em;}} #destinationInfo a:link, .destinationInfo a:link{color:#444} #destinationInfo a:visited, .destinationInfo a:visited{color:#444} #destinationInfo em, .destinationInfo em {font-style:normal;padding-bottom:10px;display:block;} #destinationInfo h2,#destinationInfo h3, .destinationInfo h3 {font-size: 16px;line-height: 20px;font-weight: 400;margin: 10px 0 10px 0;} @media (max-width: 767px) {#destinationInfo h2, #destinationInfo h3, .destinationInfo h3 {font-size: 14px;line-height: 20px;font-weight: 400;margin: 10px 0 10px 0;}} #destinationInfo p.content, .destinationInfo p.content {} #destinationInfo p.content img, .destinationInfo p.content img {width:160px;height:120px;float:left;margin: 0 15px 10px 0;border-radius:2px;-webkit-border-radius:2px;} #accommodations {margin: 0;background-color: #ebeced;} #sidebar {width: 220px;overflow: hidden;margin-bottom: 15px;background:#fff;float:left;} @media (max-width: 767px) {#sidebar {display:none;width: 220px;overflow: hidden;margin-bottom: 15px;background:#fff;float:left;}} @media (min-width: 768px) {#sidebar {display:none;width: 220px;overflow: hidden;margin-bottom: 15px;background:#fff;float:left;}} @media (min-width: 992px) {#sidebar {width: 220px;overflow: hidden;margin-bottom: 15px;background:#fff;float:left;display: block;}} @media (min-width: 1200px) {#sidebar {width: 220px;overflow: hidden;margin-bottom: 15px;background:#fff;float:left;display: block;}} #sidebar .tab {float:left;height: 40px;font-size: 13px;font-weight: bold;padding: 0 !important;width: inherit !important;cursor:pointer;border-bottom: 1px solid #ccc;} #sidebar .active {text-decoration:underline;background-color: #0077b5;background-color: #213456;color: #fff;} #sidebar .inactive {font-weight:normal;} #browserBox { display:none; } #browserBox .item { width:220px;height:40px;float:left; } #browserBox .item .picture { width:36px;height:36px;margin:2px 2px 2px 6px;background-size:36px 36px;background-position:0px 0px;border-radius:2px;-webkit-border-radius:2px;float:left; } #browserBox .item .info { width:164px;height:16px;padding:12px 6px;font-size:16px;font-weight:normal;float:left; } #browserBox .item .info a { color:black;text-decoration:none; } #browserBox .item .info a:hover { color:black;text-decoration:underline; } #favoriteBox { display:none; height:0px;} #favoriteBox .title { width:214px;height:20px;border-bottom:1px solid #999;padding:3px;font-weight:bold;font-size:16px;color:#2c2c2c;text-shadow:1px 1px 0 #cccccc;-webkit-text-shadow:1px 1px 0 #cccccc;} #favoriteBox .item {width:220px;height:0px;} #favoriteBox .item .picture {width: 38px;height: 38px;background-size: 38px 38px;background-position:0px 0px;float:left;} #favoriteBox .item .info { width:180px;height:40px;float:left; } #favoriteBox .item .info .line1 { width:180px;height:20px;float:left; } #favoriteBox .item .info .line1 p { width:154px;height:16px;margin:3px;padding:0px;font-size:13px;overflow:hidden;float:left;cursor:pointer; } #favoriteBox .item .info .line1 div {width:10px;height:10px;margin:5px;background:url('/images/delete.png');display:block;cursor:pointer;float:left;} #favoriteBox .item .info .line2 img {float:left;width:66px;height:12px;margin-left: 5px;} #favoriteBox .item .info .line2 span { float:right;font-size:10px; } #historicBox { display:block; } #historicBox .title { width:214px;height:20px;padding:3px;padding-top:30px;border-top:1px solid #999;border-bottom:1px solid #999;font-weight:bold;font-size:16px;color:#2c2c2c;text-shadow:1px 1px 0 #cccccc;-webkit-text-shadow:1px 1px 0 #cccccc;float:left;display:none; } #historicBox .item {width: 220px;overflow:hidden;float:left;cursor:pointer;border-bottom: 1px solid #d6d4d4;} #historicBox .item .picture {width: 38px;height: 38px;background-size: 38px 38px;background-position:0px 0px;float:left;} #historicBox .item .info { width:180px;float:left; } #historicBox .item .info .line1 p { margin:3px;padding:0px;font-size:13px;float:left; } #priceby{padding: 27px;float: left;} #paginated {margin: 20px;float:right;} #paginated span {margin: 14px 20px 6px 6px;font-size:14px;text-align:center;float:left;} #paginated div {margin:5px;padding: 5px 8px;font-size:14px;text-align:center;border:1px solid #999;border-radius:2px;-webkit-border-radius:2px;float:left;} #paginated div:hover { font-weight:bold;color:#2973b8 ; border-color: #2973b8;} #bannertextfoot{float:left;border:1px solid #ddd;margin-bottom:15px;;height:100%;width:100%;} .bntanun{text-align:center;color:#676767;} .bnizq{display:inline-block;width:49%;vertical-align:top;padding:12px 25px 0 24px;} .bnder{display:inline-block;width:49%;vertical-align:top;padding:18px 0 0 4px;} #topSix { width:660px;height:386px;border:1px solid #ccc;margin:30px auto; } #topSix a { text-decoration:none; } #topSix div { width:200px;height:170px;margin:10px;float:left;background-size:200px 150px;background-position:0px 0px;background-repeat:no-repeat; } #topSix div span { width:190px;height:14px;margin:0px 0px 126px 0px;padding:5px;font-size:14px;color:white;background:#2d5dc9;display:block; } #topSix div p { width:200px;height:20px;margin:0px;padding:0px;color:#1e4a8c;text-align:center; } #credits { width:100%;margin:20px auto;clear:both; } #credits .popular { width:660px;height:186px;border:0px; } #credits .popular .cities { width:650px;height:180px;border:1px solid #ccc;padding:4px;overflow:hidden;color:#959595; } #credits .popular .cities p { margin:0px 0px 5px 0px;padding:0px;text-align:center;font-weight:bold;color:#959595; } #credits .popular .cities a { width:124px;margin:3px;overflow:hidden;color:black;text-decoration:none;float:left;color:#959595; } #credits .popular .cities a:hover { color:#000000; } #credits div { width:900px;margin:0px auto; } #credits div h1 { font-size:18px;font-weight:bold;color:#2c2c2c;text-shadow:1px 1px 0 #cccccc;-webkit-text-shadow:1px 1px 0 #cccccc;} #credits div h2 { font-size:16px;font-weight:bold;color:#2c2c2c;text-shadow:1px 1px 0 #cccccc;-webkit-text-shadow:1px 1px 0 #cccccc;} #credits div .left { width:445px;margin-right:5px;text-align:left;float:left; } #credits div .right { width:445px;margin-left:5px;text-align:left;float:left; } #credits .scrollpie { width:900px;height:150px;padding:0px;border:1px solid #EEE;text-align:justify;overflow:auto; } #credits .scrollpie h3 { font-size:18px;font-weight:bold;color:#2c2c2c;text-shadow:1px 1px 0 #cccccc;-webkit-text-shadow:1px 1px 0 #cccccc;} #credits .scrollpie a { color:black;text-decoration:none; } #credits .scrollpie a:hover { color:grey;text-decoration:underline; } #pophoteles {border: 1px solid #ccc;border-top: 0;width: 980px;height: 100%;background: #fff;padding: 30px 60px;margin: 0px auto;margin-bottom: 40px;overflow:hidden;} @media (max-width: 767px) {#pophoteles{width:100%;padding: 30px 10px;font-size: 12px;}} @media (min-width: 768px) {#pophoteles {width:750px;}} @media (min-width: 992px) {#pophoteles {width:970px}} @media (min-width: 1200px) {#pophoteles {width:1170px}} #pophoteles ul li{list-style:none;width: 33%;float: left;} #pophoteles p {font-weight:bold;padding: 20px 0;border-top: 1px solid #ccc;color: #777;} #pophoteles .mashoteles {overflow:hidden;} #pophoteles .mashoteles a {width: 100%;line-height: 24px;padding: 0 4px;text-decoration:none;float:left;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} @media (max-width: 767px) {#pophoteles .mashoteles a{line-height:16px;margin:4px;}} #pophoteles .mashoteles a:hover { color:#000000; } #popcities {border: 1px solid #ccc;border-top: 0;width: 980px;height: 100%;background: #fff;padding: 30px 60px;margin: 0px auto;margin-bottom: 40px;overflow:hidden;} @media (max-width: 767px) {#popcities{width:100%;padding: 30px 10px;font-size: 12px;}} @media (min-width: 768px) {#popcities {width:750px;}} @media (min-width: 992px) {#popcities {width:970px}} @media (min-width: 1200px) {#popcities {width:1170px}} #popcities ul li{list-style:none;width: 33%;float: left;} #popcities p {font-weight:bold;padding: 20px 0;border-top: 1px solid #ccc;color: #777;} #popcities .mashoteles {overflow:hidden;} #popcities .mashoteles a {width: 100%;line-height: 24px;padding: 0 4px;text-decoration:none;float:left;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} @media (max-width: 767px) {#popcities .mashoteles a{line-height:16px;margin:4px;}} #popcities .mashoteles a:hover { color:#000000; } #breadcrumb {box-sizing: border-box;width: 980px;height: 30px;margin:0px auto} @media (max-width: 767px) {#breadcrumb{width:100%;height: inherit;font-size: 12px;float: left;}} @media (min-width: 768px) {#breadcrumb{width:750px;}} @media (min-width: 992px) {#breadcrumb{width:970px}} @media (min-width: 1200px) {#breadcrumb{width:1170px;padding-left: 45px;}} #breadcrumb strong{color: #8b8f92;} #breadcrumb .breadcrumbs {list-style:none; padding:0px;} #breadcrumb .breadcrumbs li {float: left;font-size:14px;margin-bottom:15px;height:30px;line-height:30px;overflow:hidden;margin-left:15px;text-overflow:ellipsis;white-space:nowrap;} @media (max-width: 767px) {#breadcrumb .breadcrumbs li{font-size:12px}} #breadcrumb .breadcrumbs li a { color: #444;text-decoration: none } #breadcrumb .breadcrumbs li a:hover { color: #0266c8;font-weight: bold} #breadcrumb .breadcrumbs li .arrow {width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #555;display:inline-block;margin-left:10px; } #share {position:relative;width:60px;border:1px solid #bbb;border-radius:2px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.14);height:120px;background:white;z-index:1000;display:none;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} #share:after { position:absolute;bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;border-color:rgba(205, 254, 10, 0);border-bottom-color:#6CDFEA;border-width:7px;margin-left:-7px; } #share .twitter { width:60px;height:40px;background:#6CDFEA;background-image:url('/images/share/twitter.png');background-size:16px 16px;background-position:22px 12px;background-repeat:no-repeat;float:left;cursor:pointer; } #share .twitter:hover { background-image:url('/images/share/twitter_hover.png'); } #share .facebook { width:60px;height:40px;background:#3B5998;background-image:url('/images/share/facebook.png');background-size:16px 16px;background-position:22px 12px;background-repeat:no-repeat;float:left;cursor:pointer; } #share .facebook:hover { background-image:url('/images/share/facebook_hover.png'); } #share .google { width:60px;height:40px;background:#E34429;background-image:url('/images/share/gplus.png');background-size:16px 16px;background-position:22px 12px;background-repeat:no-repeat;float:left;cursor:pointer; } #share .google:hover { background-image:url('/images/share/gplus_hover.png'); } #youBox { position:fixed;width:640px;height:390px;z-index:100;-webkit-box-shadow:0px 0px 20px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 20px 0px rgba(50, 50, 50, 0.75); } #youBox .close { position:absolute;width:22px;height:22px;z-index:110;float:left;margin:-14px 0px 0px 638px;cursor:pointer;background:url('/images/closev.png'); } #youBox iframe { position:absolute;width:640px;height:390px;z-index:105;border:0px;background:black;float:left; } #ICOnavigationMenu { padding-left: 0px !important; margin-top: 0px !important;background: #fff;} #ICOnavigationMenu li {list-style:none;padding: 2px 4px;border-bottom: 1px solid #f5f5f5;} #ICOnavigationMenu li:hover { list-style:none; padding:2px 10px;background-color: #f5f5f5;} #ICOnavigationMenu span {width:0px;left:40px;position:relative;line-height:40px;color: #444;padding:10px 0 10px 10px;} #ICOnavigationMenu a {height: 40px;width: inherit;display:block;position:relative;text-decoration:none;} #unpax {background:url('/images/1persons.png') no-repeat;background-size: 26px;background-position: 15px;} #dospax {background:url('/images/2persons.png') no-repeat;background-size: 26px;background-position: 15px;} #trespax {background:url('/images/3persons.png') no-repeat;background-size: 26px;background-position: 15px;} #cuatropax {background:url('/images/4persons.png') no-repeat;background-size: 26px;background-position: 15px;} #ICOnavigationMenu a:hover span {width: 220px;border-radius: 0 3px 3px 0;visibility:visible;} #ICOnavigationMenu a:hover{ border-radius: 3px 0 0 3px; } #pax {background: #fff; z-index:2000;} #icoflex {display:flex;flex-wrap:wrap;overflow:hidden;margin: 0 auto;padding-bottom: 10px;} @media (max-width: 767px) {#icoflex{width: 95%;}} @media (min-width: 768px) {#icoflex{width: 668px;padding-left: 100px;}} @media (min-width: 992px) {#icoflex{width: 827px;padding-left: 277px;}} @media (min-width: 1200px) {#icoflex{width: 705px;padding-left: 156px;}} #resumen {padding-left: 10px;margin: 2px 52px auto;overflow:hidden;background:white;border-radius: 2px;} #resumen span {margin:9px 5px;color:#fff;padding:4px 6px;font-weight:bold;background-color: #F3A05C;float:left;} #paxes {overflow:hidden;background:white;box-shadow: 1px 2px 3px rgba(40,50,60,.5);min-height:0px;height:0px;width: 150px;visibility:hidden;} @media (max-width: 767px) {#paxes { margin-left: 60%; }} @media (min-width: 768px) {#paxes {}} @media (min-width: 992px) {#paxes {}} @media (min-width: 1200px) {#paxes {}} #paxes .flech:after {content: "";display: block;position: absolute;/* left: 0; */bottom: 100%;width: 0;height: 0;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;} @media (max-width: 767px) {#paxes .flech:after{margin-left: 10%;}} @media (min-width: 768px) {#paxes .flech:after{}} @media (min-width: 992px) {#paxes .flech:after{}} @media (min-width: 1200px) {#paxes .flech:after{}} #paxes .flech:before {border-bottom-color:#998;border-width:9px;display: none;} #mashabitacion {padding: 0 25px 0 25px;height:0;overflow:hidden;background:white;box-shadow: 1px 2px 3px rgba(40,50,60,.5);width:515px;visibility:hidden;} @media (max-width: 767px) {#mashabitacion{width: 95% !important}} @media (min-width: 768px) {#mashabitacion{width:416px !important;}} @media (min-width: 992px) {#mashabitacion{width: 398px !important;}} @media (min-width: 1200px) {#mashabitacion{width:515px}} #mashabitacion h3 {padding:0;margin:5px 0;font-size:14px;} #infohab p {border-top:1px solid #ccc;padding-top:10px;} #infohab select {padding-left:5px;width:45px;height:22px;} #botonera .submitbtn {margin: 26px 5px; letter-spacing: 1px;background: #fff;border: 1px solid #ccc;cursor:pointer;} #botonera #botonmas {float:left;margin-left: 38px;height:29px;line-height: 29px;font-size:14px;border-radius:3px;padding:0 15px 0 15px;} #botonera #botonmas:hover {color:#0266c8} #botonera #botonconf {float:right;line-height: 29px;font-size:14px;border-color: #888;border-radius:3px;padding:0 15px 0 15px;} #botonera #botonconf:hover {color:#0266c8} #cuantosadultos, #cuantosninyos, #elimina {padding-left:30px;} #footer {background-color: #416C84;background-color: rgba(201, 212, 218, 0.15);background-color: #fff;background-color: #213453;border-top: 4px solid #e86b1b;border-bottom:0;text-align:center;line-height:1.64;color: #fff;clear: both;padding: 0 5%;} @media (max-width: 767px) {#footer{padding:0 5px;}} @media (min-width: 768px) {#footer{padding:0 5px;}} @media (min-width: 992px) {#footer{padding:0 5px;}} @media (min-width: 1200px) {#footer{padding:0 5%;}} #footer h4 {margin-bottom:0px;} #foota,#footcont2 {margin:0 auto;overflow:hidden} @media (min-width: 768px) {#foota,#footcont2 {width: 700px;}} @media (min-width: 992px) {#foota,#footcont2 {width:970px}} @media (min-width: 1200px) {#foota,#footcont2 {width:1170px;}} #foota .footreg{margin-top: 10px;} .footreg .newsletters{width:100%;background-color: #fff;background-color: #213453;} @media (max-width: 767px) {.footreg .newsletters{}} @media (min-width: 768px) {.footreg .newsletters{padding:15px}} @media (min-width: 992px) {.footreg .newsletters{padding:15px}} @media (min-width: 1200px) {.footreg .newsletters{padding:15px}} .newlet {display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left;} @media (max-width: 767px) {.newlet{display:inherit;}} @media (min-width: 768px) {.newlet{}} @media (min-width: 992px) {.newlet{}} @media (min-width: 1200px) {.newlet{}} .newlet .footegtu{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis: 50%;margin-bottom:0;} .newlet .footegtu span{} @media (max-width: 767px) {.newlet .footegtu span{padding-left: 10px;}} @media (min-width: 768px) {.newlet .footegtu span{}} @media (min-width: 992px) {.newlet .footegtu span{}} @media (min-width: 1200px) {.newlet .footegtu span{}} .newlet .footegtu .enap{float:left;font-size: 12px;line-height: 25px;width: 100%;background: #fff;background-color: #213453;} @media (max-width: 767px) {.newlet .footegtu .enap{padding:0 0 0 10px;margin-bottom:0;line-height:inherit;}} @media (min-width: 768px) {.newlet .footegtu .enap{}} @media (min-width: 992px) {.newlet .footegtu .enap{}} @media (min-width: 1200px) {.newlet .footegtu .enap{}} .newlet .footegtu .enap .chec{margin-right:5px;height:14px;width:14px;display:block;float:left;margin-top:6px;} .refu .newfo{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;padding-left:16px;padding-top: 10px;display:-webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;float:left;} @media (max-width: 767px) {.refu .newfo{width: 100%;padding-left:inherit;height: 60px;}} .refu .newfo label{padding: 10px 5px 10px 2px;min-width: 81px;text-align: right;background: #213153;margin-bottom: 0;} @media (max-width: 767px) {.refu .newfo label{padding: 10px 0 10px 0;margin-bottom: auto;display: none;}} #email{min-width:200px;padding: 0 10px;width:100%;border: none;} #submit.env{cursor:pointer;background-color: #4494da;min-width: 95px;border: none;color: #fff;} #submit.env:hover{background-color: #07c;} #footcont .hvcol {height: 6px;width: 99%;margin: 10px 0;display: inline-block;margin-left: 0%;} #footcont .hvcol::after{content:"";float: right;margin-top: 1px;background-color: #00933B;height: 1px;width: 49.5%;display: inline-block;} #footcont .hvcol::before{content:"";float:left;margin-top: 1px;background-color: #0266c8;height: 1px;width: 49.5%;display: inline-block;} #foota .hvcol {height: 6px;width: 99%;margin: 10px 0 10px 0;display: inline-block;margin-left: 0%;} #foota .hvcol::after{content:"";float: right;margin-top: 1px;background-color: #00933B;height: 1px;width: 49.5%;display: inline-block;} #foota .hvcol::before{content:"";float:left;margin-top: 1px;background-color: #0266c8;height: 1px;width: 49.5%;display: inline-block;} .flagsdentro {margin: 10px 0;float: left;width: 100%;} .flagsdentro ul li{float:left;padding-right:5px;} .flagsdentro .locale_langs ul li{margin: 2px 3.7%;} .locale_langs ul li.fb {padding: 0px 0px 4px 24px;background: url("/images/social/fb.png") no-repeat top left;background-position: 3px 3px;} .locale_langs ul li.tw {padding: 0px 0px 4px 24px;background: url("/images/social/tw.png") no-repeat top left;background-position: 3px 3px;} .locale_langs ul li.li {padding: 0px 0px 4px 24px;background: url("/images/social/li.png") no-repeat top left;background-position: 3px 3px;} .locale_langs ul li.gl {padding: 0px 0px 4px 24px;background: url("/images/social/gl.png") no-repeat top left;background-position: 3px 3px;} .locale_langs ul li.in {padding: 0px 0px 4px 24px;background: url("/images/social/in.png") no-repeat top left;background-position: 3px 3px;} .locale_langs ul li.yu {padding: 0px 0px 4px 24px;background: url("/images/social/yu.png") no-repeat top left;background-position: 3px 3px;} .locale_langs ul li.pi {padding: 0px 0px 4px 24px;background: url("/images/social/pi.png") no-repeat top left;background-position: 3px 3px;} #footcont ul {padding: 0;margin:0;list-style-type:none;} #footcont ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #footcont .flagsdentro ul li{/* color:#5b7ce2; */color: #fff;} #footcont a {color: #5b7ce2;color: #fff;text-decoration:none;font-size: 14px;} #footcont p {margin:0;width: 95%;font-size: 12px;padding: 5px 0px;} #footcont a:hover {;color: #e86b1b;} #footcont .foota {margin:0 auto;text-align:left;} #footcont {height:auto;margin:0 auto;float:left;padding:0} @media (min-width: 768px) {#footer .foota, .footcont {}} @media (min-width: 992px) {#footer .foota, .footcont {}} @media (min-width: 1200px) {#footer .foota, .footcont {width:1170px;}} .footcont:before {content: " ";display: table;} .footcont:after {content: " ";display: table;} :before {box-sizing: inherit;} :after {box-sizing: inherit;} #footcont .international {float:left;width: 24%;padding: 5px;position: relative;} #footcont .international h4 {padding: 0;font-size: 1.6em;font-weight: 400;} #footcont .international2 {float: left;width: 100%;padding: 5px;position: relative;} #footcont .international2 .boxlogo{box-sizing: border-box;float:left;padding:0 10px;position:relative;width:33.33333%;min-width: 120px;text-align:left;} .logofoot img{display:block;margin:15px 0 10px 0;background-size:100%;background-repeat:no-repeat;} .comparador{width:202px;font-size:12px;} #footcont .international2 span.inter{padding:0;display:block;color: #fff;margin:15px 0 0 0;font-size:16px;} #footcont .internationall {float: left;width: 100%;padding: 5px;position: relative;} #footcont .internationall span.inter{padding:0;display:block;color: #fff;margin:15px 0 0 0;font-size:16px;} #footcont .internationall .boxflagss .flags .flagsdentro ul li{margin: 2px 0.68%;width: 23%;min-width: 270px;cursor: pointer;} #footcont .internationall .boxflagss .flags .flagsdentro ul li:hover{color:#e86b1b;} #footcont .internationall .boxflagss{float:left;width:100%} #footcont .internationall .boxflagss .flags{float:left;width:100%} #footcont .logwh {float: left;width: 24%;padding: 5px;position:relative;} #footcont .logwh .white-logo {background-image: url("/images/hotelvoy-light.png");height: 44px;width:150px;display: block;margin-top: 40px;} #footcont2 {color: #fff;padding: 10px 15px 20px 15px;} #footcont2 .international2{float:left;width:100%;padding:5px;position:relative;} #footcont2 a {color: #5b7ce2;color: #fff;} #footcont2 ul li{float:left;width: 15%;min-width: 170px;list-style: none;margin: 2px 2.1%;} #footcont2 ul span{color: #5b7ce2;color: #fff;cursor: pointer;} #footcont2 ul span:hover {color:#e86b1b;} #footcont2 .buscador{margin:10px;float:left;width:100%;} #footcont2 strong.inter {padding:0;display:block;color: #5b7ce2;color: #fff;margin:15px 0 0 0;font-size:16px;} #footcont2 .ff{float: left;width: 100%;} #footcont2 .comparador{float: left;width: 100%;} #footcont .boxflags {width: 66.6666%;margin: 0px auto;padding: 0 10px;float: left;position: relative;} #footcont .hvcol {height: 6px;width: 99%;margin: 10px 0;display: inline-block;margin-left: 0%;} #footcont .hvcol::after{content:"";float: right;margin-top: 2px;background-color: #00933B;height: 1px;width: 49.5%;display: inline-block;} #footcont .hvcol::before{content:"";float:left;margin-top: 2px;background-color: #0266c8;height: 1px;width: 49.5%;display: inline-block;} #boxflags { width:100%;margin: 0px auto;clear:both;} .boxflags .flags {margin:auto;} .boxflags .flags .flagsdentro {padding:3px;overflow:hidden;color:#959595;} .boxflags .flags .flagsdentro p { margin:0px 0px 5px 0px;padding:0px;text-align:center;font-weight:bold;color:#959595; } .boxflags .flags .flagsdentro a {width:initial;margin: 3px 0 3px 15px;overflow:hidden;text-decoration:none;float:left;color:#959595;color: #fff;} .boxflags .flags .flagsdentro a:hover {color:#e86b1b;} .boxflags .flags .flagsdentro a img {margin-right:10px;} .boxflags .flags .flagsdentro img {float:left;margin: 6px 10px 6px 15px;cursor:pointer;} .boxflags .flags .flagsdentro span.fter{float:left;margin-top: 3px;cursor:pointer;} .boxflags .flags .flagsdentro span.fter:hover{color:#e86b1b} .boxflags div ul{list-style:none;} .boxflags div ul li {width: 185px;float:left;font-size: 14px;padding-right:15px;} #resumen {padding-left: 10px;margin: 0 auto;height: inherit;background:white;border-radius: 2px;} @media (max-width: 767px) {#resumen {padding-left:2px;}} @media (min-width: 768px) {#resumen {padding-left:1px;}} @media (min-width: 992px) {#resumen {float:left;width:52%;}} @media (min-width: 1200px) {#resumen {}} #resumen .sig{overflow:hidden;box-sizing:inherit;display:block;float:left;} #resumen span {margin: 10px 0px;padding: 2px 4px;float:left;} #resumen .sig span.a {color:#0266c8;} #resumen .sig span.b {color:#129a21;} #resumen .sig span.c {color: #e86b1b;} #resumen .prtot{width: 40%;overflow: hidden;margin: 0 auto;} @media (max-width: 767px) {#resumen .prtot{width: 95%;font-size:12px;}} @media (min-width: 768px) {#resumen .prtot{}} @media (min-width: 992px) {#resumen .prtot{}} @media (min-width: 1200px) {#resumen .prtot{}} #resumen .prtot span.d{width: 100%;font-weight:normal;text-align:center;} #resumen p {text-align:center;padding: 10px;} @media (max-width: 767px) {#resumen p{padding:0;font-size: 12px;}} @media (min-width: 768px) {#resumen p{padding: 10px;}} @media (min-width: 992px) {#resumen p{padding:10px;}} @media (min-width: 1200px) {#resumen p{padding:10px;}} #toTop { position:fixed; bottom: 40px; font-size:12px ;background-color: #777; right:15px; color: #fff; display:none;cursor:pointer; padding: 5px 10px 5px 10px;} #toTop:hover {background-color:#0266c8} /* PhotoGallery */ #PhotoGalleryOverlay { width:100%;height:100%;position:fixed;top:0;left:0;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";;z-index:65555;display:none;background:black; } #PhotoGalleryBox { position:absolute;top:0;left:0;border:1px solid #ccc;z-index:65557;display:none;background-size:100% 100%;background-position:0px 0px;border-radius:10px;-webkit-border-radius:10px; } /* Mapa */ #mapMark { width:271px;height:165px;overflow:hidden; } #mapMark .close { width:12px;height:12px;position:absolute;top:0px;right:0px;background:red;z-index:20000; } #mapMark .left { width:175px;height:173px;float:left;border-right:1px solid #ccc; } #mapMark .left .name { width:163px;height:120px;margin-top:0px;padding:10px 10px 5px 2px;line-height:130%; } #mapMark .left .name img{ width: 66px; height: 12px; } #mapMark .left .favicon { width:172px;height:16px;padding:0px 0px 3px 20px;background:url('/images/Heart-icon3.png') no-repeat;float:left;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";;cursor:pointer; } #mapMark .left .favicon:hover {opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #mapMark .left .favicon2 { width:172px;height:16px;padding:0px 0px 3px 20px;background:url('/images/Heart-icon2.png') no-repeat;background-size:16px;float:left;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:pointer; } #mapMark .left .favicon2:hover {opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #mapMark .right { width:95px;float:left; } #mapMark .right .picture { width:95px;height:66px;margin-top:0px;float:left;background-size:100% 100%;border-top-right-radius:2px;-webkit-border-top-right-radius:2px;} #mapMark .right .deals { width:95px;float:left; } #mapMark .right .deals .prices { width:90px;height:55px;margin-bottom:5px;padding-top:5px;float:left; } #mapMark .right .deals .prices .name { margin:0px;padding:0px;text-align:center;font-size:12px;font-weight:bold; } #mapMark .right .deals .prices .worse { margin:0px;padding:0px;text-align:center;font-size:16px;color:red;text-decoration:line-through; } #mapMark .right .deals .prices .best { margin:0px;padding:0px;text-align:center;font-size:14px;color:green;font-weight:bold; } #mapMark .right .deals .button {width:90px;height: 20px;margin:0px 0px 0px 3px;color:#eee;float:left;background: #e46310;/* border: 1px solid #ccc; */border-radius:2px;-webkit-border-radius:2px;cursor:pointer;} #mapMark .right .deals .button:hover { color:#bbb; } #mapMark .right .deals .button span {margin: 3px 0px 0 4px;font-size:12px;font-weight:bold;float:left;color: #fff;} #mapMark .right .deals .button img {width: 7px;height: 12px;margin: 4px 4px 0 0;float:right;} /* Scrollbar */ .scrollbar { width:7px;position:absolute;top:0px;left:0px;padding:0px 2px; } .scrollbar .knob { background:#666;width:7px;height:50px;margin:0px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } .scrollbar .knob:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Autocompleter */ ul.autocompleter-choices {position:absolute;margin:0;overflow-y: auto !important;width: 460px;min-width:100px;max-height: 450px;padding:0;list-style:none;border: 1px solid #ccc;box-shadow:0 5px 10px rgba(0,0,0,.2);background-color:#fff;text-align:left;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;z-index:1500;} @media (max-width: 767px) {ul.autocompleter-choices{width: 80%;}} @media (min-width: 768px) {ul.autocompleter-choices {width:700px;}} @media (min-width: 992px) {ul.autocompleter-choices{width:390px}} @media (min-width: 1200px) {ul.autocompleter-choices{width:460px}} ul.autocompleter-choices li {position:relative;overflow:hidden;text-overflow:ellipsis;margin:1px;padding: 8px 16px 8px 8px;color:#444;display:block;float:none !important;cursor:pointer;font-weight:normal;white-space:nowrap;font-size:1em;line-height:1.5em;} ul.autocompleter-choices li span.nombre {height:20px;padding-left: 10px;font-size:16px;line-height:17px;color:#444;} ul.autocompleter-choices li span.resto {font-size:12px;padding-left: 27px;color:#888;display: block;} ul.autocompleter-choices li.autocompleter-selected {background-color:#eee;color:#444;} ul.autocompleter-choices span.autocompleter-queried { display:inline;float:none;font-weight:bold;margin:0;padding:0; } ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color:#000; } .autocompleter-loading { background-image:url(../Original/images/spinner.gif);background-repeat:no-repeat;background-position:right 50%; } textarea.autocompleter-loading { background-position:right bottom; } /* cookies */ @keyframes desaparecer {0% {bottom:0px;} 80% {bottom:0px;} 100% {bottom:-40px;}} @keyframes aparecer {0% {bottom:-28px;} 10% {bottom:0px;} 90% {bottom:0px;} 100% {bottom:-28px;}} #cookiesms1:target {display:none;} .cookiesms{width:90%;height:33px;margin:0 auto;padding-left:1%;padding-top:5px;font-size:12px;clear:both;color:#333;bottom:-40px; position:fixed;left:0px;background-color:#FFF;opacity:0.7;transition:bottom 1s;-webkit-transition:bottom 1s;-webkit-box-shadow:2px -2px 1px rgba(50, 50, 50, 0.56);box-shadow:2px -2px 1px rgba(50, 50, 50, 0.56);z-index:999999;} .cookiesms:hover{bottom:0px;} .cookies2{background-color:#FFF;display:inline;opacity:0.95;position:absolute;left:1%;top:-20px;font-size:12px;height:20px;padding-left:25px; padding-right:25px;-webkit-border-top-right-radius:15px;-webkit-border-top-left-radius:15px;border-top-right-radius: 15px;border-top-left-radius:15px;-webkit-box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);} .difuminado {opacity:0.7;cursor:no-drop !important} /* menu dropdown */ .dropdown-menu{position:absolute;top: 60px;display:none;z-index:5000;} .relative{ position:relative; }