/********************************
COLORI
#031C21 - BLU SCURO
#990000 - ROSSO
#5289a8 - AZZURRO BG H3
********************************/
* {
	margin: 0;
	padding: 0;
	}
html, body { height: 100%; }
body {
	/*font: 12px Verdana, sans-serif, "trebuchet ms",Arial,Helvetica;*/
	font:76%/175% Verdana,Arial,Helvetica,sans-serif;
	color: #154057;
	background: transparent url("../images/bg_stelle.jpg");
	}
a {  color: #990000; 	}
a:hover, #main a:hover { text-decoration: underline; border: 0;}
	 #main a {
		text-decoration: none;
	}
h4 { font-size: 13px; clear: both;}	
/********************************************************************************************/
#page { 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -196px;
	background: transparent url("../images/top.jpg") repeat-x;
	}
#bg {
	width: 960px; 
	margin: 0 auto;
	background: transparent url("../images/content.jpg") repeat-y 50% 0;
	}
#wrapper {
	width: 960px; 
	margin: 0 auto;
	overflow: auto;
	background: transparent url("../images/content_top.jpg") no-repeat 50% 0;
	}
	
/********************************************************************************************
LEFT SIDE
********************************************************************************************/
#left, #main,#main_content, #right {
	float: left;
	}
#left {
	width: 225px; 
	background: ;
	}
h1 a {
	display: block;
	width: 140px ; height: 164px;
	margin: 15px auto;
	background: transparent url("../images/logocacao.gif") no-repeat 0 0;
	text-indent: -9000px;
	}
#left_content {
	position: relative;
	z-index: 1000;
	margin: 50px -16px 0 0;
	text-align: right;
	}
/********************************************************************************************
MAIN
********************************************************************************************/
#main {
	width: 735px; 
	margin: 0 auto;
	text-align: justify;
	background: transparent url("../images/content_bottom.jpg") no-repeat 0 100%;
	}
#header {
	height: 100px;
	}
/********************************************************************************************
MAIN CONTENT
********************************************************************************************/	
#main_content {
	width: 440px; min-height: 375px;
	padding: 20px 35px 90px;
	overflow: visible;
	}
	#main .home  { padding: 20px 35px 10px; }
h2 {
	float: right;
	margin: 0 -21px 10px 0;
	padding: 0 10px 0 102px; 
	background: #021c21 url("../images/h2.jpg") no-repeat 0 0;	
	}
	*html h2 { margin: 0 -12px 10px 0; }
h2 span {
	display: block;
	background: transparent url("../images/titoli/home.jpg") no-repeat 100% 50%;
	height: 37px;
	width: 50px;
	text-indent: -9000px;
	}
	h2 span#locale { width: 76px; background-image: url("../images/titoli/locale.jpg"); }
	h2 span#serate { width: 80px; background-image: url("../images/titoli/serate.jpg"); }
	h2 span#ristorante { width: 103px; background-image: url("../images/titoli/ristorante.jpg"); }	
	h2 span#contatti { width: 70px; background-image: url("../images/titoli/contatti.jpg"); }

h3.h3subtitle {
	float: right;
	margin-right: -35px;
	padding: 0 10px 0 49px; 
	background: #5289a8 url("../images/h3.jpg") no-repeat 0 0;
	}	
h3.h3subtitle span {
	display: block;
	background: transparent url("../images/titoli/r_cucina.png") no-repeat 100% 50%;
	height: 37px;
	width: 80px;
	text-indent: -9000px;
	color: #5289A8;
	font-size:0;
	}
	h3.h3subtitle span#r_locale { width: 60px; background-image: url("../images/titoli/r_locale.jpg"); }
	h3.h3subtitle span#r_cucina { width: 70px; background-image: url("../images/titoli/r_cucina.jpg"); }
	h3.h3subtitle span#s_martedi { width: 59px; background-image: url("../images/titoli/s_martedi.jpg"); }
	h3.h3subtitle span#s_mercoledi { width: 73px; background-image: url("../images/titoli/s_mercoledi.jpg"); }
	h3.h3subtitle span#s_giovedi { width: 57px; background-image: url("../images/titoli/s_giovedi.jpg"); }
	h3.h3subtitle span#s_venerdi { width: 57px; background-image: url("../images/titoli/s_venerdi.jpg"); }
	h3.h3subtitle span#s_sabato { width: 52px; background-image: url("../images/titoli/s_sabato.jpg"); }	
	h3.h3subtitle span#s_domenica { width: 73px; background-image: url("../images/titoli/s_domenica.jpg"); }
#main_content p {
	clear: both;
	padding: 10px 0;
	text-align: indent;
	}
#last_content  {
	width: 380px; 
	float: left;
		}
/********************************************************************************************
LOCALE
********************************************************************************************/			
div.bar {
	clear: both;
	padding-top: 15px;
	}
div.bar img {
	position: relative;
	float: left;
	z-index: 2000;
	margin: 0 0 0 -212px;
	}
div.descrizione_bar {
	float: right;
	width: 340px;
	margin: 5px 0 0;
	}
div.descrizione_bar  h3 { 
	margin: 0 0 0 -20px;
	text-align: left;
	color: #990000;
	}
	* html div.descrizione_bar  h3 { margin: 0; }
