@import "reset.css";

body { font-family: Arial, Helvetica, sans-serif; background-image: url(../images/sfondo.png); }
a img { border: 0px; }
#box { background-color: #FFFFFF; margin: 20px auto 10px; width: 940px; min-height: 650px; border: 1px solid #a66a2b; }
/* HEADER CSS */
#box #header h1 { display: block; width: 341px; height: 145px; text-indent: -9999px; background: transparent url(../images/comune_follonica_partecipazione.jpg) no-repeat 0 0; margin: 40px 0px 0px 30px; float: left; }
#box #header h1 a { display: block; width: 100%; height: 100%; outline: none; }
#box #header h2 { font-size: 1.1em; font-weight: bold; color: #dd4400; margin-bottom: 8px; }
#box #header .right { float: right; width: 380px; margin: 40px 60px 0px 0px; }
/* CORPO */
#corpo { margin: 40px 25px 0px 25px; }
#corpo h2 { font-size: 1.1em; font-weight: bold; color: #dd4400; border-top: 2px solid #8b562b; background-color: #DDCCBB; padding: 6px 0px 6px 8px; }
/* INFO */
#info { padding: 0px 20px 20px 20px; line-height: 1.4em; }
#info h1 { font-size: 1.4em; font-weight: bold; color: #dd4400; border-top: 2px solid #8b562b; background-color: #DDCCBB; padding: 6px 0px 6px 8px; margin: 0px 0px 10px 0px; }
#info h2 { font-size: 1.1em; font-weight: bold; color: #dd4400; border-top: 2px solid #8b562b; background-color: #DDCCBB; padding: 6px 0px 6px 8px; margin: 30px 0 10px; }
#info h3 { font-size: 1.0em; font-weight: bold; color: #dd4400; }

#info div.evidenziato {background-color: #cccccc; border: 1px solid red; font-style: italic; margin-top: 15px; margin-bottom: 15px; padding: 6px; clear: both;}
#info p {margin-top: 7px; margin-bottom: 7px;}
#info span.testoBottone {font-style: italic; font-weight: bold; }
#info img.inline {display: table-cell; vertical-align: middle; }
#info a {color: #8B562B; text-decoration: none; font-weight: bold; }
#info a:hover {text-decoration: underline; }

/* SX CSS */
#sx { width: 443px; float: left; margin-right: 3px; height: 100%;}
#sx > .boxmarrone {  height: 100%;}
#sx > .boxmarrone > img { padding: 10px 10px 20px 10px; }
/* DX CSS */
#dx { width: 443px; float: left; height: 100%; background-color: #dddddd; }
#dx .alternativa { font-size: 0.8em; }
#dx .descrizione { font-size: 0.9em; min-height: 140px;}
#inner > .boxgrigiochiaro > img { border: 2px solid #cdb789; margin-right: 10px; float: left; }
#inner > .boxgrigioscuro > img { border: 2px solid #cdb789; margin-right: 10px; float: left; }
#inner > .galleria > img { float: none !important; margin: 0px 0px 0px 11px !important; }
#inner .boxspacer { padding-top: 10px; margin-top: 3px;}
#inner h3 { font-size: 1.1em; font-weight: bold; color: #dd4400; margin-bottom: 4px; }
#inner h3 a { color: #dd4400; text-decoration: none; }
#inner h3 a:hover { text-decoration: underline; }
#inner .statistica {background-color: white;}
.vota { width: 443px; float: left; text-align: center;margin: 15px 0px 0px 0px;}
.stemmi { width: 443px; text-align: right; float: left;  margin: 15px 0px 0px 0px; }
#container { float: left; }
#inner { float: left; overflow: hidden; }
#inner > div { float: left; width: 443px; margin-right: 3px; margin-bottom: -1000px; padding-bottom: 1000px;}
#inner .col2 { background: #CCCCCC;  margin-right: 0;}
#inner .messaggioSuccesso, #info .messaggioSuccesso {
background-color:#CCCCCC;
border:2px solid #BBBBBB;
color:#000000;
margin: 10px auto 2px auto;
padding:4px;
font-weight: bold;
font-size: 1em;
font-style: italic;
text-align: center;
}

