/* Paolo Veronica | www.ektor.net | Ultima modifica 20.05.2007 */

<!-- @import url(/style/lightbox.css); -->

/* Global */
*{ padding: 0; margin: 0; border: 0; }

/* Generali */
body { 
	font: 1em/1.5em "Times New Roman", Times, serif; 
	color: #563a06; 
	text-align: center; 
	background:#FFF url(../immagini/bg_body.gif) top left repeat-x;
}

/* LINK */

a:link { color: #a90101; text-decoration: underline;}
a:visited { color: #a90101; text-decoration: underline;}
a:focus { color:#F00; }
a:hover { text-decoration: none; background-color: #a90101;color: #FFF; }

/* Formattazione Testo */
#colonna-sx p { font-size: 0.9em; line-height: 1.6em; margin: 0.5em; word-spacing:0.2em;}

/* Intestazioni */
h1 { font: bold 3em/1.6 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; }
h2 {
	font: bold italic 1.6em "Times New Roman", serif;
	color: #a90101;
	margin: 0.2em 0 0 0;
	background:transparent url(../immagini/bg_h2.gif) top left no-repeat;
	padding-left:25px;
}
h3 {font: bold italic 1em/1.5 "Times New Roman", serif; margin:1em 0 0.5em 0;}
h4 {font: bold 1.1em/1.5 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;color: #FFF;margin:0;}

#colonna-dx h2{	margin-bottom: 0.5em;}

/* Layout */#wrapper { 
	width: 100%; 
	margin: 0; 
	padding: 0;
}

#header { 
	width: 100%; 
	float: left; 
	height: 180px;
	z-index: 10; 
}

#title {
	position:relative; 
	margin:0 auto;
	margin-top:19px;
	text-align:left;
	width:750px;
	height:76px;
}

html>body  #title{margin-top:20px;} /*NO IE*/

#title h1 { 
	margin-left:7px;
	background: transparent url(../immagini/logo_osteria_templari.gif) no-repeat top left; 
	height: 73px; 
	width: 300px; 
}

#bordo-content{
	float:left;
	clear: both; 
	width: 100%; 
	background-color:#fffcee;
}

#content {
	width: 750px; 
	margin: 0 auto ; 
	text-align: left;
	overflow: hidden;	
}

#colonna-sx {
	width: 520px;
	float: left; 
	padding: 0; 
	overflow: hidden;
}

#colonna-dx {
	width: 200px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: center;
}

#footer { 
	clear: both; 
	background: transparent url(../immagini/bg_foot.gif) repeat-x top left; 
	padding: 0; 
	float: left; 
	width: 100%; 
	overflow: hidden; 
	padding-top:25px
}

#footer-content { clear: both; margin: 0 auto; width: 750px;}
#footer p { margin: 10px 0; padding: 0; font-size: 0.8em; clear: both;}

.info{margin:1.2em 0;border: 4px solid #195b81;padding:5px; background-color:#5c8aa4}

div#proposte {font-family:Georgia, "Times New Roman", Times, serif;}
#proposte a{text-decoration:none;font-size:1em;font-weight:bold; font-style:italic;}
#proposte a:hover{background-color:transparent;color:#563a06}
div#proposte ul{
	list-style-type:none;
	border:1px solid #eee;
	margin:5px auto 0 auto;
	width:170px;
}
div#proposte ul li{
	position:relative;
	background:transparent url(../immagini/bg_proposte-1.jpg) repeat-x top left;
	line-height:1.3em;
	padding:8px;
	font-size:0.7em
}
div#proposte ul li.colore{background:transparent url(../immagini/bg_proposte-2.jpg) repeat-x top left;}

/*menu-up*/

ul#menu-up{
	position:absolute;
	top:-21px;
	width:750px;
	height:20px;
	list-style-type:none;
}

ul#menu-up li{
	text-align:center;
	float:right;
	padding:0 3px;
}

ul#menu-up li a{
	font-size:0.8em;
	display:block;
	padding:0 4px;
	color: #eee; 
	text-decoration:none;
}

ul#menu-up li a:hover{color: #fff;background-color:#563a06;margin-top:2px;border-top:2px solid #FFF;}


