html, body{margin:0px;
	padding:0px;font-family:arial;
	}
h1,h2,h3, p {
	font-family:arial;
	text-align:center;
	}
	
a, a:hover{text-decoration:none; color:#000;}

/*header*/
header{width:100%; float:left; background:#111; height:40px;}
header nav.nav-bar ul { display:inline-flex; display:-webkit-box; list-style:none;  width:80%; margin:0px auto; }

header nav.nav-bar ul li{padding:0px 15px;}

header nav.nav-bar ul li a{color:#fff;  line-height:40px;}
header nav.nav-bar ul .active{background:#333; color:#fff; text-decoration:none; height:40px;}

header nav.nav-bar ul li:hover {background:#333; color:#fff; text-decoration:none; height:40px;}



/*content*/




.container , .content{
	width:100%;
	float:left;
	
}
.img-center{ margin:15px;}

.img-center img{
	width:100%;

}


footer{
	background:#333; 
	color:#fff; 
	padding:50px 0; 
	float:left; 
	width:100%;
}

footer .info p span{display:block; text-align:center;}


section .btn a{color: #ffffff;
  font-size: 31px;}

section .btn {
	display:block;
	margin:50px auto;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  
  background: #edc215;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:1px solid rgba(0,0,0,0.2);
}

.btn:hover {
  background: #3761cc;
  text-decoration: none; color:#fff;
}

/*pagina servizi*/

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd; 
}

div.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
}

div.panel.show {
    display: block !important;
}

section.servizi{width:80%; margin:0px auto; height:150px; }

section .servizi .title {background:#99ccff;}
section .servizi .title p{line-height:150px; font-weight:bold; margin:0px;}
section .servizi .description{background:#cccccc;}