/* custom CSS */

/* modifiche al form "prenota" del men� */
.ui-datepicker .ui-datepicker-prev {
    left: 5% !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 5% !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 26px !important;
}

/* vs 

.right1 {
    right: 78px !important;
	position: absolute;
    width: 50px;
	max-width:50%;
    bottom: 0px;
    text-align: right;
	color:#FFF
}

.right1en {
    right: 48px !important;
	position: absolute;
    width: 50px;
	max-width:50%;
    bottom: 0px;
    text-align: right;
	color:#FFF
}

.right1de {
    right: 68px !important;
	position: absolute;
    width: 50px;
	max-width:50%;
    bottom: 0px;
    text-align: right;
	color:#FFF
}

.right1fr {
    right: 83px !important;
	position: absolute;
    width: 50px;
	max-width:50%;
    bottom: 0px;
    text-align: right;
	color:#FFF
}

.right1ru {
    right: 85px !important;
	position: absolute;
    width: 50px;
	max-width:50%;
    bottom: 0px;
    text-align: right;
	color:#FFF
}

.left2 {
    position: absolute;
    width: 100px;
    left: 60px;
    bottom: 10px;
	color:#FFF
}

.left1 {
    position: absolute;
    width: 50px;
    left: 20px;
    bottom: 0;
	color:#FFF
}
*/

#footer a {
	text-decoration:none !important;
	letter-spacing:0.6px
}

#menu { background-color: #f2f2f2;}

.mrgtop60 { margin-top:60px}

.txtupper { text-transform:uppercase !important}

.indietro
{
border-top: #000 dotted 1px;
display: block;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
color: #000 !important;
margin-bottom: 10px;
margin-top:10px;
border-bottom: #000 dotted 1px;
height: 20px;
text-transform: uppercase;
font-weight: 700;}

.indietro a{
color: #000 !important;
text-decoration:none
}

.mxw98per { max-width:92% !important; border-radius:4px !important; border:solid 1px #000 !important; font-size:16px !important; color:#00182f !important; font-weight:400}

.mxwprovaper { max-width:89% !important; border-radius:4px; border:solid 1px #000; font-size:16px; color:#00182f}

.testodateoff {
  margin-bottom: 3px !important;
  font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 1em !important;
  color:#00182f !important;
  font-weight: 600 !important;
  line-height: 14px !important;
  letter-spacing: 0.5px !important;
}

.inviataok { font-size:22px; font-weight:700; color:#00182f; line-height:30px}

.txtagallery a{ line-height:30px !important; text-decoration:none !important; letter-spacing:0.5px !important; color:#00182f !important}

.contattiamb  { text-transform:none !important; text-decoration:none !important; font-weight:600 !important; color:#00182f !important}

/* lista hotels nella pagina localit� */

ul.hotels {
	list-style-type:none;
}

ul.hotels li {
	list-style-type:none;
	position:relative;
	overflow:hidden;
}

ul.hotels li a {
	display:block;
	height: 220px;
	box-shadow:inset 0px -50px 50px rgba(0,0,0,.30);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover !important;
}

ul.hotels li div.caption {
	position:absolute;
	width:95%;
	height:100px;
	left:5%;
	bottom:10px;
	margin:0 !important;
	padding:0;
}

ul.hotels li div.caption strong,
ul.hotels li div.caption p {
	color:#fff !important;
	text-shadow:0px 0px 2px rgba(0,0,0,0.8);
}

ul.hotels li div.caption strong {
	margin:0;
	padding:0;
	color:#fff;
	font-size:20px;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

ul.hotels li div.caption p {
	line-height:20px;
	margin:0 !important;
}


.upspz {text-transform:uppercase; letter-spacing:1px}

.menulist {margin: 0 0 0 20px; padding: 10px 0; color:#00182f; line-height:26px}


div { letter-spacing:0.5px}

/* vs  28-11-2022 */

@media only screen and (max-width: 680px)  {
	
body{font-size:18px !important;
	line-height:28px !important}

#footer a, #footermenu a {font-size:18px !important;}
}


.descrizionearticolo ul li {
  color: #232323 !important;
}

.mobmargtop10 { margin-top:10px !important}
.mobmargtop20 { margin-top:20px !important}
.mobmargtop30 { margin-top:30px !important}
.mobmargtop40 { margin-top:40px !important}
.mobmargtop50 { margin-top:50px !important}

.margbot10 { margin-bottom:10px !important}
.margbot20 { margin-bottom:20px !important}
.margbot30 { margin-bottom:30px !important}
.margbot40 { margin-bottom:40px !important}
.margbot50 { margin-bottom:50px !important}
.margbot100 { margin-bottom:100px !important}

.mobpadtopli { padding-top:14px !important}
.mobul {list-style-type: none !important;}
.txtupper { text-transform:uppercase}

.filtop { border-top: solid 1px #d7d7d7; padding-top:30px; margin-top:30px}
.filbot { border-bottom: solid 1px #d7d7d7; padding-bottom:30px; margin-bottom:30px}

.botofferte {background: #00182F; color: #fff; font-weight: 400; line-height: 48px; letter-spacing: .02em; text-transform: uppercase; text-align: center; font-size: 1.2em; padding: 0 50px; margin: 30px 0 0; display: inline-block; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; text-decoration: none;}

.solomob { display:inline !important}


/* 2024 offerte testo */

.statmargbot10 { margin-bottom:10px !important}
.statmargbot20 { margin-bottom:20px !important}
.statmargbot30 { margin-bottom:30px !important}
.statmargbot40 { margin-bottom:40px !important}
.statmargbot50 { margin-bottom:50px !important}

.statmargtop10 { margin-top:10px !important}
.statmargtop20 { margin-top:20px !important}
.statmargtop30 { margin-top:30px !important}
.statmargtop40 { margin-top:40px !important}
.statmargtop50 { margin-top:50px !important}

.statmargtop80 { margin-top:80px !important}

.statlineatop { border-top:solid 1px #d7d7d7; padding-top:30px; margin-top:30px}
.statlineabot { border-bottom:solid 1px #d7d7d7; padding-bottom:30px; margin-bottom:30px}

.statlioff { padding-bottom:10px}

.statbottone {background: #00182F; color: #fff; font-weight: 400; line-height: 48px; letter-spacing: .02em; text-transform: uppercase; text-align: center; font-size: 1.2em; padding: 0 50px; margin: 30px 0 0; display: inline-block; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; text-decoration: none;}

@media only screen and (max-width: 700px) {
.statmpleft0 { padding-left:0 !important}
}


@media only screen and (min-width: 500px) {
.nvscallmob { display:none !important}
}

@media only screen and (max-width: 500px) {
.nvscallpc { display:none !important}
}

.nvslcall {font-size: 18px;}