/*@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700,800,900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@600&family=Oxanium:wght@600&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');



/* *********
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: 22px;
		/*font-family: 'Muli', sans-serif;*/
		/*font-family: 'Nunito Sans', sans-serif;*/
		font-family: 'Poppins', sans-serif;
		
		font-weight: 400;
		background:#f5f5f5;
        /*background-color: #E5DCD5;*/
		width:100%;
		color:#000;
		overflow-x: hidden;
	}
	/*img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}*/
	h1{
		font-size: 45px;
		line-height: 1.6em;
		font-weight: 700;
		text-align: left;
	}
	h2{
		font-size: 38px;
		line-height: 1.6em;
		font-weight: 600;
		text-align: left;
	}
	h3{
		font-size: 32px;
		line-height: 1.6em;
		font-weight: 200;
		text-align: left;
	}
	h4{
		font-size: 26px;
		line-height: 1.6em;
		font-weight: 400;
		text-align: left;
	}
	h5{
		font-size: 22px;
		line-height: 1.6em;
		font-weight: 700;
		text-align: left;
	}
	.colornero{color:#000;}
	.colornero a, .colornero a:link{ color:#000; text-decoration:none;}
	.colornero a:hover, .colornero a:focus, .colornero a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #f2452f;
    }
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:none;}
	.colorbianco a:hover, .colorbianco a:focus, .colorbianco a:active{
        -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;
    }
	.colorlogo{color:#f2452f;}
	.colorlogo a, .colorlogo a:link{ color:#f2452f; text-decoration:none;}
	.colorlogo a:hover, .colorlogo a:focus, .colorlogo a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #f2452f;
    }
	.containerimginterne{
		width: 100%;
		height: 350px;
		/*background-color: #012;*/
		line-height: 1em;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
	}
	.containertestuale{
		max-width:870px;
		padding: 80px 0 80px 0;
		width:100%;
		margin:0 auto;
		line-height: 1.8em;
		text-align: justify;
		/*background-color: #00f;*/
	}
	.containertestuale ul li{
		padding: 3px 0 3px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0px 10px;
	}
	.containertestuale img{
		width: 100%;
	}
	.containertestuale .pulsantedownload{
		/*padding: 30px 0 10px 0;*/
		font-size: 30px;
		font-weight: bold;
		line-height: 1.5em;
		text-align: center;
	}
	.containertestuale .pulsantedownload a, .pulsantedownload a:link{
		color:#fff;
		background-color: #000;
		padding: 20px;
		text-decoration: none;
	}
	.containertestuale .pulsantedownload a:hover, .pulsantedownload a:focus, .pulsantedownload a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        /*color: #221100;*/
		background-color: #f2452f;
    }
	.container{
		max-width:1550px;
		width:100%;
		margin:0 auto;
	}
	
    /* 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);
    }
	.logogrande{
		position:absolute;
		z-index: 90;
		top: calc(50% - 150px);
		left: 0;
		width: 100%;
		text-align: center;
		opacity: 0;
		-webkit-animation-name: logograndemove;
		-webkit-animation-duration: 4s;
		/*-webkit-animation-iteration-count: infinite;*/
		-webkit-animation-iteration-count: 1;
	}
	@-webkit-keyframes 'logograndemove' {
		0% { opacity: 1; }
		75% { opacity: 1; }
		100%   { opacity: 0; }
	}
    /* FINE SLIDE */
	/* MENU */
	/*.spessoredimenu{padding: 105px 0 0 0;}
	.spessoredimenucookie{padding: 136px 0 0 0;}*/
	/*header .menumobile{display: none;}*/
	header .menumobileico{display: none;}
	.bloccofixed{
		/*overflow: hidden;*/ /* in questo modo posso vedere il menù di secondo livello*/
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
	}
	header{
		position: relative;
		width: 100%;
		height: 90px;
		background: transparent;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		background-color: rgba(255, 255, 255, 1);
		/*background-color: #f2452f;*/
	}
	header:hover{
		background-color: rgba(255, 255, 255, 1);
	}
	header .logo{
		position: absolute;
		width: 120px;
		/*height: 76px;*/
		line-height: 0;
		padding: 10px 15px;
		top: 0;
		left: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		/*background-color: #f00;*/
	}
	header .logo img{
		width: 120px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
		/* questo mi pemette in home di far apparire il logo quando scmapre quallo grande */
		.logomenumove img{
			-webkit-animation-name: logomenumove;
			-webkit-animation-duration: 5s;
			/*-webkit-animation-iteration-count: infinite;*/
			-webkit-animation-iteration-count: 1;
		}
		@-webkit-keyframes 'logomenumove' {
			0% { opacity: 0; }
			60% { opacity: 0; }
			100%   { opacity: 1; }
		}
		/* questo mi pemette in home di far apparire il logo quando scmapre quallo grande */
	header .menu{
        width: 100%;
        text-align: center;
		padding: 32px 0 0 0;
		margin: 0 0 0 0;
		line-height: 1em;
		font-weight: 600;
		font-size: 26px;
		/*font-family: 'Bai Jamjuree', sans-serif;*/
		/*font-family: 'Oxanium', cursive;*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	header.smaller{
		height: 66px;
		box-shadow: 0px 0px 25px #000;
		background-color: #fff;
	}
	header.smaller .logo{
		position: absolute;
		width: 95px;
		/*height: 50px;*/
		line-height: 0;
		padding: 5px 10px;
		top: 0;
		left: 0;
	}
	header.smaller .logo img{
		width: 95px;
	}
	header.smaller .menu{
		padding: 20px 0 0 0;
		font-weight: 600;
		font-size: 26px;
	}
		ul#link {list-style: none;}
		ul#link li {
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			margin:0;
			padding: 0 15px 0px 15px;
			display:inline-block;
			position: relative;
		}
		ul#link li:last-child {
			padding: 0 0 0px 15px;
		}
		ul#link li a{
			text-decoration:none;
			margin:0;
			color:#000;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
		}
		header.smaller ul#link li a{
			color:#000;
		}
		ul#link li a:hover{
			color:#f2452f;
		}
		header.smaller ul#link li a:hover{
			color:#f2452f;
		}
		ul#link li a.attivo{
			/*color:#f6de72;*/
			font-weight: 700;
		}
		/*ul#link ul {			
			margin:0 0 0 0;
			padding:65px 0 0 0;
			display:inline-block;
			list-style: none;
			display: none; 
			position: absolute;
			top: 27px;
			left: 0;
			z-index:9999;
			text-align: left;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			
		}
		header.smaller ul#link ul {			
			margin:0 0 0 0;
			padding:30px 0 0 0;
			display:inline-block;
			list-style: none;
			display: none; 
			position: absolute;
			top: 27px;
			left: 0;
			z-index:9999;
			text-align: left;
		}
		ul#link li:hover > ul {
			display: block;
			visibility: visible;
		}
		ul#link ul li {
			float: none;
			display: block;
			border: 0;
			padding: 0;
		}
		ul#link ul li:last-child {
			padding: 0;
		}
		ul#link ul li:last-child {
			border-bottom: none;
		}
		ul#link ul a {
			padding:10px 15px;
			width: auto;
			display: block;
			white-space: nowrap;
			float: none;
			text-transform: none;
			font-size: 26px;
			font-weight: 600;
			background-color: rgba(160, 1, 73, 0.55);
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
		}
		header.smaller ul#link ul a {
			background-color: rgba(255, 255, 255, 1);
		}*/
	/* FINE MENU */


    /* BOX APPARTAMENTI */
	.boxcontenitoreappartamento{
		position: relative;
	}
	.boxcontenitoreappartamento .venduto{
		position: absolute;
		top:120px;
		left:50%;
		-ms-transform: rotate(5deg); /* IE 9 */
		-webkit-transform: rotate(5deg); /* Safari */
		transform: rotate(5deg);
		line-height: 1em;
		font-size: 80px;
		font-weight: 900;
		padding: 25px 60px;
		color: #fff;
		background-color: #000;
	}
	.boxappartamentitesto{
		float: left;
		width: 506px;
		height: 430px;
		margin: 0 16px 16px 0;
		overflow: hidden;
		line-height: 1.6em;
		font-size: 18px;
	}
	.boxappartamentitesto a{
		padding: 10px 0 0 0;
		line-height: 1.4em;
		font-size: 18px;
    }
	.boxappartamentitesto a, .boxappartamentitesto a:link{
        padding: 10px 20px 10px 20px;
        text-decoration:none;
        color:#fff;
        background-color: #f2452f;
        border: solid 1px #f2452f;
    }
	.boxappartamentitesto a:hover, .boxappartamentitesto a:focus, .boxappartamentitesto a:active{
        -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease; 
		transition: all 0.5s ease;
        color: #f2452f;
        background-color: #fff;
        border: solid 1px #000;
    }
	.boxappartamentiplanimetria{
		float: left;
		width: 506px;
		height: 430px;
		margin: 0 16px 16px 0;
		overflow: hidden;
	}
	.boxappartamentiimmagine{
		float: left;
		width: 506px;
		height: 430px;
		margin: 0 0 16px 0;
		overflow: hidden;
	}
	.boxappartamentiplanimetria > img {
		width: 645px;
		height: 430px;
		margin-left: -70px;  
	}
	.boxappartamentiimmagine > img {
		width: 645px;
		height: 430px;
		margin-left: -70px;  
	}
	.separatopreapp{
		display: none;
	}
    /* FINE BOX APPARTAMENTI */
    
	/* RETTANGOLI FOTOGRAFICI */
	/* https://www.mrwebmaster.it/css/resize-crop-immagine-css_7803.html */
	.testuale{
		/*font-family: 'Lora', serif;*/
		padding: 10px 0 0 0;
		line-height: 1.4em;
		font-size: 18px;
	}
	.borderuno{
		margin: 0 16px 16px 0;
	}
	.boxtre{
		float: left;
		width: 506px;
		height: 430px;
		margin: 0 0 16px 0;
		overflow: hidden;
	}
	.boxtre > img {
		width: 645px;
		height: 430px;
		margin-left: -70px;  
	}
	.borderboxtre{margin: 0 16px 16px 0;}
	.boxdue{
		float: left;
		width: 1028px;
		height: 430px;
		margin: 0 0 16px 0;
		overflow: hidden;
	}
	.boxdue > img {
		width: 1028px;
		height: 685px;
		margin-top: -127px;
	}
	.borderboxdue{margin: 0 16px 16px 0;}
	.boxdoppio{
		float: left;
		width: 767px;
		height: 767px;
		margin: 0 0 16px 0;
		overflow: hidden;
	}
	.boxdoppio > img {
		width: 1151px;
		height: 767px;
		margin-left: -192px;
	}
	.borderboxdoppio{margin: 0 16px 16px 0;}
	.boxgrande{
		float: left;
		width: 1028px;
		height: 876px;
		margin: 0 16px 16px 0;
		overflow: hidden;
	}
	.boxgrande > img {
		width: 1315px;
		height: 876px;
		margin-left: -143px;
	}
	.boxalto{
		float: left;
		width: 506px;
		height: 876px;
		margin: 0 16px 16px 0;
		overflow: hidden;
	}
	.boxalto > img {
		width: 1315px;
		height: 876px;
		margin-left: -404px;
	}
	/* FINE RETTANGOLI FOTOGRAFICI */
	
	/* BOTTOM */
	.bottom{
		margin: 40px 0 40px 0;
	}
	.riga{
		border-top: 1px solid #A3746A;
		padding: 0 0 15px 0;
	}
	
	.icosocial{
		padding: 0 0 20px 0;
		text-align: center;
	}
	.icosocial img{
		width: 80px;
	}
	
	
	.containerbottom{
		max-width:1050px;
		width:100%;
		margin:0 auto;
		/*background-color: #0f0;*/
	}
	.col{
		float: left;
		width: 350px;
		font-size: 16px;
		text-align: center;
	}
	.bottom .titolo{
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.bottomdati{
		padding: 20px 0 0 0;
		text-align: center;
	}
	.bottomdati li{
		display: inline;
		margin: 0 10px 0 10px;
		padding: 0 0 0 0;
        text-align: center;
		font-size: 14px;
		font-style: oblique;
	}
	/* FINE BOTTOM */
	
}













