@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
    height: 100%;
    color: #fff;
    line-height: 1.8;
}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* slideshow */
.tickerstyle{width:100%; height:480px; overflow:hidden;}
.messagediv{display: none;}
.tickerstyle2{width:100%; height:200px; overflow:hidden;}
.messagediv2{display: none;}
/* fine slideshow*/

a.vanilla:link {text-decoration: none; color:inherit;}
a.vanilla:visited {text-decoration: none; color:inherit;}
a.vanilla:hover {text-decoration: none;	color:inherit;}
a.vanilla:active {	text-decoration: none;	color:inherit;}	

/* struttura */
.blocco {display:block;}
.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0)); }
.w3-modal-titolo{margin:auto;position:relative;padding:0;outline:0;width:auto!important}
.padding5 { padding: 0 10px 10px 0;}
.padding5x { padding: 10px;}
.elastic_img {width:100%; height:auto; }
.immagini_tmb{ float: left; width:99%; margin:0 1% 1% 0; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;  }
.btn_image :hover{ background-color:#FFF; opacity: 0.5; }
.margine-small{margin:8px!important}
.margine-bottom{ margin-bottom:32px!important}
.tooltip {position: relative; display: inline-block;}
.gallery{background-position:center; background-size:cover;}
.centroVert {display: flex; flex-direction: column; justify-content: center; }


.tabella{border-bottom: 1px solid #666;}

/* animazione */
.trans{ transition: transform 0.5s;}
.trans:hover {transform: translate(0px, -15px);}

.blupeu {color:black!important}
.blupeu-back { background-color:black!important}
.blupeu-back2 { 
	background-position: right center;
	background-repeat:no-repeat;
	background-size: contain;
	background-color:black!important;
}

/* FONT */
.cabin {font-family: 'Cabin', sans-serif;}
.open {font-family: 'Open Sans', sans-serif;}
.maiuscolo {text-transform:uppercase;}    
.titolo1 { font-family: 'Rammetto One', cursive;}
.titolo2 {font-family: 'Fjalla One', sans-serif;}


/*

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

.logosvg { height:auto; width:100%;}
.anton-title {font-family: 'Anton', sans-serif; letter-spacing: 4px;}
.anton-title2 {font-family: 'Anton', sans-serif; letter-spacing: 2px; }
.soggiorni {display:block; padding:5px;}
.soggiorni-titolo-tmb {padding-top:10px; display:block;}
.nascosto {overflow:hidden;}
.alt-120 { height:120px!important;}


.w3-modal2{z-index:3;display:none;padding-top:50px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8)}

.modal-padding {padding:50px;}

.immagini_tmb2{ float: left; width:16%; margin:0 0.6% 0.6% 0; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;  }
.rounded2 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rounded2sx {-webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px;}
.rounded3 {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}


.bluscuro {color:#006!important;}
.bluscuro2 {color:#fff!important; background-color:#065db5!important;}
.bluscuro2-hover {color:#065db5!important; background-color:#fff!important;}
.bluscuro3 {color:#fff!important; background-color:#03b6e9!important;}
.bluscuro4 {color:#fff!important; background-color:#0000ff!important;}
.altezza210{height:210px;}
.grigino{color:#000!important;background-color:#ccc!important}
.grigino:hover{color:#FFF!important;background-color:#333!important}
.acqua{color:#000!important;background-color:#00ffff!important}
.acqua:hover{color:#FFF!important;background-color:#0266fd!important}

.puntatore:hover{text-decoration:none;cursor:pointer}

.blocco-alto { position:fixed; top:6%; right:0%; left:auto; display:block; width:250px; height: auto; z-index:90;}
.blocco-alto2 { margin-top:15px; right:0%; float: right; width: 250px; } 
.padding-volante {padding:5px 5px 5px 10px; }
.spaziatura1 { padding-right: 35px;}
.chiudi-float {margin-top:-20px; margin-right:10px; right:0px; float:left; z-index:100;}
.cerchio {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height:150px; width:150px; padding-top:20px; margin-top:-30px; margin-bottom:-50px;}
.blocco-tab {display: block; height:115px;}
.soggiorni-img {display: inline-block; float:left; width:40%;}
.soggiorni-txt {display:inline-block; float:left;  width:59%; padding:1% 1% 1% 2%;}
@media (max-width:720px){ 
.blocco-alto { position:fixed; top:7%; right:0%; left:auto;  float: right; width: 240px; }
.blocco-alto2 { margin-top:15px; right:0%; float: right; width: 240px; }
.padding-volante {padding:2% 2% 2% 3%; }
.spaziatura1 { padding-right: 10px;}
.cerchio {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height:150px; width:150px; padding-top:20px; margin-top:-30px; margin-bottom:10px;}
.soggiorni-img {display: inline-block; float:left; width:50%; height:100%}
.soggiorni-txt {display:inline-block; float:left;  width:49%; padding:1% 1% 1% 2%;}
}

.contatti-blue {width:100%; display:block; padding:2%; background-color:#0FF;  float:left; margin-top:20px;}
.promo{width:100%; display:block; float:left; margin-top:10px;}
.ultimoagg {width:100%; display:block; float:right; margin-top:10px;}
.w3-margin-top2{margin-top:25px!important}