@charset "UTF-8";
/* CSS Document */

body {margin:0; padding: 0; font-family:Arial, Helvetica, sans-serif; background-color: #111111 ;}
hr { display:none;}
p { font-size:80%; margin: 5px 0 0 0; color:#FFFFFF;}
h2 { font-size: 200%; color: #FFFFFF; padding:0; margin: 5px 0 15px 0;}
.rosso { color: #990000; font-weight: bold;}
a {color: #FFFFFF;}
a:hover { color: #990000;}

/*invio*/
h4 { color: #990000; font-size: 80%; }

/*INTRO*/
#musica {position:absolute; z-index:1; overflow: hidden; visibility: hidden;}

#pagina {width: 900px; margin: 0 auto 0 auto; padding:0 0 100px 0; overflow: hidden; background-color:#000000; background-image:url(immagini/footer.jpg); background-position:bottom; background-repeat:no-repeat;}
#testata { width: 900px; height:141px; margin: 0 0 0 0; padding:0; float:left; background-image:url(immagini/sfondotestata.jpg);}

#logogallonero { height: 141px; width: 152px; background-image:url(immagini/logogallonero.jpg); float: left; display: inline;}
#logogallonero h1 { height: 141px; width: 152px; float: left; display: inline; text-indent: -9999px; overflow: hidden; margin:0;}
#logogallonero a { height: 141px; width: 152px; float: left;  margin:0;}

#boxseratemenu {width:211px; height: 141px; margin: 0 0 0 110px; float:left;}

#menusettimana a {width:215px; height: 41px; background-image:url(immagini/bottonemenusettimana0.jpg); background-repeat:no-repeat; float:left; margin: 30px 0 0 0; display:block; text-indent: -9999px;}
#menusettimana a:hover {width:215px; height: 41px; background-image:url(immagini/bottonemenusettimana1.jpg); background-repeat:no-repeat; float:left; margin: 30px 0 0 0; display:block; text-indent: -9999px;}
#seratetema a {width:215px; height: 41px; background-image:url(immagini/bottoneseratetema0.jpg); background-repeat:no-repeat; float:left; margin: 8px 0 0 0; display:block; text-indent: -9999px;}
#seratetema a:hover {width:215px; height: 41px; background-image:url(immagini/bottoneseratetema1.jpg); background-repeat:no-repeat; float:left; margin: 8px 0 0 0; display:block; text-indent: -9999px;}

#menusettimanaeng a {width:215px; height: 41px; background-image:url(immagini/bottonemenusettimanaeng0.jpg); background-repeat:no-repeat; float:left; margin: 30px 0 0 0; display:block; text-indent: -9999px;}
#menusettimanaeng a:hover {width:215px; height: 41px; background-image:url(immagini/bottonemenusettimanaeng1.jpg); background-repeat:no-repeat; float:left; margin: 30px 0 0 0; display:block; text-indent: -9999px;}
#seratetemaeng a {width:215px; height: 41px; background-image:url(immagini/bottoneseratetemaeng0.jpg); background-repeat:no-repeat; float:left; margin: 8px 0 0 0; display:block; text-indent: -9999px;}
#seratetemaeng a:hover {width:215px; height: 41px; background-image:url(immagini/bottoneseratetemaeng1.jpg); background-repeat:no-repeat; float:left; margin: 8px 0 0 0; display:block; text-indent: -9999px;}


#menu {height: 130px; width: 164px; float: right; border-left: 1px solid #ffffff;}
#menu a {width: 200px; background-color:#990000; display:block; border: 1px #FFFFFF solid;}
#menu a:hover {width: 200px;  display:block; border: 1px #FFFFFF solid;}

#testata ul { list-style-type: none; line-height: 16px; text-decoration: none; padding: 0; margin: 70px 0 0 0; float:left;font-size:100%}
#testata a { text-decoration: none; color:#FFFFFF;padding-left:8px; font-size: 80%; }
#testata a:hover { text-decoration: none; padding-left:11px;  font-size: 80%;}

#bigbox {width: 736px; float:left;}
#boxcontent {width: 736px; float:left;}
#box1 {width: 229px; margin: 15px 0 0 17px; float:left; display:inline;}
#box2 {width: 229px; margin: 15px 0 0 16px; float:left; display:inline;}
#box3 {width: 229px; margin: 15px 0 0 16px; float:left; display:inline;}

#footer { height: 1px; width: 900px; display:block; float:left;}
#footer p { display:none;}
#footer h2 { display:none;}

/*Shinystat*/
#sh {position:absolute; width:200px; z-index:1; overflow: hidden; visibility: hidden;}




/*COPYRIGHT*/
#contenitorecopyright {width: 900px; height:15px; margin: 0 auto 0 auto; overflow: hidden; background-color:#000000;}
#copyright {width:164px; height: 15px; background-image:url(immagini/copyright.jpg); display:block; float: right;}
#copyright a {width:164px; height: 15px; display:block; text-indent: -9999px; margin: 0;}


/*HOME*/
#flash {width: 719px; height: 166px; float:left; margin: 15px 0 1px 17px;}

/*I NOSTRI PIATTI*/
#galleriapiatti {width: 474px; margin: 15px 0 0 17px; float:left; }
.imgpiatti { width:106px; height:77px; margin: 0 6px 12px 6px; float:left; }

#boxpiatti {width: 229px; margin: 15px 0 1px 14px; float:left; }

/*NOI E LA NOSTRA STORIA*/
#immaginestoria {width: 474px; height: 250px; margin: 15px 0 1px 16px; float:left; background-image: url(immagini/immaginestoria.jpg); }

#boxstoria {width: 229px; margin: 15px 0 1px 16px; float:left; }

/*DOVE SIAMO*/
#boxcartina {width: 339px; float: left; margin: 15px 0 0 17px; }

#cartina {width: 339px; height: 340px; background-image:url(immagini/cartina.jpg); float:left; margin: 15px 0 0 0; display:inline;}
#cartina a {width: 339px; height: 340px; display:block; text-indent: -9999px; margin: 0;}

#form { width: 339px; float:left; display:inline; margin: 15px 0 0 16px;}
.cssform p{width:339px; height:100%; float:left; margin: 0; clear:left;} /*colonna di destra forse usare clear:left*/

.cssform label{font-weight: bold; font-family:Arial, Helvetica, sans-serif; float: left; width: 150px; height: 17px; margin: 5px 0 0 0; /*colonna di sinistra*/}

.cssform input[type="text"]{width: 300px; margin: 4px 0 4px 0; float:left;}
.cssform textarea{width: 300px; height: 75px; margin: 3px 0 10px 0; float:left;}
.radio {margin-top: 7px;}
.messaggio{height: 140px; margin: 0 0 10px 0; float:left}
.submit { float:left; margin: 10px 0 0 0;} 
#submitreset {width: 339px; clear:both; padding-left: 0; margin: 0; float:left}

/*http://www.zamzar.com*/

/*SERATE*/
#box1menuserate {width: 229px; height: 400px; margin: 15px 0 0 16px; float:left; display:inline;}
#boxcontent hr { display:block; margin: 0; padding:0;}
.titolomenuserate { margin: 0; padding: 0;  border-bottom: 1px solid #FFFFFF;}

.titoloboxserata {margin: 0; padding: 0; font-size: 100%; color:#FFFFFF}
.boxserata {width: 458px; margin: 15px 0 0 0; float:left; display:inline; border-bottom: 1px solid #FFFFFF;}
.boxserata ul {width: 428px; color:#FFFFFF; font-size: 80%;  list-style-type: circle; padding: 0; margin:10px 0 0 15px;}
.boxserata li {margin:0 0 10px 0; color:#CCCCCC;}
.boxserata h3 {margin:25px 0 0 0; color: #FFFFFF; font-size:100%; font-weight:bold;}

#boxcontentmenuserate {width: 736px; float:left; margin: 0 auto 0 auto; padding:0 0 100px 0; overflow: hidden; background-color:#000000; background-image:url(immagini/sfondoboxmenuserate.jpg); background-position:bottom; background-repeat:no-repeat; margin-top: 15px;}
 

#box2menuserate {width: 458px; margin: 15px 0 0 16px; float:left; display:inline;}


/*TITOLI CHILLER*/
#serenaealessio { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/serenaealessio.jpg);}
#qualitaesemplicita { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/qualitaesemplicita.jpg);}
#illocale { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/illocale.jpg);}
#inostripiatti { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/inostripiatti.jpg);}
#dovesiamo { width:339px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/dovesiamo.jpg);}
#contatti { width:339px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/contatti.jpg);}

#serenaandalessio { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/serenaandalessio.jpg);}
#qualityandsimplicity { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/qualityandsimplicity.jpg);}
#thevenue { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/thevenue.jpg);}
#ourdishes { width:229px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/ourdishes.jpg);}
#location { width:339px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/location.jpg);}
#contactus { width:339px; height: 38px; float:left; margin: 5px 0 15px 0; background-image:url(titoli/contactus.jpg);}


#boxgalleriasx { width: 229px; height: 166px; margin: 0 16px 0 0; padding:0; float: left;}
#boxgalleriacentro { width: 229px; height: 166px; margin: 0 16px 0 0; padding:0; float: left;}
#boxgalleriadx { width: 229px; height: 166px; margin: 0; padding:0; float: left;}