@charset "utf-8";

/****************************************************
   AUTHOR:  			GoodChoice Studio
   WEBSITE:			http://www.goodchoicestudio.com
 ****************************************************/ 

BODY {background: #01622c url('imgs/back2.jpg') repeat-x; margin:0; padding:0; text-align:center;}
/**/BODY#calcolatore {background: #313131 url('imgs/back_calc.jpg') repeat-x; margin:0; padding:0; text-align:center;}

a img{border:0;}
.cleaner {clear:both; margin:0; padding:0; height:0; width:0;}

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

#contenitore {width:952px; background-color:#FFFFFF; margin:0 auto; padding:17px 0 20px 0; text-align:center;}
#dentro {width:916px; /*background-color:#ffffff;*/ margin:0 auto;}

img, div {behavior: url(iepngfix.htc)}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */

/* paginatore */
table#paginazione {border:0; border-spacing:0; padding:0; font:bold 14px Arial, Helvetica, sans-serif; color:#2b2b2b; margin:20px auto;}
#paginazione a {text-decoration:none; color:#2b2b2b; text-decoration:none;}
#paginazione a:hover {text-decoration:none; color:#02a650}
#paginazione #numeri {margin:0 20px; color:#02a650}
#paginazione #numeri .select {padding:0 2px 0 2px; background-color:#02a650; color:#FFFFFF; margin:0 5px;}
#paginazione #numeri a {margin:0 5px;}
#paginazione .prevnext a {margin:0 20px;}
#paginazione .descrizione{font-size:12px; padding-top:10px; font-weight:normal;}
#paginazione .spazio{margin-left:20px;}

blockquote {margin:15px;}
blockquote p {}




/****************************************************
 Testata
 ****************************************************/ 

#testata #sinistra {width:208px; padding-right:33px; float:left;}
#testata #destra {width:107px; padding:115px 304px 0 0; float:left;}

/* box LOGIN */
#loginbox {width:245px; margin-top:10px; float:left; background:#009d46 url('imgs/loginbox_back.gif') repeat-x; border:solid 1px #007f32; padding:3px;}
#loginbox img {float:left; padding-right:8px;}
#loginbox span {float:left; padding-top:1px; font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; line-height:16px;}
#loginbox a {color:#eeff48; text-decoration:none; font-weight:bold;}
#loginbox a:hover {border:0; color:#ffffff;}
#loginbox a.logout {font-size:11px; font-weight:bold; margin-left:20px; padding:0 4px; background-color:#eeff48; color:#2b2b2b;}
#loginbox a.logout:hover {border:0; background-color:#ebebeb; color:#2b2b2b;}

/* box CO2 */

#co2box {width:224px; margin-top:3px; float:left; background-color:#FFFFFF; border:#939699 solid 1px; padding:5px 14px 8px 13px; z-index:4;}
#co2counter {font:bold 27px Arial, Helvetica, sans-serif; color:#2b2b2b; margin:0; padding:0;}
#co2counter img {margin:-9px 0 0 0; width:77px; height:17px;}
#co2tit {width:100%; border-bottom:dotted 1px #2b2b2b; padding-bottom:0;}
#co2tit span {font: 12px Arial, Helvetica, sans-serif; color:#2b2b2b;}
#co2box .dettagli {text-align:right;}
#co2tab {width:224px; border:0; border-spacing:2px; /*padding:100px; background-color:#FF0000*/}
#co2tab td {background-color:#e6e6e6; width:50%;}
#co2num {font: 12px Arial, Helvetica, sans-serif; color:#2b2b2b; line-height:16px; padding-top:4px;}
#co2num a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#co2num a:hover {border-bottom:0;}


/****************************************************
 Navigazione, footer, sponsor
 ****************************************************/ 

/* NAVI */
#navi {width:100%; height:46px; font:bold 12px Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
#index #navi {height:30px;}
#navi a {text-decoration:none; line-height:34px;}
#navi ul {margin:0; padding:0; display:block; clear:both; height: 0px; visibility: hidden; opacity: 0; background:#d0e517;}
#navi1 a {color:#ffffff;}
#navi1 {float:left; width:120px; height:36px; margin-right:7px;  background:#015526 url('imgs/navi_back1.gif');}
#navi2 {float:left; width:686px; height:36px; background:#017e38 url('imgs/navi_back2.gif');}
#navi2 a {color:#ffffff; margin:0 10px;}
#navi3 {float:left; width:96px; height:36px; margin-left:7px; background:#d0e517 url('imgs/navi_back3.gif');}
#navi3 a {color:#2b2b2b; display:block; /*padding:20px;*/}
#navi1 a:hover, #navi2 a:hover, #navi3 a:hover  {text-decoration:underline;}
#index #navi ul {position:absolute; top:432px; left:50%; margin-left:218px; width:240px;}
#navi ul {position:absolute; top:252px; left:50%; margin-left:218px; width:240px;}
#navi ul li {list-style:none; width:80px; display:block; float:left; padding:5px 20px;}

/*sponsor*/
#fsponsor {clear:both; height:80px; padding:35px 0 35px 0; background-color:#FFFFFF;}
#fsponsor1 {float:left; width:60%; text-align:left;}
#fsponsor2 {float:left; width:40%; text-align:right;}
#fsponsor img {padding:0 20px; border:0;}

/* footer */
#footer {clear:both; width:916px; margin:0 auto; background:#00822b url('imgs/footer_back1.gif') repeat-x; height:26px; font:11px Arial,Helvetica, Verdana,sans-serif;}
div#footercont {width:916px; line-height:25px; height:25px; margin:0 auto;}
#footer1 {float:left; width:auto; height:25px; line-height:25px; color:#ffffff; text-align:left;}
#footer2 {float:right; width:340px; height:26px; line-height:25px; background:#b1c110 url('imgs/footer_back2.gif'); color:#2b2b2b;  text-align:right; padding-right:25px;}
#footer1 img {margin:0 25px;}
#footer a.mail {color:#2b2b2b; text-decoration:none; font-weight:bold; padding:0 25px;}
#footer a.mail:hover {text-decoration:underline;}
#footer a.credits {color:#ffffff; text-decoration:none; font-weight:bold; margin:0 25px; padding:2px 5px; background-color:#2b2b2b;}
#footer a.credits:hover {text-decoration:underline;}



/****************************************************
 INDEX!
 ****************************************************/ 

#index #testata {width:100%; height:369px; background:#ffffff url('imgs/stfcity.jpg') no-repeat top right;/**/ text-align:left; margin-bottom:10px;}

#index #testata #flash {z-index:1; position:absolute;}
#index #testata #alternativoin {width:210px; height:58px; margin:290px 0 0 222px; background-color:#ffffff; border:1px #9d9d9d solid;}
#index #testata #alternativoin img {float:left; padding:5px;}
#index #testata #alternativoin span {float:left; font:12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:5px;}
#index #testata #alternativoin a {color:#2b2b2b;}
#index #testata #alternativoin a:hover {text-decoration:none;}
#index #testata #sopra {z-index:0; margin:0;}
#index #testata #sopra2 {position:relative; z-index:2}
#index #testata #fascialoghi {width:208px; height:369px; background-image:url('imgs/trans.png');}
#index #testata #fascialoghi img.legambiente {margin-top:105px;}
#index #testata #fasciabox {margin:-355px 0 0 636px;}
#index #testata #welcome {z-index:5;}
#index #testata #boxcalc {width:132px; height:95px; margin:0 0 0 19px; /*border:#007f34 1px solid; */background:#009640 url(imgs/box_cittadino_back3.gif); padding-left:119px; z-index:4; font-family:Arial, Helvetica, sans-serif;}
#index #testata #boxcalc span.tit {display:block; color:#daea1c; font-weight:bold; font-size:22px; line-height:21px; padding-top:10px;}
#index #testata #boxcalc span.subtit {display:block; color:#ffffff; font-weight:bold; font-size:11px; line-height:13px; padding-top:5px;}
#index #testata #boxcalc span a {color:#dcee31; text-decoration:none;}
#index #testata #boxcalc span a:hover {text-decoration:underline;}
#index #testata #boxlogin {width:251px; height:91px; margin:6px 0 0 19px; /*border:#007f34 1px solid; */background:#009640 url(imgs/box_cittadino_login.gif); z-index:4; font-family:Arial, Helvetica, sans-serif;}
#index #testata #boxlogin form {margin:0; padding:10px;}
#index #testata #boxlogin input {border:0; margin-bottom:6px; margin-right:8px; height:18px; font:13px Arial, Helvetica, sans-serif;}
#index #testata #boxlogin .submit {width:60px; height:20px; font-size:11px; font-weight:bold; border:0; /*float:right;*/ background-color:#daea1c; color:#2b2b2b; /*padding:5px; margin:0 0 0 10px;*/}
#index #testata #boxlogin .submit:hover {color:#eeff48; background-color:#2b2b2b;}
#index #testata #boxlogin span {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; margin-top:10px;}
#index #testata #boxlogin span a {color:#ffffff;}
#index #testata #boxlogin span a:hover {text-decoration:none;}
#index #testata #loggedbox {clear:both; width:225px; margin:6px 0 0 17px; background-color:#FFFFFF; border:#939699 solid 1px; padding:13px; z-index:4; height:158px;}
#index #testata #loggedbox a.out {clear:both; float:right; display:block; padding:3px; font:bold 11px Arial, Helvetica, sans-serif; color:#2b2b2b; background-color:#eeff48; text-decoration:none;}
#index #testata #loggedbox a.out:hover {background-color:#CCCCCC;}
#index #testata #loggedbox .welcome {font:normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b;}
#index #testata #loggedbox .welcome img {float:left;}
#index #testata #loggedbox .crea {clear:both; width:100%; margin-top:10px; background-color:#ededed; font:normal 12px Arial, Helvetica, sans-serif; line-height:21px;}
#index #testata #loggedbox .crea a {color:#2b2b2b; font-weight:bold;}
#index #testata #loggedbox .crea img {float:left;}
#index #testata #loggedbox .risparmio {clear:both; width:180px; margin:15px auto 0 auto; font-family:Arial, Helvetica, sans-serif; color:#2b2b2b;}
#index #testata #loggedbox .risparmio .numero {float:left; margin-right:15px; font-size:25px; font-weight:bold;}
#index #testata #loggedbox .risparmio .label {float:left; font-size:11px;}
#index #testata #loggedbox img.calcola {margin-top:15px;}

#index #testata #contco2box {margin:6px 0 0 17px;}
#index #testata #co2box {float:none;}

#index #riga1 {width:862px; /*height:auto;*/ text-align:left;  margin:25px auto;}
#index #riga2 {width:862px; height:320px; text-align:left; margin:25px auto; clear:both;}
#index #news {float:left; width:209px; padding:0 14px 0 0;}
#index #newsbox {width:100%; /*height:195px;*/}
#index #news .cont {float:left; width:200px; /*margin-right:12px;*/}
#index #news .cont2 {float:left; width:200px; margin-left:10px;}
#index #news .titolo {font:bold 11px Arial,Helvetica,sans-serif; color:#2b2b2b;}
#index #news .titolo a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#index #news .titolo a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#index #news .data {font:bold 11px Arial,Helvetica,sans-serif; color:#2b2b2b; line-height:18px;}
#index #news .corpo {font:normal 11px Arial,Helvetica,sans-serif; color:#2b2b2b; line-height:15px;}
#index #news .corpo a{font:bold 11px Arial,Helvetica,sans-serif; color:#00a550; text-decoration:none; padding:0 3px 0 3px;}
#index #news .corpo a:hover{color:#2d2d2d; text-decoration:none;}
#index #news img {/*width:73px; height:52px;*/ padding: 3px 8px 3px 0; float:left;}
#index .link {height:21px; background:#00a550 url('imgs/ffwd.gif') no-repeat right; clear:both; font:bold 12px Arial,Helvetica,sans-serif; color:#ffffff; line-height:21px; padding-left:12px; margin:15px 0 0 0;}
#index .link a {color:#ffffff; text-decoration:none;}
#index .link a:hover {color:#eeff48; text-decoration:none;}
#index .intestazione {width:100%; font:bold 18px Arial, Helvetica, sans-serif; border-bottom:1px dotted #2b2b2b; margin-bottom:10px; color:#2b2b2b;}
#index #sponsor .intestazione {letter-spacing:-1px;}

#index #anagrafe {float:left; width:208px; padding:0 17px 0 0; font-family:Arial, Helvetica, sans-serif; color:#2b2b2b;}
#index #login {float:right; width:185px;}
#index #login #registrati {font:11px Arial, Helvetica, sans-serif; color:#2b2b2b; text-align:center; background-color:#eeff48;}
#index #login #registrati a {font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#index #login #registrati a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#index #login form {width:140px; padding:20px; background:#f1f1f1 url('imgs/back_form.gif') repeat-y; margin:10px 0 -10px 0;}
#index #login label {display:block; font:bold 11px Arial, Helvetica, sans-serif; color:#2b2b2b; padding-bottom:3px;}
/*#index #login input {border:1px solid #2b2b2b; margin-bottom:10px; font:12px Arial, Helvetica, sans-serif;}*/
#index #login .submit { font-weight:bold; border:0; float:right; background-color:#00a550; color:#ffffff; padding:3px; margin-top:12px;}
#index #login .submit:hover {color:#eeff48;}

/*INDEX COMUNITA'*/
#index #comunita {float:left; width:400px; margin-right:15px;}
#index #cittadini {float:left; width:224px;}
#index #comunita .header, #index #cittadini .header {height:25px; background-color:#ededed; margin-bottom:10px; font:bold 12px Arial, Helvetica, sans-serif; color:#2b2b2b; line-height:25px;}
#index .vedi {float:right;}
#index #cittadini .cittadino {width:208px; height:24px; font:11px Arial, Helvetica, sans-serif; color:#2b2b2b; border-bottom:1px solid #d0d0d0; padding:1px 0; overflow:hidden;}
#index #cittadini .cittadino img {padding:2px 7px; width:20px; height:20px;}
#index #cittadini .cittadino .nome a {font-weight:bold; text-decoration:none; color:#2b2b2b; border-bottom:1px dotted #2b2b2b;}
#index #cittadini .cittadino .nome a:hover {border:0;}
#index #comunita .anteprima {width:128px; margin:0 2px; height:105px; float:left;}
#index #comunita .anteprima img {margin-bottom:10px;}
#index #comunita .anteprima span {display:block; font:normal 11px Arial, Helvetica, sans-serif; color:#2b2b2b;}
#index #comunita .anteprima a.nome {font:bold 11px Arial, Helvetica, sans-serif; color:#2b2b2b; text-decoration:none;}
#index #comunita .anteprima a.nome:hover {text-decoration:underline;}

#index #campagne, #index #vetrina, #index #abbecedario {float:left; width:208px; padding:10px 17px 0 0; font-family:Arial, Helvetica, sans-serif; color:#2b2b2b;}
#index #campagne img.pic, #index #vetrina img.pic {width:208px; height:258px;}
#index #campagne img.ffwd, #index #vetrina img.ffwd {width:21px; height:21px; padding:0 0 0 20px;}
#index .scopri {margin-top:-60px; position:relative; background-color:#FFFFFF; height:28px; padding-top:4px;; font:bold 15px Arial, Helvetica, sans-serif; color:#2b2b2b; text-align:center;}
#index .scopri a:hover {text-decoration:none; border:0;}
#index .scopri a{text-decoration:none; color:#2b2b2b; border-bottom:1px dotted #2b2b2b;}
#index #abbecedario img {width:208px; height:87px;}
#index #abbecedario .termine {display:block; font-weight:bold; font-size:12px; margin:0; padding-top:10px;}
#index #abbecedario .termine a{text-decoration:none; color:#2b2b2b; border-bottom:1px dotted #2b2b2b;}
#index #abbecedario .termine a:hover{border:none;}
#index #abbecedario .fonetica {font-style:italic; font-size:12px; margin:0; padding:5px; border-bottom:1px solid #b3b3b3;}
#index #abbecedario .definizione {font-size:11px; margin:0; padding:5px;}
#index #sponsor {float:left; width:185px; padding:10px 0 0 0; clear:none;}
#index #sponsor #loghi {text-align:center; padding-top:15px;}
#index #sponsor #loghi img {}
#index .gruppo {float:left; position:relative;}

/* TOOLBOX da loggato in Home Page*/
#index #toolbox {float:right; width:185px;}
#index #toolbox #profilo {width:165px; padding:22px 10px; margin-bottom:3px; background:#ffffff url(imgs/index_back_profilo.gif) no-repeat; color:#2b2b2b;}
#index #toolbox span {display:block;}
#index #profilo #nome {font-weight:bold;}
#index #profilo #cat {color:#ffffff;}
#index #toolbox #counter {width:155px; height:78px; padding:26px 15px 0 15px; margin:0; background:#ffffff url(imgs/index_back_counter.gif) no-repeat; color:#2b2b2b;}
#index #toolbox #counter .label {}
#index #toolbox #counter .numero {font-size:24px; font-weight:bold; border-bottom:1px solid #bdbdbd;}
#index a.logout {font-size:11px; font-weight:bold; margin-right:20px; padding:0 4px; background-color:#eeff48; color:#2b2b2b;}
#index a.logout:hover {border:0; background-color:#ebebeb; color:#2b2b2b;}



/****************************************************
 Da qui in poi è tutto dedicato al corpo delle pagine interne
 ****************************************************/ 

/* interna */
#testata {width:100%; height:199px; /*background:#ffffff url('imgs/testata.jpg') no-repeat top right;*/ text-align:left;}
#cosa #testata {background:#ffffff url('imgs/testata_cosa.gif') no-repeat top right;}
#anagrafe #testata {background:#ffffff url('imgs/testata_anagrafe.gif') no-repeat top right;}
#campagne #testata {background:#ffffff url('imgs/testata_campagne.gif') no-repeat top right;}
#vetrina #testata {background:#ffffff url('imgs/testata_vetrina.gif') no-repeat top right;}
#abecedario #testata {background:#ffffff url('imgs/testata_abbecedario.gif') no-repeat top right;}
#sponsor #testata {background:#ffffff url('imgs/testata_sponsor.gif') no-repeat top right;}
#clima #testata {background:#ffffff url('imgs/testata_clima.gif') no-repeat top right;}
#giornata #testata {background:#ffffff url('imgs/testata_giornata.gif') no-repeat top right;}
#testimonial #testata {background:#ffffff url('imgs/testata_testimonial.gif') no-repeat top right;}
#doc #testata {background:#ffffff url('imgs/testata_doc.gif') no-repeat top right;}
#calcolatore #testata {background:#ffffff url('imgs/testata_calcolatore.gif') no-repeat top right;}
#news #testata, #newsdet #testata {background:#ffffff url('imgs/testata_news.gif') no-repeat top right;}

#corpo {width:916px; /*background-color:#999999;*/ padding-top:16px; margin:0 auto; background:#ffffff url('imgs/back_2col.gif') repeat-y;}
#news #corpo {width:916px; /*background-color:#999999;*/ padding-top:16px; margin:0 auto; background:#ffffff url('imgs/back_2colnews.gif') repeat-y;}
#newsdet #corpo {width:916px; /*background-color:#999999;*/ padding-top:16px; margin:0 auto; background:#ffffff url('imgs/back_2colnews.gif') repeat-y;}
#anagrafe #corpo {width:916px; /*background-color:#999999;*/ padding-top:16px; margin:0 auto; background:#ffffff url('imgs/back_2colanagrafe.gif') repeat-y;}
#calcolatore #corpo {background:#ffffff;}

/* colonne */
#col1 {width:302px; padding:0 22px 0 22px; float:left; text-align:left;}
#col2 {width:512px; padding:0 0 30px 29px; float:left; text-align:left;}
#news #col1 {width:147px; padding:0 22px 0 22px; float:left; text-align:left;}
#news #col2 {width:667px; padding:0 0 30px 29px; float:left; text-align:left;}
#newsdet #col1 {width:147px; padding:0 22px 0 22px; float:left; text-align:left;}
#newsdet #col2 {width:667px; padding:0 0 30px 29px; float:left; text-align:left;}
#calcolatore #col1 {width:213px; padding:0 41px 0 17px; float:left; text-align:left;}
#calcolatore #col2 {width:616px; padding:0 0 30px 0; float:left; text-align:left;}


#col1 H1 {font:bold 26px Arial,Helvetica, Verdana,sans-serif; letter-spacing:-1px; color:#2b2b2b; margin:0 0 15px 0;}
#col1 .occhiello {width:100%; height:22px; background:#cbdb2a url('imgs/occhiello.gif') no-repeat left;  margin-bottom:15px;}
#col2 .occhiello {width:100%; height:22px; background: url('imgs/occhiello.gif') no-repeat top left;  margin-bottom:7px; padding-bottom:2px; border-bottom:1px dotted #2b2b2b; clear:both;}
.occhiello H2,H3 {margin:0; font:bold 12px Arial,Helvetica, Verdana,sans-serif; color:#00783a; padding: 3px 0 0 30px;}
.occhiello span {margin:0; font:bold 12px Arial,Helvetica, Verdana,sans-serif; color:#00783a; padding-left:30px; line-height:20px;}

.grigio {width:302px; margin:0 0 0 -22px; padding:18px 22px 22px 22px; background-color:#f6f6f6;}
#anagrafe .grigio { width:156px; margin:0 0 0 -12px; padding:18px 22px 22px 22px; background-color:#f6f6f6;}
.grigio p { font:12px Arial,Helvetica, Verdana,sans-serif; color:#2b2b2b; margin:0 0 22px 0; line-height:18px;}
#anagrafe .grigio p {width:147px; font:12px Arial,Helvetica, Verdana,sans-serif; color:#2b2b2b; margin:0 0 20px 0; line-height:16px;}

.continfo {/*width:100%;*/ padding:10px; border-bottom:1px solid #d1d1d1; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
.continfo:hover {background-color:#f6f6f6;}
#newsdet .continfo {/*width:100%;*/ padding:10px; border-bottom:1px solid #d1d1d1; background-color:#ffffff;}
#newsdet .continfo:hover {background-color:#ffffff;}
.continfo H2 {font:bold 12px Arial,Helvetica, Verdana,sans-serif; color:#2b2b2b; margin:0; padding:0;}
.continfo H2 a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
.continfo H2 a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}

.continfo p {font:12px Arial,Helvetica, Verdana,sans-serif; color:#2b2b2b; margin:0; line-height:15px;}

.introinfo {/*width:100%;*/ background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
.introinfo p {font:12px Arial,Helvetica, Verdana,sans-serif; color:#2b2b2b; margin:10px 0; line-height:15px;}
.introinfo p a{font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
.introinfo p a:hover{color:#2b2b2b; text-decoration:none; border-bottom:0px;}
.introinfo p img {width:208px; height:258px; padding:5px 15px 10px 0; float:left;}



/*  DOC */
#doc ul.links {padding:20px 0; font:12px Arial, Helvetica, sans-serif; color:#2b2b2b; margin:0; list-style-type:none;}
#doc ul.links li {display:block; padding:2px 0;}
#doc ul.links li a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#doc ul.links li a:hover {border:0;}

.doc_cat {padding-bottom:6px; margin:20px 0 20px 0; border-bottom:1px dotted #2b2b2b;}
.doc_cat .continfo {padding:10px 20px 10px 20px;} 
.doc_info {text-align:right; padding:7px 0 0 5px; font:11px Arial,Helvetica, Verdana,sans-serif; color:#00903e; line-height:25px;}
.doc_info .data {float:left; font-weight:bold; color:#2b2b2b;}
.doc_info img {vertical-align:middle; margin:0 10px;}
.doc_info span a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
.doc_info span a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}



/* NEWS */
#news .continfo h2 {font:bold 12px Arial,Helvetica, Verdana,sans-serif; color:#2b2b2b; margin:0 0 10px 0;}
#news .continfo h2 a{color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#news .continfo h2 a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}

#news span.data {color:#009442; padding-right:15px; display:block;}
#news p img {/*width:73px; height:52px;*/ padding: 0 8px 10px 0; float:left;}
#news p a {color:#009442; font-weight:bold; text-decoration:none;}
#news p a:hover {color:#2b2b2b;}

#newsdet h2 {font:bold 16px Arial,Helvetica, Verdana,sans-serif; color:#2b2b2b; margin:0 0 15px 0; padding-bottom:20px; border-bottom:1px solid #d1d1d1; } 
#newsdet h2 .data {color:#009442; padding-right:15px; display:block;}
#newsdet p {line-height:18px;}
#newsdet p a{font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#newsdet p a:hover{color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#newsdet p img {/*width:176px;*/ padding:5px 15px 10px 0; float:left;}

.news_back {float:right; width:95px; height:20px; background:#00a550 url('imgs/news_back.gif') no-repeat left; padding-left:50px; margin-top:15px; font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; line-height:18px;}
.news_back a{text-decoration:none; color:#FFFFFF;}
.news_back a:hover {color:#f0fe47;}

/*anagrafe */
#anagrafe_count {font-family: Arial, Helvetica, sans-serif; width:324px;}
#anagrafe_count img {padding:0 15px 0 15px;}
#anagrafe_count #tit {margin-bottom:20px; padding-bottom:4px; border-bottom:1px dotted #2b2b2b;}
#anagrafe_count #tit #num {font-size:25px; color:#2b2b2b;}
#anagrafe_count #tit #label {font-size:20px; color:#2b2b2b;}
.anagrafe_count_on .dato {width:209px; margin-bottom:3px; border-bottom:1px solid #d1d1d1; padding-bottom:3px; color:#2b2b2b; float:left;}
.anagrafe_count_on .tasto {width:95px; padding-left:19px; height:21px; float:left; background:url('imgs/anagrafe_elenco_on.gif'); color:#FFFFFF; font-size:11px; font-weight:bold; line-height:22px; padding-bottom:3px;}
.anagrafe_count_off .dato {width:209px; margin-bottom:3px; border-bottom:1px solid #d1d1d1; padding-bottom:3px; color:#2b2b2b; float:left;}
.anagrafe_count_off .tasto {width:73px; padding-left:19px; height:21px; float:left; background:url('imgs/anagrafe_elenco_off.gif') right; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:22px;padding-bottom:3px;}


#anagrafe #col1 .anagrafe_back { background:#00a550 url('imgs/news_back.gif') no-repeat left; font:bold 11px Arial, Helvetica, sans-serif;  line-height:18px; color:#FFFFFF; padding-left:50px; margin-top:15px; height:20px;}
#anagrafe #col1 .anagrafe_back a{text-decoration:none; color:#FFFFFF;}
#anagrafe #col1 .anagrafe_back a:hover {color:#f0fe47;}

#tasti_tutti{padding-left:25px; margin-top:-25px; margin-bottom:100px;}
.anagrafe_tutti { background:#00a550; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:2px; height:20px; width:125px; float:left; margin-left:15px;line-height:10px; }
.anagrafe_tutti img { margin-right:15px; margin-bottom:-5px;}
.anagrafe_tutti a{text-decoration:none; color:#FFFFFF;}
.anagrafe_tutti a:hover {color:#f0fe47;}


#anagrafe h2 {float:left; font-size:12px; font-weight:normal; margin:0;}
#anagrafe .leggi {width:300px; float:right; text-align:right;}
#anagrafe .leggi a{margin-right:15px; font-size:12px; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#anagrafe .leggi a:hover{text-decoration:none; border:0;}
#anagrafe .leggi .comunita {float:left;}
#anagrafe .leggi .comunita img {margin-right:10px;}
#anagrafe .leggi span {font:normal 11px Arial, Helvetica, sans-serif; color:#2b2b2b;}
#anagrafe .impegno {clear:both; padding-top:10px; display:none; font-size:12px; line-height:16px; color:#2b2b2b}

#anagrafe #col1 {width:175px; padding:0 12px 0 12px; float:left; text-align:left;}
#anagrafe #col2 {width:650px;  padding:0; margin:0 0 0 40px ; float:left; text-align:left;}

#anagrafe #intro {padding-bottom:20px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif;}
#anagrafe #intro1 {float:left; width:294px;}
#anagrafe #intro1  p {margin:0; padding:24px; font:12px Arial, Helvetica, sans-serif; color:#2b2b2b;}
#anagrafe #intro2 {float:left; width:640px; background-color:#f7f7f7; border:1px solid #838383; margin-top:-12px; color:#2b2b2b;}

#anagrafe #intro2 .co2 {margin:0 auto; clear:both; margin-bottom:30px;}
#anagrafe #intro2 .co2 .numero {font-size:25px; font-weight:bold; display:block; margin-top:10px;}
#anagrafe #intro2 .co2 .label {font-size:12px; margin-top:-3px;}


#anagrafe #intro2 .colonna{float:left; width:185px;  margin-top:20px; padding-left:20px; padding-top:10px}
#anagrafe #intro2 .colonna_finale{float:right; width:185px;  margin-top:20px; margin-right:10px; padding:10px 10px 0 0;}
#anagrafe #intro2 .abitanti{ font-weight:bold; border-bottom:1px solid #838383; display:block; width:185px;}
#anagrafe #intro2 .abitanti .numeroab{ font-size:20px; display:inline;}
#anagrafe #intro2 .abitanti .label{ font-size:12px; display:inline;}



#anagrafe .titolow2 {position:relative; z-index:2; width:200px; height:22px; line-height:22px; float:left; padding:0 20px; border:0; margin:0 20px;  background:#ffffff url('imgs/calc_titolow_back.gif') no-repeat right; font-size:14px; color:#ffffff; text-align:center;}
#anagrafe .titolow2 span {float:left; padding:0;}

#anagrafe .tipologia{ font-size:12px;}
#anagrafe .tipologia .dato{ width:185px; border-bottom:1px solid #838383; display:block; padding-bottom:5px;}
#anagrafe .tipologia .dato img{ margin-right:6px;}
#anagrafe .tipologia .co2 .num { display:block;font-size:18px; font-weight:bold; margin-top:5px;}
#anagrafe #intro2 .tipologia .co2 .label {font-size:11px;}
#anagrafe #intro2 .tipologia .co2 .tasto {width:45px; text-align:center; height:13px; float:left; background-color:#00a550; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:14px;padding-bottom:3px; float:right; margin-top:-25px;}

#anagrafe #cerca .colonna{float:left; width:150px; padding-bottom:20px;}
#anagrafe #cerca .colonna_finale{float:right; width:50px; padding-top:25px;}
#anagrafe #cerca .nome_campo{ font-weight:bold; font-size:11px; padding-bottom:3px; display:block;}
#anagrafe #cerca .tasto {width:50px; text-align:center; height:20px;  background-color:#00a550; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:20px;padding-bottom:3px; float:right; }

/* comunita */
#anagrafe #cerca_comunita p {clear:both; margin:30px 30px 0 30px; font-size:14px;}
#anagrafe #cerca_comunita .colonna{float:left; width:200px; padding-bottom:20px;}
#anagrafe #cerca_comunita .colonna_finale{float:right; width:50px; padding-top:25px;}
#anagrafe #cerca_comunita .nome_campo{ font-weight:bold; font-size:11px; padding-bottom:3px; display:block;}
#anagrafe #cerca_comunita .tasto {width:50px; text-align:center; height:20px;  background-color:#00a550; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:20px;padding-bottom:3px; float:right; }

#anagrafe .scheda {font-family:Arial, Helvetica, sans-serif; color:#2b2b2b; margin-bottom:20px;}
#anagrafe .scheda span {display:block; font-size:12px;}
#anagrafe .scheda span.num {font-size:25px; font-weight:bold;}
#anagrafe .scheda img.thumb {float:left; margin:0 15px 10px 0;/**/}
#scheda .dx {float:left;}
#anagrafe .scheda h2 {margin:0; padding:0; font:bold 18px Arial, Helvetica, sans-serif; float:none;}
#anagrafe .scheda p {font:normal 12px Arial, Helvetica, sans-serif; margin-top:5px; line-height:16px; float:none;}
#anagrafe .scheda .dati {clear:both; margin-top:20px;}
#anagrafe .scheda .dati .iscritti {float:left; width:140px;}
#anagrafe .scheda .dati .co2 {float:left; width:250px;}
#anagrafe .scheda .dati a.iscriviti {float:right; display:block; width:155px; height:39px; background-image:url(imgs/comunita_scheda_iscriviti.gif); line-height:39px; color:#ffffff; text-decoration:none; font-size:14px; padding-left:56px;}
#anagrafe .scheda .dati a.iscriviti:hover {background-image:url(imgs/comunita_scheda_iscriviti_hover.gif);}

#anagrafe .scheda h3 {margin:0; padding:0 0 10px 0; color:#2b2b2b; font-size:14px; font-weight:bold;}
#anagrafe .scheda ul {margin:0; padding:0;}
#anagrafe .scheda li {display:block; float:left; list-style-type:none; font-size:12px;}
#anagrafe .scheda ul a {color:#2b2b2b; text-decoration:none;}
#anagrafe .scheda ul a:hover {text-decoration:underline;}

.tasto a {color:#ffffff; text-decoration:none;}
.tasto a:hover {color:#eeff48;}

/*CAMPAGNE*/
#campagne p {line-height:18px;}
#campagne p a{font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#campagne p a:hover{color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#campagne p img {/*width:208px; height:258px;*/ padding:5px 15px 10px 0; float:left;}
#campagne .continfo:hover {background-color:#ffffff;}

/*CLIMA*/
#clima #col1 .continfo {border-top:1px solid #d1d1d1; background-color:#f6f6f6; margin-bottom:2px;}
#clima #col1 .continfo:hover {background-color:#ffffff;}
#clima p {line-height:16px;}
#clima #col2 .continfo {/*width:100%;*/ padding:15px; margin-top:5px; border-bottom:1px solid #d1d1d1; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; clear:both; height: auto; overflow: hidden;/**/}
#clima #col2 .continfo:hover {background-color:#f6f6f6;}
.continfo H2 .mese {color:#00a550;}
#clima #col2 .continfo img{border:1px solid #d1d1d1; float:left;  margin-right:15px; width:84px; /*height:63px;*/ padding:2px;}
#clima #col2 .continfo a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b; font-weight:bold;}
#clima #col2 .continfo a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}
.altrecampagne {float:left;; width:69%; height:20px; background:#00a550 url('imgs/ffwd.gif') no-repeat left;  margin-top:15px; font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; line-height:18px; margin-bottom:15px;}
.altrecampagne a{text-decoration:none; color:#FFFFFF; padding-left:50px;}
.altrecampagne a:hover {color:#f0fe47;}
.clima_ancora {float:right; height:20px; background:#00a550 url('imgs/ffwd.gif') no-repeat left;  margin-top:15px; margin-bottom:15px; font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; line-height:18px; display:inline; margin-left:3px; margin-right:3px;}
.clima_ancora a{text-decoration:none; color:#FFFFFF; padding-left:40px; padding-right:20px;}
.clima_ancora a:hover {color:#f0fe47;}
.top {float:right; height:20px; width:30%; background:#00a550 url('imgs/top.gif') no-repeat left;  margin-top:15px; margin-bottom:15px; font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; line-height:18px; display:inline;}
.top a{text-decoration:none; color:#FFFFFF; padding-left:40px; padding-right:20px;}
.top a:hover {color:#f0fe47;}

/*VETRINA*/
#vetrina #col1 .continfo {border-top:1px solid #d1d1d1; background-color:#f6f6f6; margin-bottom:2px;}
#vetrina #col1 .continfo:hover {background-color:#ffffff;}
#vetrina p {line-height:18px;}
#vetrina #col2 .continfo {/*width:100%;*/ padding:15px; margin-top:5px; border-bottom:1px solid #d1d1d1; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
#vetrina #col2 .continfo:hover {background-color:#f6f6f6;}
#vetrina #col2 .continfo p {line-height:16px;}
#vetrina #col2 .continfo img{border:1px solid #d1d1d1; float:left; margin-right:15px; width:140px; /*height:63px;*/}
#vetrina #col2 .continfo a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#vetrina #col2 .continfo a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}

/*PAGINA SPONSOR*/
#sponsor p {line-height:18px;}
#sponsor p a{font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#sponsor p a:hover{color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#sponsor p img {width:176px; height:170px; padding:5px 15px 10px 0; float:left;}
#sponsor .continfo:hover {background-color:#ffffff;}

/*TESTIMONIAL*/
.contvideo {/*width:100%;*/ padding:10px; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.videosel{background:url('imgs/fumetto.gif') no-repeat left; width:425px; height:22px; margin:7px auto; padding:2px 0; border-bottom:1px dotted #2b2b2b; border-top:1px dotted #2b2b2b; clear:both; }
.videosel H2,H3 {margin:0; font: 12px Arial,Helvetica, Verdana,sans-serif;}
.videsel H2 .nometestimonial{font:bold 12px Arial,Helvetica, Verdana,sans-serif; color:#00783a;}
.videosel span {margin:0; font:bold 12px Arial,Helvetica, Verdana,sans-serif; color:#00783a; padding-left:30px; line-height:20px;}
.video{width:115px; height:155px; background-color:#ffffff; padding-top:10px; border-bottom:1px solid #d1d1d1; overflow:hidden; display:inline; float:left;  margin-left:8px; margin-top:8px;}
.video:hover {background-color:#f6f6f6;}
.video .nomevideo { font:bold 11px Arial,Helvetica, Verdana,sans-serif;  line-height:14px; text-align:left; margin-left:12px; margin-right:12px; margin-top:5px; height:37px;}
.video .nomevideo a {border-bottom:1px dotted #2b2b2b; color:#2b2b2b; text-decoration:none;}
.video. nomevideo a hover{border-bottom:0px}
.video .thumb {width:89px;}

/*COSE STOP THE FEVER*/
#cosa #col1 img {border:solid #b6b6b6 1px; margin-bottom:20px;}
#cosa #col1 .grigio {font: 12px Arial,Helvetica, Verdana,sans-serif; text-align:center}
#cosa #col1 .grigio a {margin:5px; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#cosa #col1 .grigio a:hover{color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#cosa p {line-height:16px; margin:auto;}
#cosa .continfo p { margin-bottom:10px;}
#cosa p a{font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#cosa p a:hover{color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#cosa p img { padding:5px 15px 10px 0; float:left;}
#cosa .continfo:hover {background-color:#ffffff;}
.codice{ color:#2b2b2b; border:solid 1px #b6b6b6; margin:5px 0 25px 0;padding:5px; font:11px Arial,Helvetica, Verdana,sans-serif ;}
.banner{ width:490px; height:57px;}

/*ABECEDARIO*/
#abecedario p {line-height:18px;}
#abecedario #col2 .continfo {/*width:100%;*/ padding:15px; margin-top:5px; border-bottom:1px solid #d1d1d1; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
#abecedario #col2 .continfo:hover {background-color:#f6f6f6;}
#abecedario #col2 .continfo img{border:1px solid #d1d1d1; float:left;  margin-right:15px; width:84px; height:63px;}
#abecedario #col2 .continfo a {color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#abecedario #col2 .continfo a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}
.abecedario_menu { text-align:center; float:left; height:22px; width:22px; background:#e1e1e1;  margin-top:15px; margin-bottom:15px; font:bold 15px Arial, Helvetica, sans-serif;  line-height:22px; display:inline; margin-left:2px; text-transform:uppercase;}
.abecedario_menu:hover{background:#2b2b2b; color:#e1e1e1;}
.abecedario_menu a{text-decoration:none; color:#2b2b2b; }
.abecedario_menu a:hover {color:#e1e1e1; background:#2b2b2b; padding:2px 4px 2px 4px;}
.abecedario_menu_sel{text-align:center; float:left; height:22px; width:22px;  margin-top:15px; margin-bottom:15px; font:bold 15px Arial, Helvetica, sans-serif;  line-height:22px; display:inline; margin-left:2px; text-transform:uppercase; background:#2b2b2b; color:#e1e1e1;}
#abecedario #col2 .abecedario_lettere { margin-top:5px; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
.fonema{ font-style:italic; font-size:11px;}

/*GIORNATA*/
#giornata p {line-height:18px; margin-bottom:10px;}
#giornata #col2 .continfo {/*width:100%;*/ padding:15px; margin-top:5px; border-bottom:1px solid #d1d1d1; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
/*#giornata #col2 .continfo:hover {background-color:#f6f6f6;}*/
#giornata #col2 .continfo img{float:left;  margin-right:15px;} 
#giornata #col2  a img{ float:left;  margin:1px; width:83px;}
#giornata #col2 .continfo a {color:#00a550; text-decoration:none; border-bottom:1px dotted #2b2b2b; font-weight:bold; color:#00a550;}
#giornata #col2 .continfo a:hover {color:#00a550; text-decoration:none; border-bottom:0px;}
#giornata .consigli{height:90px; padding:10px; padding-right:10px; font: italic 12px Arial, Helvetica, sans-serif; color:#2b2b2b;  margin-bottom:10px; background:/*url(imgs/ico_consiglio.gif)*/ no-repeat right #f6f6f6;}
#giornata .consigli:hover{ background-color: #ffffff;}
#giornata .consigli .link {display:block; padding:12px 0; float:right; font-weight:bold;}
#giornata .consigli .link a{margin:0 10px;}
#giornata .orologio{width:70px; text-align:right; position:relative; z-index:10; float:right; margin-top:-43px; margin-right:10px;}
#giornata #col2 .menu{ height:164px; margin-bottom:20px;}
#giornata #col2 .top{margin-bottom:50px; margin-top:0px;}
#giornata #col2 .occhiello{margin-top:10px;}
#giornata #col2 .continfo .consigli img{width:80px; height:73px;}





/****************************************************
 Calcolatore
 ****************************************************/ 

#calcolatore #corpo {font-family:Arial, Helvetica, sans-serif;}
#calcolatore .intestazione {color:#2b2b2b; width:100%; font:bold 18px Arial, Helvetica, sans-serif; border-bottom:1px dotted #2b2b2b; margin:0 0 25px 0;}
#calcolatore h2.intestazione  {clear:both; color:#2b2b2b; margin-top:30px; margin-bottom:20px; border-bottom:1px solid #bfbfbf;}
#calcolatore #login {width:185px; margin:0 auto;}
#calcolatore #login #registrati {font:11px Arial, Helvetica, sans-serif; color:#2b2b2b; text-align:center; background-color:#eeff48;}
#calcolatore #login #registrati a {font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#calcolatore #login #registrati a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}
#calcolatore #login form {width:140px; padding:20px; background:#f1f1f1 url('imgs/back_form.gif') repeat-y; margin:10px 0 -10px 0;}
#calcolatore #login label {display:block; font:bold 11px Arial, Helvetica, sans-serif; color:#2b2b2b; padding-bottom:3px;}
#calcolatore #login input {border:1px solid #2b2b2b; margin-bottom:10px; font:12px Arial, Helvetica, sans-serif;}
#calcolatore #login .submit { font-weight:bold; border:0; float:right; background-color:#00a550; color:#ffffff; padding:3px; margin-top:12px;}
#calcolatore #login .submit:hover {color:#eeff48;}

/*welcome page quando non sei loggato*/
#calcolatore #lettera  {float:left; width:266px; margin-right:38px; color:#2b2b2b;}
#calcolatore #lettera img {margin:10px 0;}
#calcolatore #lettera #contatore {display:block; font-weight:bold; font-size:35px;}
#calcolatore #lettera #label {display:block; margin:-4px 0 25px 0; font-size:12px;}
#calcolatore #lettera p {margin:0 0 20px 0; font-size:12px; line-height:18px;}
#calcolatore #registrati {float:left; width:312px; margin:15px auto;}
#calcolatore #registrati #header {width:308px; height:58px; background:#2b2b2b url(imgs/calc_nlog_butreg.gif) no-repeat; color:#e9e9e9; margin-bottom:5px;}
#calcolatore #registrati h2#label1 {display:block; width:60%; font-size:27px; font-weight:bold; padding:5px 0 0 90px; margin:0;}
#calcolatore #registrati #label2 {display:block; width:60%; font-size:12px; padding-left:90px;}
#calcolatore #registrati #pulsante1 {padding:8px 0 0 40px; float:left; width:107px; height:34px; margin:3px; background:#CCCCCC url(imgs/calc_nlog_icocit.gif) no-repeat;}
#calcolatore #registrati #pulsante2 {padding:8px 0 0 40px; float:left; width:107px; height:34px; margin:3px; background:#CCCCCC url(imgs/calc_nlog_icoaz.gif) no-repeat;}
#calcolatore #registrati #pulsante3 {padding:8px 0 0 40px; float:left; width:107px; height:34px; margin:3px; background:#CCCCCC url(imgs/calc_nlog_icoent.gif) no-repeat;}
#calcolatore #registrati #pulsante4 {padding:8px 0 0 40px; float:left; width:107px; height:34px; margin:3px; background:#CCCCCC url(imgs/calc_nlog_icoscu.gif) no-repeat;}
#calcolatore #registrati a {color:#2b2b2b; font-size:14px; line-height:13px;}
#calcolatore #registrati a:hover {text-decoration:none;}
#calcolatore #istruzioni {width:100%; height:35px; margin-top:110px; padding-bottom:5px; border-bottom:1px #2b2b2b solid; clear:both; background:#ffffff url('imgs/calc_nlog_istr1.gif') no-repeat left;}
#calcolatore #istruzioni span {margin-left:60px; float:left;}
#calcolatore #istruzioni img {float:right; padding:5px 10px 0 10px;}
#calcolatore #istruzioni a{text-decoration:none; color:#2b2b2b; line-height:35px; font-size:18px; font-weight:bold; }
#calcolatore #istruzioni a:hover {color:#6a6a6a}
#calcolatore #istru {font-size:12px; color:#2b2b2b; line-height:18px; margin-top:10px; padding-bottom:20px; border-bottom:1px #2b2b2b solid;}
#calcolatore #istru a{font-size:12px; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#calcolatore #istru a:hover {border:0;}

#calcolatore #registraticalc {font:11px Arial, Helvetica, sans-serif; color:#2b2b2b; text-align:center; background-color:#eeff48;}
#calcolatore #registraticalc a {font-weight:bold; color:#2b2b2b; text-decoration:none; border-bottom:1px dotted #2b2b2b;}
#calcolatore #registraticalc a:hover {color:#2b2b2b; text-decoration:none; border-bottom:0px;}


/* TOOL BOX da loggato */
#toolbox {font:12px Arial, Helvetica, sans-serif; }
#toolbox span {display:block;}
#toolbox #profilo {width:193px; height:44px; padding:22px 10px; margin-bottom:20px; background:#ffffff url(imgs/calctb_back_profilo.gif) no-repeat; line-height:17px; color:#2b2b2b;}
#profilo #nome {font-weight:bold;}
#profilo #cat {color:#ffffff;}

#pulsantiera a{text-decoration:none; color:#2b2b2b;}
#pulsantiera a:hover{text-decoration:underline;}
#pulsantiera #bcalc {width:170px; height:31px; margin-bottom:6px; background:#ffffff url(imgs/calctb_but_calc.gif) no-repeat; line-height:31px; padding-left:43px;}
#pulsantiera #bcalc:hover {background:#ffffff url(imgs/calctb_but_calc_over.gif) no-repeat;}
#pulsantiera #bimpegni {width:170px; height:47px; margin-bottom:6px; background:#ffffff url(imgs/calctb_but_impegni.gif) no-repeat; line-height:47px; padding-left:43px;}
#pulsantiera #bimpegni:hover {background:#ffffff url(imgs/calctb_but_impegni_over.gif) no-repeat;}
#pulsantiera #bcat {width:170px; height:47px; margin-bottom:6px; background:#ffffff url(imgs/calctb_but_cat.gif) no-repeat; line-height:47px; padding-left:43px;}
#pulsantiera #bcat:hover {background:#ffffff url(imgs/calctb_but_cat_over.gif) no-repeat;}
#pulsantiera #bpassword {width:170px; height:31px;margin-bottom:6px;  background:#ffffff url(imgs/calctb_but_password.gif) no-repeat; line-height:31px; padding-left:43px;}
#pulsantiera #bpassword:hover {background:#ffffff url(imgs/calctb_but_password_over.gif) no-repeat;}
#pulsantiera #bdati {width:170px; height:31px; margin-bottom:6px;  background:#ffffff url(imgs/calctb_but_dati.gif) no-repeat; line-height:31px; padding-left:43px;}
#pulsantiera #bdati:hover {background:#ffffff url(imgs/calctb_but_dati_over.gif) no-repeat;}
#pulsantiera #bdisconnetti {width:170px; height:31px; margin-bottom:22px;  background:#ffffff url(imgs/calctb_but_disconnetti.gif) no-repeat; line-height:31px; padding-left:43px;}
#pulsantiera #bdisconnetti:hover {background:#ffffff url(imgs/calctb_but_disconnetti_over.gif) no-repeat;}

#toolbox #counter {width:183px; height:74px; padding:30px 15px; background:#ffffff url(imgs/calctb_back_counter.gif) no-repeat; color:#2b2b2b;}
#toolbox #counter .numero {font-size:24px; font-weight:bold;  border-bottom:1px solid #bdbdbd;}
/* FINE TOOL BOX da loggato */


/* WELCOME PAGE da loggato */

#calcolatore .titolow {width:306px; height:22px; line-height:22px; padding:0 155px; margin:15px auto; background:#ffffff url('imgs/calc_titolow_back.gif') no-repeat center; font-size:14px; color:#ffffff; text-align:center; border-bottom:1px solid #bdbdbd;}
#calcolatore .titolow span {float:left; padding:0 20px;}
#calcolatore .titolow2 {position:relative; z-index:2; width:160px; height:22px; line-height:22px; float:left; padding:0 20px; border:0; margin:0 20px;  background:#ffffff url('imgs/calc_titolow_back.gif') no-repeat right; font-size:14px; color:#ffffff; text-align:center;}
#calcolatore .titolow2 span {float:left; padding:0;}


#calcolatore #intro {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #bdbdbd;}
#calcolatore #intro1 {float:left; width:294px;}
#calcolatore #intro1  p {margin:0; padding:24px; font:12px Arial, Helvetica, sans-serif; color:#2b2b2b;}
#calcolatore #intro2 {float:left; width:320px; background-color:#f7f7f7; border:1px solid #838383; margin-top:-12px; color:#2b2b2b;}
#calcolatore #intro2 #co2 {width:230px; padding:10px 20px; margin:0 auto; clear:both;}
#calcolatore #intro2 #co2 span {display:block;}
#calcolatore #intro2 #co2 .numero {font-size:33px; font-weight:bold;}
#calcolatore #intro2 #co2 .label {font-size:12px; margin-top:-3px;}
#calcolatore #intro2 #abitanti {width:270px; margin:30px auto;}
#calcolatore #intro2 #abitanti .header {width:100%; border-bottom:1px solid #b9b9b9; margin-bottom:10px;}
#calcolatore #intro2 #abitanti .numero {font-size:20px; font-weight:bold;}
#calcolatore #intro2 #abitanti .label {font-size:12px; font-weight:bold;}
#calcolatore #intro2 #abitanti .dato {width:135px; float:left; margin:3px 0; font-size:12px;}
#calcolatore #intro2 #abitanti .dato img {padding:0 10px;}

#calcolatore #impegnibox{clear:both;}
#calcolatore #impegnibox #list {width:616px; padding-bottom:30px; margin:0 auto 30px auto; /*border-top:1px solid #bdbdbd;*/ border-bottom:1px solid #bdbdbd;}
#calcolatore #impegnibox #list .info {display:block; width:100%; margin:20px auto; font-size:12px; color:#2b2b2b;}
#calcolatore #impegnibox #list .impegno {width:144px; height:210px; float:left; margin:0 2px; padding:0 2px;}
#calcolatore #impegnibox #list .impegno:hover {background-color:#f1f1f1;}
#calcolatore #impegnibox #list .impegno .titolo{display:block; font-size:14px; font-weight:bold; padding:10px 0; color:#2b2b2b;}
#calcolatore #impegnibox #list .impegno p{display:block; font-size:11px; color:#2b2b2b; padding-top:15px; margin:0;}
#calcolatore #impegnibox #list a{color:#2b2b2b; text-decoration:none;}
#calcolatore #impegnibox #list a:hover{text-decoration:underline;}

#calcolatore #comunitabox {width:auto; clear:both; padding:10px 0; margin-bottom:40px; border-bottom:1px solid #bdbdbd;}
#calcolatore #comunitabox #iscriviti {width:540px; font-size:12px; color:#2b2b2b; line-height:18px;}
#calcolatore #comunitabox #iscriviti img.omini {float:left; margin-bottom:20px;}
#calcolatore #comunitabox #iscriviti .num {font-size:25px; font-weight:bold;}
#calcolatore #comunitabox #iscriviti #tasti {width:500px; margin-left:60px; font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff; line-height:39px; clear:both;}
#calcolatore #comunitabox #iscriviti #tasti a.iscriviti {padding-left:51px; display:block; width:190px; height:39px; background-image:url(imgs/calcolatore_comunita_butiscriviti.gif); float:left; text-decoration:none; color:#ffffff;}
#calcolatore #comunitabox #iscriviti #tasti a.iscriviti:hover {background-image:url(imgs/calcolatore_comunita_butiscriviti_hover.gif);}
#calcolatore #comunitabox #iscriviti #tasti a.crea {padding-left:51px; display:block; width:190px; height:39px; background-image:url(imgs/calcolatore_comunita_butcrea.gif); float:right; text-decoration:none; color:#ffffff;}
#calcolatore #comunitabox #iscriviti #tasti a.crea:hover {background-image:url(imgs/calcolatore_comunita_butcrea_hover.gif)}

#calcolatore #comunitabox #iscritto {font-size:12px; color:#2b2b2b;}
#calcolatore #comunitabox #iscritto span {display:block;}
#calcolatore #comunitabox #iscritto span.comunita {float:left; margin-bottom:40px; font-size:20px; font-weight:bold;}
#calcolatore #comunitabox #iscritto span.comunita a {text-decoration:none; color:#2b2b2b;}
#calcolatore #comunitabox #iscritto span.comunita a:hover {text-decoration:underline;}
#calcolatore #comunitabox #iscritto a.modifica {float:left; display:block; width:83px; height:23px; background-image:url(imgs/calc_comunita_modifica_but.gif); line-height:23px; color:#ffffff; text-align:center; text-decoration:none; margin-left:30px;}
#calcolatore #comunitabox #iscritto a.modifica:hover {background-image:url(imgs/calc_comunita_modifica_but_hover.gif);}
#calcolatore #comunitabox #iscritto img {float:left; margin:0 30px 20px 30px;}
#calcolatore #comunitabox #iscritto .resoconto {clear:both; padding:15px; border:1px solid #6c6c6c; background-color:#f7f7f7; font:normal 12px Arial, Helvetica, sans-serif;}
#calcolatore #comunitabox #iscritto .resoconto .iscritti {float:left; margin:0 25px;}
#calcolatore #comunitabox #iscritto .resoconto .risparmio {float:left; margin:0 25px;}
#calcolatore #comunitabox #iscritto .resoconto .num {font:bold 25px Arial, Helvetica, sans-serif;}
#calcolatore #comunitabox #iscritto .resoconto a {float:right; background-image:url(imgs/calc_comunita_but_lascia.gif); color:#ffffff; width:130px; height:39px; line-height:39px; padding-left:51px; text-decoration:none;}
#calcolatore #comunitabox #iscritto .resoconto a:hover {background-image:url(imgs/calc_comunita_but_lascia_hover.gif);}

#calcolatore #risparmiobox {padding:10px 0; margin-bottom:40px; border-bottom:1px solid #bdbdbd;}
#calcolatore #risparmiobox img {float:left; padding-top:20px;}
#calcolatore #risparmiobox #tuoco2 {width:440px; float:right;}
#calcolatore #risparmiobox #tuoco2 .numero {padding:0 10px; display:block; font-size:35px; color:#2b2b2b; font-weight:bold;}
#calcolatore #risparmiobox #tuoco2 .label {padding:5px 10px; display:block; font-size:12px; color:#2b2b2b; border-bottom:1px solid #bdbdbd; margin-top:-7px;}
#calcolatore #risparmiobox #tuoco2 ul {list-style-type:none; padding:0; margin:10px 15px; font-size:14px; color:#2b2b2b; display:block; float:left;}
#calcolatore #risparmiobox #tuoco2 li {padding:2px 0;}
#calcolatore #risparmiobox #link {float:right; width:140px; height:66px; background:#2b2b2b url(imgs/calc_intro_but_aggiorna.gif) no-repeat; margin:20px 25px 0 25px; font-size:14px;}
#calcolatore #risparmiobox #link a {text-decoration:none; color:#ffffff; display:block; padding:10px;}
#calcolatore #risparmiobox #link a:hover {text-decoration:underline;}
#calcolatore #risparmiobox #link img{float:right; margin-top:-20px;}

#calcolatore #istruzionibox {padding:10px 0; margin-bottom:20px; border-bottom:1px solid #bdbdbd;}
#calcolatore #istruzionibox ul {font-size:12px; color:#2b2b2b; margin:0 15px; padding:0; list-style-type:none;}
#calcolatore #istruzionibox ul a {text-decoration:none; border-bottom:1px dotted #2b2b2b; color:#2b2b2b;}
#calcolatore #istruzionibox ul a:hover {border:0; color:#2b2b2b;}
#calcolatore #istruzionibox li.domanda {font-weight:bold; padding:5px 5px;}
#calcolatore #istruzionibox li.risposta {font-weight:normal; padding:5px 5px;}

#calcolatore #feedback {padding:40px 0;}
#calcolatore #feedback img {margin:0 30px; float:left;}
#calcolatore #feedback span {display:float:left; margin:10px 0; font-size:12px; line-height:16px; color:#2b2b2b;}

#calcolatore #impegninavi {height:75px; overflow:visible;}
#calcolatore #impegninavi .impegno {float:left; width:136px; height:50px; margin:3px 3px; padding:4px; border:1px #afafaf solid;}
#calcolatore #impegninavi .impegno:hover {background-color:#f1f1f1;}
#calcolatore #impegninavi .impegno span {display:block; font-size:14px; font-weight:bold; color:#2b2b2b; height:30px;}
#calcolatore #impegninavi .impegno a {color:#2b2b2b; text-decoration:none;}
#calcolatore #impegninavi .impegno a:hover{text-decoration:underline;}
#calcolatore #impegninavi .impegno img {float:right;}

#calcolatore form.impegni {margin:0; padding:0;}
#calcolatore form.impegni img.pano{float:left;}
#calcolatore form.impegni div.legend{float:left; width:272px; margin:0 0 40px 30px;}
#calcolatore form.impegni img.legend{margin:10px auto; display:block;}
#calcolatore form.impegni p {font-size:12px; line-height:18px; color:#2b2b2b;}
#calcolatore form.impegni fieldset {clear:both; margin:1px 0; padding:10px 0; border:0;}
#calcolatore form.impegni fieldset:hover {background-color:#f8f8f8;}
#calcolatore form.impegni fieldset img {float:left; display:block; margin-right:15px;}
#calcolatore form.impegni fieldset div.png-left img { width:94px; height:87px;}
#calcolatore form.impegni fieldset label {display:block; float:left; width:330px; padding:10px 20px; font-size:12px; color:#2b2b2b; border-right:1px solid #bfbfbf;}
#calcolatore form.impegni fieldset div.input {float:left; width:100px; height:90px; margin-left:10px;}
#calcolatore form.impegni fieldset div.input span {display:block; float:left; margin:12px 10px; font-size:20px; font-weight:bold; text-align:center; line-height:30px;}
#calcolatore form.impegni fieldset div.input span.si {color:#00b81e;}
#calcolatore form.impegni fieldset div.input span.no {color:#fe0000;}
#calcolatore form.impegni fieldset div.input input[type=text] {border:1px solid #929292; font-size:14px; padding:4px;}
#calcolatore form .ok {display:block; float:right; width:140px; height:21px; background:#00a550; font:bold 12px Arial,Helvetica,sans-serif; color:#ffffff; line-height:21px; margin:15px 10px 0 0; text-align:center;}
#calcolatore form .ok a {color:#ffffff; text-decoration:none;}
#calcolatore form .ok a:hover {color:#eeff48; text-decoration:none;}
#calcolatore form #validatebox {width:100%; padding:10px 0; border-bottom:1px solid #bfbfbf;}
#calcolatore form #alertbox {padding:15px; margin-top:20px; background:#f0f0f0 url('imgs/back_form.gif') repeat; text-align:center; clear:both;}
#calcolatore form #alertbox .messaggio {display:block; width:350px; font-size:14px; color:#2b2b2b; margin:10px auto;}
#calcolatore form #alertbox input[type=submit] {padding:3px;}

#calcolatore form#registrazione {margin:0; padding:0;}
#calcolatore form#registrazione div.modifica{padding:20px;}
#calcolatore form#registrazione .intro {width:100%; float:left; margin:0 0 30px 0;}
#calcolatore form#registrazione .intro p{font-size:12px; color:#2b2b2b; margin:20px 0 0 0; line-height:18px;}
#calcolatore form#registrazione .intro img{float:left; margin-top:-10px;}
#calcolatore form#registrazione .box{float:left; width:45%; padding:0 10px;}
#calcolatore form#registrazione .label {font-size:12px; color:#2b2b2b;}
#calcolatore form#registrazione input[type=text], input[type=password] {margin-right:5px; border:1px solid #777777;}
#calcolatore form#registrazione textarea{margin-right:5px; border:1px solid #777777; padding:5px; margin-top:5px; height:118px;}
#calcolatore form#registrazione hr {height:1px; color:#bfbfbf; background-color:#bfbfbf; margin:10px 0; border:0;}
#calcolatore form#registrazione .titolo{font-size:14px; font-weight:bold; margin:0;}
#calcolatore form#registrazione .numero {font-size:33px; padding:0 10px;}
#calcolatore form#registrazione .nota {font-size:11px; margin:0 5px; background-color:#eeff48;}
#calcolatore form#registrazione #validatebox {width:100%; padding:0; border:0;}
#calcolatore form#registrazione .ok {float:none; margin:25px auto;}
#calcolatore form#registrazione #alertbox{padding:20px; margin:5px 0; background:#f0f0f0 url('imgs/back_form.gif') repeat; text-align:center;}
#calcolatore form#registrazione #alertbox .messaggio {display:block; width:100%; font-size:14px; color:#2b2b2b; padding:10px 0; margin:0;}
#calcolatore form#registrazione #alertbox input[type=submit] {padding:3px;}


.risparmio_testo img {display:block; float:left; padding-bottom:20px;}
.risparmio_testo{display:block; line-height:20px; padding:5px; font-style:italic;}