body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #e5f0ff url(../img/body-bk.jpg) top repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

a {
	color: #5684be;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* contenitori */

#container {
	width: 859px;
	margin: 0px auto;
	background: url(../img/container-bk.gif) top center no-repeat;
	text-align: center;
	overflow: hidden;
}

#cont {
	width: 839px;
	margin: 0px auto;
	background: #fff;
	overflow: hidden;
}


/* top */

#top {
	width: 839px;
	height: 100px;
	margin: 0px;
	background: url(../img/top-bk.gif) right no-repeat;
	overflow: hidden;
}

#top h1 {
	width: 293px;
	height: 88px;
	margin: 0;
	padding-left: 77px;
	background: url(../img/logo.gif) right no-repeat;
	overflow: hidden;
	float: left;
	display: block;
	display: inline;
}

#top h1 a {
	width: 293px;
	height: 88px;
	margin-left: -77px;
	padding-right: 77px;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}

#top h2 {
	width: 420px;
	margin: 15px 15px 0px 0px;
	padding: 0px;
	float: right;
	display: block;
	display: inline;
	font-size: 11px;
	color: #7d8692;
	font-weight: normal;
	text-align: right;
}


/*stili header*/

#header-home {
	height: 249px;
	background: #6d8bac url(../img/header-home.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	overflow: hidden;
	width: 839px;
}

#header-profilo {
	height: 249px;
	background: #6d8bac url(../img/header-profilo.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-organizzazione {
	height: 249px;
	background: #6d8bac url(../img/header-organizzazione.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-news {
	height: 249px;
	background: #6d8bac url(../img/header-fiera.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-offerte {
	height: 249px;
	background: #6d8bac url(../img/header-offerte.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-servizi {
	height: 249px;
	background: #6d8bac url(../img/header-servizi.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-programmazione {
	height: 249px;
	background: #6d8bac url(../img/header-programmazione.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-installazione {
	height: 249px;
	background: #6d8bac url(../img/header-installazione.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-referenze {
	height: 249px;
	background: #6d8bac url(../img/header-fiammiferi.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-partners {
	height: 249px;
	background: #6d8bac url(../img/header-case.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-attivita {
	height: 249px;
	background: #6d8bac url(../img/header-terra.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-certificazioni {
	height: 249px;
	background: #6d8bac url(../img/header-certif.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-energie {
	height: 249px;
	background: #6d8bac url(../img/header-solare.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-energie-geo {
	height: 249px;
	background: #6d8bac url(../img/header-pianta.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-links {
	height: 249px;
	background: #6d8bac url(../img/header-gas.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-contatti {
	height: 249px;
	background: #6d8bac url(../img/header-contatti.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-storia {
	height: 249px;
	background: #6d8bac url(../img/header-home.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-progettazione {
	height: 249px;
	background: #6d8bac url(../img/header-home.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-modulo {
	height: 249px;
	background: #6d8bac url(../img/header-home.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

#header-dovesiamo {
	height: 249px;
	background: #6d8bac url(../img/header-dovesiamo.jpg) left top no-repeat;
	padding-left: 526px;
	overflow: hidden;
	width: 839px;
}

h1.testata {
	font-size: 30px;
	color: #d4e4f3;
	font-weight: normal;
	padding: 0px;
	margin-top: 26px;
	margin-bottom: 0px;
	background: none;
	width: 300px;
}

h2.testata {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	line-height: 26px;
	padding: 0px;
	margin-top: 14px;
	width: 300px;
}

p.testata {
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	text-align: left;
	margin-top: 65px;
	margin-left: -520px;
	width: 120px;
}


/*stili contenuti*/

#contenuti {
	width: 839px;
	margin: 0px;
	padding: 20px 0px;
	background: #FFFFFF url(../img/contenuti-bk.gif) top repeat-x;
	float: left;
	display: block;
}

#menu {
	width: 204px;
	float: left;
	display: inline;
	border-right: #d1d1d1 1px solid;
	text-align: left;
	padding-bottom: 20px;
}

