/*
Website: ristorante al filò
URI: http://www.ristorantealfilo.it/
Css copyright: ristorante al filò: [cc] nc,by,sa 
Version:  1.0
Author: diego franzini, http://www.infundibolo.org/diego/

*/

/*-----------------
#0 RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-----------------
#1 LAYOUT */

body {
	font: 12px/1.6em Arial, Helvetica, Verdana, sans-serif;
	color:#260F02;
	background:url(img/bg.jpg) repeat 0 0;
	}
#page {
	margin:0 auto;
	width:750px;
	background:url(img/bgr.png) repeat-y 0 0;
	}
#pag_800{
	margin:0 auto;
	width: 722px;
	overflow: hidden;
	position: relative;
	background-color:#F4E6BD;
	}	
#head {
	height: 144px;
	}
#corpo {
	padding: 0 183px 0 183px;
	overflow: hidden;
	}
#c_center {
	overflow: hidden;
	}
#c_left {
	float: left;
	width: 183px;
	margin: 0 0 0 -183px;
	}
#c_right {
	float: right;
	width: 183px;
	margin: 0 -183px 0 0;
	}
#corpo:after, pag_800:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#foot{
	height: 50px;
	background-color:#EAD696;
	}
#firma{
	float:right;
		margin-top: -32px;
	}
#firma a{
	font-size: 9px;
	text-decoration: none;
	color: #ddd;
	}	
/*------------------------------------------------------------
#2 GENERALI */

.nascosto{
	display:none;
	}
img{
	display: block;
	border: none;
	text-decoration: none;
	}
hr {
	display: none;
	}
	
/*------------------------------------------------------------
#3 HEADER */

#head {
	background:url(img/hd.jpg) no-repeat 0 0;
	}
#h_left h1{
	float:left;
	margin: 44px 0 0 51px;
	}	
#h_left h1 a img{
	background:url(img/h1.png) no-repeat 0 0;
	}
#h_left h1 a img:hover{
	background:url(img/h1.png) no-repeat 0 -92px;
	}
#h_right{
	float:right;
	margin: 53px 0 0 0;
	width: 233px;
	}
#h_right li{
	display: block;
	line-height:15px;
	margin-bottom:9px;
	}
#h_right li a{
	text-decoration:none;
	color: #DDCA9B;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
#h_right li a:hover{
	color: #ffecbd;
	}
#h_right small{
	font-size:10px;
	}
#stacco{
	height: 5px;
	background-color: #7C624A;
	border: 0;
	margin: 0 0 42px;
	}
/*------------------------------------------------------------
#4 COLONNA*/
/*  SINISTRA*/

#c_left li:before{
	content:"» ";
	}
ul#menu, ul#cantina {
	text-indent: 10px;
	}
/*  COMUNI*/
#c_left, #c_right{
	color: #555555;
	}
#c_left li, #c_right li{
	font:14px Arial, Helvetica, verdana, sans-serif;
	line-height: 22px;
	}
.c_left_title, .c_right_title{
	font-size: 20px;
	line-height: 34px;
	}
#c_left .c_left_special a, #c_right .c_right_special a{
	font-style: italic;
	}
#c_left a, #c_left a:visited,
#c_right a, #c_right a:visited{
	text-decoration:none;
	color: #333333;
	}
#c_left a:hover,
#c_right a:hover{
	border-bottom: 1px dotted #680014;
	color: #680014;
	}
h3#menu_txt a img{
	background:url(img/menu_txt.gif) no-repeat 0 0;
	}	
h3#menu_txt a img:hover{
	background:url(img/menu_txt.gif) no-repeat 0 -30px;
	}
h3#cantina_txt a img{
	background:url(img/cantina_txt.gif) no-repeat 0 0;
	}	
h3#cantina_txt a img:hover{
	background:url(img/cantina_txt.gif) no-repeat 0 -30px;
	}
h3#proposte_txt a img{
	background:url(img/proposte_txt.gif) no-repeat 0 0;
	}	
h3#proposte_txt a img:hover{
	background:url(img/proposte_txt.gif) no-repeat 0 -30px;
	}
h3#orari_txt a img{
	background:url(img/orari_txt.gif) no-repeat 0 0;
	}	
h3#orari_txt a img:hover{
	background:url(img/orari_txt.gif) no-repeat 0 -30px;
	}
h3#contatti_txt a img{
	background:url(img/contatti_txt.gif) no-repeat 0 0;
	}	
h3#contatti_txt a img:hover{
	background:url(img/contatti_txt.gif) no-repeat 0 -30px;
	}
h3#dove_txt a img{
	background:url(img/dove_txt.gif) no-repeat 0 0;
	}	
h3#dove_txt a img:hover{
	background:url(img/dove_txt.gif) no-repeat 0 -30px;
	}
