html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

ul{margin:0; padding:0;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link{text-decoration:none; color:#fff;}
a:hover{text-decoration:none; color:#fff}
a:active{text-decoration:none; color:#fff;}
a:visited{text-decoration:none; color:#fff;}

html,body {color:#fff; -webkit-font-smoothing:antialiased !important; height:100%;}
*::selection{ background:black;background: rgba(0,0,0,0.99); color:white;}
.container{width:80%;margin:auto;}

img{max-width:100%;}
	
body{font-family: 'Rambla', sans-serif;	}
	
#bg{position:fixed; z-index:-9999}

header{
	overflow:hidden;
	width:100%;
	margin:auto;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.8);

	}
	
#logo{
	width:70%;
	padding:15px 0 20px 0;
	overflow:hidden;
	text-align:left;
	float:left;
	margin-right:2%;
	min-width:160px;
	}
	
#header_left{float:left; width:30%;}
#header_right{float:right; width:70%; overflow:hidden; }
	
#logo img{min-width:150px;}

#language{width:27%; float:left; margin-top:30px; margin-left: 1%;}

#login{width:15%; float:left; margin-top:15px; margin-left: 20px; font-size:0.855em;}
#login a{/*text-shadow:1px 1px 5px #9b9b9b */ color:black;}
#login a:hover{text-decoration:underline;}
	
#link{width:30%; float:right; margin-top:15px; font-size:0.855em; }
#link ul {width:100%; text-align:right;}
#link ul li{display:inline-block; text-align:right; width:30%;}
#link ul li a{color:black !important;/*text-shadow:1px 1px 5px #9b9b9b*/}
#link ul li a:hover{text-decoration:underline;}
	
/* ----Stile dei menu e struttura dei sotto menu ----*/
/*Preparo l'effetto fadein*/
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

	
nav{width:100%;z-index:9999; overflow:hidden;}	

nav .menu {list-style:none; list-style-type:none; display:inline-table; float:right; }

nav .menu li {
	float: left; 
	padding-left: 15px; 
	padding-right:15px; 
	padding-top:40px; 
	padding-bottom:37px; 
	width:auto;
	-webkit-transition:0.15s background ease-in-out; 
	-moz-transition:0.15s background ease-in-out; 
	-o-transition:0.15s background ease-in-out;
	}
nav .menu li.active{margin:0 !important; padding:40px 15px 37px 13px\9; /* IE8 and below */;}	
	
/*nav .menu li:hover {
	background:rgba(255,255,255,0.8); 
	-webkit-transition:0.15s background ease-in-out; 
	-moz-transition:0.15s background ease-in-out;
	 -o-transition:0.15s background ease-in-out;
	 }
*/
nav .menu li a:link,nav .menu li a:active,nav .menu li a:hover,nav .menu li a:visited{
	color:black !important; 
	white-space:nowrap;
	text-transform:lowercase; 
	display:block;
	}	

/*Nascondo sotto menu*/
nav .menu ul{
	display:none;
	position: absolute;
	float: none;
	clear: left;
	top: 93px; 
	width:auto;
	z-index:999; 
	list-style-type:none; 
	overflow:hidden;
	}

nav .menu ul li{
	float: none; 
	margin-left:0; 
	padding:5px !important; 
	background:rgb(255,255,255);  
	background:rgba(255,255,255,0.9); 
	border-bottom:1px solid #fff;
	z-index:999; 
	min-width:130px;
	}
	
nav .menu ul li:hover{background:white;}
nav .menu ul li{-webkit-transition:0.05s all ease-out;-moz-transition:0.05s all ease-out;-o-transition:0.05s all ease-out;}

nav .menu ul:hover li:not(:hover){
	opacity:0.9; 
	-webkit-transition:0.15s all ease-out;-moz-transition:0.15s all ease-out;-o-transition:0.15s all ease-out;
	}

/*Mostro sotto menu al passaggio del mouse*/
nav .menu li:hover > ul {
	display: block;
	-webkit-animation: fadeIn 0.6s; -moz-animation: fadeIn 0.6s;-o-animation: fadeIn 0.6s; animation: fadeIn 0.6s;
	}
	
nav .menu ul li a{font-size:0.9em; display:block; width:100%;}

/*Mostro sottomenu  di terzo livello*/
nav .menu ul ul {position:absolute; left:110%; top:0 !important; width:100%;}

/*Metto la V maiuscola su Vero accademy e la M di le 4 "M"*/
.item-110 > a::first-letter{text-transform:uppercase !important;}
.item-162 > a{text-transform:none !important;}
/* ---- Fine stile del menu ---- */
.fixed{position:inherit; top:auto; left:auto;}


#area_riservata{ margin:auto; margin-top:5px; margin-left:3px;}
#area_riservata a{color:black; font-size:12px;}
#area_riservata a:hover{text-decoration:underline}
.logout-button input.button{
	background:none; 
	padding:0; 
	margin:0; 
	border:none; 
	color:#000; 
	text-transform:lowercase; 
	font-size:11px !important;
	}
	
.logout-button input.button:hover{text-decoration:underline}

/*Fix per spazio prima del testo in firefox*/
@-moz-document url-prefix() {
	.logout-button input.button{background:none; padding:0; margin:0; border:none; color:#000; text-transform:lowercase; font-size:11px !important;text-indent:-2px;}
	}

#system-message li {list-style-type:none; font-weight:bold;}

footer{
	width:100%;
	position:fixed;
	bottom:0;
	text-align:center;
	font-size:10pt;
	overflow:hidden;
	line-height:20px;
	white-space:nowrap;
	clear:left;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.9);
	z-index:999;
	color:#2c2c2c;
	padding:4px 0;
	}

footer .container{position:relative;}
	
footer a:link,footer a:hover,footer a:active,footer a:visited{color:#2c2c2c}
footer a:hover{text-decoration:underline;}

footer section{width:50%; float:left; }
footer section.col1{text-align:left;}

.social{position:absolute; width:66px; right:0; top:0;}

#credits{position:absolute; bottom:0; left:5px; color:#bcbcbc !important; font-size:0.7em; z-index:9999;}

@media screen and (max-width: 1280px) {
nav .menu li {padding-left:8px; padding-right:8px;}
nav .menu li a{font-size:1em;}

}
@media screen and (max-width: 1150px) {
#header_left{width:100%;}
#logo{width:30%; text-align:left;}
#language{width:40%; text-align:right; float:right;}
nav {width:100%;}
nav ul{width:100%;}
nav .menu li { text-align:center; width:12.5%; padding-left:0 !important; padding-right:0 !important; margin:0; }
nav .menu li a{font-size:1em;} 
nav .menu ul {top:181px;}
nav .menu ul li{width:100%; margin-left:0;}
nav .menu ul ul {left:100%;}
#header_right{width:100%; clear:left;}

nav{width:100%}
nav .menu{margin-top:-5px; }
article{padding-bottom:50px;}
.social{position:static; clear:left; text-align:center; width:100%; margin:5px auto 0 auto;}

}
@media screen and (max-width: 900px) {
	
	#logo{	width:25%;}
	#logo img{width:90%;}
	#login{width:18%;}
	#link{width:45%}
	#link ul li{width:30%;}
	nav .menu li a{font-size:0.9em;} 
	nav .menu ul {top:166px;}
	}
	
@media screen and (max-width: 700px) {
	body{background:white !important;}
	.container{width:90%;}
	#supersized{visibility:hidden !important; display:none !important;}
	#header_left{float:none; clear:left; width:100%;}
	#logo{float:none; clear:left; width:100%; margin:auto; text-align:center;}
	#logo img{width:200px;}
	#login{display:none;}
	#language{width:100%; float:none; clear:left; margin:0; padding: 0;}
	#language .lang-inline{width:100%; text-align:center;}
	#language .lang-inline li {
		width: 50%;
		padding: 0;
		margin: 0;
		overflow: hidden;
		float: left;
		display: block !important;
		}
		
	#area_riservata{text-align:center;}
	#link{display:none;}
	
	nav{
		width:100%; 
		background:white; 
		margin-top:20px; 
		position:static;
		-webkit-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none;box-shadow:none;
		}	
		
	nav .menu li{
		float:none; 
		padding:10px 0;  
		width:100%; 
		text-align:center;
		-webkit-transition-property:none;-webkit-transition-duration:0;-moz-transition-property:none;-moz-transition-duration:0;-o-transition-property:none;-o-transition-duration:0;
		}
		
	nav .menu li a{font-size:1.1em;}
	nav .menu li:hover{
		background:black; 
		-webkit-transition-property:none;-webkit-transition-duration:0;-moz-transition-property:none;-moz-transition-duration:0;-o-transition-property:none;-o-transition-duration:0;
		}
		
	nav .menu li:hover a{color:white !important;}
	nav .menu li:hover ul li{ display:none !important;}
	.child-menu{display:none !important;}
	.fixed{position:fixed; top:0; left:0; right:0; margin:0 !important;}
	.fixed li{width:90%; margin:auto;}
	
	footer{
		width:100%; 
		margin:auto;
		position:relative;
		line-height:normal;
		white-space:normal;
		margin-top:20px; 
		bottom:auto; 
		}
	}