/*@import("http://www.segafredo.it/css/screen.css");*/
/*
** CSS Developed for:
** Liquido CMS System for Segafredo Zanetti Spa
** www.derbau.com
** info@derbau.com
*/

body {
  margin: 0;
  padding: 0;
  background:  url(../images/body_bg.gif) repeat-x top left;
  background-color:#ECD7AE;
  height:auto;
  /*font-family: "Arial", sans serif;*/
  font-family: "Arial",  serif;
  font-size: 100%;
}
hr {
  border: none;
  background: none;
  height: 1px;
  border-top: 1px solid #ccc;
}
p {
  font-family: "arial",  serif;
  font-size: 0.8em;  
}


h1,h2,h3,h4,h5,h6 {
  font-family: "Arial",  "sans serif";
  font-weight: normal;
}

img  {
 border:none;
}
input  {
  font-size: 0.7em;
	float: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;	
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #fff;		
}

input:focus  {
  background-color: #f1f1f1;
	border-top: 1px solid #ccc;  
}

ul { 
	padding:0; 
	margin:0; 
} 
li{ 
	padding:0; 
} 

div [
	clear:both;
}
.space-line {
  clear: both;
  display:block;
  width: auto;
	margin-left:10px;
  border-bottom: 1px solid #ddd;
}
html>body .space-line  {
	margin-left:10px;
	padding-bottom:5px;
	padding-top:5px;	
  border-bottom: 1px solid #ddd;  
}

.imgFloatRight {
	float:right;
	margin:5px;
	margin-top:0px;
}

.imgFloatLeft {
	float:left;
	margin:5px;	
}
.imgCenter {
	display: block;
	margin: 0px auto;
	text-align: center;

}
.stepContainer {
	position:relative;
	display:block;
	margin: 0px 5px 10px 5px;
	color:#fff;
  font-size:0.7em;
  font-weight:bold;
	/*width:auto;*/
  text-align:center;
  margin-bottom: 20px;
  clear:both;
}

.stepBystep {
	position:relative;
	float:left;
	background: #ccc;
  width:78px;
  margin-right:2px;  	
  height:45px;
}

.stepBystep_sel {
	position:relative;
	float:left;
	background: #CC0000;
  width:80px;
  margin-right:2px;  
  height:45px;	
}
.centra {
	text-align:center;
}
.flashCentrato {
	padding:5px;
}
/*****************************************************************
Il div lista contiente una lista di div annidati utile per la 
mappa del sito e per qualsiasi altro usa ne si voglia fare
*****************************************************************/

/*div#lista  {
  position: relative;  
  padding: 10px;
  font-size:0.7em;	
}*/

#testoSezione .liv0 {
	margin:10px;
	width:auto;
  display:block;
  font-size:0.7em; 
  clear:both;	
  height:25px;
}


#testoSezione .liv0 a {
	/*padding-left:5px;*/
	padding-top:2px;	
  display:block;	
  color:#333;
  /*height:25px;*/
 /* text-transform: uppercase; */
}

#testoSezione .liv0 a:hover {
  text-decoration:none; 
  color:#666;   	  
}


.liv1 {
	position:relative;
	margin-right: 10px;
	float:left;
	width:100px;
	height:auto;
	border-top: 3px solid #cc0000;
  margin-bottom:15px;	
  /*clear:right;	   */
}

.liv1 a {
  background:#fff;
  text-transform: none;  
  font-weight:normal;
  color:#333;	  		
}
.liv1 a:hover {
  background:#eee; 	  
}
.liv2 a {
	padding-left:5px;
  display:block;
  color: #cc0000 !important; 
  height:auto;  	
}
/*****************************************************************
Fine DIV LISTA
*****************************************************************/

#informazioni {
  font-size: 0.7em;
  padding-left:10px;
  text-decoration: underline;
  color:#999;
}

.piva {
  /*padding-left:10px;*/
  color:#B17308;
}


.clear { clear: both; }

/*label {
	position: absolute;
	left: 0px;
	width: 90px;
	height: 30px;
	margin: 5px 5px 5px 0;
  text-align: right;
} */

