@charset "utf-8";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	background: url(http://www.giordanovini.it/images/bg-body.jpg) repeat-x  #f1f4f6;
}
#topBackground{
	margin: 0;
	padding: 0;
	padding-top: 20px
} 
	

#bottomBackground{
	padding-bottom: 150px;
} 
#logo{
	margin-left: 4px	
}
	
#container {
	width: 755px;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin: 0 auto;
	position: relative;
} 

 #header {
	padding: 0 10px 0 0;
	height: 164px;
	position: relative;
	left: 0px;
/*	background:url(http://www.giordanovini.it/images/bg-testata.gif) no-repeat top right;*/
} 

#bannerTestata{
	width: 450px;
	height: 160px;
	position: absolute;
	top: 4px;
	right: 99px;
}
#mainMenu {
	background: #333;
	height: 32px;
	width: 738px;
	margin: 0 auto;
}

 #mainContent {
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 220px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	 min-height: 450px;
	 height: auto !important;
	 height: 450px
} 

/* regole specifiche per IE6 */ 
* html #mainContent{
	padding-left: 15px;
	margin-left: 210px;
}
* html #footer{
height: 105px;
}
/* FINE regole specifiche per IE6 */ 


 #footer {
clear: both;
background: url(immagini/footer.gif) top no-repeat;
height: 75px;

} 
* html #footer{

position: relative;
top: 70px;
}
 #footer p {
	margin: 0; 
	padding: 10px 0; 
	line-height: 110%
}
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 0px;
}
.relativePos {
	position:relative;
}

#copyright{
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size:x-small}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
form {
	margin: 0;
	padding: 0
}
p , ol{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:76%;
	color: #252525;
	line-height: 1.5em
}



/* ############ Stile Titoli ############*/
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	color: #990404;
	/*width: 100%;*/ 
	margin-top: 3px;
	/*border-bottom: 1px solid #990404;*/
	font-weight:bold;
	margin-bottom: 5px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #990404;
	letter-spacing: -1px;
	margin-top: 3px;
	/*border-bottom: 1px solid #990404;*/
	font-weight:normal;
	margin-bottom: 5px;
}
.redBg{
	background: url(http://www.giordanovini.it/images/bg-h3.gif) repeat-x;
	/*line-height: 130%;*/
	padding: 5px;
	margin-top: 5px;
	text-align: left
	
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	color: #333;
	margin:  0;
	font-weight:normal;
}
ul{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #252525;
}
a{
	color: #990404;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 96%;
}
a:hover{
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 96%;
/*	text-decoration: none;*/
}

.px12Grey{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	}	
.no-margin{
margin: 0;
padding: 0;
}
.tratteggioObliquo{
	width: 100%;
	height: 11px;
	background: url(http://www.giordanovini.it/images/tratteggio-obliquo.gif) repeat-x;
}
.tratteggioObliquoLogin{
	width: 100%;
	height: 11px;
	background: url(http://www.giordanovini.it/images/tratteggio-obliquo-login.gif) repeat-x;
}









#container{
		background:url(immagini/bg-container.gif) repeat-y
	}

/* ############ FINE Pannello Prodotti HOme page ############*/


	
#boxUtenti{
	padding: 7px;
	background:  #eeeff0 ;
	margin-bottom: 10px;
	background: url(http://www.giordanovini.it/images/bg-area-riservata-grad.gif) repeat-x top #eaded3;
	/*background: url(http://www.giordanovini.it/images/bg-area-riservata.gif) no-repeat 170px 15px #eeeff0;*/
	border: 1px solid #d4cac0;
	border-bottom: 3px solid #d4cac0;		
	position: relative;
	
}

#boxUtenti input{
	margin: 0pt 0pt 3px 4px;
	padding: 0;
	height: 18px;
	width: 120px;
	font-size: 12px;
}
#boxUtenti p{
font-size: 12px
}	
	

	


a.pulsanteCarrello, a.pulsanteCarrelloBack, a.pulsanteCarrello:hover,  a.pulsanteCarrelloBack:hover {
	text-decoration: none;
	font-size: 14px;
	float: right

	/*font-weight: bold;*/
	}


	
a.pulsanteCarrello {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.giordanovini.it/images/btnDreamGenericDx.gif) no-repeat scroll right top;
cursor:pointer;
display:inline;
float:right;
height:27px;
opacity:0.9;
width:auto;
}