h3#galleria_txt a img{
	background:url(img/galleria_txt.gif) no-repeat 0 0;
	}	
h3#galleria_txt a img:hover{
	background:url(img/galleria_txt.gif) no-repeat 0 -30px;
	}
#c_left div.hr, #c_right div.hr, #page div.hr{
	background-color: #F4E6BD;
	border: 0 solid #fff;
	margin: 0 0 14px;
	}
/*  DESTRA*/
#c_right ul{
	margin:0 0 0 30px;
	}
#c_right ul li.compact{
	line-height:16px;
	margin:3px 0 ;
	}	
#c_right small{
	font-size:10px;
	}
/*------------------------------------------------------------
#5 CENTRO*/
#c_center{
	font:12px Arial, Helvetica, verdana, sans-serif;
	word-spacing:3px;
	line-height:17px;
	}
#c_center li, #c_center div{
	display: block;
	}
#c_center p.capolettera:first-letter{
	font-size: 18px;
	color: #680014;
	}
.col_double{
	
	}
li.col_single_l{
	width: 178px;
	float: left;
	}
li.col_single_l p {
	margin: 0 5px 0 0;
	}
li.col_single_r{
	width: 178px;
	float: right;
	}
#c_center li.col_single_r img{
	margin: 0 0 12px 5px ;
	}
li.col_single_r p {
	margin: 0 0 0 8px;
	}
#c_center div.hr {
	clear: both;
	height: 0;
	border: 0 solid #fff;
	margin: 0 0 10px;
}
#c_center img{
	margin: 0 0 12px;
	}
/*------------------------------------------------------------
#6 footer*/
#foot {
	text-align: center;
	color: #666666;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	}
#foot p{
	line-height:30px;
	margin: 10px 0 0; 
	}
#foot p a, #foot p a:visited{
	text-decoration: none;
	color: #333333;
	}
#foot p a:hover{
	border-bottom:1px dotted #680014;
	color:#680014;
	}
#ombra {
	height:30px;
	background: url(img/ombra.png) no-repeat 0 0;
	margin:0 auto;
	width:750px;
	}
/*------------------------------------------------------------
#7 vavbars   ---*/ 
#stacco #nav{
	text-align:center;
	}
.n_liv1{
	background-color:#7C624A;
	}
.n_liv2{
	background-color:#AA9372;
	}	
.n_liv1 img, .n_liv2 img{
	margin: 0 auto;
	}
#stacco #nav #menu img, #stacco #nav #menu_link img{
	background:url(img/nav_1_menu.gif) no-repeat 0 0;
	}
#stacco #nav #cantina img, #stacco #nav #cantina_link img{
	background:url(img/nav_1_cantina.gif) no-repeat 0 0;
	}
#stacco #nav #cantina_link img:hover{
	background:url(img/nav_1_cantina.gif) no-repeat 0 -35px;
	}
#stacco #nav #info img{
	background:url(img/nav_1_info.gif) no-repeat 0 0;
	}
#stacco #nav #galleria img{
	background:url(img/nav_1_galleria.gif) no-repeat 0 0;
	}
#stacco #nav #atema img{
	background:url(img/nav_1_atema.gif) no-repeat 0 0;
	}
#stacco #nav #feedback img{
	background:url(img/nav_1_feedback.gif) no-repeat 0 0;
	}
#stacco #nav #mappa img{
	background:url(img/nav_1_mappa.gif) no-repeat 0 0;
	}
#stacco #nav #menu_link img:hover{
	background:url(img/nav_1_menu.gif) no-repeat 0 -35px;
	}
#stacco #nav #m_antipasti img{
	background:url(img/nav_2_antipasti.gif) no-repeat 0 0;
	}		
#stacco #nav #m_primi img{
	background:url(img/nav_2_primi.gif) no-repeat 0 0;
	}
#stacco #nav #m_secondi img{
	background:url(img/nav_2_secondi.gif) no-repeat 0 0;
	}
#stacco #nav #m_contorni img{
	background:url(img/nav_2_contorni.gif) no-repeat 0 0;
	}
#stacco #nav #m_dessert img{
	background:url(img/nav_2_dessert.gif) no-repeat 0 0;
	}
#stacco #nav #m_vinidessert img{
	background:url(img/nav_2_vinidessert.gif) no-repeat 0 0;
	}
#stacco #nav #m_menufisso img{
	background:url(img/nav_2_menufisso.gif) no-repeat 0 0;
	}
#stacco #nav #m_piattounico img{
	background:url(img/nav_2_piattounico.gif) no-repeat 0 0;
	}
#stacco #nav #bollicine img{
	background:url(img/nav_2_bollicine.gif) no-repeat 0 0;
	}
