@charset "utf-8";
/* CSS Document */

@font-face {font-family: fontCONP1; src: url("fonts/ProstoOne-Regular.eot") /* EOT file for IE */}
@font-face {font-family: fontCONP1; src: url("fonts/ProstoOne-Regular.ttf") /* TTF file for CSS3 browsers */}

@font-face {font-family: fontCONP; src: url("fonts/ARIALUNI.ttf") /* TTF file for CSS3 browsers */}


body{
	moargin:0; 
	padding:0;  
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:0px; 
	background:url(images/bg.png) center top no-repeat;
	scrollbar-face-color: red
	
	}
a{
	text-decoration:none
	
	}
#header{
	margin:0px auto; 
	width:1000px;
	background:#fff;
	border-left:#444 3px solid;
	border-right:#fff 3px solid;
}

#alert{
	position:absolute; top:290px; left:50%;
	margin:0px 0 0 -270px; 
	width:340px;
	height:42px;
	
	border-radius:0 22px 0 22px;
	color:#FFFFFF;
	font-size:38px;
	padding:30px 50px;

	
}


#footer{
	position:absolute; top:540px; left:50%;
	margin:0px 0 0 -500px; 
	width:1000px;
	height:0px;
	border-left:#fff 0px solid;
	border-right:#777 0px solid;
}
#footer div{
	margin:0px; 
	width:200px;
	height:0px;
	background:#000;
	float:right
}
#logo{
	margin:0; 
	width:370px;
	
	padding:0 0 0 20px
}

#content{
	margin:0px auto;
	height:440px;
	width:1000px;
	background:#000;
	border-radius:0 25px 0 25px; 
	border-top:#777 3px solid;
	border-right:#777 3px solid;
	border-left:#444 3px solid;
	border-bottom:#444 3px solid;
	overflow:hidden !important;
	background:url(images/bg_content.png) right repeat-y
}

#pulsanteHome{
	
}

#indice{
	width:250px;
	height:393px;
	border-left:#444 0px solid;
	border-top:#aaa 6px solid;
	border-bottom:#444 3px solid;
	position:absolute;
	z-index:50;
	top:139px;
	left:50%;
	margin:0 0 0 300px;
	padding:0;
	
}
#indice #menu{
	width:180px;
	height:300px;
	border:#fff 0px solid;
	position: relative;
	z-index:60;
	top:10px;
	left:0;
	margin:0 0 0 0px;
	padding:0 5px;
}
#indice #menu .label{
	display:block;
	float:left;
	margin:5px 0; 
	width:170px;
	border-bottom:#777 0px solid;
	padding:4px 5px;
	color:#fff;
	letter-spacing:1px;
	font-size:13px;
	text-transform: uppercase;
	text-align:right;
	text-decoration:none;
}
#indice .link{
	float:left;
	margin:5px 0; 
	width:170px;
	padding:4px 5px;
	color:#aaa;
	letter-spacing:1px;
	font-size:13px;
	text-transform: uppercase;
	text-align:right;
	text-decoration:none;
	border: #F00 0px solid;
}
#indice .link:hover{
	color:#fff;
	text-shadow:#9CC 0px 0px 9px;
}
#indice .link span, #indice .label span{
	font-size:18px;
}
#pat{
	display:block;
	position:absolute; 
	top:95px; 
	right:50%;
	margin:0px -300px 0 0;
	padding:0;
	height:44px;
	width:800px;
	overflow:hidden;
	border-bottom: #aaa 6px solid;
	z-index:100;
	
}
#pat #titolo{
	position:absolute;
	display:block;
	margin:0px 0 0 0;
	padding:2px 0px 0 0px;
	height:37px;
	width:100%;
	border-top:#777 3px solid;
	background:#000
}
#pat h1{
	margin:6px 10px 0 20px;
	padding:0px;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal
}
#pat h1 a{
	margin:0px;
	padding:0px;
	//font-size:16px;
	color:#999;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal
}
#pat h1 a:hover{
	color:#fff;
	font-weight:normal
}
#pat h1 span{
	font-size:1.3em;
	font-weight:normal
}







#materiali{
	display:block;
	position:absolute; 
	top:95px; 
	right:50%;
	margin:0px -300px 0 0;
	padding:0;
	height:50px;
	width:2000px;
	background:#aaa;
	overflow:hidden;
	border:#FF0000 0px solid;
	z-index:100;
	
}
#materiali #filtro{
	display:none;
	position: absolute; 
	top:4px; 
	left:0;
	margin:0px 0 0 0px;
	padding:0;
	height:40px;
	width:60px !important;
	background: url(images/filtro.png) repeat-y left top;
	border: #F00 0px solid;
	z-index:110;
	
}
#materiali ul{
	position:absolute;
	display:block;
	margin:0px 0 0 0;
	padding:4px 0 0 0;
	height:40px;
	width:6000px;
	border:#fff 0px solid;
	background:#777
}
#materiali li{
	display:block;
	float:left;
	margin:0px 0 0 0;
	height:40px;
	width:1000px;
	list-style:none;
}
#materiali li img{
	display:block;
	margin:0px 0 0 0;
	height:40px;
	width:1000px;
}



