@charset "utf-8";

/* CSS Reset */
html, body, p, ul ,li, div, header, nav, section, article, aside, footer, hgroup, span, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: lighter;
	font-size:14px;
}

/* Impostazioni generali della pagina */
html{
	background-color:#fff;
}

body{
	width:100%;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	background-color: #fff;
}

img{
	border: 0;
	margin: 0;
	padding: 0;
}

.testo_nascosto{
	position:absolute;
	left:-9999px;	
}

ul{
	list-style:none;	
}
.menu_inline li{
	display:inline;
	padding-right:.6em;
}
a{
	color:#000;
	text-decoration:none;	
}
a:hover{
	text-decoration:underline;	
}
.bordato{
	border:1px solid red;	
}

/* DESKTOP -------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:780px){
    
    h2{
        font-size: 16px;
        font-weight: bold;
        color: #8c9337;
    }
    
	/*Intestazione*/
	.intestazione{
		width: 100%;
		max-width:1200px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin:0 auto;
		position:relative;
	}
	.intestazione img{
		margin-left:5px;	
	}
	.nome{
		position:absolute;
		left:56px;
		font-size:1.4em;
		top:98px;
		z-index: 10;
	}
	.menu_contatti{
		width:120px;
		float:right;	
		margin-top:20px;
		margin-right:20px;
		text-align:right;
	}
	.menu_contatti li:last-child{
		line-height:30px;	
	}
	
	/*Menu Principale*/
	.spazio_menu_principale{
		clear:both;
		height: 50px;
		background-color: #bcc649;	
	}
	.menu_principale{
		width: 100%;
		max-width:1200px;
		margin:0 auto;
		position:relative;
	}
	
	.menu_contenuti{
		position:absolute;	
		left:10px;
		top:0;
	}
	.menu_contenuti ul{
		margin-top: 15px;	
	}
	.menu_contenuti li{
		font-size:1.1em;	
        padding-right:.9em;
        padding-left: .6em;
        border-right: 1px solid black;
	}
    .menu_contenuti li:last-child{
        border-right: none; 
    }
	
	.menu_sezioni{
		width:280px;
		text-align:right;
		position:absolute;
		right:20px;
	}
	.menu_sezioni ul{
		padding-top: 11px;
	}
	.menu_sezioni li{
		font-size:1.5em;
		padding-right:0;
		padding-left:.6em;
        border-left: 1px solid black;
	}
    .menu_sezioni li:first-child{
        border-left: none; 
        padding-right:.6em;
    }
	
	/*Menu Secondario*/
	.spazio_menu_secondario{
		clear:both;
		height: 7px;
		background-color: #d1dd9f;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	
	
	/*Contenuti della Pagina*/
	.corpo_pagina{
		min-height:300px;
        width: 100%;
		max-width:1200px;
        margin: 0 auto;
	}
    .colonna_sinistra{
        width: 200px;
        float: left;
        margin-left: 20px;
    }
	.colonna_destra{
        margin-left: 240px;
        margin-right: 20px;
        margin-top: 10px;
    }
    
	
	/*Riga Footer*/
	.spazio_divisione_footer{
		clear:both;
		height: 65px;
		background-color: #d1dd9f;	
		position:relative;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	.spazio_riga_footer{
		clear:both;
		width:100%;
		height: 13px;
		background-color: #bcc649;	
		position:absolute;
		top:41px;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	.menu_contatti_secondario{
        position:absolute;
        left:-9999px;
	}
    
    
	/*Footer*/
	.fine_pagina{
		width: 100%;
		max-width:1200px;
		padding-bottom: 30px;
		padding-top: 15px;
		margin:0 auto;
		position:relative;
	}
	
	.info_admin{
		width:350px;
		float:left;
		margin-left:20px;	
	}
	.info_admin span{
		font-size:1.1em;
		font-weight:bold;
		line-height:1.5em;
	}
	.info_admin p{
        font-size:.9em;
    }
    
	.mappa_consulenza{
		width:150px;
		float:right;
		text-align:right;
		margin-right:20px;
	}
	.mappa_consulenza span{
		text-decoration:underline;
		line-height:2em;
        font-size:.9em;
	}
    .mappa_consulenza li{
        font-size:.8em;
    }
	.mappa_formazione{
		width:150px;
		float:right;
		text-align:right;
	}
	.mappa_formazione span{
		text-decoration:underline;
		line-height:2em;
        font-size:.9em;
	}
    .mappa_formazione li{
        font-size:.9em;
    }
    
    
    /* Varie, Specifiche per Pagina */
    #map_canvas {
        width: 100%;
        height: 500px;
        border: 1px solid black;
    }
}

/* TABLET -------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:511px) and (max-width:779px){
    
    h2{
        font-size: 16px;
        font-weight: bold;
        color: #8c9337;
    }
    
	/*Intestazione*/
	.intestazione{
		width: 100%;
		max-width:1200px;
		padding-bottom: 13px;
		padding-top: 10px;
		margin:0 auto;
		position:relative;
	}
	.intestazione img{
		margin-left:5px;	
		width:350px;
	}
	.nome{
		position:absolute;
		left:40px;
		font-size:1.2em;
		top:70px;
		z-index: 10;
	}
	.menu_contatti{
		width:120px;
		float:right;	
		margin-top:0;
		margin-right:20px;
		text-align:right;
	}
	.menu_contatti li{
		line-height:24px;	
	}
	
	/*Menu Principale*/
	.spazio_menu_principale{
		clear:both;
		height: 50px;
		background-color: #bcc649;	
		position:relative;
	}
	.menu_principale{
		width: 100%;
		max-width:1200px;
		margin:0 auto;
	}
	
	.menu_contenuti{
		position:absolute;	
		left:7px;
		top:60px;
	}
	.menu_contenuti li{
		font-size:1.1em;	
	    padding-right:.9em;
        padding-left: .6em;
        border-right: 1px solid black;
	}
    .menu_contenuti li:last-child{
        border-right: none; 
    }
	
	.menu_sezioni{
		width:340px;
		text-align:left;
		position:absolute;
		left:4px;
	}
	.menu_sezioni ul{
		padding-top: 11px;
		margin-right: 20px;
	}
	.menu_sezioni li{
		font-size:1.5em;
		padding-right:0;
		padding-left:.6em;
        border-left: 1px solid black;
	}
    .menu_sezioni li:first-child{
        border-left: none; 
        padding-right:.6em;
    }
	

	
	/*Menu Secondario*/
	.spazio_menu_secondario{
		clear:both;
		height: 40px;
		background-color: #d1dd9f;	
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	
	
	/*Contenuti della Pagina*/
	.corpo_pagina{
		min-height:300px;
        width: 100%;
		max-width:1200px;
        margin: 0 auto;
	}
    .colonna_sinistra{
        width: 200px;
        float: left;
        margin-left: 20px;
    }
	.colonna_destra{
        margin-left: 240px;
        margin-right: 20px;
        margin-top: 10px;
    }
	
	
	/*Riga Footer*/
	.spazio_divisione_footer{
		clear:both;
		height: 50px;
		background-color: #d1dd9f;	
		position:relative;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	.spazio_riga_footer{
		clear:both;
		width:100%;
		height: 10px;
		background-color: #bcc649;	
		position:absolute;
		top:30px;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
    .menu_contatti_secondario{
        position:absolute;
        left:-9999px;
	}
	
    
	/*Footer*/
	.fine_pagina{
		width: 100%;
		max-width:1200px;
		padding-bottom: 30px;
		padding-top: 15px;
		margin:0 auto;
		position:relative;
	}
	
	.info_admin{
		width:98%;
		margin:0 auto;
		text-align:center;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	.info_admin span{
		font-size:1.1em;
		font-weight:bold;
		line-height:1.5em;
	}
    .info_admin p{
        font-size:.9em;
    }
	
	.mappa_consulenza{
        display:none;
	}
	.mappa_formazione{
        display:none;
	}
    
    
    /* Varie, Specifiche per Pagina */
    #map_canvas {
        width: 100%;
        height: 500px;
        border: 1px solid black;
    }
}


/* SMARTPHONE  -------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:10px) and (max-width:510px){
    
    h2{
        font-size: 16px;
        font-weight: bold;
        color: #8c9337;
    }
    
	/*Intestazione*/
	.intestazione{
		width: 310px;
		padding-bottom: 18px;
		padding-top: 10px;
		margin:0 auto;
		position:relative;
	}
	.intestazione img{
		margin-left:5px;	
		width:300px;
	}
	.nome{
		position:absolute;
		left:34px;
		font-size:1.1em;
		top:63px;
		z-index: 10;
	}
	.menu_contatti{
        position:absolute;
        left:-9999px;
	}
	.menu_contatti li{
		line-height:24px;	
	}
	
	/*Menu Principale*/
	.spazio_menu_principale{
		clear:both;
		height: 50px;
		background-color: #bcc649;	
		position:relative;
	}
	.menu_principale{
		width: 100%;
		max-width:1200px;
		margin:0 auto;
	}
	
	.menu_contenuti{
		position:relative;	
		margin: 0 auto;
        text-align:center;
        margin-top:18px;
        line-height:2.2em;
	}
	.menu_contenuti li{
		font-size:1.1em;
        padding-right:.9em;
        padding-left: .6em;
        border-right: 1px solid black;
	}
    .menu_contenuti li:last-child{
        border-right: none; 
    }
    .menu_contenuti li:nth-child(3){
        border-right: none; 
    }
	.menu_contenuti span{
        display:block; 
    }
    
	.menu_sezioni{
		width:300px;
		text-align:center;
		position:relative;
		margin: 0 auto;
	}
	.menu_sezioni ul{
		padding-top: 11px;
		margin-right: 20px;
	}
	.menu_sezioni li{
		font-size:1.5em;
		padding-right:0;
		padding-left:.6em;
        border-left: 1px solid black;
	}
    .menu_sezioni li:first-child{
        border-left: none; 
        padding-right:.6em;
    }
	
	/*Menu Secondario*/
	.spazio_menu_secondario{
		clear:both;
		height: 68px;
		background-color: #d1dd9f;	
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	
	
	/*Contenuti della Pagina*/
	.corpo_pagina{
		min-height:300px;
        width: 100%;
		max-width:1200px;
        margin: 0 auto;
	}
    .colonna_sinistra{
        width: 94%;
        margin: 10px auto;
    }
	.colonna_destra{
        width: 94%;
        margin: 10px auto;
    }
	
	/*Riga Footer*/
	.spazio_divisione_footer{
		clear:both;
		height: 46px;
		background-color: #d1dd9f;	
		position:relative;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
	.spazio_riga_footer{
		clear:both;
		width:100%;
		height: 10px;
		background-color: #bcc649;	
		position:absolute;
		top:28px;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
    
    .menu_contatti_secondario{
		width:300px;
        position: relative;
		margin:0 auto;
		text-align: center;
	}
	.menu_contatti_secondario li{
		line-height:29px;	
        display:inline;
        padding-right:.9em;
        padding-left: .5em;
        border-right: 1px solid black;
	}
    .menu_contatti_secondario li:last-child{
        padding-right:0;
        padding-left: .4em;
        border-right: none;
	}
	
	/*Footer*/
	.fine_pagina{
		width: 100%;
		max-width:1200px;
		padding-bottom: 30px;
		padding-top: 15px;
		margin:0 auto;
		position:relative;
	}
	
	.info_admin{
		width:98%;
		margin:0 auto;
		text-align:center;
		
		-webkit-transition: all 0.2s linear;
		   -moz-transition: all 0.2s linear;
			 -o-transition: all 0.2s linear;
				transition: all 0.2s linear;
	}
    .info_admin p{
        font-size:.8em;
    }
	.info_admin span{
		font-size:1.1em;
		font-weight:bold;
		line-height:1.5em;
	}
	
	.mappa_consulenza{
        display:none;
	}
	.mappa_formazione{
        display:none;
	}
    
    
    /* Varie, Specifiche per Pagina */
    #map_canvas {
        width: 80%;
        height: 400px;
        border: 1px solid black;
    }
}