/* CSS Document */

body{
	margin:0; padding:0; background:url(../img/bg.gif) repeat-x 0 0 #FFFFFF;
	color:#000000;
	}
	
#sponsor
	
	{
	width:1000px;

	color:#000000;
	font-size:12px;
	background-color:#ffffff;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	vertical-align:middle;
	text-align:center;
	padding-top:5px;
	
	}
	
/*------------------------------Header Start--------------------------------*/

#main{
	margin:0 auto;
	padding-top:10px;
	background-image: url(../img/chiesatramonto.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#b8d2f2;
	width:100%;	
	min-height:500px;
	}

	
	
#header{
	width:100%;
	color:#000000;
	height:104px;
	vertical-align:bottom;
	font-family:lucida sans;
	font-size:11px;
	background-color: #a0110e;
	background-image: url(../img/bgk_header.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	
			}
	


.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* contenuti colonna sinistra  */ 

#colsinistra
{

width:220px;
float:left;
vertical-align:middle;
text-align:center;
font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;

}



#colsinistra h1
{


font-size:13px;
color:#000000;



}

#colsinistra a
{

display:block;
border-bottom:1px dashed #000000;
text-align:left;
font-size:12px;
padding:5px;
margin:5px;
font-weight:bold;
}




#coldestra
{
border-left: 1px dotted #aaaaaa;
width:180px;
float:left;
font-size:10px;
vertical-align:top;
padding-left:10px;
 padding-bottom:10px;
font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
}



#coldestra p  img{
vertical-align:middle;
float:left;
clear:both;
margin-right:5px;
border:1px solid #000000;
}


#coldestra a
{

font-weight:bold;
margin-bottom:10px;
display:block;
color:#000000;
padding-top:10px;
vertical-align:middle;
text-decoration:none;



}






/* contenuti colonna centro  */ 
#colcentro
{  
	
	width:450px;
	float:left;
	text-align:justify;
	padding-right: 20px;
	padding-left: 20px;
	font-size:12px;
	color: #000000;
	line-height:20px;
	border-left:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
	margin-bottom:10px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
 background-color:#ffffff;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
opacity:.75;
	
}


#colcentro .txt
{
 background-color:#ffffff;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
opacity:.75;
}




#colcentro img
{

padding:5px;
border:1px solid #000000;
margin-top:2px;
background-color:#ffffff;

}




#colcentro .titolo a
{
display:block;
line-height:15px;
 color:#ffffff;
 background-color:#ff0099;
font-weight:bold;
font-size:11px;
border:1px solid #ffffff;
border-left:5px solid #ffffff;
text-decoration:none;
margin-top:3px;
margin-bottom:3px;
padding-right:2px;
padding-left:2px;
vertical-align:middle;
text-align:center;

}


#colcentro h1 
{
color:#000000;
font-size:12px;
text-align:center;
text-decoration:none;
border-bottom:1px dotted #929292;
font-weight:bold;
background:#d0cdb9;
padding:0px;
line-height:20px;
margin:0px;
margin-top:10px;

}
/* fine colonna centro  */ 



#colcentroschede
{
margin-bottom:10px;
padding-right: 20px;
padding-left: 20px;

font-size:12px;
color: #000000;
line-height:20px;
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
width:450px;
float:left;
text-align:justify;
min-height:350px;
font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
 background-color:#ffffff;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
opacity:.75;
}




#colcentroschede h1 
{
color:#000000;
font-size:12px;
text-align:center;
text-decoration:none;
border-bottom:1px dotted #929292;
font-weight:bold;
background:#d0cdb9;
padding:0px;
line-height:20px;
margin:0px;
margin-top:10px;

}



#colcentroschede .image-desc
{
 background-color:#ffffff;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
opacity:.75;
}

#coldestrapatrimonio
{
width:85px;
border-left: 1px dotted #aaaaaa;

font-size:10px;
vertical-align:top;
padding-left:5px;
 padding-bottom:5px;
font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
}



#coldestrapatrimonio p  img{
vertical-align:middle;
float:left;
clear:both;
margin-right:5px;
border:1px solid #000000;
}

#coldestrapatrimonio a
{
padding-top:10px;
font-weight:bold;
display:block;
color: #000000;
text-decoration:none;
vertical-align:middle;
margin-bottom:10px;
}


#colsinistrapatrimonio
{  
	width:225px;
	float:left;
	vertical-align:top;
	text-align: center;
	font-size:12px;
	border-left:1px solid #b6b6b6;
	background-repeat: repeat-x;
	background-position:top;
	font-family: Arial, sans-serif;

}





#bottom 
{
padding-left:0px;
margin-left:0px;
font-size:11px;
list-style:none;
text-align:center;
background-color: #a0110e;
font-family:lucida sans, verdana, arial , tahoma;
font-weight:bold;
color:#ffffff;

}

#bottom a
{

color:#ffff99;

}
HR
{
margin:0px;
padding:0px;
clear: both;
width:100%;

}

#minWidth {position:relative; min-width:1000px; min-height:500px; margin:0 auto; 

	background-image: url(../img/chiesatramonto.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#b8d2f2;
	width:100%;	}

.block {width:100%; margin:0 auto; text-align:left}

.main-site #minWidth {/* background:url(../img/bg.png) no-repeat -1280px -581px */}
.second-site #minWidth {background:url(../img/bg-sec.jpg) no-repeat 50% 0; height:626px !important}
	html>body .second-site #minWidth {height:auto !important; min-height:626px}