div#space{
  clear: both;
 	margin: 5px;
}

.space-line {
	display:block;
  clear: both;
 	margin-left: 5px;
 	margin-right: 5px; 	
  width: auto;
  border-bottom: 1px solid #ddd;

}


div#dotted-line {
	height: 3px;
  clear: both;	
  margin: 0px 5px 0px 5px;
  background: url(../images/dot_separator.gif) repeat-x top left;  
}

/*****************************************************************
Il div wrapper è il contenitore di tutto il resto
Parte dal 40 pixel in modo da lasciare lo spazio per
il div top bar in alto
*****************************************************************/
div#wrapper {
  margin-top: 0px;
}I

/*****************************************************************
Il div container è il contenitore di tutto tranne il leftBar e va
messo sullo z-index:2
*****************************************************************/
div#container {
  width: 780px;
  top: 0px;
  left: 0px;  
  position: absolute;
  height: 100%;  
}

/*****************************************************************
questo è il div che contiene lo spot verticale in flash
della home page
******************************************************************/
div#leftBarHome {
  z-index: 1;
  /*width: 222px;  */
  width: 224px;
  height: 807px;
  position: absolute;
  top: 0px;
  left: 0px;
  clear: both;
  background-position: left top;
  background: url(../images/flash_bg_last.jpg) no-repeat;
  /*border: 1px solid #ff0;   */
}
div#flashTazza {
  width: 180px;
  height: 807px;
  position: absolute;
  top: 0px;
  left: 0px;
  clear: both;
}
/*****************************************************************
questo è il div che contiene la barra vert in tutte le altre pag
******************************************************************/
div#leftBar {
  width: 224px;
  height: 807px;
  position: absolute;
  top: 0px;
  left: 0px;
  clear: both;
  background-position: left top;
  background: url(../images/flash_bg_last.jpg) no-repeat;
}

div#subMenu {
  z-index: 1;
  width: 160px;
  height: auto;
  position: absolute; 
  top: 170px;
  left: 10px;
  background-color: #ffffff;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;    
}
div#subMenu #titolo p.firstLetter:first-letter {
  font-size: 1.1em;
}
div#subMenu #titolo {
  text-transform: uppercase;
  margin: 5px 5px 5px 5px;
  display: block;
  width: 150px;
  height:auto;
  border: none;
  background: url(../images/bg_titolosez.gif) no-repeat;
  background-color:#7F0708;  
}
div#subMenu #titolo p {
	padding: 5px;
  font-family: "arial", "sans serif";    
  font-size: 0.7em;
  font-weight: bold;
  color: #fff;
}
div#subMenu #titolo a  {
  color: #fff;
  text-decoration:none;
}


div#subMenu ul {
  margin: 5px;
  padding: 0;
}

div#subMenu ul li {
  list-style-type: none;
}
div#subMenu ul li a {
	/*cursor:hand;*/
  display: block;
  height:18px;
  padding-left: 5px;padding-top: 5px;
  text-decoration: none;
  font-size: 0.7em;
  color: #333;
  font-family: "arial", "sans serif";   
  background: url(../images/submenu_off.png) no-repeat;
  border-bottom: 1px solid #ddd;
}



div#subMenu ul li a:hover {
  display: block;
  font-weight: bold;
  background: url(../images/submenu_on.png);    
}

div#subMenu ul li.subMenu_active {
  display: block;
  height:18px;
  list-style-type: none;
  background: url(../images/submenu_off.png) repeat-y;
  border-bottom: 1px solid #ddd;
  color: #cc0000; 
  padding-left: 5px;padding-top: 5px;  
  font-size: 0.7em;
  font-weight: bold;   
}
div#subMenu ul li.subMenu_active_mese {
  display: block;
  height:18px;
  list-style-type: none;
  background: url(../images/submenu_on.png);   
  border-bottom: 1px solid #ddd;
  color: #333; 
  padding-left: 5px;padding-top: 5px;  
  font-size: 0.7em;
  font-weight: bold;   
}