#stacco #nav #champagne img{
	background:url(img/nav_2_champagne.gif) no-repeat 0 0;
	}
#stacco #nav #p_valtellinesi img{
	background:url(img/nav_2_p_valtellinesi.gif) no-repeat 0 0;
	}
#stacco #nav #g_valtellinesi img{
	background:url(img/nav_2_g_valtellinesi.gif) no-repeat 0 0;
	}
#stacco #nav #bianchi img{
	background:url(img/nav_2_bianchi.gif) no-repeat 0 0;
	}
#stacco #nav #rossi img{
	background:url(img/nav_2_rossi.gif) no-repeat 0 0;
	}
#stacco #nav #magnum img{
	background:url(img/nav_2_magnum.gif) no-repeat 0 0;
	}
#stacco #nav #amari img{
	background:url(img/nav_2_amari.gif) no-repeat 0 0;
	}
#stacco #nav #rum img{
	background:url(img/nav_2_rum.gif) no-repeat 0 0;
	}
#stacco #nav #grappe img{
	background:url(img/nav_2_grappe.gif) no-repeat 0 0;
	}	
/*------------------------------------------------------------
#7 menu -----*/    

#c_center #menu_list{
	width:612px;
	margin:45px 0 30px 60px;
	}
#c_center #menu_list img{
	margin-bottom:6px;
	}
li.menu_item {
	float:left;
	width:147px;
	margin-right:6px;
	}
#antipasti img{
	background:url(img/menu_01.jpg) no-repeat 0 0;
	}
#antipasti img:hover{
	background:url(img/menu_01.jpg) no-repeat 0 -367px;
	}
#dessert img{
	background:url(img/menu_01.jpg) no-repeat 0 -187px;
	}
#dessert img:hover{
	background:url(img/menu_01.jpg) no-repeat 0 -554px;
	}	
#primi img{
	background:url(img/menu_03.jpg) no-repeat 0 0;
	}
#primi img:hover{
	background:url(img/menu_03.jpg) no-repeat 0 -367px;
	}
#vinidessert img{
	background:url(img/menu_03.jpg) no-repeat 0 -187px;
	}
#vinidessert img:hover{
	background:url(img/menu_03.jpg) no-repeat 0 -554px;
	}	
#secondi img{
	background:url(img/menu_05.jpg) no-repeat 0 0;
	}
#secondi img:hover{
	background:url(img/menu_05.jpg) no-repeat 0 -367px;
	}
#menufissi img{
	background:url(img/menu_05.jpg) no-repeat 0 -187px;
	}
#menufissi img:hover{
	background:url(img/menu_05.jpg) no-repeat 0 -554px;
	}	
#contorni img{
	background:url(img/menu_07.jpg) no-repeat 0 0;
	}
#contorni img:hover{
	background:url(img/menu_07.jpg) no-repeat 0 -367px;
	}
#piattounico img{
	background:url(img/menu_07.jpg) no-repeat 0 -187px;
	}
#piattounico img:hover{
	background:url(img/menu_07.jpg) no-repeat 0 -554px;
	}
/*------------------------------------------------------------
#7bis cantina -----*/  
#c_center #cantina_list{
	width:612px;
	margin:45px 0 30px 60px;
	}
#c_center #cantina_list img{
	margin-bottom:6px;
	}
li.cantina_item {
	float:left;
	width:116px;
	margin-right:6px;
	}
#bollicine img{
	background:url(img/cantina_01.jpg) no-repeat 0 0;
	}
#bollicine img:hover{
	background:url(img/cantina_01.jpg) no-repeat 0 -368px;
	}
#rossi img{
	background:url(img/cantina_01.jpg) no-repeat 0 -187px;
	}
#rossi img:hover{
	background:url(img/cantina_01.jpg) no-repeat 0 -555px;
	}	
#champagne img{
	background:url(img/cantina_03.jpg) no-repeat 0 0;
	}
#champagne img:hover{
	background:url(img/cantina_03.jpg) no-repeat 0 -368px;
	}
#magnum img{
	background:url(img/cantina_03.jpg) no-repeat 0 -187px;
	}
#magnum img:hover{
	background:url(img/cantina_03.jpg) no-repeat 0 -555px;
	}	
#p_valtellinesi img{
	background:url(img/cantina_05.jpg) no-repeat 0 0;
	}
#p_valtellinesi img:hover{
	background:url(img/cantina_05.jpg) no-repeat 0 -368px;
	}
#amari img{
	background:url(img/cantina_05.jpg) no-repeat 0 -187px;
	}
#amari img:hover{
	background:url(img/cantina_05.jpg) no-repeat 0 -555px;
	}	
#g_valtellinesi img{
	background:url(img/cantina_07.jpg) no-repeat 0 0;
	}
