*{
	padding:0;
	margin:0;
}

html{
	height:100%;
	width:100%;
	background-color: #bccd01;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#000;
	width:100%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1 {
	line-height:normal;
	font-size: 1.5em;
	/*text-transform: uppercase;*/
	margin-bottom:1em;
	color:#838f01;
}
h2 {
	line-height:normal;
	font-size: 1.3em;
	/*text-transform: uppercase;*/
	margin-bottom:1em;
	color:#000;
}
h3 {
	line-height:normal;
	font-size: 1.2em;
	/*text-transform: uppercase;*/
	margin-bottom:1em;
	color:#000;
}
b {
	font-weight:bold;
	color:#ff0000;
}

p{
	font-size:0.8em;
	text-align:justify;
	color:#000;
	margin-bottom:3em;
}

#bottom_dx p{
	color:#000;
	font-size:0.7em;
	text-align:left;
}

img,
a img{
	border:0;
}

img.img_studio{
	float:right;
	margin:0 10px 0 0;
}
img.logo{
	margin:25px 0;
}
img.logo_privacy{
	margin:20px 0 10px 0;
}
img.img_utilita_bottom {
margin:0 0 20px;
}

a:link,
a:visited{
	font-size:1em;
	color:#000;
	text-decoration: underline;
	font-weight:bold;
}
a:hover,
a:focus,
a:active{
	color:#000;
	text-decoration: none;
}

a.pdf{
	padding-right:1.5em;
	background:url(../img/pdf_file.png)100% 100% no-repeat;
	height:0; /*per IE5.0/Win*/
	vertical-align:bottom;/*per IE5.0/Win*/
}
a.sitoExt{
	padding-right:1.5em;
	background:url(../img/sitoext.png)100% 100% no-repeat;
	height:0; /*per IE5.0/Win*/
	vertical-align:bottom;/*per IE5.0/Win*/
}
.nofloat{
	clear:both;
}
/* ===================================================
	inizio formattazione struttura
   =================================================== */
#centrato{
	width:1000px;
	height:100%;
	margin:auto;
}
#top{
	width:960px;
	min-height:280px;
	height:auto!important;
	height:280px;
	margin:0 20px;
}
#center{
	width:920px;
	float:left;
	background:#d9e3d2 url(../img/sf_center.gif) no-repeat 0 0;
	/*min-height:350px;
	height:auto!important;
	height:350px;*/
	padding:30px 40px;
}
#bottom{
	width:900px;
	clear:left;
	padding:50px;
	background:#838f01 url(../img/sf_bottom.gif) no-repeat 0 0;
}

.info{
	margin:30px 0;
	float:left;
	border-top: 3px ridge #fff;
	padding-top:30px;
}
/* ===================================================
	fine formattazione struttura
   =================================================== */
   
/* ===================================================
	inizio formattazione struttura colonna top
   =================================================== */
#top_sx{
	width:270px;
	float:left;
}
#top_center{
	width:490px;
	float:left;
}
#top_dx{
	width:200px;
	float:left;
}
/* ===================================================
	fine formattazione struttura colonna top
   =================================================== */

/* ===================================================
	inizio formattazione struttura colonna bottom
   =================================================== */
#bottom_top{
	width:900px;
}
#bottom_bottom{
	width:900px;
	min-height:50px;
	height:auto!important;
	height:50px;
	border-top:1px solid #fff;
	margin-top:60px;
	padding-top:10px;
}

ul.istituzionale_bottom{
	list-style: none;
	float:left;
	margin-right:100px;
}

ul.istituzionale_bottom li{
	font-size:0.8em;
}
ul.istituzionale_bottom li a:link,
ul.istituzionale_bottom li a:visited{
	color:#fff;
	font-weight:normal;
	text-decoration: underline;
}

ul.istituzionale_bottom li a:hover,
ul.istituzionale_bottom li a:focus,
ul.istituzionale_bottom li a:active{
	color:#000;
	text-decoration: none;
}

ul.istituzionale_bottom li.attivo{
	font-weight:normal;
	text-decoration: none;
	color:#000;
}

/* ===================================================
	fine formattazione struttura colonna bottom
   =================================================== */
   
/* ===================================================
   inizio formattazione listato menu integrazioni
   =================================================== */
ul.integrazioni {
   list-style: none;
   float:right;
}

/* ===================================================
   fine formattazione listato menu integrazioni
   =================================================== */
   
/* ===================================================
   inizio formattazione garante
   =================================================== */
#garante {
   background:#7c99ab url(../img/sf_garante_top.gif) no-repeat right top;
   width:490px;
   float:left;
}
#garante_sx,
#garante_dx{
	min-height:250px;
   height:auto!important;
   height:250px;
	float:left;
}
#garante_sx{
	width:77px;
	background:url(../img/sf_freccia.gif) no-repeat 0 0;
}
#garante_dx{
	width:333px;
	padding:0 60px 0 20px;
	background: url(../img/sf_garante_bottom.gif) no-repeat right bottom;
}
#garante_dx p{
	font-size:0.8em;
}

