/**** RESET ****/
html{color:#000;background:#1C0303;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/**** BASIC STYLE ****/
body {font-family:Tahoma, Arial, sans-serif;font-size:12px;color:#fff}
a:focus, img:focus{outline:none}
strong {font-weight:bold}
#layout {width:1024px;height:768px;margin:0 auto;position:relative;overflow:hidden}
#background {width:100%;height:100%;position:relative;overflow:hidden}
img#bg {position:absolute;top:0;left:0}
.text {margin:110px 0 0 40px;width:330px;font-family:Georgia;line-height:140%}
.text p, .info p {margin:10px 0}
h1 span, h2 span, h3 span {display:none}
#cntWrapper {position:absolute;top:0;width:315px;height:100%;background:#1C0303;opacity:0.9;filter:alpha(opacity=90);color:#fff}

/*** FOOTER ***/
#footer {position:absolute;bottom:0;width:100%;height:20px;padding-top:3px;background:#1C0303;font-size:11px;z-index:3000}
#footer span {color:#CD7900;text-transform:uppercase}
#footer a:link, #footer a:visited{color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}

/*** MENU ***/
#menu {position:absolute;top:0;height:100%;width:135px;background-color:#1C0303;opacity:0.9;filter:alpha(opacity=90);z-index:2000}
.closed {background:#1C0303 url('../img/shared/nav-label.gif') 122px 30% no-repeat;}
#logo {margin:144px 0 0 54px}
#menu ul {margin:16px 0 0 43px}
#menu ul li {display:inline} 
#menu ul li a {display:block;width:57px;height:11px;margin:8px 0}
#menu ul li a span {display:none}
#menu ul li#home a {background:url('../img/shared/menu-sprite.gif') top left no-repeat}
#menu ul li#home a:hover, #menu ul li#home a.active {background:url('../img/shared/menu-sprite.gif') 0 -11px no-repeat}
#menu ul li#ristorante a {background:url('../img/shared/menu-sprite.gif') 0 -22px no-repeat}
#menu ul li#ristorante a:hover, #menu ul li#ristorante a.active {background:url('../img/shared/menu-sprite.gif') 0 -33px no-repeat}
#menu ul li#chef a {background:url('../img/shared/menu-sprite.gif') 0 -44px no-repeat}
#menu ul li#chef a:hover, #menu ul li#chef a.active {background:url('../img/shared/menu-sprite.gif') 0 -55px no-repeat}
#menu ul li#sommelier a {background:url('../img/shared/menu-sprite.gif') 0 -66px no-repeat}
#menu ul li#sommelier a:hover, #menu ul li#sommelier a.active {background:url('../img/shared/menu-sprite.gif') 0 -77px no-repeat}
#menu ul li#dove a {background:url('../img/shared/menu-sprite.gif') 0 -88px no-repeat}
#menu ul li#dove a:hover, #menu ul li#dove a.active {background:url('../img/shared/menu-sprite.gif') 0 -99px no-repeat}

/** HP **/
#content {left:100%}
#table {position:absolute;bottom:0;z-index:40}
#bottom {position:absolute;bottom:0;width:352px;height:124px;background:url('../img/hp/bottom-bg.png') 0 0 no-repeat;z-index:2200}
#bottom div#lucastefano {margin:24px 0 0 9px;height:102px;width:132px;float:left;position:relative}
#bottom div#lucastefano img {position:absolute}
#bottom div#lucastefano img.on {display:none}
#bottom p {width:180px;height:70px;margin:30px 0 0 8px;float:left;font-family:"Arial Narrow", "Arial Black", Arial, sans-serif;font-size:12px}
#bottom p.vcf {margin-top:50px}
#bottom p a:link, #bottom p a:visited {color:#fff;text-decoration:underline}
#bottom span.opening {display:block;font-weight:bold;color:#CD7900;padding-top:8px}

/**CHEF**/
h1.chef {width:40px;height:13px;background:url('../img/chef/lo_chef.gif') top left no-repeat;}
h2.chef {width:177px;height:66px;background:url('../img/chef/subtitle.gif') top left no-repeat;margin:10px 0}
h3.chef {width:130px;height:15px;background:url('../img/chef/name.gif') top left no-repeat;margin:10px 0}

/**RISTORANTE**/
h1.ristorante {width:68px;height:11px;background:url('../img/rist/title.gif') top left no-repeat;}
h2.ristorante {width:301px;height:36px;background:url('../img/rist/subtitle.gif') top left no-repeat;margin:10px 0}

/**SOMMELIER**/
h1.sommelier {width:65px;height:11px;background:url('../img/sommelier/title.gif') top left no-repeat;}
h2.sommelier {width:287px;height:66px;background:url('../img/sommelier/subtitle.gif') top left no-repeat;margin:10px 0}
h3.sommelier {width:109px;height:15px;background:url('../img/sommelier/name.gif') top left no-repeat;margin:10px 0}

/**DOVE SIAMO**/
.map {position:relative;overflow:hidden}
img#map {position:absolute;}
div.dovesiamo {background:#351C1C;height:260px;padding:25px}
h1.dove {width:56px;height:11px;background:url('../img/dove/title.gif') top left no-repeat;}
h2.dove {width:229px;height:55px;background:url('../img/dove/address.gif') top left no-repeat;margin:20px 0}
.dovesiamo div.head {float:left;width:250px;height:210px}
.dovesiamo div.head a:link, .dovesiamo div.head a:visited {margin-top:20px;color:#7F6542;font-weight:bold;font-size:11px;text-decoration:none}
.dovesiamo div.info {font-family:Georgia;font-size:11px;width:auto}
.dovesiamo div.info p {margin:0}

/*** GALLERIES ***/
a.openGallery {margin-top:20px;color:#7F6542;font-weight:bold;cursor:pointer}
a.closeGallery {display:block;width:43px;height:19px;float:right;background:url('../img/shared/closeGallery.gif');cursor:pointer}
div#gallery {position:absolute;top:0;height:100%;overflow:hidden}
#ImageContainer {position:relative;z-index:50}
#ImageContainer img {position:absolute;top:0;left:0;display:none}
.hoverContainer {position:absolute;bottom:23px;background:#1f0606;width:100%;height:33px;z-index:1000;opacity:0;filter:alpha(opacity=0);}
.hoverContainer div {height:100%;position:relative;width:49%;cursor:pointer;}
.hoverContainer div.next { float:right }
.hoverContainer div.next img {position:absolute;top:2px;right:5px;}
.hoverContainer div.previous img {position:absolute;top:2px;left:5px;}
.hoverContainer div.previous span {position:absolute !important;top:45%;left:10px;display:none}
.hoverContainer div.next span {position:absolute !important;top:45%;right:10px;display:none}