#menu ul {
	width: 188px;
	float: left;
	display: block;
	display: inline;
	margin: 6px 0px 0px 1px;
	padding: 0px 0px 4px 0px;
	list-style: none;
	background: url(../img/menu-bk.gif) bottom left no-repeat;
}

#menu ul li {
	background: url(../img/menu-bk.gif) top left no-repeat;
	width: 188px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	display: block;
	float: left;
}

#menu ul li a {
	background: url(../img/menu-a.gif) top left no-repeat;
	width: 188px;
	height: 29px;
	float: left;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	line-height: 28px;
	text-indent: 18px;
	color: #5e7da0;
}

#menu ul li a:hover {
	background: url(../img/menu-ahover.gif) top left no-repeat;
	text-decoration: none;
	color: #225390;
}

#menu ul li a.active {
	background: url(../img/menu-active.gif) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}

#menu ul li a.active:hover {
	color: #0f346b;
}

#menu ul li ul {
	width: 188px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	list-style: none;
	display: block;
	float: left;
	overflow: hidden;
}

#menu ul li ul li {
	background: none;
	width: 180px;
	margin: 0px 0px 0px 6px;
	padding: 2px 0px 8px 0px;
	list-style: none;
	display: block;
	display: inline;
	float: left;
}

#menu ul li ul li a {
	background: url(../img/submenu-a.jpg) top left no-repeat;
	width: 164px;
	height: auto;
	float: left;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	line-height: 14px;
	padding-left: 18px;
	color: #546a85;
	text-indent: 0px;
}

#menu ul li ul li a:hover {
	background: url(../img/submenu-ahover.jpg) top left no-repeat;
	color: #5e7da0;
}

#menu ul li ul li a.active {
	background: url(../img/submenu-ahover.jpg) top left no-repeat;
	color: #002c63;
	font-weight: normal;
}

/* testi */

#testi {
	width: 600px;
	float: left;
	display: inline;
	text-align: left;
	padding-bottom: 10px;
	margin-left: 20px;
	overflow: hidden;
}

#testi.home {
	font-size: 13px;
	line-height: 18px;
}

.azzurro {
	font-size: 16px;
	color: #1f6192;
	line-height: 20px;
}

#testi.home p {
	padding: 0px;
	margin: 14px 0px;
}

#testi p {
	padding: 0px;
	margin: 10px 0px;
}

#testi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#testi ul li {
	list-style: none;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 18px;
	background: url(../img/li.jpg) top left no-repeat;
}

h1.titolo {
	color: #5e8bc2;
	font-size: 16px;
	margin: 10px 0px 16px auto;
	padding: 0px;
}

h2.titolo {
	color: #579acb;
	font-size: 14px;
	margin: 14px 10px 0px auto;
	padding: 0px;
	clear: both;
	border-bottom: 1px solid #d0e5ff;
}

#testi img {
	border: 1px solid #8badd6;
	margin-right: 20px;
	margin-bottom: 20px;
}

#testi img.left {
	float: left;
}

#testi img.right {
	float: right;
	margin-right: 10px;
	margin-left: 20px;
}

/* box home page */

#right {
	width: 265px;
	float: right;
	display: block;
	display: inline;
	margin-left: 16px;
	margin-top: 0px;
	text-align: left;
}

.inside {
	margin: 16px;
}

/* box promo */

#promo {
	width: 265px;
	height: 194px;
	overflow: hidden;
	background: #666666 url(../img/promo-bk.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 16px;
	position: relative;
}

#promo p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#promo a {
	width: 180px;
	height: 42px;
	position: absolute;
	top: 137px;
	left: 69px;
	background: url(../img/promo-a.jpg);
	overflow: hidden;
	text-indent: -9999px;
}

#promo a:hover {
	background: url(../img/promo-ahover.jpg);
}

h1.promo {
	color: #bad7fc;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	display: block;
}

#promo h2 {
	color: #6d9dca;
	font-size: 11px;
	margin: 0px auto 4px 0px;
	padding: 0px;
	font-weight: bold;
	display: block;
}