/*NAVIGAZIONE*/

#nav{
	position:absolute;
	top:45px;
	left:355px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	padding:8px 12px;
	height:35px;
	color:#6b6b6b;
	font-weight:bold;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	width:auto; /* width needed or else Opera goes nuts */
}

#nav a:hover{color:#FFF;border-top:1px solid #000;}

* html #nav li {width:10px;} /*SOLO IE*/

#sm-bev{position:absolute;top:82px;right:10px;text-align:center;visibility:hidden;z-index:500;background-color:#aa0101;height:20px}
/*#sm-bev{width:250px;float:right;margin:12px auto 0 auto;text-align:center;height:25px;visibility:hidden;}*/
#sm-bev ul{list-style-type:none;}
#sm-bev li{display:inline;padding:0 5px;}
/*#sm-bev li a{border:1px solid #ccc;padding:2px;text-decoration:none;font-size:0.8em; background-color:#fff}*/
#sm-bev li a{padding:0 2px;text-decoration:none;font-size:0.8em;color:#fff}
#sm-bev li a:hover{color:#fdff84;text-decoration:underline;}

body#home a#navhome, body#menu a#navmenu, body#bevande a#navbevande, body#servizi a#navservizi, body#ristorante a#navristorante{color:#fdff84;border-top:1px solid #000;background-color: #a90101;}

body#dove a#navdove, body#link a#navlink, body#contatti a#navcontatti{color: #a90101;background-color:#FFF;margin-top:2px;border:1px solid #563a06;}

/*LISTE*/

#elenco-pallino ul{
	margin: 0;
	list-style-type: none; 
	padding:0.8em 0 0.8em 1em;
}
#elenco-pallino ul li {
	padding-left:1.5em;
	font-size:0.8em;
	background:transparent url(../immagini/list_elenco_portate.gif) no-repeat center left;
	border-bottom:1px solid #eee;
}
#elenco-pallino ul li.titolo {
	padding:0;
	font: bold italic 1.6em "Times New Roman", serif;
	color: #a90101;
	margin: 0.4em 0 0.3em 0;
	background:none;
	background:transparent url(../immagini/bg_h2.gif) top left no-repeat;
	padding-left:25px;
	border:none;	
	
}

#elenco-pallino ul li#evidenza {
	border:1px solid #dfdcce;
	background-color:#f0eddf;
	margin:3px 0;
	padding:2px 4px;
	font-weight:bold;
	background-image:none;
}

/* FORM */
input, textarea { 
	background-color:#fff; 
	font: 0.7em/1em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; 
	border: 1px solid #ccc; 
	padding: 0.5em; }

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #a90101; }

p.input{font-size:0.8em}
p.input input, textarea { width: 300px;}
#colonna-dx p.input input, #colonna-dx textarea { width: 165px; }

.bottone{padding:0.2em;margin:5px 0}

/*IMG DX*/

ul.thumbs{margin:10px auto}
ul.thumbs li { display: block; float: left; padding: 3px 3px 0 3px; }
.thumbnail { padding: 2px; border: 4px solid #eee; background: #fff; float: left; margin: 0 0 3px 0; }
#colonna-dx ul.thumbs { clear: both; width: 165px; overflow: hidden; }
a:hover img.thumbnail { border: 4px solid #b71221; }


/* VARIE */

img, a img { border: 0;}
a.no-bg{ background-color:transparent;}
.c-both { clear: both; }
.errore {color:red; padding: 4px 0; font-size:0.8em;font-weight:bold;}

div#title h1 {text-indent:-8000px}

.img-leftb { float: left; margin:5px 10px 0 0;border: 4px solid #195b81; }
.img-b { margin:5px 0;border: 4px solid #195b81; }
.img-left { float: left; margin:5px 10px 0 0;}
.img-right { float: right; margin:5px 0 0 10px;}
.butt-info{position:absolute;top:0;right:0}
#proposte a.small{font-size:0.6em;}

p.separatore{
	clear:both;
	background:transparent url(../immagini/separatore_paragrafi.gif) no-repeat top center;
	height:39px;
	margin-bottom:5px;
}