html, body { margin:0; padding:0; height:100%; }
body { text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:1.5; background:#FFF url(bg2.jpg); color: #666666; }

#wrap { width:100%; background:url(template.png) no-repeat bottom center; padding-bottom:100px; }

#header, #container, #footer { width:960px; margin:0 auto; } 
#footer {  padding:35px 0 0 0; }

#logo { background:transparent url(logo2.png) no-repeat scroll 0 0; width:960px; height:125px; text-indent:-9999px; }

#footer .brands { width:220px; float:left; display:inline; margin:0 10px 25px 10px; text-indent: -9999px; }
#footer #ristorante-apollinare { padding-left:110px; }
#footer #restaurant-consulting { padding-right:110px; }
#footer .brands a { width:220px; height:100px; display:block; background-repeat:no-repeat; }
#footer .brands a:hover { background-position:0 -100px; }
#footer #ristorante-apollinare a { background-image:url(ristorante-apollinare.png); }
#footer #osteria-olmo a { background-image:url(osteria-olmo.png); }
#footer #restaurant-consulting a { background-image:url(restaurant-consulting.png); }
#footer p.partners { margin-top:15px;} 

#container .text { display:inline; float:left; margin:10px; width:300px; }
.first { margin-left:0; }
.last { margin-right:0; }
h2#toggler { cursor:pointer; border:2px solid #FFFFFF; width:300px; margin:10px auto; font-size:20px;}
p.phrase { text-align:justify; }
p.phrase:first-letter { font-size:42px; float:left; margin:3px 4px 0 0; color:#565875; line-height:0.7; }

/* DHONISHOW*/
#dhonis { overflow:hidden; position:relative; width:865px; padding:0 5px; z-index:0; border:7px solid #666666; margin:15px auto 0 auto; background:#F7F7F7; }
#shadow { width:875px; height:15px; margin:0 auto; padding:0; background:url(shadow.png) no-repeat; }
#dhonishow_1 { margin:5px; }
#dhonishow_0 { margin:5px 0 5px 0; }
#dhonishow_2 { margin:5px 0 5px 0; }
.dhonishow { overflow:hidden; float:left; display:inline; width:285px; }       
.dhonishow * { padding:0; margin:0; border:none; list-style:none; }                  
.dhonishow-image { overflow:hidden; width:285px; height:350px; text-align:left; position:relative; margin:0; padding:0;} 
.dhonishow-image li { position:absolute; left:0; top:0; margin:0; padding:0; }

/* form */
#box { width:620px; margin:10px; display:inline; float:left;}
form { width:620px; float:left; }
form fieldset div { padding: 0 0 10px 0; float: left; display: inline; width: 310px; }
fieldset { border:none; padding:0; margin:0; }
legend { margin:0; padding:0 0 10px 120px; color:#565875; font-size:18px; font-style:italic;}
label { padding-right:10px; width: 100px; display:block; float:left; text-align:right; }
input, textarea { border:1px solid #666666; padding:2px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; width:185px; background:#F7F7F7; }
textarea { overflow:auto; width:495px; }
form div.textarea, form div.button { clear:both; width:620px; float:left; }
.button input { font-size:18px; font-style:italic; color:#565875; border:0; padding:0; height:auto; float:left; width:auto; background:none; cursor:pointer; margin:0 0 0 120px; }
.button p { margin:0; padding-right:40px; float:right;  }
.hoverfocus { border:1px solid #000;}
#response { border:1px solid #666666; background:#F7F7F7; margin:10px 0  10px 115px; width:475px; padding:10px; text-align:left; }

/* articolo */
p.articolo { width:570px; margin:0 auto; padding:10px 0; background:#F7F7F7; line-height:2;}
p.articolo a { margin:0 10px; padding:0 5px; white-space:nowrap; float:left; }
div.thumbs, div#articolo { width:940px; margin:15px auto; }
div.thumbs dl { float:left; width:170px; margin:0 20px 20px 0; border:1px solid #666666; background:#F7F7F7; text-align:center; } 
div.thumbs dt { padding:5px 0;}
div.thumbs dd { margin:0; padding:0 5px 5px 5px; font-size:9px; } 
div.thumbs dl.last { margin-right:0; }
#articolo ul { margin:5px 0; padding:0 10px; list-style-type:none; text-align:left;}
#articolo li { margin:5px 0 8px 0; padding-left:15px; background:transparent url(bullet.gif) no-repeat left 3px; }

/* common */
h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal;}
h2 { font-size:18px; line-height:1.8; font-style:italic; color: #565875; }
h3 { padding:5px 0; color:#565875; font-size:16px; font-style:italic;}
ul, li { margin:0; padding:0; list-style-type:none; }
p { margin:0; padding:0 0 3px 0; }
a { text-decoration:none; color:#565875; }
a:hover { color:#000000; }
img { border:none;}
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.small { font-size:10px;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.float-left { float:left; padding:10px 10px 10px 0; }
.float-right { float:right; padding:10px 0 10px 10px; }
hr { clear:both; height:0; line-height:0; margin:0; border:0; padding:0; visibility:hidden; }
.clear { clear:both; }

/* Clear Floated Elements */
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; 	visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
#shadowbox_overlay { visibility: hidden; position: absolute; display: block; margin: 0; padding: 0; top: 0; left: 0; z-index: 998;}
#shadowbox_container { position: fixed; height: 0px; width: 100%; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: center;}
#shadowbox { display: none; visibility: hidden; margin: 0 auto; position: relative; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; color: #666666;}
#shadowbox_title { height: 30px; padding: 0; overflow: hidden;}
#shadowbox_title_inner { height: 16px; font-size: 16px; line-height: 16px; white-space: nowrap; padding: 10px 0 4px 10px; background-color:#fff;}
#shadowbox_body { position: relative; overflow: hidden; margin: 0; padding: 0; border: 10px solid #fff; background-color: #F7F7F7;}
#shadowbox_body_inner { position: relative; overflow: hidden;}
#shadowbox_loading { position: absolute; top: 0; left: 0; height: 10000px; width: 100%; background-color: #eee; }
#shadowbox_loading img { float: left; margin: 10px 10px 0 10px;}
#shadowbox_loading span { float: left; margin-top: 16px; font-size: 12px;}
#shadowbox_loading span a, #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color: #fff; }
#shadowbox_content.html { height: 100%; width: 100%; overflow: auto; }
#shadowbox_toolbar { margin: 0; padding: 0; height: 26px; overflow: hidden;}
#shadowbox_toolbar_inner { height: 26px; background-color: #fff;}
#shadowbox_toolbar_inner div { padding-top: 6px; font-size: 12px; height: 10px;  line-height: 10px;}
#shadowbox_toolbar_inner div span.shortcut { text-decoration: underline; font-weight: bold;}
#shadowbox_toolbar_inner div a { text-decoration: none; color: #666666; }
#shadowbox_nav_close, #shadowbox_nav_previous, #shadowbox_nav_next { float: right; padding-right: 10px;}
#shadowbox_counter { float: left; padding-left: 10px;}
#shadowbox_counter a { padding: 0 4px 0 0;}
#shadowbox_counter a.shadowbox_counter_current { text-decoration: underline; font-weight: bold;}
div.shadowbox_message { text-align: center; padding: 10px;}
div.shadowbox_message a:link, div.shadowbox_message a:visited { text-decoration: none; color: #bed333; }
div.shadowbox_message a:hover, div.shadowbox_message a:focus { text-decoration: underline; }