/* ===================================================
   fine formattazione garante
   =================================================== */
   
/* ===================================================
   inizio formattazione listato menu utility
   =================================================== */
ul.utility,
ul.utilityright {
   margin: 2em 0;
   list-style: none;
}
ul.utilityright{
	float:right;
}
ul.utilitypdf {
   list-style: none;
   float:left;
}
li.user{
	margin: 0;
	padding: 0 10px 0 70px;
	font-size:0.7em;
}
li.pdf,
li.pdf_home,
li.demo,
li.partner{
	height: 70px;
}
li.intranetdps{
	height: 45px;
	margin-bottom:30px;
}

li.pdf a:link,
li.pdf a:visited,
li.pdf_home a:link,
li.pdf_home a:visited,
li.demo a:link,
li.demo a:visited,
li.partner a:link,
li.partner a:visited,
li.partner_attivo a{
   display: block;
	width:180px;
	height: 70px;
}
li.intranetdps a:link,
li.intranetdps a:visited{
   display: block;
	width:180px;
	height: 45px;
}

li.pdf a:link,
li.pdf a:visited{
   background: transparent url(../img/pdf.gif) no-repeat 0 0;
}
li.pdf_home a:link,
li.pdf_home a:visited{
   background: transparent url(../img/pdf_home.gif) no-repeat 0 0;
}
li.demo a:link,
li.demo a:visited{
   background: transparent url(../img/demo.gif) no-repeat 0 0;
}
li.partner a:link,
li.partner a:visited,
li.partner_attivo a{
   background: transparent url(../img/partner.gif) no-repeat 0 0;
}
li.intranetdps a:link,
li.intranetdps a:visited{
   background: transparent url(../img/intranetdps.gif) no-repeat 0 0;
}
li.pdf a:hover,
li.pdf a:focus,
li.pdf a:active,
li.pdf_home a:hover,
li.pdf_home a:focus,
li.pdf_home a:active,
li.demo a:hover,
li.demo a:focus,
li.demo a:active,
li.partner a:hover,
li.partner a:focus,
li.partner a:active{
	background-position: 0 -70px;
}
li.partner_attivo a{
	background-position: 0 -70px;
}
li.intranetdps a:hover,
li.intranetdps a:focus,
li.intranetdps a:active{
	background-position: 0 -45px;
}

li.pdf a span,
li.pdf_home a span,
li.gas_online a span,
li.demo a span,
li.partner a span,
li.intranetdps a span,
li.partner_attivo a span{
	display:none;
}

.demo02{
	margin-top:10px;
	float:left;
}
/* ===================================================
   fine formattazione listato menu utility
   =================================================== */

/* ===================================================
	inizio formattazione lista illustrazioni
   =================================================== */
ul.lista_illustrazioni{
	list-style: none;
	/*width:433px;*/
	float:left;
	margin:0 40px 40px 0;
	/*padding-right:40px;
	border-right:1px dotted #000;*/
}
ul.lista_illustrazioni li{
	font-size:0.8em;
	float:left;
}
ul.lista_illustrazioni li img.right{
	padding: 0;
	margin: 0 0 1em 1em;
	float:right;
	vertical-align:top;
}
ul.lista_illustrazioni li img.left{
	padding: 0;
	margin: 0 1em 1em 0;
	float:left;
	vertical-align:top;
}
ul.lista_illustrazioni li img.bottom{
	padding: 0;
	margin: 0 1em 1em 0;
	vertical-align:bottom;
}

ul.testo{
	padding:0;
	margin:2em 0 0 0;
	width:300px;
	float:left;
}
ul.testo_bottom{
	padding:0;
	margin:2em 0 0 0;
	float:left;
}
ul.testo li,
ul.testo_bottom li{
	list-style: outside;
	font-size:1em;
	padding:0;
	margin:0 0 0.3em 1em;
	clear:both;
}
/* ===================================================
	fine formattazione lista illustrazioni
   =================================================== */

/* ===================================================
	inizio formattazione lista punti fondamentali
   =================================================== */
ul.lista_punti,
ul.lista_punti_funzionamento{
	/*width:400px;*/
	margin:0 20px;
	list-style:none;
}
ul.lista_punti li,
ul.lista_punti_funzionamento li{
	color:#000;
	text-align: justify;
	font-size:1em;
	min-height:35px;
	height:auto!important;
	height:35px;
	margin:0 0 2em 0;
	padding:0 0 0 4em;
}
ul.lista_punti_funzionamento li.punto{
	background: url(../img/numero0.gif) no-repeat 0 0;
}
ul.lista_punti li.punto_1{
	background: url(../img/numero1.gif) no-repeat 0 0;
}
ul.lista_punti li.punto_2{
	background: url(../img/numero2.gif) no-repeat 0 0;
}
ul.lista_punti li.punto_3{
	background: url(../img/numero3.gif) no-repeat 0 0;
}
ul.lista_punti li.punto_4{
	background: url(../img/numero4.gif) no-repeat 0 0;
}
ul.lista_punti li.punto_5{
	background: url(../img/numero5.gif) no-repeat 0 0;
}
/* ===================================================
	fine formattazione lista punti fondamentali
   =================================================== */
   
