/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
}
/* STILI DELLA PAGINA CONTENITORE */ 
#contenitore_gr { 
	width: 900px;
	margin: 0px auto;
	padding: 0px;
}
#contenitore { 
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}
#contenitore_testata {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 800px;
	height: 35px;
	background: url('img/top_small.jpg') no-repeat left top;	
}

#contenitore_menu {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 800px;
	height: 45px;
	background: url('img/logo_ciare.gif') no-repeat left top;	
}
#sfumatura_orizzontale {/*grigio-bianco-grigio*/
	position: relative;
	width: 100%;
	margin :0px;
	background-image: url('img/sfuma_orizzontale.gif');/*img sfumata alta 1 px che si ripete in verticale effetto ombra*/
	background-repeat: repeat-y;
	background-position: center top;
}
#sfumatura_verticale {
	position: relative;
	width: 800px;
	margin :0px;
	background-image: url('img/sfuma_verticale.gif');/*img sfumata larga 1 px che si ripete in orizzontale effetto ombra*/
	background-repeat: repeat-x;
	background-position: left top;
}
#sfumatura_verticale_finale {
	position: relative;
	width: 900px;
	height: 20px;
	margin :0px;
	background-image: url('img/sfuma_verticale_finale.gif');/*img sfumata larga 1 px che si ripete in orizzontale effetto ombra*/
	background-repeat: none;
	background-position: left top;
}
#contenuti {
	clear:both;
	margin: 0px;
	padding: 0px;
	width: 800px;
	background-color: #FFFFFF;	
}
#footer {
	clear:both;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 800px;
	height: 30px;
	background-color: #002D5F;/*BLU*/	
}
/* NUOVO STILE menu */
ul#menuitem {
  position: absolute;
	margin: 0;
	padding: 0;
	right: 0;
	width: 577px;
	list-style: none;
	height: 45px;
	
}
ul#menuitem li {
	margin:0;
	padding:0;
	float: left;
	width: 72px;
	height: 45px;
	font-size: 11px;
	background:  url('img/b_menu.gif') no-repeat ;
}
ul#menuitem a {
	display: block;
	width: 100%;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 0 0 0;
}
ul#menuitem a:hover { color: #DAE667; }
ul#menuitem li#menucerca { background:  url('img/b_cerca.gif') no-repeat ; }
ul#menuitem li#menucerca a:hover { color: #FFCC99; }

ul#menuitem li#menuscrivici {background:  url('img/b_scrivici.gif') no-repeat ; }
ul#menuitem li#menuscrivici a:hover { color: #ABB6D5; }

/*------------------fine stili per il menu--------------------*/

/*-----------------stili per il sottomenu--------------------*/
ul#sottomenu {
	margin: 0;
	padding: 0 ;
	right: 0;
	list-style: none;
}
ul#sottomenu li {
	margin: 0;
	padding: 0px;
	/*position: absolute;*/
	text-align: left;
	font-size: 11px;
	color: #002D5F;
	list-style: none;
	height: 15px;
}
ul#sottomenu a {
	color: #002D5F;
	text-decoration: none;
	padding: 0px;
}
ul#sottomenu a:hover { color: #B3C613; }/*verde*/


/*----------------- fine stili per sottomenu--------------------*/

/*----------------- stili per il testo del footer--------------------*/

.testo_bianco {
	padding: 9px 0 9px 50px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: left;
}
.testo_bianco a { text-decoration: none; color: #FFFFFF }
.testo_bianco a:link { text-decoration: none; color: #FFFFFF }
.testo_bianco a:visited { text-decoration: none; color: #FFFFFF }
.testo_bianco a:hover { text-decoration: none; color: #DAE667 }/*verde chiaro*/

/*-----------------fine stili per il testo del footer--------------------*/


/*------------------------------------------------------------------------------------------------------
              da questo punto cambiano gli stili per il contenuto delle pagine interne
/*------------------------------------------------------------------------------------------------------*/
#contenitore_dx {
  position: relative;
  width: 532px;
  padding: 30px 45px 0px 0px;
  margin: 0px;
  border: 0px;  
  float: right;
}
#contenitore_sx {
	position: relative;
	width: 158px;
	padding: 30px 0px 0px 45px;
	margin: 0;
	border: 0;
}
#interno_dx {
  position: relative;
  margin: 0px;
  width: 375px;/*382*/
  padding: 0 0 0 0px;
  border: 0px;  
  float: right;
}
#interno_sx {
  position: relative;
  width: 148px;
  margin: 0px;
  padding: 0px;
  border: 0px;  
}
#c_immagine {
	position: relative;
	height: 74px;
	width: 148px;
	padding: 0px;
	margin: 0 0 2px 0px;
	border: 0;
}
#c_immagine_interno {
	position: relative;
	height: 74px;
	width: 148px;
	padding: 0px;
	margin: 0px;
	border: 0;
}
#c_testo {
	position: relative;
	height: 74px;
	padding: 0px;
	margin: 0 0 2px 0px;
	border: 0;
}
#contenitore_swfProdotti {
	position: relative;
	clear: both;
	height: 480px;
	width: 755px;
	padding: 0px;
	margin: 0 0 0 45px;
	border: 0;
	bottom: 0;
}
/*-----------------fine stili per il contenuto--------------------*/
/*-----------------stili per testo generico--------------------*/
p.testo_generico {
	padding: 3px 10px 3px 5px;
	margin: 0;
	color: #666666;/*grigio scuro*/
	font-size: 11px;
	text-align: left;
}
p.testo_generico a { text-decoration: none; color: #666666 }
p.testo_generico a:link { text-decoration: none; color: #666666 }
p.testo_generico a:visited { text-decoration: none; color: #666666 }
p.testo_generico a:hover { text-decoration: none; color: #002D5F }/*blu scuro*/

p.testo_generico_nero {
	padding: 3px 10px 3px 5px;
	margin: 0;
	color: #000000;/*nero*/
	font-size: 11px;
	text-align: left;
}
p.testo_generico_nero a { text-decoration: none; color: #000000 }
p.testo_generico_nero a:link { text-decoration: none; color: #000000 }
p.testo_generico_nero a:visited { text-decoration: none; color: #000000 }
p.testo_generico_nero a:hover { text-decoration: none; color: #B3C613 }/*verde*/

p.testo_blu {
	padding: 0px 10px 3px 5px;
	margin: 0;
	color: #002D5F;/*blu*/
	font-size: 11px;
	text-align: left;
}
p.testo_blu a { text-decoration: none; color: #002D5F }
p.testo_blu a:link { text-decoration: none; color: #002D5F }
p.testo_blu a:visited { text-decoration: none; color: #002D5F }
p.testo_blu a:hover { text-decoration: none; color: #B3C613 }/*verde*/

p.testo_grigio_chiaro{
	padding: 0px 10px 3px 5px;
	margin: 0;
	color: #AAAAAA;/*grigio chiaro*/
	font-size: 11px;
	text-align: left;
}
.titolo_blu {
	padding: 3px 10px 3px 3px;
	margin: 0;
	color: #002D5F;/*blu*/
	font-size: 11px;
	text-align: left;
}
.titolo_grigio{
	padding: 3px 10px 3px 3px;
	margin: 0;
	color: #AAAAAA;/*grigio chiaro*/
	font-size: 11px;
	text-align: left;
}