#pagina{
	margin:67px 0 0 20px;
	padding:0px 0 0 0;
	height:350px;
	width:780px;
	border-radius:0 25px 0 25px;
	position: relative;
	opacity:1;
}

#pagina h1{
	display:block;
	margin:10px 0 0 0px;
	padding:0px 20px 8px 0;
	height:20px;
	min-width:10px;
	float:left;
	color:#FFFFFF;
	font-size:23px
}
#pagina h2{
	display:block;
	margin:10px 0 0 0px;
	padding:5px 0 3px 0;
	height:20px;
	min-width:200px;
	float:left;
	color:#888;
	font-size:18px
}
#pagina .pagina-servizi{
	background:url(images/servizi-pagina.png) center top no-repeat;
	background-size:100%;
	width:770px;
	height:500px; 
}





#quanteFoto{
	position:absolute;
	right:0;
	width:100px;
	height:20px;
	margin:15px 8px 0 0;
	padding:4px;
	background:#222;
	text-align:center;
	color:#FFFFFF;
	font-weight:normal;
	border-radius:8px 0 8px 0
	
}
#scroll{
	position:absolute;
	right:0;
	width:6px;
	height:20px;
	margin:50px -5px 0 0;
	padding:0px;
	background:#222;
	z-index:1000000;
	
}


#pagina p{
	display:block;
	margin:10px 0 0 0px;
	padding:0px 0 8px 0;
	height:300px;
	width:100%;
	float:left;
	color:#FFFFFF;
	
}

::-webkit-scrollbar {
      width: 12px;
	  
} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
      background-color: #000;
	 
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: #aaa; 
	   border-radius:3px;
	   width:5px;
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: #777;
	  border-radius:3px;
	  
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color:#000;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */




#categorie{
	display:block;
	margin:10px 0 0 0px;
	height:380px;
	width:170px;
	float:left;
	clear:both;
	overflow: auto;
	padding:0;
	
}
#categorie ul{
	margin:0 !important;
	-webkit-padding-start: 0px !important;
	width:150px !important;
	padding:0 !important
}
#categorie li{
	display:block;
	font-size:11px;
	color: #555;
	margin:0px 0 0 0 !important;
	border-bottom:#111 1px solid;
	padding:2px 0 !important
}
#categorie a{
	padding:0 0 5px 0;
	color: #999;
	min-width:100%;
	display:block;
	text-decoration:none;
}
#categorie a:hover{
	color: #fff;
}
#progetti{
	display:block;
	margin:10px 0 0 5px;
	height:370px;
	width:605px;
	float:left;
	overflow:hidden;
	border:#aaa 0px solid;
	padding:0;
}
#progetti h2{
	display:block;
	margin:0px 0 0 5px;
	height:30px;
	width:595px;
	float:left;
	padding:0;
	font-size:13px;
	color:#FFFFFF
}

#progetti #pulSu{
	display:block;
	z-index:50000;
	margin:0px 0px 0px 0;
	width:590px;
	height:30px !important;
	background:url(images/su.png) no-repeat center top;
	position: absolute;
	top:48px;
}
#progetti #pulGiu{
	display:block;
	z-index:50000;
	margin:0px 0px 0px 0;
	width:590px;
	height:30px !important;
	background:url(images/giu.png) no-repeat center top;
	position: absolute;
	top:348px;
}
#progetti ul{
	display:block;
	margin:0px 0 0 0;
	width:605px;
	float:left;
	list-style:none;
	padding:0;
	position: relative;
	height:335px;
	overflow:auto;
	
}
#progetti li{
	display:block;
	margin:0px 2px 2px 0;
	height:95px;
	width:110px;
	float:left;
	overflow:hidden;
	position: relative  ;
	border:#000000 2px solid;
	border-radius:0 10px 0 10px
}
#progetti li:hover{
	border:#fff 2px solid;
	
}

#progetti li .quadro{
	display:block;
	margin:0px 0px 0px 0;
	width:100%;
	
}

#progetti li .immagine{
	display:block;
	margin:0px 0px 0px 0;
	width:100%;
	height:60px;
	overflow:hidden;
	position: absolute;
	border-radius: 0 0px 0 10px;
	background:#fff
}

#progetti li img{
	display:block;
	//width:100%;
	border-radius:0 0px 0 0px;
	height:60px !important;
	margin: 0 auto
	
}
#progetti li .titolo{
	display:block;
	z-index:1000;
	margin:0px 0px 200px 0;
	height: auto;
	width:150;
	background:rgba(0, 0, 0, 0.8);
	position: relative;
	top:62px;
	padding:3px 5px;
	opacity:.4;
	color:#FFFFFF;
	text-decoration:none !important;
	font-size:0.55em !important
}