.subMenu_link a {
  display: block;
  height:18px;
  list-style-type: none;
  border-bottom: 1px solid #ddd;
  color: #cc0000; 
  padding-left: 5px;padding-top: 5px;  
  font-size: 0.7em;
  font-weight: bold;   
}

/*****************************************************************
questo è il div che contiene l'header
******************************************************************/
div#header {
	/*z-index: 3;*/
  width: 780px;
  position: relative;
  height: 60px;
  clear: both;
}
/*****************************************************************
questo è il div che contiene il logo 
******************************************************************/

div#header h1 {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 8px;
  left: 17px;
  width: 160px;
  height: 112px;
  border: none;
}
div#header #logopda{
	display:none;
}

div#header h1 a {
  display: block;
  width: 150px;
  height: 100px;
  border: none;
}

div#header  span { 
	display: none;  
 /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png'); */
 }


/*****************************************************************
questo è il div che contiene il menu di navigazione principale
******************************************************************/

div#mainNav{
  position: absolute;
  font-size: 0.66em;  
  top: 0;
  left: 180px;
  width: 635px;
  font-family: "arial", "sans serif";   
  /*font-family: "Arial",  sans serif; */
  letter-spacing: 0.10em;   
  /*background-color:#fff;*/
}
div#mainNav ul {
  padding: 0;
  margin: 0;
}
div#mainNav ul li {
  list-style-type: none;
  float: left;
}
div#mainNav ul li a {
  display: block;
  /*cursor: hand;*/
  height:30px;
  float:left;  
  padding: 13px 15px 2px 7px;
  background: url(../images/dotted_border.gif) repeat-y top left;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  color: #8B4D0A;
  border-top: 7px solid #CEC0A4;
}

div#mainNav ul li a:hover,  div#mainNav ul li.firstLetter {
  height:30px;
  float:left; 
  display: block;
  padding: 13px 15px 2px 7px;
  background: url(../images/menu_hilite.gif) no-repeat;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  border-top: 7px solid #D5080D;
  color: #D5080D;
}

div#mainNav ul li  {
  background-image: none;
}
/*****************************************************************
questo è il div che contiene la barra superiore della ricerca e lingue
******************************************************************/
div#barraSup {
  position: relative;
	top: 70px;
  left: 180px;
  width: 665px;
  height: 25px;  
  background-color: #ffffff;
  border: 1px solid #ddd;  
  border: none;
}

div#barraSupHome {
  position: absolute;
	top: 70px;
  left: 180px;
  width: 600px;
  height: 25px;  
  background-color: #ffffff;
  border: none;
}

/*****************************************************************
questo è il div che contiene il menu delle lingue
******************************************************************/
div#languages {
	z-index:15;
  left: 0px;
  top:0px;   
  position: absolute;
  /*margin: 5px;*/
  width: auto;
	border: none;  
}

div#languages ul {
  padding: 0;
  margin: 5px 5px 5px 5px;
}
div#languages ul li {
  list-style-type: none;
  float: left;
  font-weight: bold;
}
div#languages ul li a , .current_lang{
  border-right: 1px solid #ddd;
  padding: 1px 4px 2px 4px;
  font-size: 0.7em;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  color: #999;
}

/* Hide from IE-Mac \*/
div#languages  a , .current_lang{
  display: block;
}
/* End Hide */

div#languages ul li a:hover , .current_lang{
 /* border-bottom: 2px solid #CC0000;*/
  color: #cc0000;

}

