@charset "UTF-8";
/*
Document: style.css
Created on: 13-may-2014, 9.29.51
Author : Mac Studio Description: Foglio di stile associato ad effetto di transizione di pagine realizzato con HTML5 history API e Ajax
*/

#page-slider-wrap {position:relative; width:100%; overflow:hidden;}

.page-slider-inner-wrap {
	position:relative;
	width: 200%;
	margin-left: 0px;
}

.page-slide-1, .page-slide-2 {
	position: relative;
	float: left;
	width: 50%;
	
}

html, body {margin:0; height:100%;}
body { 
	font-family: Verdana, sans-serif;
	background-color:#FFFFFF;
}
.fix-float {clear:both;}

header {overflow:hidden;}
.containerhome {
	background:  url(../images/sfondo_home.jpg) no-repeat center center fixed;
	width:100%;
	height:100%;
	-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	background-size: cover;
	z-index:1;
	}
	.containercontatti {
	background:  url(../images/sfondo_contatti.jpg) no-repeat center center fixed;
	width:100%;
	height:100%;
	-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	background-size: cover;
	z-index:1;
	}
.rigtable {/*ok */
	background-repeat: repeat-y;
	background-position:center center;
	}	
	.sforig {
	background-color:#dedff0;
	text-align:center;
	}	
	.sfondf {/*ok */
	background-repeat: no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	z-index:2;
	max-width: 1000px;
	}	
		.rigtableo {/*ok */
	background-repeat: repeat-x;
	background-position:center center;
	}	

.containercicli {/*ok */
	width:100%;
	height:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:center center;
	}	

.content {min-height:300px;}/*ok */
.contentpage {/*ok */
	margin:0px;
	padding:0px;
	}
.boximgh {/*ok*/
  position: absolute;
  margin: auto;
  left: 150px;
  right: 0;
  top:130px;
	outline: none;
	border:0;
	width: 214px; 
	display: block; 
	max-width: 214px;  /*screen 1920px */
	min-width: 214px; /* screen 480px */
	z-index:2;
	font-size:7px;
	color:#FFFFFF;
}
div.boxtestoh {
  position: absolute;
  text-align:center;
  margin: auto;
  left: 150px;
  right: 0;
  width:50%;
  top:130px;
  color:#fff;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	display: block; 
	z-index:3;
	text-shadow: 3px 3px 5px #000;
}
.logohome{ /* images white ok */
margin:20px 0px 0px 10px;
outline: none;
border:0;
width: 212px; 
display: block; 
max-width: 212px; /* screen 1920px */
min-width: 212px; /* screen 480px */
z-index:6;
font-size:7px;
color:#FFFFFF;
}
.logopage{ /* images black ok */
margin:20px 0px 0px 10px;
outline: none;
border:0;
width: 215px; 
display: block; 
max-width: 215px; /* screen 1920px */
min-width: 215px; /* screen 480px */
z-index:6;
font-size:7px;
color:#FFFFFF;
}
div#navigation{float:left;padding-top: 0px;}
div#navigation ul{list-style-type: none;margin: 0;padding: 0px 0px 0px 15px;}
div#navigation li{margin: 0px;padding:0;border: 0px}
div#navigation a{position:relative;display:block;width:128px;height:30px}
div#navigation a span{position:absolute;width:128px;height:30px;cursor: pointer; /*per IE*/ }
div#navigation a:hover{color: #ccc /*per IE*/}
div#navigation a:hover span{background-position: 140px 0; width:140px;}
div#navigation a#current span{background-position: 280px 0; width:140px;}
li#one span{background: url("../images/consorzio_link.png")}
li#two span{background: url("../images/impianto_link.png")}
li#three span{background: url("../images/cicloH2O_link.png")}
li#four span{background: url("../images/ciclofanghi_link.png")}
li#five span{background: url("../images/rete_link.png")}
li#six span{background: url("../images/educazione_link.png")}
li#eight span{background: url("../images/contatti_link.png")}
li#seven span{background: url("../images/cons_link4.png")}

.fixtable{ /*ok */
display: block; 
width:100%;
max-width: 1000px;
}
.fixtablep{
display: block;
width:100%; 
max-width: 1000px;
}
.fixtablepr2{/*ok */
display: block;
width:100%; 
max-width: 360px;
min-width:173px;
}
.fixtablepr{/*ok */
display: block;
width:100%; 
max-width: 350px;
min-width:170px;
}
.fixtablepcs{
display: block;
max-width: 750px;
}
.fixtablepim1{/*ok */
display:table;
width:215px; 
max-width: 215px;
min-width:215px;
}

.fixtablepslide{/*ok */
display: block;
width:250px; 
max-width: 250px;
min-width:250px;
}
.fixtablepcont{/*ok */
display: block;
max-width: 300px;
}
.fixtablepslided{/*ok */
display: block;
width:100%; 
max-width: 750px;
min-width:250px;
}

