@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Lobster');

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* *********
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, figure {
    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: 'Source Sans Pro', sans-serif;
		background:#fff;
		width:100%;
		color:#2f2;
		/*overflow-x: hidden;*/
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}


	.colorbianco{color:#fff;}
	.colorbianco a, .colorbianco a:link{ color:#fff; text-decoration:none;}
	.colorbianco a:hover, .colorbianco a:focus, .colorbianco 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:#000;}
	.colornero a, .colornero a:link{ color:#000; text-decoration:none;}
	.colornero a:hover, .colornero a:focus, .colornero 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: #4bb163;
    }
	
	.colorverde{color:#3c8c4e;}
	.colorverde a, .colorverde a:link{ color:#3c8c4e; text-decoration:none;}
	.colorverde a:hover, .colorverde a:focus, .colorverde 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: #4bb163;
    }
	
	.colorgrigiochiaro{color:#727272;} /* usato nelle liste dinamiche lavori e clienti*/
	.colorgrigiochiaro a, .colorgrigiochiaro a:link{ color:#727272; text-decoration:none;}
	.colorgrigiochiaro a:hover, .colorgrigiochiaro a:focus, .colorgrigiochiaro 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: #727272;
	}
	
	.colorexplico{color:#34c7c8;}
	.colorexplico a, .colorexplico a:link{ color:#34c7c8; text-decoration:none;}
	.colorexplico a:hover, .colorexplico a:focus, .colorexplico a:active{color: #255c5b;}
	
	.bgcolorverde{background-color: #4aaf38;}
	
	.container{
		max-width:1098px;
		width:100%;
		margin:0 auto;
		/*background-color: #00f;*/
	}
	
	h1{
        font-size: 45px;
        font-weight: 900;
		line-height: 1.3em;
		padding: 0 0 30px 0;
	}
	h2{
        font-size: 35px;
        font-weight: 900;
		line-height: 1.3em;
	}
	
	/* PAGINA  LAVORI */
	.lavori{
		float: left;
		width: 42%;
		padding: 8% 8% 8% 0;
	}
	.lavori:nth-child(even){
		float: left;
		width: 42%;
		padding: 8% 0 8% 8%;
	}
    .prewnext{
		/*background-color: #2db2ba;*/
		background-color: #eee;
        text-align: right;
        padding: 0;
		line-height: 0em;
    }
    /* FINE LAVORI */
	
	

	.containerlogobio{
		max-width:430px;
		width:96%;
		padding: 0 2%;
		margin:50px auto;
	}
	

	
	/* FOTO INTERNE */
	.immagineinterne{
		position: relative;
		height: 230px;
		width: 100%;
		background-position: 50% 0;
		background-repeat: no-repeat;		
	}

	/* FINE FOTO INTERNE */
	

	
	
	
	/*.paddingblocco{padding: 50px 0 50px 0;}*/
	.spaziodamenu{height: 150px;}
	/* DEFINIZIONE DI TUTTI I BLOCCHI TESTUALI */
	.testi{
		width: 100%;
		line-height: 1.5em;
	}
	.testi ul li{
		padding: 5px 0 5px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	/* FINE DEFINIZIONE DI TUTTI I BLOCCHI TESTUALI */
	

	
	
	/* TESTI */
	.testimonoriga{
		width: 80%;
		padding: 30px 10% 50px 10%;
		line-height: 1.5em;
		/*background-color: #00f;*/
	}
	.testimonoriga ul li{
		padding: 5px 0 5px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.testimonorigaintro{
		width: 80%;
		padding: 70px 10% 90px 10%;
		line-height: 1.5em;
	}
	.testimonorigaintro ul li{
		padding: 5px 0 5px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.testi{
		float: left;
		width: 66%;
		padding: 30px 4% 50px 0;
		line-height: 1.5em;
	}
	.testi ul li{
		padding: 5px 0 5px 40px;
		background-image: url(/res/img/ul-testi.png);
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	.urlanno{
		display: none;
		text-align: center;
		padding: 0 0 30px 0;
		line-height: 1.3em;
		/*background-color: #0f0;*/
	}
	/* FINE TESTI */
	
	
	
	



	/* SLIDE */
	#fotoscrollbkg{
		position: relative;
	}
	/*.spazioimmagine{
		float: left;
		width: 82%;
		margin: 0 2%;
	}*/
    #immaginehome{
		position: relative;
		max-width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
    }
	.slideimg{
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
		margin: 0;
	}
	.slide{
		border: none; 
		opacity: 0; 
		filter: alpha(opacity=0);
		top: 0; 
		left: 0;
	}
	.showMe {
		opacity: 1;
		filter:alpha(opacity=100);
	}
    /*.scoprislide{
		float: left;
		width: 7%;
		padding: 27% 0 0 0;
    }*/
    frecceslide{
        top: 0;
        right: 0;
    }
	.frecceslideinterne{
		background-color: #e0e0e0;
        text-align: right;
		line-height: 0;
        /*top: 0;
        right: 0;*/
	}
	/* FINE SLIDE */
	
	/* SOCIAL */
	.fasciasocial{
		background-color: #efefef;
		padding: 50px 0;
		text-align: center;
	}
	.fasciasocial li {
		display: inline;
		width: 140px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	/* FINE SOCIAL */
	
}




	









@media all and (max-width: 1160px){

	
	h1{
        font-size: 40px;
        /*font-weight: 900;
		line-height: 1.3em;*/
		padding: 0 0 25px 0;
	}
	h2{
        font-size: 32px;
        /*font-weight: 900;
		line-height: 1.3em;*/
	}
	body{font-size: 19px;}
	.container{
		max-width:930px;
		/*background-color: #f0f;*/
	}
	.spaziodamenu{height: 120px;}

	
	/* FOTO INTERNE */
	.immagineinterne{
		/*position: relative;*/
		/*padding: 60px 0 0 0;*/
		/*height: 230px;
		width: 100%;
		background-position: 50% 0;
		background-repeat: no-repeat;*/
	}
	/*.immgint{
		height: 230px;
		width: 100%;
		background-position: 50% 0;
		background-repeat: no-repeat;		
	}
	.testoimmagineint{
		width: 100%;
		position: absolute;
		bottom: 30px;
		font-size: 40px;
		font-weight: 200;
	}*/
	/* FINE FOTO INTERNE */




	
}



















@media all and (max-width: 990px){
	
	h1{
        font-size: 36px;
        /*font-weight: 900;
		line-height: 1.3em;*/
		/*padding: 0 0 25px 0;*/
	}
	h2{
        font-size: 28px;
        /*font-weight: 900;
		line-height: 1.3em;*/
	}
	body{font-size: 18px;}
	.container{
		max-width:700px;
		/*background-color: #00f;*/
	}
	.spaziodamenu{height: 100px;}

	
	
	

	
	
	/* TESTI */
	.testimonoriga{
		width: 100%;
		padding: 30px 0 30px 0;
	}
	.testimonorigaintro{
		width: 100%;
		padding: 50px 0 70px 0;
		/*background-color: #0f0;*/
	}
	.testi{
		float: none;
		width: 100%;
		padding: 30px 0 30px 0;
	}
	.urlanno{
		padding: 0 0 10px 0;
	}
	/* FINE TESTI */
	
	/* LATERALE */
	.laterale{
		float: none;
		width: 100%;
		padding: 30px 0 0 0;
	}
	.displaynonecell{display: none;}
	/* FINE LATERALE */
	
}
























@media all and (max-width: 760px){
	
	h1{
        /*font-size: 36px;*/
        /*font-weight: 900;
		line-height: 1.3em;*/
		/*padding: 0 0 25px 0;*/
	}
	h2{
        /*font-size: 28px;*/
        /*font-weight: 900;
		/*line-height: 1.3em;*/
	}
	/*body{font-size: 18px;}*/
	.container{
		max-width:460px;
		/*background-color: #0ff;*/
	}
	
	.spaziodamenu{height: 75px;}
	
	/* TESTI */
	.testimonoriga{
		/*width: 100%;
		padding: 30px 0 30px 0;*/
	}
	.testimonorigaintro{
		/*width: 100%;*/
		padding: 30px 0 50px 0;
	}
	.testi{
		/*float: none;
		width: 100%;
		padding: 30px 0 30px 0;*/
	}
	/*.urlanno{
		padding: 0 0 10px 0;
	}*/
	/* FINE TESTI */





	

	

	
}
























@media all and (max-width: 520px){
	h1{
        font-size: 30px;
		line-height: 1.2em;
		padding: 0 0 15px 0;
	}
	h2{
        font-size: 22px;
		line-height: 1.3em;
	}
	body{font-size: 17px;}
	.container{
		max-width:92%;
		padding: 0 4%;
		/*background-color: #f0f;*/
	}

	



}














/*
@media all and (max-width: 380px){
	body{font-size: 14px;}
	.container{
		background-color: #0ff;
	}
}
*/









	/* MAPPA */
	#bloccomappa{
		overflow: hidden;
		position: relative;
	}
	
	#map{
		width: 100%;
		height: 600px;
	}
	#map img {
	  max-width: none;
	  max-height: none;
	}