/*@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,400,600,700,900');*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,400,600,700,900');
/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
body {
    line-height: 0em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */




	


@media all{
	#clear_left {
		clear:left;
	}
	#clear_right {
		clear:right;
	}
	#clear_both {
		clear:both;
	}
	.clear_left {
		clear:left;
	}
	.clear_right {
		clear:right;
	}
	.clear_both {
		clear:both;
	}
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 16px;
		font-family: 'Montserrat', sans-serif;
        font-weight: 400;
		background:#fff;
		width:100%;
		color:#000;
		overflow-x: hidden;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
	.colornero{color:#222;}
	.colornero a, .colornero a:link{ color:#222; text-decoration:none;}
	.colornero a:hover, .colornero a:focus, .colornero a:active{
        text-decoration: underline;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #222;
    }
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:none;}
	.colorbianco a:hover, .colorbianco a:focus, .colorbianco a:active{
        text-decoration: underline;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #fff;
    }

    
    .bgrosa{background-color: #d2d2d2;}
	
    .paddingtestuale{padding: 80px 0;}
    .lineheight15{line-height: 1.5em;}
	.lineheight18{line-height: 1.8em;} /* usato nei titoli in pagina scroll */
	.fontsize70{font-size: 70px;} /* usato in home maestose */
	.fontsize53{font-size: 53px;} /* usato nei titoli in pagina scroll */
    .fontsize42{font-size: 42px;}
	.fontsize30{font-size: 30px;} 
	.fontsize24{font-size: 24px;} /* usato anche nei titoli delle offerte*/
    .fontsize22{font-size: 22px;}
    .fontsize19{font-size: 19px;}
	
	.testothin{font-weight: 100;}
    .testolight{font-weight: 200;}
	.testoregular{font-weight: 400;}
    .testosemibold{font-weight: 600;}
	.testobold{font-weight: 700;}
	.testoblack{font-weight: 900;}

	.container{
		max-width:960px;
		width:100%;
		margin:0 auto;
        position: relative;
		/*background-color: #f91;*/
	}
    
	/* MENU */
	.spessoredimenu{padding: 80px 0 0 0;}
	.spessoredimenucookie{padding: 110px 0 0 0;}
	.spessore10top{padding: 10px 0 0 0;}
	.spessore5top{padding: 5px 0 0 0;}
	.bloccofixed{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
	}
	header{
		width: 100%;
		height: 80px;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		-ms-transition: height 0.3s;
		-o-transition: height 0.3s;
		transition: height 0.3s;
        background-color: #fff;
	}
	header .menumobile{
		display: none;
		float: left;
        width: calc(100% - 180px);
		text-align: right;
		padding: 25px 0 0 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .logo{
		float: left;
		width: 180px;
		height: 60px;
		text-align: left;
		padding: 10px 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .menu{
		float: left;
        width: calc(100% - 180px);
        text-align: right;
		padding: 33px 0 0 0;
		margin: 0 0 0 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		font-size: 14px;
		font-weight: 500;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
	}
	header .menu ul li{
		list-style: none;
		vertical-align: top;
		margin:0;
		padding: 0 6px 33px 6px;
		display:inline-block;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background-repeat: no-repeat; /* deve stare in questa posizione */
		background-position: center bottom; /* deve stare in questa posizione */
	}
	header .menu a{
		text-decoration:none;
		color:#000;
	}
	header .menu a:hover{
		color: #00aeef;
	}
	header .menu .attivo{
		background-image: url(/res/img/test.png);
	}
	header .menu .nonattivo{
		background-image: none;
	}
	header.smaller{
        height: 55px;
        box-shadow: 0px 0px 40px #000000;
    }
	header .menumobile{
		padding: 13px 0 0 0;
	}
	header.smaller .logo{
		height: 45px;
		padding: 5px 0;
	}
	header.smaller .menu{
		padding: 18px 0 0 0;
	}
	header.smaller .menu ul li{
		padding: 0 6px 23px 6px;
	}
	/* FINE MENU */

    /* SLIDE */
	#slideHome{height: 100vh;}
    .slideimg {
        position: absolute;
        z-index: 1;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
    }
	#sfondo{
		width:100%;
		position: absolute;
		z-index: 1;
	}
    .slide {
      border: none; 
      opacity: 0; 
      filter:alpha(opacity=0);
      position: absolute; 
      top: 0; 
      left: 0;
    }
    .showMe {
      opacity: 1;
      filter:alpha(opacity=100);
    }
    /* FINE SLIDE */
    /* FRECCE */
    .containerfrecce {
        position: absolute;
		display: inline-block;
        /*width: 100%;*/
        z-index: 20;
        bottom: 10px;
        right: 10px;
		line-height: 0em;
    }
    .containerfrecce a {
		float: left;
    }
    /* FINE FRECCE */
	/* SLOGAN */
	.containerprenotasloganhome{
        position: absolute;
		display: inline-block;
        /*width: 100%;*/
        z-index: 19;
        bottom: 20%;
		left: 0;
        right: 0px;
		line-height: 0em;
		/*background-color: #f00;*/
		text-align: center;
		font-size: 110px;
		font-weight: 900;
		color: #FFF;
		line-height: 1.1em;
		text-shadow: 2px 2px 5px  #000;
	}
	/*.containerprenotasloganhome .sl:nth-child(1){margin: 0 0 40px 0;}*/
	.prenotaintxt{
		padding: 50px 0 0 0;
		text-align: center;
	}
	.prenotaapp{
        position: absolute;
        z-index: 10;
		top: 50px;
		left: 0;
		right: 0;
	}
	/* FINE SLOGAN*/
    /* HOME */
	#boxhomecose{
		float: left;
		width: calc(50% - 5px);
		margin: 0 5px 0 0;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}
	.temaboxcose{
		float: left;
		width: calc(50% - 145px);
		padding: 70px;
		margin: 0 0 0 5px;
		line-height: 1.4em;
		/*background-color: #f4f4f4;*/
	}
	#boxhomecosedue{
		float: left;
		width: calc(50% - 5px);
		margin: 0 5px 0 0;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}
	.temaboxcosedue{
		float: left;
		width: calc(50% - 145px);
		padding: 70px;
		margin: 0 0 0 5px;
		line-height: 1.4em;
		/*background-color: #f4f4f4;*/
	}
	#boxhomecomearrivare{
		float: left;
		width: 75%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		background-position: 50% 50%;
	}
	#txtcomearrivare{
		float: right;
		position: relative;
		width: calc(25% - 40px);
		padding: 30px 20px;
		background-color: #555555;
	}
	/* FINE HOME */
	/* ELENCO INFILTATA BOX TESTUALI */
	.elencocortinahome{
		float: left;
		width: calc(25% - 10px);
		margin: 10px 5px 5px 5px;
		min-height: 150px;
		/*background-color: #ff0;*/
	}
	.elencocortinahome .padtxt{padding: 0 20px 10px 20px;}
	
	.elencoappartamentiimmagine{
		position: relative; /* mi server per l'hover href*/
		float: left;
		width: calc(25% - 10px);
		margin: 10px 5px 0 5px;
		
	}
	.elencoappartamentiimmagine:hover{
		cursor: pointer;
	}

	
	.elencoappartamentiimmagine.tortora{
		background-color: #c0b7ac;
	}
	.spazioimgbg{
		background:center;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.spiegazione{
		position:absolute;
		display:block;
		top:0;
		bottom:0;
		left:0;
		right:0;
		overflow: hidden;
		text-align: center;
		margin: 0;
		padding: 0 4% 0 4%;
		border: solid 1px #f00;
	}
	.spiegazionetitolo{
		position: absolute;
		width: calc(100% - 8%);
		padding: 0 4%;
		top: 25%;
		left: 0;
		line-height: 1em;
		font-size: 30px;
		text-align: center;
	}
	.spiegazionedettaglio{
		position: absolute;
		width: 100%;
		padding: 0 0 0 0;
		top: 50%;
		left: 0;
		line-height: 1.5em;
		font-size: 18px;
		text-align: center;
	}
		.linkhowerinelencoappartamenti{
			line-height: 1.7em;
			position:absolute;
			display:block;
			top:0;
			bottom:0;
			left:0;
			right:0;
			overflow: hidden;
			text-align: center;
			background-color:rgba(0, 0, 0, 0);
			-webkit-transition: all 0.6s ease;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease; 
			transition: all 0.6s ease;
		}
		.linkhowerinelencoappartamenti:hover{background-color:rgba(0, 0, 0, 0);}
		.elencoappartamentititolo{
			position:absolute;
			width: calc(100% - 8%);
			top: 45%;
			padding: 10px 4%;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition: all 0.5s ease;
			font-size: 24px;
			background-color:rgba(0, 0, 0, 0);
		}
		.linkhowerinelencoappartamenti:hover .elencoappartamentititolo{
			top: 0%;
			background-color:rgba(0, 0, 0, 0.75);
		}
		.elencoappartamentiscopri{
			position:absolute;
			width: calc(100% - 2px);
			/*top: 80%;*/
            bottom: -30%;
            margin: 1px;
            padding: 5px 0;
			-webkit-transition: all 1.2s ease;
			-moz-transition: all 1.2s ease;
			-o-transition: all 1.2s ease; 
			transition: all 1.2s ease;
			font-size: 19px;
            background-color:rgba(255, 255, 255, 1);
		}
		.linkhowerinelencoappartamenti:hover .elencoappartamentiscopri{
            bottom: 0;
            background-color:rgba(255, 255, 255, 1);
        }
		.elencoappartamentifrecciasx{
			position:absolute;
			width: auto;
			/*top: 80%;*/
            top: 45%;
            left: -80px;
            margin: 1px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition: all 0.5s ease;
			cursor: pointer;
		}
		.linkhowerinelencoappartamenti:hover .elencoappartamentifrecciasx{left: 0px;}
		.elencoappartamentifrecciadx{
			position:absolute;
			width: auto;
			/*top: 80%;*/
            top: 45%;
            right: -80px;
            margin: 1px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition: all 0.5s ease;
			cursor: pointer;
		}
		.linkhowerinelencoappartamenti:hover .elencoappartamentifrecciadx{right: 0px;}
		.linkhowervaiapagelencoappartamenti{
			line-height: 1.7em;
			position:absolute;
			display:block;
			top:0;
			bottom:0;
			left:0;
			right:0;
			overflow: hidden;
			text-align: center;
			/*background-color:rgba(0, 0, 0, 0.75);
			-webkit-transition: all 0.6s ease;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease; 
			transition: all 0.6s ease;*/
		}
		/*.linkhowerinelencoappartamenti:hover{background-color:rgba(0, 0, 0, 0);}*/
		
		
/*		.aaaaaa{
			line-height: 1.7em;
			position:absolute;
			display:block;
			top:0;
			bottom:0;
			left:0;
			right:0;
			overflow: hidden;
			text-align: center;
			background-color:rgba(0, 0, 250, 0.75);
			-webkit-transition: all 0.6s ease;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease; 
			transition: all 0.6s ease;
			
		}
		
		.aaaaaa:hover, .aaaaaa:active, .aaaaaa:focus{background-color:rgba(255, 0, 0, 0);}*/
		
		.vaiapagelencoappartamenti{
			position:absolute;
			width: calc(100% - 8%);
			top: 40%;
			padding: 0 4% 0 4%;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition: all 0.5s ease;
			font-size: 24px;
			line-height: 1.5;
			/*font-weight: 200;*/
		}
		.linkhowervaiapagelencoappartamenti:hover .vaiapagelencoappartamenti{
			top: 39%;
			font-size: 26px;
			line-height: 1.5;
		}
		.tratto{
			position:absolute;
			border: solid 1px #fff;
			top: 10px;
			bottom: 10px;
			left: 10px;
			right: 10px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition: all 0.5s ease;
		}
		.linkhowervaiapagelencoappartamenti:hover .tratto{
			top: 20px;
			bottom: 20px;
			left: 20px;
			right: 20px;
		}


	/* FINE ELENCO INFILTATA BOX TESTUALI */
	/* MAPPA PLACE */
	#map_cover_multiplace{ /* usato nelle pagine con tutti i place assieme*/
		position: relative;
		height:600px;
	}
	#map_cover_multiplace #map{height: 600px;}
	#map_cover{
		position: relative;
		height:300px;
		overflow:hidden;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
	}
	#map_cover .enlarge{
		z-index: 1000;
		position: absolute;
		top:0;
		right: 0;
	}
	#map_cover.extend {height:600px;}
	#map_canvas {height:600px;}
    #map_canvas img {max-width: none; max-height: none;}
	#map_cover #map{height: 300px;}
	#map_cover #map.extend {height:600px;}
	/* MAPPA PLACE */
	/* DETTGAGLIO APPARTAMENTI */
	.boximgbkg{
		position: relative;
		background-repeat: no-repeat;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}
	.boxheight550{height: 550px;}
	.boximgbkg .precedente{
		position: absolute;
		bottom: 75px;
		left: 1px;
	}
	.boximgbkg .dettag{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 30px 0;
		font-size: 22px;
		font-weight: 200;
		text-align: center;
		background-color: rgba(192, 183, 172, 0.95);
	}
	.boximgbkg .dettag li{
		display: inline;
		padding: 0 20px;
	}
	.appboximg{
		float: left;
		width: calc(50% - 5px);
		padding: 0 5px 0 0;
	}
	.imgapp{
		position: relative;
		float: left;
		width: calc(50% - 10px);
		margin: 5px;
		background-repeat: no-repeat;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}
	.imgapp.tortora{background-color: #c0b7ac;}
		.linkhowerimgapp{
			line-height: 1.7em;
			position:absolute;
			display:block;
			top:0;
			bottom:0;
			left:0;
			right:0;
			overflow: hidden;
			text-align: center;
			background-color:rgba(0, 0, 0, 0);
			-webkit-transition: all 0.6s ease;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease; 
			transition: all 0.6s ease;
		}
		.linkhowerimgapp:hover{background-color:rgba(0, 0, 0, 0.75);}
		.trattoimgapp{
			position:absolute;
			border: solid 1px #fff;
			top: 0%;
			bottom: 0%;
			left: 0%;
			right: 0%;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition: all 0.5s ease;
		}
		.linkhowerimgapp:hover .trattoimgapp{
			top: 35%;
			bottom: 35%;
			left: 40%;
			right: 40%;
		}
		.zoomimgapp{
			position:absolute;
			top: calc(50% - 14px);
			left: calc(50% - 14px);
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition: all 0.5s ease;
			opacity: 0;
			
		}
		.linkhowerimgapp:hover .zoomimgapp{opacity: 1;}
	.appboxtxt{
		float: left;
		width: calc(50% - 5px);
		padding: 0 0 0 5px;
	}
	.apppadtxt{padding: 50px;}
	.apptit{padding: 0 0 15px 0;}
	.appvia{margin: 0 0 30px 0;}
	.apptesto{margin: 0 0 20px 0;}
	.appelenco{margin: 20px 0;}
	.appelenco .boxappele{
		float: left;
		width: 48%;
		padding: 0 2% 0 0;
	}
	.appelenco .boxappele:nth-child(1){width: 100%; padding: 0 0 0 0;}

	/* FINE DETTAGLIO APPARTAMENTI */
    /* BOTTOM */
    .bottom{
		padding: 0px 0 10px 0;
		text-align: center;
    }
	.sponsor{padding: 40px 0 30px 0;}
	.blink{
		/*border-top: solid 1px #000;*/
		padding: 40px 0;
	}
	.blink li{
		display:  inline;
		margin: 0 8px 0 8px;
	}
	.bdati{padding: 40px 0 0 0;}
    .legal{padding: 0 0 30px 0;}
	.social{padding: 0 0 5px 0;}
	.credits{
		font-size: 12px;
		padding: 0 15px 10px 15px;
		text-align: right;
	}
    /* FINE BOTTOM */
	
    .imghome{
        position: relative;
        width: 100%;
        height: 500px;
        background: no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
	
}













@media all and (max-width: 1600px){
	.fontsize24{font-size: 22px;}
    .fontsize22{font-size: 21px;}
    .fontsize19{font-size: 19px;}
	/*  ELENCO INFILTATA BOX TESTUALI */
		.linkhowerinelencoappartamenti{line-height: 1.6em;}
		.spiegazionetitolo{font-size: 27px;}
		.spiegazionedettaglio{font-size: 17px;}
		.elencoappartamentititolo{font-size: 22px;}
		.elencoappartamentiscopri{font-size: 18px;}
		.elencoappartamentititolofascetta{
			padding: 14px 4%;
			font-size: 16px;
		}
		.vaiapagelencoappartamenti{font-size: 22px;}
		.linkhowervaiapagelencoappartamenti:hover .vaiapagelencoappartamenti{font-size: 22px;}
	/* FINE ELENCO INFILTATA BOX TESTUALI */
	/* DETTGAGLIO APPARTAMENTI */
	.boxheight550{height: 540px;}
	.boximgbkg .precedente{bottom: 71px;}
	.boximgbkg .precedente img{width: 320px;}
	.boximgbkg .dettag{
		padding: 28px 0;
		font-size: 21px;
	}
	.boximgbkg .dettag li{padding: 0 19px;}
	.apppadtxt{padding: 40px;}
	.apptit{padding: 0 0 14px 0;}
	.appvia{margin: 0 0 25px 0;}
	.apptesto{margin: 0 0 18px 0;}
	.appelenco{margin: 18px 0;}
	/* FINE DETTAGLIO APPARTAMENTI */

	/* SLOGAN */
	.containerprenotasloganhome .sl:nth-child(1) img{width: 37%;}
	.containerprenotasloganhome .sl:nth-child(2) img{width: 40%;}
	.prenotaintxt{padding: 40px 0 0 0;}
	.prenotaintxt img{width: 37%;}
	.prenotaapp img{width: 37%;}
	/* FINE SLOGAN */
	
}












@media all and (max-width: 1400px){
	body{font-size: 15px;}
	.imghome{height: 430px;}
    .paddingtestuale{padding: 70px 0;}
	.fontsize70{font-size: 60px;} /* usato in home maestose */
	.fontsize53{font-size: 45px;} /* usato nei titoli in pagina scroll */
    .fontsize42{font-size: 38px;}
	.fontsize30{font-size: 28px;}
	.fontsize24{font-size: 20px;}
    .fontsize22{font-size: 19px;}
    .fontsize19{font-size: 18px;}
   /* HOME */
	.temaboxcose{
		width: calc(50% - 125px);
		padding: 50px;
	}
	.temaboxcosedue{
		width: calc(50% - 125px);
		padding: 50px;
	}
	/* FINE HOME */
	/*  ELENCO INFILTATA BOX TESTUALI */
		.spiegazionetitolo{font-size: 22px;}
		.spiegazionedettaglio{
			line-height: 1.4em;
			font-size: 16px;
		}
		.elencoappartamentititolo{font-size: 20px;}
		.elencoappartamentiscopri{font-size: 17px;}
		.elencoappartamentititolofascetta{
			padding: 13px 4%;
			font-size: 15px;
		}
		.vaiapagelencoappartamenti{font-size: 16px;}
		.linkhowervaiapagelencoappartamenti:hover .vaiapagelencoappartamenti{font-size: 16px;}
	/* FINE ELENCO INFILTATA BOX TESTUALI */
	/* PAGINA CON FOTO E TESTO SCORREVOLE */
	.breadcrumb{padding: 5px 60px;}
	.testodicontenuto{padding: 60px;}
	/* FINE PAGINA CON FOTO E TESTO SCORREVOLE */
	/* DETTGAGLIO APPARTAMENTI */
	.boxheight550{height: 530px;}
	.boximgbkg .precedente{bottom: 66px;}
	.boximgbkg .precedente img{width: 300px;}
	.boximgbkg .dettag{
		padding: 26px 0;
		font-size: 20px;
	}
	.boximgbkg .dettag li{padding: 0 18px;}
	/*.appboximg{
		width: calc(50% - 5px);
		padding: 0 5px 0 0;
	}*/
	/*.imgapp{
		position: relative;
		float: left;
		width: calc(50% - 10px);
		margin: 5px;
		background-repeat: no-repeat;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}*/


	/*.appboxtxt{
		float: left;
		width: calc(50% - 5px);
		padding: 0 0 0 5px;
	}*/
	.apppadtxt{padding: 30px;}
	.apptit{padding: 0 0 13px 0;}
	.appvia{margin: 0 0 22px 0;}
	.apptesto{margin: 0 0 16px 0;}
	.appelenco{margin: 16px 0;}
	/*.appelenco .boxappele{
		float: left;
		width: 48%;
		padding: 0 2% 0 0;
	}
	.appelenco .boxappele:nth-child(1){width: 100%; padding: 0 0 0 0;}*/

	/* FINE DETTAGLIO APPARTAMENTI */
	
	
}
















@media all and (max-width: 1200px){
	body{font-size: 14px;}
	.imghome{height: 350px;}
    .paddingtestuale{padding: 60px 0;}
	.fontsize70{font-size: 50px;} /* usato in home maestose */
	.fontsize53{font-size: 40px;} /* usato nei titoli in pagina scroll */
    .fontsize42{font-size: 33px;}
	.fontsize30{font-size: 26px;}
	.fontsize24{font-size: 19px;}
    .fontsize22{font-size: 18px;}
    .fontsize19{font-size: 17px;}
   /* HOME */
	.temaboxcose{
		width: calc(50% - 105px);
		padding: 30px;
	}
	.temaboxcosedue{
		width: calc(50% - 105px);
		padding: 30px;
	}
	/* FINE HOME */
	/*  ELENCO INFILTATA BOX TESTUALI */
		.linkhowerinelencoappartamenti{line-height: 1.6em;}
		.spiegazionetitolo{font-size: 18px;}
		.spiegazionedettaglio{
			line-height: 1.3em;
			font-size: 15px;
		}
		.elencoappartamentititolo{font-size: 17px;}
		.elencoappartamentiscopri{font-size: 15px;}
		.elencoappartamentititolofascetta{
			padding: 12px 4%;
			font-size: 14px;
		}
		.vaiapagelencoappartamenti{font-size: 15px;}
		.linkhowervaiapagelencoappartamenti:hover .vaiapagelencoappartamenti{font-size: 15px;}
	/* FINE ELENCO INFILTATA BOX TESTUALI */
	/* PAGINA CON FOTO E TESTO SCORREVOLE */
	.breadcrumb{padding: 5px 50px;}
	.testodicontenuto{padding: 50px;}
	/* FINE PAGINA CON FOTO E TESTO SCORREVOLE */
	/* DETTGAGLIO APPARTAMENTI */
	.boxheight550{height: 520px;}
	.boximgbkg .precedente{bottom: 61px;}
	.boximgbkg .precedente img{width: 280px;}
	.boximgbkg .dettag{
		padding: 24px 0;
		font-size: 19px;
	}
	.boximgbkg .dettag li{padding: 0 17px;}
	/*.appboximg{
		width: calc(50% - 5px);
		padding: 0 5px 0 0;
	}*/
	/*.imgapp{
		position: relative;
		float: left;
		width: calc(50% - 10px);
		margin: 5px;
		background-repeat: no-repeat;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}*/


	/*.appboxtxt{
		float: left;
		width: calc(50% - 5px);
		padding: 0 0 0 5px;
	}*/
	.apppadtxt{padding: 25px;}
	.apptit{padding: 0 0 12px 0;}
	.appvia{margin: 0 0 20px 0;}
	.apptesto{margin: 0 0 15px 0;}
	.appelenco{margin: 15px 0;}
	/*.appelenco .boxappele{
		float: left;
		width: 48%;
		padding: 0 2% 0 0;
	}
	.appelenco .boxappele:nth-child(1){width: 100%; padding: 0 0 0 0;}*/

	/* FINE DETTAGLIO APPARTAMENTI */
	
	
}


























@media all and (max-width: 1020px){
	body{font-size: 13px;}
	.imghome{height: 280px;}
	.container{
		width:94%;
		margin: 0 3%;
	}
    .paddingtestuale{padding: 50px 0;}
	.fontsize70{font-size: 40px;} /* usato in home maestose */
	.fontsize53{font-size: 33px;} /* usato nei titoli in pagina scroll */
    .fontsize42{font-size: 29px;}
	.fontsize30{font-size: 21px;}
	.fontsize24{font-size: 17px;}
    .fontsize22{font-size: 16px;}
    .fontsize19{font-size: 15px;}
   /* HOME */
	.temaboxcose{
		width: calc(50% - 65px);
		padding: 20px;
	}
	.temaboxcosedue{
		width: calc(50% - 65px);
		padding: 20px;
	}
	#boxhomecomearrivare{width: 50%;}
	#txtcomearrivare{width: calc(50% - 40px);}
	/* FINE HOME */
	/*  ELENCO INFILTATA BOX TESTUALI */
	.elencocortinahome{width: calc(50% - 10px);}
		.elencoappartamentiimmagine{width: calc(33.33% - 10px);}
		.linkhowerinelencoappartamenti{line-height: 1.8em;}
		.spiegazionetitolo{font-size: 20px;}
		.spiegazionedettaglio{
			line-height: 1.4em;
			font-size: 16px;
		}
		.elencoappartamentititolo{font-size: 18px;}
		.elencoappartamentiscopri{font-size: 14px;}
		.elencoappartamentititolofascetta{
			padding: 11px 4%;
			font-size: 13px;
		}
		.elencocortinahome .padtxt{padding: 0 15px;}
		.vaiapagelencoappartamenti{font-size: 14px;}
		.linkhowervaiapagelencoappartamenti:hover .vaiapagelencoappartamenti{font-size: 14px;}
	/* FINE ELENCO INFILTATA BOX TESTUALI */
	/* SLOGAN */
	.containerprenotasloganhome .sl:nth-child(1) img{width: 35%;}
	.containerprenotasloganhome .sl:nth-child(2) img{width: 38%;}
	.prenotaintxt{padding: 30px 0 0 0;}
	.prenotaintxt img{width: 35%;}
	.prenotaapp img{width: 35%;}
	/* FINE SLOGAN */
	/* DETTGAGLIO APPARTAMENTI */
	.boxheight550{height: 500px;}
	.boximgbkg .precedente{bottom: 58px;}
	.boximgbkg .precedente img{width: 260px;}
	.boximgbkg .dettag{
		padding: 23px 0;
		font-size: 18px;
	}
	.boximgbkg .dettag li{padding: 0 16px;}
	.apppadtxt{padding: 22px;}
	.apptit{padding: 0 0 11px 0;}
	.appvia{margin: 0 0 18px 0;}
	.apptesto{margin: 0 0 14px 0;}
	.appelenco{margin: 14px 0;}
	/* FINE DETTAGLIO APPARTAMENTI */
	
}





















@media all and (max-width: 800px){
    .paddingtestuale{padding: 50px 0;}
	.imghome{height: 250px;}
	.fontsize70{font-size: 28px;} /* usato in home maestose */
	.fontsize53{font-size: 22px;} /* usato nei titoli in pagina scroll */
    .fontsize42{font-size: 20px;}
	.fontsize30{font-size: 17px;}
	.fontsize24{font-size: 14px;}
    .fontsize22{font-size: 14px;}
    .fontsize19{font-size: 13px;}
	/* MENU */
	header .menumobile{display: block;}
	header .menu{display: none;}
	/* FINE MENU */
   /* HOME */
	#boxhomecose{
		width: 100%;
		margin: 0 0 0 0;
	}
	.temaboxcose{
		width: calc(100% - 6%);
		padding: 30px 3%;
	}
	#boxhomecosedue{
		width: 100%;
		margin: 0 0 0 0;
	}
	.temaboxcosedue{
		width: calc(100% - 6%);
		padding: 30px 3%;
	}
	/* FINE HOME */
	/*  ELENCO INFILTATA BOX TESTUALI */
		.linkhowerinelencoappartamenti{line-height: 1.6em;}
		.spiegazionetitolo{font-size: 17px;}
		.spiegazionedettaglio{
			line-height: 1.3em;
			font-size: 14px;
		}
		.elencoappartamentititolo{font-size: 14px;}
		.elencoappartamentiscopri{font-size: 12px;}
		.elencoappartamentititolofascetta{font-size: 13px;}
		.vaiapagelencoappartamenti{font-size: 12px;}
		.linkhowervaiapagelencoappartamenti:hover .vaiapagelencoappartamenti{font-size: 12px;}
	/* FINE ELENCO INFILTATA BOX TESTUALI */
	/* SLOGAN */
	.containerprenotasloganhome .sl:nth-child(1) img{width: 30%;}
	.containerprenotasloganhome .sl:nth-child(2) img{width: 33%;}
	.prenotaintxt{padding: 30px 0 0 0;}
	.prenotaintxt img{width: 30%;}
	.prenotaapp img{width: 30%;}
	/* FINE SLOGAN */
	/* DETTGAGLIO APPARTAMENTI */
	.boxheight550{height: 480px;}
	.boximgbkg .precedente{bottom: 56px;}
	.boximgbkg .precedente img{width: 210px;}
	.boximgbkg .dettag{
		padding: 22px 0;
		font-size: 15px;
	}
	.boximgbkg .dettag li{padding: 0 10px;}
	/*.appboximg{
		width: calc(50% - 5px);
		padding: 0 5px 0 0;
	}*/
	.imgapp{
		position: relative;
		float: left;
		width: calc(100% - 10px);
		margin: 5px;
	}
	/*.appboxtxt{
		float: left;
		width: calc(50% - 5px);
		padding: 0 0 0 5px;
	}*/
	.apppadtxt{padding: 10px;}
	.apptit{padding: 0 0 5px 0;}
	.appvia{margin: 0 0 15px 0;}
	.apptesto{margin: 0 0 10px 0;}
	.appelenco{margin: 10px 0;}
	.appelenco .boxappele{
		float: left;
		width: 100%;
		padding: 0 0 0 0;
	}
	/*.appelenco .boxappele:nth-child(1){width: 100%; padding: 0 0 0 0;}*/
	/* FINE DETTAGLIO APPARTAMENTI */
	


}






