/*****************************************************************
TOTEM DESTRA
/****************************************************************/
div#totemContainer {
  position: absolute;
	top: 100px;
  left: 695px;
  width: 150px;
  height: auto;  
  border: none;
}
.totem {
  position: relative;
	padding:5px;
  height: auto;  
  background-color: #ffffff;
  border: none;
  font-size: 0.7em;   
  text-align:center; 
}
/*****************************************************************
questo è il div che contiene le gallery
******************************************************************/
.gallery {	
	/*z-index:5;	*/
  position: relative;
  /*float:right;*/
  font-size: 0.7em;  
  /*top:20px;*/
  width:auto;
  height:165px;
	text-align:center;
	clear:both; 
	/*margin: 0 0px 10px 10px;	*/
	/*padding:5px;*/
  background-color: #ffffff;	
}
html > body .gallery {
	/*margin: 0 0px 30px 10px;	*/
}
.gallery img {
	margin-top:5px !important;
	border:0;
}
.gallery .files { 
  padding:5px;
	text-align:left;  	
}
.gallery .titolo { 
  color:#333;
}
/*****************************************************************
questo è il div che contiene il menu delle briciole di pane
******************************************************************/
div#briciole:after { content: ""; display: block; height: 0; clear: both; }
div#briciole {
  /*letter-spacing:0.1em; */
  left: 0; 
  position: relative;
  width: 500px;
}
div#briciole ul {
  padding: 0;
  margin: 0 10px;
}
div#briciole ul li {
  list-style-type: none;
  float: left;
}

div#briciole ul li a , .current_briciola{
  padding-right:  4px;
  text-align: left;
  text-decoration: none; 
  color: #666;
}
div#briciole ul li a:hover , .current_briciola{
  /*display: block;*/
  color: #cc0000;
}

/*****************************************************************
questo è il div che contiene il campo ricerca
******************************************************************/

div#siteSearch {
  right: 5px;
  top: 0px; 
	text-align: right;
  position: absolute;
}

div#siteSearch {
  right: 5px; 
	text-align: right;
  position: absolute;
}

div#siteSearch input  {
  font-size: 0.7em;
 /* margin: 3px 5px 5px 5px;*/
	margin-top:3px; 
	margin-right:3px;
	padding-left:3px;
	width: 115px;
	border: 1px solid #cccccc;
	background-color: #fff;
}

div#siteSearch input:focus  {
  background-color: #F6ECD0;
}

div#siteSearch label {
  font-size: 0.9em;
  color: #666;
}
div#siteSearch img {
	cursor:hand;
	margin-top:3px;
}
div#siteSearch .button {
	width: 15px;
	height: 15px;
	background: url(../images/freccia_sx.png) no-repeat ;
	border: none;
}

.evidenziato {
	font-weight: bold;
	color:#660000;
}
/*****************************************************************
questo è il div che contiene il flash promozionale hp
******************************************************************/
div#Promo {
  position: absolute;
  top: 100px;
  left: 180px;
  width: 600px;
  height:210px;  
  background-color: #fff;
  border: none;
}
div#flashPromo  {
  margin: 5px;
  position: absolute;
  width: 590px;
  height: 200px;
	/*background: url(../images/flash_spot.jpg) no-repeat;*/
  border: none;
}
/*****************************************************************
questo è il div che contiene il banner casa segafredo
******************************************************************/
div#bannerHP  {
  position: absolute;
  top: 100px;
  left: 785;
  padding:5px;
  padding-top:13px;	
  background-color: #fff;  
  width: 125px;
  height: 190px;
	/*background: url(../images/flash_spot.jpg) no-repeat;*/
  border: none;
}
html > body div#bannerHP {
  padding-top:15px;		
}

/*****************************************************************
questo è il div che contiene il box della comunicazione hp
******************************************************************/
div#boxCom {
  position: absolute;
  top: 315px;
  left: 180px;
  width: 120px;
  height:160px;  
  background-color: #fff;
  border: none;
}

div#boxComflash  {
  margin: 5px;
  position: absolute;
  width: 110px;
  height: 150px;
  border: none;
  /*background: url(../images/old_spezie_hp.jpg) no-repeat;*/
}

/*****************************************************************
questo è il div che contiene il box del mondo di caffè hp
******************************************************************/
div#boxCoffee {
  position: absolute;
  top: 315px;
  left: 305px;
  width: 320px;
  height: 160px;  
  background-color: #fff;
}

div#boxCoffee p {
  position: absolute;
  width: 310px;
  height: 150px;  
  margin: 5px;
  border: none;
}
/*****************************************************************
questo è il div che contiene il box a destra per promo professionisti
******************************************************************/
div#boxShop {
  position: absolute;
  top: 315px;
  left: 630px;
  width: 150px;
  height:160px;  
  background-color: #fff;
  border: none;
}