.boxmarrone > img { padding: 10px 10px 20px 10px; }
#containercommenti { float: left; }
#innercommenti { float: left; overflow: hidden; }
#innercommenti > div { float: left; width: 443px; margin-right: 3px; margin-bottom: -1000px; padding-bottom: 1000px;}
#innercommenti .col2 { background: #CCCCCC; margin-right: 0;}

#inner ul > li, #info ul li
{
background-color:#CCCCCC;
border:2px solid #BBBBBB;
color:#000000;
margin:0 0 2px;
padding:4px;
font-weight: bold;
font-size: 0.9em;
font-style: italic;                
}

#inner ul > li > a, #info ul li a {
color: #333333;
text-decoration: none;
}

#inner ul > li > a:hover, #info ul li a:hover {
color: #dd4400;
}

/* CREDITS */
#credits { font-size: 0.9em; color: #929292; text-align: center;}
#credits a { color: #929292; text-decoration: none; }
#credits a:hover { text-decoration: underline; }
/* CLASSI GLOBALI */
.boxmarrone { background-color: #cdb789; }
.boxgrigiochiaro { background-color: #dddddd; padding: 6px 10px 8px 10px; }
.boxgrigioscuro { background-color: #cccccc; padding: 7px 10px 9px 10px; }
.fullheader { background-color: #c58550; border-top: 2px solid #8b562b; color: #470909; font-size: 0.8em; font-weight: bold; height: 23px; padding: 5px 0px 0px 10px;}
.loginform { margin-top: 3px; font-size: 0.8em; min-height: 286px; }
.loginform div {  }
.loginform div a { text-decoration: none; color: #dd4400; font-weight: bold; }
.loginform dt { display: block; float: left; width: 120px; }
.voteform { margin-top: 3px; font-size: 0.8em; min-height: 286px; }
.voteform div {  }
.voteform div a { text-decoration: none; color: #dd4400; font-weight: bold; }
.voteform dt { display: block; width: 200px; }
.voteform dd { margin: 3px 0px 0px 20px;}
.voteform dd > label { color: #dd4400; }
.voteform dd > label input { margin: 4px; }
.voteform div.errore { margin-top: 20px;  padding: 5px; font-style: italic;}
.registraform { margin-top: 3px; font-size: 0.8em; min-height: 286px; }
.registraform div a { text-decoration: none; color: #dd4400; font-weight: bold; }
.registraform dt > label { display: block; float: left; width: 140px; }
.registraform dt > label[for="captcha"] { width: 250px; margin-top: 10px; color: #dd4400}
.registraform dd pre { display: inline; font-size: 0.8em; }
.testo { font-size: 0.85em; }
.testo a { color: #dd4400; text-decoration: none; }
.testo a:hover { text-decoration: underline; }
.separator { color: #dd4400; margin: 0px 30px 0px 30px; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.titoloCommento {font-size: 1.2em;padding: 10px;}
.testoCommento {padding: 12px; }

#loginInfoBox {font-size: 0.75em; text-align: right; padding: 5px;}
#loginInfoBox a { text-decoration: none; color: #dd4400; font-weight: bold; }

#sx .fullheader a { color: #555555; text-decoration: none; }
div.back {padding: 5px;}
div.back a {font-size: 0.8em; color: #8B562B; text-decoration: none; font-weight: bold; }
div.back a:hover {font-size: 0.8em; text-decoration: underline;}
.descrizione a { text-decoration: none; color: #dd4400; }

#paging { font-size:12px; color:#000000; font-weight:bold; text-align: right; }
#paging ul { list-style: none; margin: 0px; padding: 0px; }
#paging ul li { float: left; padding: 4px 7px 4px 7px; margin: 5px 3px 0px 2px; border:1px solid #cdb789; background:#FFFFFF;}
#paging ul li a { color:#cdb789; text-decoration:none; }
#paging ul li a.selezionato { color:red; text-decoration:none;}
.backbutton { font-weight: bold; font-size: 0.9em; margin-top: 14px; }
.backbutton > a { text-decoration: none; color: #DD4400; }
.backbutton > a:hover { text-decoration: underline; color: #AA1100; }