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

body {
  margin: 0;
  padding: 45px;
  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;  
}

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


/*****************************************************************
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;	
}


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

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


.liv1 {
	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;
}

div#space-line {
  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;
}
/*****************************************************************
questo è il div che contiene la barra superiore con il carrello
******************************************************************/
div#barraCart {
	/*z-index:10;*/
	clear:both;
  display: block;	
  position: relative;
  width: auto;
  height: 50px;
  padding-bottom:5px;
	/*background: url(../images/bgTopBar.jpg) repeat-x top center;    */
  background: url(../images/bgMainNavOn.gif) repeat-x top left;  	
  background-color: #cc0000;
  border-bottom: 3px solid #eee;
}

div#barraCentrata {
	position:relative;
	display:block;
	left:50%;
	margin-left: -450px;
  width: 600px;
  font-size:0.7em;
  
}
/*****************************************************************
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 {
	display:none;
}
div#flashTazza {
	display:none;
}
/*****************************************************************
questo è il div che contiene la barra vert in tutte le altre pag
******************************************************************/
div#left180 {
	display:none;
}
div#leftBar {
	display:none;
}

div#subMenu {
	display:none;
}

/*****************************************************************
questo è il div che contiene l'header
******************************************************************/
div#header h1 {
}
div#header #logopda{
	display:block;
}

div#header h1 a {
  display: none;
}

div#header  span { 
	display: none;  
 /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png'); */
 }
div#mainNav{
  display: none;
}
/*****************************************************************
questo è il div che contiene il menu di navigazione principale
******************************************************************/

div#barraSup {
	display:none;
}

div#barraSupHome {
	display:none;
}

/*****************************************************************
TOTEM DESTRA
/****************************************************************/
div#totemContainer {
	display:none;
}
.totem {
  position: relative;
	padding:5px;
  height: auto;  
  background-color: #ffffff;
  border: none;
}



/*****************************************************************
questo è il div che contiene il flash promozionale hp
******************************************************************/
div#Promo {
  display: none;
}
div#flashPromo  {
  display: none;
}

/*****************************************************************
questo è il div che contiene il box della comunicazione hp
******************************************************************/
div#boxCom {
  float:left;
  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 {
  float:left;
  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 {
  float:left;
  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 {
	float:left;
  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 {
  position: relative;
  width: 445px;
  height:105px;  
  background-color: #fff;
  border: none;
}


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

.news  .titolo {
	display:block;
	font-size: 1.2em;
  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 {
	display:none;
}

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



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

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

div#Sezione {
  position: relative;
  width: auto;
  background: #fff;
}


div#imagePrincipale {
  display:none; 
}
div#imagePNG {
  display:none; 
}

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  {
  text-transform: uppercase;
	padding-bottom:10px;
  position: relative;
  font-size: 1.5em;
  color: #cc0000;
}

div#Sezione #briciole {
	display:none;
}


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

div#Sezione #testoSezione {
  background: transparent;

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

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

div#Sezione #flash {
  background: transparent;
}

div#Sezione #formRegistrazione {
  background: transparent;
}

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 la formattazione dei prodotti in ecommerce
******************************************************************/
.caratteristica {
  position: relative;
  float: left;
  display:block;
  border:1px solid #ccc;
  font-size:0.8em;
  padding:1px 4px;	
  margin-right:3px;
}

.boxProdotto {
  list-style-type: none;
  float: left;
  height:150px;
  width:270px;
  margin:5px 10px 5px 10px;;  
  font-size:0.75em;  
}
.nomeProdotto {
	clear:left;
  position: relative;
  display:block;
  border-bottom:3px solid #ddd;
  /*padding-left:5px;*/
  color:#333;
  /*text-transform: uppercase; */
}
.imgProd {
  float:left;
	margin:10px 5px 0 0;  
}
.datiProdotto {
  float:left;
  display:block;
  height:120px;
  width:auto;
  /*background-color:#fde0b4; */
  background: url(../images/separatore.jpg) no-repeat top left ;
  padding-left:5px;
	margin:3px 0 0 0;  
}