#promo p.titolo {
	color: #fff;
	font-size: 12px;
	margin: 0px auto 4px 0px;
	padding: 0px;
	font-weight: bold;
	display: block;
}

/* box news */

#news {
	width: 265px;
	height: 194px;
	overflow: hidden;
	background: #f0f0f0 url(../img/news-bk.jpg) no-repeat;
	color: #000;
	font-size: 11px;
	line-height: 16px;
	position: relative;
	margin-top: 4px;
}

h1.news {
	color: #5282bd;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	display: block;
}

#news h2 {
	color: #6d9dca;
	font-size: 11px;
	margin: 0px auto 4px 0px;
	padding: 0px;
	font-weight: bold;
	display: block;
}

#news p.titolo {
	color: #25445d;
	font-size: 12px;
	margin: 0px auto 4px 0px;
	padding: 0px;
	font-weight: bold;
	display: block;
}

#news p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#news a {
	width: 150px;
	height: 23px;
	line-height: 22px;
	position: absolute;
	top: 155px;
	left: 100px;
	background: url(../img/news-a.jpg) right no-repeat;
	overflow: hidden;
	color: #5382bd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 4px;
}

#news a:hover {
	background: url(../img/news-ahover.jpg) right no-repeat;
	color: #225da5;
	text-decoration: none;
}

#vaisezioni {
	background: #FF0;
	width: 600px;
	float: left;
}

.vaisezione {
	width: 265px;
	height: 194px;
	overflow: hidden;
	background: #f0f0f0 url(../img/news-bk.jpg) no-repeat;
	color: #000;
	font-size: 11px;
	line-height: 16px;
	float: left;
	margin: 20px 15px 0px 15px;
	display: inline;
}

.vaisezione h2 {
	color: #6d9dca;
	font-size: 11px;
	margin: 0px auto 4px 0px;
	padding: 0px;
	font-weight: bold;
	display: block;
}

.vaisezione p.titolo {
	color: #25445d;
	font-size: 12px;
	margin: 0px auto 4px 0px;
	padding: 0px;
	font-weight: bold;
	display: block;
}

.vaisezione p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.vaisezione a {
	width: 150px;
	height: 23px;
	line-height: 22px;
	background: url(../img/news-a.jpg) right no-repeat;
	overflow: hidden;
	color: #5382bd;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 4px;
	float: right;
}

.vaisezione a:hover {
	background: url(../img/news-ahover.jpg) right no-repeat;
	color: #225da5;
	text-decoration: none;
}

/* novita */

div.novita {
	margin: 0px 0px 12px 0px;
	padding-bottom: 6px;
	border-bottom: #e1e1e1 1px solid;
	width: 600px;
	float: left;
}

div.novita h1 {
	margin: 3px 0px;
	padding: 0px;
	color: #225da5;
	font-size: 14px;
	font-weight: normal;
	clear: both;
	display: block;
}

div.novita h2 {
	margin: 0px 0px;
	padding: 0px;
	color: #7dafd4;
	font-size: 11px;
	font-weight: normal;
	border-bottom: #a0c5e1 1px solid;
}

div.novita p {
	margin: 5px 0px;
	padding: 0px;
}

div.novita a.leggi {
	float: right;
	display: block;
	font-size:12px;
	color:#fff;
	display:inline;
	background: #17689c url(../img/send.jpg) no-repeat center;
	width: 78px;
	height: 28px;
	line-height: 27px;
	text-align: center;
}

/* footer */

#footer {
	width: 859px;
	margin: 0px auto;
	height: 54px;
	background: url(../img/footer-bk.jpg) top no-repeat;
	font-size: 11px;
	text-align: center;
	overflow: hidden;
	line-height: 72px;
	clear: both;
}

#footer a {
	color: #000;
}
#footer a:hover {
	color: #225da5;
}

#footer .footleft {
	float: left;
	margin-left: 29px;
}

#footer .footright {
	float: right;
	padding-right: 27px;
}
