*{
	padding:0;
	margin:0;
}

html{
	height:100%;
	width:100%;
	/*background-color: #bccd01;*/
	background: url(../img/sfondo_html.gif) repeat 0 0;
}
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: 1em;
	/*text-transform: uppercase;*/
	margin-bottom:1em;
	color:#fff;
}
b {
	font-weight:bold;
	color:#fff;
}

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

p.white{
	color:#000;
}
p.white .evidenza{
	font-size: 1.2em;
	font-weight:bold;
	color:#fff;
}

#center_sx p.contatti{
	color:#000;
	font-size:0.7em;
	text-align:left;
	margin:1em 0;
	padding:30px 10px;
	clear:both;
}
#bottom_dx p{
	color:#000;
	font-size:0.7em;
	text-align:left;
}

img,
a img{
	border:0;
}

img.img_studio{
	float:right;
	margin:0 20px 0 0;
}
img.logo{
	margin:20px;
}
img.logo_privacy{
	margin:0 0 2em 0;
}

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;
	background-color: #bccd01;
}
#top{
	width:1000px;
	height:198px;
}
#menu{
	width:1000px;
	height:56px;
	background: url(../img/sfondo_menu.gif) no-repeat 0 0;
}
#center{
	width:1000px;
	float:left;
	padding-bottom:2em;
	background-color: #bccd01;
}
#bottom{
	width:1000px;
	min-height:108px;
	height: auto!important;
	height:108px;
	float:left;
	background-color:#99a701;
}
/* ===================================================
	fine formattazione struttura
   =================================================== */
   
/* ===================================================
	inizio formattazione struttura colonna top
   =================================================== */
#top_sx{
	width:513px;
	float:left;
	height:198px;
	background: url(../img/sfondo_top_sx.gif) no-repeat right top;
}
#top_dx{
	width:487px;
	float:left;
	height:198px;
	background: url(../img/sfondo_top_dx.gif) no-repeat left top;
}
/* ===================================================
	fine formattazione struttura colonna top
   =================================================== */

/* ===================================================
	inizio formattazione menu istituzionale
   =================================================== */   
ul.istituzionale,
ul.partner{
	list-style: none;
	margin:0 20px;
	padding:10px 0;
	float:left;
}

ul.istituzionale li{
	padding: 5px;
	margin:0;
	float:left;
	height:1em;
	font-size:0.8em;
}
ul.partner li{
	padding: 5px;
	margin:0 0 0 350px;
	float:left;
	height:1em;
	font-size:0.8em;
}

ul.istituzionale li a:link,
ul.istituzionale li a:visited{
	color:#727f9b;
	font-weight:bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

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

ul.istituzionale li.attivo{
	font-weight:normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000;
}
ul.istituzionale li.noattivo{
	font-weight:normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#aaa;
}
/* ===================================================
	fine formattazione menu istituzionale
   =================================================== */
   
/* ===================================================
	inizio formattazione struttura colonna center
   =================================================== */
#center_sx{
	width:513px;
	float:left;
	/*min-height:300px;
	height:auto!important;
	height:300px;*/
}
#center_dx{
	width:487px;
	float:left;
	background:#b6c1d9 url(../img/sfondo_center_dx_bottom.gif) no-repeat right bottom;
	min-height:300px;
	height:auto!important;
	height:300px;
}
/* ===================================================
	fine formattazione struttura colonna center
   =================================================== */
   
/* ===================================================
	inizio formattazione struttura colonna bottom
   =================================================== */
#bottom_sx{
	width:55px;
	float:left;
	height:108px;
	background:#99a701 url(../img/sfondo_bottom_sx.gif) no-repeat 0 0;
}
#bottom_dx{
	width:915px;
	float:left;
	padding:80px 30px 10px 0;
	/*min-height:80px;
	height:auto!important;
	height:80px;*/
	/*height:28px;*/
	background:#99a701 url(../img/sfondo_bottom_dx.gif) repeat-x 0 0;
}
/* ===================================================
	fine formattazione struttura colonna bottom
   =================================================== */

/* ===================================================
	inizio formattazione lista illustrazioni
   =================================================== */