a.pulsanteCarrello span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.giordanovini.it/images/btnDreamGenericSx.gif) no-repeat scroll left top;
color:#FFFFFF;
display:inline;
float:left;
font-weight:bold;
height:27px;
line-height:27px;
margin-right:20px;
padding-left:10px;
padding-right:10px;
}
.pulsanteCarrelloBack {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.giordanovini.it/images/btnDreamGenericDxBk.gif) no-repeat scroll left top;
cursor:pointer;
display:inline;
float:right;
height:27px;
opacity:0.9;
width:auto;
}


.pulsanteCarrelloBack span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.giordanovini.it/images/btnDreamGenericSxBk.gif) no-repeat scroll right top;
color:#ae0000;
display:inline;
float:left;
/*font-weight:bold;*/
height:27px;
line-height:27px;
margin-left:20px;
padding-left:10px;
padding-right:10px;
}
a.pulsanteCarrello span:hover {
	color: #ccc;

	}
a.pulsanteCarrelloBack:hover {
	color: #830000;
	}

.redBkg{
	background-color: #990404;
	color: #FFF;
	padding: 5px
	}
#formContainer{
text-align: left;
	width: 100%;
	margin: 10px  auto;
}
input {
	margin: 0; padding: 0}
.input135{
	width: 135px;
}
.select135{
	width: 139px;
}

.mainContentUtenti{
	width: 560px
}
.padding10px{
	padding: 5px 10px;
	}
	
.box543px-Right{
	clear: both;
	width: 543px;
	border-top: 1px solid #CCC; 
	text-align: left;
	margin-bottom: 1em;
}
.box250px-fllft{
	float: left; width: 250px;/* border-right: 1px dotted black; padding-left:20px;*/
}

.bordo {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background: #FFF;
}
.footerBox{
	float: left;
	border-right: 1px solid #c94444;
	width: 270px;
	height: 71px;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:76%;
	text-align: right;
	margin: 3px 10px;
	padding-right: 10px;
	
}
.footerBox h4{
	font-size:110%;
	font-weight: bold;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 5px 0 0;
	padding: 0
}
.footerBox p{
	font-size:84%;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 5px 0 0;
	padding: 0
}
#copyright {
	margin-top: 25px;
	clear: left
}

body {
		/*background-image:url(immagini/layout/bkg.jpg);
	background-repeat:repeat-x;
	background-color: #e9f5fc;*/
	margin:0;
	}
	
div#testata{
	position: relative;
	background-image:url(immagini/layout/bkg-head.jpg);
	height: 96px;
}
/*  sovrascrivo le impostazioni del sito */
div#mainContent {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20px;
	padding: 20px 15px 15px 0;
	/*background: url(immagini/layout/bkg-container.jpg) repeat-y;*/

} 
#formContainer{
	text-align: left;
	width: 100%;
	margin: 10px  auto;
}

*html div#bannerTestata {
	right: 8px;
	top: 4px;
}

/* fine */


.prodotto{
	border-bottom: 1px dotted #c6be99;
	position: relative;
min-height: 160px;
height: auto !important;
height: 160px;	/*background: url(immagini/bg-prodotto.jpg) top center no-repeat;*/
	padding-top: 5px;
}
.bgprodotto{
	background: url(immagini/bg-prodotto.jpg) top center no-repeat;
}
.contentLeft, .contentRight{ 
background-color:#fff;
width: 350px;
}
.contentLeft {
	float: left;
}
.contentRight {
	float: right;
}
.number{
	width: 50px;
	float: left;
	font-size: 76px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	/*	line-height: 50px;*/
	color: #DAD383;
	letter-spacing: -15px;
	padding-top: 0;
}	
.contentDesc{
	position: absolute;
	top: 5px;
	right: 0;
	width: 280px;
	height: 160px;
	/*float: right;
	width: 290px*/
}
.contentDesc h3{
 text-align: left	
}
.contentDesc p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}
.moreDetCont{
	padding: 3px;
	background: url(immagini/layout/bg-details.gif) repeat-y;
	clear: both;
	height: 25px;
	margin-bottom: 3px;
	position: absolute;
	bottom: 0;
	right: 0px;
	width: 250px
}


.boxGaranzie{
border-color:#C4C6C8;
border-style:solid;
border-width:1px 1px 3px;
margin:0 0 10px 0;
padding: 7px 7px 0 7px;
background:#EEEFF0;
}
.boxGaranzie p{
 font-size: 11px;
 line-height: 14px
 }
.boxGaranzie h3 {
	font-size: 90%;
	text-align: center;
}
.px10Grey{
	font-size: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;	
}

.boxGaranzie img{
float: right;
margin: 0 0 5px 5px;
}
	
