/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
a { outline:none; text-decoration:none; }
img { border:none; }
.clear { clear:both; margin:0; padding:0; }
/* HTML ELEMENTS */
body { background-color:#231a16; font:62.5% Arial, Helvetica, sans-serif; letter-spacing:1;}

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:790px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:790px; position:absolute; }
#ristorante { background-image:url(../images/bg_ristorante.jpg); z-index:-1;}
#carta { background-image:url(../images/bg_carta.jpg); z-index:-1; }
#gallery { background-image:url(../images/bg_gallery.jpg); z-index:-1; }
#eventi { background-image:url(../images/bg_eventi.jpg); z-index:-1; }
#dovesiamo { background-image:url(../images/bg_dovesiamo.jpg); z-index:-1; }
#contatti { background-image:url(../images/bg_contatti.jpg); z-index:-1; }

/* NAVIGATION */
#content { height:588px; position:relative; top:0; background:url("../images/bg_totale-rep.png") repeat-x scroll; }
#navigation { height:151px; width:900px; padding:20px; margin:0 auto; }
#navigation h1 { background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; height:140px; width:363px; text-indent:-9999px; }

/* MAIN */
#main { width:874px; height:287px; margin:30px auto 0; background:url(../images/bg_body.png) no-repeat scroll; position:relative; padding:25px 35px 15px 35px; }
#main .titolo { position:absolute; top:-43px; left:25px;}
#map_canvas { height:250px; width:874px; }
#main p.intro { line-height:2; font-size:1.3em; padding:0 0 20px 0; }
#main p.carta { line-height:1.5; font-size:1.2em; padding:0 0 20px 0; }
#main .gallery { width:712px; margin:0 auto; }
#main .menu { float:left; width:435px; }
#main .menu .testo { float:right; width:300px; }
#main .menu img { float:left; }
#main .menu .testo h3 { font-size:1.5em; }
#main .menu .testo p { line-height:1.375; font-size:1.2em; }
#main .menu p.download img { float:none; display:inline; vertical-align:middle; }
#main .menu p.download { font-size:16px; font-weight:bold; color:#172d3a; padding:10px 0 0 0;}
#main .evento { width:717px; height:245px; margin:0 auto;}
/*#main .evento p { padding:72px 0 0 10px; }*/

/* FORM */
#main .contatti {
		width:874px;
		margin:0 auto;
		height:482px;
		background-image:url(../images/contatti_bg.jpg);
		position:relative;
	}

	#main .contatti form {
		width:874px;
		margin:0 auto;
	}

	#main .contatti .left {
		float:left;
		width:510px;
	}
	#main .contatti .right {
		float:right;
		width:320px;
		font-size:12px;
		position:relative;
	}
	#main .contatti .right p {
		padding:8px 0;
	}
	#main .contatti .right p.first {
		padding-top:0;
	}
	
	
	#main .contatti input {
		background:url(../images/contatti_sprite.png);
		border:none;
		width:189px;
		height:23px;
		padding:0 0 0 10px;
		color:#fff;
		font-style:italic;
		margin-bottom:5px;
		outline:none;
	}
	
	#main .contatti input.data {
		width:75px;
	}
	#main .contatti input.persone {
		width:30px;
	}
	
	#main .text {
		background:url(../images/contatti_sprite.png) no-repeat scroll 0 -46px;
		width:510px;
	}
	
	#main .contatti textarea {
		background:transparent;
		border:none;
		width:480px;
		height:60px;
		padding:5px 20px 5px 10px;
		color:#fff;
		font-style:italic;
		display:block;
		margin-bottom:5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		overflow:auto;
		outline:none;
		resize:none;
	}
	
	#main .contatti div.disclaimer {
		text-align:justify;
		width:510px;
		float:left;
		color:#000;
		font-size:10px;
	}
	
	#main .contatti div.disclaimer p {
		margin:0;
	}
	
	#main .contatti div.buttons {
		text-align:right;
		width:188px;
		float:right;
		color:#000;
		height:80px;
	}
	
	#main .contatti .imageCheck {
		border:none;
		width:15px;
		height:15px;
		display:inline;
	}
	
	#main .contatti div.buttons span {
		height:21px;
		width:50px;
		background:url(../images/contatti_sprite.png) no-repeat scroll -541px -274px;
		text-align:center;
		padding:5px 20px;
		color:#daab7f;
		clear:both;
		display:block;
		float:left;
	}
	
	#main .contatti div.buttons span a {
		color:#daab7f;
		text-decoration:none;
	}
	
	#main .contatti div.buttons span.invia {
		padding:5px 20px;
	}
	
	#main .contatti .right a {
		position:absolute;
		right:0;
		bottom:0;
	}


/* MENU */
#menu { position:relative; margin:0 auto; width:960px; height:40px; }
#menu ul { list-style:none; }
#menu ul li { float:left; font-variant:small-caps; font-size:12px; }
#menu ul li a { display:block; height:40px; width:130px; color:white; text-decoration:none; font-weight:bold; text-indent:-9999px; }
#menu ul li a.home { background:url(../images/menu_home.png) no-repeat scroll center center; }
#menu ul li a.ristorante { background:url(../images/menu_ristorante.png) no-repeat scroll center center; width:170px; }
#menu ul li a.carta { background:url(../images/menu_carta.png) no-repeat scroll center center; }
#menu ul li a.gallery { background:url(../images/menu_gallery.png) no-repeat scroll center center; }
#menu ul li a.eventi { background:url(../images/menu_eventi.png) no-repeat scroll center center; }
#menu ul li a.dovesiamo { background:url(../images/menu_dovesiamo.png) no-repeat scroll center center; }
#menu ul li a.contatti { background:url(../images/menu_contatti.png) no-repeat scroll center center; }
#menu ul li a:hover { text-decoration:none; }

/* FRASI */
#frasi { background:url(../images/bg_totale-frase.png) repeat-x scroll; text-align:center; z-index:100; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* SLIDE HOME */
#nav { position: absolute; top: 10px; right: 33px; height:47px;	z-index: 100; line-height: 40px; }
#nav a { display:block;	width:16px;	height:16px; background-image:url(../images/circle_off.png); float:left; outline:none;	text-indent:-9999px; }
#nav a.activeSlide { background-image:url(../images/circle_on.png); }
.slideshow .image { height:198px; width:878px; margin:20px 0 0 0;position:absolute;top:0;left:0;background:#fff;}
.slideshow { padding:20px 0 0 0; height:198px; width:878px; z-index:100;background:#fff;}

/* HEADER HAVIGATION */
#headernav-outer { position:absolute; top:15px; right:30px; }
#headernav {  }

/* FOOTER */
#footer {
	width:880px;
	margin:0 auto;
	color:#827f7e;
	padding:10px 0 0 0;
	height:140px;
	font-size:1.3em;
	font-style:italic;
}
.foot_a, .foot_b, .foot_c {
	float:left; height:120px;
}
.foot_b { width:418px; border-right:1px solid #fff;border-left:1px solid #fff;padding:0 0 0 20px;}
.foot_a { width:220px;padding:48px 0 0 0; }
.foot_c { width:200px;padding:35px 0 0 20px; }

#footer a {
	text-decoration:none;
	color:#827f7e;
}
