/*stili per il layout fluido*/
html,body { margin: 0;padding:0; background-color: #FFF;}
body { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px;}

div#container {
	background-color: #fff;
	MARGIN: 0px 0px; width:1000px; COLOR: #000; POSITION: relative; 
	border: 0px #009933 solid;
	TEXT-ALIGN: left;
}

img.floatleft {float: left; margin: 5px; }
img.margintop {margin-top: 0px; }
img.floatright {float: right; margin: 5px; }

DIV.cl { clear: both; }

DIV#map { margin-left: 25px; border: 2px #000 solid; width: 495px; height: 400px; }

form { margin: 0px; padding: 0px; border: 0px;}
IMG {BORDER: 0px; margin: 0px; padding: 0px}

h1{ margin: 0; padding:0}
h2{ font-size: 18px; font-weight: bold;}
h3{ font-size: 15px; font-weight: bold; padding: 0px;}
h1{display: none}

hr {MARGIN: 4px 0px; clear: left; color: #990000; width: 100%; height: 2px;}

span { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px;}
a {color: #000; font-weight: bold;}
p {margin: 0px; margin-bottom: 10px;}
a.vedi {color: #CC0000; font-weight: bold; }

ul, ol, li {text-align: left;}

div#header { 
	height: 145px; 
}

div#header_sx{
	float: left;
	width: 770px;
	height: 145px; 
}

div#header_dx{
	float: left;
	width: 230px;
	height: 145px; 
}

div#sottoheader1{
	float: left;
	width: 562px;
	height: 145px;
	background: url(../imgs_grafiche/header.jpg) no-repeat;
}

div#sottoheader2{
	padding-top: 20px;
	float: left;
	width: 208px !important;
	width: 208;
	height: 125px;
}



div.ricerca_titolo{
	float: left;
	width: 180px;
	color: #0099CC;
	margin-left: 10px;
}

div.ricerca{
	float: left;
	width: 180px;
	margin-left: 10px !important;
	margin-left: 7px;
}

div.ricerca2{
	float: left;
	width: 180px;
	margin-left: 10px;
}

div.ricerca_invia{
	float: left;
	width: 180px;
	margin-left: 10px !important;
	margin-left: 7px;
	color: #fff;
	margin-top: 10px;
}

div.ricerca_invia input{color: #0099CC; width: 100px; border: 1px solid #0099CC; background-color: #fff;}



div#footer { 
	clear: both;
	margin: 0px;
	padding: 5px;
	padding-left: 10px;
	margin-top: 10px !important;
	margin-top: 0px;
	background-color: #fff;
	text-align: left;
	height: 20px;
}

div#footer_sx {
	float: left;
	width: 770px;
	height: 20px;
}

div#footer_dx {
	float: left;
	width: 230px;
	height: 20px;
}

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



div#barra { 
	clear: both; 
	height: 26px; 
	max-height: 26px; 
	width: 759px !important;
	width: 770px;
	text-align: left; 
	padding: 0px;
	margin: 0px;
	padding-left: 8px;
	background: url(../imgs_grafiche/sfondo_barra.gif) repeat-x left top;
}

div#barra span {margin: 0px 10px; color: #000; }
div#barra a { color: #000; text-decoration: underline; font-weight: normal}




div#content{
	clear: left; 
	float: left;
	min-height: 600px;
	width: 770px;
	margin: 0px !important; margin: 0px;
	padding: 0px;
}


div#contentdx {
	float: left;
	margin-left: 25px;
}


div.separazione_orizzontale{
	float: left;	
	width: 770px;
	height: 3px;
	margin-top: 10px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
}

div.separazione_orizzontale_sx{
	float: left;
	background: url(../imgs_grafiche/puntino.gif) repeat-x left top;	
	width: 176px;
	margin-left: 14px !important;
	margin-left: 6px;
}

div.separazione_orizzontale_dx{
	float: left;
	background: url(../imgs_grafiche/puntino.gif) repeat-x left top;	
	width: 545px;
	margin-left: 21px !important;
	margin-left: 28px;
}

div.separazione_orizzontale_dx_stampa{
	float: left;
	background: url(../imgs_grafiche/puntino.gif) repeat-x left top;	
	width: 540px;
	margin-left: 15px !important;
	margin-left: 8px;
}

div#navigation{ 
	float: left;
	text-align: left;
	width: 200px; 
	padding: 0px;
	margin: 0px;
	background: #fff;
	min-height: 600px;
	height: 900px;
}

