body{ margin:0px; border:0px;}
	
	
	a{
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		-webkit-transition-duration: 200ms;
		transition-duration: 200ms;
		-webkit-transition-property: color, border-color, background-color;
		transition-property: color, border-color, background-color;}


    h1{
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:60px;
		font-weight:400;
		font-weight:bold;
		text-transform:uppercase;
		margin:75px 0px 0px 0px;}
	
	h2{
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:700;
		text-transform: none;
		margin:35px 0px 0px 0px;}
	
	h3{
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:28px;
		font-weight:600;
		text-transform:uppercase;
		margin:0px;}
		
	h4{
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:600;
		text-transform:uppercase;
		margin:0px;}
		


/* HEAD ======================================================================== */
	
	.foto_cover{
		background-image: url(../img/piscina-funsport.jpg);
		background-repeat:no-repeat;
		background-position: right;
		background-attachment:fixed;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
		width:100%;
		height:645px;
		padding-top:45px;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:12px;
	    color:#FFFFFF;
		text-transform:uppercase;
		text-align:center;}
	
	.spacer{
		width:10%;
		margin:5px 45% 15px 45%;
		height:2px;
		background-color:#FFFFFF;}
		
	.button_margin{
		margin:75px 0% 4% 0%;}
		
		
	a.button {
		color:#FFFFFF;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		font-size:18px;
		font-weight:400;
		text-align:center;
		text-decoration:none;
		margin:20px 0px 20px 0px;
		padding: 20px 60px;}
		
	a.button:hover{
		color:#003c57; /* BLU COLOR ======== */
		background-color: #ffffff;
		text-decoration:none;}
		
		
		
	/* MENU =============================================================================== */
	
	.logo{
		width:18%;
		padding-left:2%;
		float:left;}
		
	.menu{
		width:75%;
		height:35px;
		text-align:right;
		padding-right:5%;
		padding-top:10px;
		float:left;}
		
	.voci-menu li{
		font-size:16px;
		font-weight:normal;
		text-transform:none;
		list-style:none;
		margin:10px 0px 10px 45px;}
		
	.voci-menu a{
		color:#FFFFFF;
		text-decoration:none;}
		
	.voci-menu a:hover{
		color:#21b2a6;
		text-decoration:none;}
		
	.spacer-menu{
		height:1px;
		width:80%;
		background-color:#34767d;
		margin:15px 0px 20px 0px;}
		
	
	
	/* NEWS HOME PAGE ================================================================ */
	
	#content-news-homepage{
		margin:-50px 0% 5% 0%;
		height:350px;}
	
	.foto-news-homepage{
		width:30%;
		height:347px;
		margin-left:10%;
		background-image: url(../img/funsport-foto-news.jpg);
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
		float:left;}
		
	.box-news-homepage{
		width:50%;
		height:86px;
		background-color:#21b2a6;
		margin-bottom:1px;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-weight:600;
		font-size:20px;
		color:#FFFFFF;
		text-transform:uppercase;
		float:left;}
		
	.data-news-homepage{
		width:20%;
		height:76px;
		padding-top:10px;
		background-color:#003c57;
		font-size:15px;
		text-align:center;
		float:left;}
		
	.titoli-news-homepage{
		width:79%;
		padding:25px 0px 0px 1%;
		text-align:left;
		float:left;}
		
	.titoli-news-homepage a{
		color:#FFF;
		text-decoration:none;}
		
	.titoli-news-homepage a:hover{
		color:#003c57;
		text-decoration:none;}
		
		
	
	/* ATTIVITA' HOME PAGE ================================================================ */
	
	#box-nuotolibero-home{
		width:34%;
		height:450px;
		background-color:#21b2a6; 
		margin:0px 0% 0% 0%;
		padding:0px 8% 0px 8%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		color: #FFF;
		text-align:center;
		float:left;}
		
	.spacer_title{
		width:10%;
		margin:5px 45% 40px 45%;
		height:1px;
		background-color: #FFF;}
		
	.button_attivita{
		margin:75px 0% 4% 0%;
		text-transform:uppercase;}
		
		
	a.button_attivita {
		color:#FFFFFF;
		background-color:#003c57; /* BLU COLOR ======== */
		font-size:16px;
		font-weight:400;
		text-align:center;
		text-decoration:none;
		margin:20px 0px 20px 0px;
		padding: 20px 60px;}
		
	a.button_attivita:hover{
		color:#003c57; /* BLU COLOR ======== */
		background-color: #ffffff;
		text-decoration:none;}
		
	#box-nuotolibero-foto{
		width:50%;
		height:450px;		
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover; 
		margin:0px 0% 0% 0%;
		float:left;}
		
	#box-corsonuoto-foto{
		width:50%;
		height:450px;		
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover; 
		margin:0px 0% 0% 0%;
		float:left;}
		
	#box-attivita-testo{
		width:19%;
		height:360px;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		padding:0% 3% 0% 3%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight: lighter;
		color: #FFF;
		text-align:center;
		float:left;}
		
	#box-attivita-testo h3{
		font-size:15px;
		padding-top:50px;}
		
	#box-attivita-testo .spacer_title{
		width:20%;
		margin:5px 40% 20px 40%;}	
		
	#box-attivita-testo a.button_attivita {
		font-size:12px; 
		padding: 20px 20px;}
		
	#box-attivita-foto-1{
		width:25%;
		height:360px;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		background-image: url(../img/palestra-funsport.jpg);
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
		float:left;}
		
	#box-attivita-foto-2{
		width:25%;
		height:360px;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		background-image: url(../img/corsie-piscina.jpg);
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
		float:left;}
		
	#box-attivita-foto-3{
		width:25%;
		height:360px;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		background-image: url(../img/palestra-funsport.jpg);
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
		float:left;}
		
	#box-attivita-foto-4{
		width:25%;
		height:360px;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		background-image: url(../img/corsie-piscina.jpg);
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
		float:left;}
		
		
    
	/* CERTIFICAZIONI ================================================================ */
	
	#certificazioni{
		width:96%; 
		margin:5% 0% 0% 0%;
		padding:0px 2% 5% 2%;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:400;
		color: #393939;
		text-align:center;
		float:left;}
		
	
	#certificazioni h3{
		color:#003c57;
		font-weight:700;}
		
	#certificazioni .spacer_title{
		background-color: #003c57;
		margin:5px 45% 20px 45%;}
		
		
		
    /* FOOTER ======================================================================== */
	
	#footer{
		width:100%;
		height:100%;
		background-color:#003c57; /* BLU COLOR ======== */
		margin:5% 0% 0% 0%;
		padding:35px 0% 5% 1%;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:400;
		color: #FFF;
		text-align:left;
		float:left;}
		
	#footer a{
		color:#FFFFFF;
		text-decoration:none;}
		
	#footer a:hover{
		color:#21b2a6;
		text-decoration:none;}
		
	.box-footer-indirizzo{
		width:25%;
		text-align:center;
		float:left;}
		
	.box-footer-link{
		width:24%;
		margin-left:0px;
		border-left:1px solid #FFF;
		font-size:18px;
		float:left;}
		
	.box-footer-link li{
		list-style:none;
		margin:0px 0px 20px 30px;}
		
	.box-footer-social{
		width:25%;
		margin-left:0px;
		border-left:1px solid #FFF;
		font-size:18px;
		text-align:center;
		float:left;}
		
	.box-footer-social li{
		list-style:none;
		margin:0px 0px 20px 0px;}
		
	.box-footer-social .spacer_title{
		width:80%;
		margin:15px 10% 15px 10%;
		height:1px;
		background-color: #FFF;}
		
	.box-footer-social img{ margin:0px 15px 0px 15px;}
	
	
	
	/* PAGE CENTRO SPORTIVO ======================================================================== */
	
	.foto_cover_interna{
		background-image: url(../img/piscina-funsport.jpg);
		background-repeat:no-repeat;
		background-position: right;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
		width:100%;
		height:325px;
		padding-top:0px;
		margin-top:-10px;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
	    color:#FFFFFF;
		text-transform:uppercase;
		text-align:center;}
		
	.foto_cover_interna h1{ font-size:32px; padding-top:55px;}
	
	.foto_cover_interna h2{ font-size:20px;}
	
	#content_menu_interno{
		width:100%;
		height:60px;
		position:fixed;
		background-color:#003c57; /* BLU COLOR ======== */
		padding-top:5px;
		color:#FFF;
		z-index:100;
		margin-top: -65px;
		}
		
	
		
	#box-chisiamo-foto{
		width:35%;
		height:450px;
		background-image: url(../img/foto-piscina/piscina-interna.jpg);
		background-repeat:no-repeat;
		background-position: center;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover; 
		margin:0px 0% 0% 0%;
		float:left;}
		
	#box-chisiamo{
		width:65%;
		height:430px;
		background-color:#21b2a6; 
		margin:0px 0% 0% 0%;
		padding:0% 0% 20px 0%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight: normal;
		color: #FFF;
		text-align:center;
		float:left;}
	
	.box-testo-chisiamo{
		width:93%;
		margin:0px 4% 0px 4%;		
		text-align: justify;
		}
		
	.mappa{
		width:65%;
		height:350px;
		display:block;
		margin:25px 0px 40px 18%;
		background-color:#FFFFFF;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		background-position:center;}
		
		
	#box-staff{
		width:20%;
		height:285px;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		float:left;}
		
	
	/* STAFF VIEW EFFECT ======================================================================== */

	.view {
		width:20%;
		height: 288px;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: center;
		color:#FFF;
		cursor: default;
		z-index:0;}
	
	.view .mask, .view .content {
		width:100%;
		height: 288px;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;}
		
	.view img {
		width:100%;
		height:100%;
		display: block;
		position: relative;}
		
	.view h2 {
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		position: relative;
		font-size: 20px;
		padding: 2px;
		margin: 5px 0 0 0;}
		
	.view p {
		font-size: 16px;
		font-weight:700;
		position: relative;
		color: #fff;
		margin:30px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;}
		
	.view li{
		font-size:12px;
		text-transform:uppercase;
		list-style:none;
		margin:0px 0px 2px 0px;}
		
	.view-first img { 
        transition: all 0.2s linear;}
	
	.view-first .mask {
		opacity: 0;
		background-color: rgba(33,178,166, 0.7);
		transition: all 0.4s ease-in-out;}
		
	.view-first h2 {
		transform: translateY(-100px);
		opacity: 0;
		transition: all 0.2s ease-in-out;}
		
	.view-first p { 
		transform: translateY(100px);
		opacity: 0;
		transition: all 0.2s linear;}
		
	.view-first:hover img { 
	    transform: scale(1.1);}
		 
	.view-first:hover .mask { 
		opacity: 1;}
		
	.view-first:hover h2,
	.view-first:hover p {
		opacity: 1;
		transform: translateY(0px);}
		
	
	
	/* EVENTI e NEWS  ======================================================================== */

	#content-news{
		width:80%;
		height:190px;
		margin:15px 0% 0% 10%;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		float:left;}
		
	#news-elenco-data{
		width:10%;
		height:150px;
		background-color:#003c57; /* BLU COLOR ======== */
		padding-top:40px;
		font-size:32px;
		font-weight:600;
		text-align:center;
		text-transform:uppercase;
		float:left;}
	
	#news-elenco-data p{
		margin-top:10px;}
		
	#news-elenco-testo{
		width:50%;
		height:190px;
		padding:2%;
		font-size:15px;
		float:left;}

    #prenotazioni-testo{
		width:50%;
		height:190px;
		padding:1.2%;
		font-size:15px;
		float:left;}
		
	#news-elenco-testo h3{
		font-size:20px;}

    #prenotazioni-testo h3{
		font-size:20px;}
		
	#news-elenco-testo p{
		margin:5px 0px 5% 0px;}

    #prenotazioni-testo p{
		margin:5px 0px 5% 0px;}
		
	#news-elenco-testo a.button_attivita {
		font-size:14px;
		margin:10px 0px 10px 0%;
		padding: 10px 40px;}

    #prenotazioni-testo a.button_attivita {
		font-size:14px;
		margin:10px 0px 10px 0%;
		padding: 10px 40px;}
		
	#news-elenco-foto{
		width:30%;
		height:190px;
		float:left;}
		
	#news-elenco-foto img{
		width:100%;
		height:190px;}
		
	#content-news-singola{
		width:60%;
		height:100%;
		margin:15px 0% 2% 20%;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		color: #393939;
		float:left;}
		
	#news-testo{
		width:96%;
		height:100%;
		padding:2%;
		/*background-color:#21b2a6;  TURCHESE COLOR ======== */
		font-size:15px;
		text-align:justify;}
		
	#news-testo h3{
		font-size:20px;
		text-align:left;
		margin-top:5%;}
		
	#news-testo p{margin:15px 0px 5% 0px;}
		
	#news-data{
		width:100%;
		height:25px;
		/*background-color:#003c57;  BLU COLOR ======== */
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		padding-top:5px;
		font-size:18px;
		font-weight:600;
		color:#FFFFFF;
		text-transform:uppercase;
		text-align:center;}
	
	#news-data p{
		margin-top:10px;}
	
	#news-foto{
		width:100%;
		height:400px;}
		
	#news-foto img{
		width:100%;
		height:400px;}
		
	
		
	/* GARE  ======================================================================== */
	
	#content-gare{
		width:80%;
		height:50px;
		margin:15px 0% 0% 10%;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-align:center;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		float:left;}
		
	#gare-elenco-data{
		width:15%;
		height:45px;
		background-color:#003c57; /* BLU COLOR ======== */
		padding-top:5px;
		font-size:16px;
		font-weight:400;
		text-transform:uppercase;
		float:left;}
	
	#gare-elenco-data p{
		margin-top:10px;}
		
	#gare-elenco-testo{
		width:66%;
		height:50px;
		padding:8px 2% 0px 2%;
		font-size:15px;
		float:left;}
		
	#gare-elenco-testo h3{
		font-size:24px;}
	
	#gare-elenco-pdf{
		width:15%;
		height:45px;
		padding-top:5px;
		background-color:#003c57;
		font-size:14px;
		float:left;}
		
	#gare-elenco-pdf a{
		color:#FFFFFF;
		text-decoration:none;}
		
	#gare-elenco-pdf a:hover{
		color:#21b2a6;
		text-decoration:none;}
	
	
	
	/* NUOTO BAMBINI  ======================================================================== */
	
	#content-corsi{
		width:95%;
		height:100%;
		margin:15px 2% 2% 2%;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		color: #393939;
		float:left;}
		
	#corsi-testo{
		width:56%;
		height:100%;
		padding:0% 2% 2% 2%;
		/* background-color:#21b2a6;  TURCHESE COLOR ======== */
		font-size:15px;
		text-align:justify;
		float:left;
		}
		
	#corsi-testo h3{
		font-size:20px;
		text-align:left;
		margin-top:0%;}
		
	#corsi-testo p{margin:15px 0px 5% 0px;}
	
	#foto-nuoto{
		width:450;
		height:285px;
		margin:15px 0% 15px 0%;}
		
	#foto-nuoto img{
		width:450;
		height:285px;}
		
	#content-orari{
		width:40%;
		height:100%;
		margin-top: 33px;
		padding:5px 0px 5px 0px;
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		color:#FFF;
		float:left;}
		
	.content-giorni-settimana{
		width:75%;
		height:30px;
		border-top:1px solid #FFF;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		float:left;}
		
	.giorni-settimana{
		width:14%;
		padding:5px 0px 2px 0%;
		font-size:14px;
		text-align:center;
		float:left;}
		
	.orari-settimana{
		width:25%;
		height:25px;
		padding:5px 0px 0px 0px;
		border-top:1px solid #FFF;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:900;
		color:#003c57;
		text-align:center;
		float:left;}
		
	.box-orari{
		width:100%;
		height:100%;
		font-size:20px;
		text-transform:uppercase;
		background-color:#003c57; /* BLU COLOR ======== */}
		
	.box-orari h3{
		font-size:18px;
		text-align:center;
		padding:15px 0px 10px 0px;}

		
	#content-tariffe{
		width:40%;
		height:100%;
		margin-top:2%;
		padding:5px 0px 0px 0px;
		background-color:#003c57; /* BLU COLOR ======== */
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		text-align:center;
		float:left;}
		
	.box-tariffe{
		width:100%;
		height:100%;
		font-size:16px;
		text-transform:uppercase;
		background-color:#21b2a6; /* TURCHESE COLOR ======== */}
		
	.box-tariffe h3{
		font-size:18px;
		text-align:center;
		padding:15px 0px 10px 0px;}

    #reservation-info .counter{
        list-style: none;
        float: left;
        margin: 10px 0 0 10px;
    }

    #reservation-info .counter span{
        display: block;
        text-align: center;
    }

    #reservation-info .counter span:first-child{
        color: #fff;
        font-size: 30px;
        font-weight: bold;
    }

    #reservation-info counter span:last-child{
        font-size: 17px;
    }