html, body {
	margin: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1px;
	margin-bottom: 0px;
	font-family: tahoma, sans-serif, arial, verdana, helvetica;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background-color: white;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: grey;
	text-decoration: underline;
}
a:hover {
	color: #bc9b3c;
	color: black;
}

#layout {
	width: auto;
	height: auto;
	border: 0px solid black;
}

/*i prox 3 id creano lo sfondo sfumato esterno al sito, in riferimento alle 3 zone: top (fisso), contenuto (flessibile in altezza), bottom (fisso)*/
#esternoTestata {
	background-color: white;
	width:auto;
	height:400px;
	border: 0px solid red;
}
#esternoContenuto {
	background-color: white;
	width:auto;
	height:auto;
}
#esternoBottom {
	background-color: white;
	width:auto;
	height:220px;
}

#testata {
	border: 0px solid blue;
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: 0px -62px;
	width:1100px;
	height:400px;
	display: block;
	margin-right: auto; /*questo margin danno il centramento del contenuto rispetto al div superiore*/
	margin-left: auto; /*questo margin danno il centramento del contenuto rispetto al div superiore*/
}


.icone {
	position:absolute;
	margin-left: 905px;
	margin-top: 0px;
	width: 100px;
	height: 26px;
	border: 0px solid red;
	display: block;
}
.icoHome {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -916px -501px;
	width: 25px;
	height: 25px;
	display: block;
	border: 0px solid green;
	float: right;
	margin-right: 5px;
}
.icoHome:hover {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -916px -527px;
}
.icoInfo {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -945px -501px;
	width: 25px;
	height: 25px;
	display: block;
	border: 0px solid black;
	float: right;
	margin-right: 5px;
}
.icoInfo:hover {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -945px -527px;
}
.icoContatti {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -975px -501px;
	width: 25px;
	height: 25px;
	display: block;
	border: 0px solid red;
	float: right;
	margin-right: 5px;
}
.icoContatti:hover {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -975px -527px;
}



.bandierine {
	position:absolute;
	margin-left: 950px;
	margin-top: 176px;
	width: auto;
	height: 16px;
	border: 0px solid red;
}
.flagEng {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -905px -505px;
	width: 16px;
	height: 10px;
	display: block;
	border: 1px solid silver;
	float: right;
	margin-right: 5px;
}
.flagEng:hover {
	border: 1px solid white;
}
.flagIta {
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -881px -505px;
	width: 16px;
	height: 10px;
	display: block;
	border: 1px solid silver;
	float: right;
	margin-right: 5px;
}
.flagIta:hover {
	border: 1px solid white;
}

#content {
	border: 0px solid black;
	height: auto;
	width:1100px;
	min-height: 260px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 0px;
	text-align: justify;
	clear: both;
	background-color: white;
	background-image: url(../layout/BackRepeat.gif);
	display: block;
	margin-right: auto; /*questo margin danno il centramento del contenuto rispetto al div superiore*/
	margin-left: auto; /*questo margin danno il centramento del contenuto rispetto al div superiore*/
	color: grey;
}
.testoCont {border:0px solid green; padding-left: 135px;padding-right: 135px;padding-top:15px;}

#menuTop {
	margin-top: 91px;
	margin-left: 108px;
	position: absolute;
	width: 880px;
	height: 16px;
	border: 0px solid red;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: white;
	float: left;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: tahoma, Arial Rounded MT Bold, arial;
}
#menuTop a {
	color: white;
	text-decoration: none;
}
#menuTop a:hover {
	color: orange;
}

.mappaGoogle {
	width: 100%;
	height: 500px;
	align: center;
	border: 0px solid silver;
	margin: 0px;
	margin-bottom: -28px;
	padding: 0px;
}

#bottom {
	border: 0px solid red;
	clear: both;
	width:1100px;
	height: 140px;
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: 0px -885px;
	color: #6699cc;
	text-align: center;
	margin-right: auto; /*questo margin danno il centramento del contenuto rispetto al div superiore*/
	margin-left: auto; /*questo margin danno il centramento del contenuto rispetto al div superiore*/
}
#ContenutoBottom {
	border: 0px solid red;
	padding-top: 55px;
}
.menuBottom {
	border: 0px solid silver;
	text-align: left;
	padding-left: 100px;
	text-transform: uppercase;
	color: grey;
	font-size: 9px;
}
.menuBottom a {
	color: grey;
	text-decoration: none;
}
.menuBottom a:hover {
	color: black;
	text-decoration: underline;
}