DIV#navigation span.menu { vertical-align: middle; min-height: 15px; height: auto !important; height: 15px; MARGIN: 0px; display: block; padding-top: 0px;}
DIV#navigation span.active { vertical-align: middle; min-height: 15px; height: auto !important; height: 15px; MARGIN: 0px; display: block; padding-top: 0px;}
DIV#navigation span.menu2 { vertical-align: middle; min-height: 15px; height: auto !important; height: 15px; MARGIN: 0px; display: block; padding-top: 0px;}
DIV#navigation span.rigamenu { font-size: 1px; vertical-align: middle; height: 7px; MARGIN: 0px; display: block; padding-top: 0px;}

DIV.separazione_menu { 
	font-size: 1px; 
	vertical-align: middle; 
	height: 3px !important;
	height: 1px;
	width: 173px;
	margin-left: 14px !important;
	margin-left: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block; 
	padding-top: 0px; 
	background: url(../imgs_grafiche/puntino.gif) repeat-x left top;}

DIV#navigation span.ind0 { padding-left: 25px; width: 145px !important; width: 170px; }
DIV#navigation span.ind1 { padding-left: 35px; width: 135px !important; width: 160px; }
DIV#navigation span.ind2 { padding-left: 45px; width: 125px !important; width: 150px; }
DIV#navigation span.ind3 { padding-left: 55px; width: 115px !important; width: 140px; }
DIV#navigation span.ind4 { padding-left: 65px; width: 105px !important; width: 130px; }
DIV#navigation span.ind5 { padding-left: 75px; width: 95px !important; width: 120px; }
DIV#navigation span.ind6 { padding-left: 85px; width: 85px !important; width: 110px; }
/*DIV#navigation span.menu A { font-weight: bold; font-size: 1em; TEXT-DECORATION: none; font-family: Verdana, Arial; color: #999}
DIV#navigation span.menu2 A { font-weight: bold; font-size: 1em; TEXT-DECORATION: none; font-family: Verdana, Arial; color: #000}
DIV#navigation span.active A { font-weight: bold; font-size: 1em; TEXT-DECORATION: none; font-family: Verdana, Arial; color: #09f}
DIV#navigation A:hover { font-weight: bold; TEXT-DECORATION: underline;}
DIV#navigation A.active { font-weight: bold; TEXT-DECORATION: none; }*/
DIV#navigation span.menu A { font-weight: bold; font-size: 1em; TEXT-DECORATION: none; font-family: Verdana, Arial; color: #999}
DIV#navigation span.menu2 A { font-weight: bold; font-size: 1em; TEXT-DECORATION: none; font-family: Verdana, Arial; color: #09f}
DIV#navigation span.active A { font-weight: bold; font-size: 1em; TEXT-DECORATION: none; font-family: Verdana, Arial; color: #000}
DIV#navigation A:hover { font-weight: bold; TEXT-DECORATION: underline;}
DIV#navigation A.active { font-weight: bold; TEXT-DECORATION: none; }




div#includi_corpo{
	float: left;
	width: 567px;
	background: url(../imgs_grafiche/puntino.gif) repeat left top;
}

div#corpo{
	float: left;
	width: 561px;
	margin: 0px;
	padding: 0px;	
	margin-right: 3px !important;
	margin-left: 2px;
	margin-right: 0px;
	background-color: #fff;
}


/* BOX ARTICOLI */

div.articoli{
	float: left;
	width: 540px !important;
	width: 535px;
	margin-top: 10px;
	margin-left: 10px !important;
	margin-left: 3px;
}

div.articoli_princ{
	float: left;
	/*width: 540px !important;
	width: 535px;*/
	width: 540px !important;
	width: 535px;
	margin-top: 10px;
	margin-left: 5px !important;
	margin-left: 3px;
	padding: 5px;
	border: 1px solid #09f;
	background-color: #e7f3f3;
}



/*Articoli superiori*/

div.riquadro{
	float: left;
	/*border: 1px solid #09f;
	margin-bottom: 5px;
	margin-left: 10px !important;
	margin-left: 3px; */
}

div.articoli_occhiello{
	float: left;
	width: 540px !important;
	width: 535px;
	color: #333;
	font-size: 14px;
}

div.articoli_titolo{
	float: left;
	width: 540px !important;
	width: 535px;
	font-weight: bold;
	font-size: 18px; 
	margin-top: 10px;
	font-family: Arial;
}

div.articolides{
	float: left;
	width: 540px !important;
	width: 535px;
	margin-top: 10px;
}

div.articolides_img{
	float: left;
	width: 250px;
}

div.articolides_testo{
	float: left;
	width: 280px !important;
	width: 273px;
	margin-left: 10px;
	text-align: justify;
	color: #333;
	font-size: 12px; 
}

div.articolides_testo_esteso{
	float: left;
	width: 533px !important;
	width: 535px;
	margin-left: 3px !important;
	margin-left: 0px;
	text-align: justify;
	color: #333;
}

