@CHARSET "UTF-8";

/* hp nuovo Layout */

.block1, .block2, .block3_m, .block4 { margin-bottom: 40px; }
.block3_d, .block3bis, .block3bis_m { margin-bottom: 20px; }
.block2, .block3_d, .block3bis, .block4 {clear: both;}
.block3bis { margin-top: -20px; }

/* block 1
	- mainClaim */
.mainClaim {
	float:left;
	margin:0;
	margin-right:2%;
	padding:0;
	background-image:url(/comimg/site/background-line-hp.png);
	background-repeat:no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.mainClaim_d {
	width: 32%;
	min-height: 228px;
}

.mainClaim_m {
	width: 100%;
	margin-bottom: 25px;
}

.mainClaim h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 24px;
	color: #4e7dc7;
	font-family: 'Roboto', sans-serif;
	padding: 15px 15px 0;
/* 	font-size: 16px; */
/* 	font-weight: bold; */
/* 	margin: 0; */
/* 	padding: 0; */
/* 	line-height: 20px; */
/* 	color: #000; */
/* 	font-family: 'Roboto', sans-serif; */
/* 	padding: 15px 15px 0; */
}

.mainClaim p {
	font-size:13px;
	line-height:18px;
	padding: 10px 15px;
}

.mainClaim a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

/* 	- boxTrovaAlloggio */
.trovaAlloggio_d {
	float:right;
	width: 66%;
	margin: 0;
	padding: 15px 20px;
	background-color: #cad8ee;
	min-height: 215px;
}

.trovaAlloggio_m {
	float:right;
	width: 100%;
	margin: 0;
	padding: 15px 20px;
	background-color: #cad8ee;
}

.titleTrovaAlloggio {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 22px;
}

.subtitleTrovaAlloggio {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding-top: 4px;
}

.subtitleTrovaAlloggio strong { padding-right:20px; }

.subtitleTrovaAlloggio a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

/*  - box prenotazione   poi si vedrà come farlo....*/

.subCol1_d, .subCol2_d {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	margin-right: 15px;
}

.subCol1_m, .subCol2_m {
	float: left;
	width: 23%;
	margin: 0;
	padding: 0;
	margin-right: 2%;
}

.subCol3_d {
	float: left;
	width: 154px;
	margin: 0;
	padding: 0;
	margin-right: 11px;
}

.subCol3_m {
	float: left;
	width: 24%;
	margin: 0;
	padding: 0;
	margin-right: 2%;
}

.subCol4_d {
	float: left;
	width: 154px;
	margin: 0;
	padding: 0;
	margin-right: 0px;	
}

.subCol4_m {
	float: left;
	width: 24%;
	margin: 0;
	padding: 0;
	margin-right: 0px;	
}

.subCol1_d p, .subCol2_d p, .subCol3_d p, .subCol4_d p, .subCol1_m p, .subCol2_m p, .subCol3_m p, .subCol4_m p {
	font-weight:bold;
	font-size:14px;
	padding:0;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	color:#000;
	line-height:14px;
	padding-bottom:10px;
}

/* 
*********************
sposto in main.css perchè mi serve anche per la toolbar
.reservationHome input

**********************
*/

.reservationHome input[type="text"], .reservationHome input[type="date"] {
	width: 55%;
	margin: 0;
	padding: 0 0 0 5px;
	height: 30px;
/* 	background-image:url(/comimg/site/icon/icon-calendar.gif); */
/* 	background-repeat:no-repeat; */
/* 	background-position:right 5px center; */
	color: #787878;
	font-size: 13px;
}

.prenotaV1Date_d input.osRO {
    width: 20% !important;
    padding: 0 0 0 7px;
}

.reservationHome input { border: none; }

.reservationHome .submitCerca { padding-top: 10px; }
.reservationHome input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.reservationHome .nottiHP { font-size: 13px; }

.checkboxContainer {
	height: 28px;
	padding: 2px 7px 0;
	background-color: #d9e3f3;
}