div.descrizione_bar li {
	background: transparent url("../images/locale/ul_bar.gif") no-repeat 0 50%;
	padding: 5px 0 5px 20px;
	list-style: none;
	line-height: 13px;
	}	
/********************************************************************************************
CONTATTI
********************************************************************************************/		

#contatti_lista {
	clear: both;
	padding: 20px 0 0;
	}
#contatti_lista li {
	height: 30px;
	margin: 20px 0;
	padding: 0 0 0 85px;	
	background: transparent none no-repeat 40px 50%;
	font-size: 12px;
	line-height: 30px;
	list-style: none;
	}
#contatti_lista li#tel { background-image: url("../images/ico_tel.gif"); }
#contatti_lista li#cel { background-image: url("../images/ico_cel.gif"); }
#contatti_lista li#ind { background-image: url("../images/ico_ind.gif"); }
#contatti_lista li#mail { background-image: url("../images/ico_mail.gif"); }

div#form_contatti {
	margin: 0 -16px 15px -14px ;
	background: #031C21;
	padding: 0 0 10px 0;
	color: white;
	}
div.legend {
	position: relative; z-index: 10;
	margin: -20px 0 10px 0;
	padding: 30px 20px 10px;
	background: white;
	color: #031C21;
	font-weight:bold;
	font-size: 110%;
	text-align: left;	
	}
/********************************************************************************************
RISTORANTE CUCINA
********************************************************************************************/
#m_cucina {
	clear: both;
	padding: 20px 0;
	}
div#risto, div#griglia, #pizza, #bevande {
	width: 100%;
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	}
div#risto, #griglia, #pizza, #bevande {
	background-repeat: no-repeat;
	background-position: 10px 25px;
	}
#risto {background-image: url("../images/cucina_risto.gif");}
#griglia {background-image: url("../images/cucina_griglia.gif");}
#bevande {background-image: url("../images/cucina_bev.gif");}
#pizza {background-image: url("../images/cucina_pizza.gif");}
#m_cucina table {
	width: 80%;
	margin-left: 20%;
	border-left: 2px solid #9D070D;
	margin-bottom: 20px;
	padding: 0 0 10px;
	}
#m_cucina td {
	border-bottom: 1px dotted black;
	padding: 5px 10px;
	color: black;
	vertical-align: top;
	width: 80%;
	text-align: left;
	}
#m_cucina td.empty{
	border-bottom: 0;
	}
#m_cucina td.prezzo {
	text-align: right;
	width: 20%;
	border: 0;
	vertical-align: bottom;
	}	
#m_cucina th {
	padding: 0px 5px;
	color: #9D070D;
	font-weight: bold;
	text-align: left;	
	}
#m_cucina .risto_commento {
	font-style: italic;
	font-size: x-small;
	border: 0;
	padding: 10px 0 0 10px;
	}
#main_content div.menucucina {
	width: 190px;
	float: left;
	clear: none;
	padding: 0 20px 0 10px;
	text-align: left;
	}	
#m_cucina td ul {margin: 0 0 0 10px;}
/********************************************************************************************
SERATE
********************************************************************************************/	
dt {
	float: left; clear: left;
	width: 150px;	
	font-weight: bold;
	text-align: right;
	}
dd {
	float: left;
	width: 260px;
	margin: 0 0 10px 20px;
	}	
/********************************************************************************************
RIGHT
********************************************************************************************/
#right  {

	padding: 130px 0 0;
	
	}
h3 { margin-bottom: -4px; text-align: right;}	
#right img {
	width: 223px; margin-top: -5px;
	border: 1px solid #031C21; 
	background: #031C21;
	}
/********************************************************************************************
FOOTER
********************************************************************************************/

#footer, .push { height: 196px;}
#footer {
	clear: both;
	background: transparent url("../images/footer_luna.jpg") no-repeat 90% 100%;
	}
#footer a { color: white;  }
#footer a:hover { text-decoration: none;  }
#footer #prato {
	height: 196px;
	background: transparent url("../images/footer_prato.gif") repeat-x 0 100%;
	color: white;
	}
#footer #prato p { 
	padding-top: 165px;
	text-align: center;
	}

.left { float: left;}
.evidenza {	
	background: #5289a8;
	border: 2px solid #031c21;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
	color: white;
	}
.img-full {margin-left: -14px;}


.img-full {
    position:relative;
    height:200px;
}
.img-full img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
.img-full img.active {
    z-index:10;
}
.img-full img.last-active {
    z-index:9;
}

#sorelle {
  width: 223px;
  margin: 30px 0 0; padding: 0 0 10px;
  background: #fff url('../images/sorelle-bg.jpg') no-repeat 0 100%;
}
#sorelle a {color:#154057;}
#sorelle span {display: block; text-align: center;}

#sorelle img {
  margin: 0; border:0;
}
#sorelle p {
  text-align: center;
}
#sorelle .data {
  background:#031c21;
  padding: 3px 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
#sorelle .nome {
  padding: 5px 0 0;
  text-transform: uppercase;
  font-size: 16px;
}
#sorelle .spettacolo {
  color: #990000;
  font-size: 16px;
}
.sorelle-page h4,
.sorelle-page p {
  text-align: center;
}
.sorelle-page h4 {
  font-size: 18px;
}