/* ===========================================
				CSS Document 
==============================================*/

p, li {
	text-align: justify;
}

html, body{
	margin: 0;
	padding:0;
	border: 0;
	width:100%;
	height: 100%;
}


body{ 
	margin:0 auto;
	width:100%;
	height: 100%;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#777;
	font-size:12px;
	background:url(../images/bg_pagina.jpg) top center no-repeat;
}

body img{ 
	border:none;
}


/* --- WRAPPER -----------------------------------------------------------*/

#wrapper {
	width:100%;
	padding:0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto;
	position:relative;
}

/* --- HEADER -----------------------------------------------------------*/

#header {
	width:100%;
	/*height:150px;*/
	margin:0;
	padding:0;
	border-bottom:1px solid #ececec;
}


#header_content {
	max-width:960px;
	height:108px;
	margin:0 auto;
	padding:42px 10px 0 10px;
	position:relative;
}



/* MAIN MENU ------------------------------------------------------------------------*/

#main_menu{
	float:right;
	width:auto;
	height:20px;
	margin:47px 0 0 0;
}

#main_menu ul {
	float:left;
	width:auto;
	height:20px;
	list-style-type: none;
	padding:0;
	margin:0;
}

#main_menu li {
	float:left;
	width:auto;
	text-align:center;
	padding:0;
	margin:0;
	display:inline;
}

#main_menu li a {
	float:left;
	text-decoration:none;
	font-family: 'latoregular';
	font-size:13px;
	color:#797979;
	padding:0 0 0 25px;
	margin:0;
}


#main_menu li a:hover {
	float:left;
	color:#b19f6e;
	text-decoration:none;
	font-family: 'latobold';
}

#main_menu li a.attivo {
	color:#b19f6e;
	font-family: 'latobold';
}

#main_menu_responsive {
	background: #f9f9f9;
    padding-top: 10px;
}

#main_menu_responsive ul {
	/*float:left;
	width:auto;
	height:20px;
	list-style-type: none;
	padding:0;
	margin:0;*/

	list-style-type: none;
	padding:0;
	margin:0;
}

#main_menu_responsive li {
	text-align: center;
}

#main_menu_responsive li a {
    display: block;
    text-decoration: none;
    font-family: 'latoregular';
    font-size: 23px;
    color: #797979;
    margin: 5px 0;
}

#main_menu_responsive {display:none;}



/*

#main_menu ul, #main_menu_responsive ul {
	float:left;
	width:auto;
	height:20px;
	list-style-type: none;
	padding:0;
	margin:0;
}

#main_menu li, #main_menu_responsive li {
	float:left;
	width:auto;
	text-align:center;
	padding:0;
	margin:0;
	display:inline;
}

#main_menu li a, #main_menu_responsive li a {
	float:left;
	text-decoration:none;
	font-family: 'latoregular';
	font-size:13px;
	color:#797979;
	padding:0 0 0 25px;
	margin:0;
}


#main_menu li a:hover, #main_menu_responsive li a:hover {
	float:left;
	color:#b19f6e;
	text-decoration:none;
	font-family: 'latobold';
}

#main_menu li a.attivo, #main_menu_responsive li a.attivo {
	color:#b19f6e;
	font-family: 'latobold';
}

#main_menu_responsive li {
	width:100%;
}*/



/* --- LOGO -----------------------------------------------------------*/

#logo {
	float:left;
	margin:0;
	padding:0;
}


/* --- MAINCONTENT -----------------------------------------------------------*/


#maincontent{
	max-width:960px;
	padding:0 20px;
	margin:35px auto 0 auto;
	position:relative;
}


/* --- HOME -----------------------------------------------------------*/

#box_presentazione{
	float:left;
	width:245px;
	/*width:calc(27% - 20px);*/
	min-height:600px;
	padding:20px 30px 20px 30px;
	margin:0 20px 0 0;
	background-color:#eee;
}

