/*stili per il layout fluido*/
html,body { margin: 0;padding:0; background: #FFF url(../imgs_grafiche/back-pagine.gif); }
body { font-family: arial, sans-serif; font-size: 78%; }
div#container { 
	MARGIN: 0px auto; 
	BORDER: #0099CC 2px solid; 
	WIDTH: 760px; 
	COLOR: #000; 
	POSITION: relative; 
	background: #FFF url(../imgs_grafiche/sfondo-laterale.gif) repeat-y left;
	TEXT-ALIGN: left; 
}
DIV.cl { clear: both; }
.floatleft { float: left; padding: 5px; }
.floatright { float: right; padding: 5px; }
IMG {border: 0px; }
hr { color: #336699; height: 1px; }
a { color:#000; font-weight: bold; TEXT-DECORATION: underline }

span.titolo { 
	text-align: left; 
	BACKGROUND-COLOR: #CC6600; 
	color: #fff; 
	padding: 0px 5px; 
	margin: 0px; 
	font-weight: bold; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
}

/*stili generici, su header e footer*/
div#header {
	background-color: #FFF; 
	color: #000; 
	text-align:center;
}
div#barra { 
	background-color: #D7EBFF;
	clear:both; 
	text-align: left; 
	padding: 2px 10px; 
	color: #000099;
	border-bottom: 2px solid #0099CC;
	border-top: 2px solid #0099CC;
}

div#barra a {
	color:#000099;
	font-weight: bold;
	text-decoration: underline;
}
div#barra span {
	color:#000099;
	font-weight: bold
}

h1,h2,h3{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif; display:none}
h2{color: #336699;font-size: 1.5em; font-weight: bold;}
h3{color: #336699;font-size: 1.4em; font-weight: bold;}
h4{color: #336699;font-size: 1.3em; font-weight: bold;}
h5{color: #336699;font-size: 1.2em; font-weight: bold;}
h6{color: #336699;font-size: 1.1em; font-weight: bold;}

div#footer a{color:#000099;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#left{ 
	position: relative; 
	float: left; 
	width: 160px;\width:170px;w\idth:160px; 
	border-left: 2px solid #FFF;
	padding: 4px; }

div.navigation{ 
	clear:both; position: relative; float: left; width: 156px;\width:166px;w\idth:156px; padding: 0px; color: #000; margin-bottom: 5px;
}

div#linea {
	font-size: 1px; clear: left; width: 100%; height: 2px; background-color: #FFF;
}

div#content{
	min-height: 600px;
	height: auto !important;
	height: 600px;
	max-height: 10000px;
	margin-left: 2px; color: #000000; 
	border-right: 2px solid #FFF;
	position: relative; float: left;
}
div#footer{
	clear:both; text-align:center; padding: 0px; background-color: #D7EBFF; color: #000099; 
	border-top: 2px solid #0099CC;
}

/*stili per la sezione navigation*/

DIV.navigation p { text-align: center; font-family: arial, sans-serif; color: #336699;}
DIV.navigation p.titolo { font-size: 1.1em; font-family: arial, sans-serif; color: #336699;}
DIV.navigation a { font-family: arial, sans-serif; color: #336699;}
DIV.navigation span.titolo { font-family: arial, sans-serif; BACKGROUND-COLOR: #336699;}
DIV.navigation A.titolo { font-family: arial, sans-serif; BACKGROUND-COLOR: #336699;}
DIV.navigation DIV.newsbox { 
	BACKGROUND-COLOR: #FFF; 
	PADDING: 3px; 
	BORDER-TOP: #336699 1px solid; 	BORDER-RIGHT: #336699 1px solid; 
	BORDER-BOTTOM: #336699 1px solid;
}
DIV.navigation DIV.newsbox UL { 
	margin: 0px;
	margin-left: -20px !important;
	margin-left: -20px;
	LIST-STYLE-IMAGE: url(../imgs_grafiche/freccia-menu.gif); 
}
DIV.navigation DIV.newsbox LI { 
	MARGIN: 0px; 
	padding-top: 0em;
}
DIV.navigation DIV.newsbox UL A { 
	
	border-bottom: 1px #000 solid;
	FONT-WEIGHT: bold; 
	COLOR: #000; 
	TEXT-DECORATION: none;
}
DIV.navigation DIV.newsbox UL A:hover { TEXT-DECORATION: underline;}
DIV.navigation DIV.newsbox UL A.active { COLOR: #003399; font-weight: bold}
DIV.navigation DIV.newsbox P { MARGIN: 0px }
DIV.navigation DIV.newsbox hr { color: #336699; height: 1px; }
DIV.navigation DIV.newsbox a { color:#000;font-weight: bold;text-decoration: underline }

DIV.textimage { 
	font-family: arial, sans-serif; 
	clear:both; 
	margin: 0px; 
	padding: 5px; 
	color: #000; 
	width: 575px;
}

DIV.textimage a { color:#000; font-weight: bold; TEXT-DECORATION: underline }
DIV.textimage UL A { FONT-WEIGHT: bold; COLOR: #000; TEXT-DECORATION: none;}
DIV.textimage UL A:hover { COLOR: #000; TEXT-DECORATION: underline}
DIV.textimage UL.news { 
	margin-left: -15px !important;
	margin-left: 20px;
	LIST-STYLE-IMAGE: url(../imgs_grafiche/freccia-menu.gif); 
}
DIV.textimage LI.news {
	margin: 10px 0px;
	border-bottom: 1px #336699 solid;
}
DIV.textimage A.news { font-size: 1.2em; FONT-WEIGHT: bold; COLOR: #000; TEXT-DECORATION: none;}
DIV.textimage A.news:hover { font-size: 1.2em; COLOR: #336699; TEXT-DECORATION: underline}

div.boxnewstitolo {
	padding-right: 1em; text-align: right; color: #FFF; font-weight: bold; font-family: arial, sans-serif; BACKGROUND-COLOR: #0099CC;
}
DIV.boxnews {
	clear:both; 
	width: 575;
	border: 2px solid #0099CC;
	margin: 2px;
	padding: 2px;
}

DIV.boxnews DIV.split50 {
	float: left;
	width: 280px;
	margin: 2px;
}

DIV.boxnews DIV.split33 {
	float: left;
	width: 183px;
	margin: 2px;
}

DIV.wide { clear: left; MARGIN: 0px 1% }

table { border: #0099CC 1px solid; padding: 2px; border-collapse: collapse; }
th { background-color: #0099CC; padding: 2px; font-weight: bold; color: #FFF; border-collapse: collapse; }
td { border: #0099CC 1px solid; padding: 2px; border-collapse: collapse; background-color: #FFF; }

input.invia { width: 100px; text-align: center; font-weight: bold; color: #000; }
input.radio { color: #000; width: 20px; }
input.r80 { color: #000; width: 80px; }
select.radio { color: #000; width: 20px; }
input.checkbox { color: #000; width: 20px; }
input.qnt { color: #000; width: 30px; }
input.small { color: #000; width: 100px; }
textarea.textarea { color: #000; width: 500px; height: 400px; font-family: verdana, arial,sans-serif; font-size: 0.9em}
textarea.site { color: #000; width: 400px; height: 100px; font-family: verdana, arial,sans-serif; font-size: 0.9em}
textarea.small { color: #000; width: 300px; height: 100px; font-family: verdana, arial,sans-serif; font-size: 0.9em}
input,select { color: #000; width: 300px; font-family: verdana, arial,sans-serif; font-size: 0.9em}