/* ------------------------------------- GENERALI ----------------------------------- */

html, body {
margin: 0;
padding: 0;
}

body {
background: #ff6600;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #fff;
text-align: center;
}

#container {
width: 900px;
margin: 0 auto;
}

#fregio_giu a, #hp_0 #fregio_giu {
background: url(../img/fregio_giu.gif) bottom no-repeat;
width: 860px;
height: 27px;
margin: 0 auto 50px auto;
display: block;
clear: both;
text-indent: -9000px;
}

a {
border: none;
text-decoration: none;
cursor: pointer;
color: #000;
}

a:focus {
outline: none;
}

a:hover {
color: #ffcaa6;
}

a img {
border: none;
}

#logo a {
display: block;
width: 260px;
height: 147px;
margin: 16px auto 0 auto;
background: url(../img/logo.gif) no-repeat;
text-indent: -9000px;
}

#logo a:hover, #fregio_giu a:hover {
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}

#wine {
width: 140px;
height: 6px;
margin: 19px auto 0 auto;
background: url(../img/wine_bar.gif) no-repeat;
text-indent: -9000px;
}

#fregio_su {
width: 20px;
height: 11px;
margin: 10px auto 0 auto;
background: url(../img/fregio_su.gif) no-repeat;
}

#indirizzo {
width: 563px;
height: 18px;
margin: 10px auto 0 auto;
background: url(../img/indirizzo.gif) no-repeat;
text-indent: -9000px;
}

#content {
padding: 0 20px;
text-align: left;
line-height: 150%;
}

h1 {
text-indent: -9000px;
height: 52px;
width: 860px;
display: block;
margin: 20px 0;
clear: both;
}

h2 {
text-transform: uppercase;
font-size: 13px;
display: inline;
}

.sx {
float: left;
margin-right: 25px;
}

.txt {
float: right;
width: 495px;
padding-bottom: 30px;
}

#gallery {
height: 49px;
width: 860px;
display: block;
margin: 20px 0;
background: #ff9045;
text-align: center;
}

/*
#gallery a input {
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}
*/

#gallery a:hover input {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


a input.galleryPic {
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}


a input.galleryPic2 {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* ------------------------------------- FINE GENERALI ----------------------------------- */

/* ------------------------------------- MENU ----------------------------------- */

#menu {
height: 55px;
width: 578px;
margin: 0 auto;
display: block;
}
#menu[id]{
width: 543px;
}

#menu div {
float: left;
margin: 0 18px;
text-indent: -9000px;
}

#menu_chi_sono a {
width: 39px;
height: 55px;
background: url(../img/menu_chi_sono.gif);
display: block;
}

#menu_chi_sono a:hover {
width: 77px;
height: 102px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/menu_chi_sono_over.png');
background: transparent;
margin: -47px -17px 0 -21px;
position: relative;
}
#menu_chi_sono[id] a:hover {
background: url(../img/menu_chi_sono_over.png);
}

#menu_barucci a {
width: 44px;
height: 55px;
background: url(../img/menu_barucci.gif);
display: block;
}

#menu_barucci a:hover {
width: 88px;
height: 74px;
background: url(../img/menu_barucci_over.gif);
margin: -19px -23px 0 -21px;
position: relative;
}

#menu_vini_cibi a {
width: 35px;
height: 55px;
background: url(../img/menu_vini_cibi.gif);
display: block;
}

#menu_vini_cibi a:hover {
width: 74px;
height: 107px;
background: url(../img/menu_vini_cibi_over.gif);
margin: -52px -21px 0 -18px;
position: relative;
}

#menu_volpaia a {
width: 44px;
height: 55px;
background: url(../img/menu_volpaia.gif);
display: block;
}

#menu_volpaia a:hover {
width: 104px;
height: 83px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/menu_volpaia_over.png');
background: transparent;
margin: -28px -29px 0 -31px;
position: relative;
}
#menu_volpaia[id] a:hover {
background: url(../img/menu_volpaia_over.png);
}

#menu_dove a {
width: 45px;
height: 55px;
background: url(../img/menu_dove.gif);
display: block;
}

#menu_dove a:hover {
width: 88px;
height: 73px;
background: url(../img/menu_dove_over.gif);
margin: -18px -25px 0 -18px;
position: relative;
}

#menu_link a {
width: 41px;
height: 55px;
background: url(../img/menu_link.gif);
display: block;
}

#menu_link a:hover {
width: 78px;
height: 103px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/menu_link_over.png');
background: transparent;
margin: -48px -22px 0 -15px;
position: relative;
}
#menu_link[id] a:hover {
background: url(../img/menu_link_over.png);
}

#menu_contatti a {
width: 43px;
height: 55px;
background: url(../img/menu_contatti.gif);
display: block;
}

#menu_contatti a:hover {
width: 69px;
height: 103px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/menu_contatti_over.png');
background: transparent;
margin: -48px -14px 0 -12px;
position: relative;
}
#menu_contatti[id] a:hover {
background: url(../img/menu_contatti_over.png);
}

/* ------------------------------------- FINE MENU ----------------------------------- */

/* ------------------------------------- HP ----------------------------------- */

#hp #container, #hp_0 #container {
height: 600px;
position: absolute;
left: 50%;
top: 50%;
margin: -300px -450px;
background: none;
padding-bottom: 0;
}

