@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');



body, html{
	margin:0;
	padding:0;
	font-size:15px;
	line-height:1.7em;
	font-family: 'Ubuntu', sans-serif;
	background-color:#fff;
	color:#444;
	font-weight:400;
	
	-webkit-text-size-adjust:none;
	font-size-adjust:none;
	text-size-adjust:none;
}
@media screen and (min-width: 600px) and (min-height:480px){    body{font-size:17px;}}
/*@media screen and (min-width: 1280px){    body{font-size:19px;}}*/

a{
	color:#df9c4f;
	font-weight:400;
	transition: color 0.4s;	
}
a:hover{
	color:#c18235;
}
h1, h2, h3, h4, p{
	margin:0 0 0.4em;
	line-height:1.3em;
}
h1{
	font-size:2.1em;
	color:#000;
	font-weight:400;
}
@media screen and (min-width: 768px){h1{font-size:2.2em;}}
h2{
	font-size:1.7em;
	font-weight:600;
	color:#000;
}
h3{
	font-size:1.067em;
	font-weight:500;
	color:#000;
	line-height:2em;
	margin:0.8em 0 0em;
	cursor:pointer;
	display:block;
	float:left;
	width:33.333%;
	text-align:center;
	padding-top:0.8em;
	padding-bottom:0.4em;
	box-sizing:border-box;
}
h3 span{
	font-family:'icomoon';
	font-weight:500;
	display:block;
	font-size:2em;
	vertical-align:middle;
}
.tab-on{
	background-color:#eee;
}



p{
	margin: 0 0 1.2em;
	line-height:1.9em;
}
strong{
	font-weight:500;
}


#wrapper{
	width:100%;
}
.container{
	width:100%;
	box-sizing:border-box;
	padding:0 4%;
	max-width:100%;
}
.content{
	width:100%;
	max-width:52em;
	margin:0 auto;
	padding:4% 0;
}







header.container{
/*	padding-top:2%;*/
	background-color:transparent;
}
header .content{
	overflow:hidden;
	padding:0.0em 0;
}

#logo{
	display:inline-block;
	margin:0.6em 0;
	line-height:1;
}
#logo img{
	display:inline-block;
	margin:0;
}


/**** ICONA MENU ****/
#menu-icon{
	cursor:pointer;
	width:3.2em;
	height:3.2em;
	line-height:3.2em;
	text-align:center;
	display:block;
	color:#000;
	font-weight:400;
	float:right;
    position: relative;
}
#menu-icon span{
	font-family:icomoon;
	font-size:2.4em;
}






nav.container{
	padding:0;
	background:#000;
	border-top:1px solid #444;
	max-width: 100%;
}


nav{ display:none;}
nav .content{
	padding:0;
}
nav a{
	font-size:1em;
	padding:0 0.8em;
	display:block;
	width:100%;
	color:#fff;
	line-height:3.2em;
	height:3.2em;
	text-align:center;
	text-decoration:none;
	font-weight:400;
	text-transform:uppercase;
	border-bottom:1px solid #444;
	box-sizing:border-box;
}
nav a:hover, nav a.selected{
	border-bottom:3px solid #df9c4f;
	color:#fff;
}



@media screen and (min-width: 768px){
	header .content{
		text-align:center;
	}
	#menu-icon{
		display:none;
	}
	nav{
		display:block !important;
		text-align:center;
	}
	nav.container{
		padding:0 4%;
	}
	nav a{
		width:auto;
		display:inline-block;
		border-bottom:0;
		margin-right:-0.2em;
	}
}








a#leggi_tutto{
	cursor:pointer;
	display:inline-block;
	text-decoration:underline;
	font-weight:500;
}



.blocco_servizi{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:0 -0.4em;
}
.servizi_cliente{
	font-weight:300;
	text-align:center;
	font-size:1.1em;
	box-sizing:border-box;
	margin:0.4em;
	background-color:#f3f3f3;
	border-radius:0.4em;
	flex-grow: 1;
    width: 8em;
}
@media screen and (min-width: 700px){.servizi_cliente{width:10em;}}
@media screen and (min-width: 860px){.servizi_cliente{width:12em;}}
.servizi_cliente p{
	margin:0;
	padding:1.2em 0 0.8em;
	line-height:1.3em;
}
.servizi_cliente span{
	font-family:icomoon;
	font-size:2.4em;
	font-weight:400;
	line-height:1em;
	display:block;
	height:1em;
	padding:0 0 0.4em;
}





main .content{
	border-top:0px solid #888;
}





.gallery{
	overflow:hidden;
	margin:0 -1% 2em;
}
.thumb{
	width:33.333%;
	padding:1%;
	display:block;
	float:left;
	box-sizing:border-box;
}
@media screen and (min-width: 560px){.thumb{width:25%;}}
@media screen and (min-width: 960px){.thumb{width:20%;}}

.thumb span{
	display:block;
	width:100%;
	padding:50% 0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}















main .social{
	border:2px solid;
	display:inline-block;
	line-height:1.2em;
	text-align:center;
	width:20em;
	padding-bottom:0.6em;
	font-weight:700;
	text-decoration:none;
	margin:1%;
}
main .social span{
	font-family:icomoon;
	font-size:2em;
	display:inline-block;
	line-height:2em;
	font-weight:400;
}






#tabella-orari{
}
#tabella-orari .giornata{
	width:100%;
	background-color:#eee;
	margin-bottom:2px;
}
#tabella-orari .giornata span{
	display:inline-block;
	margin-right:-0.2em;
	line-height:2.4em;
	text-align:center;
}
#tabella-orari .giornata span.giorno{
	width:28%;
	font-weight:700;
}
#tabella-orari .giornata span.ora{
	width:36%;
}






.contatti{
	display:flex;
	float:left;
	width:100%;
	text-decoration:none;
	background-color:#d00;
	color:#fff;
	padding:0.6em;
	text-align:center;
	box-sizing:border-box;
	font-size:1.1em;
}
@media screen and (min-width: 960px){.contatti{	width:33.333%;}}







#pulsantoni{
	background-color:#f6f6f6;
	margin-top:2em;
	border-top:1px solid #ddd;
}
#pulsantoni .content{
	overflow:hidden;
	border:none;
	padding:4% 0;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
}
#pulsantoni .content h2{
	width:100%;
}
.pulsantone{
	transition: background-color 0.4s;
	width:10em;
	padding:0.8em;
	box-sizing:border-box;
	background-color:#df9c4f;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	font-size:1.8em;
	font-weight:300;
	margin:0.3em;
	line-height:2.4em;
	flex-grow:2;
	color:#fff;
	box-shadow:inset 0 -2px 0 rgba(0,0,0,0.3);
}
.pulsantone span{
	font-family:icomoon;
	font-size:2.4em;
	margin-right:0.2em;
	font-weight:400;
	vertical-align:middle;
}
.pulsantone:hover{
	color:#fff;
	background-color:#c18235;
}
@media screen and (min-width: 768px){
	.pulsantone{
	}
}







footer{
	background-color:#000;
}

footer .content{
	text-align:center;
}

footer p{
	font-size:0.9em;
	color:#888;
	line-height:1.6em;
	width:100%;
}
footer p.social{
	padding-top:0.6em;
}
footer a.social{
	font-family:icomoon;
	text-decoration:none;
	font-size:1.6em;
	display:inline-block;
	width:1.2em;
	height:1.2em;
	line-height:1.2em;
	color:#df9c4f;
	text-align:center;
	padding:0.4em;
	border-radius:100%;
	margin:0em 0.04em;
}
footer a.social:hover{
	color:#c18235;
}