#box_presentazione p{
	float:left;
	padding:0;
	margin:20px 0 0 0;
	font-size:15px;
	line-height:17px;
	color:#777;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#box_presentazione p span{
	color:#343434;
}


#box_foto_home{
	overflow: hidden;
	float:left;
	max-width:635px;
	width: calc(100% - 325px);
	padding:0;
	margin:0;
}

/* --- CHI SONO -----------------------------------------------------------*/

.box_chisono{
	float:left;
	max-width:960px;
	padding:0;
	margin:30px 0;
}



.citazione_interna{
	float:left;
	width:280px;
	padding:0;
	margin:0 20px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#343434;
	font-style:italic;
	font-size:18px;
	text-align:center;
}

.citazione_interna p{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#343434;
	font-style:italic;
	font-size:18px;
	line-height:30px;
	text-align:center;
}

.descrizione_sx{
	float:left;
	width:280px;
	padding:0;
	margin:0 20px 0 0;
}

.descrizione_dx{
	float:left;
	max-width: 570px;
	width: calc(100% - 370px);
	padding:0 0 0 65px;
	margin:0;
	border-left:1px solid #ECECEC;
}

.descrizione_dx p{
	padding:0 0 5px 0;
	margin:0;
}


.descrizione_sx span, .descrizione_dx span{
	color:#343434;
}





/* --- STUDIO -----------------------------------------------------------*/

#box_fotogallery_sx{
	overflow: hidden;
	width: calc(100% - 325px);
	float:left;
	max-width:635px;
	padding:0;
	margin:0;
}

#box_fotogallery_dx{
	float:left;
	width:305px;
	height:410px;
	padding:0;
	margin:0 0 0 20px;
}

#box_fotogallery_dx img{
	float:left;
	padding:0;
	margin:0 0 12px 0;
}


/* --- COME RAGGIUNGERMI -----------------------------------------------------------*/


#box_indirizzo{
	float:left;
	width:255px;
	margin: 0 0 10px 0;
	padding:0;
}

#box_indirizzo p, #box_indirizzo p a{
	color:#777;
	line-height:20px;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}

#box_indirizzo p a:hover{
	color:#b19f6e;
	text-decoration:none;
}

#box_indirizzo p span{
	color:#343434;
	font-family: 'latobold';
}

#box_cartina{
	float:right;
	width:635px;
	height:410px;
	margin:0;
	padding:0;
	border:1px solid #ececec;
}



/* --- CONTATTI -----------------------------------------------------------*/

#privacy_sx {
	float:left;
	width:305px;
	padding:0;
	margin:0 20px 0 0;
	display:inline;
	font-size:11px;
	color:#777;
}


#privacy_sx p {
	font-size:11.5px;
	color:#777;
}

#form{
	float:right;
	width:635px;
	margin:0;
	padding:0;
}


/* --- BOX INFORMAZIONI -----------------------------------------------------------*/


#box_informazioni {
	float:left;
	width:100%;
	padding: 0 0 50px;
	/*height:130px;
	padding:50px 0 0 0;*/
	margin:35px 0 0 0;
	background-color:#f9f9f9;
	border-top:1px solid #ececec;
}

#box_informazioni_content{
	max-width:960px;
	margin:0 auto;
	padding:0;
}


.indirizzo{
	float:left;
	width: 25%;
	/*margin:0 53px 0 0;*/
	margin: 50px 0 0;
	padding:0;
}

.indirizzo p{
	float:left;
	font-size:16px;
	color:#777;
	font-family:'Georgia';
	line-height:26px;
	margin:0;
	padding:0;
}

.contatti{
	float:left;
	width: 25%;
	/*margin:0 53px 0 0;*/
	margin: 50px 0 0;
	padding:0;
}

.contatti p{
	float:left;
	font-size:16px;
	color:#777;
	font-family:'Georgia';
	line-height:26px;
	margin:0;
	padding:0;
}