div#boxShop p {
  margin: 5px;
  position: absolute;
  width: 140px;
  height: 65px;
  border: none;
}
/*****************************************************************
questo è il div che contiene l'area riservata / shop
******************************************************************/
div#areaRiservata {
  position: absolute;
  top: 480px;
  left: 630px;
  width: 150px;
  height:60px;  
  background-color: #fff;
  border: none;
}

div#areaRiservata p {
  margin: 5px;
  position: absolute;
  width: 140px;
  height: 65px;
  border: none;
  background: url(../images/area.gif) no-repeat left top;    
}

div#shopOnline {
  position: absolute;
  top: 480px;
  left: 630px;
  width: 150px;
  height:60px;  
  background-color: #fff;
  border: none;
}

div#shopOnline img {
  position: absolute;
  margin: 5px;
}



/*****************************************************************
questo è il div che contiene il box a sx per promo prodotti hp
******************************************************************/
div#boxProd {
	z-index:3;
  position: absolute;
  top: 480px;
  left: 180px;
  width: 445px;
  height:105px;  
  background-color: #fff;
  border: none;
}
div#boxProd p {
  margin: 5px;
  position: absolute;
  border: none;
}
.boxImg {
	z-index:3;
  position: absolute;
  top: 480px;
  left: 180px;
	padding:5px;
	background-color: #fff;
}



/*****************************************************************
questo è il div che contiene le news ... che andrà cambiato hp
******************************************************************/
div#news_hp  {
  top: 590px;
  left: 180px;
  position: absolute;
  width: 445px;
  height: 25px;
  background-color: #fff;
  border: none;
}
.news  {
  position: relative;
}
.news .data {
	padding-left:10px;
  font-size: 0.7em;
  color: #333;
}

.news  .titolo {
	display:block;
	font-size: 0.8em;
	padding-left:10px;
  color:#333;
}
.news  .lancio p {
	margin-top:3px;
	display:block;
  color:#333;
}
.news  .prec {
	display:block;
  float:left;
}
.news  .succ {
	display:block;
  float:right;
  color:#333;
	padding-right:5px;  
  text-align:right;
}

/*****************************************************************
questo è il div che contiene il box a destra menu di servizio hp
******************************************************************/
div#menuServizio {
  position: absolute;
  top: 535px;
  left: 630px;
  width: 150px;
  height:95px;  
  /*background: url(../images/logo_gruppo.jpg)  no-repeat bottom left;*/
  border: none;
}

div#menuServizio img {
  margin-top:10px;
  margin-bottom:5px;  
  float:left;
  width: 150px;
	border:none;
}

div#menuServizio ul {
  position: relative;
  margin: 5px 2px 0 2px;
  padding: 0;
}

div#menuServizio ul li {
  line-height:0.8em;
  list-style-type: none;
  padding-left: 10px;
  background: url(../images/menuArrow.gif) no-repeat 0 2px ;
}

div#menuServizio ul li a {
  text-decoration: none;
  font-size: 0.7em;
  color: #333;
}

div#menuServizio ul li a:hover, div#menuServizio ul li.firstLetter {
  color: #990000;
  text-decoration: none;
}

div#menuServizio .firstLetter:first-letter {
  font-size: 0.8em;
}



/*****************************************************************
SEZIONI E SOTTOSEZIONI
/*****************************************************************
questo è il div che contiene la foto / flash della sezione menù 
principale
******************************************************************/
div#Contents {
  position: relative;
  display:block;
  margin-left: 180px;
}
/* Hide from IE-Mac \*/
div#Contents {
  position: relative;
  display:block; 
  top: 35px;
  left: 180px;
  width: 510px;
  margin-left:0px;
}
/* End hide */ 



/* solo per Opera */
@media all and (min-width: 0px){
	div#Contents {
	top: 25px;
	}
}

div#Sezione_bg {
  position: relative;
  top:0;
  width: 510px;
  height:auto;
  background: #fff;
}
div#Sezione_bg_PNG{
  position: relative;
  top:-25px;
  width: 510px;
  height:auto;  
  background: #fff;
}

