/* STRUTTURA */

/* All */
*,
*:after,
*:before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

/* Contenitori */
html, body{
width:100%;
height:100%;
margin:0;
padding:0;
}

body{
font-family:'Open Sans', sans-serif;
text-align:left;
color:#222;
font-size:100%;
font-weight:400;
background-color:rgba(255,255,255,1.0);
}

nav{
position:relative;
width:100%;
height:auto;
margin:0;
padding:0;
z-index:1000;
}

header{
position:relative;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

section{
position:relative;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

footer{
position:relative;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

.site-wrapper{
position:relative;
width:100%;
max-width:1024px;
min-width:320px;
margin:auto;
padding:0;
}

.clear{
position:relative;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

.clear-50{
position:relative;
width:100%;
height:auto;
margin:0;
padding:25px 0;
overflow:hidden;
}

/* Colonne */
.col-05,
.col-10,
.col-15,
.col-16,
.col-20,
.col-25,
.col-30,
.col-33,
.col-35,
.col-40,
.col-45,
.col-50,
.col-55,
.col-60,
.col-65,
.col-70,
.col-75,
.col-80,
.col-85,
.col-90,
.col-95,
.col-100{display:block;float:left;top:0;left:0;height:auto;margin:0;padding:0;border:0;overflow:hidden;}

.col-05{width:5%;}
.col-10{width:10%;}
.col-15{width:15%;}
.col-16{width:16.666666667%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-30{width:30%;}
.col-33{width:33.333333334%;}
.col-35{width:35%;}
.col-40{width:40%;}
.col-45{width:45%;}
.col-50{width:50%;}
.col-55{width:55%;}
.col-60{width:60%;}
.col-65{width:65%;}
.col-70{width:70%;}
.col-75{width:75%;}
.col-80{width:80%;}
.col-85{width:85%;}
.col-90{width:90%;}
.col-95{width:95%;}
.col-100{width:100%;}

.marginfix{margin-left:2.5%;}

/* Contenitori Identificati */
.pulsante{
display:block;
float:left;
top:0;
left:0;
width:96%;
height:auto;
margin:2%;
padding:0;
border-bottom:10px solid #fff;
overflow:hidden;
transition:0.5s border-bottom;
}
.pulsante:hover{
border-bottom:10px solid #ff670f;
}

.pulsante a p{
padding:10px 0;
font-weight:700;
font-size:1.0em;
text-align:center;
color:#222;
}
.pulsante a p.srv{font-size:0.7em;}

/* Colori */
.bg-orange{background-color:#ff670f;}
.bg-gray{background-color:rgba(30,30,30,0.1);}

/* Bordi */
.border{border:1px solid #222;}
.border-right{border-right:1px solid #222;}
.border-left{border-left:1px solid #222;}
.border-top{border-top:2px solid #222;}
.border-bottom{border-bottom:2px solid #222;}
.border-radius{border-radius:25%;}

/* Tipografia */
h1,h2,h3,h4,h5,h6,p {
margin:0;
line-height:1.50;
}

.home > h1{
padding:20px 0 0;
font-weight:600;
font-size:1.8em;
text-align:center;
color:white;
}

.home > h2{
padding:0 0 25px;
font-weight:400;
font-size:1.4em;
text-align:center;
color:white;
}

.home > h3{
padding:50px 0 30px;
font-weight:700;
font-size:2.0em;
text-align:center;
}

.home > p{
padding:10px 30px;
font-weight:400;
font-size:1.0em;
text-align:justify;
}

.servizi > h1{
padding:20px 0;
font-weight:700;
font-size:2.0em;
text-align:center;
color:white;
}

.servizi > h2{
padding:0 40px 20px;
font-weight:700;
font-size:1.7em;
text-align:left;
}

.servizi > p{
padding:5px 40px;
font-weight:400;
font-size:1.0em;
text-align:left;
}

.footer > h2{
padding:20px 0 0 20px;
font-size:1.0em;
font-weight:700;
text-align:left;
color:white;
}
.footer > p{
padding:0 0 0 20px;
font-size:1.0em;
font-weight:400;
text-align:left;
color:white;
}
.footer > p.right{
text-align:right;
padding:0 20px 20px 0;
}
.footer > p.right a{
cursor:pointer;
outline-style:none;
text-decoration:none;
color:rgba(55,55,55,1.0);
transition:0.5s color;
}
.footer > p.right a:hover{color:rgba(0,0,0,1.0);}

hr.style{
border:0;
border-bottom:1px dashed #ccc;
background:#999;
}

hr.style2{
width:50%;
margin:0 auto 35px;
border:0;
height:2px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* Link */
a:link, 
a:visited{
cursor:pointer;
outline-style:none;
text-decoration:none;
color:rgba(0,0,0,1.0);
}
a:hover{
color:rgba(55,55,55,1.0);
}	

a.target:link, 
a.target:visited{
cursor:pointer;
outline-style:none;
text-decoration:underline;
color:#000;
transition:0.2s color;
}
a.target:hover{
color:#ff670f;
}	

/* Liste */
ul.lista-1{
margin:0;
padding:5px 60px;
line-height:1.50;
}
ul.lista-1 li{
padding:5px 0;
margin:0;
font-size:1.0em;
text-align:left;
}

ul.lista-2{
margin:0;
padding:10px 20px;
list-style:circle;
line-height:1.50;
}
ul.lista-2 li{
padding:5px 0;
margin:0;
font-size:0.9em;
text-align:left;
}

/* bottoni */
.center{text-align:center;}
a.button{
display:inline-block;
width:40%;
height:auto;
outline:none;
margin:50px auto 0;
padding:15px 0;
color:white;
text-align:center;
font-weight:700;
font-size:1.5em;
background-color:#ff670f;
transition:0.5s background-color;
}
a.button:hover{background-color:#f55a00;}

/* Immagini */
img{
display:block;
margin:auto;
}
a img{
border:none;
}
.img-res{
width:100%;
height:auto;
max-height:100%;
}

/* Oggetti */
/* iframe,
embed,
object {
width:100%;
height:100%;
min-height:1150px;
margin:0;
padding:0;
outline:0;
border:0;
} */

/* ============= */
/* Media Queries */
/* ============= */

/* All Media */
@media only screen and (min-width: 837px ){
	
	.desktop{
	display:block;
	}
	.mobile{
	display:none;
	}
	
}

@media only screen and (min-width: 0px) and (max-width: 836px ){
	
	.desktop{
	display:none;
	}
	.mobile{
	display:block;
	}
	
	.img-res.logo{
	max-width:50%;
	height:auto;
	max-height:100%;
	}

}

@media only screen and (min-width: 0px) and (max-width: 768px ){

	.col-33{width:50%;}
	.col-35{width:90%;margin:5%;}
	.col-65{width:90%;margin:0 5%;}
	a.button{width:50%}
	
}

@media only screen and (min-width: 0px) and (max-width: 630px ){

	.home > h1{font-size:1.5em;}

	.home > h2{font-size:1.2em;}

	.home > h3{font-size:1.8em;}
	
	.col-20,
	.col-16
	{width:50%;}
	
}

@media only screen and (min-width: 0px) and (max-width: 500px ){

	.col-33{width:90%;margin:0 5%;}
	a.button{width:60%}
	
	.home > h1{font-size:1.2em;}

	.home > h2{font-size:1.0em;}

	.home > h3{
	padding:30px 0 30px;
	font-size:1.5em;
	}

}

@media only screen and (min-width: 0px) and (max-width: 400px ){

	.home > h1{
	padding:15px 0 0;
	font-size:0.9em;
	}

	.home > h2{
	padding:0 0 20px;
	font-size:0.9em;
	}

	.home > h3{
	padding:30px 0 30px;
	font-size:1.0em;
	}

	a.button{font-size:1.1em;}
	
	.footer > h2{
	padding:20px 0 0 20px;
	font-size:0.7em;
	}

	.footer > p{
	padding:0 0 10px 20px;
	font-size:0.7em;
	}
	
	.servizi > h1{
	padding:15px 0;
	font-weight:700;
	font-size:1.2em;
	text-align:center;
	color:white;
	}

	.servizi > h2{
	padding:0 40px 20px;
	font-weight:700;
	font-size:1.7em;
	text-align:left;
	}

	.servizi > p{
	padding:5px 40px;
	font-weight:400;
	font-size:1.0em;
	text-align:left;
	}
	
}