body {
margin:0 10%!important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background-color:#ccc;
}
#logo {
	background-color: #eee;}
#slogan {
background-color:#2e3d42; color:#fff;padding:.5em;}	
#top{
width:100%;
/*height:25em;*/
clear:left;
border-bottom:.5em solid #ccc;
}
#top img{
width:100%;
height:100%;
}
ul#menu li {
display:inline;
margin-right:3em;}

ul#menu {
padding-top:3.5em}

ul#menu a{
color:#fff;
font-weight:bold;
text-decoration:none;}

ul#menu a:hover {
color:#00ABFD;}



div#main {
width:76%;
margin:0 11%;
text-align:justify;
clear:left;
background-color:#FFFFFF;

}

div#servizi {
width:100%;
clear:left;

}

div#servizi div {
width:33%;
float:left;
color:#fff;
background-color: #2e3d42;
}

div#servizi div p{
padding:0 2em;
}
div#opere {
width:80%;
height:5em;
margin:0 10%;
clear:left;
}

div#opere div {
width:30%;
float:left;
padding:.5em;

text-align:justify;
}
div#opere div img{
width:100%;

}


div#copyright {
clear:left;
background-color:#2e3d42;
color:#FFFFFF;
padding:1em;
text-align:center;
position:relative;
bottom:0;

}
div#copyright a {
color:#fff;
}
#breadcrumbs {
    padding: 1em 0 2em 0;
    font-size: 1em;
}
#breadcrumbs a{ 
    color:#006699;
    font-weight:bold;
    text-decoration:none;
}

#breadcrumbs a:hover{ 
    text-decoration:underline;}
.banner {
background-color:#2e3d42; 
padding:.5em;
}

#menu {
	background-color:#006699;
	padding:.3em;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	clear:left;
	text-align:right;
}
#menu img {
    width: 9em;
}

#menu a{
	color:#fff;
	text-decoration:none;
	padding:.5em;
	text-align:right;
		}
		
#menu a:hover {
	color:#ff9900;
	text-decoration:none;
    width:10em;}
	/*background-color:#f7e600;/}	*
/*@media only screen and (max-width: 1024px) {
    div.banner {
	height:20em;
	font-size:13px;}
	
	div#servizi div p {
	padding: 0 2em;}
	div#main {
	padding-bottom:3em;}
    
	div.contatto div {
	float:left!important;
	width:100%!important;}	
    }*/
	
#form {
	width:50%; 
	float:left;
	}

#map {
	width:90%; 
	clear:left;
	}
.contatto {
    padding-bottom:4em;
}	
@media (max-width: 1024px) {
body {
    margin:0px!important;
    font-size:1.8rem!important;
}
#menu img {
    width:32%;
    }
#top img {
    height:34em;
    }    
#lf img {
    width:13em;
}    
#slogan {
	font-size:.8em;
	padding:1em;}	
#menu {
	/*text-align:left;*/}

#servizi div {
		float:left;
		clear:left;
		width:100%!important;
		border-right:none!important;
}
#servizi div p {
		/*padding:0!important*/;
		font-size:14px;
}

#opere div {
		float:left;
		clear:left;
		width:100%!important;
	}	
div#copyright {
    height: auto;
	font-size:1.5em;
    padding:3em!important;
}
div#copyright a {
		color:#fff;
		text-decoration:none;}
#form {
	width:100%; 
	float:left;
	font-size:20px;
	}
#form table {
	width:100%;
	font-size:30px;}
#form input {
	width:100%;
	font-size:1em;
    padding:.2em;
}	
#form textarea {
    font-size:1em;
    padding:.2em;
}
#form input#invia {
	width:25%;
}	
#map {
	clear:left;
	width:100%; 
	float:left;
	margin-bottom:2em
	}
#map iframe {
	width:100%;}
	
/*#form textarea#msg {
	width:100%;
	height:auto;
	font-size:25px}	*/
	
#logo img{
	width:40%;}	
#testata {
    background-color:#eee;
}	
#testata img{
	width:40%;}	
#top2 img{
	width:100%;}
#contatti:hover {
    background-image:url("./images/icona-contatti-over.png");
}
#menu {
	font-size:1em;}	
    
}
#lf img {
    width:8em;
}
#lf {
    width:9em;
    float:left;
}
#rg {
    float:left;
}
@supports (-webkit-touch-callout: none) {
   /* iOS devices */ 
   #copyright {
       font-size:.5em!important;
   }
}