@media all and (max-width: 1610px){
	body{font-size: 22px;}


	.container{
		max-width:1400px;
		/*width:100%;
		margin:0 auto;
		background-color: #0ff;*/
	}
    
    
    /* BOX APPARTAMENTI */
	.boxcontenitoreappartamento .venduto{
		/*position: absolute;*/
		/*top:120px;
		left:50%;*/
		/*-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);*/
		/*line-height: 1em;*/
		/*font-size: 80px;
		font-weight: 900;
		padding: 25px 60px;
		color: #fff;
		background-color: #0f0;*/
	}
	.boxappartamentitesto{
		float: left;
		width: 460px;
		height: 430px;
		margin: 0 10px 10px 0;
		overflow: hidden;
		line-height: 1.6em;
		font-size: 18px;
	}
	.boxappartamentiplanimetria{
		float: left;
		width: 460px;
		height: 430px;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}
	.boxappartamentiimmagine{
		float: left;
		width: 460px;
		height: 430px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxappartamentiplanimetria > img {
		width: 645px;
		height: 430px;
		margin-left: -92px;
	}
	.boxappartamentiimmagine > img {
		width: 645px;
		height: 430px;
		margin-left: -92px;
	}
	/* FINE BOX APPARTAMENTI */
    
	/* RETTANGOLI FOTOGRAFICI */
	/* https://www.mrwebmaster.it/css/resize-crop-immagine-css_7803.html */
	.borderuno{
		margin: 0 10px 10px 0;
	}
	.boxtre{
		float: left;
		width: 460px;
		height: 430px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxtre > img {
		width: 645px;
		height: 430px;
		margin-left: -92px;  
	}
	.borderboxtre{margin: 0 10px 10px 0;}
	
	.boxdue{
		float: left;
		width: 930px;
		height: 430px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxdue > img {
		width: 930px;
		height: 620px;
		margin-top: -95px;
		/*margin-left: -49px;*/
	}
	.borderboxdue{margin: 0 10px 10px 0;}
	
	.boxdoppio{
		float: left;
		width: 695px;
		height: 695px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxdoppio > img {
		width: 1043px;
		height: 695px;
		margin-left: -174px;
	}
	.borderboxdoppio{margin: 0 10px 10px 0;}
	
	.boxgrande{
		float: left;
		width: 930px;
		height: 870px;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}
	.boxgrande > img {
		width: 1308px;
		height: 870px;
		margin-left: -189px;
	}
	
	.boxalto{
		float: left;
		width: 460px;
		height: 870px;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}
	.boxalto > img {
		width: 1308px;
		height: 870px;
		margin-left: -289px;
	}
	/* FINE RETTANGOLI FOTOGRAFICI */
}












@media all and (max-width: 1460px){
	body{font-size: 20px;}

	
	
	.container{
		max-width:1190px;
		/*width:100%;
		margin:0 auto;*/
		/*background-color: #0ff;*/
	}
    
    /* BOX APPARTAMENTI */
	.boxcontenitoreappartamento .venduto{
		/*position: absolute;*/
		top:120px;
		/*left:50%;*/
		/*-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);*/
		/*line-height: 1em;*/
		font-size: 70px;
		/*font-weight: 900;*/
		padding: 20px 50px;
		/*color: #fff;*/
		/*background-color: #000;*/
	}
	.boxappartamentitesto{
		float: left;
		width: 390px;
		height: 390px;
		margin: 0 10px 10px 0;
		overflow: hidden;
		line-height: 1.5em;
		font-size: 16px;
	}
	.boxappartamentitesto a{
		padding: 8px 0 0 0;
		/*line-height: 1.4em;*/
		font-size: 16px;
    }
	.boxappartamentitesto a, .boxappartamentitesto a:link{
        padding: 8px 16px;
    }
	.boxappartamentiplanimetria{
		float: left;
		width: 390px;
		height: 390px;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}
	.boxappartamentiimmagine{
		float: left;
		width: 390px;
		height: 390px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxappartamentiplanimetria > img {
		width: 586px;
		height: 390px;
		margin-left: -98px;
	}
	.boxappartamentiimmagine > img {
		width: 586px;
		height: 390px;
		margin-left: -98px; 
	}
	/* FINE BOX APPARTAMENTI */
    
	/* RETTANGOLI FOTOGRAFICI */
	/* https://www.mrwebmaster.it/css/resize-crop-immagine-css_7803.html */
	.testuale{
		/*font-family: 'Lora', serif;*/
		padding: 10px 0 0 0;
		line-height: 1.3em;
		font-size: 16px;
	}
	.boxtre{
		float: left;
		width: 390px;
		height: 390px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxtre > img {
		width: 586px;
		height: 390px;
		margin-left: -98px;  
	}
	.borderboxtre{margin: 0 10px 10px 0;}
	.boxdue{
		float: left;
		width: 790px;
		height: 390px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxdue > img {
		width: 790px;
		height: 526px;
		margin-top: -68px;
		/*margin-left: 0;*/
	}
	.borderboxdue{margin: 0 10px 10px 0;}
	.boxdoppio{
		float: left;
		width: 590px;
		height: 590px;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.boxdoppio > img {
		width: 886px;
		height: 590px;
		margin-left: -148px;
	}
	.borderboxdoppio{margin: 0 10px 10px 0;}
	.boxgrande{
		float: left;
		width: 790px;
		height: 790px;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}
	.boxgrande > img {
		width: 1186px;
		height: 790px;
		margin-left: -198px;
	}
	.boxalto{
		float: left;
		width: 390px;
		height: 790px;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}
	.boxalto > img {
		width: 1186px;
		height: 790px;
		margin-left: -198px;
	}
	/* FINE RETTANGOLI FOTOGRAFICI */



	/* BOTTOM */
	.bottom{
		margin: 35px 0 35px 0;
	}
	/*.riga{
		border-top: 1px solid #8b0c0c;
		padding: 0 0 15px 0;
	}*/
	.containerbottom{
		max-width:900px;
		/*width:100%;
		margin:0 auto;*/
		/*background-color: #0f0;*/
	}
	.col{
		/*float: left;*/
		width: 300px;
		font-size: 15px;
	}
	.bottom .titolo{
		font-size: 17px;
		/*font-weight: bold;*/
		/*margin: 0 0 10px 0;*/
	}
	/* FINE BOTTOM */
}
















@media all and (max-width: 1250px){
	body{font-size: 20px;}
	h1{font-size: 40px;}
	h2{font-size: 35px;}
	h3{font-size: 30px;}
	h4{font-size: 24px;}
	h5{font-size: 20px;}
	
	.container{
		max-width:1000px;
		/*width:100%;
		margin:0 auto;
		background-color: #0ff;*/
	}

	/* MENU */

	header .menu{
		/*padding: 35px 0 0 0;*/
		font-size: 21px;
	}

	/* FINE MENU */
	
    /* BOX APPARTAMENTI */
	.boxcontenitoreappartamento .venduto{
		/*position: absolute;*/
		top:120px;
		/*left:50%;*/
		/*-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);*/
		/*line-height: 1em;*/
		font-size: 55px;
		/*font-weight: 900;*/
		/*padding: 20px 50px;*/
		/*color: #fff;*/
		/*background-color: #000;*/
	}
	.boxappartamentitesto{
		float: left;
		width: 330px;
		height: 330px;
		margin: 0 5px 5px 0;
		overflow: hidden;
		line-height: 1.4em;
		font-size: 16px;
	}
	.boxappartamentitesto a{
		padding: 7px 0 0 0;
		/*line-height: 1.4em;*/
		font-size: 16px;
    }
	.boxappartamentitesto a, .boxappartamentitesto a:link{
        padding: 7px 14px;
    }
	.boxappartamentiplanimetria{
		float: left;
		width: 330px;
		height: 330px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
	.boxappartamentiimmagine{
		float: left;
		width: 330px;
		height: 330px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxappartamentiplanimetria > img {
		width: 496px;
		height: 330px;
		margin-left: -83px;
	}
	.boxappartamentiimmagine > img {
		width: 496px;
		height: 330px;
		margin-left: -83px;
	}
	/* FINE BOX APPARTAMENTI */
    
	/* RETTANGOLI FOTOGRAFICI */
	/* https://www.mrwebmaster.it/css/resize-crop-immagine-css_7803.html */
	.testuale{
		/*font-family: 'Lora', serif;*/
		padding: 9px 7px 0 7px;
		line-height: 1.3em;
		font-size: 15px;
	}
	.boxtre{
		float: left;
		width: 330px;
		height: 330px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxtre > img {
		width: 496px;
		height: 330px;
		margin-left: -83px;  
	}
	.borderboxtre{margin: 0 5px 5px 0;}
	.boxdue{
		float: left;
		width: 665px;
		height: 330px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxdue > img {
		width: 665px;
		height: 443px;
		margin-top: -56px;
		/*margin-left: 0;*/
	}
	.borderboxdue{margin: 0 5px 5px 0;}
	.boxdoppio{
		float: left;
		width: 497.5px;
		height: 497px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxdoppio > img {
		width: 746px;
		height: 497px;
		margin-left: -124px;
	}
	.borderboxdoppio{margin: 0 5px 5px 0;}
	.boxgrande{
		float: left;
		width: 665px;
		height: 665px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
	.boxgrande > img {
		width: 998px;
		height: 665px;
		margin-left: -166px;
	}
	.boxalto{
		float: left;
		width: 330px;
		height: 665px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
	.boxalto > img {
		width: 998px;
		height: 665px;
		margin-left: -334px;
	}
	/* FINE RETTANGOLI FOTOGRAFICI */

	/* BOTTOM */
	.bottom{
		margin: 30px 0 30px 0;
	}
	/*.riga{
		border-top: 1px solid #8b0c0c;
		padding: 0 0 15px 0;
	}*/
	.containerbottom{
		max-width:750px;
		/*width:100%;
		margin:0 auto;*/
	}
	.col{
		/*float: left;*/
		width: 250px;
		font-size: 14px;
	}
	.bottom .titolo{
		font-size: 15px;
		/*font-weight: bold;*/
		/*margin: 0 0 10px 0;*/
	}
	/* FINE BOTTOM */
	
}


























@media all and (max-width: 1060px){
	body{font-size: 18px;}
	h1{font-size: 35px;}
	h2{font-size: 30px;}
	h3{font-size: 25px;}
	h4{font-size: 21px;}
	h5{font-size: 20px;}
	.containertestuale{
		max-width:790px;
		padding: 60px 0 60px 0;
		/*width:100%;*/
		/*margin:0 auto;*/
		/*background-color: #00f;*/
		line-height: 1.8em;
		/*text-align: center;*/
	}
	.containertestuale .pulsantedownload{
		/*padding: 20px 0 5px 0;*/
		font-size: 24px;
	}
	.containertestuale .pulsantedownload a, .pulsantedownload a:link{
		padding: 15px;
	}
	.container{
		max-width:790px;
		/*width:100%;
		margin:0 auto;
		background-color: #0ff;*/
	}
	.logogrande{top: calc(50% - 100px);}
	.logogrande img{width: 200px;}
	/* MENU */

	/**header .menumobile{display: block;}*/

	.bloccofixed{
		/*overflow: hidden;*/ /* in questo modo posso vedere il menù di secondo livello*/
		/*position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;*/
	}
	header:hover{
		background-color: rgba(160, 1, 73, 0);
	}
	header{
		position: relative;
		width: 100%;
		height: 140px;
		background-color: rgba(255, 255, 255, 0);
	}
	header .logo{
		position: absolute;
		width: 100px;
		height: 100px;
		line-height: 0;
		padding: 20px;
		top: 0;
		left: 0;
	}
	header .logo img{
		width: 100px;
	}
	header .menumobileico{
		display: block;
		position: absolute;
		width: 60px;
		height: 60px;
		line-height: 0;
		padding: 20px 20px 20px 20px;
		top: 0;
		right: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	header .menumobileico img{
		width: 60px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	header .menu{display: none;}
	/*header.smaller{
		height: 70px;
		box-shadow: 0px 0px 25px #254649;
		background-color: #fff;
	}*/
	/*header.smaller .logo{
		position: absolute;
		width: 50px;
		height: 50px;
		line-height: 0;
		padding: 10px;
		top: 0;
		left: 0;
	}*/
	/*header.smaller .logo img{width: 50px;}*/
	header.smaller:hover{
		background-color: rgba(255, 255, 255, 1);
	}
	header.smaller .menumobileico{
		width: 50px;
		height: 50px;
		line-height: 0;
		padding: 12px 20px;
		top: 0;
		right: 0;
	}
	header.smaller .menumobileico img{
		width: 50px;
	}
	/* FINE MENU */
	
    /* BOX APPARTAMENTI */
	.boxcontenitoreappartamento .venduto{
		/*position: absolute;*/
		top:90px;
		/*left:50%;*/
		/*-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);*/
		/*line-height: 1em;*/
		font-size: 40px;
		/*font-weight: 900;*/
		padding: 15px 40px;
		/*color: #fff;*/
		/*background-color: #000;*/
	}
	.boxappartamentitesto{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 5px 5px 0;
		overflow: hidden;
		line-height: 1.4em;
		font-size: 14px;
	}
	.boxappartamentitesto a{
		padding: 6px 0 0 0;
		/*line-height: 1.4em;*/
		font-size: 14px;
    }
	.boxappartamentitesto a, .boxappartamentitesto a:link{
        padding: 6px 12px;
    }
	.boxappartamentiplanimetria{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
	.boxappartamentiimmagine{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxappartamentiplanimetria > img {
		width: 390px;
		height: 260px;
		margin-left: -65px;
	}
	.boxappartamentiimmagine > img {
		width: 390px;
		height: 260px;
		margin-left: -65px;
	}
	/* FINE BOX APPARTAMENTI */

	/* RETTANGOLI FOTOGRAFICI */
	/* https://www.mrwebmaster.it/css/resize-crop-immagine-css_7803.html */
	.testuale{
		/*font-family: 'Lora', serif;*/
		padding: 0 5px 5px 5px;
		line-height: 1.2em;
		font-size: 13px;
		/*background-color: #0ff;*/
	}
	.boxtre{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxtre > img {
		width: 390px;
		height: 260px;
		margin-left: -65px;  
	}
	.borderboxtre{margin: 0 5px 5px 0;}
	
	.boxdue{
		float: left;
		width: 525px;
		height: 260px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxdue > img {
		width: 525px;
		height: 350px;
		margin-top: -45px;
		/*margin-left: 0;*/
	}
	.borderboxdue{margin: 0 5px 5px 0;}
	
	.boxdoppio{
		float: left;
		width: 392.5px;
		height: 392px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxdoppio > img {
		width: 588px;
		height: 392px;
		margin-left: -89px;
	}
	.borderboxdoppio{margin: 0 5px 5px 0;}
	
	.boxgrande{
		float: left;
		width: 525px;
		height: 525px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
	.boxgrande > img {
		width: 788px;
		height: 525px;
		margin-left: -131px;
	}
	
	.boxalto{
		float: left;
		width: 260px;
		height: 525px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
	.boxalto > img {
		width: 788px;
		height: 525px;
		margin-left: -264px;
	}
	/* FINE RETTANGOLI FOTOGRAFICI */

	/* BOTTOM */
	/*.bottom{
		margin: 40px 0 30px 0;
	}*/
	/*.riga{
		border-top: 1px solid #8b0c0c;
		padding: 0 0 15px 0;
	}*/
	.containerbottom{
		max-width:600px;
		/*width:100%;
		margin:0 auto;*/
	}
	.col{
		/*float: left;*/
		width: 200px;
		font-size: 13px;
	}
	.bottom .titolo{
		font-size: 14px;
		/*font-weight: bold;*/
		/*margin: 0 0 10px 0;*/
	}
	/* FINE BOTTOM */
	
}





















@media all and (max-width: 850px){
	.containertestuale{
		max-width:1000px; /*deve restare */
		width:80%;
		padding: 50px 10%;
		/*width:100%;*/
		/*margin:0 auto;*/
		/*background-color: #00f;*/
		/*line-height: 1.3em;*/
		/*text-align: center;*/
	}
	.containertestuale .pulsantedownload{
		/*padding: 15px 0 0px 0;*/
		font-size: 20px;
	}
	.containertestuale .pulsantedownload a, .pulsantedownload a:link{
		padding: 13px;
	}
	.container{
		max-width:525px; /*deve restare */
		width:100%;
		/*padding: 0 3%;
		margin: 0;*/
		/*margin:0 auto;*/
		/*background-color: #0ff;*/
	}
	.logogrande{top: calc(50% - 75px);}
	.logogrande img{width: 150px;}

    /* BOX APPARTAMENTI */
	.boxcontenitoreappartamento .venduto{
		/*position: absolute;*/
		top:430px;
		left:140px;
		/*-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);*/
		/*line-height: 1em;*/
		font-size: 40px;
		/*font-weight: 900;*/
		padding: 15px 40px;
		/*color: #fff;*/
		/*background-color: #000;*/
	}
	.boxappartamentitesto{
		float: none;
		width: 100%;
		height: auto;
		padding: 0 0 20px 0;
		margin: 0 5px 5px 5px;
		line-height: 1.6em;
		font-size: 16px;
	}
	.boxappartamentitesto a{
		padding: 8px 0 0 0;
		/*line-height: 1.4em;*/
		font-size: 16px;
    }
	.boxappartamentitesto a, .boxappartamentitesto a:link{
        padding: 8px 16px;
    }
	.separatopreapp{
		display: block;
		height: 80px;
	}
	/*.boxappartamentiplanimetria{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
	.boxappartamentiimmagine{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxappartamentiplanimetria > img {
		width: 390px;
		height: 260px;
		margin-left: -65px;
	}
	.boxappartamentiimmagine > img {
		width: 390px;
		height: 260px;
		margin-left: -65px;
	}*/
	/* FINE BOX APPARTAMENTI */
    
    
	/* RETTANGOLI FOTOGRAFICI */
	/* https://www.mrwebmaster.it/css/resize-crop-immagine-css_7803.html */
	.forzatoglipadding{
		margin: 0 0 5px 0;
		/*border: solid 1px #d9269a;*/
	}
	.forzaaggiungipadding{
		margin: 0 5px 5px 0;
		/*border: solid 1px #f4d10b;*/
	}
	.nascondifoto{
		display: none;
	}
	/*.testuale{
		font-family: 'Lora', serif;
		padding: 0 5px 5px 5px;
		line-height: 1.2em;
		font-size: 13px;
	}*/
	/*.boxtre{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}*/
	/*.boxtre > img {
		width: 390px;
		height: 260px;
		margin-left: -65px;  
	}*/
	/*.borderboxtre{margin: 0 5px 5px 0;}*/
	
	/*.boxdue{
		float: left;
		width: 525px;
		height: 260px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}*/
	/*.boxdue > img {
		width: 525px;
		height: 350px;
		margin-top: -45px;
	}*/
	/*.borderboxdue{margin: 0 5px 5px 0;}*/
	.boxdoppio{
		float: left;
		width: 260px;
		height: 260px;
		margin: 0 0 5px 0;
		overflow: hidden;
		/*background-color: #0f0;*/
	}
	.boxdoppio > img {
		width: 390px;
		height: 260px;
		margin-left: -65px;
	}
	.borderboxdoppio{margin: 0 5px 5px 0;}
	.boxgrande{
		float: left;
		width: 525px;
		height: 525px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxgrande > img {
		width: 788px;
		height: 525px;
		margin-left: -131px;
	}
	/*.boxalto{
		float: left;
		width: 260px;
		height: 525px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}*/
	/*.boxalto > img {
		width: 788px;
		height: 525px;
		margin-left: -264px;
	}*/
	/* FINE RETTANGOLI FOTOGRAFICI */

	/* BOTTOM */
	/*.bottom{
		margin: 40px 0 30px 0;
	}*/
	/*.riga{
		border-top: 1px solid #8b0c0c;
		padding: 0 0 15px 0;
	}*/
	.containerbottom{
		max-width:1000px;
		width:94%;
		margin: 40px 3% 0 3%;
	}
	.col{
		float: none;
		width: 100%;
		font-size: 13px;
		margin: 0 0 15px 0;
	}
	.bottom .titolo{
		font-size: 14px;
		/*font-weight: bold;*/
		/*margin: 0 0 10px 0;*/
	}
	.bottomdati{
		padding: 10px 0 0 0;
		/*background: #f0f;*/
		/*text-align: center;*/
	}
	.bottomdati li{
		display: block;
		margin: 0 0 5px 0;
		/*padding: 0 0 0 0;
        text-align: center;
		font-size: 14px;
		font-style: oblique;*/
	}
	/* FINE BOTTOM */
	

}






















@media all and (max-width: 585px){
	body{font-size: 17px;}
	h1{font-size: 30px;}
	h2{font-size: 26px;}
	h3{font-size: 23px;}
	h4{font-size: 20px;}
	h5{font-size: 19px;}
	
	.containertestuale{
		max-width:1000px; /*deve restare */
		width:90%;
		padding: 40px 5%;
		/*width:100%;*/
		/*margin:0 auto;*/
		/*background-color: #00f;*/
		/*line-height: 1.3em;*/
		/*text-align: center;*/
	}
	.containertestuale .pulsantedownload{
		/*padding: 15px 0 0px 0;*/
		font-size: 14px;
        font-weight: 2em;
	}
	.containertestuale .pulsantedownload a, .pulsantedownload a:link{
		padding: 13px;
	}
	.container{
		max-width: 320px; /*deve restare */
		width:100%;
		padding: 0;
		/*padding: 0 3%;
		margin: 0;*/
		/*margin:0 auto;*/
		/*background-color: #ff0;*/
	}
    
    
    /* BOX APPARTAMENTI */
	.boxcontenitoreappartamento .venduto{
		/*position: absolute;*/
		top:380px;
		left:60px;
		/*-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);*/
		/*line-height: 1em;*/
		font-size: 30px;
		/*font-weight: 900;*/
		padding: 10px 20px;
		/*color: #fff;*/
		/*background-color: #000;*/
	}
	.boxappartamentitesto{
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
		/*overflow: hidden;*/
		/*line-height: 1.3em;
		font-size: 15px;*/
	}
	.boxappartamentitesto a{
		padding: 8px 0 0 0;
		/*line-height: 1.4em;*/
		font-size: 16px;
    }
	.boxappartamentitesto a, .boxappartamentitesto a:link{
        padding: 8px 16px;
    }
	.boxappartamentiplanimetria{
        float: left;
		width: 320px;
		height: 320px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxappartamentiimmagine{
		float: left;
		width: 320px;
		height: 320px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxappartamentiplanimetria > img {
		width: 480px;
		height: 320px;
		margin-left: -80px;
	}
	.boxappartamentiimmagine > img {
		width: 480px;
		height: 320px;
		margin-left: -80px;
	}
	/* FINE BOX APPARTAMENTI */
    
	/* RETTANGOLI FOTOGRAFICI */
	/* https://www.mrwebmaster.it/css/resize-crop-immagine-css_7803.html */
	.forzatoglipadding{
		margin: 0 0 5px 0;
		/*border: solid 1px #d9269a;*/
	}
	.forzaaggiungipadding{
		margin: 0 0 5px 0;
		/*border: solid 1px #f4d10b;*/
	}
	.testuale{
		/*font-family: 'Lora', serif;
		padding: 0 5px 5px 5px;
		line-height: 1.2em;*/
		font-size: 15px;
	}
	.boxtre{
		float: none;
		width: 320px;
		height: 320px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.spazitestosmartphone{
		height: auto;
	}
	.boxtre > img {
		width: 480px;
		height: 320px;
		margin-left: -80px;  
	}
	.borderboxtre{margin: 0 0 5px 0;}
	
	.boxdue{
		float: none;
		width: 320px;
		height: 320px;
		margin: 0 0 16px 0;
		overflow: hidden;
	}
	.boxdue > img {
		width: 480px;
		height: 320px;
		margin-left: -80px;
		margin-top: 0px; /* devo azzerare */
	}
	.borderboxdue{margin: 0 0 5px 0;}
	.boxdoppio{
		float: none;
		width: 320px;
		height: 320px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxdoppio > img {
		width: 480px;
		height: 320px;
		margin-left: -80px; 
	}
	.borderboxdoppio{margin: 0 0 5px 0;}
	.boxgrande{
		float: none;
		width: 320px;
		height: 320px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxgrande > img {
		width: 480px;
		height: 320px;
		margin-left: -80px; 
	}
	.boxalto{
		float: none;
		width: 320px;
		height: 320px;
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	.boxalto > img {
		width: 480px;
		height: 320px;
		margin-left: -80px;
	}
	/* FINE RETTANGOLI FOTOGRAFICI */
	
	
	

}

















    
/* 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 */