#hp #logo {
width: 372px;
height: 254px;
margin: 36px auto 0 auto;
background: url(../img/logo_hp.gif) no-repeat;
text-indent: -9000px;
}

#lang {
width: 290px;
height: 75px;
margin: 39px auto 0 auto;
text-indent: -9000px;
}

#ita a {
float: left;
background: url(../img/lang_ita.gif) bottom no-repeat;
width: 136px;
height: 95px;
}

#ita a:hover {
background: url(../img/lang_ita.gif) top no-repeat;
width: 136px;
height: 95px;
}

#eng a {
background: url(../img/lang_eng.gif) bottom no-repeat;
width: 131px;
height: 95px;
float: left;
margin-left: 23px;
}

#eng a:hover {
background: url(../img/lang_eng.gif) top no-repeat;
width: 131px;
height: 95px;
}

#mail a {
width: 350px;
height: 10px;
margin: 60px auto 0 auto;
background: url(../img/mail.gif) bottom no-repeat;
display: block;
line-height: 0;
text-indent: -9000px;
}

#mail a:hover {
width: 350px;
height: 10px;
background: url(../img/mail.gif) top no-repeat;
}

#hp #indirizzo {
width: 649px;
height: 12px;
margin: 47px auto 0 auto;
background: url(../img/indirizzo_hp.gif) no-repeat;
text-indent: -9000px;
}

#hp #chiusura {
width: 332px;
height: 22px;
margin: 12px auto 0 auto;
background: url(../img/chiusura_hp.gif) no-repeat;
text-indent: -9000px;
}

/* ------------------------------------- FINE HP ----------------------------------- */

/* ------------------------------------- BENVENUTI ----------------------------------- */

#benvenuti {
width: 531px;
height: 172px;
margin: 39px auto 0 auto;
}

#chiusura {
width: 284px;
height: 22px;
margin: 60px auto 0 auto;
background: url(../img/chiusura.gif) no-repeat;
text-indent: -9000px;
}

#hp_0 #fregio_giu {
margin-top: 30px;
}

/* ------------------------------------- FINE BENVENUTI ----------------------------------- */

/* ------------------------------------- CHI SONO ----------------------------------- */

#chi_sono h1 {
background: url(../img/tit_chi_sono.gif) bottom no-repeat;
}

/* ------------------------------------- FINE CHI SONO ----------------------------------- */

/* ------------------------------------- BARUCCI ----------------------------------- */

#barucci h1 {
background: url(../img/tit_barucci.gif) bottom no-repeat;
}


/* ------------------------------------- FINE BARUCCI ----------------------------------- */

/* ------------------------------------- VINI E CIBI ----------------------------------- */


#vini_cibi h1#uno {
background: url(../img/tit_vini.gif) bottom no-repeat;
}

#vini_cibi h1#due {
background: url(../img/tit_cibi.gif) bottom no-repeat;
}

.voci {
margin-top: 10px;
}

/* ------------------------------------- FINE VINI E CIBI ----------------------------------- */

/* ------------------------------------- VOLPAIA ----------------------------------- */

#volpaia h1 {
background: url(../img/tit_volpaia.gif) bottom no-repeat;
}

div#di_piu {
text-indent: 0;
}

/* ------------------------------------- FINE VOLPAIA ----------------------------------- */

/* ------------------------------------- DOVE ----------------------------------- */

#dove h1#uno {
background: url(../img/tit_dove.gif) bottom no-repeat;
}

#dove h1#due {
background: url(../img/tit_mappa.gif) bottom no-repeat;
}

#map {
width: 750px;
height: 560px;
background: #fff;
display: block;
float: right;
margin: 30px 0;
}

#comandi_mappa {
margin-left: 111px;
}

#ibrida a, #mappa a, #ibridaOn, #mappaOn, #googlemaps a {
text-align: left;
float: left;
padding: 7px;
display: block;
}

#ibrida a, #mappa a, #googlemaps a {
background: #fff;
color: #ff6600;
}

#ibrida a:hover, #mappa a:hover, #googlemaps a:hover {
background: #ff6600;
color: #fff;
}

#ibridaOn, #mappaOn, #ibridaOn a, #mappaOn a, #ibridaOn a:hover, #mappaOn a:hover {
color: #ffe1cd;
background: #ffb27f;
cursor: default;
}

#googlemaps a {
float: right;
}

#zoom {
float: left;
margin-top: 30px;
}

#zoom_in a {
width: 49px;
height: 155px;
display: block;
background: url(../img/map_zoom_in.gif) top;
text-decoration: none;
text-indent: -9000px;
}

#zoom_in a:hover {
background: url(../img/map_zoom_in.gif) bottom;
}

#zoom_out a {
width: 49px;
height: 79px;
display: block;
background: url(../img/map_zoom_out.gif) top;
text-decoration: none;
text-indent: -9000px;
}

#zoom_out a:hover {
background: url(../img/map_zoom_out.gif) bottom;
}


/* ------------------------------------- FINE DOVE ----------------------------------- */

/* ------------------------------------- LINK ----------------------------------- */

#link #content {
text-align: center;
}

#link h1 {
background: url(../img/tit_link.gif) bottom no-repeat;
}

.link {
display: inline-block;
margin: 16px;
vertical-align: middle;
}

.link:hover {
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}

/* ------------------------------------- FINE LINK ----------------------------------- */
