/* ------------------------------------- GENERALI ----------------------------------- */

html, body {
margin: 0;
padding: 0;
}

body {
background: url(../img/bg_pag_int.gif) center no-repeat fixed #f9efe0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

#container {
width: 900px;
height: 650px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -325px -450px;
}

a {
border: none;
text-decoration: none;
}

a:focus {
outline: none;
}

#container {
background: transparent/;
text-align: right;
}

#txt {
padding-left: 30px;
height: 534px;
}

#head {
width: 900px;
height: 39px;
display: block;
text-indent: -9000px;
text-align: center;
margin-bottom: 9px;
}

#pagina {
background: #fbfbfd url(../img/bg_dentro.jpg) bottom no-repeat;
height: 602px;
z-index: 90;
}

#hp #pagina, #contatti #pagina, #volpaia #pagina, #vini #pagina, #ristorante #pagina {
background: #fbfbfd url(../img/bg_dentro_hp.jpg) bottom no-repeat;
}

#logo a {
width: 237px;
height: 159px;
display: block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/logo.png');
text-indent: -9000px;
text-align: center;
float: left;
margin-left: -15px;
margin-top: -105px;
z-index: 100;
position: relative;
}
#logo[id] a {
margin-left: -30px;
background: url(../img/logo.png);
}

#logo a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/logo_over.png');
cursor: pointer;
}
#logo[id] a:hover {
background: url(../img/logo_over.png);
}

#sotto {
display: block;
height: 9px;
}

/* ------------------------------------- FINE GENERALI ----------------------------------- */

/* ------------------------------------- MENU NAV ----------------------------------- */

#menu_nav {
height: 37px;
margin: 0 0 22px 250px; 
position: relative;
}

#menu_nav div {
float: left;
text-indent: -9000px;
text-align: left;
margin-top: 10px;
}

#menu_home a,
#menu_home.sel {
width: 60px;
height: 27px;
display: block;
background: url(../img/menu_home.gif);
}

#menu_home.sel {
background-position: 0 -27px;
}

#menu_home a:hover {
background: url(../img/menu_home.gif);
}

#menu_chi_siamo a,
#menu_chi_siamo.sel {
width: 84px;
height: 27px;
display: block;
background: url(../img/menu_chi_siamo.gif);
}

#menu_chi_siamo.sel {
background-position: 0 -27px;
}

#menu_chi_siamo a:hover {
background: url(../img/menu_chi_siamo.gif);
}

#menu_ristorante a,
#menu_ristorante.sel {
width: 86px;
height: 27px;
display: block;
background: url(../img/menu_ristorante.gif);
}

#menu_ristorante.sel {
background-position: 0 -27px;
}

#menu_ristorante a:hover {
background: url(../img/menu_ristorante.gif);
}

#menu_menu a,
#menu_menu.sel {
width: 67px;
height: 27px;
display: block;
background: url(../img/menu_menu.gif);
}

#menu_menu.sel {
background-position: 0 -27px;
}

#menu_menu a:hover {
background: url(../img/menu_menu.gif);
}

#menu_vini a,
#menu_vini.sel {
width: 107px;
height: 27px;
display: block;
background: url(../img/menu_vini.gif);
}

#menu_vini.sel {
background-position: 0 -27px;
}

#menu_vini a:hover {
background: url(../img/menu_vini.gif);
}

#menu_volpaia a,
#menu_volpaia.sel {
width: 64px;
height: 27px;
display: block;
background: url(../img/menu_volpaia.gif);
}

#menu_volpaia.sel {
background-position: 0 -27px;
}

#menu_volpaia a:hover {
background: url(../img/menu_volpaia.gif);
}

#menu_arrivare a,
#menu_arrivare.sel {
width: 96px;
height: 27px;
display: block;
background: url(../img/menu_arrivare.gif);
}

#menu_arrivare.sel {
background-position: 0 -27px;
}

#menu_arrivare a:hover {
background: url(../img/menu_arrivare.gif);
}

