/* CSS Document */

html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

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

body{
	background:#fffefe url(images/bg03.jpg) 0 0 repeat-x;
}

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

p.flright{
	padding:0 20px
}


hr{
	margin:18px 0 15px;
	border:0;
	height:1px;
	size:1px;
	background:#d2c6ae;
	color:#d2c6ae;
}

a{
	outline:none;
	color:#b69c42;
	text-decoration:none;
}

a:hover{
	color:#a0895c;
}


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


#contenitore{
	z-index:1;
	margin:0 auto;
	padding:0;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#contenuti{
	position:relative;
	overflow:auto;
	z-index:1;
	margin:0 auto;
	padding:0 0 160px;
	width:940px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#5c4833;
	line-height:20px;
}

#fondo{
	z-index:2;
	width:100%;
	height:130px;
	margin:-130px auto 0;
	padding:0;
	background:url(images/bg-bottom03.gif) left 5px repeat-x;
	font:normal 11px Arial, Helvetica, sans-serif;
	/*color:#7c7146;*/
	color:#d4cfb9;
	text-align:center;
	line-height:16px;
	position:relative;
	overflow:hidden
}

#fondo a{
	/*color:#7c7146;*/
	color:#d4cfb9;
}

#fondo a:hover{
	color:white;
}

#indirizzo{
	width:860px;
	margin:0 auto;
	padding:25px;
	text-align:left;
	background:url(images/bg-bottom03.gif) left top repeat-x;
}

#recapiti{
	float:right;
	text-align:right;
	z-index:99
}

#idlab{
	display:inline-block;
	overflow:hidden;
	width:92px;
	height:26px;
	margin:5px 0 0;
	background:url(images/idlab03.gif) no-repeat;
}

#idlab a{
	display:block;
	padding-top:35px;
}


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


#logo{
	overflow:hidden;
	margin:0 auto 5px;
	width:305px;
	height:145px;
	background:url(images/logo-ristorantesanmarco.png) center 15px no-repeat;
}

#logo h1 a{
	display:block;
	padding-top:150px;
}

#testa{
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding:15px 15px 10px;
	width:900px;
	height:260px;
	background:url(images/bg-testa.gif) 15px 15px no-repeat;
}

#testacornice{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:930px;
	height:290px;
	background:url(images/traccia-top.png) 0 0 no-repeat;
}

#menu{
	position:relative;
	margin:0 auto;
	padding-bottom:10px;
	width:910px;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}

#menu li{
	display:inline;
	padding:0 18px;
	border-right:1px solid #494636;
	font:normal 13px Arial, Helvetica, sans-serif;
	/*color:#494636;*/
	color:#d4cfb9;
	text-transform:uppercase;
	letter-spacing:0;
	/*overflow:hidden;
	float:left;
	height:17px;
	background-image:url(images/menu01.gif);
	background-repeat:no-repeat;*/
}

#menu li.ultimo{
	border:none;
}

#menu li a{
	color:#d4cfb9;
	/*color:#494636;*/
}

#menu li a:hover{
	color:#fff;
}


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


#top{
	position:relative;
	overflow:hidden;
	width:930px;
	margin:20px 0 0 10px;
}


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


/*#news{
	float:left;
	width:490px;
}


#news .titolino{
	display:inline-block;
	padding:5px 25px;
	width:inherit;
	background:url(images/bg-tit.gif);
}*/

#newsbig{
	position:relative;
	overflow:auto;
	padding:20px 40px;
}

.new{
	position:relative;
	overflow:auto;
	padding:15px 0;
	margin:0 0 15px;
	border-bottom:2px dotted #e0ddce;
}

.new .data{
	float:left;
	padding:0 3px;
	background:#b0a880;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
}

#contenuti .new p{
	position:relative;
	overflow:auto;
	border-left:1px solid #b0a880;
	padding:0 0 0 15px;
	margin:0;
}

.new strong{
	font:bold italic 21px Arial, Helvetica, sans-serif;
	color:#6a6140;
}

#chiusuranews{
	padding:5px 10px;
	background:url(images/bg-tit.gif);
	text-transform:uppercase;
	text-align:right;
}

#chiusuranews a{
	color:#6a6140;
	text-decoration:none;
}

#chiusuranews a:hover{
	color:#b0a880;
	text-decoration:none;
}



#gallery{
	padding:20px 20px 20px 40px;
	/*margin:20px 40px;*/
}

#gallery img{
	margin:0 20px 20px 0;
}

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


