* {margin: 0; padding: 0;}
html, body {height: 100%; background: #721011; color: #721011; font: 14px "Trebuchet MS",Arial,sans-serif}
img {border: 0}
a {color: #721011; text-decoration: none;}
a:hover {text-decoration: none;}
ul {list-style-type: none;}
h1 {padding: 3px; font-size: 24px; display: inline;}
h1 a {text-decoration: underline}
h1 a:hover {text-decoration: none}
h2 {padding: 3px; font-size: 22px; display: inline; color: #bc2e26}
h2 a {text-decoration: underline; color: #bc2e26}
h2 a:hover {text-decoration: none}
h3 {padding: 3px; font-size: 20px; display: inline; color: #fde662}
h3 a {text-decoration: underline; color: #fde662}
h3 a:hover {text-decoration: none}
h4 {font-size: 20px; color: #bc2e26; line-height: 0.8em}

.hide {display: none;}

fieldset {border: 3px solid #bc2e26; margin: 5px; padding: 5px;}
input {padding: 2px; color: #721011; font: 20px Arial; border: 2px solid #721011; width: 400px; position: absolute; left: 150px; top: 0}
textarea {padding: 2px; color: #721011; font: 20px Arial; border: 2px solid #721011; width: 400px; height: 150px; position: absolute; left: 150px; top: 0}
label {color: #721011; font-size: 20px; padding: 0; margin:0; vertical-align: top;}
legend {color: 721011; font-weight: bold; padding: 3px; font-size: 24px;}
button {font-weight: bold; border: 2px solid #bc2e26; height: 30px; width: 90px; font-size: 16px; background: #fde662; margin-left: 3px;}
.input_err {border: 2px solid #ff0000;}
fieldset em {color: #bc2e26; font-size: 12px; font-weight: bold;padding: 0; margin:0; vertical-align: top}

#header {position: relative; background: #ffcd05; border-bottom: 3px solid #721011; height: 157px;}
#header #logo {position: absolute; right: 60px; top: 50px}

#topmenu {background: #fde662; border-bottom: 3px solid #721011; height: 26px;}
#topmenu li {margin-left:0; display: inline; font-size: 20px; padding: 0 10px 0 10px; border-right: 2px solid #721011;}
#topmenu li.on {background: #fff;}
#topmenu li.vota {background: #f47820; margin-left: 270px; border-left: 2px solid #721011;}
#topmenu li.vota_on {margin-left: 270px; border-left: 2px solid #721011; background: #fff;}

#submenu ul {float: left; font-size: 16px; font-weight: bold; margin: 10px 0 10px 5px; width: 150px; background: #f47820; border-bottom: 2px solid #721011; border-left: 2px solid #721011; border-right: 2px solid #721011}
#submenu li {padding: 5px; height: 20px; border-top: 2px solid #721011}
#submenu li.li2 {background: #ffcd05}
#submenu li.on {background: #fde662;}

#footer {width: 960px; margin: 0 auto;}
#footer li {display: inline; margin-right: 10px;}
#footer a {text-decoration: underline; color: #caad3a; font-size: 13px;}
#footer a:hover {text-decoration: none;}
#footer a.on {font-weight: bold;}

#container {background: #caad3a; width: 960px; margin: 0 auto; padding-bottom: 20px;}

#content {margin: 10px auto; background: #f99c1c; border: 3px solid #721011; width: 95%; height: auto !important; height: 340px; min-height: 340px; position: relative;}

#who {padding: 5px; text-align: justify; font-size: 15px;}
#who img {float: left; margin: 0 10px 0 10px; border: 5px dashed #fff;}

.left {width: 50%; float: left;}
.right {width: 50%; float: right;}

#categorie {text-align: center;}

#lavori {float: right; width: 650px; margin: 10px 20px 20px 20px; }
.image { width:110px; height:110px; border:1px solid #fde662; float:left; margin: 5px; position:relative; }
.image .image_int { width:108px; height:108px; overflow:hidden; position:absolute; top:1px; left:1px; }
.image img { border:none; }
.image .new { overflow:visible; position: absolute; top: 1px; left: 2px; width: 25px; height: 20px; font-weight: bold; color: #fde662 }
.image .new2 { overflow:visible; position: absolute; top: 2px; left: 3px; width: 25px; height: 20px; font-weight: bold; color: #000 }

.text {float: right; width: 700px; text-align: justify; margin: 10px;}
.text a {text-decoration: underline; font-weight: bold}
.text a:hover {text-decoration: none}

.msg {text-align: center; margin-top: 50px; font-weight: bold;}
.msg a {text-decoration: underline;}
.msg a:hover {text-decoration: none;}

#contatti {position: relative; height: 380px;}
#contatti fieldset {position: absolute; left: 10px; width: 600px; height: 300px;}
#contatti img {position: absolute; top: 0px; right: 0px; border-left: 7px dashed #721011;}
#contatti div {position: relative; width: 580px; height: 45px; margin: 0; padding:0; line-height: 1.2em}

#bottoniera {position: absolute; left: 400px; top: 300px; margin: 0;}

#link {}
#link ul {font-size: 18px; margin: 10px; font-weight: bold;}
#link li {text-align: center; float: left; width: 30%;  margin: 5px; background: #f47820; border: 2px solid #fff}
#link li.li2 {background: #ffcd05}
#link li.on {background: #fde662;}
#link span {width: 100%; display: block; padding: 5px;}

/*#guestbook {height: auto !important; height: 360px; min-height: 360px;}*/
#guestbook {width: 100%; border-top: 2px solid #721011; border-bottom: 2px solid #721011; background-color: #fde662; }

.AccordionH {height: 300px;}
.AccordionH .TOG {background: #ffcd05; font-weight: bold; text-align:center; cursor: default; border-right: 1px solid #721011; height:100%; width: 20px; float: left;}
.AccordionH .TOG:hover,.AccordionH .TOG.active {background: #f47820;}
.AccordionH .STR {float: left;	width: 400px; height: 100%; overflow: hidden; background: #fde662;}
.AccordionH .PREV {background: #ffcd05; font-weight: bold; text-align:center; cursor: default; border-right: 1px solid #721011; height:100%; width: 20px; float: left;}
.AccordionH .NEXT {background: #ffcd05; font-weight: bold; text-align:center; cursor: default; border-right: 1px solid #721011; height:100%; width: 20px; float: left;}
.AccordionH .message {position: relative; margin: 5px; }
.AccordionH .message .kap { float: left; font-size: 25px; font-weight: bold; line-height: 18px;}
.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;}

#add_msg {padding: 3px; font-weight: bold; font-size: 20px}
#add_msg img {vertical-align: middle; margin-right: 5px;}
#add_msg a:hover {text-decoration: underline}

div#new_message {}
div#new_message_overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 1000px; background: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; vertical-align: middle;  text-align: center;}
div#new_message_content {position: absolute; top: 10%; left: 25%; background: #f99c1c; width: 500px; height: 400px; margin: 0 auto; border: 8px dashed #a00000; font-size: 14px; z-index: 100; padding: 1.5em;}
div#new_message_content img {float: right;}
div#new_message_content span#close {float: right; font-family: Verdana; font-weight: bold; font-size: 24px;}
div#new_message_content fieldset {position: relative; margin: 0 auto; height: 350px;}
div#new_message_content div {position: relative; width: 410px; height: 45px; margin: 0; padding:0; line-height: 1.2em}
div#new_message_content input {width: 300px;}
div#new_message_content textarea {width: 300px;}
div#new_message_content #bottoniera {position: absolute; left: 240px; top: 395px}



/*
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 */