ul.lista_illustrazioni{
	list-style: none;
	width:433px;
	float:left;
}
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;
	list-style:none;
}
ul.lista_punti li,
ul.lista_punti_funzionamento li{
	color:#000;
	text-align: justify;
	font-size:0.8em;
	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 listato menu utility
   =================================================== */
ul.utility {
   margin: 2em 0;
   border: 0 none;
   list-style: none;
}
li.user{
	margin: 0;
	padding: 0 10px 0 70px;
	font-size:0.7em;
}
li.pdf,
li.pdf_home,
li.demo{
	height: 70px;
}
li.gas_online{
	margin:2em 0 0 0;
	padding:2em 0 0 0;
	height: 100px;
	width:465px;
	border-top:1px dotted #fff;
}
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{
   display: block;
	width:180px;
	height: 70px;
}
li.gas_online a:link,
li.gas_online a:visited{
   display: block;
	width:275px;
	height: 100px;
}
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.gas_online a:link,
li.gas_online a:visited{
   background: transparent url(../img/logo_gas_online02.gif) no-repeat 0 0;
}
li.demo a:link,
li.demo a:visited{
   background: transparent url(../img/demo.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{
	background-position: 0 -70px;
}
li.gas_online a:hover,
li.gas_online a:focus,
li.gas_online a:active{
	background-position: 0 -100px;
}
li.pdf a span,
li.pdf_home a span,
li.gas_online a span,
li.demo a span{
	display:none;
}

.demo02{
	margin-top:10px;
	float:left;
}
/* ===================================================
   fine formattazione listato menu utility
   =================================================== */
   
/* ===================================================
   inizio formattazione listato menu integrazioni
   =================================================== */
ul.integrazioni {
   border: 0 none;
   list-style: none;
   margin:2.5em 0 0 2em;
}
li.zenoss,
li.intranetdps{
	height: 135px;
	float:left;
}
li.zenoss a:link,
li.zenoss a:visited,
li.intranetdps a:link,
li.intranetdps a:visited{
   display: block;
	width: 184px;
	height: 135px;
}
li.zenoss a:link,
li.zenoss a:visited{
   background: transparent url(../img/zenoos.gif) no-repeat 0 0;
}
li.intranetdps a:link,
li.intranetdps a:visited{
   background: transparent url(../img/intranetdps.gif) no-repeat 0 0;
}
li.zenoss a:hover,
li.zenoss a:focus,
li.zenoss a:active,
li.intranetdps a:hover,
li.intranetdps a:focus,
li.intranetdps a:active{
	background-position: 0 -135px;
}
li.zenoss a span,
li.intranetdps a span{
	display:none;
}
/* ===================================================
   fine formattazione listato menu integrazioni
   =================================================== */
   
/* ===================================================
	inizio formattazione box center_sx
   =================================================== */
#center_sx_top{
	width:433px;
	float:left;
	/*min-height:200px;
	height:auto!important;
	height:200px;*/
	background-color:#97a6c8;
	color:#fff;
	padding:30px 60px 0 20px;
}
#center_sx_bottom{
	width:513px;
	clear:left;
	height:70px;
	background: url(../img/sfondo_center_sx_bottom.gif) no-repeat 0 0;
}
#center_sx_contatti{
	width:433px;
	float:left;
	padding:30px 60px 0 20px;
}
/* ===================================================
	fine formattazione box center_sx
   =================================================== */
   
/* ===================================================
	inizio formattazione box center_dx
   =================================================== */
#center_dx_top{
	width:407px;
	float:left;
	min-height:300px;
	height:auto!important;
	height:300px;
	background:url(../img/sfondo_center_dx.gif) no-repeat right top;	
	color:#000;
	padding:30px 60px 0 20px;
}
#center_dx_bottom{
	width:487px;
	clear:left;
	height:70px;
}
/* ===================================================
	fine formattazione box center_dx
   =================================================== */
   
/* ================================================
   inizio formattazione box form contattaci
================================================ */

form{
	width:400px;
	padding:5px 0;
	margin:0;
	font-size:0.7em;
}

form fieldset{
	float:left;
	width:398px;
   margin: 1em 0;
	padding:0 0 1em 0;
   border: 1px dotted #000;
}

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

form legend{
	font-weight: bold;
	color: #fff;
	background: #000;
	padding: 5px 20px 5px 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}
form b{
	color:#fff
}
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: 80px;
	display: inline;
	margin-left: 5px;
	line-height: 23px;
}

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
   =================================================== */