@import url("reset.css");
.clear {clear: both; }

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../img/bg.jpg) no-repeat center top #2b0a07; margin:0; font-size:14px; color:#fff;}

#container {margin:0 auto; margin-top:30px; width:940px; background:url(../img/bg_container.jpg) no-repeat center top #110b0b;}
#header {width:940px; height:140px; position:relative;}
#logo{position:absolute; left:10px; width:180px; height:135px; background:url(../img/logo.jpg) no-repeat; }
#logo h1{ position:absolute; top:-200px;}

#keypagina {position:absolute; top:-25px; right: 10px; font-size:10px; color: #760}

#indirizzi{position:absolute; top:10px; right:20px; color:#95815c; font-size:14px; text-align:right;text-shadow: #361511 1px 1px; font-variant:small-caps;}
#indirizzi a, #indirizzi span{color:#e0d2b6;}
.icona_booking {background: no-repeat scroll 0% 0% transparent; position: relative; top: 0px; left: 0px; width: 23px; height:23px; overflow: hidden; display:inline-block}

a {text-decoration:none}
a:hover {color:#ccc}


#testo {margin:10px 10px 0 10px; font-size:12px}

#content{min-height: 400px; height: auto !important; height: 400px; padding:10px;} 

#content_page{min-height: 100px; height: auto !important; height: 100px; padding:10px;} 
#content_page h2{line-height:20px; color:#e0d2b6; margin:30;  padding:5px; font-size:18px; border-bottom: solid 1px #FFF; font-weight:normal; }	
#content_page p{line-height:1.4em; color:#e0d2b6; padding:5px; font-size:14px;}	
#content_page ul li{line-height:1.2em; color:#e0d2b6; font-size:14px; list-style:square; margin-left:30px;}	
#content_page a{color:#FFF}
#content_page h3 {margin-top: 20px;}

#footer{margin:0 auto 10px; width:940px; height:50px; background:url(../img/bg_footer.jpg) no-repeat center bottom; font-size:10px; color:#e0d2b6; text-align:center; text-shadow: #361511 1px 1px; font-variant:small-caps; line-height:30px;}
#credits{ text-align:right; margin: 10px;}
#credits a{ text-decoration:none; color:#FFF; font-size:10px;}

#language_switch  {margin:0; padding:0; text-align:right; position:absolute;right:0px;top:75px; height:18px; width:42px; float:left; overflow: hidden;}
#language_switch li {float:left;background:url(../img/sprite_lingue.png) no-repeat;width:24px;height:24px;text-indent:240px ;margin-right:2px;}
#language_switch li.last  {margin-right:0;}
.active span {position:absolute;left:0;top:-200px;}
#language_switch li a {display:block;width:0;height:24px;padding-left:24px;}
#language_switch li#language_it {background-position:left -24px;}
#language_switch li#language_it:hover  {background-position:left top;}
#language_switch li#language_it.active {background-position:left -49px; }
/*#language_switch li#language_en {background-position:-24px -24px;}
#language_switch li#language_en:hover{background-position:-24px top;}
#language_switch li#language_en.active {background-position:-24px -49px;}

#language_switch li#language_fr {background-position:-48px -24px;}
#language_switch li#language_fr:hover {background-position:-48px top;}
#language_switch li#language_fr.active {background-position:-48px -49px; }
#language_switch li#language_de {background-position:-72px -24px;}
#language_switch li#language_de:hover {background-position:-72px top;}
#language_switch li#language_de.active {background-position:-72px -49px; }
#language_switch li#language_es {background-position:-96px -24px;}
#language_switch li#language_es:hover {background-position:-96px top;}
*/
#menu {margin:0; padding:0;	position:absolute;top:100px; right:9px;	background:url(../img/bg_menu.jpg) no-repeat;	width:740px;	height:35px;	font-variant:small-caps;	font-size:16px;}
#menu ul {margin:0; padding:0; list-style:none; list-style-position:inside; text-align:center;}
#menu li {margin:0; margin-left:22px; padding:0; float:left; display:inline; list-style:none;line-height:35px; font-size:16px;}
#menu a {display:block; color:#e7dbcd; text-shadow: #361511 1px 1px; text-decoration:none;}
#menu a:hover {color:#960;}
#menu li.last{float:right; margin-right: 22px; min-width: 100px !important; width:auto; width: 100px; text-align:right;}

/* Slideshow*/
#foto {margin:0 10px; width:920px; height:400px; background:#CCC; position:relative; overflow:hidden; float:left; display:inline}
#fotoridotta {margin:0 10px; width:920px; height:300px; background:#CCC; position:relative; overflow:hidden; float:left; display:inline}
#foto ul {display:none; z-index:1;}
#fotoridotta ul {display:none; z-index:1;}
#txt{ position:absolute; bottom:0px; right:10px; z-index:200;}
#SlideShow{position:absolute; z-index:0; overflow:hidden;}
#slide{position:absolute; z-index:0;  overflow:hidden;}
#stop{position:absolute; z-index:300; bottom:2px; left:40px;}
#play{position:absolute; z-index:300; bottom:2px; left:10px;}
#didascalia {z-index:100; position:absolute; top:10px; font-size:12px; padding:10px; text-align:right; color:#ffffff;background:#333; right:0px; width:719px;}

/* sezioni homepage */
#gallo {cursor:pointer; display:inline; float:left; margin:0 16px; background:url(../img/ristorante_gallo_di_pietra.jpg) no-repeat; width:220px; height:210px;}
#offerte {display:inline; float:left; margin:0 5px; width:330px; height:210px;}
#news {display:inline; float:left; margin:0; width:330px; height:210px;}

#pannelli{ float:left; display:inline; background:url(../img/bg_pannelli.png) repeat-x top; margin:3px 9px; padding:0; color:#959595; font-size:10px}
#pannelli h2{ margin:0 10px; padding:0; color:#FFF; line-height:30px; text-align:center; font-variant:small-caps; font-size:16px; font-weight:normal;}
#pannelli a{ font-size:14px; color:#e0d2b6}

/* Pagina prenotazioni */
#registrazione {width: 400px; float: right; margin-right: 15px}
#registrazione h2 {padding: 15px}

#richiesta_info {width:10px; margin:0 10px; z-index:100;}
#richiesta_info h2 {color:#fff; font-size: 16px; padding: 10px 5px} 
#registrazione a {text-decoration: underline; color:#fff; font-size: 10px}
form input {font-size:10px;}
fieldset {background:#998;}
fieldset div {line-height:20px; padding:5px 5px 0 5px; text-align:right; border-bottom:solid 1px #fff;}
input, textarea, select, button, label {color: #312E64; border:none; padding:1px; margin: 6px 0}
label {margin:6px 15px 0 0; float:left; text-align:right }
input.send {color: #312E64; border:none; padding:2px 10px; width:200px;}
p#campiobbligatori {font-size: 10px; text-align:left; }

#loading_form{ z-index:1000; height:100%; width:100%; background:url(../img/loading.gif) no-repeat center #e9ebf0;}
.campo_obbligatorio{ background:#FFCCCC; border:solid 1px #FF9999}
.form_disabled{ background:#ddc; border:solid 1px #999999}

#tariffe{color:#fff; font-size:10px; float:right; display:inline; width:380px;  margin:10px; float: left}
#tariffe table{ width: 480px : margin-left: 20px}	
#tariffe caption{ line-height:20px; color:#e0d2b6; padding:5px; font-size:18px; border-bottom: solid 1px #FFF; }	
#tariffe tbody td{ line-height:20px; padding:5px; border-bottom: solid 1px #FFF;}	
#tariffe tbody th{ line-height:20px; background:#e0d2b6; padding:5px; border-bottom: solid 1px #FFF;}	

#planning {color:#fff; font-size:10px; float:left;  margin:0px 10px 10px  ;}	
#planning table {width:915px}	
#planning caption{ line-height:20px; color:#e0d2b6; padding:5px; font-size:18px; border-bottom: solid 1px #FFF; }	
#planning tbody td{ line-height:20px; padding:5px; border-bottom: solid 1px #FFF; margin:4px;}	
#planning tbody th{ line-height:20px; padding:5px; border-bottom: solid 1px #FFF;}	

#planning td , #tariffe td{ font-weight: bold;}
#planning .color1, #tariffe .color1{background: #f75; color: #000}
#planning .color2, #tariffe .color2{background: #f7b26e; color: #000}
#planning .color3, #tariffe .color3{background: #fe9; color: #000}
#planning .color4, #tariffe .color4{background: #ceb; color: #000}

/* Pagina gallery */
.gallery {width: 950px;}
.gallery ul { list-style: none; }
.gallery ul li { display: inline; }
.gallery ul img {width:100px; height:100px; vertical-align:middle; border: 5px solid #110b0b; border-width: 5px 5px 5px;}
.gallery ul a:hover img {border: 5px solid #e0d2b6; color: #fff;}
.gallery ul a:hover { color: #fff; }
#gallery1 div{ float:left; display:inline; margin:10px;}
#gallery1 a{ text-decoration:none}


#map1 {color:#600}
label.labelchiara {color:#cc5}

/* pagina eventi */
.news { background: #95815C; width: 420px;  min-height: 200px !important; height:auto; height: 200px;; float: left; margin: 10px; padding:5px}
.news a { font-size:16px; line-height: 1.5em; color:#fff}
.news a.hover {text-decoration: underline}



#offerteinterne {width: 900px; height: auto;}
#offerteinterne li {display: inline; width: 230px; height:220px; background: #422; float: left; margin:20px;  padding:10px; overflow: hidden;}
#offerteinterne li img {border: solid 3px #fff;}
#offerteinterne li strong {display: block; margin: 4px 0 0 0; font-size: 15px}