#menu_contatti a,
#menu_contatti.sel {
width: 68px;
height: 27px;
display: block;
background: url(../img/menu_contatti.gif);
}

#menu_contatti.sel {
background-position: 0 -27px;
}

#menu_contatti a:hover {
background: url(../img/menu_contatti.gif);
}

/* ------------------------------------- FINE MENU NAV ----------------------------------- */

/* ------------------------------------- GALLERY ----------------------------------- */

#galleryOut {
width: 426px;
height: 513px;
float: right;
margin: 0 20px 0 31px;
display: block;
}

#gallery {
float: left;
}

#thumb {
width: 76px;
float: left;
margin-top: -3px;
}

#thumb a input {
border: none;
}

.img_big {
float: right;
margin-left: 10px;
}

a input.galleryPic {
padding: 3px;
background: transparent;
}

a input.galleryPic2 {
padding: 3px;
}

a input.galleryPic:focus {
outline: none;
}
/* ------------------------------------- FINE GALLERY ----------------------------------- */

/* ------------------------------------- LINGUA ----------------------------------- */

body#lingua {
background: url(../img/bg.gif) center no-repeat fixed #f9efe0;
}

#lingua #container {
background: url(../img/bg_lingua.jpg);
text-indent: -9000px;
text-align: center;
}

#ita a {
width: 138px;
height: 35px;
display: block;
margin-top: 270px;
margin-left: 575px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/lang_ita.png');
}
#ita[id] a {
background: url(../img/lang_ita.png);
}

#ita a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/lang_ita_over.png');
cursor: pointer;
}
#ita[id] a:hover {
background: url(../img/lang_ita_over.png);
}

#eng a {
width: 129px;
height: 38px;
display: block;
margin-left: 575px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/lang_eng.png');
cursor: pointer;
}
#eng[id] a {
background: url(../img/lang_eng.png);
}

#eng a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/lang_eng_over.png');
}
#eng[id] a:hover {
background: url(../img/lang_eng_over.png);
}

#indirizzo {
width: 558px;
height: 21px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/indirizzo.png');
display: block;
margin: 182px auto 0 auto;
}
#indirizzo[id]{
background: url(../img/indirizzo.png);
}

#tel {
width: 356px;
height: 22px;
display: block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/tel.png');
margin: 3px 16px 0 76px;
float: left;
}
#tel[id]{
margin: 3px 16px 0 151px;
background: url(../img/tel.png);
}

#mail a {
width: 213px;
height: 23px;
display: block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/mail.png');
margin-top: 3px;
margin-bottom: 3px;
float: left;
cursor: pointer;
}
#mail[id] a {
background: url(../img/mail.png);
}

#mail a:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/mail_over.png');
}
#mail[id] a:hover {
background: url(../img/mail_over.png);
}

#chiusura {
width: 316px;
height: 62px;
display: block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/chiusura.png');
margin: 0 auto;
clear: both;
}
#chiusura[id]{
background: url(../img/chiusura.png);
}

/* ------------------------------------- FINE LINGUA ----------------------------------- */

/* ------------------------------------- HP ----------------------------------- */

#hp {
color: #4b547a;
}

#hp #head {
background: url(../img/hp_top.gif);
}

#hp #txt {
padding-right: 20px;
}

/* ------------------------------------- FINE HP ----------------------------------- */

/* ------------------------------------- CHI SIAMO ----------------------------------- */

#chi_siamo {
color: #1c3f20;
}

#chi_siamo #head {
background: url(../img/chi_siamo_top.gif);
}

#chi_siamo #sotto, #chi_siamo a:hover input.galleryPic, #chi_siamo a input.galleryPic2  {
background: #ad3838;
}


/* ------------------------------------- FINE CHI SIAMO ----------------------------------- */

/* ------------------------------------- RISTORANTE ----------------------------------- */

#ristorante {
color: #892730;
}

#ristorante #head {
background: url(../img/ristorante_top.gif);
}

