body, html { font-size: 100%; 	padding: 0; margin: 0;}

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

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: Verdana, Geneva, sans-serif;
    color: #2D2C2E;
}

a {
	color: #2D2C2E;
	text-decoration: none;
}

a:hover {
	color: #2D2C2E;
}

.main,
.container > header {
	width: 100%;
	
}

.container > header {
	padding: 1em 3em 0 6.5em;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(0.65, #84878B));
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #84878B 65%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #84878B 65%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #84878B 65%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #84878B 65%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #84878B 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#84878B',GradientType=0 ); /* IE6-8 */
	position:fixed;
	bottom:155px;
	height:245px;
}
#bandablu {width:100%; height:30px; background-color:#00539b; position:fixed; bottom:125px;}
#bandablu2 {width:100%; height:50px; background-color:#00539b; position:fixed; bottom:125px;}
.container > header .paese {font-size: 1.2em; 	line-height: 1.3; color:#FFF}
.container > header .member2 {font-size: 1em; 	line-height: 1.3; color:#00539B; }
.container > header .member3 {font-size: 1.2em; 	line-height: 1.7; color:#00539B; }
.container > header .member {font-style:italic; line-height:1.7; color:#00539B;}
.container > header {font-size: 0.7em; line-height: 1.3; margin: 0; float: left;}
.container > header nav {float: right;}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.container > header nav a:hover:before {
	color: #fff;
}

.independent {float:right; margin-top:60px} 
.area1, .area2, .area3, .area4, .area5, .area6, .area7 {z-index:3; top: 40px; float:left; position:relative; border-left-width:1px; border-left-style:solid; border-left-color:white;}
.area1, .area2, .area3, .area7 {
	width: 250px;
	padding: 0 0 5px 8px;
}

.area5 {width:250px; padding: 0 0 17px 8px; }
.area6 {width:200px; padding: 0 0 16px 8px; }
#bandablu {color:#FFF; font-size:9px; padding:2px 0 0 80px; font-family:Arial, Helvetica, sans-serif}
#bandablu2 {color:#FFF; font-size:9px; padding:2px 0 0 0px; font-family:Arial, Helvetica, sans-serif}
.trasparente { opacity:0.6}
.enfo {position:relative; top:4px}