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

body {margin:0px; border-top:2px solid #000; font-family: "futura-pt-condensed",sans-serif; font-size:1em; font-weight:400; font-style:normal;}
p, span, {font-family: "pt-sans",sans-serif; font-size:1em; padding:2em; font-weight:400; font-style:normal;}

#bkg {
width: 100%; height: 100%; top: 0; left: 0;
background: url(../img/background.jpg) no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

a:link {background-color:#FFF; padding:0.5em; color:#000; border:1px solid #000; text-decoration:none;}
a:visited {background-color:#FFF; padding:0.5em; color:#000; border:1px solid #000; text-decoration:none;}
a:hover {background-color:#000; padding:0.5em; color:#FFF; text-decoration:none;}
a:active {background-color:#FFF; padding:0.5em; color:#000; border:1px solid #000; text-decoration:none;}

.centrato {width:100%; max-width:1280px; position:relative; margin:0 auto; text-align:center;}
header {width:476px; margin:0 auto;}
.title {font-size:1.2em; text-transform: uppercase; font-weight:400; line-height:2em;}
.sfondo {background-color:#c14139; padding:0.5em; color:#FFF;}

.contenitore-4 {
	margin-top:20px;
	margin-bottom:40px;	
	width:25%;
	float:left;
	position:relative;
}

.blu{border-bottom:4px solid #004c9c; width:95%; margin-bottom:15px; position:relative; margin:0 auto;}

.arancio{border-bottom:4px solid #fd5045; width:95%; margin-bottom:15px; position:relative; margin:0 auto;}

.grigio{border-bottom:4px solid #7b807c; width:95%; margin-bottom:15px; position:relative; margin:0 auto;}

.giallo{border-bottom:4px solid #fed601; width:95%; margin-bottom:15px; position:relative; margin:0 auto;}


.titoletti {height:80px; display:block; font-size:1.2em; text-transform: uppercase; font-weight:700; background-image: url(../img/bkg-titoletti.png); background-repeat:repeat;}


.contenitore-2 {
	margin-top:20px;
	margin-bottom:40px;	
	width:50%;
	float:left;
	position:relative;
}

.ombra {
		clear:both;
		width:100%;
		margin:0 auto;
		height:34px;
		background-image: url(../img/divider-ombra.png);
		background-repeat:no-repeat;
		position:relative;
		z-index:1000;
}

.contenitore-footer {width:100%; background-color:#FFF;}

footer {clear: both; padding-top:20px; text-align:center; font-style:normal; font-weight:400; }



/* SMARTPHONE VERTICALE */
@media all and (max-width: 480px) and (min-width: 240px) {
	.contenitore-4 {
	margin-top:10px;
	margin-bottom:10px;	
	width:100%;
	float:none;
	position:relative;
}

.contenitore-2 {
	margin-top:0px;
	margin-bottom:0px;	
	width:100%;
	float:none;
}

.contenitore-2 img {
	width:60%;
}

header {text-align:left;width:100%;}

header img {width:100%;}

.sfondo {display:block;}

a:link {background-color:transparent; padding:0.5em; color:#000; border:none; text-decoration: underline;}
a:visited {background-color:transparent; padding:0.5em; color:#000; border:none; text-decoration:underline;}
a:hover {background-color:transparent; padding:0.5em; color:#000; border:none; text-decoration:underline;}
a:active {background-color:transparent; padding:0.5em; color:#000; border:none; text-decoration:underline;}

	
}



/* SMARTPHONE ORIZZONTALE */
@media all and (max-width: 768px) and (min-width: 480px) {
	.contenitore-4 {
	margin-top:10px;
	margin-bottom:10px;	
	width:50%;
	float:left;
	position:relative;
}

.contenitore-2 {
	margin-top:0px;
	margin-bottom:0px;	
	width:100%;
	float:left;
}

.contenitore-2 img {
	width:50%;
}

.sfondo {display:block;}
}