/*stili per il layout fluido*/
html,body { margin: 0;padding:0; background-color: #003068 }
body { font-family: verdana, arial, sans-serif; font-size: 70%; }
div#container { BORDER-RIGHT: #000 1px solid; MARGIN: 0px auto; BORDER-LEFT: #000 1px solid; WIDTH: 770px; COLOR: #000; POSITION: relative; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left }
DIV.cl { clear: both; }
IMG {border: 0px }
IMG.p { FLOAT: none; MARGIN: 0px; border: 0px }
IMG.t { FLOAT: none; MARGIN: 0px; border: 0px; width: 120px }
DIV.IMGright { FLOAT: right; MARGIN: 5px; border: 0px;}
DIV.IMGleft { FLOAT: left; MARGIN: 5px; border: 0px;}
DIV.IMGcenter { text-align: center; margin-left: auto; margin-right: auto; border: 0px;}
DIV.IMGleftb { clear: both; FLOAT: none; MARGIN: 5px; border: 0px; text-align: left; margin-left: auto; margin-right: auto; border: 0px;}
DIV.IMGrightb { clear: both; FLOAT: none; MARGIN: 5px; border: 0px; text-align: right; margin-left: auto; margin-right: auto; border: 0px;}
hr { color: #E2E9EC; height: 1px; }

/*stili generici, su header e footer*/
div#header {background-color:#FFF;color: #000}
div#barra {clear:both; text-align:left; padding: 2px 10px; background-color: #8C989D; color: #000}
div#barra a {color:#fff;font-weight: bold;text-decoration: underline}
div#barra span {color:#fff;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: #000;font-size: 1.4em; font-weight: bold;}
h3{color: #000;font-size: 1.1em; font-weight: bold;}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{ position: absolute; left: 0px; width: 145px;\width:155px;w\idth:145px; padding: 1em 0 0 10px; }
div#extra{position: absolute; right: 0px; width: 145px;\width:155px;w\idth:145px; padding: 1em 5px}
div#content{
	min-height: 700px;
	height: auto !important;
	height: 700px;
	max-height: 10000px;
	margin: 0 0 0 150px;padding: 1em 10px; border-width: 0 1px; border-style:solid; border-color: #E2E9EC;
}
div#footer{clear:both; text-align:center; padding: 5px 0; background-color: #E2E9EC; color: #FFF}

/*stili per la sezione navigation*/
DIV#navigation UL { PADDING: 0px 0px 0px 0px; MARGIN: 10px 0px 0px 0px; LIST-STYLE-TYPE: none  }
DIV#navigation LI { MARGIN: 0px 0px 10px 5px; }
DIV#navigation UL A { FONT-WEIGHT: bold; COLOR: #000; TEXT-DECORATION: none;}
DIV#navigation UL A:hover { COLOR: #000; BACKGROUND-COLOR: #8C989D;}
DIV#navigation UL A.active { COLOR: #FF0000; }
DIV#navigation DIV.newsbox { FONT-SIZE: 90%; MARGIN-BOTTOM: 2em; BORDER-BOTTOM: #8C989D 1px solid; }
DIV#navigation DIV.newsbox H2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px; BACKGROUND-COLOR: #8C989D; }
DIV#navigation DIV.newsbox P { MARGIN: 0px }
DIV#navigation DIV.newsbox a { color:#000;font-weight: bold;text-decoration: underline }
DIV#navigation DIV.newsbox span { color:#000;font-weight: bold;}
DIV#navigation DIV.newsbox span.d { color:#aaa;font-weight: bold;}

/*stili per la sezione extra*/
DIV#extra UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
DIV#extra UL A { DISPLAY: block; FONT-WEIGHT: bold; WIDTH: 220px; COLOR: #000; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none }
DIV#extra UL A:hover { COLOR: #000; BACKGROUND-COLOR: #eee }
DIV#extra DIV.newsbox { FONT-SIZE: 90%; MARGIN-BOTTOM: 2em; }
DIV#extra DIV.newsbox H2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px; BACKGROUND-COLOR: #8C989D;}
DIV#extra DIV.newsbox H2.v { display:none; }
DIV#extra DIV.newsbox P { MARGIN: 0px }
DIV#extra DIV.newsbox a { color:#FF0000;font-weight: bold;text-decoration: underline }
DIV#extra DIV.newsbox span { color:#000;font-weight: bold;}

DIV.textimage { clear:both; WIDTH: 580px; PADDING: 0px 0px 10px 0px; }
DIV.textimage LI { MARGIN: 0px 0px 0.5em 0px; }
DIV.textimage DIV.IMG { FLOAT: left; MARGIN: 10px; border: 0px }
DIV.textimage H2 { MARGIN: 10px 0px }
DIV.textimage a { color:#000; font-weight: bold; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none }
DIV.textimage A:hover { COLOR: #000; BACKGROUND-COLOR: #eee }
DIV.textimage DIV.c { text-align: center; color:#000;}
DIV.textimage DIV.IMGcenter a { BORDER-BOTTOM: 0px }
DIV.textimage DIV.IMGleft a { BORDER-BOTTOM: 0px }
DIV.textimage DIV.IMGright a { BORDER-BOTTOM: 0px }
DIV.textimage DIV.IMGleftb a { BORDER-BOTTOM: 0px }

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

table { border: #8C989D 1px solid; border-collapse: collapse; }
th { background-color: #8C989D; font-weight: bold; color: #FFF; border-collapse: collapse; }
td { border: #8C989D 1px solid; border-collapse: collapse;	background-color: #FFF; }
td.width3 { width: 1%; border: #8C989D 1px solid; border-collapse: collapse; background-color: #FFF; }
th.width3 { width: 1%; border: #8C989D 1px solid; border-collapse: collapse; background-color: #8C989D; }

table.v { border: #8C989D 0px solid; border-collapse: collapse; }
th.v { background-color: #8C989D; font-weight: bold; color: #FFF; border-collapse: collapse; }
td.v { border: #8C989D 0px solid; 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.checkbox { color: #000; width: 20px; }
input.qnt { color: #000; width: 30px; }
input.small { color: #000; width: 100px; }
input.smart { color: #000; width: 30px; }
textarea.textarea { color: #000; width: 550px; 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 { color: #000; width: 300px; font-family: verdana, arial,sans-serif; font-size: 0.9em}
select.s { color: #000; width: 300px; font-family: verdana, arial,sans-serif; font-size: 0.9em}
select { color: #000; width: 100px; font-family: verdana, arial,sans-serif; font-size: 0.9em}

select.small { color: #000; width: 60px; }