span.art_nome{
	font-weight: bold;
	color: #09f;
}

span.art_data{
	font-weight: bold;
	/*color: #c00;*/
	color: #999;
}

div.art_vedi{
	/*color: #c03;*/
	color: #09f;
	text-align: right;
}


/*Articoli inferiori*/

div.articolides_inf{
	float: left;
	width: 550px;
	margin-top: 0px;
}

div.articolides_img_inf{
	float: left;
	width: 122px;
}

div.articoli_titolo_inf{
	float: left;
	width: 410px;
	font-size: 15px;
	font-family: Arial;
}

div.articoli_titolo_inf_esteso{
	float: left;
	width: 532px;
	font-size: 15px;
	font-family: Arial;
}

div.articolides_testo_inf{
	float: left;
	width: 410px;
	margin-left: 10px !important;
	margin-left: 5px;
	text-align: justify;
	color: #333;
}

div.articolides_testo_inf_esteso{
	float: left;
	width: 532px;
	margin-left: 5px !important;
	margin-left: 0px;
	text-align: justify;
	color: #333;
}

div.data_e_cat{
	float: left;
	width: 410px;
}

div.data_e_cat_esteso{
	float: left;
	width: 532px;
}

span.art_nome_inf{
	font-weight: bold;
	color: #09f;
}

span.art_data_inf{
	font-weight: bold;
	color: #c00;
}