#g_valtellinesi img:hover{
	background:url(img/cantina_07.jpg) no-repeat 0 -368px;
	}
#rum img{
	background:url(img/cantina_07.jpg) no-repeat 0 -187px;
	}
#rum img:hover{
	background:url(img/cantina_07.jpg) no-repeat 0 -555px;
	}
#bianchi img{
	background:url(img/cantina_09.jpg) no-repeat 0 0;
	}
#bianchi img:hover{
	background:url(img/cantina_09.jpg) no-repeat 0 -368px;
	}
#grappe img{
	background:url(img/cantina_09.jpg) no-repeat 0 -187px;
	}
#grappe img:hover{
	background:url(img/cantina_09.jpg) no-repeat 0 -555px;
	}
/*------------------------------------------------------------
#8 menu page-----*/  

#c_center .menu_title{
	width:459px;
	margin:20px 10px 0 140px;
	}
#c_center .menu_page{
	width:459px;
	margin:20px 0 0 140px;
	}
.menu_title{
	color: #7C624A;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
li.menu_line { 
	float:left;
	width:336px;
	margin: 0 42px 10px 0;
	color: #260F02;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	}
li.menu_line span.aaa{
	font-size: 18px;
	color: #680014;
	}
li.menu_price{
	text-align:right;
	float:left;
	width:75px;
	color: #260F02;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	}
.menu_page li.menu_line:before{
	content:"» ";
	}
.menu_line {
	text-indent: -16px;
	}
.menu_page small{
	font-size:10px;
	}
.menu_price:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#corpo_largo #corpo_map div.brk, #corpo_largo #c_center div.brk   {
	height:55px;
	width:380px;
	margin: 0 auto ;
	background: url(img/breack.gif) no-repeat 0 12px;
	}
#corpo_map div.spacer_up, #c_center div.spacer_up, #c_center div.spacer_down{
	clear:both;
	height:45px;
	}
/*------------------------------------------------------------
#9 orari-----*/  	
#c_center ul.calendar {
	margin:20px 10px 0 140px;
	width:459px;
	}
.calendar .day{
	margin:0 2px 0 0;
	width:63px;
	float:left;
	text-align:center;

	}	
.calendar .lastday{
	margin:0;
	width:63px;
	float:left;
	text-align:center;
	}	
.day .mattina, .day .sera{
	border-right: 1px solid #7C624A;
	}
.nome{
	color: #AA9372;
	font: bold small-caps 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	}
.mattina, .sera {
	font: 12px/11px Verdana, Arial, Helvetica, sans-serif;
	}
.chiuso {
	color: #990000;
	}
.mattina small, .sera small {
	font-size:10px;
	}
.calendar .testi {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	}
#c_center div.spacer_medio, #corpo_map div.spacer_medio{
	clear:both;
	height:25px;
	}
.testi{
	margin-top:5px;
	}
.testi big {
	font-size: 16px;
	}
.testi .label {
	color: #555555;
	}
.testi a:hover {
border-bottom:1px solid #680014;
color:#680014;
}
.testi a, .testi a:visited {
border-bottom:1px dotted #333333;
color:#333333;
text-decoration:none;
}
.totop {
	text-align:right;
	}
.totop a:hover {
	border-bottom:1px dotted #680014;
	color:#680014;
}
.totop a, .totop a:visited {
	color: #AA9372;
	font: small-caps 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/*------------------------------------------------------------
#10 mappa-----*/ 
#corpo_map{
	margin:20px 0 20px 15px;
	width:692px;
	}
#corpo_map #map{
	margin: 0 0 30px;
	}
/*------------------------------------------------------------
#11 form-----*/ 
.nm {
	width:180px;
	margin:15px 9px 0 0;
	float:left;
	font: small-caps 10px/14px Verdana, Arial, Helvetica, sans-serif;
	}
.te {
	width:270px;
	margin:14px 0 0 0;
	float:left;
	font: small-caps 10px/14px Verdana, Arial, Helvetica, sans-serif;
	}
.nm div.nota {
	font-variant: normal;
	font-size:9px;
	}
input, textarea {
color:#777777;
	background:#F5ECD2;
	border: 2px solid #ECDDB5;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	}
input:focus, textarea:focus {
	background:#FBF7EC;
	color: #333333;
	}
input#subm {
	background:#ECDDB5;
	color: #555555;
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top:3px;
	padding:4px;
	text-align:center;
	width: 270px;
	border: 1px solid #dbcca4;
	}
input#subm:hover {
	background:#dbcca4;
	}
/*------------------------------------------------------------
#11 varie-----*/ 
#c_center .miniature img{
	display:inline;
	}
.testi a.miniature {
	border:none;
	}