@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');
/* *********
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-weight: 400;
		background:#fff;
		width:100%;
		color:#000;
		overflow-x: hidden;
	}
	/*img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}*/
	h1{
		font-size: 39px;
		line-height: 1.2em;
		font-weight: 700;
		padding: 0 0 15px 0;
	}
	h2{
		margin: 0;
		padding: 0 0 7px 0;
		font-size: 24px;
		line-height: 1.2em;
		font-weight: bold;
	}
	h3{
		margin: 0;
		padding: 0;
		font-size: 20px;
		line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;
		/*background-color: #041;*/
	}
	h4{
		margin: 0;
		padding: 0;
		font-size: 32px;
		line-height: 1.2em;
		font-weight: 200;
		/*font-style: oblique;*/
		padding: 0 0 20px 0;
	}
	a:focus {
		outline: 2px solid #800000; /* colore ben visibile */
		outline-offset: 4px;
	}
	.colornero{color:#1c1516;}
	.colornero a, .colornero a:link{ color:#543e43; text-decoration:underline;}
	.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: #543e43;
    }
	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:underline;}
	.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:#1c1516;}
	.colorlogo a, .colorlogo a:link{ color:#543e43; text-decoration:underline;}
	.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: #543e43;
    }
	.colorarancio{color:#1c1516;}
	.colorarancio a, .colorarancio a:link{ color:#1c1516; text-decoration:underline;}
	.colorarancio a:hover, .colorarancio a:focus, .colorarancio 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: #1c1516;
    }

	
	.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:770px;
		padding: 80px 0 80px 0;
		width:100%;
		margin:0 auto;
		line-height: 1.4em;
		text-align: center;
		/*background-color: #00f;*/
	}
	.containertestuale .h4{
		margin: 0;
		padding: 0;
		font-size: 32px;
		line-height: 1.2em;
		font-weight: 200;
		/*font-style: oblique;*/
		padding: 0 0 20px 0;
	}
	.containertestuale ul li{
		padding: 3px 0 3px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0px 10px;
	}
	.container{
		max-width:1550px;
		width:100%;
		margin:0 auto;
		/*background-color: #0ff;*/
	}
	
    /* SLIDE */
    #slideHome {
      position: relative;
      width: 100%;
      height: 100vh; /* Altezza piena della finestra */
      overflow: hidden;
    }
    #slideHome img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* Riempie il contenitore tagliando se serve */
      object-position: center; /* Centra l'immagine */
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }
    #slideHome img.active {
      opacity: 1;
    }
    
	.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: 126px;
		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, 0);*/
        background-color: rgba(84, 62, 67, 0.95);
	}
	header:hover{
		background-color: rgba(84, 62, 67, 0.99);
	}
	header .logo{
		position: absolute;
		/*width: 120px;*/
        /*height: 96px;*/
        width: 200px;
		height: auto;
		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: 200px;
		-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: 48px 0 0 0;
		margin: 0 0 0 0;
		line-height: 1em;
		font-weight: 600;
		font-size: 30px;
		-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: 70px;
		box-shadow: 0px 0px 25px #361a03;
		/*background-color: #fff;*/
        background-color: rgba(84, 62, 67, 0.99);
	}
	header.smaller .logo{
		position: absolute;
		width: 120px;
		height: auto;
		line-height: 0;
		padding: 5px 10px;
		top: 0;
		left: 0;
	}
	header.smaller .logo img{
		width: 120px;
	}
	header.smaller .menu{
		padding: 18px 0 0 0;
		/*font-weight: 200;*/
		/*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:#fff;
			-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:#fff;
		}
		ul#link li a:hover{
			color:#aa8c93;
		}
		header.smaller ul#link li a:hover{
			color:#aa8c93;
		}
		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;
			/*background-color: #f0f;*/
		}
		ul#link li:hover > ul {
			display: block;
			visibility: visible; /* da tenere per evitare che scompaia il "li" con il solo display*/
		}
		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;
			/*background-color: rgba(160, 1, 73, 0.55);*/
            background-color: rgba(99, 49, 7, 0.65);
			-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 */

	/* 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 #7bcab0;
		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;}
	/*h1{
		font-size: 40px;
		line-height: 1.2em;
		font-weight: 400;
		padding: 0 0 15px 0;
	}
	h2{
		margin: 0;
		padding: 0 0 7px 0;
		font-size: 24px;
		line-height: 1.2em;
		font-weight: bold;
	}
	h3{
		margin: 0;
		padding: 0;
		font-size: 20px;
		line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;
	}
	h4{
		margin: 0;
		padding: 0;
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;
		padding: 0 0 20px 0;
	}*/

	.container{
		max-width:1400px;
		/*width:100%;
		margin:0 auto;
		background-color: #0ff;*/
	}
	/* 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;}
	h1{
		font-size: 36px;
		/*line-height: 1.2em;
		font-weight: 400;*/
		padding: 0 0 13px 0;
	}
	h2{
		/*margin: 0;*/
		padding: 0 0 5px 0;
		font-size: 22px;
		/*line-height: 1.2em;
		font-weight: bold;*/
	}
	h3{
		/*margin: 0;
		padding: 0;*/
		font-size: 18px;
		/*line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;*/
	}
	h4{
		/*margin: 0;
		padding: 0;*/
		font-size: 22px;
		/*line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;*/
		padding: 0 0 18px 0;
	}
	.container{
		max-width:1190px;
		/*width:100%;
		margin:0 auto;*/
		/*background-color: #0ff;*/
	}
	/* 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 */

	/* MENU */
	header{
		height: 106px;
	}
	header .logo{
		width: 170px;
		/*height: 80px;*/
		padding: 10px;
        /*background-color: #109;*/
	}
	header .logo img{
		width: 170px;
	}
	header .menu{
		padding: 40px 0 0 0;
		font-size: 24px;
	}
	header.smaller .menu{
		padding: 22px 0 0 0;
		/*font-weight: 200;*/
		/*font-size: 26px;*/
	}
		ul#link li {
			padding: 0 12px 0px 12px;
		}
		ul#link li:last-child {
			padding: 0 0 0px 12px;
		}

		ul#link li a.attivo{
			/*font-weight: 700;*/
		}
		ul#link ul {
			padding:45px 0 0 0;
			top: 21px;
		}
		header.smaller ul#link ul{
			padding:30px 0 0 0;
			top: 22px;

		}
		ul#link ul a {
			padding:8px 12px;
			font-size: 24px;
		}
	/* FINE MENU */

	/* 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: 18px;}
	h1{
		font-size: 32px;
		/*line-height: 1.2em;
		font-weight: 400;*/
		padding: 0 0 11px 0;
	}
	h2{
		/*margin: 0;*/
		padding: 0 7px 4px 7px;
		font-size: 20px;
		line-height: 1.1em;
		/*font-weight: bold;*/
	}
	h3{
		/*margin: 0;
		padding: 0;*/
		padding: 0 7px 0 7px;
		font-size: 16px;
		line-height: 1.1em;
		/*font-weight: 400;
		font-style: oblique;*/
	}
	h4{
		/*margin: 0;
		padding: 0;*/
		font-size: 20px;
		/*line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;*/
		padding: 0 0 15px 0;
	}
	
	.container{
		max-width:1000px;
		/*width:100%;
		margin:0 auto;
		background-color: #0ff;*/
	}

	/* MENU */
	header{
		height: 96px;
	}
	header .logo{
		width: 150px;
		/*height: 72px;*/
		/*padding: 10px;*/
	}
	header .logo img{
		width: 150px;
	}
	header .menu{
		padding: 35px 0 0 0;
		font-size: 21px;
	}
	header.smaller .menu{
		padding: 25px 0 0 0;
		/*font-weight: 200;*/
		/*font-size: 26px;*/
	}
		ul#link li {
			padding: 0 10px 0px 10px;
		}
		ul#link li:last-child {
			padding: 0 0 0px 10px;
		}
		ul#link li a.attivo{
			/*font-weight: 700;*/
		}
		ul#link ul {
			padding:40px 0 0 0;
			top: 21px;
		}
		header.smaller ul#link ul{
			padding:30px 0 0 0;
			top: 21px;

		}
		ul#link ul a {
			padding:8px 12px;
			font-size: 24px;
		}
	/* FINE MENU */
	
	/* 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: 17px;}
	h1{
		font-size: 28px;
		/*line-height: 1.2em;
		font-weight: 400;*/
		padding: 0 0 10px 0;
	}
	h2{
		/*margin: 0;*/
		padding: 0 0 4px 5px;
		font-size: 15px;
		/*line-height: 1.1em;*/
		/*font-weight: bold;*/
	}
	h3{
		/*margin: 0;*/
		padding: 0 0 4px 5px;
		font-size: 14px;
		line-height: 1.1em;
		/*font-weight: 400;
		font-style: oblique;*/
	}
	h4{
		/*margin: 0;
		padding: 0;*/
		font-size: 18px;
		/*line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;*/
		padding: 0 0 15px 0;
	}
	.containertestuale{
		max-width:550px;
		padding: 60px 0 60px 0;
		/*width:100%;*/
		/*margin:0 auto;*/
		/*background-color: #00f;*/
		/*line-height: 1.3em;*/
		/*text-align: center;*/
	}
	.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(1, 129, 158, 0);
	}
	header{
		position: relative;
		width: 100%;
		height: 100px;
		background-color: rgba(1, 129, 158, 0);
        /*background-color: #09F;*/
	}
	header .logo{
		position: absolute;
		width: 160px;
		/*height: 100px;*/
		line-height: 0;
		padding:10px 20px;
		top: 0;
		left: 0;
	}
	header .logo img{
		width: 160px;
	}
	header .menumobileico{
		display: block;
		position: absolute;
		width: 60px;
		height: 60px;
		line-height: 0;
		padding: 25px 25px 0 0;
		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 */
	
	
	/* 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){
	body{font-size: 16px;}
	h1{
		font-size: 26px;
		/*line-height: 1.2em;
		font-weight: 400;*/
		padding: 0 0 10px 0;
	}
	h2{
		/*margin: 0;*/
		padding: 0 0 4px 5px;
		font-size: 15px;
		/*line-height: 1.1em;*/
		/*font-weight: bold;*/
	}
	h3{
		/*margin: 0;*/
		padding: 0 0 4px 5px;
		font-size: 14px;
		line-height: 1.1em;
		/*font-weight: 400;
		font-style: oblique;*/
	}
	h4{
		/*margin: 0;
		padding: 0;*/
		font-size: 18px;
		/*line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;*/
		padding: 0 0 15px 0;
	}
	.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;*/
	}

	.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;}

	
	/* 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: 16px;}
	h1{
		font-size: 26px;
		/*line-height: 1.2em;
		font-weight: 400;*/
		padding: 0 0 10px 0;
	}
	h2{
		/*margin: 0;*/
		padding: 0 0 7px 5px;
		font-size: 18px;
		/*line-height: 1.1em;*/
		/*font-weight: bold;*/
	}
	h3{
		/*margin: 0;*/
		padding: 0 0 7px 5px;
		font-size: 16px;
		line-height: 1.1em;
		/*font-weight: 400;
		font-style: oblique;*/
	}
	h4{
		/*margin: 0;
		padding: 0;*/
		font-size: 18px;
		/*line-height: 1.2em;
		font-weight: 400;
		font-style: oblique;*/
		padding: 0 0 15px 0;
	}
	
	.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;*/
	}
	.container{
		max-width: 320px; /*deve restare */
		width:100%;
		padding: 0;
		/*padding: 0 3%;
		margin: 0;*/
		/*margin:0 auto;*/
		/*background-color: #ff0;*/
	}
	/* 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 */
	
	
	

}




















@media all and (max-width: 500px){
 
	
}





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