.quadro{
	float:left;
	overflow:hidden;
	width:270px;
	height:170px;
	padding:15px;
	margin-right:10px;
	background:url(images/bg-quadro.png) 0 0 no-repeat;
}

/*.quadro .titolino1{
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#463f1d;
}*/

.quadro div{
	overflow:hidden;
	width:270px;
	height:120px;
	margin:5px 0;
}

.quadro div a{
	display:block;
	padding-top:140px;
	cursor:pointer;
}

.uno div{
	background:url(images/matrimonio.jpg) 0 0 no-repeat;
}

.due div{
	background:url(images/cucina.jpg) 0 0 no-repeat;
}

.tre div{
	background:url(images/news02.jpg) 0 0 no-repeat;
}

.tre div:hover{
	background:url(images/newshover.jpg) 0 0 no-repeat;
}

.tre div a{
	padding:5px 10px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#4d4323;
	text-align:left;
}

.tre div a strong{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#6d6046;
	text-transform:uppercase;
	line-height:30px;
}

.quadro a{
	display:block;
	font:italic 14px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:right;
	color:#aaa484;
}

.quadro img{
	width:256px;
	height:96px;
	margin:10px 0;
	border-style:solid;
	border-width:2px;
}


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


.dettaglio{
	padding:20px 40px 0;
}

#contenuti div.cucina{
	float:left;
	width:529px;
}

#contenuti div.cantina{
	float:left;
	width:250px;
	border-left:1px solid #e0ddce;
	/*	padding-bottom:100px;
background:url(images/firma-GiampieroRossi.gif) 100px bottom no-repeat;*/
}

#contenuti div.chef{
	overflow:auto;
	/*float:right;
	border-left:1px solid #e0ddce;
	width:250px;*/
	padding-bottom:80px;
	background:url(images/firma-GiampieroRossi.gif) 700px bottom no-repeat;
}

#contenuti div.mappa{
	float:left;
	overflow:hidden;
	width:339px;
}

.sx{
	float:left;
	margin:0 10px 0 0;
}

.dx{
	float:right;

	margin:0 0 0 10px;
}

.bordo{
	border:5px solid #e0ddce;
}

.nobordo{
	border:none;
}

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


.titoli1{
	font:italic 36px "Times New Roman", Times, serif;
	color:#6a6140;
	letter-spacing:-0.5px;
}

.titoli2{
	font:italic 27px "Times New Roman", Times, serif;
	letter-spacing:-0.5px;
	color:#8f815b;
	line-height:26px;
}

.titolino1, .titolino2{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#463f1d;
	letter-spacing:0px;
	text-transform:uppercase;
}

.titolino2{
	color:#a29969;
}


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

form{
	/*position:relative;
	overflow:auto;serve per contenere i float con i browser pił moderni*/
	float:left;
	margin:0;
	padding:17px 40px;
	border-right:1px solid #e0ddce;
	width:440px;
}

fieldset{
	position:relative;
	width:440px;
	float:left;
	border:none;
	padding:0;
	margin:0 0 20px 0;
}
	
*:first-child+html legend{/*solo per ie7*/
	margin-left:-7px;
}
	
legend{
	border:none;
	padding:0;
	margin-left:0;
	color:#585858;
	text-decoration: none;
	font:normal 18px 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:125px;
	height:25px;
    line-height:25px;
	border-bottom:1px dashed #e0ddce;
}

input{
	margin:2px 0 2px 5px;
	padding:2px 5px 0;
	width:300px;
	height:20px;
}

form img{
	margin:2px 0 2px 5px;
}
	
input.cap{
	width:140px;
}

input.citta{
	width:250px;
}

input.prov{
	width:35px;
}

select{
	margin:5px 0 0 5px;
	padding:0 3px;
	width:auto;
	height:20px;
}
	
textarea{
	overflow:auto;
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	width:435px;
	height:120px;
}
	
input, select, textarea{	
	float:left;
	border:none;
	background:#e0ddce;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#555;
}

textarea.info{
	height:120px;
	background:#e0ddce;
	font:normal 12px "Courier New", Courier, monospace;
	color:#777;
}
	
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:40px;
}
	
.bottone{
	margin:5px 0 0 0;
	padding:0;
	width:160px;
	height:30px;
	line-height:27px;
	border:none;
	background:#b0a880;
	font:bold 16px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
}


.imageSlideshowHolder,.imageSlideshowHolder_left
{
	/*position:absolute;*/
	position:relative;	/* Don't remove this line */
	overflow:hidden;
	z-index:1;
	width:950px;
	height:270px;
	margin-left:0px;
}

/* Don't change these values */
.imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
}