div#Sezione {
  position: relative;
  width: 500px;
  /*min-height: 250px;*/
  background: #fff;
  text-align:justify;
  padding-right:5px;
}
div#Sezione table {
  text-align:justify;
}


div#imagePrincipale {
  position: relative;
  top:5px;
	padding-left:5px;
	padding-top:5px; 
  width:510px;
	background: url(../images/sfondo_bianco_foto.gif) no-repeat bottom left;
}
div#imagePNG {
  position: relative;
  z-index:10;
  height:230px;
  top:-20px;
	padding-left:5px;
	margin-top:5px; 
  width:510px;
	background: url(../images/sfondo_bianco_foto.gif) no-repeat bottom left;
}

div#Sezione  #imageProdotto {
  position: relative;
  float:left;
  z-index:5;
  top:5px;
  margin:10px;
	padding-right:5px;
	padding-top:5px;
}

div#Sezione a {
  text-decoration: none;
  color: #B17308;
}
div#Sezione a:hover {
  text-decoration: underline;
  color: #990000;
}

div#Sezione #icone img {
	float:right;
  margin: 5px;
  position: relative;
  border: none;
}

div#Sezione #titoloSezione h1  {
  text-transform: uppercase;
	padding:10px;
	/*padding-bottom:10px;*/
  position: relative;
  font-size: 1.2em;
  color: #cc0000;
}

div#Sezione #briciole {
  margin: 0 0 5px 0;
  padding-top:5px;
  position: relative;
  font-size: 0.7em;
  color: #990000;
  display:block;
}


div#Sezione #testoSezione p {
  font-size: 0.7em;    
  letter-spacing:0.04em;
  padding-left:10px;
  width:auto;  
}

div#Sezione #testoSezione {
  /*padding-top:10px;*/
  background: transparent;

}
div#Sezione #testoSezione img {
 /* border: 3px solid #ccc;*/
}

div#Sezione #testoSezione .testorossoh1 {
	font-size: 1em;
	color: #CC0000;
	font-weight:bold;
}

div#Sezione  #flash {
  background: transparent;
}

div#Sezione #formRegistrazione {
  background: transparent;
  margin-bottom:20px;
  clear:both;
}

div#Sezione #spazio {
  display: block;
  height:10px;
  position: relative;
  margin-bottom:10px;
}

/*****************************************************************
questo è il div che contiene il menu dei prodotti
******************************************************************/
div#Sezione:after { content: ""; display: block; height: 0; clear: both; }

div#Sezione #prodotti {
  display: block;
  position: relative;
  bottom:0;
  right:0;
  font-size: 0.7em;
  font-weight: bold;
  margin-right:3px;
  width:auto;  
}
div#Sezione #prodotti ul {
  margin: 0 5px;
  display:block;
}
div#Sezione #prodotti ul li {
  text-align: right;
  list-style-type: none;
  /*border-bottom: 1px solid #ccc;  */
	background: url(../images/separa_prod.gif) no-repeat bottom right;  
}

div#Sezione #prodotti ul li a , .current_prodotti{
  text-align: right;
  text-decoration: none;
  color: #999;
}
div#Sezione #prodotti ul li a:hover , .current_prodotti{
  color: #CC9933;
  text-decoration: none;  
}