.contatti p a{
	text-decoration:none;
	color:#777;
}

.contatti p a:hover{
	text-decoration:none;
	color:#b19f6e;
}


.citazione{
	float:right;
	width: 25%;
	margin: 50px 0 0;
	/*margin:0;*/
	padding:0;
}

.citazione p{
	float:left;
	font-size:16px;
	color:#777;
	font-family:'Georgia';
	line-height:26px;
	margin:0;
	padding:0;
}




/* --- FOOTER -----------------------------------------------------------*/

#footer {
	float:left;
	width:100%;
	height:170px;
	padding:0;
	margin:0;
	background-color:#eee;
	

}

#footerContent{
	max-width:980px;
	margin:0 auto;
	padding:0;
}


.dati{
	float:left;
	margin:0;
	padding:0;
}

.dati p{
	float:left;
	margin:0;
	padding:44px 0 0 15px;
	font-size:11px;
	color:#797979;
	font-family:'latoregular';
}

.dati img{
	float:left;
	margin:18px 0 0 0;
	padding:0;
}

.copiright{
	float:right;
	margin:0;
	padding:0;
}

.copiright p{
	font-size:10px;
	margin:44px 0 0 0;
	padding:0;
	color:#969696;
	font-family:'latoregular';
}

	/* Button Responsive Menu*/
	.btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin: 30px 20px 0 20px;;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);/*background:#333*/;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.icon-bar 			{display: block;width: 22px;height: 3px;margin:5px;/*background-color: #f5f5f5*/background-color: #333;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

	.show{display:block!important}




.cc-window.cc-banner {
    border-top: 1px #fff solid;
}

.cc-window.cc-banner span {
    color: #fff;
}

.cc-window .cc-message {
    color: #fff;
}

.cc-window.cc-banner a.cc-link {
	color: #b19f6e;
}

.cc-window.cc-banner .cc-btn {
    border-radius: 3px;
    text-decoration: none;
}







/* --- AREE DI INTERVENTO -----------------------------------------------------------*/
.aree_intervento {
    max-width: 900px;
    padding: 0 0 30px 0;
    font-size: 15px;
    line-height: 1.65;
}

.aree_intervento .area_intervento {
    margin: 0 0 24px 0;
}

.aree_intervento h2 {
    margin: 0 0 8px 0;
    padding: 0;
    color: #343434;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: normal;
}

.aree_intervento ul {
    margin: 0 0 0 18px;
    padding: 0;
    list-style: none;
}

.aree_intervento li {
    margin: 3px 0;
    padding: 0;
}

.aree_intervento li:before {
    content: "\00b7";
    margin-right: 10px;
}

.aree_intervento p {
    margin: 0 0 18px 0;
}@media only screen and (max-width: 1000px) {
	/* HEADER */
	#main_menu {
		display: none;
	}

	#logo {
		position: absolute;
		left:50%;
		margin-left: -129px;
	} 

	#main_menu_responsive {display:none;}

	.btn-responsive-menu {display:block;}

	/* BODY */

	#maincontent {
    	max-width: 960px;
	}

	/* FOOTER */

	.indirizzo, .contatti, .citazione {
		width: 50%;
		box-sizing: border-box;
    	padding-left: 10%;
	}

	.indirizzo p, .contatti p, .citazione p {
		width: 100%;
	}

	#footer .copiright, #footer .dati {
    	width: 100%;
    	text-align: center;
	}

	.dati img {
    	position: absolute;
    	left: 50%;
    	margin-left: -93px;
	}

	#footer .dati p {
		position: relative;
    	width: 100%;
    	padding: 80px 0 0 0px;
		text-align: center;
	}

	#footer .copiright p {
		margin: 10px 0 0 0;
		text-align: center;
	}

	/* COME RAGGIUNGERMI */

	#box_cartina, #box_cartina iframe {
		width: 100%;
    	max-width: 1000px;
	}

	#box_indirizzo {
		width: 100%;
	}

	#box_indirizzo .box1, #box_indirizzo .box2 {
		float: left;
    	width: 50%;
    	box-sizing: border-box;
	}

	#box_indirizzo .box1 {
		padding-right: 20px;
	}

	/* CONTATTI */

	#page-contatti #form {
		width: 100%;
	}

	#page-contatti #privacy_sx {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.response_hide {
		display: none;
	}

	#form h3 {
		text-align: center;
	}

	#form #FormN {
	    margin: 0;
	    text-align: center;
	    width: 100%;
	    padding: 0;
	}

	#form #FormN .form1, #form #FormN .form2 {
    	width: 50%;
    	box-sizing: border-box;
    	margin: 0;
	}

	#form #FormN .form1 {
    	padding-right: 30px;
	}

	#form #FormN .form2 {
    	padding-right: 10px;
	}

	#form #FormN input[type="text"] {
		width: 100%;
	}

	

	#form #FormN .form4 {
    	width: 100%;
    	box-sizing: border-box;
    	margin: 0;
    	padding-right: 10px;
	}



}

