/* CSS Document */


/*-COLORI-*/
/*
BLU: 005F9D;	
*/



/*------------------------------------STRUTTURA--------------------------------------------------*/
*{
	margin:0;
	padding:0;
	border:0;
}

html, body{
	/*in ff per avere il box per tutta l'altezza*/
	width:100%;
	height:100%;
}

img, object{
	margin:0;
	padding:0;
	border:0;
}

html{
	
	margin:0;
	padding:0;
	background-image:url(../img/bg_html_1_498.png);
	background-position:left top;
	background-repeat:repeat;
}

body{

	background-image:url(../img/bg_body_782_498.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0 auto;
	width:100%;
	/*in ff per avere il box per tutta l'altezza*/
	height:auto;
	padding:0;
}

div{
	margin:0;
	padding:0;
}

.wrapper{
	/*background-color:#FF3300;*/
	margin:0 auto;
	width:728px;
	height:auto;
	/*border:1px solid;*/
}

#header{
	background-color:#FFFF00;
	margin:0 auto;
	width:728px;
	height:150px;
	/*border:1px solid;*/
	
}

#leftbar{
	background:url(../img/bg_leftbar_178_345.png) no-repeat;
	margin:2px 0 0 0 ;
	width:178px;
	/*voice-family: "\"}\""; 
	voice-family:inherit;
	width:176px;*/
	/*altezza minima 345 eventualmente espandibile per tutti i browser che comprendono min height*/
	min-height:345px;
	height:auto;
	float:left;
	/*border:1px solid;*/
}

/* per Internet Explorer altezza fissa eventualmente espandibile*/
/*\*/
* html #leftbar {
	height:345px;
}

/*Per fare in modo che la il wrapper che contiene leftbar e content fosee ridimensionabile in altezza come il content ho tolto il content dal float per FF mentre l'ho lasciato per IE*/
#content{
	background-color:white;
	margin:0;
	padding:12px;
	/*float:right;*/
	height:auto;
	min-height:314px;
	overflow:hidden;
	border:1px solid;
	
}
/*box model hack --> IE sottrae il padding e i bordi alla larghezza del div, mentre FF li aggiunge*/
/*IE5 IE5.5*/
#content{
	width:541px;
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:524px;  /* --------------------------------> VERA LARGHEZZA DEL CONTENT*/
	border:none;
	float:left;	/*ff3 preferisce che il div sia flottato */
}
/* serve a mantenere il content all'interno del wrapper rendendolo fluido in altezza per IE*/
/*SINTASSI LETTA SOLO DA IE6*/
* html #content{
	float:right;
	width:541px;
	padding:15px 3px;
}

#footer{
	background:url(../img/bg_footer.png) no-repeat #D9DEE6;
	margin:2px 0 0px 0 ;
	padding:0;
	width:728px;
	/*height:150px;*/
	height:60px;
	padding-top:50px;
}

/*		wrapper di leftbar e content --> da l'effetto che la leftbar sia alta quanto il content
		grazie allo sfondo.*/
#bodyPage{
	background:url(../img/bg_leftbar_178_1.png) top left repeat-y;
	/*margin-left:expression((document.body.clientWidth/2)-364px );*/
	height:100%;
	/*border:1px solid;*/
}

/*wrapper modificato del footer per ottenere il bg*/
#foot{
	background:url(../img/bg_foot_728_1.png) repeat-y;
	/*in ff per avere il box per tutta l'altezza -- lo fa iniziare da sotto il content*/
	clear:both;
	/*height:100%;*/
	height:115px;
}






/*************menu orizzontale******************/
#menu{
	background:url(../img/menu_728_20.png) no-repeat;
	width:728px;
	height:20px;
	float:left;
	margin:0;
	padding:0;
	border:0;
	font-size:8px;
}

#menu ul{
	width:500px;
	float:right;
	/*border:1px solid black;*/
	margin:0;
	padding:4px 7px;
	font-size:8px;
}

#menu ul li{
	/*float:right;*/
	display:inline;
	margin:0;
	padding:0 8px;
	font-size:8px;

	/*border:1px solid;*/
}
#menu ul li a{
	font-size:10px;
}



/**************************CLASSI di SERVIZIO***********************************/
.floatLeft{
	float:left;
	margin:0;
	padding:0;
}

.floatRight{
	float:right;
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}

.center{
	clear:both;
	margin:auto;
}


/************************ 	ROBA dentro CONTENT		****************************************/




			
			
/*-----------------------------FOCUS HP---------*/

/*--------------------struttura*/
#content div.focus{
	width:auto;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	border:0;
}

#content  div.focus #link{
	/*border:1px solid;*/
	margin:38px 10px 0 10px;
	padding:0;
}

#content  div.focus #link p{
	margin:0 0 8px 17px;
	
}

/*-------------------------------formattazione*/
#content div.focus h6{
	color:black;
}