/*****************************************************************
questo è il div che contiene i contenuti multipli
******************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}


* html .clearfix { 
	height: 1%; 
}

.clearfix {
	display: block;
}
#pages {
	position:relative;
	display:block;
	margin-top:20px;
	margin-left:10px;	
	bottom:10px;
	width:98%;
	height:30px;
	font-size:0.7em;	
	border-top: 1px solid #ccc;
	padding-top:5px;
}

#pages span.dots {
	display: block;
	float: left;
	color: white;
	font: bold 136% verdana;
	margin: 0 4px 0 2px;
}

#pages a {
	display: block; 
	float: left;
	text-decoration: none;
	font: bold 114% arial;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px 7px;
	background-color: #fff;
	margin: 0 2px 0 0;
}

#pages a:hover {
	background-color: #FFF5B5;
	color: black;
}

#pages a.current {
	font-weight: bold;
	color: #999;
	background-color: #eee;
}


/*****************************************************************
questo è il div che contiene la lista dei prodotti
******************************************************************/
/*
div#imgProd {
  position: relative;
  width: 510px;
  height:auto;
  background: #fff;  
  margin-bottom:15px;
}

div#imgProd :after { content: ""; display: block; height: 0; clear: both; }

div#listaProd{
  position: relative;
  width:510px;
  font-size: 0.70em;  
  font-family: "arial", "sans serif";   
  letter-spacing: 0.10em; 
  display: block;
}



div#listaProd ul li {
  margin-left:15px;
  list-style-type: none;
  float: left;
  height:175px;
  width:120px;
  margin-bottom:5px;
}
div#listaProd  img {
  margin:5px 0 5px 0;
}

div#listaProd ul li a {
  display: block;
  width:100%;
  padding: 13px 15px 2px 7px;
  background: url(../images/dotted_border.gif) repeat-y top left;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  color: #999999;
  border-top: 2px solid #CEC0A4;
}

div#listaProd ul li a:hover {
  display: block;
  text-decoration: none;
  border-top: 2px solid #D5080D;
  color: #D5080D;
}
*/
div#imgProd {
  position: relative;
  width: 510px;
  height:auto;
  background: #fff;  
  margin-bottom:15px;
}

div#imgProd :after { content: ""; display: block; height: 0; clear: both; }

div#listaProd{
  position: relative;
  width:510px;
  font-size: 0.60em;  
  font-family: "arial", "sans serif";   
  display: block;
}


div#listaProd ul li {
  list-style-type: none;
  float: left;
  height:165px;
  width:140px;
  margin-left:10px;
}

div#listaProd ul li a {
  display: block;
  width:100%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #333;  
  padding-top:10px; 
  background: url(../images/separatore_prodotti.gif) no-repeat top center;     
}

div#listaProd ul li a:hover {
  text-decoration: none;
  background: url(../images/separatore_prodotti.gif) no-repeat top center;     
  color: #990000;
}



/*****************************************************************
FOOTER PER LE PAGINE 
/****************************************************************/
.piva {
  color:#B17308;
  font-size: 0.8em;   
}


div#footerHP {
  position: relative;
  top: 560px;
  left: 180px;
  width: 600px;
  font-size: 0.7em;     
}

div#footerHP ul {
	float:right;
  position: relative;
  margin: 5px 2px 0 2px;
  padding: 0;
}

div#footerHP ul li {
	float:left;
  list-style-type: none;
  margin-left:10px;
  padding-left: 10px;  
  background: url(../images/menuArrow.gif) no-repeat 0 4px ;
}
div#footerHP a {
  color: #990000;
  text-decoration:none;
}


div#footerHP ul li a {
  text-decoration: none;
  color: #333;
}

div#footerHP ul li a:hover, div#footer ul li.firstLetter {
  color: #990000;
  text-decoration: none;
}

div#footer {
  position: relative;
  display:block;
  width: 510px;
  font-size: 0.7em;   
}

div#footer a {
  color: #990000;
  text-decoration:none;
}

div#footer img {
	float:right;
  margin-top:5px;
  margin-bottom:5px;
  border:0;
}
div#w3c  {
  position: relative;
  border:0;
  height:auto;
}
div#w3c img  {
 	float:left;
  border:0;
  margin-top:25px;
}

div#footer ul {
	float:right;
  position: relative;
  margin: 5px 2px 0 2px;
  padding: 0;
}

div#footer ul li {
	float:left;
  list-style-type: none;
  margin-left:10px;
  padding-left: 10px;  
  background: url(../images/menuArrow.gif) no-repeat 0 4px ;
}


div#footer ul li a {
  text-decoration: none;
  color: #333;
}

div#footer ul li a:hover, div#footer ul li.firstLetter {
  color: #990000;
  text-decoration: none;
}


.footer-line {
  clear: both;
 	margin-top: 5px;
  width: auto;
  border-bottom: 1px solid #B7A27A;
}

.credits {
	font-size:0.8em;
}

/*****************************************************************/
/*mozilla e opera */

