/* CSS Document */

html{
	background-color:#000000;
}

*:first-child+html{/*solo per ie7*/
	overflow:auto;
}

html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

a, a:active, a:link{
	outline:none;
	color:#be9159;
	text-decoration:none;
}

a:hover{
	color:#992323;
}

h1, h2, h3{
	margin:0;
	padding:0;
}

p{
	padding:0;
	margin:-3px 0 0 0;
	background:red;
}


/*----------------------*/


#top{
	position:relative;
	z-index:10;
	height:110px;
	margin:0 0 -110px 0;
	background:url(images/sf-top.png);
}

#logo{
	margin:0 auto;
	width:180px;
	height:110px;
	background:url(images/logo.png) 50% 0 no-repeat;
}

#logo h1{
	position:relative;
	overflow:hidden;
	height:110px;
	margin:0;
	padding:0;
}

#logo a{
	display:block;
	width:180px;
	height:110px;
	padding:110px 0 0 0;
}


/*--------------------------------------*/


#contenitore{
	z-index:1;
	position:relative;
	width:100%;
	min-width:1000px;
	min-height:100%;
	margin:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

#sito{/*questo div mi serve solo per controllare l'altezza della pagina*/
	position:relative;
	overflow:auto;
	width:1000px;
	margin:0;
	padding:300px 0;
}

#bottom{
	position:relative;
	z-index:10;
	height:80px;
	margin:-80px 0 0 0;
	background:url(images/nero80.png);
}


/*-----------------------------------------*/


#menu{
	position:relative;
	overflow:auto;
	margin:0 auto;
	width:640px;
}

#menu ul{
	position:relative;
	overflow:auto;
	margin:20px auto;
	padding:0;
	list-style-type:none;
}

#menu li{
	overflow:hidden;
	float:left;
	height:11px;
	padding:0 20px;
	line-height:11px;
	border-left:1px solid #992323;
}

#menu li.primo{
	border-left:none;
}

#menu li.ultimo{
	border-right:none;
}

#menu li a{
	display:block;
	padding:11px 0;
	height:11px;
	text-decoration:none;
}

#menu li a.home{
	width:42px;
	background:url(images/menu.gif) 0 0 no-repeat;
}

#menu li a.osteria{
	width:62px;
	background:url(images/menu.gif) -82px 0 no-repeat;
}

#menu li a.food{
	width:87px;
	background:url(images/menu.gif) -184px 0 no-repeat;
}

#menu li a.news{
	width:104px;
	background:url(images/menu.gif) -311px 0 no-repeat;
}

#menu li a.gallery{
	width:64px;
	background:url(images/menu.gif) -455px 0 no-repeat;
}

#menu li a.info{
	width:35px;
	background:url(images/menu.gif) -559px 0 no-repeat;
}


#chiusura{
	position:relative;
	margin:0 auto;
	font:normal 11px "Trebuchet MS", Arial, Verdana;
	color:#a88150;
	letter-spacing:1px;
	text-align:center;
}

#chiusura a{
	color:#a88150;
	text-decoration:none;
}

#chiusura a:hover{
	color:#992323;
	text-decoration:none;
}

.idlab{
	display:inline-block;
	overflow:hidden;
	width:45px;
	height:14px;
	background:url(images/idlab.gif) -40px 0 no-repeat;
}

.facebook{
	display:inline-block;
	overflow:hidden;
	width:71px;
	height:14px;
	background:url(images/facebook.gif) 0 0 no-repeat;
}

.idlab a, .facebook a{
	display:block;
	padding-top:20px;
}


/*-----------------------------------------*/


#contenuti, #contenuti2{
	position:absolute;
	overflow:hidden;
	z-index:5;
	margin:-190px auto 0 -450px;
	padding:20px;
	width:860px;
	height:340px;
	top:50%;
	left:50%;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	line-height:18px;
}

#contenuti{
	background:url(images/sf-cont.png) 0 0 no-repeat;
}

#contenuti2{
	background:url(images/nero80.png);
}


