/*
NOTE GENERALI:
- i tag HTML sono tutti indicati con lettere MAIUSCOLE classi e pseudoclassi dei selettori in minuscolo
- le immagini che definiscono stili sono contenute nella cartella img nella stessa root del file .css
*/

/* selettori per HTML base -- per formattare il body e tutti gli elementi inseriti con CMS */

body{
	background: #71624B;
	font: 12px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #34292B;
}
A{
	color: #34292B;
	text-decoration: underline;
}
A:hover{
	color: #F85204;
	text-decoration: underline;
}
IMG, IMG A{
	border: 0;
}
/*tolgo la sottolineatura dai link dell'interfaccia*/

.ico{
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 4px;
}

P{
	margin: 5px 0 0 0;
}
P A{
	text-decoration: underline;
}
P A:hover{
	color: #F85204;
	text-decoration: underline;
}


UL{
	margin: 0 0 0 0;
	padding: 0 8px 0 20px;
	list-style-type: square;
	list-style-position: outside;
}
OL{
	margin: 0 0 0 0;
	padding: 0 8px 0 20px;
}
LI{
	color: #333;
	margin: 0 0 3px 0;
}
LI A{
	color: #7D7676;
	text-decoration: underline;
}
LI A:Hover{
	color: #F85204;
}
H1{
	margin: 30px 0 15px 0;
	padding: 0 0 0 0;
	color: #34292B;
	font: 18px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
}
/*questa classe formatta i titoli delle sezioni*/


H1 A{
	background-color: transparent;
}

H1 A:hover{
	color: #F85204;
}
H2{
	color: #333;
	font: bold 12px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}
H2 A{
	color: #F85204;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
H2 A:hover{
	color: #333;
	text-decoration: underline;
}

H3{
	color: #666;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
}

hr {
	border: 0; 
	color: #90A1B6;
	background-color: #90A1B6; 
	height: 1px;
}

/*classe per formattare le immagini nei box news e headline*/

.fotobox{
	float: left;
	width: 100px;
	height: 75px;
	margin: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	vertical-align: middle;
}

.fotobox img{
	
}

.gallery_header{
	color: #71624B;
	margin: 0 0 0 0;
	padding: 8px 15px 0 15px;
	background: url(img/legend_bg.gif) left top;
	border-left: 1px solid #d1b48d;
	border-top: 1px solid #d1b48d;
	border-right: 1px solid #d1b48d;
}

/* selettori footer*/

div#footer{
	text-align: left;
	color: #FFF;
}

div#footer A{
	color: #FFF;
	text-decoration: none;
}
div#footer A:hover{
	color: #FFF;
	text-decoration: underline;
}
div#footer P{
	color: #FFF;
}

div#footer P A{
	color: #FFF;
	text-decoration: none;
}
div#footer P A:hover{
	color: #FFF;
	text-decoration: underline;
	
}

.evidenza {
	font-size: 18px;
}

.floatleft{
	float: left;
	margin: 10px 10px 0 0px;
	text-align: left;
}
.floatright{
	float: right;
	margin: 0 5px 0 5px;
	text-align: right;
}

/*messaggi di attenzione e avvenuta azione*/
.alert {
	font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FF5A08;
	padding: 5px 0 8px 40px;
	background: #FFFF8E url(img/ico_alert.gif) no-repeat left top;
	border: 1px solid #FF5A08;
}

.info {
	font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #144FE1;
	padding: 5px 0 8px 40px;
	background: #C3DBF1 url(img/ico_info.gif) no-repeat left top;
	border: 1px solid #afc4d9;
}

/*classi per link*/

.icon {
	padding-left: 20px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	background-position-y: top;
	color: #518BC3;
	text-decoration: none;
}

.download { background-image: url(img/ico_download.gif) }
.link { background-image: url(img/ico_link.gif) }
.news { background-image: url(img/ico_news.png) }
.boxsmall { width: 33%; }
.boxmid { width: 50%; }
.floatleft { float: left; }

/*usato per le date delle news ed altri elementi*/
.txtcolor1 { color: #FFF; }
.txtcolor2 { color: #F85204; }
.txtcolor3 { color: #90A1B6; }