html>body #subMenu ul li a  {
  height:auto;
}
html>body  #subMenu ul li.subMenu_active  {
  height:auto;
}


/*********************************************************
questo è il div che contiene la form di registrazione
******************************************************************/
div#formRegistrazione {
  position: relative;
  top: 0;
  right: 0;
  width: auto;
  height:auto;  
}

div#formRegistrazione div {
  background: transparent;
  /*padding-left:5px;*/
}
div#formRegistrazione a {
	display:block;
	padding:2 2 2 5;
	width:15%;
	border: 1px solid #cccccc;
	color:#666;
	text-decoration: none;
}
div#formRegistrazione a:hover {
	/*border: 1px solid #999;*/
	color:#999;
	text-decoration: none;
}

#formRegistrazione br {
	clear:left;
}
#formRegistrazione form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  width: 500px;
 
}

#formRegistrazione fieldset {
  padding: 3px;
  margin-bottom: 10px;      /* padding in fieldset support spotty in IE */
 	color:#333;
	/*margin-left:150px; 		*/
}

/*
#formRegistrazione fieldset.noborder {
  border: none;
}

fieldset input.large{width: 270px;}
fieldset input.small{width: 50px;}
fieldset input.checkbox {
	width: 15px;
	height: 15px;	
}
fieldset textarea {float:left;width:300px;border: 1px solid #cccccc;	font-size:0.6em;}
fieldset select { font-size:0.6em;}


label { 
	display: block;  
	float: left; 
	width: 150px; 
	padding-right: 3; 
	margin: 5px 0 0;
	text-align: right; 
	font-size:0.6em;
}

*/
fieldset{
		float:left;
		width:500px;
    margin: 1em 0;
    padding: 0;
    border: none; 
    /*border-top: 1px solid #ddd;*/
}
    
legend{color: #cc0000;background:#FFF;font-size:0.7em;}
form b{color:#F00}
form p{margin:0.5em 10px}

fieldset div {
	float:left;
	width:100%;
  padding: 2px 0px 0px 0px;
  font-size:11px;
  /*border-bottom:1px solid #ddd;*/
}

fieldset div .help{
  padding: 5px 0 0px;
  font-size:10px;
  color:#990000;
  margin-left:80px;
  width:auto;
  display:none;
  /*border-bottom:1px solid #ddd;*/
}
html > body fieldset div .help{
  margin-left:165px;
}

fieldset textarea {
	padding-left:5px;
	width:320px;
	height:50px;
	border: 1px solid #cccccc;	
	margin-left:165px;
  font-family: "arial",  serif;	
  font-size:1em;
	background-color: #eee; 
	margin-bottom:20px;	
}
.privacy {
	height:150px;
}

fieldset select { font-size:1em;}

label{
		float:left;
		text-align: right; 
		width:150px;
    display: inline;
    margin-left: 10px;
    padding-right:5px;
}

fieldset input{font-size : 1.1em;}
    
fieldset input.large{width: 270px;}
fieldset input.small{width: 50px;}    
fieldset input.medium{width: 100px;}   
fieldset .radio{width: 10px;border:none;} 
fieldset .checkbox{width: 15px;border:none;} 

fieldset img{padding-left:5px;cursor:hand;}

div#domicilio label,div#anagrafica label{
    margin-left:150px;
 }
 
label.radio{margin-left:0px;}

    
input.button {
	border:1px outset #ccc;
	background: #fff;
	cursor:hand;
	font-size : 0.7em;
	font-weight:bold;
	width:100px;
	color:#666;
	margin-bottom:20px;
	margin-left:10px;
	float:left;
} 


#errori {
  position: relative;
  top: 5;
  left: 10px;
  width: auto;
  height:auto; 
  margin-bottom:15px; 
  color:#cc0000;
  font-size:0.6em;
}

/* questo serve a nascondere il css per lo screen nel caso sia un pda */

#monitor {
	width: auto;
  font-size: 0.7em;
  padding-left:10px;
  text-decoration: underline;
  color:#cc9900;
	border: 4px solid #cccccc;
}
#pda {
	display:none;
}