.vociBottom {
	border: 0px solid silver;
	text-align: right;
	padding-right: 100px;
	color: grey;
	margin-top: -14px;
}
.vociBottom a {
	color: #6699cc;
	text-decoration: underline;
}
.vociBottom a:hover {
	color: black;
	text-decoration: underline;
}



/* bottom 3wc */
#contenitoreW3c {
	margin-top: 20px;
	margin-right: auto; 
	margin-left: auto;
	width: 40em;
	height: 20px;
	border: 0px solid red;
	display: block;
	font-family: arial,sans-serif;
}

.statistiche {
	position: absolute;
	left: -2000px;
	border: 0;
}
.w3cbutton3 {
  width: 90px;
  height: auto;
  border: 1px solid #ccc;
  font-family: helvetica,arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin-left: 10px;
  display: block;
  float: left;

}
.w3cbutton3 a {
  display: block;
  width: 100%;
}
.w3cbutton3 a:link, .w3cbutton3 a:visited, .w3cbutton3 a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton3 span.w3c {
  padding: 0 3px;
  background-color: #fff;
  color: #0c479d;
}
.w3cbutton3 span.spec {
	padding-left: 3px;
}
.bottomleftspace {
	margin-left: 10px;
	color: silver;
	float: left;
}
.bottomleftspace a {
	color: grey;
}
.bottomleftspace a:hover {
	color: silver;
}


