@charset "utf-8";
/* CSS Document */
html, body{ text-align:center; background-color:#6ec9ee; padding:0; height:100%}
body{font-family: Verdana, Helvetica, arial, sans-serif; font-size: 80%; color:#000033}
a{ color:#000033; text-decoration:none}
a:hover{ color:#000033; font-weight:bold; text-decoration:underline}
div#container{ margin:0 auto; width: 980px; height: auto; border: #000066 solid 1px; background:#FFFFFF}
div#header{ text-align:center; background-image:url(Immagini/greca.png); background-position:bottom; background-repeat:repeat-x; background-color:#FFFFFF; height:134px; padding:1.5em; border-bottom: #000066 solid 3px}
div#content{ height: auto; padding:1.0em; display:block}
div#content_home{ height: auto; text-align:left; margin: 0 auto; background:#6ec9ee}
div#footer{ background-color:#FFFFFF;  border-top: #000066 solid 3px; font-size:10px; margin-bottom:0; position:relative; text-align:center; width: 980px; margin: 0 auto}
div#sx{ width:200px; left:1.0em; float:left}
div#dx{ width:200px; right:1.0em; float:right}
div#menu{ width:70%; right:1.0em; float:right}
div#lista{ width:230px; left:1.0em; float:left; border-right: #000066 solid 1px; min-height:400px; text-align:center}
div#csx{ width:220px; float:left; left:25px; position:relative;}
div#cdx{ width:220px; float: right; right:25px; position:relative}
div#ingrandimento{ padding:2.5em; text-align:center;}
div#descrizione{ color:#000066; text-align:center; width:500px; margin:0 auto; background:url(Immagini/ristorante/miniature/sfondodescrizione.png) no-repeat; padding:0 5px 18px 0 }
div#nav{ border: #000066 solid 3px; border-top:0; text-align:center; width:500px; background-color:#dfe5e6}
div#miniaturesx{ width:210px; left:1.0em; top:120px; position:relative; float:left; vertical-align:middle}
div#miniaturedx{ width:210px; right:1.0em; top:120px; position:relative; float: right; vertical-align:middle}
div#pizze{ background:url(Immagini/pizza.png) no-repeat top right}
table#sfondo{background:url(Immagini/sfondo.jpg) no-repeat bottom; text-align:center; min-height:100%}
tr.bordo{ border-bottom:#000066 solid 1px}
#header ul,#header li{margin: 0;padding: 0;list-style: none}
#header ul{width: 510px;height: 40px; margin: 0 auto}
#header li{float:left;padding: 0 1px}
#header a{float: left;width: 100px;line-height: 40px; background:url(Immagini/pulsanti.png) top left; text-decoration: none;color:#ffffff}
#header a:hover,#header li.active a{background-position: 0 -40px; color:#000066}
#header li.active{font-weight:bold} 
h2{ text-align:center; font-weight:bold; font-size:100%; text-transform: uppercase; color:#000066}
h3{text-align:center; font-weight:bold; color:#000066; font-size:100%}
h4{font-weight:bold; font-size:100%; text-transform: uppercase; color:#000066}
p.storia{ text-align:justify}
p.foto{ text-align: center; margin:0 auto 5px 0; position:relative}
img.bordo{ background:url(Immagini/ristorante/miniature/sfondoimg.png) no-repeat; padding:12px 12px 50px 12px}
img.bordo_v{ background:url(Immagini/ristorante/miniature/sfondoimg_v.png) no-repeat; padding:12px 12px 50px 12px}
img.miniature{ background: url(Immagini/ristorante/miniature/sfondomin.png) no-repeat; padding: 5px 5px 15px 5px}
iframe.bordo{background:url(Immagini/ristorante/miniature/sfondoimg.png) no-repeat; padding:12px 12px 50px 12px}
.mainDiv{width:160px;}
.topItem{width:160px;height:22px;cursor:pointer;background:#000066;text-decoration: none;color: white; font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.dropMenu{border-top:1px solid #000066;border-left:1px solid #000066;border-right:1px solid #000066;border-bottom:1px solid #000066;}
.subMenu{display:none;}
.subItem{padding-left:5px;cursor:pointer;font-weight:bold;text-decoration:none;color:black;}
.subItem a{color:#000066; text-decoration:none}
.subItemOver{cursor:pointer;color:blue;text-decoration:underline;font-weight:bold;padding-left:5px;}
.subItemOver  a{color:#000066; font-weight:bold; text-decoration:underline}
.drop{border-left:1px solid black;border-right:1px solid black;}