.reservationHome {
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

.reservationHome input.checkPrenota {
/*     float: left; */
/*     height: 10px; */
    line-height: 11px;
    margin: 0;
    padding: 0;
	width: auto;
}

.prenotaV1 > div {
	background-color: #fff;
} 

div.prenotaV1Date_d img {
	position: relative;
    top: 4px;
}

div.prenotaV1Date_m {
	background-image: url(/comimg/site/icon/icon-calendar.gif);
	background-repeat: no-repeat;
	background-position: right 5px center;
}

.prenotaV2 .checkboxContainer label, .reservationText label {
	padding-left: 5px;
	font-size: 13px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
}

.prenotaV2 .checkboxContainer p {
	padding:0;
	margin:0;
	padding-left: 5px;
	font-size: 13px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	display:inline;
	line-height:inherit;
}

.reservationText {
	float:left;
	padding-top:9px;
}
.submitCercaHP {
	float: left;
}

div.trovaAlloggiCercaNome {
	float: right;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	padding-top: 18px;
}

div.trovaAlloggiCercaNome > p > a {
	color: #000;
	margin: 0 5px;
}

/* spostato in main.css 
	.submitCerca { */
/* 	float:right; */
/* } */

/* .reservationHome input.cercaText { */
/* 	background-image:none; */
/* 	background-color:#4e7dc7; */
/* 	color:#fff; */
/* 	padding:0px 15px; */
/* 	margin:0; */
/* 	height:34px; */
/* 	-webkit-border-radius: 5px; */
/* 	-moz-border-radius: 5px; */
/* 	border-radius: 5px;	 */
/* 	font-size:18px; */
/* 	line-height:18px; */
/* 	font-weight:bold; */
/* 	font-family: 'Roboto', sans-serif; */
/* } */



/* block2 */
/* colonne */

.col1_d, .col2_d, .col3_d {
	float: left;
	width: 32%;
	margin: 0;
	padding: 0;
}

.col2_d { margin: 0 2%; }

.col1_m, .col2_m, .col3_m {
	float: left;
	width: 49%;
	margin: 0;
	padding: 0;
}

.col1_m { margin-right: 1%; }
.col2_m { margin-left: 1%; }

.col1_d img, .col2_d img, .col3_d img { width: 100%; }
.col1_d #hpBanner > div:first-child { position: absolute; width: inherit; }
.col1_d #hpBanner > div:nth-child(2) { position: relative; }
.col1_d #hpBanner > div img { width: 336px; height: 224px; }

.colTitle {
	font-family: 'Roboto', sans-serif;
	color:#4e7dc7;
	padding-bottom:20px;
	height:48px;
}

.mainTitleCol_d, .mainTitleCol_m {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.mainTitleCol_d a, .mainTitleCol_m a {
	color: #4e7dc7;
	text-decoration: none;
}

.mainTitleCol_d { font-size: 22px; }
.mainTitleCol_m { font-size: 18px; }

.descTitleCol{
	font-weight: normal;
	font-size: 16px;
	line-height: 15px;
}

.colTitle img {
	width: auto;
}

.colBody {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	float: left;
	height: 300px;
}

.block3_d .colBody, .block3bis_m .colBody { height: auto; }

.block2 .col1_d .colBody, .block2 .col1_m .colBody { background-color: #4e7dc7; }

.block2 .col2_d .colBody, .block2 .col2_m .colBody { background-color: #f4f4f4; padding: 16px 18px; }

#hpOfferte, #hpInEvidenza { background-color: #f4f4f4; }

.inEvidenza { min-height: 274px !important;}
/* col1 */
/* .col1_d .colBody img { height: 218px; } */
/* .col1_m .colBody img { height: 198px; } */

.imgText {
	margin:0;
	padding: 6px 12px;
	font-family: 'Roboto', sans-serif;
}

.imgText p {
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #fff;
}
.imgText p a { color: #fff; text-decoration: none; }
.imgText p span.smallText { font-size: 12px; }


/* col2 */
.commentiFirma {
	border-bottom: solid 1px #c1c1c1;
	min-height: 92px;	
}

.imgFirma {
	float:left;
	padding-right:18px;
}

.imgFirma img {
	width:auto;
}

.testoFirma_d, testoFirma_m {
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;	
}

.testoFirma_m { font-size: 12px;}

.valutazioneStar {
	width: 100%;
	display: inline-block;
	margin-top: 15px;
	padding-bottom: 5px;
}

.valutazioneStar p {
	color: #4e7dc7;
	font-weight: bold;
	font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.valutazioneStar img {
	width:auto;
}

.testoCommenti {
	padding-top:10px;
}

.testoCommenti_d p, .testoCommenti_m p {
	font-family: 'Roboto', sans-serif;	
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;	
}

.testoCommenti_m p {
	font-size: 12px;
	line-height: 18px;
}

/* col3 */
.col3_d .colBody > div {
	font-family: 'Roboto', sans-serif;
	padding: 13px 15px;
}

.titleLastMinute {
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	color:#000;
}

.titleLastMinute a {
	color:#000;
	text-decoration: none;
}

.textLastMinute { padding: 13px 15px; }

.fotoOfferta { 
	background-color: #4e7dc7; 
	height: 106px;
}

.fotoOfferta img {
	width: 159px; 
	height: 106px;
	padding: 0 10px 0 0 ; 
	float: left;
}

.fotoOfferta > div {
	line-height: 17px; 
	color: white; 
	height: 100%; 
	font-size: 13px;
}

.fotoOfferta > div > a {
	color: white; 
	text-decoration: none; 
	display: block; 
	height: 90%; 
	padding-top: 10px;
}

.offertaLastMinute {
/* 	padding-top:20px; */
	color: #fff; 
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.descrizioneLastMinute {
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;	
	padding-top: 5px;
}

.descrizioneLastMinute a {
	color: #787878;
}

/* gallery sotto ogni colonna */
.galleryNextPrev {
	width:100%;
	display:block;
	clear:both;
	padding-top:18px;
}

.galleryNextPrev ul li { list-style-type: none; float:left; padding-bottom: 4px;}

.galleryNextPrev ul li a {
	display:block;
	width:13px;
	height:13px;
	margin-right:4px;
	background-color:#dddddd;
}

.galleryNextPrev ul li a:hover { background-color: red; } 
.galleryNextPrev ul li a.selected { background-color: #4e7dc7; } 

.galleryNextPrev ul li a.vediTutti {
	text-decoration: none;
	font-size: 13px;
	color: #4e7dc7;
	line-height: 13px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	width: auto;
	background: none;
	color: #4e7dc7;
	white-space: no-wrap;
	padding-left: 10px;
}

.galleryNextPrev p { text-align:right; }

.galleryNextPrev p a {
	text-decoration:none;
	text-align:right;
	font-size:13px;
	color:#4e7dc7;
	line-height:13px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}

.galleryNextPrev p a.selected { background-color: #4e7dc7; }

.galleryNextPrev_m {
	border: solid 1px #dddddd; 
	padding: 5px; 
	margin-top: 5px; 
	text-align: center;
}

.galleryNextPrev_m a {
	text-decoration: none;
	font-size: 13px;
	color: #4e7dc7;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

a.galleryPrev_m {
	float: left; 
	font-size: 18px; 
	padding: 0 40px 0 30px;
}

a.galleryNext_m {
	float: right; 
	font-size: 18px; 
	padding: 0 30px 0 40px;
}

/* block3 */
.block3_d .col1_d .colBody { background-color:#f4f4f4; height: auto; }

.block3_d .col2_d .colBody { background-color:#fff; }

.block3_d .col3_d .colBody { background-color:#fff; }

ul.inEvidenzaList_d, ul.inEvidenzaList_m { list-style-type: none; margin-left: 3%; padding: 18px 0 30px 0; }

.block3_m .col3_m .colBody { }

ul.inEvidenzaList_d li, ul.inEvidenzaList_m li {
	width:46%;
	margin:0;
	padding:0;
	float:left;
	margin:0 4% 0 0;
	padding:0;
	border-bottom:1px solid #C1C1C1;
	line-height: 44px;
	height: 44px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color:#333333;
}

ul.inEvidenzaList_m li { font-size: 12px; }

ul.inEvidenzaList_d li a, ul.inEvidenzaList_m li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #333333;
	text-decoration: none;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: left center;
}

ul.inEvidenzaList_d li.su2righe, ul.inEvidenzaList_m li.su2righe { line-height: 20px; }
ul.inEvidenzaList_d li.su2righe a, ul.inEvidenzaList_m li.su2righe a { padding-top: 2px; }

ul.inEvidenzaList_d li.su3righe, ul.inEvidenzaList_m li.su3righe { line-height: 13px; }
ul.inEvidenzaList_d li.su3righe a, ul.inEvidenzaList_m li.su3righe a { padding-top: 2px; }

.minBlockTop {
	width: 100%;
	height: 127px;
	margin: 0;
	padding: 12px;
	margin-bottom: 20px;
	background-color: #edf2f9;
}

.block3bis_m .minBlockTop, .block4bis_m .minBlockTop { padding: 10px; }

#hpMeteoWebcam { padding: 0; }

/* .minBlockBottom { */
/* 	width: 100%; */
/* 	height: 127px; */
/* 	margin: 0; */
/* 	background-color: #edf2f9; */
/* 	padding: 12px; */
/* } */


.smallLeft_d, .smallLeft_m {
	float:left;
	margin:0;
	padding:0;
	width:220px;
	position:relative;
}

.smallLeft_m { width: 70%; }

.smallLeft_d ul, .smallLeft_m ul {
	list-style: none;
	padding-top: 8px;
}

.smallLeft_d ul li, .smallLeft_m ul li {
	list-style: none;
	font-size: 12px;
	color: #000;
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
}

.smallRight_d, .smallRight_m {
	float:right;
	margin:0;
	padding: 18px 10px 18px 0;
	width: 100px;
}

.smallRight_m {	width: 25%; }

.smallRight_d > div, .smallRight_m > div { border-left: 1px solid #669bd1; }

.smallRight_d a, .smallRight_m a { text-decoration: none; }

.smallRight_m a { font-size: 12px; }

.titoloBoxSmall {
	color: #4e7dc7;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}

.titoloBoxSmall a { color: #4e7dc7; text-decoration: none; }

.testoBoxSmall {
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	font-family: 'Open Sans',sans-serif;
	letter-spacing: -0.01em;
	padding-top: 3px;
}

div.meteoBox { 
	position: relative; 
	height: 125px; 
	width: 225px; 
}

.imgMeteoBox {
	position: absolute;
	top: 0;
	right: 5px;
}

.imgWebcamBox {
	text-align:center;
	padding: 11px 0 5px 0;
	margin:0;
}

.imgMeteoBox img, .imgWebcamBox img { width:auto; }

.titleWebCam {
	font-size: 14px;
	color: #000;
	line-height: 14px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	text-decoration: none;
	padding-bottom: 11px;
}

.imgImpiantiAperti {
	margin:0;
	padding:12px 0 18px 0;
}

.imgImpiantiAperti img {
	width:auto;
}

.impiantiApertiText {
	color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    line-height: 12px;
}

.notiziaHpContent {
	background-color: #f4f4f4 !important;
	height: 273px !important;
	padding: 0 8px;
}

.notiziaHP {
	width: 100%;
	padding: 0;
	border-bottom: solid 1px #cecece;
}

.notiziaHPimg {
	width: 92px;
	height: 62px;
	float: left;
	margin: 8px 0 7px;
}

.notiziaHPimg img {
	width: auto;
	max-width: 100%;
}

.notiziaHP > .rightNewsContent {
	width: 225px;
	margin: 6px 0 3px;
}

.notiziaHP > .rightNewsContent > p {
	padding: 0 0 0 5px;
}

.notiziaHP > .rightNewsContent p a {
	white-space: normal;
}

.rightNewsContent.notiziaHpAll {
	width: 100%;
	padding-top: 10px;
}

.rightNewsContent.notiziaHpAll p {
	padding: 0;
	line-height: 12px;
}

.contentNewsHome {
    padding-top: 3px;
}

.block3bis_m .contentNewsHome, .block4bis_m .contentNewsHome { padding-top: 4px; }

.leftNewsContent {
	float: left;
	width: 30%;
/* 	text-align: right;	 */
/* 	font-size: 10px; */
}

.leftNewsContent img { width: 100%; max-width: 100px; padding-top: 4px; }

.rightNewsContent {
	float: right;
	width: 70%;
}

.rightNewsContent p {
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	font-family: "Open Sans",sans-serif;
	letter-spacing: -0.01em;
	padding-left: 7px;
}

.rightNewsContent p a {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #4e7dc7;
	white-space: nowrap;
}

/* block4 */
.block4 div.colTitle { height: auto; }

.elencoLocalita_d ul li, .elencoLocalita_m ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #dbdbdb;
	line-height: 30px;
}

.elencoLocalita_d ul li {
	width: 32%;
	font-size: 14px;
}
.elencoLocalita_d > ul {margin-right: -10px; margin-left: -10px;}
.elencoLocalita_d > ul li {margin-left: 10px; margin-right: 10px; width: 336px;}

.elencoLocalita_m ul li {
	width: 48%;
	font-size: 12px;
	margin-right: 2%;
}

.elencoLocalita_d ul li a, .elencoLocalita_m ul li a {
	text-decoration: none;
	color: #000;
	background-image: url(/comimg/site/icon/arrow-right.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.elencoLocalita_d ul li a span {
	font-size: 12px;
}

.elencoLocalita_d ul li a span, .elencoLocalita_m ul li a span {
	color: #4e7dc7;
}

.elencoLocalita_d ul li.space {
	margin: 0 2%;
}