/*layout generico*/
.TitoloCont {margin-bottom: 10px;}
.titolo {color:#6699cc;width:100%;display:block;text-align:left;font-size:18px;font-weight:bold;border-bottom:2px solid #6699cc;margin-bottom:10px;}
.titolo a {color:#6699cc;text-decoration:none}
.titolo a:hover {color:#6699cc;text-decoration:none}
.trattini {font-size: 16px; margin-left:5px; margin-right: 3px;}
.trattini2 {font-size: 13px; margin-left:5px; margin-right: 3px;}


/*layout home*/
.backhome {border:0px solid red;position:absolute;width:180px;height:180px;display:block;margin-top:165px;margin-left:100px;}
.facebooklink{border:0px solid red;position:absolute;width:73px;height:73px;display:block;margin-top:95px;margin-left:918px;}
.facebooklink:hover{background-image: url(../layout/layoutTagliato.jpg);background-position: -918px -584px;}

.ImgHome {
	width: 426px;
	height:246px;
	display: block;
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -107px -469px;
	border:1px solid silver;
	margin-bottom: 5px;
}
.HomeSin {
	border-right: 1px solid silver;
	width: 360px;
	margin-bottom: 10px;
	float: left;
}
.HomeDex {
	width: 270px;
	margin-left: 35px;
	margin-bottom: 10px;
	float: left;
}
.LarghezzaHomeDex {width: 428px;}
.LarghezzaHomeSin {width: 328px;}
.HomeRigaDex {height:1px; border-bottom:1px solid silver; width: 328px; margin-bottom: 5px;}
.BannerAntonelli {
	width: 328px;
	height: 80px;
	display: block;
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -547px -547px;
	border: 0px solid blue;
}
.BannerComitato {
	width: 328px;
	height: 80px;
	display: block;
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -547px -635px;
	border: 0px solid red;
	margin-top:5px;
}
.BannerSostenerci {
	width: 328px;
	height: 80px;
	display: block;
	background-image: url(../layout/layoutTagliato.jpg);
	background-position: -547px -715px;
	border: 0px solid red;
	margin-top:5px;
}


/*news*/
.newsHomeContainer {height: 290px;}
.newsHomeContainerDex {height: 135px;}
.news_data {
	font-style: italic;
	font-weight: bold;
}
.riga_news_home {
	border-top: 1px dotted silver;
	height: 5px;
}
.riga_news {
	border-top: 1px dotted silver;
	height: 5px;
	margin-top: 20px;
}

.imgNews img {
	border: 1px solid silver;
	float: left;
	padding: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	display: block;
	width: 55px;
	height: 55px;
}
.testoNews {
	display: block;
	min-height: 50px;
	border: 0px solid red;
	text-align: justify;
}
.testoNewsHome {
	display: block;
	min-height: 80px;
	border: 0px solid silver;
	text-align: justify;
}
.IcoFileNews {
	margin: absolute;
	border: 0px solid silver;
	float: right;
}
a:hover strong {color: black;} /*mi permette di colorare gli elementi strong contenuti nell'elemento a quando ci vado sopra col mouse*/









.elementoGalleria {
	border: 0px solid black;
	display: block;
	margin-left: 19px;
	margin-right: 19px;
	margin-top: 15px;
	width: 125px;
	float: left;
}
.elementoGalleria img{
	margin-bottom: 2px;
	width: 100px;
	height: 68px;
	border: 1px solid #E5CB07;
	display: block;
}
.elementoNumero {
	display: block;
	float:left;
	FONT-FAMILY: Tahoma, Verdana, Geneva,Arial,Helvetica;
	FONT-SIZE: 11px;
	COLOR:#A62A2A;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	height: 80px;
	border: 0px solid blue;
	margin-right: 2px;
}
.elementoDidascalia {
	border: 0px solid red;
	FONT-FAMILY: Tahoma, Verdana, Geneva,Arial,Helvetica;
	FONT-SIZE: 11px;
	COLOR:#003300;
	FONT-WEIGHT:normal;
	TEXT-DECORATION: none;
}

.DidascaliaVideo {
	border: 0px solid red;
	FONT-FAMILY: Tahoma, Verdana, Geneva,Arial,Helvetica;
	FONT-SIZE: 11px;
	COLOR:#003300;
	FONT-WEIGHT:normal;
	TEXT-DECORATION: none;
	position:absolute;
	margin-top: 4px;
}





/*FOTOGALLERY*/

/* layout pop-up zoom */
#galleria { 
	width: 665px;
	border: 1px solid red;
}
#layoutgalleria { 
	float: left;
	width: 660px;
	height: 638;
	padding: 0px;
	backgroudn-color: black;
}
#riqgalleria { 
	float: left;
	width: 373px;
	border: 1px solid;
	text-align: center;
	padding: 0px;
	border-color: #AE0000;
}
#titologalleria { 
	float: left;
	width:660px;
	height:16px;
	font-size: 11px;
	background-image: url(../Img/Img_Testata.gif);
}
#fotogalleria { 
	float: left;
	width:600px;
	height:600px;
	background-color: #000000;
}
#marginedxgalleria { 
	float: left;
	width:60px;
	height:600px;
	background-image: url(../Img/Img_Marginedx.gif);
}
#scorrimentoGalleria { 
	float: left;
	width:640px;
	height:22px;
	font-family: tahoma, arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #e55e1b;
	background-image: url(../Img/Img_Sfondo.gif);
	repeat: repeat-y;
	line-height: 23px;
	border: 0px solid red;
}
#scorrimentoGalleria a { 
	color: green;
	text-decoration: none;
}
#scorrimentoGalleria a:hover { 
	color: orange;
}
#scorrimentoGalleria span { 
	color: blue;
}
.Chiudi { 
	background-image: url(../Img/Img_Chiudi.gif);
	width:20px;
	height:22px;
	position: absolute;
	margin-left: 640px;
	border: 0px solid red;
}
#ingrandimento {
	float: left;
	width: 590;
	height: 590px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.fotoScorrimento {
	border: 1px solid silver;
	background-color: black;
	color: silver;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	display: block;
	position: absolute;
}
.fotoScorrimento:hover {
	border: 1px solid black;
	background-color: silver;
	color: black;
}

.Avanti {
	margin-top: 10px;
	margin-left: 30px;
}
.Indietro {
	margin-top: 10px;
	margin-left: 10px;
}
.black {color: black;}














/*utilità*/

.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.bold {font-weight: bold;}
.CBoth {clear: both; min-height: 1px;}
.visoff {position: absolute; left: -2000px; }
.MaxFit {width: 100%; height: 100%; display: block; }
.underline {text-decoration: underline;}
.nounderline {text-decoration: none;}
.NoBack {background-color: white;}
.testobold {font-weight: bold;}
.alignR {align:right;}
.FLeft {float: left;}
.FRight {float: right;}
.colorWhite {color: white;}
.colorBlack {color: black;}
.colorBeige {color: #cccc66;}
.colorMarroncino {color:#bc9b3c}
.marginTop5 {margin-top: 5px}