@media only screen and (max-width: 700px) {
	/* CHI SONO */

	.box_chisono {
    	margin: 30px 0 0;
	}

	.box_chisono .citazione_interna {
		width: 100%;
	}

	.box_chisono .descrizione_sx {
		width: 100%;
    	margin: 0;
		box-sizing: border-box;
	}

	.separatore_responsive {
		border-bottom: 1px solid #ECECEC;
	}

	.box_chisono .descrizione_dx {
		width: 100%;
		max-width: 700px;
    	padding: 30px 0 0;
    	box-sizing: border-box;
    	border-left:none;
	}

	/* STUDIO */

	#box_fotogallery_sx {
		float: none;
    	width: 100%;
    	margin: 0;
    	max-width: 700px;
    	margin-bottom: 15px;
	}

	#box_fotogallery_sx img {
    	width: 100%;
        height: auto;
	}

	#box_fotogallery_dx {
		float: none;
		margin: 0;
    	width: 100%;
	}

	#box_fotogallery_dx img {
    	width: 100%;
        height: auto;
	}
	


}

@media only screen and (max-width: 600px) {
	#box_informazioni_content {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}

	#footerContent {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}

	.indirizzo, .contatti, .citazione {
		width: 100%;
		text-align: center;
		padding-left: 0;
	}	

	.indirizzo h3, .contatti h3, .citazione h3 {
		text-align: center;
	}

	/* HOME */

	#box_presentazione {
		width: 100%;
    	box-sizing: border-box;
    	min-height: 0;
    	margin-bottom: 20px;
	}

	#box_foto_home {
    	width: 100%;
	}

	#box_foto_home img {
    	width: 100%;
        height: auto;
	}


}
	    
@media only screen and (max-width: 400px) {
	#logo {
		margin-left: -90px;
		margin-top: 10px;
	}

	#logo img {
		width: 180px;
        height: auto;
	}

	/* COME RAGGIUNGERMI */

	#box_indirizzo .box1, #box_indirizzo .box2 {
    	width: 100%;
    	padding: 0;
	}

	/* CONTATTI */

	#form #FormN .form1, #form #FormN .form2 {
    	width: 100%;
    	padding-right: 10px;
	}

}

@media only screen and (max-width: 600px) {
    #box_informazioni_content,
    #footerContent {
        text-align: center !important;
    }
}

@media only screen and (max-width: 600px) {
    #box_informazioni_content,
    #footerContent {
        text-align: center !important;
    }

    #box_informazioni_content .indirizzo,
    #box_informazioni_content .contatti,
    #box_informazioni_content .citazione,
    #footerContent .dati,
    #footerContent .copiright {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #box_informazioni_content .indirizzo p,
    #box_informazioni_content .contatti p,
    #box_informazioni_content .citazione p,
    #footerContent .dati p,
    #footerContent .copiright p {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    #box_informazioni_content a,
    #footerContent a {
        text-align: center !important;
    }
}

