html,body { margin: 0;	padding: 0; height:100%;}
body { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #5f2800; background: #f0eede url(/img/parquet.jpg) repeat;}
img {border: 0;}
ul {margin: 0; padding: 0; list-style-type: none;}

h1 {font-size: 24px;}
h2 {margin: 0; padding: 0 0 0 0; font-size: 20px;}
h3 {margin: 0; padding: 0 0 0 0; font-size: 14px;}
h4 {color: #bd5000; margin: 0; padding: 0 0 0 0; font-size: 16px;}

fieldset {border: 2px solid #bd5000; margin: 5px; padding: 5px;}
legend {color: #bd5000; font-weight: bold; padding: 3px; font-size: 18px;}
label {font-size: 18px; padding: 0; margin: 0;}
label.small {font-size: 14px;}
input {color: #5f2800; font: 20px Helvetica; padding: 2px; border: 1px solid #5f2800; background: #fff1e5; width: 98%;}
textarea {color: #5f2800; font: 20px Helvetica; padding: 2px; border: 1px solid #5f2800; background: #fff1e5; width: 98%;}
button {font-weight: bold; border: 2px solid #5f2800; background: #fff1e5; color: #5f2800; padding: 3px; width: 100px;}

a {color: #5f2800; text-decoration: none;}
a:hover {color: #bd5000; text-decoration: none;}

.error {border: 1px solid #ff0000;}

#page-wrap {margin: 0 auto; width: 960px;}

#header {position: relative; background: #edb558; height: 135px; margin-top: 10px; border: 3px solid #0d0000; text-align: center;}
#header img.left-leaf {position: absolute; top: 0; left: 2px;}
#header img.right-leaf {position: absolute; top:0; right: 2px;}

#container {background: #eb8025 url(/img/bg.jpg) repeat-x; margin-top: 10px; border: 3px solid #0d0000;}

#menu {float: left; padding: 7px; margin-top: 10px;}
#menu ul li {text-align: center; width: 186px; height: 48px; margin-bottom: 5px; background: url(/img/asse.gif) no-repeat;}
#menu ul li.activelink {}
#menu ul li.activelink a {color: #eb8025;}
#menu ul li a {font-weight: bold; font-size: 22px; color: #e3ceaa; width: 186px; height: 35px; padding-top: 10px; float: left;}
#menu ul li a:hover {color: #eb8025; text-decoration: none;}
	
#content {position: relative; float: right; width: 700px; height: auto !important; height: 450px; min-height: 450px; background: #fff6a7; margin: 10px 10px 10px 0; padding: 5px; border: 3px solid #bd5000;}
#content p {font-size: 16px;}
#content img.leaf {position: absolute; top:3px; right: 3px;}
#content img.photo {float: left; margin: 20px 0 20px 6px; border: 3px solid #bd5000;}
#content img.photo-hover {float: left; margin: 20px 0 20px 6px; border: 3px solid #fff;}
#content img.img-right {position: absolute; top:70px; right: 5px;}

#footer {font-size: 12px; text-align: center; margin: 5px 0 5px 0; color: #f0eede}
#footer a {color: #f0eede; text-decoration: underline;}
#footer a:hover {color: #f0eede; text-decoration: none;}

.albumcat-wrap {margin: 0 auto; width: 660px; padding: 0}
.albumcat {float: left; text-align: center; margin: 10px 10px 0 0; padding: 0;}
.albumcat a {font-size: 24px;}
.albumcat-wrap img.cat {border: 3px solid #bd5000;}
.albumcat-wrap img.cat-hover {border: 3px solid #fff;}

.image { width:220px; height:165px; margin: 3px; border: 3px solid #bd5000; position: relative; float: left;}
.image_hover { width:220px; height:165px; border: 3px solid #fff; float: left; margin: 3px; position: relative;}
.image_int { width: 220px; height: 165px; overflow: hidden; position: absolute; top: 0; left: 0;}

#specialita {margin-top: 20px}
#specialita h3 {margin: 0 0 0 10px; font-size: 16px; border-bottom: 3px solid #bd5000; cursor: pointer;}
#specialita ul.element {width: 690px; margin: 5px 0 0 5px;}
#specialita ul.element li {width: 217px; font-size: 12px; padding: 2px; float: left; margin: 2px;}

#carta {margin-top: 20px}
#carta h3 {margin: 0 0 0 10px; font-size: 16px; border-bottom: 3px solid #bd5000; cursor: pointer;}
#carta ul.element {width: 690px; margin: 5px 0 0 5px;}
#carta ul.element li {font-size: 12px; padding: 2px; margin: 2px;}

#eventi {margin-top: 20px}
#eventi h3 {color: #bd5000; margin: 5px 0 0 10px; font-size: 16px; border-bottom: 3px solid #5f2800; cursor: pointer;}
#eventi ul.element {width: 690px; margin: 5px 0 0 5px;}
#eventi ul.element li {font-size: 12px; padding: 2px; margin: 2px;}

#proposte div.blk {width: 47%; margin: 0 8px 0 8px;}
#proposte h3 {font-size: 20px; color: #e3ceaa; background: #5f2800; margin: 0; padding: 5px 0 0 0; text-align: center;}
#proposte div.blk div.blk_content {color: #0d0000; border: 3px solid #5f2800; padding: 5px; background: #bd5000; margin: 0;}
#proposte div.blk h4 {font-size: 18px; color: #e3ceaa; margin: 0; line-height: 1em;}
#proposte div.day {width: 290px; position: relative; margin: 5px 10px 10px 10px; font-size: 14px; border-bottom: 1px solid #5f2800}
#proposte div.day div.prezzo {font-size: 22px; position: absolute; bottom: 0; right: 5px; font-weight: bold;}

#guestbook {margin-top: 20px; width: 690px; border: 2px solid #721011; background: #fff1e5;}
#add_msg {float: right; margin: 3px}
#add_msg a {font-size: 16px; font-weight: bold}
#add_msg a:hover {text-decoration: underline;}
#add_msg img {vertical-align: middle;}

.AccordionH {height: 320px;}
.AccordionH .TOG {background: #eeb659; font-weight: bold; text-align:center; cursor: default; border-right: 1px solid #721011; height:100%; width: 20px; float: left; padding: 1px;}
.AccordionH .TOG:hover,.AccordionH .TOG.active {background: #bd5000;}
.AccordionH .STR {float: left;	width: 400px; height: 100%; overflow: hidden; background: #fff1e5;}
.AccordionH .PREV {background: #eeb659; font-weight: bold; text-align:center; cursor: default; border-right: 1px solid #721011; height:100%; width: 20px; float: left; padding: 1px;}
.AccordionH .NEXT {background: #eeb659; font-weight: bold; text-align:center; cursor: default; border-right: 1px solid #721011; height:100%; width: 20px; float: left; padding: 1px;}
.AccordionH .message {position: relative; margin: 5px; }
.AccordionH .message .kap { float: left; font-size: 30px; font-weight: bold; line-height: 24px;}
.AccordionH .message em {font-size: 11px;}
.AccordionH .more a:hover {font-weight: bold;}
.AccordionH .more .prev_arrow {position: absolute; bottom: 5px; left: 5px;}
.AccordionH .more .next_arrow {position: absolute; bottom: 5px; right: 5px;}

#new_message {}
#new_message_overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; vertical-align: middle;  text-align: center;}
#new_message_center {position: absolute; top: 10%; left: 25%; background: #eeb659; width: 500px; height: 400px; margin: 0 auto; border: 8px dashed #bd5000; font-size: 14px; z-index: 100; padding: 1.5em;}
#new_message_center span#close {position: absolute; top: 5px; right: 5px; font-family: Verdana; font-weight: bold; font-size: 24px;}
#new_message_center fieldset {position: absolute; top: 10px; margin: 0 auto; width: 480px; height: 380px; border: 2px solid #5f2800; padding: 5px;}
#new_message_center legend {font-weight: bold; padding: 3px; font-size: 24px;}
#new_message_center div {width: 410px; margin: 5px auto; padding:0; line-height: 1.2em}
#new_message_center input {width: 400px;}
#new_message_center em {color: #ff0000}
#new_message_center textarea {width: 400px; height: 100px;}
#new_message_center input#cinput {width: 80px; margin-left: 5px;}
#new_message_center #bottoniera {position: absolute; left: 240px; top: 390px}

#map {width: 520px; height: 380px; float: left; border: 1px solid #000}

#contact_info {margin-left: 5px; float: right; width: 170px;}
#contact_info p {font-size: 12px}

#contact {width: 520px; height: 380px; float: left; margin-top: 0;}
#contact div {margin-top: 10px;}
#contact button {margin-top: 10px; float: right;}
#contact textarea {height: 70px;}
#contact input#cinput {width: 80px; margin-left: 5px;}
#contact em {color: #ff0000}

#pager {text-align: center; width: 270px; font-size: 14px; position: absolute; left: 205px; bottom: 10px}
#pager div {border: 1px solid #5f2800; float: left; margin-left: 5px; width: 15px; height: 15px; padding: 3px;}
#pager div.current {background: #5f2800; font-weight: bold; color: #fff6a7}
#pager div.first, #pager div.last {width: 20px}

.prg {border-bottom: 2px solid #bd5000; padding: 3px}
.prg-prezzo {text-align: right; font-size: 22px; padding: 3px}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block; /* Fixes IE/Mac */}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */