/*stili per il layout fluido*/
html,body { margin: 0;padding:0; background-color: #fff;}
body { font-family: verdana, arial, sans-serif; font-size: 74%; }
div#container {MARGIN: 0px auto; WIDTH: 770px; COLOR: #5E87C5; POSITION: relative; TEXT-ALIGN: left; background-color: #FFF;}
div#sottocontainer {MARGIN: 0px auto; WIDTH: 756px; COLOR: #5E87C5; POSITION: relative; TEXT-ALIGN: left; background-color: #FFF;margin-left: 3px; border-left: 2px solid #5E87C5; border-right: 2px solid #5E87C5;}
DIV.cl { clear: both; }
form { margin: 0px; padding: 0px; border: 0px;}
IMG {BORDER: 0px; margin: 0px; padding: -3px}
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; }
a { color:#5E87C5; font-weight: bold; BORDER-BOTTOM: #339933 0px solid; TEXT-DECORATION: underline }
A:hover { COLOR: #FF0000; }

/*stili generici, su header e footer*/
div#header { height: 169px; background-color:#fff; color: #5E87C5; margin: 0px;}
div#header DIV.header-sx{
 	float: left;
	height: 169px; 
	width: 321px; 
	background: #FFF url(../imgs_grafiche/logo.jpg) repeat left;
}
div#header DIV.header-dx{
	float: left;
	height: 169px; 
	width: 447px;
	background: #FFF url(../imgs_grafiche/head-dx.jpg) repeat left;
}
div#header DIV.newsbox { float: right; FONT-SIZE: 100%; padding: 0 10px;}
div#header DIV.flash { float: left; padding-left: 7px;}
div#header DIV.newsbox H2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 1px; COLOR: #5E87C5; PADDING-TOP: 1px; BACKGROUND-COLOR: #00cc00; }
div#header DIV.newsbox P { MARGIN: 0px }
div#header DIV.newsbox a { color:#5E87C5;font-weight: bold;text-decoration: none }
div#header DIV.newsbox span { color:#5E87C5;font-weight: bold;}
div#header DIV.newsbox span.d { color:#aaa;font-weight: bold;}

div#sottoheader-up{
	float: left;
	width: 778px;
}

div#barra {clear:both; text-align:center; margin-left: 3px; padding: 2px 10px; background-color: #fff; color: #5E87C5; font-weight: bold; border-left: 2px solid #5E87C5; border-right: 2px solid #5E87C5; width: 736px;}
div#barra a {color:#5E87C5;font-weight: bold;text-decoration: none}
div#barra span {color:#5E87C5;font-weight: bold}