/* HEADING */


@font-face {
    font-family: 'latoregular';
    src: url('../font/lato-regular.woff2') format('woff2'),
         url('../font/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'latobold';
    src: url('../font/lato-bold.woff2') format('woff2'),
         url('../font/lato-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





h1, h2, h3, h4, h5, h6 { 
 font-family: 'latobold';


}

h1{
	color:#343434;
	padding:0;
	margin:0;
	font-size:23px;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}


h1.titolo{
	color:#343434;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	font-size:23px;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #ececec;
}


h3{
	color:#343434;
	padding:0 0 20px 0;
	margin:0;
	font-size:13px;
	text-align:left;
	font-weight:normal;
}


h4{
	color:#777;
	padding:12px 0 0 0;
	margin:0;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h5{
	color:#B19F6E;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
	font-size:13px;
	font-weight:normal;
	border-bottom:1px solid #ececec;
}


h6{
	color:#777;
	padding:5px 0 0 0;
	margin:0;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}




p, li { 
	font-size:15px;
	line-height:26px;
	color:#777;
	font-weight:normal;
	padding: 0 0 10px 0;
	margin:0;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
}


p a{ 
	color:#777;
	text-decoration:none;
}

p a:hover{ 
	text-decoration:none;
	color:#B19F6E;
}

/*
ul li {
	padding-bottom:5px;
	list-style:none;
}*/




.nobordo{
	border:none;
}

.clear { 
	clear:both;
}


span {
	color:#333;
}

/* LINKS ---------------------------------------------------------------------------------------------------------- */

a {color: #b19f6e;text-decoration: underline;}
a:hover {color: #000;text-decoration: none;}
a.more {padding-right: 12px; background: url('../images/arrow.gif') no-repeat 100% 55%;}
a.button {background: url('../img/button-start.gif') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;}
a.button span {display: inline-block;height: 33px;line-height: 33px;padding: 0 20px;color: #fff;font-weight: bold;background: url('../images/button-end.gif') no-repeat 100% 0}
/* Fase 3.1: accessibilita' e gerarchia semantica, resa visiva invariata */
.footer-heading {
    color:#343434;
    padding:0 0 20px 0;
    margin:0;
    font-size:13px;
    text-align:left;
    font-weight:normal;
    font-family:'latobold';
}
.heading-h5 {
    color:#756842;
    padding:0 0 5px 0;
    margin:0 0 15px 0;
    font-size:13px;
    font-weight:normal;
    border-bottom:1px solid #ececec;
    font-family:'latobold';
}
.gallery-instruction,
.message-heading {
    color:#666;
    padding:12px 0 0 0;
    margin:0;
    font-size:16px;
    line-height:26px;
    font-style:italic;
    font-weight:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
}
.message-heading { text-align:center; padding-top:5px; }
.form-heading {
    color:#343434;
    padding:0 0 20px 10px;
    margin:0;
    font-size:13px;
    text-align:left;
    font-weight:normal;
    font-family:'latobold';
}

/* Contrasto AA per testo normale sui fondi bianchi e #eee. */
body,
p, li,
#box_presentazione p { color:#666; }
p a { color:#666; text-decoration:underline; text-underline-offset:2px; }
#main_menu li a,
#main_menu_responsive li a { color:#6a6a6a; }
#main_menu li a:hover,
#main_menu li a.attivo,
#main_menu_responsive li a:hover,
#main_menu_responsive li a.attivo { color:#756842; }
a { color:#756842; }

@media only screen and (max-width: 1000px) {
    .form-heading { text-align:center; }
}
@media only screen and (max-width: 600px) {
    .footer-heading { text-align:center; }
}

/* Fase 3.2: contrasto residuo footer */
.copiright p { color:#666; }