/*-------------------------------------------------------------*/


#chiudi{
	position:absolute;
	overflow:hidden;
	right:5px;
	top:5px;
	width:7px;
	height:6px;
	background:url(images/x.gif) 0 0 no-repeat;
}

#chiudi a{
	display:block;
	padding-top:10px;
}

#sinistra{
	position:relative;
	overflow:hidden;
	float:left;
	width:370px;
	height:340px;
	margin-right:40px;
}

#destra{
	position:relative;
	overflow:hidden;
	height:341px;
}

#news_home, #news_gen{
	position:relative;
	/*overflow:auto;*/
	margin-bottom:20px;
}

#news_home a, #news_gen a{
	position:relative;
	overflow:auto;
	display:block;
	color:#fff;
	text-decoration:none;
}

#news_gen a{
	min-height:79px;
}

#news_home a:hover, #news_gen a:hover{
	background-color:#000;
}

#news_home a img{
	/*position:relative;*/
	float:left;
	margin:0 10px 5px 0;
	border:1px solid #a88150;
	width:150px;
	height:100px;
}

#news_gen a img{
	position:relative;
	float:left;
	margin:0 10px 0 0;
	border:1px solid #a88150;
	width:100px;
}

#news_home a strong, #news_gen a strong{
	font:normal 16px "Trebuchet MS", Arial, Verdana;
	color:#e23533;
	line-height:16px;
}

#news_home a i, #news_gen a i{
	font:normal 11px "Trebuchet MS", Arial, Verdana;
	color:#a88150;
	text-transform:capitalize;
}


#gallery_home{
	position:relative;
	overflow:auto;
	margin-right:-15px;
	z-index:8;
}

#gallery_home img{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #a88150;
	width:103px;
	height:73px;
}

#news_dett{
	position:relative;
	/*overflow:auto;*/
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	letter-spacing:0.7px;
}

#news_dett img{
	float:right;
	width:250px;
	margin:0 10px 0 10px;
	border:1px solid #a88150;
}

#news_dett a{
	font:normal 11px "Trebuchet MS", Arial, Verdana;
	color:#a88150;
	text-decoration:none;
}

#news_dett a:hover{
	color:#db3433;
	text-decoration:none;
}

#news_dett strong{
	color:#db3433;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	text-transform:capitalize;
	margin-bottom:10px;
	display:inline-block;
}

#testolungo{
	position:absolute;
	width:370px;
}

#testolungo2{
	position:absolute;
	width:460px;
}

#frecce, #frecce2{
	position:absolute;
	bottom:0;
	right:0;
	font-size:6px;
	line-height:6px;
}


/*----------------------------------------------------------*/

.tit_txt{
	font:normal 17px 'Trebuchet MS', Arial, Verdana;
	color:#a88150;
	letter-spacing:2px;
	text-transform:uppercase;
	line-height:16px;
	margin-bottom:10px;
}

.tit{
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	height:12px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.tit h2{
	padding-top:15px;
}

.benvenuti{
	background-image:url(images/tit-benvenuti.gif);
}

.ultimanews{
	background-image: url(images/tit-ultimenews.gif);
}

.ultimefoto{
	background-image:url(images/tit-ultimefoto.gif);
}

.dove{
	background-image:url(images/tit-dove.gif);
}

.info{
	background-image:url(images/tit-info.gif);
}

.osteria{
	background-image:url(images/tit-osteria.gif);
}

.food{
	background-image:url(images/tit-food.gif);
}

.sx{
	float:left;
	margin-right:10px;
}

.dx{
	float:right;
	margin-left:10px;
}


/*---------------------------------------------------------*/


/*--------------------------------------form----------------------------------------*/


form{
	position:relative;
	overflow:auto;/*serve per contenere i float con i browser più moderni*/
	margin:0 -10px 0 0;
	padding:0;
}

fieldset{
	position:relative;
	width:208px;
	float:left;
	border:1px solid #c6c6c6;
	padding:0 5px 5px;
	margin:0 0 10px 0;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#fff;
}
	
*:first-child+html legend{/*solo per ie7*/
	margin-left:-7px;
}
	
legend{
	border:none;
	padding:0;
	margin:0 0 3px 0;
	color:#aaaaaa;
	text-decoration: none;
	font:normal 14px Arial, Helvetica, sans-serif;
}

fieldset div{
	border:none;
	margin:0;
	padding:0;
	float:left;
}

label{
	border:none;
	float:left;
    display: inline;
	margin-left: 0;
	width:70px;
	height:22px;
    line-height:22px;
}

input{
	float:left;
	border:#a88150 solid 1px;
	margin:2px 0 0 5px;
	padding:0 3px;
	width:123px;
	height:16px;
	background:#fff;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#a88150;
}

input#cap{
	width:50px;
}