.fixtablepslidec{/*ok */
display: block;
width:320px; 
max-width: 320px;
min-width:320px;
}
.fixtablepslidesf{/*ok */
display: block;
width:100%; 
max-width: 304px;
min-width:304px;
}
.fixtablecon{/*ok */
display: block;
width:100%; 
min-width:240px;

}
.footer{
	color: rgb(255, 255, 255);
    font-size: 8.5px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing:0.15em;
    line-height: 6px;
    margin: 0;
    opacity: 0.80;
    padding: 0px;
	text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	
}
.footer a{
color: rgb(255, 255, 255);
text-decoration: none;
outline:none;
}	
.footer a:hover{
color: rgb(255, 255, 255);
text-decoration: underline;
}	

.footerp{
	color: rgb(0, 0, 0);
    font-size: 8.5px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing:0.15em;
    line-height: 6px;
    margin: 0;
    opacity: 0.30;
    padding: 0px;
	text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	
}
.footerp a{
color: rgb(0, 0, 0);
text-decoration: none;
outline:none;
}	
.footerp a:hover{
color: rgb(0, 0, 0);
text-decoration: underline;

}	
.testo{/*ok */
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    letter-spacing:0.1px;
    line-height: 15px;
    margin: 0px;
    opacity: 1.00;
    padding: 0px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.testotabim{/*ok */
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    letter-spacing:0.1px;
    line-height: 15px;
    margin: 0px;
    opacity: 1.00;
    padding: 0px 0px 0px 2px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
	}
.testomin{/*ok */
    color: rgb(0, 0, 0);
    font-size: 7px;
	line-height: 0px;
}
.testomins{/*ok */
    color: rgb(255,255, 255);
    font-size: 7px;
	line-height: 0px;
}

.testoimp{/*ok */
    color: rgb(0, 0, 0);
    font-size: 9px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    letter-spacing:0.1px;
    line-height: 15px;
    margin: 0px 0px 0px 20px;
    opacity: 1.00;
    padding: 0px 0px 0px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
	
}
.testotab{/*ok */
    color: rgb(0, 0, 0);
    font-size: 8px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    letter-spacing:0.1px;
    line-height: 15px;
    margin: 0px;
    opacity: 1.00;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

.testob{/*ok */
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    letter-spacing:0.1px;
    line-height: 15px;
    margin: 0px 20px;
    opacity: 1.00;
    padding: 20px 20px 0px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.testobg{/*ok */
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    letter-spacing:0.1px;
    line-height: 15px;
    margin: 0px 20px;
    opacity: 1.00;
    padding: 20px 20px 0px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
.testob span{/*ok */
    font-size: 11px;
 }
.testob a{/*ok */
    color: rgb(255, 255, 255);
    font-size: 11px;
	text-decoration: none;
	outline:none;
}
.testob a:hover{/*ok */
    color: #FF99FF;
    font-size: 11px;
    text-decoration: none;
    text-transform: none;
}

.immcons{/* ok */
border: 0;width: 100%; display: block; max-width: 461px;
font-size:7px;
color:#FFFFFF;
float:left; 
padding-right:10px;
}

.immlinkcons{/* ok */
border: 0; width: 128px; display: block; max-width: 128px;
outline:none;
font-size:7px;
color:#FFFFFF;
}
.immimp{/* ok */
border: 0; display: block; max-width: 507px;
float:left; 
padding-top:10px;
padding-right:10px;
font-size:7px;
color:#FFFFFF;
}
.immre {/* ok */
border: 0; display: block; max-width: 430px; 
float:left; 
padding-right:0px;
font-size:7px;
color:#FFFFFF;

}

.immre1 {/* ok */
border: 0;  display: block; max-width: 300px;
font-size:7px;
color:#FFFFFF;
}
.immre3 {/* ok */
border: 0;  display: block; max-width: 285px;
font-size:7px;
color:#FFFFFF;
}
.immre2{/* ok */
border:0;
display: block; 
max-width: 57.3px; /* screen 1920px */
font-size:7px;
color:#FFFFFF;
float:left;
padding-top:3px;
padding-left:3px;
}
.immedu{/* ok */
border:0;
display: block; 
width:100%;
max-width: 400px; /* screen 1920px */
font-size:7px;
color:#FFFFFF;
float:right; 
padding:10px 10px 10px 10px;

}
.imsf{/* ok */
border:0;
width: 80px; 
height:80px
display: block; 
border: 2px solid #ffffff;
outline:none;
font-size:7px;
color:#FFFFFF;
}
.imgen{/* ok */
border:0;
outline:none;
font-size:7px;
color:#FFFFFF;
}
/* For smartphones */
@media (max-width: 480px) {
div.boxtestoh {
font-size: 9px;
left: 180px;
width:80%;
}
.boximgh {/*ok*/
  left: 200px;
}  
}
/* For tablets & smart phones */
@media (min-width: 481px) and (max-width: 640px) {
div.boxtestoh {
font-size: 10px;
}

}
	/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1023px) {
div.boxtestoh {
font-size: 11px;
}
}
/* For larger displays */
@media (min-width: 1024px) {

	}