#ristorante #sotto, #ristorante a:hover input.galleryPic, #ristorante a input.galleryPic2 {
background: #d6aa49;
}

/* ------------------------------------- FINE RISTORANTE ----------------------------------- */

/* ------------------------------------- MENU ----------------------------------- */

#menu {
color: #63483e;
}

#menu #head {
background: url(../img/menu_top.gif);
}

#menu #sotto, #menu a:hover input.galleryPic, #menu a input.galleryPic2 {
background: #5d8c73;
}

/* ------------------------------------- FINE MENU ----------------------------------- */

/* ------------------------------------- VINI ----------------------------------- */

#vini {
color: #905e36;
}

#vini #head {
background: url(../img/vini_top.gif);
}

#vini #sotto {
background: #5ba0ce;
}

#vini a {
color: #ed8b69;
}

#vini a:hover {
color: #5ba0ce;
}

/* ------------------------------------- FINE VINI ----------------------------------- */

/* ------------------------------------- VOLPAIA ----------------------------------- */

#volpaia {
color: #49439b;
}

#volpaia #head {
background: url(../img/volpaia_top.gif);
}

#volpaia #sotto, #volpaia a:hover input.galleryPic, #volpaia a input.galleryPic2 {
background: #d66b4d;
}

#volpaia a {
color: #62896A;
}

#volpaia a:hover {
color: #d66b4d;
}

h2 {
margin: 0;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
}

p {
margin: 0 0 30px 0;
}

/* ------------------------------------- FINE VOLPAIA ----------------------------------- */

/* ------------------------------------- ARRIVARE ----------------------------------- */

#arrivare {
color: #8e2825;
}

#arrivare #head {
background: url(../img/arrivare_top.gif);
}

#arrivare #sotto {
background: #8da15c;
}

#cartina {
width: 489px;
height: 510px;
float: right;
margin-left: 20px;
display: block;
margin-right: 10px;
} 
#cartina[id]{
margin-right: 20px;
}

#map {
width: 445px;
height: 470px;
background: #fff;
display: block;
float: left;
border: 5px solid #8da15c;
}

#comandi_mappa {
width: 455px;
float: left;
}

#ibrida a, #mappa a, #ibridaOn, #mappaOn, #googlemaps a {
text-align: left;
float: left;
padding: 7px;
display: block;
}

#ibrida a, #mappa a, #googlemaps a {
color: #809254;
}

#ibrida a:hover, #mappa a:hover, #googlemaps a:hover {
background: #8da15c;
color: #fff;
}

#ibridaOn, #mappaOn, #ibridaOn a, #mappaOn a, #ibridaOn a:hover, #mappaOn a:hover {
color: #b6d076;
background: #8da15c;
cursor: default;
}

#googlemaps a {
float: right;
display: block;
}

#zoom {
float: left;
margin-top: 54px;
text-indent: -9000px;
text-align: left;
width: 34px;
height: 74px;
background: #8da15c url(../img/zoom.gif) 0 59px no-repeat;
}

#zoom_in a {
width: 34px;
height: 30px;
display: block;
background: url(../img/map_zoom_in.gif) top;
text-decoration: none;
}

#zoom_in a:hover {
background: url(../img/map_zoom_in.gif) bottom;
}

#zoom_out a {
width: 34px;
height: 23px;
display: block;
background: url(../img/map_zoom_out.gif) top;
text-decoration: none;
}

#zoom_out a:hover {
background: url(../img/map_zoom_out.gif) bottom;
}

/* ------------------------------------- FINE ARRIVARE ----------------------------------- */

/* ------------------------------------- CONTATTI ----------------------------------- */

#contatti {
color: #9e7a6f;
}

#contatti #head {
background: url(../img/contatti_top.gif);
}

#contatti #sotto {
background: #67bfd3;
}

#contatti a {
color: #67bfd3;
}

#contatti a:hover {
color: #858b8c;
}

.dx {
float: right;
margin: 0 20px 0 31px;
}

/* ------------------------------------- FINE CONTATTI ----------------------------------- */