input#citta{
	width:123px;
}

input#prov{
	width:20px;
}
	
textarea{
	float:left;
	border:#a88150 solid 1px;
	margin:2px 0 0 0;
	padding:0;
	width:206px;
	height:150px;
	background:#fff;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#a88150;
}
	
.bottone{
	margin:7px 0 0 0;
	padding:0;
	width:100px;
	height:20px;
	border:none;
	background: #db3433;
	vertical-align:middle;
	font:bold 12px "Trebuchet MS", Arial, Verdana;
	color:#fff;
}
	
label.piccolo{
	width:30px;
	height:15px;
    line-height:15px;
}
	
label.medio{
	width:60px;
	height:15px;
    line-height:15px;
}
	
input.radio{
	background:none;
	border:none;
	margin:1px 10px 0 0;
	width:auto;
}
	
textarea.informativa{
	height:94px;
	font:normal 11px "Trebuchet MS", Arial, Verdana;
	color:#a6a6a6;
}















#main_nav{
	position:absolute;
	z-index:3;
	top:50%;
	margin-top:-24px;
	padding:0;
	width:100%;
	height:48px;
}

#main_btn_indietro{
	float:left;
	overflow:hidden;
	display:block;
	width:44px;
	height:48px;
	background:url(images/prev.png) 0 50% no-repeat;
}

#main_btn_avanti
{
	float:right;
	overflow:hidden;
	display:block;
	width:44px;
	height:48px;
	display:block;
	background:url(images/next.png) 0 50% no-repeat;
}

#main_btn_indietro img, #main_btn_avanti img{
	border:none;
}

#fondo.start{
	position:absolute;
	overflow:hidden;
	visibility:hidden;
	bottom:80px;
	width:100%;
	height:1px;
	text-align:center;
	background:url(images/ghost.gif);
}

#menugallery{
	position:relative;
}

#menugallery a{
	position:relative;
	display:block;
	margin:0 auto;
	width:140px;
	height:24px;
	background:url(images/nero80.png);
	/*background:black;*/
	font:bold 14px "Trebuchet MS", Arial, Verdana;
	color:#be9159;
	text-decoration:none;
	text-align:center;
	line-height:24px;
	letter-spacing:2px;
}

#thumbs{
	position:relative;
	overflow:hidden;
	/*border-top:1px solid black;*/
}

.btn_indietro{
	background:url(images/prev2.png) 0 0 no-repeat;
}

.btn_avanti{
	background:url(images/next2.png) 0 0 no-repeat;
}

.btn_indietro,.btn_avanti{
	overflow:hidden;
	float:left;
	width:25px;
	height:92px;
	margin:0;
}

.btn_indietro a, .btn_avanti a{
	display:block;
	padding-top:90px;
}

#contestata{
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
	height:92px;
	background: url(images/black50.png);
}

#testata{
	position:absolute;
	margin:0;
	padding:0;
	height:92px;
}

#tenth{
	width:10000px;
	background:url(images/ghost.gif);
}

#tenth img{
	float:left;
	margin:10px 10px 10px 0;
	border:1px solid #a88150;
}


#picture{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	background-position:50% 50%;
}

#googlemap
{
width:370px;
height:200px;
}