@media all and (max-width: 650px){
	/*  ELENCO INFILTATA BOX TESTUALI */
		.elencoappartamentiimmagine{width: calc(50% - 10px);}
		.spiegazionetitolo{font-size: 20px;}
		.spiegazionedettaglio{
			line-height: 1.5em;
			font-size: 15px;
		}
		.elencoappartamentititolo{font-size: 17px;}
		.elencoappartamentiscopri{font-size: 14px;}
		.elencoappartamentititolofascetta{font-size: 15px;}
		.elencocortinahome .padtxt{padding: 0 10px;}
		.vaiapagelencoappartamenti{font-size: 17px;}
		.linkhowervaiapagelencoappartamenti:hover .vaiapagelencoappartamenti{font-size: 17px;}
	/* FINE ELENCO INFILTATA BOX TESTUALI */
	/* SLOGAN */
	.containerprenotasloganhome .sl:nth-child(1) img{width: 43%;}
	.containerprenotasloganhome .sl:nth-child(2) img{width: 46%;}
	.prenotaintxt{padding: 25px 0 0 0;}
	.prenotaintxt img{width: 43%;}
	.prenotaapp img{width: 46%;}
	/* FINE SLOGAN */
	/* DETTGAGLIO APPARTAMENTI */
	.boxheight550{height: 440px;}
	.boximgbkg .precedente{bottom: 98px;}
	.boximgbkg .dettag{
		padding: 15px 0;
		font-size: 14px;
	}
	.boximgbkg .dettag li{width: 45%; display: inline-block; padding: 5px;}
	.appboximg{
		width: 100%;
		padding: 0 0 20px 0;
	}
	.imgapp{
		width: calc(50% - 10px);
		margin: 5px;
	}
	.appboxtxt{
		width: 100%;
		padding: 0 0 20px 0;
	}
	/* FINE DETTAGLIO APPARTAMENTI */
    /* BOTTOM */
    .bottom{
		padding: 0px 0 10px 0;
		text-align: center;
    }
	.sponsor{padding: 40px 0 30px 0;}
	.blink{
		/*border-top: solid 1px #000;*/
		padding: 40px 0;
	}
	.blink li{
		display: block;
		margin: 0 8px 0 8px;
	}
	.bdati{padding: 40px 0 0 0;}
    .legal{padding: 0 0 30px 0;}
	.social{padding: 0 0 5px 0;}
	.credits{
		font-size: 12px;
		padding: 0 15px 10px 15px;
		text-align: right;
	}
    /* FINE BOTTOM */
}




















