body {
	min-width:960px;   
	text-align: center;		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#144A63;
} 
body#home {
	background-image: url(../../img/bg_home.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #B7B6B6;
}
body#page {
	background-image: url(../../img/interno.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #DCDBDC;
}
html,body {
	margin:0;
	padding:0;
	border:0;		
	width:100%;
	height:100%;
}
h1{font-size: 2.4em;} /* significa 2.4 volte grande rispetto al suo contenitore quindi, in questo caso il body */
h3{
	font-size: 14px;
	color:#2A79BB;
}

h4{font-size: 1.2em}
h5{font-size: 1em}
h6{font-size: 0.85em}
/*line-height*/
p, blockquote, pre, ol, dl, ul, form {line-height:14px;} 
/* margini e padding */
h1, h2, h3, h4, h5, h6,
address, blockquote, dl, form,
table, p, pre{ margin:0;border:0}
fieldset {
	margin:0px;
	padding:0px;
	border:0px;
	width:100%
}
ul,ol {
	padding: 0px;
	margin: 0px;
}
a { color:#3f4a4f; }
a:hover {text-decoration:underline;}
a img {	border:0;}
.clearer {
	clear:both;
	float:none;
}
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
html[xmlns] .clearfix {   display: block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
table {
	border-collapse:collapse;
}
td { vertical-align:top;
text-align:left;}
#container {
	min-height:100%;
	position:relative;
}
.body {
	padding:10px;
	padding-top:0px
}
#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;			
	background-repeat: repeat-x;
	background-position: bottom;	
	font-size:10px;
	vertical-align: bottom;
	color:#FFF;
}
#home .body {
	padding-bottom:35px;	/* Height of the footer */	
}
#home #footer {
	height:35px;	/* Height of the footer */
	line-height:35px;
	background-image: url(../../img/footer.gif);
}
#page .body {
	padding-bottom:125px;	/* Height of the footer */	
}
#page #footer {
	height:125px;	/* Height of the footer */
	background-image: url(../../img/footerW.gif);
}
#home .piede {display:none}
div.piede {
   background-image: url(../../img/piede.png);
   width:970px;
   margin:0px auto;
   text-align: right;
   padding-right:54px;
}
div.piede img {
	margin-top:40px;
}
.wrapper {
	width:960px;
	text-align: center;
	margin:0px auto;
}
#footer a {	color:#FFF}
#footer div.fleft {
   float:left;
   width:300px;
   height:35px;
   line-height:35px;
   text-align: left;
}
#footer div.fright {
   text-align: right;
   height:35px;
   line-height:35px;
   margin-left: 350px;
}
div#spolette {
	position:absolute;
	z-index:10;
	bottom:0px;
	width:960px;
	left:50%;					/*** centrare il div **/
	margin:0px 0px 0px -480px; /*** width meta **/
	text-align:left;
}
#header {
	background-image: url(../../img/header.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height:43px;
	line-height:43px;
	color:#FFF;
}
#header a {
   color:#FFF;
   text-decoration:none;
}
#header a.sel {
   font-weight:bold;
   text-decoration: underline;
}
#header div.navigation.left {
   float:left;
   text-align: left;
   width:600px;
}
div.navigation.right {
   margin-left:650px;
   text-align:right;
}
div.navigation.left a {
   display:block;
   float:left;
   background-position: center left;
   background-repeat: no-repeat;
   height:38px;
   line-height:38px;
   margin-right:15px;
}
div.navigation.left a#icon1 {
    background-image: url(../../img/home.gif);
    text-indent:16px;
}
div.navigation.left a#icon2 {
    background-image: url(../../img/azienda.gif);
    text-indent:12px;
}
div.navigation.left a#icon3 {
    background-image: url(../../img/contatti.gif);
    text-indent:14px;
}
div.navigation.left a#icon4 {
    background-image: url(../../img/impianti.gif);
    text-indent:12px;
}
#homepage {
   background-image: url(../../img/lighting.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   /*margin-top:5px;*/
}
/* slide image in homepage */
ul#slide{
   margin:0px;
   padding:0px;
   list-style: none;
   border-top:1px solid #FFF;
   border-bottom:1px solid #FFF;
   border-right:1px solid #FFF;
}
ul#slide li {
   list-style-type: none;
   border-right:1px solid #FFF;
   border-left:1px solid #FFF;
   display: inline;
   float:left;
   overflow:hidden;
}
#home div.logo {
   text-align: left;
   padding-top:40px;
}
div.slogan {
   text-align: right;
}
div#prev_home {
   background-image: url(../../img/bg_slide.png);
   background-repeat: no-repeat;
   background-position: center top;
   width:100%;
   height:200px;
   text-align: center;
}
#prev_home h1 {
   font-size:11px;
   color:#144A63;
   font-weight:bold;
   background-image: url(../../img/freccina.png);
   background-repeat: no-repeat;
   background-position: left;
   text-indent: 15px;
   margin:0px 12px 0px 12px;
}
#prev_home p {
   text-align: justify;
   padding:0px 12px 0px 12px;
   line-height:16px;
}
#prev_home table {
   margin:0px auto;
   width:950px;
}
#prev_home table td {
   text-align:left;
   background-image: url(../../img/frecciona.png);
   background-repeat: no-repeat;
   background-position: left 25px;
   width:475px;
   vertical-align: top;
   padding-top:25px;
}
/*********************************/
/************* PAGINE ************/
/*********************************/
#page div.logo {
   width:100%;
   text-align: left;
   background-color:#DCDBDC;
   /*background-image: url(../../img/lighting.jpg);
   background-repeat: no-repeat;
   background-position: center top;*/
}
#page div.logo .wrapper {
	text-align:left;
	height:78px;
	padding-top:5px;
}
#page div#bg {
/*	background-image: url(../../img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;*/
    text-align: left;
}
div.section {
	background-image: url(../../img/topPage.gif);
	background-repeat: no-repeat;
	background-position: center top;   
   height: 100px;
   text-align:left;
   width:960px;
   padding-top:5px;
}
div.section img {
	margin-left:2px;
	border-bottom:1px solid #287AB7;
}
h2.area {   
	margin-left:20px;
	text-align:left;
}
h2.area b { display:none;}
div.submenu {
   float:left;
   width:184px;
   margin:20px 0px 0px 0px;
}
div.submenu2 {
	background-color: #CCC;
	padding:10px 8px 10px 8px;
}
div.submenu a.preventivo {
	display:block;
	margin:0px 0px 0px 10px;
	font-weight:bold;
}
div.testo {
   margin:20px 35px 0px 215px;
   /*border:1px solid red;*/
}
/** submenu **/
.submenu dt a {
   display:block;
   background-image: url(../../img/freccia_white.gif);
   background-repeat: no-repeat;
   background-position: left 50%;
   padding-left:15px;
   color:#FFF;
   font-weight: bold;
   padding-top:4px;
   padding-bottom:4px;
   text-decoration: none;
}
.submenu dt a:hover,.submenu dt a.sel {
   background-image: url(../../img/freccia_grey.gif);
   color:#666;
   text-decoration: none;
}
.submenu dd {
   margin:0px;
}
.submenu dd a {
   display:block;
   margin-left:20px;
   color:#FFF;
   font-weight: bold;
   padding-bottom:4px;
    text-decoration: none;
}
.submenu dd a:hover,.submenu dd a.sel {
   color:#666;
   text-decoration: none;
}
.testo p {
	padding:0px 0px 10px 0px;
	text-align:justify;
}
/*********************************/
/************* IMPIANTI ************/
/*********************************/
table.list td {
   vertical-align: top;
}
.list td.foto {
   background-color:#287AB7;
   width:195px;
   color:#FFF;
  padding-top:5px;
   padding-bottom:5px;
}
.list td.foto img {
padding-left:5px;
 padding-right:5px;
}
.list2 {
border-collapse:separate;
border-spacing:5px;
}
.list2 td {
   background-color:#287AB7;
   width:195px;
   color:#FFF;
   padding-left:5px;
   padding-top:5px;
   padding-bottom:5px;
}
.list td.txt {
   width:500px;
  /* background-image: url(../../img/top.gif);*/
   background-image: url(../../img/bg_app_it.gif);
   background-repeat: no-repeat;
   background-position: left 20px;
   padding-top:40px;
   padding-left:40px;
}
.list td.txt p,.list td.txt a {
   margin:30px 43px 0px 40px;
}
.list td.txt a img {
	border:1px solid #287AB7;
}
.list td.txt_app {
   	width:500px;
   /*height: 200px;*/
   background-image: url(../../img/bg_app_it.gif);
   background-repeat: no-repeat;
   background-position: left 20px;
}
td.bottom {
   	width:500px;
   background-image: url(../../img/bottom.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
}
a.scheda {
	display:block;
	background-image: url(../../img/file.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	color:#FFF;
	margin:4px 0px 4px 4px;
	text-transform:lowercase;
}
.center {
	display:block;
	padding:4px 0px;
	text-align:center
}
.list td.txt_app table {
	margin-left:30px;
}
.list td.txt_app table td {
	width:85px;
	height:85px;
	text-align:center;
}
.list td.txt_app td img {
   border:1px solid #287AB7;
}
table.dati {
   margin-right:10px;
   margin-top:5px;
}
table.dati td {
   border:1px solid #287AB7;
   padding:5px;
   vertical-align:top
}
table.azienda {
	width:680px;
}
table.azienda td {
	vertical-align:top;
}
table.azienda td p {
	margin:0px 0px 10px 0px;
	text-align:justify;
}
/** contatti **/
table.form td {
	padding:4px;
}
.F_left {
	float:left;
}
.F_right {
	margin-right:30px;
	margin-left:350px;
	text-align:left;
}
.F_right h4 {
	width:100%;
	text-align:right;
}
/********************GALLERIE *************************/
div.list .buttons {
    position: absolute;
}
.bPrev {
    cursor: pointer;
    float: left;
    left: 0;
    position: relative;
    top: 20px;
    width: 12px;
    z-index: 10;
}
.bNext {
    cursor: pointer;
    float: right;
    left: 640px;
    position: relative;
    top: 20px;
    width: 12px;
    z-index: 10;
}
#prevList2,
#nextList2,
#prevList3,
#nextList3 {top: 40px;}
.maskList {
    height: 130px;
    overflow: hidden;
    position: relative;
    width: 640px;
	margin-left:12px
}
.boxList {    position: absolute;}
.boxList div {
    float: left;
    height: 130px;
    text-align: left;
    text-decoration: none;
    width: 640px;
}
.list {
	margin:10px 0px;
}
.boxList .list ul, .boxList .list li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#list1 li {
    display: inline;
    float: left;
	width:80px;
	text-align:center;
    margin: 0px 5px 0;
}
#list2 li,
#list3 li {
    display: inline;
    float: left;
	width:140px;
	text-align:center;
    margin: 0px 10px 0;
}
.list li a {text-decoration:none}
#scheda td.foto,
.approf td.foto {
	width:350px;
}
table td.azienda  {
	padding:0px 10px;
}
