/* COLORS 
VERDE SCURO #087236
VERDE CHIARO #cae8ac
BLU #084181
*/

/* RESET RULES */
html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }
ol, ul, li { list-style-type:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }


/* COMMON RULES */
a:link, a:visited { text-decoration:none; color:#087236;}
a:hover, a:focus, a:active { color:#CC0000;}


.list li { padding-left:25px; background:url(bullet-green.jpg) no-repeat 0 8px; margin-bottom:0.5em; text-align:left; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.small { font-size:0.9em; }
.bold { font-weight:bold; }
.italic { font-style:italic; }

.float-left { float:left; }
.float-right { float:right; }

.first { margin-left:0; }
.last { margin-right:0; }

/* Typography */
h2 {font-size:2.1em; margin-bottom:0.5em; color:#084181; }
h3 {font-size:1.75em; margin:0.4em 0; color:#084181; }
h4 {font-size:1.5em; color:#087236; }
h5 {font-size:1.35em;  color:#087236; }
h6 {font-size:1.2em;  color:#084181; }


/* PAGES CONTENT */
body { 	background:#fcfff4; color:#333333; font-family: Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5; text-align:center; }
#container { background:#FFFFFF; padding:1em 0 2em 0; float:left; width:100%;}

.wrapper { margin:0 auto; width:96%;}
.content, .grid-rifiuti { float:right; width:68%; text-align:left; }

.sidebar { width:30%; float:left; text-align:left;  }
.sidebar .nav { text-align:left;  border-top:1px solid #F2F5F6; margin-bottom:1em; }
.sidebar .nav li {padding:0; border-bottom:1px solid #F2F5F6; }
.sidebar .nav a:link, .sidebar .nav a:visited { display:block; padding:10px 5px 10px 25px; background:url(bullet-regole.jpg) no-repeat 10px 50%;  }
.sidebar .nav a:hover, .sidebar .nav a:focus, .sidebar .nav a:active { background-color:#F2F5F6;}
.sidebar ol { padding-left:1.5em; list-style-type:upper-latin; }

.wrap { padding:1em; }
img.liquid { width:100%;}
#pagination { clear:both; margin-top:2em; }
.notice { clear:both; margin:2em 0; }


/* HEADER + main navigation + logo*/
#header { float:left; width:100%; background:#e9e9ce url(bg-header.jpg) repeat-x; }
#logo { background:transparent url(rifiutologo.jpg) no-repeat scroll 0 0; height:85px; text-indent:-9999px; display:inline; float:left; width:450px;}
#navigation { margin:0 0 0 0; padding:0; list-style:none; height:85px; line-height:85px; float:right; }
#navigation li { float:left; border-left:1px solid #FFFFFF; text-transform:uppercase; }
#navigation a:link, #navigation a:visited { float:left; height:85px; line-height:85px; padding:0 1.5em; text-decoration:none; font-weight:bold; color:#087236; }
#navigation a:hover, #navigation a:focus, #navigation a:active { background: url(bg-litegreen.jpg) repeat-x; color:#000; }
#navigation a.selected { background:#FFF; color:#000; }
.lastbutton {border-right:1px solid #FFFFFF }

/* FOOTER */
#footer { padding:2.5em 0; float:left; width:100%; background:#fcfff4 url(bg-footer.jpg) repeat-x top left; }
#footer-wrapper { margin:0 auto; width:720px;}
 
ul.info-vus { margin-left:350px; border-top:1px solid #DDDDDD; text-align:left; width:350px;  }
ul.info-vus li { border-bottom:1px solid #DDDDDD; line-height:2em; width:100%;}
.logo-vus { float:left; width:335px;}

#validation { margin-top:4em; text-align:center;}
#validation a { margin:0 1em;}


/* GUIDA RACCOLTA DIFFERENZIATA */
.grid-rifiuti div { background:#F2F5F6; margin-bottom:20px; }
.grid-rifiuti a:link, .grid-rifiuti a:visited { height:145px; display:block; background-repeat:no-repeat; background-position: 0 25px; }
.grid-rifiuti a:hover, .grid-rifiuti a:focus, .grid-rifiuti a:active { background-position: 0 -95px; }
.grid-rifiuti a span { line-height:25px; height:25px; color:#144475; border-bottom:1px solid #FFFFFF; display:block; background:#F2F5F6; }
.grid-rifiuti a:hover span { background:#087236; color:#FFFFFF; }

.grid { width:140px; float:left; margin-left:15px; text-align:center; }

#cassonetti-plastica { background-image:url(../images/come-smaltire/cassonetti-plastica.jpg);}
#cassonetti-cartone { background-image:url(../images/come-smaltire/cassonetti-carta.jpg)}
#campana-vetro { background-image:url(../images/come-smaltire/campana-vetro.jpg);}
#cassonetti-organico { background-image:url(../images/come-smaltire/cassonetti-organico.jpg);}
#composter-giardino { background-image:url(../images/come-smaltire/composter.jpg);}
#cassonetti-indifferenziato { background-image:url(../images/come-smaltire/cassonetti-indifferenziato.jpg);}
#rifiuti-ingombranti { background-image:url(../images/come-smaltire/ingombranti.jpg);}
#rifiuti-elettronici { background-image:url(../images/come-smaltire/elettronici.jpg);}


.box { border-bottom:1px solid #F2F5F6; padding:1em 0; margin-bottom:0.5em; }
.middle-box { width:49%; }
.middle-box-foto { width:60%; margin:0 auto;}
.box h3 { margin:0 0 0.2em 0; line-height:100%; padding:0; }
.box-testo { float:left; width:70%; }
.box-foto { float:right; width:25%; }


em.si { color:#087236; }
em.poco { color:#FF6600;}
em.no { color:#CC0000;}
.qualisi { text-align:justify; padding:0.5em; background:#087236; color:#FFFFFF ;}
.qualino { text-align:justify; padding:0.5em; background:#CC0000; color:#FFFFFF ;}

table { width:100%; border-collapse:collapse; margin:0 0 1em 0;  }
caption { font-size:1.75em; color:#084181; margin-top:1em; text-align:left; }
th { font-weight:bold; }
table td { font-weight: normal; }
th, td { border:1px solid #F2F5F6; padding:1em 0.5em; }

/* RIFIUTOLOGO */
#rifiutologo {width:60%; margin:1em auto; }
#search { width:100%; margin-bottom:1em; } 
#search label { font-size:2em; font-weight:bold; text-transform:uppercase; padding-right:15px; } 
#searchbutton { position:relative; top:5px; }
#tag { width:50%; background:#FFFADB url(bg-ricerca.gif) repeat-x; border:1px solid #CBB945; font-size:1.25em; padding:3px; }

div#suggestions { margin:0; padding:0; width:310px; background:#fff; border:1px solid #CBB945; position:absolute; }
div#suggestions ul { margin:0; padding:0; list-style-type:none; }
div#suggestions ul li.selected { background:#FFFADB; }
div#suggestions ul li { margin:0; padding:2px; height:2.5em; line-height:2.5em; display:block; list-style-type:none; cursor:pointer; }

.legenda { margin-top:1.5em; margin-bottom:1.5em; width:31%; margin-left:1%; margin-right:1%; float:left; display:inline; }
.legenda ul { text-align:left; float:left; width:100%;}
.legenda li{ float:left; clear:left; margin-bottom:5px; width:100%; }
.legenda a:link, .legenda a:visited { padding:5px; height:2.5em; line-height:1.2; display:block; background:#F2F5F6 url(bg-legenda.jpg) repeat-y bottom right; color:#000000; }
.legenda a:hover, .legenda a:focus, .legenda a:active { background:#cae8ac url(bg-legenda.jpg) repeat-y top right; }
.legenda span, h2 span, h5 span { width:2em; height:2em; line-height:2em; border:1px solid #000000; display:inline; float:left; text-align:center; margin-right:10px; font-weight:bold; font-size:15px; color:#FFFFFF; }

#cat-1 { background:#FFCC00;}
#cat-2 { background:#0033FF;}
#cat-3 { background:#6699CC;}
#cat-4 { background:#ff6600;}
#cat-5 { background:#ff9900;}
#cat-6 { background:#999999;}
#cat-7 { background:#FFCCCC;}
#cat-8 { background:#CC6699;}
#cat-9 { background:#FF0000;}
#cat-10 { background:#CC0000;}
#cat-11 { background:#339900;}
#cat-12 { background:#999933;}
#cat-13 { background:#ff0066;}
#cat-14 { background:#ff6666;}
#cat-15 { background:#ff99ff;}



.searchresult { margin:1em 0; border-bottom:1px solid #F2F5F6; padding:0.5em 1em 1em 1em; }
.searchresult h3 { margin-top:0; }

/* GLOSSARIO */
#glossario .content { text-align:center; }
#glossario h2 span { float:none; display: inline-block; }
#glossario h3 { padding-top:0.5em; margin-top:0; border-top:1px solid #F2F5F6; line-height:100%; }
#glossario p { line-height:200%; margin-bottom:1em;}
#glossario .content a {margin:0 1em;}


/* REGOLE BASE RACCOLTA DIFFERENZIATA */
.riduzione-rifiuti-box { padding:1em 1em 1.5em 1em; background:#084181; color:#FFFFFF; text-align:left; }
.riduzione-rifiuti { width:100%; }
.riduzione-rifiuti h3 { color:#ffb005; padding-left:2%; margin-top:0 }
.riduzione-rifiuti div { width:49%; display:inline;}
.riduzione-rifiuti ul { float:left; width:100%; border-top:1px solid #20548d; margin-top:5px; } 
.riduzione-rifiuti li { padding:5px 0 5px 25px; background:url(bullet-regole.jpg) no-repeat 10px 10px; margin-bottom:5px; text-align:justify; border-bottom:1px solid #20548d; }

.regole div { height:150px; border-bottom:1px solid #F2F5F6; padding:0 20%; }
div.pari { padding-left:10%;}
div.dispari { padding-right:10%;}
.regole p { text-align:left; padding-top:50px; }
.regole img { float:left;}
div.noborder { border-bottom:0; }


/* CONTATTI + ECOMARKET (form - mail) */
#form-commenti { margin:1em 0;}

#form, #form-pass { width:100%; background:#f2f5f6 url(bg-login.jpg) repeat-x; border-bottom:1px solid #839cb6; text-align:center }
#form fieldset div, #form-pass fieldset div { padding:0.8em 0; float:left; display:inline; width:50%; border-top:1px solid #FFFFFF;  }
#form div.plainfield, #form div.button, #form-pass div.plainfield, #form-pass div.button { clear:both; width:100%; float:left;  }

#form label, #form-pass label { padding-right:1%; width:30%; display:block; float:left; text-align:right; }
#form div.plainfield label, #form-pass div.plainfield label { width:15%; padding-right:1%; }
#form div.plainfield input, #form div.plainfield input { width:75%; }
#form legend, #form-pass legend { margin:0; padding:0 0 10px 120px; color:#084181; font-size:1.35em;}

#form input, #form textarea, #form select, #form-pass input { padding:3px 0; font-size:1em; font-family:Arial, Helvetica, sans-serif; width:50%; color:#333333;  background:#FFFADB url(bg-ricerca.gif) repeat-x; border:1px solid #CBB945; }
#form textarea { overflow:auto; width:75%;  }

#form input.browse { width:auto; float:left; }

#form div.button input, #form-pass div.button input { font-size:14px; border:0; padding:0 0 10px 120px; height:auto; float:left; width:auto; background:none; cursor:pointer; color:#CC0000;}

.button p { margin:0; padding-right:4em; float:right; }
form img { float:left; }

#form input.hoverfocus, #form textarea.hoverfocus { border:1px solid #000000;}

#error { margin:0 0.5em 1em 120px; }
#error li { padding:0 0 0 30px; background:url(warning.gif) no-repeat 5px 50%; margin-bottom:0.5em;}

#privacy { margin:20px auto; width:70%; text-align:left; }


/* 	EKOMARKET - FORUM */
#login, #logged-in { padding:0; background:#F2F5F6 url(bg-litegrey.jpg) repeat-x; border-bottom:1px solid #839cb6; margin-bottom:1.5em; }
#login legend { white-space:normal; padding-left:30px; background:url(lock.gif) no-repeat 5px center; }
#login legend span { color:#084181; font-size:1.35em; display:block; width:100%; padding:10px 0; }
#login fieldset div { padding:0.8em 0; float:left; display:inline; width:100%; border-top:1px solid #FFFFFF;  }
#login input { padding:3px 0; font-size:1em; font-family:Arial, Helvetica, sans-serif; background:#FFFADB url(bg-ricerca.gif) repeat-x; border:1px solid #CBB945; width:60%; float:right; margin-right:3%; }
#login label { width:30%; float:left; clear:left; text-align:right; margin-left:3%; }
#login input.sign-in { width:auto; clear:right; }
#login p {width:70%; padding:3px 0; clear:left; margin-left:3%;}

.message { color:#CC0000; font-weight:bold; text-align:center; padding:20px 30px; border-bottom:1px solid #F2F5F6; background:url(warning.gif) no-repeat 5px 50%; }

#logged-in a { display:block; }

h4.user { color:#084181; padding:0.5em 10px 0.5em 40px; background:url(login.gif) no-repeat 10px center; }
p.logout { padding:1em 10px 1em 40px; background:url(logout.gif) no-repeat 10px center; border-top:1px solid #FFFFFF; }
p.profilo { padding:1em 10px 1em 40px; background:url(user.gif) no-repeat 10px center; border-top:1px solid #FFFFFF; }

ol.fasi-ekomarket li {list-style-type:decimal; list-style-position:inside; padding:10px; margin-bottom:10px; font-size:1.2em; font-weight:bold; color:#087236; background:#cae8ac url(bg-litegreen.jpg) left top repeat-x; border-bottom:1px solid #087236;  }
ol.fasi-ekomarket p { text-align:justify; font-size:0.8em; font-weight:normal; color:#333333; }

.vetrina-ecomarket { width:49%; background:#cae8ac url(bg-litegreen.jpg) center top repeat-x; border-bottom:1px solid #087236; }

.vetrina-ecomarket h3 { margin-top:0; margin-left:1em; margin-right:1em; color:#CC0000; }

.vetrina-ecomarket h4 { font-size:1.2em; font-weight:bold; }

.annuncio-vetrina { margin-bottom:1em; float:left; width:100%; border-top:1px solid #FFFFFF; padding-top:0.5em; }
.foto-vetrina { width:30%; float:left; padding-top:0.4em; }
.testo-vetrina { width:65%; float:right; }

#new-topic { float:right; font-weight:bold; padding-left:20px; background:url(add.gif) no-repeat left center }

.sezioni-forum { background:#cae8ac url(bg-litegreen.jpg) center top repeat-x; border-bottom:1px solid #087236;}

.sezioni-forum  h4 { font-size:1.2em; font-weight:bold; padding:30px 20px }

/* ANNUNCI ECOMARKET E FORUM - ARTICOLI NOTIZIE */
.annuncio { background:#cae8ac url(bg-litegreen.jpg) center top repeat-x; border-bottom:1px solid #087236; padding:0.5em 0 1em 0; margin-bottom:1em; }
.info-annuncio { margin-bottom:1em; border-bottom:1px solid #FFF; padding:0 1em 0.5em 1em; font-size:0.9em; }
.info-annuncio strong { font-size:1.1em; color: #084181}
.info-annuncio strong.admin { font-size:1.1em; color:#CC0000; text-transform:uppercase; }
.content-annuncio, .text { padding:0 1em}
.testo-annuncio { float:left; width:70%; } 
.commento { padding:0 1em;}
div.testo-annuncio h3  { margin:0 0 0.4em 0; line-height:100%; color:#087236; }
.foto-annuncio { width:25%; float:right; margin-top:0.4em; }
.foto-annuncio img { width:100%; }


.text a:link { color:#0000FF; text-decoration:underline; }
.text a:visited { color:#800080;  text-decoration:underline; }
.text a:hover, .text a:focus, .text a:active { color:#FF0000; text-decoration:underline; }

.immagini { background:#f2f5f6 url(bg-login.jpg) repeat-x; border-bottom:1px solid #839cb6; padding:1em 0; margin-bottom:1em; width:100%; }
.immagini span { width:}


/* ZOOMY LIGHTBOX */
#zoomy { position:absolute; border:1px solid #cae8ac; background:#087236; padding:5px; color:#fff; line-height:100%; }
#zoomy p { margin:0; padding:5px 5px 10px 5px; position:relative; text-align:left; }
#close { position:absolute; right:5px; width:12px; height:12px; background:url(close.gif) no-repeat; cursor:pointer;} 



/* CLEAR FLOAT */
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; }


div.datepicker { position: absolute; text-align: center; padding:0; }
div.datepicker table { margin:0; padding:0; text-align: center; width:120%; font-size:0.9em; border:1px solid #000000; background:#FFFFFF; }

div.datepicker table thead tr th { font-weight:bold; font-size:1em; background:#F7F7F7; border:1px solid #CCCCCC; padding:0; margin:0; }
div.datepicker table tbody tr {  margin:0; padding:0; }
div.datepicker table tbody tr td { border:1px solid #CCCCCC; background:#FFFADB; margin:0; padding:0; text-align:center; }

div.datepicker table tbody tr td:hover, div.datepicker table tbody tr td.outbound:hover, div.datepicker table tbody tr td.today:hover { border:1px solid #999999; background:#cae8ac; cursor: pointer; }
div.datepicker table tbody tr td.wday { border:1px solid #ffffff; background: #FFFFFF; cursor:text; }

div.datepicker table tbody tr td.outbound { background:#F2F5F6; }

div.datepicker table tbody tr td.today { border:1px solid #999999; background:#cae8ac; }

div.datepicker table tbody tr td.nclick, div.datepicker table tbody tr td.nclick_outbound { cursor:default; color:#aaa; }
div.datepicker table tbody tr td.nclick_outbound { background:#F2F5F6; }
div.datepicker table tbody tr td.nclick:hover, div.datepicker table tbody tr td.nclick_outbound:hover { border:1px #eaeaea solid; background:#FFFADB; }
div.datepicker table tbody tr td.nclick_outbound:hover { background:#F2F5F6; }

div.datepicker table tfoot td { background:#F7F7F7; border:1px solid #CCCCCC; cursor: pointer; text-align: center; padding:0; clear:both; font-size:1.2em}