.prezzo, .prezzoBarrato {
	clear:left;
  display:block;
  position: relative;
  font-size:1.2em;
  margin-left:5px;
  color:#cc0000;
}
.prezzoBarrato {
	font-size:0.9em;
  color:#bbb;
	text-decoration: line-through;
}
.pulsanteRosso {
	clear:left;
  position: relative;	
  height:33px;
  color:#fff;  
  text-transform:uppercase;
  /*left:-5px;*/
  margin-top:5px;
}
.btnSx {
	float:left;
  position: relative;
  width:9px;
  height:33px;  
	background: url(../images/bgBtnSx.gif) no-repeat top left ;
}
.btnDx {
	float:left;
  position: relative;
  width:9px;
  height:33px;  
	background: url(../images/bgBtnDx.gif) no-repeat top left ;
}
.btnProd {
	float:left;
  position: relative;
  width:auto;
  height:33px;
  padding:10 5 0 5;
  font-size:9px;	
  background: url(../images/bgBtnNew.gif) repeat-x top left ;
}
.btnProd a {
	color:#fff !important;

}
.prodInfoContainer {
  display:block;
  position: relative;
  width:auto;
  color:#666;
  height:auto;
  width:auto;
}
.prodCorrelati {
  display:block;
  position: relative;
  height:auto;
  width:auto;
  font-size:0.7em;
  color:#666;
  margin:0px 0 10px 0px;
  padding:5px;
  background:#fff;
}
.imgProdCorrelati {
	position: relative;
	float:left; 	
}
.imgProdCorrelati a{	
	float:left;
	padding:15px 5px 5px 5px;
	border-bottom:4px solid #ddd;
	margin:5px;
}
.imgProdCorrelati a:hover{
	float:left;
	padding:15px 5px 5px 5px;
	border-bottom:4px solid #cc0000;
	margin:5px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;    	
}
.prodInfo {
  display:block;
  position: relative;
  /*float:left;*/
  width:auto;
  /*font-size:0.7em;*/
  color:#333;
  height:auto;
}
.prodInfo input{
	margin-right:3px;
	margin-top:0px;
  font-size:1em;
} 
.detail {
	position:relative;
	display:inline;
	float:left;
  margin-right:5px; 
}
.detail input{
	width: 10px;
	border:none;
	margin-right:5px;
	margin-top:0px;
} 
#toCart {
	position:relative;
	float:right;
	right:0;
	/*border:1px solid #333;*/
	width:auto;
}
#toCart input{
	position:relative;
  border:4px solid #ddd;	
	margin-right:5px;
	margin-top:8px;
} 
.border4 {
	position:relative;
	right:0;
	width:auto;
	height:25px;
	cursor:pointer;
}
.border4 input{
	position:relative;
  border:4px solid #ddd;	
	margin-left:5px;
	margin-right:5px;	
	margin-top:8px;
  font-size:1em;	
} 
.rightColumn {
  position: relative;
  float:left;
  width:200px;
  top:5px;
  margin:5px;
	/*padding-right:5px;*/
	padding-top:5px;
	border-right:1px solid #ddd;	
}
html > body .rightColumn {
  width:auto;
}

.imageProdotto {
  position: relative;
  display:block;
  top:5px;
  margin:10px;
	padding:10px;
	width:200px;
}
html > body .imageProdotto {
  width:auto;
}
.prodPrezzoCarrello {
	z-index:2;
  position: relative;
  width:auto;
  margin:0px 5px 0 0 ;
	padding:5px;
}
.prezzoBig {
	text-align:right;
	margin-right:5px;
	width:auto;
  display:block;
  position: relative;
  font-size:1.4em;
  letter-spacing:-0.05em;
  color:#cc0000;  
}
.prezzoSmall{
	text-align:center;
	margin-right:5px;
	clear:left;
	width:auto;
  display:block;
  position: relative;
  font-size:0.85em;
  color:#990000;  
}

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


div#footerHP {
  position: relative;
  font-size: 0.7em;     
}

div#footerHP ul {
	display:none;
}


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


div#footer img {
	float:right;
  margin-top:5px;
  margin-bottom:5px;
  border:0;
}
div#w3c  {
	display:none;
}
div#w3c img  {
 	float:left;
  border:0;
  margin-top:25px;
}

div#footer ul {
	display:none;
}

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;
}


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

/*****************************************************************/
/*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 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; 	
}
.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:50px;
	color:#333;
	margin-bottom:20px;
	margin-left:200px;
} 


#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;
}
.testo {
  font-size:0.7em;
  color:#B17308;
}
.txtVerde {
  color:#0f7814;
  font-weight:bold;
}
.txtRosso {
  color:#cc0000 !important;
  font-weight:bold;  
}
.testoNero {
  font-size:0.7em !important;
  color:#333;
}

table {
	position:relative;
	margin-top:5px;
  font-size: 0.7em;
	width:590px;
	clear:both;
}
th {
	width:auto;
  background-color: #999;	
  color:#fff;
  font-weight:bold;
}
thead {
  font-weight:bold;
  text-align:center;
}
td {
	border-bottom:1px solid #ddd;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  /*width: 500px;*/ 
}
div#barraCart {
  display: none;	
}