@media all and (max-width: 500px){
  /* HOME */
	#boxhomecomearrivare{
		float: left;
		width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		background-position: 50% 50%;
	}
	#txtcomearrivare{
		float: right;
		position: relative;
		width: calc(100% - 40px);
		padding: 30px 20px;
		background-color: rgba(192, 182, 172, 1);
	}
	/* FINE HOME */
	/*  ELENCO INFILTATA BOX TESTUALI */
		.elencocortinahome{width: calc(100% - 10px);}
		.elencoappartamentiimmagine{width: calc(100% - 10px);}

		.linkhowerinelencoappartamenti{line-height: 1.8em;}
		.spiegazionetitolo{
			font-size: 22px;
		}
		.spiegazionedettaglio{
			line-height: 1.3em;
			font-size: 18px;
		}
		.elencoappartamentititolo{
			/*top: 20%;*/
			font-size: 20px;
		}
		.elencoappartamentiscopri{
			/*top: 80%;*/
			font-size: 16px;
		}
		.elencoappartamentititolofascetta{
			padding: 15px 4%;
			font-size: 19px;
		}
		.elencocortinahome .padtxt{padding: 0px;}
	/* FINE ELENCO INFILTATA BOX TESTUALI */
	
	
}





	/* FINESTRA FOTO */
	#finestraphoto {
		display: none;
		position: fixed;
		z-index: 9999998;
		top: 0;
		bottom: 0;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		border: 10px solid #f0f0f0;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
		background-image: url(/res/img/rotate/02.jpg);
	}
	/* FINE FINESTRA FOTO */
	
	
	/* FINESTRA FOTO WEB CAM */
	#finestraphotowebcam {
		display: none;
		position: fixed;
		z-index: 9999999;
		top: 0;
		bottom: 0;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		border: 10px solid #f0f0f0;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
		background-image: url(/res/img/trasp-social.png);
	}
	/* FINE FINESTRA FOTO WEB CAM */

    /* MAPPA GOOGLE */
	#finestramappa {
		display: block;
		position: fixed;
		z-index: 9999999;
		top: -3000px;
		bottom: 0;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		border: 10px solid #f0f0f0;
	}
	#map {
        height: 100%;
    }
    #map img {
      max-width: none;
      max-height: none;
    }
    #map img {
      max-width: none;
      max-height: none;
    }
    /* MAPPA GOOGLE */
    
    /* SLIDE PAGINE INTERNE */    
    .exslide {
        transition: opacity 1s ease-in-out;
        position: absolute;
        top: 0px;
        background-size: cover;
        background-position: center center;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 0;
    }
    .dss {
        opacity: 1;
    }
    /* !SLIDE PAGINE INTERNE */