html{
height:100%;
}
body{
height:100%;
width:100%;
margin:0;
font-family: 'Franklin Gothic Medium', sans-serif;
font-size:14px;
background-image:url(../images/piegatura-bg.png);
background-attachment:fixed;
background-position:top;
background-repeat:no-repeat;
background-size:cover;
color:#414151;
}
@font-face {
font-family: 'Franklin Gothic Medium';
src: url('../font/framd.ttf');
font-weight:normal;
}
@font-face {
font-family: 'Franklin Gothic Demi Cond';
src: url('../font/FRADMCN.TTF');
font-weight:normal;
}
h1, h2, h3, h4, h5, h6, h7{
margin:0;
font-family: 'Franklin Gothic Demi Cond';
}
ul, li{
margin:0;
padding:0;
list-style:none;	
}
p{
margin:0;
}
.clear{
clear:both;	
}
header, section, footer, aside, nav, main, article, figure {
display: block;
}
.padd5lat{
padding:0 5%;
}
.padd20{
padding:5%;
}
header{
position:relative;
height:50%;
width:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
header h1{
position:absolute;
bottom:30%;
text-transform:uppercase;
font-size:3em;
color:#fff;
line-height: 0.8em;
left:2%;
}
header h2{
position:absolute;
bottom:5%;
left:20%;
text-transform:uppercase;
font-size:3em;
color:#424251;
background-image:url(../images/bluebar.png);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:10px;	
}
header>div{
height:60px;
background-color:#1A1917;
width:90%;	
line-height:60px;
}
header>div img{
vertical-align:middle;
display:inline-block;
}
header .section-menu{
display:inline-block;
float:right;
}
header>div ul li{
line-height:normal;
display:inline-block;	
padding:0 10px;
}
header>div ul li a{
color:#fff;
text-decoration:none;	
}
header>div ul li a:hover{
border-bottom:1px solid #fff;
}
.divider{
background-color:#447AA6;
height:20px;
}
.main{
background-image:url(../images/grey-bg.png);
}
.main img{
float:left;
}
.main h1{
font-family: 'Franklin Gothic Medium';
font-size:1em;
font-weight:normal;
width:60%;
float:right;
padding-top:25px;
}
.main p{
font-family: 'Franklin Gothic Medium';
text-align:justify;
}
.sub{
background-image:url(../images/blue-bg.png);
}
.sub h1{
color:#fff;
text-align:center;
font-size:3em;	
text-transform:uppercase;
background-image:url(../images/bar.png);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:10px;
}
.sub nav{
}
.sub ul{
text-align:center;
margin-top:10%;
}
.sub ul li{
display:inline-block;
font-size:1.5em;
}
.sub ul li:first-of-type{
float:left;	
}
.sub ul li:last-of-type{
float:right;	
}
.sub ul li a{
display:block;
height:110px;
width:170px;
border-radius:100%;
border:3px solid #fff;
color:#fff;
text-decoration:none;
padding-top:60px;
}
.sub ul li a:hover{
color:#447AA6;
background-color:#fff;
}
.map{
background-image:url(../images/mappa.png);
height:45%;
width:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.row1{
background-color:#D6D6D6;
text-align:center;
}
.row1 h1, .row1 p{
font-size:inherit;
font-size:1.1em;
font-style:italic;
font-weight:normal;	
font-family: 'Franklin Gothic Medium';
line-height:1.3em;
}
.row1 p{
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:40px;
}
.rowg{
background-color:#F8F8F8;	
}
.rowb{
background-color:#fff;
}
.rowg h1, .rowb h1{
background-image:url(../images/bluebarv.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
min-height:67px;
font-size:2.5em;
}
.rowg p, .rowb p{
padding-left:20px;
text-align:justify;	
}
.rowg ul, .rowb ul{
text-align:center;
padding-bottom:5%;
}
.rowg li, .rowb li{
display:inline-block;
}
.rowg li img, .rowb li img{
width:90%;
}
table{
margin:auto;	
border-collapse:collapse;
word-break:break-all;
}
table td, table th{
padding:5px;
text-align:center;	
border:1px solid #414151;
}
.list li{
display:inherit;
line-height:2em;
list-style:square !important;
}
footer{
background-color:#fff;
height:50%;	
color:#646472;
font-size:0.9em;
}
footer>div:first-of-type{
height:115px;
line-height:115px;
border-bottom:2px solid #D2D2D2;
}
footer img{
vertical-align:middle;	
}
footer span{
margin:0 5%;
}
footer nav{
padding-top:20px !important;
}
footer nav ul li{
display:inline-block;
vertical-align:top;
}
footer nav ul li a{
color:#646472;	
text-decoration:none;
}
footer nav ul li a:hover{
color:#447AA6;
}

/* menu solo smartphone */

@media only screen and (max-device-width : 767px) {
	.fissa{
	position: fixed;
	top: 0;
	z-index: 100;
	width:90%;
	}
	header .section-menu{
	float:none;
	display:block;
	}
	.mobile-nav{
	height: 60px;
    	background-color: #1A1917;
	position:relative;
	}
	.mobile-nav ul li a{
	border:none;	
	}
	.mobile-nav ul{
	position:absolute;
	z-index:100;
	top:0;
	width:100%;
	height:auto;
	line-height:normal;
	}
	.mobile-nav ul ul{
	display:none !important;	
	}
	.mobile-nav ul li{
	display:none;
	font-size: 1.5em;	
	background-repeat:repeat;
	background-size:initial;
	border:2px solid #CBCBCB;
	background-image:url(../images/pattern-blue.png);
	padding:0;
	}
	.mobile-nav ul li a{
	padding: 0 10px;
	display: block;
	width: auto;
	color:#fff;	
	display:block;
	height: 60px;
	background-color:#447AA6;
	line-height:1.5em;
	}
	.mobile-nav ul:nth-child(1)::before{
	content:"";
	background-image:url(../images/nav-mobile.png);
	background-repeat:no-repeat;
	background-position:center left;
	line-height: 60px;
	color:#6A6A6A;
	padding-right:5px;
	color:#6A6A6A;
	height: 60px;
	width:100%;
	display:block;
	}
	.mobileopen ul  li {
   	display: block;
    	background-image: none;
    	margin-bottom: 0;
    	color: #fff;
    	background-size: initial;
	}
}
@media only screen and (min-width: 1024px){
	header{
	position:relative;
	height:80%;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	}
	header h1{
	position:absolute;
	bottom:18%;
	left:20%;
	text-transform:uppercase;
	font-size:5em;
	color:#fff;
	line-height: 0.8em;
	}
	.padd20{
	padding:5% 20%;
	}
	.main p{
	font-family: 'Franklin Gothic Medium';
	width:60%;
	float:right;
	text-align:justify;
	}
	.rowg p, .rowb p{
	padding-left:20px;
	/* margin-top:-25px; */
	width:50%;
	text-align:justify;	
	}
	.rowg li img, .rowb li img{
	width:auto;
	}
	footer{
	background-color:#fff;
	height:170px;	
	color:#646472;
	font-size:0.9em;
	}
}