<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i,900&display=swap" rel="stylesheet"> 
/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/ 
    background: transparent;
}
body {
    line-height: 0em;
}
hr {
  size:1px;
  height:1px;
  color:#f0f;
  width:100%;
  border-style:dotted;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */














@media all{
	#clear_left {clear:left;}
	#clear_right {clear:right;}
	#clear_both{clear:both;}
	.clear_left {clear:left;}
	.clear_right {clear:right;}
	.clear_both{clear:both;}
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 20px;
		font-family: 'Roboto', sans-serif;
		background:#fff;
		width:100%;
		color:#222;
		overflow-x: hidden;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
	.container{
		max-width:860px;
		width:100%;
		margin:0 auto;
	}
    
	.colorfff{color:#fff;}
	.colorfff a, .colorfff a:link{ color:#fff; text-decoration:none;}
	.colorfff a:hover, .colorfff a:focus, .colorfff a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #fff;
    }
	.colornero{color:#2e2e2e;}
	.colornero a, .colornero a:link{ color:#2e2e2e; text-decoration:none;}
	.colornero a:hover, .colornero a:focus, .colornero a:active{
		text-decoration:none;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #000;
    }
	/* MENU */
	/*.spessoredimenu{padding: 105px 0 0 0;}
	.spessoredimenucookie{padding: 136px 0 0 0;}*/
	

	.bloccofixed{
		/*overflow: hidden;*/ /* in questo modo posso vedere il menù di secondo livello*/
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		/*font-family: 'Source Sans Pro', sans-serif;*/
	}
	header{
		width: 100%;
		height: 74px;
		/*background-color: rgba(255, 255, 255, 0);*/
		background: transparent;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		
	}
	header .containermenu{
		max-width:1100px;
		width:100%;
		margin:0 auto;
		border-bottom: solid 1px #148c9c;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	header .logo{
		float: left;
		width: 200px;
		line-height: 0;
		padding: 0;
	}
	header .menumobile{
		display: none;
	}
	header .menumobileico{
		display: none;
	}
	header .menu{
        float: left;
		display: inline-block;
        width: calc(100% - 200px);
        text-align: right;
		padding: 5px 0 0 0;
		margin: 0 0 0 0;
		font-weight: 400;
		font-size: 20px;
		line-height: 1em;
	}
	header.smaller{
		/*background-color: rgba(255, 255, 255, 1);*/
		box-shadow: 0px 0px 20px #000;
		background: linear-gradient(to right, #162f71, #139e9e);
		
	}
	header.smaller .containermenu{
		max-width:100%;
		/*width:100%;
		margin:0 auto;
		border-bottom: solid 1px #148c9c;*/
		
	}
	/*header.smaller .logo{
		width: 150px;
        padding: 0;
	}*/
	header.smaller .menu{
		/*width: calc(100% - 150px);*/
		/*padding: 37px 0 0 0;*/
		/*font-size: 16px;*/
		/*font-weight: 400;*/
		
	}
		ul#link {list-style: none;}
		ul#link li {
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			margin:0;
			padding: 8px 10px 0px 10px;
			display:inline-block;
			position: relative;
			/*background-color: #000;*/
		}
/*		header.smaller ul#link li {
			margin:0;
			padding: 5px;
			display:inline-block;
			position: relative;
		}*/
		ul#link li:last-child {
			padding: 8px 0 0px 10px;
		}
/*		header.smaller ul#link li:last-child {
			padding: 5px 0 5px 5px;
		}*/
		ul#link li a {
			text-decoration:none;
			margin:0;
			color:#fff;
		}
		ul#link li a:hover	{
			color:#f6de72;
		}
		ul#link li a.attivo{
			/*color:#f6de72;*/
			font-weight: 900;
		}
		ul#link ul {			
			margin:0 0 0 0;
			padding:20px 0 0 0;
			display:inline-block;
			list-style: none;
			display: none; 
			position: absolute;
			top: 27px;
			left: 0;
			z-index:9999;
            background-image: url(/res/img/bg-sottomenu.png);
			text-align: left;
		}
		/*header.smaller ul#link ul {			
			margin:5px 0 0 0;
			padding:10px 0 0 0;
			display:inline-block;
			list-style: none;
			display: none; 
			position: absolute;
			top: 19px;
			left: 0;
			z-index:9999;
            background-color: #000;
			text-align: left;
		}*/
		ul#link li:hover > ul {
			display: block;
			visibility: visible; /* da tenere per evitare che scompaia il "li" con il solo display*/
		}
		ul#link ul li {
			float: none;
			display: block;
			border: 0;
			padding: 0;
		}
		ul#link ul li:last-child {
			padding: 0;
		}
		ul#link ul li:last-child {
			border-bottom: none;
		}
		ul#link ul a {
			padding:13px 25px;
			width: auto;
			display: block;
			white-space: nowrap;
			float: none;
			text-transform: none;
			color: #222;
			font-size: 18px;
		}
		ul#link ul a:hover {
			/*background-color: #fff;*/
			color:#29b473
		}
	/* FINE MENU */


	/* IMMAGINONA */
	.immaginona{
		width: 100%;
		height: 540px;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}
	.saltelli{background-image: url(/res/img/saltelli.png);}
	.libro{background-image: url(/res/img/libro.png);}
	.altalena{background-image: url(/res/img/altalena.png);}
	.primipassi{background-image: url(/res/img/primipassi.png);}
	.solleva{background-image: url(/res/img/solleva.png);}
	.panchina{background-image: url(/res/img/panchina.png);}
	.immaginona .specifica{
		padding: 150px 0 0 0;
		height: 26px;
		line-height: 1em;
		font-size: 30px;
		font-weight: 700;
		/*background-color: #f00;*/
	}
	.immaginona .grande{
		height: 90px;
		line-height: 1em;
		/*background-color: #ff0;*/
	}
    .immaginona .grande h2{
		padding: 0;
		margin: 0;
		line-height: 1em;
		font-size: 100px;
		font-weight: 900;
    }
	.immaginona .dettgrande{
		line-height: 1em;
		height: 25px;
		font-size: 18px;
		font-weight: 100;
		/*background-color: #f0f;*/
	}
	.immaginona .titolo{
		width: 50%;
		padding: 40px 0 0 0;
		/*background-color: #0ff;*/
	}
    .immaginona .titolo h1{
		padding: 0;
		margin: 0;
		line-height: 1.2em;
		font-size: 33px;
		font-weight: 200;
    }
	/* FINE IMMAGINONA */
	
	/* PARTE TESTUALE */
	.testo{
		padding: 30px 0;
		line-height: 1.7em;
		font-weight: 400;
	}
	.testo ul{
		margin: 0;
		padding: 15px 0;
	}
	.testo ul li{
		margin: 0;
		padding: 10px 0 10px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0 15px;
	}
	/* PARTE TESTUALE */
	
	/* NEWS ED INFILATA IMMAGINI HOME */
	.containerlungo{
		max-width:1200px;
		width:100%;
		margin:0 auto;
		/*background-color: #00f;*/
	}
	.containerlungo.immagini{
		padding: 0 0 50px 0;
	}
	.containerlungo .boximmagini{
		float: left;
		width: 30%;
	}
	.containerlungo .boximmagini:nth-child(2){
		margin: 0 5%;
	}
	.containerlungo .boxnews{
		position: relative;
		float: left;
		width: calc(30% - 40px);
		padding: 20px;
		border-radius: 7px;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4em;
		background-color: #fff;
	}
	.containerlungo .boxnews:nth-child(2){
		margin: 0 5%;
	}
	.news{
		padding: 30px 0;
		background-color: #1b0c62;
        background-position:50% 0;
		background-image: url(/res/img/bg-news.png);
		background-repeat: no-repeat;
	}
	.news .tt{
		padding: 0 0 20px 0;
		line-height: 1em;
		font-size: 100px;
		font-weight: 900;
	}
	.news .titolo{
		font-size: 20px;
		font-weight: 600;
		padding: 0 0 7px 0;
	}
	.news .breve{
		/*font-size: 20px;
		font-weight: 600;*/
		padding: 0 0 20px 0;
	}
	.news .approf{
		border-radius: 3px;
		background-color: #00ad9f;
		padding: 10px 20px;
		color: #fff;
		text-decoration: none;
	}
	/* FINE NEWS HOME */
	
	/* LISTA NEWS */
	.listanews{
		width: 100%;
		padding: 0 0 50px 0;
		/*background-color: #ff0;*/
	}
	.listanews .titolo{
		font-weight: 600;
	}
	.listanews .breve{
		margin: 0 0 15px 0;
	}
	.listanews .approf{
		border-radius: 7px;
		background-color: #00ad9f;
		padding: 13px 30px;
		color: #fff;
		text-decoration: none;
	}
	/* FINE LISTA NEWS */

	/* BOTTOM */
	.bottom{
		padding: 50px 0;
        background-position:50% 0;
		background-image: url(/res/img/bg-footer.png);
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14px;
		font-weight: 300;
	}
	.bottom.home{
		background-color: #1b0c62;
	}
	.bottom li{
		display: inline;
		margin: 0 10px 0 10px;
		padding: 0 0 0 0;
        text-align: center;
	}
	/* BOTTOM */
	/* COOKIES */
		.cookies{
			line-height: 1.2em;
			background-color: rgba(255, 255, 255, 0.9);
			text-align: center;
			color: #000;
			font-size: 9px;
			font-family: Verdana;
			top: 0;
			width: 98%;
			padding: 10px 1% 10px 1%;
			display: none;
		}
		.cookies{color:#000;}
		.cookies a, .cookies a:link{color:#000; text-decoration:none;}
		.cookies a:hover, .cookies a:focus, .cookies a:active{color: #000;}
	/* FINE COOKIES */
}



















@media all and (max-width: 1260px){
	body{
		font-size: 18px;
	}
	.containerlungo .boximmagini{
		float: left;
		width: 30%;
		margin: 0 1.66%;
	}
	.containerlungo .boximmagini:nth-child(2){
		margin: 0 1.66%;
	}
	.containerlungo .boxnews{
		/*float: left;*/
		width: calc(30% - 20px);
		padding: 10px;
		border-radius: 5px;
		font-size: 14px;
		/*font-weight: 400;*/
		line-height: 1.3em;
		/*background-color: #fff;*/
		margin: 0 1.66%;
	}
	.containerlungo .boxnews:nth-child(2){
		margin: 0 1.66%;
	}
	.news{
		padding: 30px 0;
		background-color: #1b0c62;
        background-position:50% 0;
		background-image: url(/res/img/bg-news.png);
		background-repeat: no-repeat;
	}
	.news .tt{
		padding: 10px 0 20px 0;
		text-align: center;
		font-size: 70px;
		/*font-weight: 900;*/
	}
	.news  .titolo{
		font-size: 16px;
		/*font-weight: 600;
		padding: 0 0 10px 0;*/
	}
	/* FINE NEWS */



}



















@media all and (max-width: 990px){
	body{font-size: 16px;}
	.container{
		max-width:860px;
		width: 94%;
		margin: 0 3%;
		/*background-color: #f00;*/
	}
    
	/* MENU */
	header .menumobile{
		display: block;
	}
	header .menumobileico{
		display: block;
		float: left;
		width: calc(100% - 200px);
		text-align: right;
		padding: 25px 0 0 0;
	}
	header .menu{
		display: none;
	}
	/* FINE MENU */
	/* IMMAGINONA */
	.immaginona{
		width: 100%;
		height: 540px;
        background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
	}
	.saltelli{background-image: url(/res/img/saltelli-tab.png);}
	.libro{background-image: url(/res/img/libro-tab.png);}
	.altalena{background-image: url(/res/img/altalena-tab.png);}
	.primipassi{background-image: url(/res/img/primipassi-tab.png);}
	.solleva{background-image: url(/res/img/solleva-tab.png);}
	.panchina{background-image: url(/res/img/panchina-tab.png);}
	.immaginona .specifica{
		padding: 120px 0 0 0;
		height: 22px;
		/*line-height: 1em;*/
		font-size: 24px;
		font-weight: 600;
		/*background-color: #f00;*/
	}
	.immaginona .grande{
		height: 75px;
		/*line-height: 1em;*/
		/*background-color: #ff0;*/
	}
    .immaginona .grande h2{
		/*padding: 0;
		margin: 0;
		line-height: 1em;*/
		font-size: 80px;
		/*font-weight: 900;*/
    }
	.immaginona .dettgrande{
		/*line-height: 1em;*/
		height: 18px;
		font-size: 14px;
		font-weight: 200;
		/*background-color: #f0f;*/
	}
	.immaginona .titolo{
		width: 50%;
		padding: 15px 0 0 0;
		/*background-color: #0ff;*/
	}
    .immaginona .titolo h1{
		/*padding: 0;
		margin: 0;
		line-height: 1.2em;*/
		font-size: 26px;
		font-weight: 400;
    }
	/* FINE IMMAGINONA */
	
	/* PARTE TESTUALE */
	/*.testo{
		padding: 30px 0;
		line-height: 1.5em;
		font-weight: 200;
	}
	.testo ul{
		margin: 0;
		padding: 15px 0;
	}
	.testo ul li{
		margin: 0;
		padding: 10px 0 10px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}*/
	/* PARTE TESTUALE */
	/* NEWS ED INFILATA IMMAGINI HOME */
	/*.containerlungo{
		max-width:1200px;
		width:100%;
		margin:0 auto;
		background-color: #00f;
	}*/
	/*.containerlungo.immagini{
		padding: 0 0 50px 0;
	}*/
	.containerlungo .boximmagini{
		float: left;
		width: 30%;
		margin: 0 1.66%;
	}
	.containerlungo .boximmagini:nth-child(2){
		margin: 0 1.66%;
	}
	.containerlungo .boxnews{
		/*float: left;*/
		width: calc(30% - 20px);
		padding: 10px;
		border-radius: 5px;
		font-size: 14px;
		/*font-weight: 400;*/
		line-height: 1.3em;
		/*background-color: #fff;*/
		margin: 0 1.66%;
	}
	.containerlungo .boxnews:nth-child(2){
		margin: 0 1.66%;
	}
	.news{
		padding: 30px 0;
		background-color: #1b0c62;
        background-position:50% 0;
		background-image: url(/res/img/bg-news.png);
		background-repeat: no-repeat;
	}
	.news .tt{
		padding: 10px 0 20px 0;
		text-align: center;
		font-size: 50px;
		/*font-weight: 900;*/
	}
	.news  .titolo{
		font-size: 16px;
		/*font-weight: 600;
		padding: 0 0 10px 0;*/
	}
	/* FINE NEWS */


	/* BOTTOM */
	/*.bottom{
		padding: 50px 0;
        background-position:50% 0;
		background-image: url(/res/img/bg-footer.png);
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14px;
		font-weight: 300;
	}*/
	/*.bottom.home{
		background-color: #1b0c62;
	}*/
	.bottom li{
		display: block;
		margin: 10px 0;
		/*padding: 0 0 0 0;
        text-align: center;*/
	}
	
	/* BOTTOM */




	
}
























@media all and (max-width: 600px){

	body{font-size: 16px;}
	.container{
		/*max-width:860px;
		width: 94%;
		margin: 0 3%;*/
		/*background-color: #f00;*/
	}
    
	/* MENU */
	/*header .menumobile{
		display: block;
	}*/
	/*header .menumobileico{
		display: block;
		float: left;
		width: calc(100% - 200px);
		text-align: right;
		padding: 25px 0 0 0;
	}
	header .menu{
		display: none;
	}*/
	/* FINE MENU */
	/* IMMAGINONA */
	.immaginona{
		/*width: 100%;*/
		height: 300px;
        /*background:center;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;*/
	}
	.saltelli{background-image: url(/res/img/bg-cell.png);}
	.libro{background-image: url(/res/img/bg-cell.png);}
	.altalena{background-image: url(/res/img/bg-cell.png);}
	.primipassi{background-image: url(/res/img/bg-cell.png);}
	.solleva{background-image: url(/res/img/bg-cell.png);}
	.panchina{background-image: url(/res/img/bg-cell.png);}
	.immaginona .specifica{
		text-align: center;
		padding: 85px 0 0 0;
		height: 20px;
		/*line-height: 1em;*/
		font-size: 24px;
		font-weight: 600;
		/*background-color: #f00;*/
	}
	.immaginona .grande{
		text-align: center;
		height: 50px;
		/*line-height: 1em;*/
		/*background-color: #ff0;*/
	}
    .immaginona .grande h2{
		/*padding: 0;
		margin: 0;
		line-height: 1em;*/
		font-size: 50px;
		/*font-weight: 900;*/
    }
	.immaginona .dettgrande{
		text-align: center;
		/*line-height: 1em;*/
		height: 16px;
		font-size: 14px;
		/*font-weight: 200;*/
		/*background-color: #f0f;*/
	}
	.immaginona .titolo{
		text-align: center;
		width: 80%;
		padding: 7px 10% 0 10%;
		/*background-color: #0ff;*/
	}
    .immaginona .titolo h1{
		/*padding: 0;
		margin: 0;
		line-height: 1.2em;*/
		font-size: 20px;
		/*font-weight: 400;*/
    }
	/* FINE IMMAGINONA */	
	/* PARTE TESTUALE */
	.testo{
		padding: 5px 0 10px 0;
		line-height: 1.4em;
		/*font-weight: 200;*/
	}
	.testo ul{
		margin: 0;
		padding: 0;
	}
	.testo ul li{
		margin: 0;
		padding: 7px 0 7px 23px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-size: 15px;
		background-position: 0 13px;
	}
	/* PARTE TESTUALE */
	/* NEWS ED INFILATA IMMAGINI HOME */
	.containerlungo{
		/*max-width:1200px;*/
		width:94%;
		margin:0 3%;
		/*background-color: #00f;*/
	}
	/*.containerlungo.immagini{
		padding: 0 0 50px 0;
	}*/
	.containerlungo .boximmagini{
		/*float: left;
		width: 30%;
		margin: 0 1.66%;*/
	}
	.containerlungo .boximmagini:nth-child(2){
		/*margin: 0 1.66%;*/
	}
	.containerlungo .boxnews{
		/*float: left;*/
		width: calc(100% - 20px);
		padding: 10px;
		border-radius: 5px;
		font-size: 15px;
		/*font-weight: 400;*/
		/*line-height: 1.3em;*/
		/*background-color: #fff;*/
		margin: 0 0 10px 0;
	}
	.containerlungo .boxnews:nth-child(2){margin: 0 0 10px 0;}
	.news{
		padding: 20px 0;
		/*background-color: #1b0c62;*/
        background-position:0 0;
		background-image: url(/res/img/bg-news.png);
		background-repeat: no-repeat;
	}
	.news .tt{
		padding: 10px 0 20px 0;
		text-align: center;
		font-size: 35px;
		/*font-weight: 900;*/
	}
	.news .titolo{
		font-size: 16px;
		/*font-weight: 600;
		padding: 0 0 10px 0;*/
	}
	/* FINE NEWS */
	/* LISTA NEWS */
	.listanews{
		/*width: 100%;*/
		padding: 0 0 40px 0;
		/*background-color: #ff0;*/
	}
	.listanews .titolo{
		font-weight: 400;
	}
	.listanews .breve{
		margin: 0 0 10px 0;
	}
	.listanews .approf{
		border-radius: 3px;
		/*background-color: #00ad9f;*/
		padding: 7px 14px;
		/*color: #fff;
		text-decoration: none;*/
	}
	/* FINE LISTA NEWS */

	
	
	/* COOKIES */
		.cookies{
			position: fixed;
			z-index: 9;
			line-height: 1.2em;
			background-color: #13959a;
			text-align: center;
			color: #fff;
			font-size: 9px;
			font-family: Verdana;
			top: auto;
			bottom: 0;
			width: 98%;
			padding: 10px 1% 10px 1%;
			display: none;
		}
		.cookies{color:#fff;}
		.cookies a, .cookies a:link{color:#fff; text-decoration:none;}
		.cookies a:hover, .cookies a:focus, .cookies a:active{color: #fff;}
	/* FINE COOKIES */

	
}