.second-site .menu {height:80px}

.bg-main {position:absolute; z-index:9; top:0; left:0; width:100%; height:581px; background:url(../img/bg.png) no-repeat 50% 0}

.top {position:relative; z-index:999}

.ico-home {position:absolute; top:27px; left:577px}

.logo {padding:23px 0 0 89px}

.menu {color:#000000;
	background-color:#ffffff;
	background-position: 0 0;
	padding:0px;
	text-align:center;
	height:32px;
	border-bottom:1px solid #ffffff;
		background:url(../img/menucurrent.gif);}
	.menu ul {margin:0px;
	list-style:none;
	position:absolute;
	left:0px;
	width: auto;
	padding:0px;}
	.menu li {font:bold 14px Lucida sans, Arial, Helvetica, sans-serif;
	color:#000000;  float:left;
	margin:0 30px 0 0;}
		.menu .hr {font-weight:normal; color:#fff !important}
		.menu ul ul {position:absolute; top:46px; padding-top:0; font-size:11px; width:500px}
			.menu ul ul a {color:#757a85}
				.menu ul ul a:hover {color:#fff}
.menu img{
	 left:0; top:0px;
	}
	.menu ul li a{
	font:bold 11px/31px Arial, Helvetica, sans-serif;
	color:#000000;
	
	padding:0 10px;
	text-decoration:none;
	display:block;
	text-align:center;
	width:100px;
	}
.menu ul li a.current{
	display:block;
	font-weight:bold;
	float:left;
	
	color:#000000; 
	padding:0 10px;
}
	

.menu ul li a:hover{
background-color:#cc3333;
color:#000000; padding:0 10px;

	}
.nolist, .nolist ul {margin:0; padding:0; list-style-type:none}

.main-mid {	padding-top:10px;
	
	position:relative; z-index:999;


	}

.slogan {float:left; width:526px}
	.slogan h1 {position:relative; color:#5a6272; margin-left:156px; width:369px; height:77px; font-size:33px; line-height:33px; font-weight:normal; overflow:hidden;}

.description-col {float:right; width:340px; margin-right:83px; font-size:12px; padding-top:3px}
	.description-col p {padding-bottom:14px}
		.description-col p.read-more {padding-bottom:0}

.main-site .middle {position:relative; z-index:999; min-height:115px}

.visual {position:relative; z-index:999; height:370px; font-size:13px}
	.visual a, .visual a:hover {color:#ffc600}

.visual .how-works {position:absolute; left:140px; top:-10px}
	.visual .how-works .circle {left:-15px; bottom:-36px}

.visual .test-results {position:absolute; right:146px; top:25px}
	.visual .test-results .circle {right:-15px; bottom:-34px}

.visual .nitrogen-oxides {position:absolute; right:424px; top:-700px}
	.visual .nitrogen-oxides .circle {left:-15px; top:-34px}

.circle {position:absolute; width:26px; height:26px; background:url(../img/circle.png)}
	.circle div {width:26px; height:26px; background:url(../img/circle.gif)}

.bottom {color:#616773; font-size:11px; padding:20px 0 20px 156px}
	.bottom a {color:#616773 !important; margin-right:4px}

.second-site h1 {color:#fff; font-size:25px; font-weight:normal; padding:0 0 34px 0} /*padding:0 0 34px 60px*/
.second-site h2 {font-size:16px; padding-bottom:20px}
.second-site h3, .news-list dt {color:#757a85; font-size:14px; padding-bottom:14px}
.second-site .middle {position:relative; width:auto !important; padding:0 210px 20px 90px; min-height:345px}
.second-site .middle p, .news-list dd {padding-bottom:35px}

.li-description {position:relative; }
	.li-description li, .text-desc {position:relative; padding-left:180px; width:auto !important}
		.li-description .ph, .text-desc .ph {position:relative; float:left; color:#757a85; width:155px; margin-left:-180px; font-size:11px; padding-top:1px; padding-bottom:10px}
			.li-description .ph img, .text-desc .ph img {border:1px solid #2c3039; margin-bottom:3px}
			.li-description .ph p, .text-desc .ph p {padding-bottom:20px !important}

.second-site table {width:100%; border-collapse:collapse; margin-bottom:20px}
	.second-site table th {color:#757a85; font-size:12px; text-align:left; padding:0 5px 5px 0; border-bottom:2px solid #757a85; vertical-align:top; font-weight:bold}
		.second-site table th small {color:#616773; font-size:11px; font-weight:normal}
	.second-site table td {font-size:12px; text-align:left; padding:5px 5px 5px 0; border-bottom:1px solid #616773}

.li-dash {padding-bottom:20px}
	.li-dash li {padding-left:20px; padding-bottom:15px; background:url(../img/dash.gif) no-repeat 0 7px}
		.li-dash ul {padding-top:12px; padding-left:15px}
			.li-dash ul li {padding-bottom:3px}

.news-list {}
	.news-list dt {font-weight:bold}
.mid-slide {position:relative; overflow:hidden; width:100%}

.new-generation {color:#ffc600}

.tipx {
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  border:solid 2px #666666;
  width:400px;
  padding:1px;
  position: absolute;
  z-index:100;
  visibility:hidden;
  color:#333333;
  top:20px;
  left:90px;
  background-color:#ffffcc;
}