@CHARSET "UTF-8";

.overRichiesta { background: #fff; border: 1px solid #c1c1c1; color: black; font-family: arial; font-size: 13px; font-weight: normal; line-height: 140%; padding: 8px 10px; z-index: 6; }
div.overRichiesta span { color: #4e7dc7; font-weight: bold; }

div#operatore { float: left; padding: 0 0 20px 10px; width: 817px; } /* OK */

div#operatore h1 { color: #4e7dc7; font-family: "Roboto", sans-serif; margin: 5px 0 0; text-align: left; }
div#operatore h1 > a { color: #4e7dc7; text-decoration: none; }
div#operatore h1 > a:hover { text-decoration: none; }

h1.titolo_d { font-size: 22px; } /* OK */

p.likeTitolo { color: #4e7dc7; display: inline; font-size: 22px; font-weight: bold; margin: 5px 0 0; }

div#operatore h2 { color: #4e7dc7; font-family: "Open Sans", sans-serif; font-size: 18px; margin: 5px 0;  text-align: center; }

p.likeH2 { color: #4e7dc7; font-size: 18px; font-weight: bold; text-align: center; }

a.textlink { color: #4e7dc7; text-decoration: none; }
a.textlink:hover { text-decoration: underline; }

span.hpOpLivelloServizio { display: inline; position: relative; top: -6px; }
span.hpOpLivelloServizio img { height: 13px; }

div#reduceHeadVuoto { display: none; width: 820px; }

div#completeHeadOp {
	background-color: white;
	min-height: 77px;
	padding-top: 10px;
	position: relative;
	top: 0;
	width: 820px;
	z-index: 16;
}
div#completeHeadOp h1 { display: inline; }

div#opWidgetHpDx  { float: right; margin: 0; padding: 0; padding-right: 4px; text-align: right; }
/* { RECENSIONI_HPOP_EL_20210901 */
.recensioniGiudizio {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.recensioniVoto  {
	position: relative;
	display: inline-block; 
	width: 70px; 
	height: 25px;
	background-image: url(https://images.yesalps.com/static/widgets/smile-voto.svg);
	background-repeat: no-repeat;
	margin: 0 4px 0 0; 
	padding: 0; 
}

.recensioniVoto > span {
	position: absolute;
    top: 4px;
    right: 3px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    width: 31px;
    height: 16px;
    font-weight: 600;
    font-size: 13px;
    color: #4e7dc7;
    background: white;
}

.recensioniBtn {
	position: relative;
	padding-left: 35px;
}

.recensioniBtn > img {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
}
/* RECENSIONI_HPOP_EL_20210901 } */
div.wdgtYAhpOp { cursor:pointer; position: relative; }
div.wdgtYAhpOp > div { display: inline-block; }
div.wdgtYAfumetto { background-image: url('https://images.yesalps.com/static/widgets/fumetto_circuito.png'); background-repeat: round; margin-left: -2px; padding: 2px 10px 2px 13px; }
div.wdgtYAhpOp > div.wdgtYAfumetto > p { color: #4e7dc7; font-size: 13px; font-weight: 600; margin: 0; padding: 0; }
div.wdgtYAhpOp > div[data-wdgt="leggi"] > img { margin-bottom: -7px; width: 25px; }
div.wdgtYAhpOp > div[data-wdgt="scrivi"] img { margin-bottom: -5px; margin-left: 3px; width: 20px; }


div#giaContattatiHpOp { position: absolute; bottom: 35px; right: 7px; font-size: 12px; margin: 4px 0; z-index: 60; }
a.hpOpBustineGiaContattata { margin-left: 3px; }

div#alignContainer { position: absolute; bottom: 3px; right: 0px; z-index: 50; } /* aggiunto per miglior offerta */
div#richiediOff { position: absolute; bottom: 3px; right: 4px; z-index: 50; }
div#alignContainer > div#richiediOff { position: relative; bottom: 0px; }

div.richiediOffertaDesktop {
	background-color: #4e7dc7 !important;
	border-radius: 5px;
	height: 35px;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
div.richiediOffertaDesktop a {
	color: #fff !important;
	display: block;
	font-size: 18px !important;
	font-weight: bold;
	padding: 5px 15px;
	text-decoration: none; 
}
div#miglioreOff {
	position: relative;
	bottom: 3px;
	border: 1px solid #c1c1c1;
	font-size: 12px;
	margin-right: 8px;
	text-align: center;
	z-index: 50;
}
div#miglioreOff a { color: #008000; text-decoration: none; }

div.bottone2Big_d { padding: 0; text-align: center; }
div.bottone2Big_d a { color: #4e7dc7 !important; display: block; padding-top: 8px; text-decoration: none !important; }

div.completeHeadOpRec { height: 25px; }
div.richiediOffRec { top: 5px; }

div.titoliDivs { clear: both; height: 30px; margin: 0 !important; padding: 55px 0 0 !important; text-align: left !important; }
div.titoliDivsRic { float: right; }
div.titoliDivsRicDx { float: left; margin-top: 15px; height: 42px; padding-right: 10px; }
div.titoliDivs p { color: #4e7dc7; font-weight: bold; }
p.titoliDivs_d { font-size: 22px !important; line-height: 120% !important; margin-top: 10px; }

div#datiHead { clear: both; font-size: 14px; padding: 0; position: relative; }
div#datiHead p { font-size: 12px; line-height: 150%; margin: 0; }
div#datiHead a, div#datiHead a:visited { color: black; text-decoration: none; }
div#datiHead a:hover { color: #4e7dc7; text-decoration: underline; }

.telefonoPremium { cursor: pointer; }
.telefonoPremium:hover { text-decoration: underline; color: #4e7dc7; }

div#navOp {
	background-color: white;
	clear: both;
	color: #4e7dc7;
	font-family: "Open Sans",sans-serif;
	font-size: 14px;
	padding: 5px 0 5px 0;
	text-align: left;
	width: 817px;
	position: static;
	top: 42px;
	z-index: 16;
}

div#navOp table { border-collapse: collapse; width: 100%; } 
div#navOp table td { background-color: #e6ebf2; border-right: solid 2px white; padding: 5px 0; text-align: center; }
div#navOp table td:last-child { border-right: none;}
div#navOp table td a, div.navOp, div#navOp table td a:visited { color: #4e7dc7; padding: 5px 23px; text-decoration: none; }
div#navOp table td span { color: white; padding: 5px 18px; }
div#navOp table td.navActive:hover, div#navOp table td.navActive:hover a { background-color: #4e7dc7; color: white; }

div#navOp ul { background-color: #e6ebf2; margin: 0; padding: 6px 0 5px; width: 100%; }
div#navOp ul li { background-color: #e6ebf2; border-right: solid 2px white; display: inline; list-style-type: none; padding: 6px 0 5px; text-align: center; }
div#navOp ul li:first-child { padding-left: 10px; }
div#navOp ul li:last-child { border-right: none; padding-right: 10px; }
div#navOp ul li a, div.navOp, div#navOp ul li a:visited { color: #4e7dc7; padding: 6px 23px 5px; text-decoration: none; }
div#navOp ul li span { color: white; padding: 6px 18px 5px; }
div#navOp ul li.navActive:hover, div#navOp ul li.navActive:hover a { background-color: #4e7dc7; color: white; }

div#hpAltriOpeBrochure_d  { background-color: #ededed; margin-top: 10px; padding: 10px; }
div#hpAltriOpeBrochure_d > p { color: #4e7dc7; font-size: 14px; line-height: 120%; text-align: center; }

div.sez , div.sezbor, div.sezborNoName { clear: both; margin: 0; padding: 15px 0 60px 0; }
div.sezbor, div.sezborNoName { border-bottom: solid 1px #4e7dc7; }
div.sezborSup { border-top: solid 1px #4e7dc7; margin-top: 20px; }

div#pres { line-height: 125%; }
div#pres a { color: #4e7dc7; text-decoration: none; }
div#pres a:hover { text-decoration: underline; }

div.imgcontainer { margin: 20px 0; position: relative; width: 817px; }
div.images { background: #ededed; display: table-cell; width: 600px; height: 450px; text-align: center; vertical-align: middle; }
div.images img { max-height: 100%; max-width: 100%; vertical-align: middle; }
img.imgIndietro { background: white; position: absolute; bottom: 10px; left: 460px; z-index: 2; }
img.imgAvanti { background: white; position: absolute; bottom: 10px; left: 550px; opacity: 0.3; z-index: 2; }
div.thumbs { background-color: #ededed; display: table-cell; width: 207px; height: 450px; font-size: 16px; padding-left: 10px; text-align: left; vertical-align: middle; }
div.thumbs img.w34 { width: 34px; height: 22px; }
div.thumbs img.w45 { width: 45px; height: 30px; }
div.thumbs img.w60 { width: 60px; height: 40px; }
div#dida { font-size: 12px; font-style: italic; line-height: 115%; padding: 8px 10px 5px 0; text-align: left; position: absolute; top: 0; right: 0; width: 198px; }

div.imgcontainer img.imgIndietro, div.imgcontainer img.imgAvanti, div.imgcontainer div.fullscreen-pres {
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	opacity: 0.3;
}
div.imgcontainer:hover img.imgIndietro, div.imgcontainer:hover img.imgAvanti, div.imgcontainer:hover div.fullscreen-pres {
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	opacity: 0.8;
}

.didaDesktopHover { background-color: white; border: solid 1px lightgrey; font-size: 14px; padding: 10px; width: 560px; }
img#didaDesktop { display: none; position: absolute; bottom: 0; left: 600px; }
div#video div { margin: auto; padding-bottom: 15px; text-align: center; }

div#presLaterale { margin-top: 10px; }
div#prefRecensioni { margin-bottom: 10px; }

div.prefRecLaterale { border: solid 1px #4e7dc7; font-size: 14px; line-height: 100%; padding: 10px; text-align: center; width: 180px; }
div.prefRecLaterale br { display: block; margin: 2px 0; }
div.prefRecLaterale span:last-child { font-size: 12px; }

div#carat { clear: both; padding-top: 10px; }
.caratteristiche table { border-collapse: collapse; margin-top: 20px; width: 100%; }
.caratteristiche table tr { border-bottom: solid 1px lightgrey; }
.caratteristiche table tr td { padding: 5px; }
.caratteristiche table tr td:first-child  { font-size: 12px; text-align: left; text-transform: uppercase; white-space: nowrap; }
.caratteristiche div { font-family: "Open Sans", sans-serif; font-size: 11px; }

#hpOpNotaCaratt { color: #4e7dc7; font-weight: bold; cursor: pointer; }
span.carattNoteOver_d { background: #fff; border: 1px solid #c1c1c1; font-family: arial; font-size: 12px; padding: 2px 5px; white-space: nowrap; }

.blockTitleEvi { font-weight: bold; }

.vediAnche { margin-bottom: 25px; font-size: 14px; }
.vediAnche a { color: #4e7dc7; text-decoration: none; }
.vediAnche a:hover { text-decoration: underline; }
.vediAnche i, #webcam i { color: #787878; }

#webcam { font-size: 14px; margin-left: -10px; }
#webcam i { color: #787878; }
#webcam a { display: inline-block; padding: 5px 10px; line-height: 20px; }

div#descr { padding: 10px 9px 0 0; }
div.descrDesktop { overflow: hidden; text-align: justify; width: 600px; }
div.descrDesktop ul { list-style-type: circle; margin: 0 1em; padding: 0; padding-top: 10px; }

span.tratOff { color: lightgrey; font-weight: bold; padding-left: 10px; }
span.tratOn { color: #4e7dc7; font-weight: bold; padding-left: 10px; }
span.tratHover, span.pzHover { background: #fff; border: 1px solid #c1c1c1; font-family: arial; font-size: 12px; font-weight: bold; padding: 2px 5px; white-space: nowrap; }
span.tratHover{ color: #4e7dc7; }


/*
 * SLIDESHOW
 */
.slider {
	background-image: url("/comimg/site/rotate.gif");
	background-position: center center;
	background-repeat: no-repeat;
	clear: both;
	margin: 0 auto 15px;
	max-width: 815px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	width: 100%;
}
.slider-header { display: none; }
.slider-controls { text-align: center; }
.slider-control.prev {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	left: 0;
}
.slider-control.next {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	right: 0;
}
.slider-control.prev span {
	background-image: url("/comimg/site/slide-prev.png");
	left: 0;
}
.slider-control.next span {
	background-image: url("/comimg/site/slide-next.png");
	right: 0;
}
.slider-control span {
	height: 44px;
	width: 44px;
}
.slider-control span {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 40% auto;
	color: transparent;
	outline: 0 none;
	position: absolute;
}
.slider-control {
	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 2em;
	height: 44px;
	position: absolute;
	text-decoration: none;
	top: 50%;
	transform: translateY(-100%);
	width: 44px;
	z-index: 15;
}
.slider-footer {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 0.75em;
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	position: absolute;
	top: 0.6em;
	z-index: 15;
}
.slider-footer { right: 0.5em; }
.slide-curr {
	font-size: inherit;
	margin-bottom: 2px;
}
.centro { left: 0; }
.to-right { left: -100%; }
.to-left { left: 100%; }
.slide {
	background-size: 100% 100%;
	color: #fff;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.slide-imgInside {
	background-color: #f4f4f4;
	box-sizing: inherit;
	margin: auto;
	max-width: 100%;
	text-align: center;
	width: auto;
}

/*
 * ALLOGGI, DISPONIBILITA' E PREZZI
 */

div#disponibilita p { font-size: 14px; line-height: 120%; }
div#disponibilita p a, div#disponibilita p a:visited { color: #4e7dc7; text-decoration: none; }
div#disponibilita p a:hover { text-decoration: underline; }


.iconGiu, .iconSu { background-position: right center; background-repeat: no-repeat; background-size: 15px 10px; }
.iconGiu { background-image: url('/comimg/site/frecciaGiuBluUnico.png'); }
.iconSu { background-image: url('/comimg/site/frecciaSuBluUnico.png'); }

.flexbox {
	display: -webkit-box;  /* support for - iOS 6-, Safari 3.1-6, BB7 */
	display: -webkit-flex; /* support for - iOS 7.1+, Safari 6.1+., BB10 */
	display: -ms-flexbox;  /* support for - IE 10 */
	display: flex;
	align-items: baseline;
}
.flexbox > * {
	display: table-cell; /* for old browser */
}

.overlay { /* uguale per mobile */
	background: #fff;
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: .7;
	filter: alpha(opacity=70); /* for IE8 and earlier */
	z-index: 100;
}


.xb-form {
	border: 0;
	margin: 0 auto;
	padding: 16px 0 0;
}
.xb-form label {
	font-size: 14px;
	font-weight: 600;
	line-height: 120%;
}
.xb-form-field-date {
	background-color: #fff;
	font-size: 14px;
	padding: 4px 2px 4px 15px;
	vertical-align: middle;
}
.xb-form-field-date input[type="text"] {
	border: 0;
	font-size: 14px;
	padding: 0;
	margin: 0;
	width: 60%;
}
.xb-form-field-date input.osRO {
	width: 20%;
}
.xb-form-field-select {
	background-color: #fff;
	overflow: hidden;
	padding: 0;
}
.xb-form-field-select select {
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	background: #fff url(/comimg/site/icon/icon-select_mob.gif) no-repeat 96% 50%;
	border: none;
	box-shadow: none;
	font-family: 'Open Sasns', sans-serif;
	font-size: 13px;
	padding: 8px 0 8px 8px;
	width: 100%;
}
.xb-form-button {
	background-color: #4e7dc7;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	padding: 5px 25px;
	text-shadow: 0 1px 1px #000;
	text-decoration: none;
}

#adpSection { margin-top: 32px; }

#hpFormAvailability {
	background-color: #cad8ee;
	padding: 20px;
}
#hpFormAvailability.highlighted {
	box-shadow: 5px 5px 5px #4e7dc7;
}

#hpFormAvailability form {
	width: 95%;
}

.hp-form-title {
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
.hp-section-group > div:last-child { margin-bottom: 0; }
.hp-section-group {
	margin-bottom: 16px;
	padding: 0;
}
.hp-section-group-elem {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}
.hp-section-date > div {
	align-self: center;
	flex-basis: 25%;
	margin-right: 16px;
}
.hp-section-date > div:first-child, .hp-section-date > div:first-child + div {
	flex-basis: 200px;
	flex-shrink: 0;
	width: 200px;
}
.hp-section-date > div:last-child {
	margin-right: 0;
}

#nottiCal { font-size: 14px; }


#adpMainContainer { position: relative; }

.adp-summary { margin-top: 15px; }

.adp-summary-search {
	background-color: #edf2f9;
	border: solid 1px #cecece;
	box-sizing: border-box;
	color: #4e7dc7;
	cursor: pointer;
	display: table;
	padding: 20px;
	width: 100%;
}

.adp-summary-search .flexbox { justify-content: space-around; }

.adp-summary-section {
	display: table-cell;
	padding-right: 10px;
	vertical-align: top;
	white-space: nowrap;
}

.adp-summary-section + .adp-summary-section {
	white-space: normal;
}

.adp-summary-section.adp-summary-section-cta {
	padding: 0;
	text-align: right;
	vertical-align: middle;
}

.adp-summary-item {
	padding: 0 16px;
	text-align: center;
}

.adp-summary-item span {
	display: block;
}
.adp-summary-label {
	font-size: 13px;
}
.adp-summary-value {
	font-size: 16px;
	font-weight: 700;
}

.adp-summary-message {
	border: solid 1px #cecece;
	border-top: 0;
	font-size: 14px;
	padding: 10px 12px 12px;
}

.adp-summary-message > span + span {
	padding-left: 10px;
}

.adp-summary-message > span + span + span {
	margin-left: auto;
}

.adp-summary-message a {
	color: #4e7dc7;
	font-size: 13px;
	text-decoration: none;
}

.adp-disp {
	font-size: 14px;
}
.adp-disp-closed {
	color: #fa0000;
	font-weight: bold;
}
.adp-disp-lib span, .adp-disp-occ span {
	display: inline-block;
	font-weight: 600;
	padding-left: 20px;
}
.adp-disp-lib {
	color: #008000;
}
.adp-disp-occ {
	color: #fa0000;
}
.adp-disp-lib::before, .adp-disp-occ::before {
  	background-position: center;
  	background-repeat: no-repeat;
  	position: absolute;
 	content: "";
 	width: 20px;
 	height: 20px;
}
.adp-disp-lib::before {	background-image: url("/comimg/liste/green-dot.png"); }
.adp-disp-occ::before {	background-image: url("/comimg/liste/red-dot.png"); }

#adpElencoAlloggi { margin-top: 20px; }

.closeMore {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	border: 0;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 0.70em;
	line-height: 24px;
	height: 24px;
	width: 26px;
	padding: 0 8px;
	text-align: center;
	position: absolute;
	top: 0.3em;
	right: 0.3em;
	z-index: 15;
}

.alloggioDP {
	border: solid 1px #c6c6c6;
	box-shadow: 5px 5px 5px #e5e5e5;
	margin: 0 0 30px;
	position: relative;
	width: 100%;
}
.alloggioDP:hover {
	border-color: #b6b6b6;
	box-shadow: 5px 5px 5px #c1c1c1;
}

/* .nomeAlloggioDP { width: 100%; } */
.nomeAlloggioDP p {
	box-sizing: border-box;
	display: inline-block;
	font-size: 13px !important;
	min-width: 257px;
	padding: 8px 0 8px 16px;
}
.nomeAlloggioDP p span.nomeAlloggio {
	color: #4e7dc7;
	font-weight: bold;
	font-size: 14px !important;
}
.nomeAlloggioDP:hover { background-color: #f4f4f4 ; cursor:pointer; } 
.nomeAlloggioDP.adp-no-hover { cursor: default; }
.nomeAlloggioDP.adp-no-hover:hover { background-color: transparent; }


.adp-slide-img {
	background-color: #f4f4f4; 
	display: none;
	height: 400px;
	position: relative;
	width: 100%;
}
.adp-slide-img .slide { display: table; }
.adp-slide-img .centro { background-color: #f4f4f4; }
.adp-slide-img .slide-imgInside { display: table-cell; vertical-align: middle; }

.imgAlloggioDP {
	display: inline-block;
	margin-bottom: 15px;
	width: 257px;
	height: 127px;
}
.imgAlloggioDP div.minipreview {
	display: inline-block;
	float: right;
	width: 60px;
}
.imgAlloggioDP img.preview {
	cursor: pointer;
	width: 191px;
	height: 127px;
}
.imgAlloggioDP img.mini-preview {
	cursor: pointer;
	margin: 0 0 4px;
	vertical-align: top;
	width: 60px;
	height: 40px;
}


.adp-trattOff { color: #d3d3d3; }
.adp-trattOn { color: #4e7dc7; }
.adp-trattOff, .adp-trattOn {
    font-weight: bold;
    padding: 0 8px 0 0;
}

.descrAlloggioDP {
	display: inline-block;
	float: right;
	font-size: 14px;
	min-height: 127px;
	padding: 0 0 10px 15px;
	position: relative;
	width: 550px;
}
.descrAlloggioDP.adp-no-prezzi { min-height: 52px; }
.descrAlloggioDP.adp-no-foto { padding-left: 16px; width: 100%; }
.descrAlloggioDP img.adp-icon-person { height: 1.2em; }
.descrAlloggioDP img.adp-icon-person.adp-icon-small { height: 1em; }


.adp-sez { margin: 0 16px 16px; }
.adp-sez-dati { margin: 10px 225px 0 0; }

.weight600 { font-weight: 600; }

.adp-sez-dati img { height: 1.2em; }
.adp-sez-dati [data-hide="SA_metratura"] { margin-top: 10px; }
.adp-sez-dati [data-name="SA_lettiRiassunto"] { margin-top: 10px;}	
.adp-sez-dati [data-name="SA_lettiRiassunto"] > span { padding: 0 4px 0 0; }
.adp-sez-dati [data-name="SA_lettiRiassunto"] > span > img { margin: 0 2px 0 0; }
.adp-sez-dati [data-view="open-sa"] {
	border: solid 1px #cad8ee;
	color: #000;
	cursor: pointer;
	display: inline-block;
	line-height: 18px;
	margin: 13px 0 0;
	padding: 6px 12px;
	text-decoration: none;
}
.adp-sez-dati [data-view="open-sa"] > span { font-weight: 600; }
.adp-sez-dati [data-content="dettagli"] { display: none; }

.adp-right {
	box-sizing: border-box;
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 15px;
    top: -14px;
    width: 205px;
}
.adp-pos-ric { display: inline-block; }
.adp-prezzo-gen {
	background-color: #edf2f9;
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 15px;
    min-height: 71px;
    padding: 10px;
    text-align: center;
    width: 205px;
}
.adp-prezzo-gen > .aPartireDaHpOp { font-size: 14px; }
.adp-prezzo-gen > .aPartireDaHpOp > .prezzoIndicativo { font-size: 24px; font-weight: bold; }

/* .descrAlloggioDP.adp-descr-open */
.adp-descr-open {
	display: block;
	float: none;
	padding-left: 16px;
	width: 100%;
	min-height: 155px;
}
.adp-descr-open .adp-right { top: 0; }
.adp-descr-open .adp-pos-ric { margin-top: 0; }


.adp-prezzi {
	font-size: 13px;
}
.adp-prezzi table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.adp-prezzi thead {
	background-color: #f4f4f4;
}
/* .adp-prezzi thead td:last-child { text-align: right; } */
.adp-prezzi td {
	border: solid 1px #cecece;
	padding: 6px 10px;
}
/* .adp-prezzi a, .adp-prezzi a:visited { DA TOGLIERE AL RILASCIO DELLA CALCOLATRICE PREZZI */
/* 	color: #4e7dc7; */
/* 	text-decoration: none; */
/* } */
.adp-prezzi .flexbox {
	justify-content: space-between;
}
/* .adp-rates { border-collapse: collapse; width: 100%; } */
.adp-rates.hidden {
	display: none;
	visibility: hidden;
}
.adp-rate-restriction {
	color: #fa0000;
}

.prezzoWow {
	font-size: 17px;
	font-weight: bold;
}


.btn-richiesta {
	background-color: #4e7dc7;
	border-radius: 5px; 
	display: inline-block;
	line-height: 120%;
}
.btn-richiesta a, .btn-richiesta a:visited, .btn-richiesta a:hover {
	color: #fff !important; 
	display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 25px;
    text-shadow: 0 1px 1px #000;
    text-decoration: none !important;
}
.btn-richiesta.btn-richiesta-spento { background-color: #b7b7b7; }

.zoomDispV, .zoomDispX, .zoomDispY, .zoomOccupato, .zoomChiuso, .zoomBianco {
	cursor:default;
	font-size: 10px !important;
	text-align: center; }
.zoomDispV { background-color: palegreen; }
.zoomDispX { background-color: #b1fcb1; }
.zoomDispY { background-color: #7ffa7f; }
.zoomOccupato { background-color: #ffb7b7; }
.zoomChiuso { background-color: lightgray; }
.zoomBianco { background-color: white; }

table.calSAmob {
	border: solid 1px #cecece;
	border-collapse: collapse;
	font-size: 12px;
	text-align: center;
	width: 100%;
}
table.calSAmob th {
	font-size: 12px;
	font-weight: normal;
}
td[data-click="indietro"], th[data-click="indietro"], td[data-click="avanti"], th[data-click="avanti"] {
    cursor: pointer;
}
table.calSAmob th.firstMese {
    border-right: solid 1px #cecece;
}
table.calSAmob th.lastMese {
    border-left: solid 1px #cecece;
}
table.calSAmob td.calSAmobVuoto {
    height: 0;
    padding: 0;
    visibility: hidden;
}
table.calSAmob td {
    width: 16px;
    height: 16px;
}
table.calSAmob tr:nth-child(3) td { border: solid 1px #cecece; }
table.calSAmob tr td.selStart { border-left: solid 2px #000; }
table.calSAmob tr td.selStop { border-right: solid 2px #000; }
table.calSAmob tr td.selUp { border-top: solid 2px #000;}
table.calSAmob tr td.selDown { border-bottom: solid 2px #000; }
td.halfGreen { background-image: url('https://images.yesalps.com/static/site/dispHalfGreenG.png'); background-repeat: no-repeat; text-align: right; }
td.halfX { background-image: url('https://images.yesalps.com/static/site/dispHalfXG.png'); background-repeat: no-repeat; text-align: right; }
td.halfY { background-image: url('https://images.yesalps.com/static/site/dispHalfYG.png'); background-repeat: no-repeat; text-align: right; }
td.halfRed { background-image: url('https://images.yesalps.com/static/site/dispHalfRedG.png'); background-repeat: no-repeat; text-align: right; }
td.halfGrey { background-image: url('https://images.yesalps.com/static/site/dispHalfGrey.png'); background-repeat: no-repeat; text-align: right; }
td.halfWhite { background-image: url('https://images.yesalps.com/static/site/dispHalfWhiteG.png'); background-repeat: no-repeat; text-align: right; }


#dettDescrDisp {
	margin-top: 5px;
	text-align: justify;
}

div#prezzi { text-align: center; }
div#prezzi h2 {	font-size: 16px; }
div#prezzi p { font-size: 14px; line-height: 120%; }
div#prezzi p a, div#prezzi p a:visited { color: #4e7dc7; text-decoration: none; }
div#prezzi p a:hover { text-decoration: underline; }
table.riepilogoPrezzi {
	border-collapse: collapse;
	margin: 10px auto;
	text-align: center;
}
table.riepilogoPrezzi th {
	border: solid 1px #cecece;
	color: #4e7dc7;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding: 2px 25px;
}
table.riepilogoPrezzi td {
	border: solid 1px #cecece;
	color: #000;
	font-size: 14px;
	padding: 6px 25px 5px;
}
span.decimali { font-size: 11px; }


/*
 * RECENSIONI
 */
.recPrincip { padding-left: 25px !important; padding-right: 25px !important; }
.recImpagin { padding: 0 25px 40px; }
div#recensioni h1 { padding: 10px; text-align: center; font-size: 22px;} /* utilizzato solo nelle pagine delle recensioni che non sono visualizzate nella principale.. */
div#recensioni h3 { color: #4e7dc7; display: inline; font-size: 14px; margin: 5px 0; padding-right: 10px; }
div#recensioni p.rifRec { color: black; display: inline; font-size: 11px; text-align: left; white-space: nowrap; }
div#recensioni a { color: #4e7dc7; text-decoration: none; }
div#recensioni a:hover { color: #4e7dc7; text-decoration: underline; }
div#recensioni input { font-family: arial; font-size: 14px; margin: 0; }

p.altreRec { font-size: 14px; margin: 10px 0; }
p.altreRec a { color: #4e7dc7; font-size: 14px; text-decoration: none; }
p.altreRec a:hover { color: #4e7dc7; text-decoration: underline; }

div#recensioni p.likeH2 span { font-size: 12px; font-weight: normal; position:relative; top: -8px; }

div.leggiRec { clear: both; margin-bottom: 12px; margin-top: 12px; }
div.leggiRec p { font-size: 12px; line-height: 120%; margin: 3px 0; }
div.firmaRec { display: inline; float: right;  padding: 10px 5px; width: 225px; }
div.firmaRec p { line-height: 130%; margin-top: 4px; }
div.fumettoRec { border: solid 1px lightgrey; border-radius: 4px; display: inline; float: left; padding: 10px 15px; width: 495px; }

div.recCorpo { padding-top: 0; }
div.recCorpo p span { color: grey; font-size: 9px; }

div.recTriangoloDx { display: inline; float: left; padding-top: 16px; vertical-align: top; width: 5px; }
div.recTriangoloDx s { border-color: transparent #c1c1c1; border-style: solid; border-width: 4px 0 4px 5px; display: block; position: relative; top: 1px; }
div.recTriangoloDx i { border-color: transparent #c1c1c1  transparent #ffffff; border-style: solid; border-width: 4px 0 4px 5px; display: block; left: -2px; position: relative; top: -7px; }

div#recensioni p.clearRec { clear: both; }
div.overStelleRec { background-color: #e6ebf2; border: solid 1px #e6ebf2; font-size: 11px; padding: 5px 6px 3px; }


/*
 * MAPPA
 */
div#mappa { line-height: 125%; }
div#mappa input { font-family: arial; font-size: 14px; margin: 0; padding: 0;}
div#mappa button { font-family: arial; font-size: 14px; margin: 0; margin-top: 10px; padding: 0; }
div#mappa button img { margin-top: 4px; }
div#map { width: auto; height: 460px; }

div.hpOpCoordinate { background-color: #e7ecf2; display: inline-block; float: right; margin: 15px 0; max-width: 360px; }
div.hpOpCoordinate > table { border-collapse: collapse; }
div.hpOpCoordinate > table td { padding: 6px 10px; }

.hpOpCoordinateGeo { background-color: #e6ebf2; padding: 6px 10px; width: 49%; }

.realMap { display: none; }


.staticMapPH { cursor: pointer; position: relative; width: 817px; height: 460px; }
.staticMapPH > .imgStaticMap { opacity: 0.42; position: absolute; width:  817px; height: 460px; z-index: 0; }
.staticMapPH > .placeholderStaticMap { position: absolute; top: 40%; z-index: 10; width: 100%; color: #4e7dc7; font-size: 28px; font-weight: 600; text-align: center; vertical-align: middle; }

div#directionsPanel { width: 780px; }
button#cancellaPercorso { display: none; position: absolute; right: 20px; top: 60px; }

button.chiudi { background-color: #dfeffc; border: 1px solid #c5dbec; border-radius: 5px; color: #2e6e9e; font-weight: bold; height: 20px; width: 21px; }
button.chiudi:hover { background-color: #d0e5f5; border: 1px solid #79b7e7; color: #2e6e9e; }
button.chiudi img {	background: url('/comimg/site/chiudiboldlight.gif') no-repeat; width: 12px; height: 13px; }
button.chiudi:hover img { background: url('/comimg/site/chiudibold.gif') no-repeat; }

div.hpOpStreetView { cursor: pointer; padding-top: 10px; text-align: center; }

span.gpsOver { background: #fff; border: 1px solid #c1c1c1; font-family: arial; font-size: 12px; padding: 2px 5px; white-space: nowrap; }


/*
 * BANNER GRATUITI
 */
div#bannerGratuiti { width: 807px; background-color: #ededed; padding: 12px 5px; }

table#strisciaPremium_d, table#strisciaPremium_m { border-collapse: collapse; margin: auto; margin-top: 5px; width: 100%; }
table#strisciaPremium_d td, table#strisciaPremium_m td { text-align: left; vertical-align: top; }
table#strisciaPremium_d td { width: 44%; }
table#strisciaPremium_d td div.schedaBanner, table#strisciaPremium_m td div.schedaBanner { border: solid 1px lightgrey; border-radius: 5px; padding: 12px; background-color: white; }
table#strisciaPremium_d td div.schedaBanner { min-height: 150px; }
table#strisciaPremium_d td div img.schedaBannerFotoLista { float: left; padding: 0 5px 5px 0; width: 141px; height: 94px; }
table#strisciaPremium_d td div p, table#strisciaPremium_m td div p { line-height: 120%; }
table#strisciaPremium_d td div p.font12 { font-size: 12px; padding-top: 6px; }
table#strisciaPremium_d td:first-child, table#strisciaPremium_d td:last-child { width: 6%; vertical-align: middle; padding: 5px; }
table#strisciaPremium_d td:first-child img, table#strisciaPremium_d td:last-child img { float: right; width: 40px;}

div#pubbGratuiti div.schedaBanner p > a.textlink img { max-height: 11px !important; }


/*
 * POPUP RICHIESTA
 */
div#popupRichiesta { display: none; position: absolute; z-index: 16; }
div#popupRichiesta.fixed { position: fixed; }
div#popupFreccia { display: block; margin-left: 285px; margin-right: 85px; border-color: transparent transparent #eaeaea; border-style: solid; border-width: 0 15px 15px 15px; }
div#popupContainer { display: inline-block; background-color: #eaeaea; border-radius: 3px; box-shadow: 20px 20px 15px #787878; position: relative; width: 400px; height: auto; }
div#closePopup { color: #787878; cursor: default; font-size: 31px; font-weight: bold; line-height: 24px; text-decoration: none; overflow: hidden; position: absolute; top: 0px; right: 4px; }
div#closePopup::after { content: "×"; }
div#popupRichiesta div#boxTesto { box-sizing: border-box; font-size: 18px; line-height: 26px; padding: 30px; width: 100%; }
div#popupRichiesta div#boxTesto a { color: #000; display: block; text-decoration: none; }


div#hpOpGratuitiPopUp_d { font-family: arial; min-height: 220px; padding: 10px; }
div#hpOpGratuitiPopUp_d form.formCompactCalendar input.hpOpPopUp { padding: 10px 20px 10px !important; width: auto !important; height: auto !important; }

p#hpOpPopUpRes { font-size: 18px; margin: 15px 10px 5px; text-align: center; }
p#hpOpPopUpRes > span { font-size: 14px; }

div#hpOpGratuitiPopUp_d table { margin: auto; text-align: center; }
tr.hpOpPopButton > td { padding-top: 7px; }
.submitLikeLink { color: #4e7dc7; border: none !important; background-color: white !important; cursor: pointer !important; font-family: arial; font-size: 14px; margin: 0 !important; }


div.hpAltriOpPopUpNoEMail { line-height: 130%; padding: 20px; text-align: center; }
div.hpAltriOpPopUpNoEMail input[type="submit"] { margin: 15px; }


 
p#loginHpOpFooter { color: #666666; font-family: Arial,sans-serif; font-size: 11px; text-align: center; }


/* 
 * questi css servono per la sezione contatti con il form della richiesta che deve essere ancora deciso se fare o meno... in caso si decida di non procedere eliminare!
 */
p.contatti { font-size: 14px; line-height: 140%;}
p.hpOpcentrato { text-align: center; font-size: 12px; margin-bottom: 5px; }
.calPreCHIUSO {font-family: Helvetica, sans-serif; font-size: 12px; color:#ff4444;  text-align: left; line-height: 130%;}


/*
 * CALCOLATRICE PREZZI
 */

.adp-prezzi td {
	width: 50%;
}

.xb-form-field-select select:disabled {
	opacity: 0.4;
}

.xb-input-number {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
}

.xb-input-number > * {
	display: table-cell;
}

.xb-input-number input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	
	border: none;
	box-sizing: border-box;
	font-size: 13px;
	height: 26px;
	line-height: 100%;
	padding: 2px 5px;
	text-align: right;
	width: 30px;
	z-index: 1;
}
.xb-input-number input[type=number]::-webkit-inner-spin-button,
.xb-input-number input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.xb-input-number-decrement,
.xb-input-number-increment {
	background-color: #b7b7b7;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	height: 26px;
	text-align: center;
	text-shadow: 0 1px 1px #000;
	width: 26px;
}
.xb-input-number-decrement {
	border-top-left-radius: 25%;
	border-bottom-left-radius: 25%;
}
.xb-input-number-increment {
	border-top-right-radius: 25%;
	border-bottom-right-radius: 25%;
}
.xb-input-number-decrement span::after { content: '\2212'; }
.xb-input-number-increment span::after { content: '\002B'; }

.adp-form-ospiti {
	background-color: #edf2f9;
	border: solid 1px #cecece;
}

.adp-form-ospiti .xb-form {
	padding-top: 6px;
}

.adp-form-ospiti .xb-form-button {
	background-color: #b7b7b7;
}

.adp-form-ospiti .xb-form-error {
	background-color: #ffff00 !important;
}

.hp-form-ospiti-alloggio {
	background-color: #edf2f9;
	font-family: "Open Sans", sans-serif;
	width: 325px;
	margin: 0 auto;
	padding: 5px 20px 10px;
}

.hp-form-ospiti-alloggio .hp-section-group-elem > * {
	vertical-align: middle;
}

.hp-section-children.flexbox {
	flex-wrap: wrap;
}
.hp-section-children label {
	display: block;
	margin-bottom: 4px;
	width: 100%;
}
.hp-section-children label span {
	display: block;
	font-size: 11px;
}
.hp-section-children .xb-form-field-select {
	width: 45px;
}

.hp-form-ospiti-alloggio .hp-section-cta {
	text-align: center;
}
.hp-form-ospiti-alloggio .hp-section-cta div {
	display: inline-block;
}

.adp-prezzi-vacanza-header {
	background-color: #f4f4f4;
	border: solid 1px #cecece;
	border-bottom: none;
	font-size: 13px;
	padding: 6px 10px;
}
.adp-prezzi-vacanza-header .flexbox {
	justify-content: space-between;
}
.adp-prezzi-vacanza-header a,
.adp-prezzi-vacanza-header a:visited {
	color: #4e7dc7;
}

.tbl-layout {
	display: table;
	border-collapse: collapse;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
}
.tbl-row {
	display: table-row;
	margin: 0;
	padding: 0;
}
.tbl-cell {
	display: table-cell;
	border: solid 1px #cecece;
	padding: 6px 10px;
	text-align: center;
	vertical-align: middle;
	width: 50%;
}

.adp-riepilogo-vacanza { font-size: 13px; }
.adp-riepilogo-prezzi { padding: 0; }
.adp-riepilogo-prezzi > div { border-bottom: solid 1px #cecece; padding: 6px 10px; }
.adp-riepilogo-prezzi > div:last-child { border-bottom: none; }
.adp-riepilogo-prezzi .adp-msg {
	font-size: 13px;
	line-height: 130%;
	padding-left: 50px;
	padding-right: 50px;
}
.adp-prezzo-vacanza, .adp-tratt-vacanza {  font-weight: 600; }
.adp-prezzo-vacanza { font-size: 25px; }
.adp-price-details {
	border: solid 1px #cecece;
	border-top: none;
	font-size: 14px;
	padding: 5px 10px 6px;
	text-align: center;
}

.adp-link, .adp-link:visited { color: #4e7dc7; cursor: pointer; text-decoration: none; }
.adp-link:hover { text-decoration: underline; }

.adp-info { cursor: pointer; }
.adp-info-icon {
	color: #4e7dc7;
	font-family: sans;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	padding-left: 2px;
}

.aPartireDaHpOp {
	position: relative;
}

.icon-calculator {
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	display: block;
    font-size: 0.5em;
}

.icon-calculator {
	width: 2.8em;
    height: 3.2em;
    background: #000;
    border-radius: 0.25em;
}
.icon-calculator::before {
	content: "";
    position: absolute;
    top: 0.4em;
    left: 0.4em;
    width: 2em;
    height: 0.8em;
	background: #fff;
    z-index: 2;
    border-radius: 0.1em;
}
.icon-calculator::after {
	content: "";
    position: absolute;
    top: 1.6em;
    left: 0.4em;
    width: 0.5em;
    height: 0.5em;
    background: #fff;
    border-radius: 50%;
    box-shadow:
    	0.75em 0 #fff,
        1.5em 0 #fff,
        0 0.75em #fff,
        0.75em 0.75em #fff,
        1.5em 0.75em #fff;
}

.adp-error-message {
	color: #fa0000;
	font-size: 10px;
	text-align: center;
}
.adp-error-message::after {
	content: " ";
	display: inline-block;
}
.adp-hidden { visibility: hidden; }

/* aggiungo delle regole al livello servizio solo per le hpOp */
[class*="YAliv"] {
	margin-left: 5px;
	position: relative;
	top: -6px;
}
.YA--offertaBox { max-width: 756px; }