/* CSS Document */
body {
margin:0px;
padding: 0px;
background-image:url(../images/bkg_page.jpg);
background-position:center top;
background-repeat:no-repeat;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}
.clear {
clear:both;
}
h3 {
line-height:30px;
color:#FFFFFF;
font-size:18px;
text-align:left;
}

h4{
padding: 0px 0px 0px 0px;
color:#006B25;
font-size:14px;
text-align:left;
}

a:link, a:visited {
color:#666666;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:active{
color:#FF6600;
font-weight:bold;
text-decoration:none;
}


/* ------------------------------------------------------------- */
#wrapper {
margin: 0 auto;
width:1000px;
}

#flash {
height: 414px;
}

 #content {
 border-left: 1px solid #333333;
 border-right: 1px solid #333333;
 border-bottom: 1px solid #333333;
 margin-bottom: 10px;
  }
 
#container{
height: 140px;
margin: 0px;
padding: 0px 0px 0px 27px;
}
.quadrati {
margin: 0px;
padding-right:5px;
border:0px;
float:left;
}

#colsx {
width:215px;
min-height:300px;
margin: 0px;
padding: 0px 28px 0px 52px;
background-image:url(../images/bkg_colsx.gif);
background-position:left top;
background-repeat:no-repeat;
text-align:left;
float:left;
}

#colcx {
width:354px;
margin: 0px;
padding: 0px 28px 0px 28px;
background-image:url(../images/bkg_colcx.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
}
 #colcx img {
 float:left;
 margin: 0px;
 padding: 0px 20px 0px 0px;
  }

#coldx {
width:213px;
margin: 0px;
padding: 0px 52px 0px 28px;
background-image:url(../images/bkg_coldx.gif);
background-position:left top;
background-repeat:no-repeat;
text-align:left;
float:left;
}

.pixdecor {
text-align:right;
 float:right;
 margin: 0px;
 padding: 0px 0px 0px 20px;
  }
#footer {
height: 120px;
margin: 30px 0px 0px 0px;
padding: 0px 35px 0px 35px;
background-image:url(../images/bkg_footer.gif);
background-position:left top;
background-repeat:repeat-x;
}

.email {
margin: 0px;
padding: 0px;
border: 0px;
float:left;
}

.recapiti {
width:750px;
padding-top:10px;
text-align:right;
float:left;
}

.lang {
width:850px;
padding-top:10px;
text-align:right;
float:left;
}

/* -------------- PRODOTTI ------------------------*/
#prodotti {
width:703px;
margin: 0px;
padding: 0px;
background-image:url(../images/bkg_prodotti.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
}

#prodotti img {
 float:left;
 margin: 0px;
 padding: 0px;
 border: 0px;
}
 #prodotti p {
margin: 0px 50px 0px 285px;
}

#prodotti ul, #prodotti li{
list-style-type:disc;
padding:0px;
margin: 0px 0px 0px 150px;
}


#prodotti h3 {
line-height:30px;
color:#FFFFFF;
font-size:18px;
text-align:left;
padding-left: 28px;
}

#prodotti h4{
padding: 0px 0px 0px 0px;
color:#006B25;
font-size:14px;
text-align:left;
padding-left: 285px;
}

/* ------------- CATALOGO bottiglie---------------*/

#bottiglie {
width:703px;
margin: 0px;
padding: 0px;
background-image:url(../images/bkg_prodotti.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
}

#bottiglie h3 {
line-height:30px;
color:#FFFFFF;
font-size:18px;
text-align:left;
padding-left: 28px;
}

#vert {
border-right: 1px solid #c2c2c2;
}

.box{
width:340px;
min-height:210px;
float:left;
border-bottom: 1px #CCCCCC dotted;
margin-bottom:5px;
padding-bottom:5px;
}

.box img {
margin: 0px;
padding: 0px;
border: 0px;
float:left;
}

.box p {
margin: 0px 20px 0px 135px;
}

.box h4 {
margin: 0px 0px 0px 135px;
}

/* ----------- POPUP IMAGES ------------ */
/*#pic {
	position: relative;
	float:left;
		}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	display: block;
	text-decoration: none;
	top: 0;
	width: 135px;
	position: absolute;
	z-index: 0;
}
.p1 {
position: absolute;
	z-index: 0;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
	position: absolute;
	z-index: 0;
}

#pic a.p1:hover .large {
	border: 5px solid #ffffff;
	display: block;
	top: -60px;
	left: 15px;
	width: 300px;
	height: 400px;
	position: absolute;
	z-index: 10;    
}

small {
color:#666666;
}
*/
/**/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
border: 7px solid #E4DCC6;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -135px; /*position where enlarged image should offset horizontally */

}