body {padding:0;margin:0;font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;font-size:12px;}
body.diff {background:#becf38;}
body.welc {background:#00bbdf;}
body.energ {background:#909e8d;}

a {text-decoration:none;color:#0099ff;}
a:hover {color:#000;}

img {border:none;}

ul, li, img, div, p, h1 {margin:0;padding:0;}

h2 {font-family: 'Ubuntu Condensed',Trebuchet, "Trebuchet MS", sans-serif;font-size:26px;line-height:24px;font-weight:normal;margin:20px 0 10px 0;}
h2 span {color:#F60;}
h3 {font-family: 'Ubuntu Condensed',Trebuchet, "Trebuchet MS", sans-serif;background:#2bbbe9; padding:12px;font-weight:normal;font-size:18px;}
h3 a {color:#fff;}
h3 span {color:#fff;}

hr {visibility:hidden;}
td {text-align:center;border:1px solid #ccc;}
td a {display:block;}
input, textarea {background:#becf38;border:1px solid #000;padding:5px;}
input.rispondi {background:url(../img/rispondi.gif) no-repeat;width:500px;height:100px;cursor:pointer;margin-top:20px;border:1px solid #fff;}

.qui {background:#fff;}
.quii {background:#becf38;}
.acapo {clear:both;}
.clearleft {clear:left;}
.ara {color:#ff6600;text-align:left;}
.verde {color:#669900;font-size:14px;}
.bverde {border-bottom:5px solid #99b33b;line-height:30px;font-size:20px;font-family: 'Ubuntu Condensed',Trebuchet, "Trebuchet MS", sans-serif;}
.bbverde {background:#99b33b;margin:10px;padding:5px;}
p.bbverde span {color:#fff;}
.tabella td {text-align:left;}

#menu ul ul {margin:10px;}

div.imag {height:150px;border:1px solid #ccc;margin:10px;line-height:18px;text-align:left;}
div.essedicom {height:200px;}
div.tre {height:300px;}
div.imag img {float:left;padding:5px;}
div.imag p {padding:20px;}
.tre h2 {margin:10px;padding:0;}
.nobord {border:none;background:#fff;}
.tumb img {float:left;padding:3px;}


/*WRAPPER*/
#wrapper {position:relative;}
#boxwrapper{height:750px;}
#boxwrapper.welcome {background:url(../img/welcome.jpg) no-repeat 50% 0;}
#boxwrapper.differenza {background:url(../img/differenza.gif) no-repeat 50% 0;}
#boxwrapper.energia {background:url(../img/energia.jpg) no-repeat 50% 0;}

#wrapper{width:1000px;margin:0 auto;padding:0;}


h1 {height:179px;width:200px;background:url(../img/pinocchio_differenza.png) no-repeat;}
h1 span {visibility:hidden;}
h1 a {height:179px;width:200px;display:block;}

h1.ener {background:url(../img/pinocchio_energia.png) no-repeat;}
/*MENU*/
#menu {width:210px;float:left;font-family: 'Ubuntu Condensed',Trebuchet, "Trebuchet MS", sans-serif;font-size:13px;}

#menu ul {}
#menu ul a {color:#000;padding:3px;}
#menu ul a:hover {color:#fff;background:#44c8f5;}
#menu li {list-style-type:none;}
#menu li a {display:block;}


/*HEADER*/
#header {height:50px;width:400px;position:absolute;top:0;right:200px;}
#header div {margin-left:400px;}

#header fieldset{color:#fff;border:none;padding-top:10px;}
#header legend{display:none;}
#header input{background:#bfd731;border:none;height:20px;width:80px;}
#header #btnsubmit{color:#fff;font-size:14px;background:transparent url(../img/btnsubmit.png) no-repeat 0 50%;width:80px;height:20px;}

/*center*/
#center {padding:20px;margin-left:21%;margin-right:21%;width:540px;text-align:justify;background:#fff;line-height:20px;text-align:center;}
#center p {text-align:justify;}
#center td p {text-align:left;}
#center h2 {text-align:center;}

#right {float:right;width:200px;}


.risposte div {float:left;width:29%;margin:5px;padding:5px;background:#becf38;}
#risposte div input {border:none;}

#footer {text-align:center;}
#footer a {color:#fff;}


/*LOGIN*/
.logout{position:absolute;top:550px;left:160px;background:#fff;padding:10px;}
/*FORM*/
fieldset{border:none;}
.boxinput{margin-left:10px;}
.btninvia{border:none;background:none;color:#0099ff;cursor:pointer;}
.btninvia:hover {color:#000;}

.boxreqs{clear:left;padding:4px 10px ;}
.boxreqs div{float:left;width:120px;text-align:right;margin-right:10px;}
.boxlarge{width:200px;}