#content div.focus p{
	font-size:10px;
	line-height:1em;
	margin:0 ;
	/*border:1px solid;*/
}

#content div.focus p span{
	font-weight:bold;
	margin:0;
	padding:0;

}

#content div.focus a{
	color:#000;
	font-weight:bold;
}

/*-------------------------------------FOCUS In homepage*/


/*in HP*/
#content div#focus1{
	width:250px;
	height:229px;
	margin:30px 0 0 0;
	background:url(../img/bg_focus1_250_229.png);
}

#content div.focus p.largo{
	width:224px;
	height:auto;
	margin:7px 13px 0 13px;
	padding:0;
	/*border:1px solid;*/
}

#content div.focus p.stretto{
	width:145px;
	height:80px;
	margin:0px;
	margin-left:-10px;
	padding:0px;
	float:left;
/*	border:1px solid;*/
}

#content > div.focus p.stretto{
	/*padding-left:60px;	*/	/*per allineare la foto e il testo su FF IE non legge questa regola*/
}

#content div#focus2{
	width:250px;
	height:229px;
	margin:30px 0 0 10px;
	background:url(../img/bg_focus2_250_229.png);
}

/*-------------------------------formattazione focus in hp*/

#content div#focus1 h6, #content div#focus2 h6{
	font-size:12px;
	margin:2px 0 9px 7px;
	color:#ebedf1;
}

#content div#focus1 p, #content div#focus2 p{
	font-size:10px;
	line-height:1.2em;
	margin:0 13px 0 13px;
	/*border:1px solid;*/
}

#content div#focus1 p span, #content div#focus2 p span{
	font-weight:bold;
	margin:0;
	padding:0;

}

#content div#focus1 a, #content div#focus2 a{
	color:#CCCCCC;
	font-weight:bold;
}

/*-------------------------------------focus in scheda prodotti*/


/*-----------------------------NEWS---------*/
#content .news{
	width:250px;
	/*border:1px solid;*/
	float:left;
}



/*-----------------------------PRODOTTI---------*/

#content ul.prodotti{
	/*float:right;*/
	display:inline; margin-left:15px;
	width:150px;
	margin:0;
	/*border:1px solid;*/
}

#content ul.prodotti li{
	/*float:right;*/
	
	
	/*border:1px solid red;*/
}

#content #ricercaAvanzata{
	margin-top = 30px;
}

/*-------------------------------------focus in contatti*/

#content .contatti{/*box dei contatti*/
	/*height:100%;*/
}

#content #formContatti{
	width:330px;
	border-left:1px dashed #005F9D;;
}

#content #formContatti p{
	margin:0 0 10px 10px;
}

#content #prodotti{
	/*border:1px solid;*/
	/*width:490px;
	height:330px;*/
	display:block;
	margin-top:0px;
	
}

/**************************************FORMATTAZIONE*************************************************/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link{color:white; text-decoration:none;}
a:hover{color:white;}
a:visited{color:white;text-decoration:none;}
a:active{color:white;text-decoration:none;}

#content a{
	color:#005F9D;	
	text-decoration:underline;
	
}
	
#content p{
	font-size:10px;
	line-height:1.7em;
	/*border:1px solid;*/
	margin-bottom:15px;
}

#content ul{
	font-size:10px;
	list-style:none;
}

h1{
	color:red;
	font-size:10px;
	margin:10px 0 10px 0;
	margin:10px 0 17px 0;
	letter-spacing:0;
}

h3{
	color:red;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

h4{
	color:red;
	font-size:10px;
	margin:10px 0 10px 0;
}

h5{
	font-size:11px;
	color:#005F9D;
	clear:both;
	border-bottom:1px solid;
}

 h6{
	color:black;
}

input{
	border:2px solid #CCD2DD;
}

#menu ul{
	list-style:none;
	color:#FFFFFF;
	font-size:10px;
}

#menu ul li{
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}

#content a.navigazione, #content .focus a.navigazione{
	font-size:10px;
	font-weight:bold;
	color:#005F9D;	
	text-decoration:underline;
}

#content #indietro{
	background:url(../img/freccia_10_10.png) center left no-repeat;
	padding:0 0  0 10px;
/*	border:1px solid;*/	
}

/*-----------------------NEWS*/



#content #news1{
	margin-right:10px;
	border-right:#005F9D 1px dashed;
	height:100%;
}


#content .news ul {
	font-size:12px;
	margin:15px 5px 13px 15px;
	list-style:disc;
}

#content .news ul li {
	margin-top:7px;
	line-height:1.3em;
}

#content .news ul li span{
	color:red;
	font-weight:bold;
	padding-bottom:10px;
}

#content .news ul li a{
	color:#005F9D;	
	font-style:oblique;
}

#content #news2 p{
	margin:0;
	padding:0;
}

