@font-face {
	font-family: 'Lato-Regular';
	src: url(/fonts/Lato-Regular.eot);
	src: local('/fonts/Lato-Regular'), url('/fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Lato-Light';
	src: url(/fonts/Lato-Light.eot);
	src: local('/fonts/Lato-Light'), url('/fonts/Lato-Light.ttf') format('truetype');
}

BODY {
	SCROLLBAR-FACE-COLOR: #152737;
	SCROLLBAR-HIGHLIGHT-COLOR: #152737;
	SCROLLBAR-SHADOW-COLOR: #152737;
	SCROLLBAR-3DLIGHT-COLOR: #152737;
	SCROLLBAR-ARROW-COLOR: #E31E24;
	SCROLLBAR-TRACK-COLOR: #152737;
	SCROLLBAR-DARKSHADOW-COLOR: #152737;
	background-color: #152737;
}

.testoNeroR {
	font-family: Lato-Regular, Arial;
	font-size: 17px;
	color: #000000;
}

.testoNeroL {
	font-family: Lato-Light, Arial;
	font-size: 17px;
	color: #000000;
}

.testoBiancoR {
	font-family: Lato-Regular, Arial;
	font-size: 17px;
	color: #CCCCCC;
}

.testoBiancoL {
	font-family: Lato-Light, Arial;
	font-size: 17px;
	color: #CCCCCC;
}

.testoBiancoL15 {
	font-family: Lato-Light, Arial;
	font-size: 15px;
	color: #CCCCCC;
}

.testoAzzurroL {
	font-family: Lato-Light, Arial;
	font-size: 17px;
	color: #E31E24;
}

a:link { font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC;  text-decoration: none}
a:visited { font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC;  text-decoration: none}
a:hover { font-family: Lato-Light, Arial; font-size: 21px; color: #E31E24;  text-decoration: none}

a.linkMenu:link { font-family: Lato-Light, Arial; font-size: 24px; color: #CCCCCC;  text-decoration: none}
a.linkMenu:visited { font-family: Lato-Light, Arial; font-size: 24px; color: #CCCCCC;  text-decoration: none}
a.linkMenu:hover { font-family: Lato-Light, Arial; font-size: 24px; color: #E31E24;  text-decoration: none}

a.linkServizi:link { font-family: Lato-Light, Arial; font-size: 24px; color: #CCCCCC; text-decoration: none; line-height: 45px; }
a.linkServizi:visited { color: #CCCCCC; }
a.linkServizi:hover { color: #E31E24; }

a.linkBA:link { font-family: Lato-Light, Arial; font-size: 17px; color: #CCCCCC;  text-decoration: none}
a.linkBA:visited { font-family: Lato-Light, Arial; font-size: 17px; color: #CCCCCC;  text-decoration: none}
a.linkBA:hover { font-family: Lato-Light, Arial; font-size: 17px; color: #E31E24;  text-decoration: none}

#areaTestata { width: 100%; position: relative; margin: 0; padding: 0; float: left; }
#Testata { width: 70%; position: relative; margin: 30px 15% 30px 15%; padding: 0; overflow: auto; }
.logoTestata { width: 18%; float: left; margin: 0; padding: 0; text-align: left; }
.testoTestata { width: 82%; float: left; margin: 0; padding: 0; font-family: Lato-Light, Arial; font-size: 23px; color: #CCCCCC; text-decoration: none; text-align: left; }
.titoloTestata { font-family: Lato-Light, Arial; font-size: 40px; color: #CCCCCC; text-decoration: none; text-align: left; }

#areaMenu { width: 100%; position: relative; margin: 0; padding: 0; float: left; }
#Menu { width: 70%; position: relative; margin: 0 15% 50px 15%; padding: 0; overflow: auto; }
.vociMenu { width: 18%; float: left; margin: 0 2% 0 0; padding: 0; }

.areaContenuti { width: 100%; position: relative; margin: 0; padding: 0; float: left; overflow:auto; }
.contenutoHome { width: 70%; height: 500px; position: relative; margin: 0px 15% 0px 15%; padding: 0; overflow: auto; background-size: cover; }
.testoHome { width: 60%; position: absolute; left: 100px; top: 300px; font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; }
.contenutoPagina { width:70%; position:relative; float: left; margin:0px 15% 0px 15%; padding:0; overflow:auto; }
.intestazionePagina { width: 18%; height: 40px; position: relative; font-family: Lato-Light, Arial; font-size: 24px; background-color:#E31E24; color: #CCCCCC; text-decoration: none; line-height: 40px; }
.testoPagina { width: 100%; position: relative; font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; line-height: 150%; }
.Indirizzo { width: 100%; position: relative; margin: 0 0 30px 0; padding: 0; overflow: auto; }
.testoIndirizzo { width: 40%; float: left; position: relative; font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; line-height: 150%; }
.mappaIndirizzo { width: 50%; float: left; position: relative; }
.Modulo { width: 100%; position: relative; margin: 0; padding: 0; overflow: auto; }
.testoModulo { width: 40%; float: left; position: relative; font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; line-height: 150%; }
.formModulo { width: 50%; float: left; position: relative; font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; line-height: 150%; }
input, select, textarea { margin-bottom: 10px; background: none; border: 1px solid #E31E24; font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; padding: 5px; }
.plsAzzurro { font-size: 21px; background: #E31E24; border: 1px solid #E31E24; color: #CCCCCC; }

.articolo { width: 30%; height: 530px; float: left; margin: 0 3% 50px 0; padding: 0; overflow:auto; }
.articoloFoto { width: 100%; height: 275px; background-size: cover; }
.articolo h3 { font-family: Lato-Light, Arial; font-size: 25px; color: #CCCCCC; text-decoration: none; line-height: 150%; }
.articolo span { width: 100%; font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; line-height: 150%; }

#areaFooter { width: 100%; position: relative; margin: 0; padding: 0; float: left; }
#Footer { width: 70%; position: relative; margin: 30px 15% 30px 15%; padding: 0; overflow: auto; }
.testoFooter { width: 75%; float: left; margin: 0; padding: 0; font-family: Lato-Light, Arial; font-size: 17px; color: #CCCCCC; text-decoration: none; text-align: left; line-height: 150%; }
.titoloFooter { font-family: Lato-Light, Arial; font-size: 21px; color: #CCCCCC; text-decoration: none; text-align: left; line-height: 150%; }
.logoFooter { width: 25%; float: left; margin: 0; padding: 0; font-family: Lato-Light, Arial; font-size: 17px; color: #CCCCCC; text-decoration: none; line-height: 150%; text-align: center; }

@media (max-width: 768px) {
	a:link { font-size: 17px; }
	a:visited { font-size: 17px; }
	a:hover { font-size: 17px; }

	#Testata { width: 90%; margin: 10px 5% 0 5%; }
	.logoTestata { width: 80%; margin: 0 10% 0 10%; text-align: center; }
	.testoTestata { width: 100%; margin: 0 0 30px 0; font-size: 17px; text-align: center; }
	.titoloTestata { font-size: 30px; text-align: center; }
	
	#Menu { width: 90%; margin: 0 5% 50px 5%; }
	.vociMenu { width: 100%; margin: 0 0 20px 0; }

	.contenutoHome { width: 90%; height: 200px; margin: 0px 5% 0px 5%; }
	.testoHome { display: none; }
	
	.contenutoPagina { width: 90%; margin: 0px 5% 0px 5%; }
	.intestazionePagina { width: 100%; }
	.testoPagina { font-size: 17px; }
	.testoIndirizzo { width: 100%; margin-bottom: 10px; font-size: 17px; }
	.mappaIndirizzo { width: 100%; }
	.testoModulo { width: 100%; margin-bottom: 10px; font-size: 17px; }
	.formModulo { width: 100%; font-size: 17px; }
	input, select, textarea { font-size: 17px; }
	.plsAzzurro { font-size: 19px; }
	
	.articolo { width: 100%; height: 460px; margin: 0 0 50px 0; }
	.articoloFoto { height: 240px; }
	.articolo h3 { font-size: 23px; }
	.articolo span { font-size: 17px; }

	#Footer { width: 90%; margin: 30px 5% 30px 5%; }
	.testoFooter { width: 100%; margin: 0; text-align: center; }
	.titoloFooter { font-size: 19px; text-align: center; }
	.logoFooter { width: 80%; margin: 0 10% 0 10%; }
}