#progetti li:hover .titolo, #progetti li:hover .testo{
	opacity:1;
}
#progetti li .testo{
	display:none;
	z-index:1000;
	margin:0px 0px 50px 0;
	height: auto;
	width:150;
	background:rgba(0, 0, 0, 0.8);
	position: relative;
	top:65px;
	padding:3px 5px;
	opacity:.4;
	color:#bbbbbb;
	text-decoration:none !important;
	font-size:0.6em !important
}

#contatti{
	display:block;
	z-index:1000;
	margin:80px 0px 0px 0;
	height:300px;
	width:770px;
	float:left;
	font-size:15px;
	padding:0px;
	border:#CCCCCC 0px solid;
	clear:both

}
#contatti li {
	display:block;
	margin:0px 15px 0px 0;
	height:180px;
	width:200px;
	padding:20px;
	float:left;
	border-radius:0 15px 0 15px

}

#contatti li h1{
	display:block;
	margin:0;
	width:200px;
	padding:0 0 8px 0;
	float:left;
	font-size:18px;
	border-bottom:1px solid #999;
	color:#fff

}
#contatti li h1 span{
	font-size:22px;
}

#contatti li h2{
	display:block;
	margin:3px 0 20px 0;
	width:200px;
	padding:0px;
	float:left;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;

}
#contatti li h2 span{
	font-size:18px;
}
#contatti li a{
	display:block;
	margin:0;
	width:200px;
	padding:10px 0px;
	float:left;
	font-size:15px;
	font-weight:normal;
	height:20px !important;
	font-weight:bold;
	color: #aaa; text-decoration:none
}
#contatti li a:hover{
	color: #fff
}
#contatti li p{
	display:block;
	margin:0;
	width:200px;
	padding:10px 0px;
	float:left;
	font-size:15px;
	font-weight:normal;
	height:20px !important;
	font-weight:bold;
	color: #aaa;
}
#skipProgetti{
	
	margin:40px 0 0 100px;
	width:580px;
	padding:0px 0px;
	float:left;
	font-size:15px;
	height:400px !important;
	color: #aaa;
	border:#006600 0px solid;
	list-style:none;
}
#skipProgetti a{
	display:block;
	margin:0 10px 10px 0;
	padding:0px 0px;
	float:left;
	width:260px;
	height:140px !important;
	color: #aaa;
	border:#222 2px solid;
	background:#222;
	text-align:center;
	border-radius:0 20px 0 20px;
	overflow:hidden
}
#skipProgetti p{
	display:block;
	margin:112px 0 0 0;
	padding:6px 0px 0 0;
	width:260px;
	font-size:12px;
	height:22px !important;
	color: #fff;
	background:rgba(0, 0, 0, 0.8);
	text-align:center;
	opacity:0.55;
	text-transform:uppercase;
}
#skipProgetti a:hover{
	border:#fff 2px solid;

}
#skipProgetti a:hover p{
	opacity:1;
}
#skipProgetti a p span{
	font-size:1.2em;
}








#sceltaProgetti{
	
	margin:40px 0 0 0;
	width:780px;
	padding:0px 0px;
	float:left;
	font-size:10px;
	height:400px !important;
	color: #aaa;
	border:#006600 0px solid;
	list-style:none;
}
#sceltaProgetti a{
	display:block;
	margin:0 10px 10px 0;
	padding:0px 0px;
	float:left;
	width:235px;
	height:130px !important;
	color: #fff;
	border:#222 2px solid;
	background:#222;
	text-align:center;
	border-radius:0 20px 0 20px;
	overflow:hidden
}
#sceltaProgetti p{
	display:block;
	margin:102px 0 0 0;
	padding:6px 0px 0 0;
	width:235px;
	font-size:9px;
	height:22px !important;
	color: #fff;
	background:rgba(0, 0, 0, 0.8);
	text-align:center;
	opacity:0.75;
	text-transform:uppercase;
}
#sceltaProgetti a:hover{
	border:#fff 2px solid;

}
#sceltaProgetti a:hover p{
	opacity:1;
}
#sceltaProgetti a p span{
	font-size:1.2em;
}
.chiSiamoLista{
	margin:0 0px 0 0; width:180px; display:block; float:left; clear:both; list-style:none;
	color:#FFF; padding:0 !important; 
	}
.chiSiamoLista li{
	display:block;
	clear:both;
	margin:0;
	padding:8px 3px;
	color:#fff;
	list-style:none;
	font-size:0.8em; 
	}
.titolo{
	text-transform:uppercase;
	font-size:1.1em !important;
	}
.titolo span{
	font-size:1.3em;
	}
	
.recordLink{
	float:left;  
	border-bottom:#333 1px solid; 
	width:98%; 
	clear:both; 
	padding:10px 0
	}
.recordLink:hover{
	background:#333333;
	cursor:pointer
	}