h1,h2,h3,h4{margin: 0;padding:0;}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif; display:none; color: #5E87C5}
h2{color: #5E87C5;font-size: 1.4em; font-weight: bold;}
h3{color: #0065CE;font-size: 1.2em; font-weight: bold;}
h4{color: #5E87C5;font-size: 1.1em; font-weight: bold;}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}



/* BOX NELLA DESTRA DELL'HEADER */

div.box_piccolo_head1{
	float: left;
	position: absolute;
	height: 140px;
	width: 150px;
	margin-left: 308px;	
}

div.box_piccolo_head2{
	float: left;
	position: absolute;
	height: 140px;
	width: 150px;
	margin-left: 461px;	
}

div.box_piccolo_head3{
	float: left;
	position: absolute;
	height: 140px;
	width: 150px;
	margin-left: 614px;	
}

div.box_piccolo_interno_head{
 	float: left;
	border-left: 2px solid #5A82C6;
	border-right: 2px solid #5A82C6;
	margin: 0px;
	width: 146px;
	height: 70px;
}

div.box_piccolo_scritta{
	float: left;
	vertical-align: bottom;
	height: 20px;
}



/* BOX NAVIGAZIONE E CORPO*/

div.box_piccolo{
	float: left;
	margin-bottom: 10px;
	margin-left: 6px !important;
	margin-left: 3px;	
}

div.box_piccolo_img{
	float: left;
	vertical-align: bottom;
}

div.box_piccolo_interno{
 	float: left;
	border-left: 2px solid #5A82C6;
	border-right: 2px solid #5A82C6;
	margin: 0px;
	width: 146px;
}

div.box_piccolo_riga{
	border-bottom: 1px solid #BDD7EF;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 2px;
}

div.box_piccolo_riga a{
	text-decoration: none;
}

div.box_corpo{
	float: left;
	margin-bottom: 10px;
	width: 590px;
}

div.box_corpo_img{
	float: left;
	vertical-align: bottom;
}

div.box_corpo_interno{
 	float: left;
	border-left: 2px solid #5A82C6;
	border-right: 2px solid #5A82C6;
	margin: 0px;
	margin-left: 2px !important;
	margin-left: 1px;
	width: 580px;
}

div.box_corpo_interno2{
	float: left;
	border-left: 2px solid #5A82C6;
	border-right: 2px solid #5A82C6;
	margin: 0px;
	margin-left: 2px !important;
	margin-left: 1px;
	padding: 5px;
	width: 570px;
	overflow: auto;
	height: 200px;
}

div.box_corpo_interno3{
 	float: left;
	border-left: 2px solid #5A82C6;
	border-right: 2px solid #5A82C6;
	margin: 0px;
	margin-left: 2px !important;
	margin-left: 1px;
	padding: 5px;
	width: 570px;
}

div.box_corpo_registrati{
	float: left;
	border-left: 2px solid #5A82C6;
	border-right: 2px solid #5A82C6;
	margin: 0px;
	margin-left: 2px !important;
	margin-left: 1px;
	padding: 5px;
	width: 570px;
	overflow: auto;
	height: 800px;
}



/* PRODOTTI */

div.cornice_elenco{
	width: 550px;
}


div.cornice_elenco_interna{
 	float: left;
	width: 550px;
	border-bottom: 1px solid #5A82C6;
}

div.cornice_estesa{
	float: left;
	width: 550px;
	margin-bottom: 10px;
}

div.cornice_mini{
	float: left;
	width: 100px;
	margin-left: 10px;
	margin-right: 20px;
}

div.cornice_mini_sopra{
	float: left;
	width: 100px;
	height: 100px;
	text-align: center;
}

div.cornice_mini_sotto{
	float: left;
	width: 100px;
	height: 40px;
	font-weight: bold;
	text-align: center;
}




/* VETRINA */

div.vetrina{
	float: left;
	width: 180px;
	height: 140px;
	text-align: center;
}

div.vetrina_nome{
	float: left;
	width: 180px;
	height: 40px;
	text-align; center;
	font-weight: bold;
}

div.vetrina_img{
	float: left;
	width: 180px;
	height: 100px;
	text-align: center;
}





/*stili specifici per il layout*/
div#navigation{
	position: relative; 
	float: left; 
	width: 160px;\width:170px;w\idth:160px; 
	padding: 0px; 
	margin: 0px; 
	margin-top: 15px;  
}
/*div#extra{position: relative; float: right; width: 165px;\width:175px;w\idth:165px; padding: 1em 5px 0 0px}*/
div#extra{position: relative; float: right; width: 155px;\width:165px;w\idth:155px; padding: 1em 5px 0 0px}
div#content{
	position: relative; float: left;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	max-height: 10000px;
	/*margin: 0 0 0 10px; padding: 0 10px; border-width: 0px; border-style:solid;*/
	margin: 0px; padding: 2px;
}
div#footer{clear:both; text-align:center; padding: 5px 0; background-color: #fff; color: #5E87C5}

div#footer a{color: #5E87C5}

/*stili per la sezione navigation*/
DIV#navigation img {border: 0px; margin: 0px; padding: 0px;}
DIV#navigation UL { PADDING: 0px 0px 0px 0px; MARGIN: 10px 0px 0px 0px; LIST-STYLE-TYPE: none  }
DIV#navigation LI { MARGIN: 0px 0px 10px 15px; }
DIV#navigation UL A { FONT-WEIGHT: bold; COLOR: #5E87C5; TEXT-DECORATION: none;}
DIV#navigation UL A:hover { COLOR: #ee0000; }
DIV#navigation UL A.active { COLOR: #FF0000; }
DIV#navigation DIV.newsbox { FONT-SIZE: 90%; MARGIN-BOTTOM: 2em; padding: 5px;}
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: #339933; }
DIV#navigation DIV.newsbox P { MARGIN: 0px }
DIV#navigation DIV.newsbox a { color:#5E87C5;font-weight: bold;text-decoration: underline }
DIV#navigation DIV.newsbox span { color:#5E87C5;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: #5E87C5; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none }
DIV#extra UL A:hover { COLOR: #5E87C5; BACKGROUND-COLOR: #f1cbcb }
DIV#extra DIV.newsbox { FONT-SIZE: 90%; PADDING-LEFT: 1px; MARGIN-BOTTOM: 1em; }
DIV#extra DIV.newsbox H2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 1px; COLOR: #5E87C5; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff;}
DIV#extra DIV.newsbox H2.v { display:none; }
DIV#extra DIV.newsbox P { MARGIN: 0px }
DIV#extra DIV.newsbox a { color:#5E87C5;font-weight: bold;text-decoration: underline }
DIV#extra DIV.newsbox span { color:#5E87C5;font-weight: bold;}
DIV#extra DIV.newsboxb { FONT-SIZE: 90%; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; MARGIN-BOTTOM: 1em; border: 2px solid #FF0000; }
DIV#extra DIV.newsboxb H2 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 1px; COLOR: #5E87C5; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff;}
DIV#extra DIV.newsboxb H2.v { display:none; }
DIV#extra DIV.newsboxb P { MARGIN: 0px }
DIV#extra DIV.newsboxb a { color:#5E87C5;font-weight: bold;text-decoration: underline }
DIV#extra DIV.newsboxb span { color:#5E87C5;font-weight: bold;}
DIV#extra DIV.newsboxb span.pz { color:#5E87C5;font-weight: bold; font-size: 2.3em;}
DIV#extra DIV.newsboxb .title { color:#5E87C5;font-weight: bold; font-size: 1.5em;}
DIV#extra DIV.newsboxb .vedi { color:#5E87C5;font-weight: bold; font-size: 1.3em;}

DIV.textimage { border: 0px #000 solid; color: #000; clear:both; WIDTH: 560px; PADDING: 0px 0px 10px 0px; }
DIV.textimage LI { MARGIN: 0px 0px 0.5em 0px; }
DIV.textimage span.pz { color:#FF0000; font-size: 1.5em; }
DIV.textimage span.iva { color:#000; font-size: 0.8em; }
DIV.textimage span.pzb { font-size: 1.1em; text-decoration:line-through; }
DIV.textimage DIV.IMG { FLOAT: left; MARGIN: 10px; border: 0px }
DIV.textimage H2 { color: #5E87C5; MARGIN: 10px 0px; text-align: center; }
DIV.textimage DIV.c { text-align: center; color:#000;}
DIV.textimage hr { color: #000;}
DIV.textimage DIV.IMGcenter a { color: #000; BORDER-BOTTOM: 0px }
DIV.textimage DIV.IMGleft a { color: #000; BORDER-BOTTOM: 0px }
DIV.textimage DIV.IMGright a { color: #000; BORDER-BOTTOM: 0px }
DIV.textimage DIV.IMGleftb a { color: #000; BORDER-BOTTOM: 0px }

DIV.textimager { border: 0px #000 solid; color: #000; clear:both; WIDTH: 390px; PADDING: 0px 0px 10px 0px; }
DIV.textimager LI { MARGIN: 0px 0px 0.5em 0px; }
DIV.textimager span.pz { color:#FF0000; font-size: 1.5em; }
DIV.textimager span.iva { color:#000; font-size: 0.8em; }
DIV.textimager span.pzb { font-size: 1.1em; text-decoration:line-through; }
DIV.textimager DIV.IMG { FLOAT: left; MARGIN: 10px; border: 0px }
DIV.textimager H2 { color: #0065CE; MARGIN: 10px 0px; text-align: center; }
DIV.textimager hr { color: #000;}
DIV.textimager DIV.c { text-align: center; color:#000;}
DIV.textimager DIV.IMGcenter a { color: #000; BORDER-BOTTOM: 0px }
DIV.textimager DIV.IMGleft a { color: #000; BORDER-BOTTOM: 0px }
DIV.textimager DIV.IMGright a { color: #000; BORDER-BOTTOM: 0px }
DIV.textimager DIV.IMGleftb a { color: #000; BORDER-BOTTOM: 0px }

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

hr { color: #5E87C5; }

table { border: #5E87C5 0px solid; border-collapse: collapse; }
th { background-color: #fff; font-weight: bold; color: #5E87C5; border-collapse: collapse; }
td { border: #5E87C5 1px solid; border-collapse: collapse; background-color: #FFF; }

table.n { border: #339933 0px solid; border-collapse: collapse; }
th.n { background-color: #fff; font-weight: bold; color: #5E87C5; border-collapse: collapse; }
td.n { border: #339933 0px solid; border-collapse: collapse; background-color: #fff; }

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

form { padding: 0px; margin: 0px }
input.invia { width: 108px; text-align: center; font-weight: bold; color: #000; }
input.invia2 { width: 108px; text-align: center; font-weight: bold; background-color: #5E87C5; color: #fff;}
input.radio { color: #000; width: 20px; }
input.checkbox { color: #000; width: 20px; }
input.qnt { color: #000; width: 30px; }
input.small { color: #000; width: 100px; }
div#navigation input{width: 70px;}
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}
select.small { color: #000; width: 60px; }
select.ricerca { color: #000; width: 120px; }
input.ricerca { color: #000; width: 100px; }

div.form_nav{float: left; margin: 0px; padding: 0px;}
div.nome_nav{float: left; text-align: left; font-size: 10px; width: 60px;}
div.input_nav{float: left; text-align: right; width: 60px;}