/* ================================================
   inizio formattazione box form contattaci
================================================ */

form{
	width:920px;
	padding:5px 0;
	margin:0;
	font-size:0.8em;
}

form fieldset{
	float:left;
	width:448px;
   margin: 5px 10px 5px 0;
	padding:0 0 5px 0;
   border: 1px dotted #000;
}

form fieldset input{
	padding: 3px;
	background-color: #fff;
	/*text-transform: lowercase;*/
	border:0;
	font-size:1.1em;
	width:300px;
}
form fieldset textarea{
	padding: 3px;
	background-color: #fff;
	/*text-transform: lowercase;*/
	border: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	width:320px;
}

form legend{
	font-weight: bold;
	color: #fff;
	background: #000;
	padding: 5px 20px 5px 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}
form b{
	color:#ff0000;
}
form p{
	padding:5px;
	font-size:1em;
	margin-bottom:0;
	width:auto;
	line-height:normal;
}
form fieldset div{
	float:left;
	width:100%;
   padding: 2px 0 2px;
}

form label{
	float: left;
	width: 90px;
	display: inline;
	margin-left: 5px;
	line-height: 23px;
}

form fieldset input.check {
border:0 none;
width:30px;
}

form label.privacy{
	float:left;
   display: inline;
	margin-left:5px;
	margin-top:5px;
	width:30px;
}
form label.testoprivacy{
	float:left;
   display: inline;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:5px;
	width:auto;
}

form p a:link,
form p a:visited{
	color: #000;
	text-decoration: underline;
	margin: 0;
	font-weight: normal;
	font-size: 1em;
}
form p a:hover,
form p a:focus,
form p a:active{
	color: #000;
	text-decoration: none;
}

input#go{
	margin-right: 3px;
	cursor: pointer;
	padding: 3px;
	background-color: #eee;
	border: 1px solid #777b7c;
	font-size:1.2em;
}

/* ================================================
   fine formattazione box form contattaci
================================================ */

/* ===================================================
   inizio formattazione lista definizione integrazioni
   =================================================== */

dl.lista01{
   margin: 20px!important;
   margin:20px 0;
   /*font-size:0.8em;*/
   float:left;
   width:360px;
}
dt.img_lista01{
   height: auto;
   border-top: 1px dashed #fff;
   border-left: 1px dashed #fff;
   border-right: 1px dashed #fff;
   padding-bottom:20px;
}
dd.des_lista01{
   padding: 15px;
   border-bottom: 1px dashed #fff;
   border-left: 1px dashed #fff;
   border-right: 1px dashed #fff;
}

dt.img_lista01 img{
   margin: -20px!important;
   margin:-7px;
}
   
/* ===================================================
   fine formattazione lista definizione integrazioni
   =================================================== */
   
/* ===================================================
   inizio formattazione macroaree
   =================================================== */
dl.macroarea{
	float:left;
	width:440px;
	/*padding-bottom:60px;*/
	background: url(../img/sf_bottom_macroarea.png) no-repeat left bottom;
	margin-bottom:40px;
}
dl.macroarea dt{
	height:200px;
}
dl.macroarea dt.prof img,
dl.macroarea dt.online img{
	margin:90px 0 0 190px;
}
dl.macroarea dt.prof{
	background: url(../img/sf_top_macroarea_prof.png) no-repeat left bottom;
}
dl.macroarea dt.online{
	background: url(../img/sf_top_macroarea_online.png) no-repeat left bottom;
}
dl.macroarea dd{
	float:left;
	width:280px;
	background: url(../img/sf_center_macroarea.png) repeat-y 0 0;
	padding:0 30px 0 130px;
	min-height:160px;
	height:auto!important;
	height:160px;
}

dl.macroarea dd p{
	margin-bottom:1em;
}
a.next:link,
a.next:visited,
a.next02:link,
a.next02:visited{
   /*position: relative;*/
  	float:right;
	/*left:250px;
	top:150px;*/
	margin-top:29px;
	width:152px;
	height:31px;
	display:block;
}
a.next:link,
a.next:visited{
   background: transparent url(../img/next.png) no-repeat 0 0;
}
a.next02:link,
a.next02:visited{
   background: transparent url(../img/next02.png) no-repeat 0 0;

}
a.next:hover,
a.next:focus,
a.next:active,
a.next02:hover,
a.next02:focus,
a.next02:active{
	background-position: 0 -31px;
}
a.next span,
a.next02 span{
	display:none;
}
/* ===================================================
   fine formattazione macroaree
   =================================================== */