div#contenitore {
	margin: auto;
	position:relative;
	padding-top:10px;
	width:1005px;
	padding-bottom:5px;
	background-position:top;
	background-repeat: repeat-x;
}
	


div#colonna-destra{
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 228px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */
	margin: 0;
	padding-top: 0;
	display: inline;  
	padding: 10px 10px 0 0;
}	

div#tel {
	position:absolute;
	top: 24px;
	right: -2px;
	width:156px;
	height:75px;
	font-weight:bold;
	color: #EBEBEB;
	}

div#tel p {
margin: 0 0 0 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
}
	
	
div.box-testo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:67%;
	font-weight:normal;
	margin: 0px 8px 0px 8px;
}

div.box-testo img
{
float: right	
}
div#title {
	width:767px;
	padding-top: 1em;
	margin:5px;
	position:relative;
	float:left;
	clear:left;
	background-image:url(immagini/layout/bkg-title.jpg);
	background-repeat:repeat-x;
	text-align:left;
	vertical-align:bottom;
	}
	
h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#4e4e4e;
	margin: 5px 0;
	}
h3{
	text-align: left

}
	
h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#4e4e4e;
	margin: 5px ;
}

div#offerta {
	width:766px;
	height: 300px;
	position:relative;
	top:10px;
	left: 10px;
	position:relative;
	background-color:#FFFFFF;
	background:url("immagini/confezione.jpg") no-repeat;
	}

.standard {
	margin-top: 5px;
	font-family:"Trebuchet MS", Verdana;
	font-size:12px;
	color:#333333;
}
* html .boxVinoRed,* html .boxVinoWhite, * html .boxVinoRose{
	width: 165px;
}
* html #riepilogoOrdine{
	width: 340px;
}
 
#riepilogoOrdine{
	font-family:Georgia, "Times New Roman", Times, serif;
	/*	font-size: 1.px;*/
	text-align:center;
	float: left;
	width: 348px;
	height: 170px;
	/*padding-bottom: 7px;*/
	background-color:#424242;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}	
#riepilogoOrdine h3{
	color: #FFF;
}
p {
	margin: 0 0 20px 0;
	line-height: 125%;
}

#formContainer{
 background-color:	#F9F5EA;
 }
form,form fieldset,form legend {
	margin:0px;
	padding:0px;
	border: none;
}
form legend {
display: none;
}
form label{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	color: #4E3120; 
}

#formContainer div {
	margin:5px 0;
/*	padding:0;*/
}
#formContainer label {
color:#4E3120;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
line-height:16px;
margin-right:10px;
margin-top:2px;
text-align:right;
width:130px;
}
.formColumn {
	width: 340px;
	float: left;
}
.formColumn2 {
	width: 340px;
	float: left;
}
#inviaOrdine {
	margin: 0 auto;
	text-align: center;
	width: 200px;
	height: 42px;
	background: url(immagini/layout/invia.gif);
}
#inviaOrdine a{
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 42px;
	text-decoration: none;
}
#inviaOrdine a:hover{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
hr{
	width: 100%;
	color: #f2e7c8;
	background-color: #f2e7c8;
	height: 1px;
}

div.numConf{
	text-align: left;
	background: url(immagini/bg-barra-breadcrumb.jpg) repeat-x;
	padding-left: 50px;
}
div.numConf p{
	line-height: 30px;
}

#boxUtenti h3{
	text-align: center;
}

#telefono{
position: absolute; top: 12px; right:15px; width: 225px; height: 150px; background: url(immagini/layout/telefono.png) no-repeat;
}
#internoTelefono{
	padding: 40px 5px 0 80px;
	}
#footer a{
	color: #FFF;
	font-size: 12px;
	}
	#footer a:visited{
	color: #FFF;
	font-size: 12px;
	}
#contatore{
	margin-top: 15px;
	width: 700px;
	height: 74px;
	background: url(immagini/bg-contatore.gif) no-repeat;
	position: relative
	}
.availability{
	width: 160px;
	height: 27px;
	position: absolute;
	bottom: 20px;
	left: 483px;
	margin: 5px;
	padding: 5px 20px 10px 10px;
	text-align:left
}
.quantity{
	width: 160px;
	height: 27px;
	background-color: #f6f6f6;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 5px;
	padding: 10px;
	text-align: left
}
.quantita{
	padding-top: 5px;
	padding-left: 5px;
	width: 49px;
	height: 26px;
	position:absolute;
	right: 6px;
	top:6px;
}
.quantita{
	padding-top: 5px;
	padding-left: 5px;
	width: 51px;
	height: 26px;
	position:absolute;
	left: 596px;
	top:12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.35em;
	font-size:28px;
}