div.articolides_img img{border: 1px solid #009AFF;}
div.articolides_img_inf img{border: 1px solid #009AFF;}
div.articolides_testo a{color: red; text-decoration: underline; font-weight: lighter;}
div.articolides_testo_esteso a{color: red; text-decoration: underline; font-weight: lighter;}
div.articolides_testo_inf a{color: red; text-decoration: underline; font-weight: lighter;}
div.articolides_testo_inf_esteso a{color: red; text-decoration: underline; font-weight: lighter;}
div.articoli_titolo a{text-decoration: none; color: black; font-weight: bold;}
div.articoli_titolo_inf a{text-decoration: none; color: black; font-weight: bold;}
div.articoli_titolo_inf_esteso a{text-decoration: none; color: black; font-weight: bold;}
div.articoli_titolo a:hover{text-decoration: underline; color: black; font-weight: bold;}
div.articoli_titolo_inf a:hover{text-decoration: underline; color: black; font-weight: bold;}
div.articoli_titolo_inf_esteso a:hover{text-decoration: underline; color: black; font-weight: bold;}


div.separazione_art1{
	float: left;
	background: url(../imgs_grafiche/puntino.gif) repeat-x left top;	
	width: 535px;
	height: 3px !important;
	font-size: 1px;
	margin-left: 10px !important;
	margin-left: 5px;
	margin-top: 10px;
}

div.separazione_art2{
	float: left;
	background: url(../imgs_grafiche/puntino.gif) repeat-x left top;	
	width: 535px;
	height: 3px !important;
	height: 1px;
	margin-left: 10px !important;
	margin-left: 5px;
}

/* FINE BOX ARTICOLI */


/* ARTICOLO SINGOLO */

div.artsingolo_cornice{
	float:left;
	width: 540px;
	margin-left: 10px !important;
	margin-left: 5px;
}

div.artsingolo_occhiello{
	float: left;
	width: 540px;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

div.artsingolo_titolo{
	float: left;
	width: 540px;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

div.artsingolo_img{
	float: left;
	margin-right: 5px;
}

div.artsingolo_descrizione{
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

div.artsingolo_imgdes{
	float: left;
	width: 540px;
}

div.artsingolo_data{
	float: left;
	width: 540px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}

/* FINE ARTICOLO SINGOLO */


div.banner{
	width: 150px;
	text-align: center
}


div.titolo { vertical-align: top; display: block; height: 16px; }

div.titolo span.titolo, a.titolo { 
	float: left;
	font-size: 1em; 
	padding: 0px; 
	font-weight: bold; 
	color: #fff;
	text-decoration: none;
	padding-left: 20px;
}

div.titolo span.vedi { 
	float: right;
	font-size: 0.9em;
	padding: 0px; 
	color: #fff;
}

div.titolo span.vedi a.vedi { 
	color: #fff;
	text-decoration: underline;
}

div.titolo span.titolo_vuoto {font-size: 1em; display: block;}

DIV.textimage { 
	clear: both;
	display: block;
	padding: 5px;
	border: 0px #3F72A3 solid; 
}

DIV.textimage DIV.avviso { 
 	padding: 1px 0px; 
	color: #FFF; 
	text-align: center; 
	font-weight: bold; 
	font-size: 10px;
}

DIV.textimage DIV.scritta { 
 	padding: 1px 0px; 
	color: #000; 
	text-align: left; 
	text-decoration: underline;
	font-weight: bold; 
	font-size: 9px;
}

DIV.split50 { 
	position: relative;
	float: left;
	width: 263px !important;
	width: 260px;
	margin: 0px 2px 4px 2px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	text-align: left;
}

DIV.split100 { 
	float: left;
	border: 0px #9F8E6D solid; 
	margin: 0px 2px 4px 2px;
	width: 540px !important;
	width: 536px;
}

DIV.splitnavigation { 
	float: left;
	border: 1px solid;
	border-color: #FFF #859A99 #859A99 #FFF;
	margin-bottom: 4px;
	width: 150px !important;
	width: 150px;
	text-align: center;
}

DIV.splitextra { 
	float: left;
	border: 1px #9F8E6D solid; 
	margin-bottom: 4px;
	width: 160px !important;
	width: 160px;
	text-align: left;
}

div.titolo_pagina{
	color: #09f;
	width: 540px;
	text-align: center;
}


span.riga { font-size: 1px; vertical-align: middle; height: 2px; MARGIN: 0px; display: block; margin-bottom: 5px;}
span.divisore { clear: left; font-size: 1px; vertical-align: middle; height: 13px; MARGIN: 0px; display: block; margin-bottom: 3px;}
span.divisore span.immagine { clear: left; font-size: 1px; vertical-align: middle; height: 13px; MARGIN: 0px; display: block; margin-bottom: 3px;}

DIV.pag { margin: 4px 0px; text-align: center; color: #000; font-weight: bold}
DIV.pag a { margin: 2px; padding: 3px; color: #FF0000; font-weight: bold; border: 1px #666 solid; text-decoration: none;}
DIV.pag a:hover { margin: 2px; padding: 3px; color: #FF0000; font-weight: bold; border: 1px #666 solid; text-decoration: none; background-color: #DFF1F0;}
DIV.pag span.active { margin: 2px; padding: 3px; color: #FF0000; font-weight: bold; border: 1px #666 solid; background-color: #DFF1F0;}

span.titolo { padding: 0px; color: #000; font-size: 20px; TEXT-DECORATION: none;}
span.testo { padding: 0px; color: #000; font-size: 12px; TEXT-DECORATION: none;}
p.testo { padding: 0px; color: #666; font-size: 12px; TEXT-DECORATION: none;}
span.data {color: #666; font-size: 11px; font-style: italic; }
p.testo a {color: #666; font-size: 12px; font-weight: bold; text-decoration: underline;}

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

DIV.menucorpo { color: #000; display: block; width: 440px; padding: 10px 0px 0px 20px;}
DIV.menucorpo DIV.blocco { float: left; width: 33%; vertical-align: middle; }
DIV.menucorpo DIV.blocco a { color: #000; text-decoration: underline;}
DIV.menucorpo DIV.blocco a:hover { color: #000; text-decoration: underline;}
DIV.menucorpo DIV.blocco a.active { color: #999; text-decoration: underline;}

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

table.n { border: #999999 0px solid; border-collapse: collapse;}
th.n { background-color: #999999; font-weight: bold; color: #FFF; border-collapse: collapse; }
td.n { border: #999999 0px solid; border-collapse: collapse;}

table.v { border: #999999 1px solid; border-collapse: collapse; }
th.v { background-color: #999999; font-weight: bold; color: #FFF; border-collapse: collapse; }
td.v { border: #999999 1px solid; border-collapse: collapse; background-color: #FFF; }
td.width3 { width: 5px; border: #999999 1px solid; border-collapse: collapse; background-color: #FFF; }

form { padding: 0px; margin: 0px }
label {font-size: 11px; color: #0099CC;}
input.invia { width: 50px; text-align: center; font-weight: bold; color: #0099CC; background-color: #fff}
input.radio { color: #0099CC; width: 20px; }
input.checkbox { color: #000; width: 20px; }
input.qnt { color: #000; width: 30px; }
input.small { color: #000; width: 140px; }
input.inner { padding: 0px 2px; color: #000; width: 140px; background-color: #FFF; border: 0px; margin-bottom: 1px !important; margin-bottom: 0px;}
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: 180px; font-family: arial,sans-serif; font-size: 0.9em; border: 1px solid #0099CC}
select.small { color: #000; width: 60px; }
select.form { color: #0099CC; width: 250px; }
input.form { color: #000; width: 100px; }
textarea.form { color: #000; width: 300px; height: 50px; font-family: verdana, arial,sans-serif; font-size: 0.9em}