#content #news2 p.dataNews{
	font-size:10px;
	margin:10px 0 5px 0;
	font-style:oblique;
}

#content #news2 p a{
	color:#005F9D;	
	font-weight:bold;
	text-align:right;
	/*border:1px solid;*/
}


#content p.dropcap:first-letter {
	float: left; /* Make the text flow around the letter */
	font-family:Verdana, Arial, Helvetica, sans-serif; /* Use whatever font fits your site */
	color: #000000; /* Color of the font */
	font-size: 2.5em; /* Makes the letter twice the size of the rest of the text */
	font-weight: bold; /* Don't need it, but looks good */
	line-height: 2.5em; /* Adjustment for IE. Otherwise it doesn't line up correctly */
	padding-right: 0.15em; /* If it's getting crowded - adjust */
}




			/********-------------------------FORM-------------------------********/
#content form#ricercaProdotti ul{
	color:white;
	font-size:12px;
	border:1px solid;
}


/*-------------sfondi LI-------------*/
#content form#ricercaProdotti ul li.bluScuro{
background:url(../img/bg_select1_170_95.png) top left repeat-x;
	text-align:center;
	/*margin-left:1px;*/
}

#content form#ricercaProdotti ul li.blu{
background:url(../img/bg_select2_170_95.png) top left repeat-x;
	text-align:center;
	border:1px solid;
}

#content form#ricercaProdotti ul li#modelli{
background:url(../img/bg_select2_170_95.png) top left repeat-x;
	text-align:center;
}

#content form#ricercaProdotti ul li.azzurro{
background:url(../img/bg_select3_170_95.png) top left no-repeat;
	text-align:center;
}

/****************MODELLI****************/

#content .breadcrumbs{
	font-size:10px;
}

#content .scheda{
	list-style:square;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:25px;
	text-align:justify;
}

#content .scheda li{
	margin-top:5px;
}

/*-----------------------------FORM---------*/
#content form#ricercaProdotti{
/*	border:1px solid;
*/}

#content form#ricercaProdotti ul{
	list-style:none;
	width:auto;
	height:70px;
	/*border:1px solid;*/
	float:left;
	margin:5px 0 30px 0;
	padding:0;
	/*border-bottom:2px dashed #005F9D;*/
}

#content form#ricercaProdotti ul li{
	width:168px;
	height:70px;
	float:left;
	/*border:1px solid;*/
	margin:0 2px 10px 0;
	/*margin-right:2px;*/
	padding:8px 0 0 0;
	font-size:12px;
}




#content form#ricercaProdotti ul li label{
	font-weight:bold;
	text-align:center;
}

#content form#ricercaProdotti select{
	width:168px;
	margin:4px 0 0 0;
	font-size:11px;
}

#content form#ricercaProdotti #articoli{

}

#content form#ricercaProdotti #tipologie{

}


#content form.contatti input{
	width:259px;
	height:20px;
	/*background:url(../img/bg_input_259_20.png)top left no-repeat;*/
	margin:0 0 10px 10px;
	/*border:0px;*/
}

#content form.contatti input[type="text"]{/*necessario causa IE non carica l'immagine di sfondo quindi si applica il bordo a tutti. */
	/*border:1px solid #005F9D;*/
	/*background:url(../img/bg_input_259_20.png)top left no-repeat;*/
}


#content form.contatti select{
	width:150px;
	height:20px;
	border:1px solid #005F9D;
	/*background:url(../img/bg_input_259_20.png)top left no-repeat;*/
	margin:0 0 10px 10px;
}

#content form.contatti input checkbox{
	width:10px;
	height:10px;
	/*background:url(../img/bg_input_259_20.png)top left no-repeat;*/
	margin:0 0 10px 10px;
}

#content form.contatti textarea{
	margin:0 0 10px 10px;
	border:1px solid #005F9D;
}

#content form.contatti .checkbox{
	float:left;
	width:15px;
	height:15px;
	margin:0 10px 0px 10px;
	padding:0;
	/*background:url(../img/bg_checkbox_19_19.png)top left no-repeat;*/
	/*border:1px solid;*/
	/*border:1px solid;*/
	
}



#content div.contatti h5{
	margin:-1px 10px;
	border:0;
}

#content div.contatti img{
	margin-bottom:35px;
}

#content form.contatti #errore{
	width:185px;
	height:85px;
	background: url(../img/errore.png) no-repeat top left;
	/*border:1px solid;*/
	margin:auto;
	padding:20px 5px 0 0 ;
	text-align:center;
	
	
}

/**************************************IMMAGINI*************************************************/
/*Bandiere language*/
#menu img{
	float:right;
	margin:3px 8px 0 0;
}

#content img{
	float:left;
	display:inline;
	margin:0 10px 10px 0;
}

#content #prodotti img{	/*foto nella lista prodotti della ricerca avanzata*/
	display:inline;
	margin:0 10px 10px 0;
}