/* CSS */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono');

html, body {
  height: 100%;
}

body 
{ 
	background:#fff url(images/bg-0320.png) top center fixed no-repeat; background-size:100% auto; color:#EEE;
	/* font-family: 'Open Sans', verdana, vemana2000, arial,helvetica,sans-serif; */
	font-family: 'Open Sans', Verdana, vemana2000, arial,helvetica,sans-serif;
	line-height:1.3em;
	margin:0; padding:0 4px 0 4px;
	font-size:16px;
}

h1 { font-size:36px; text-decoration:underline; }
h2 { font-size:28px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h1, h2, h3, h4, h5 
{ 
	font-family: 'Open Sans', Verdana, vemana2000, arial,helvetica,sans-serif;
	font-weight: bold; color:#FFF;
	/* text-shadow: 0.1em 0.1em 0.1em rgba(60,190,255, 0.7); */
	line-height:1.4em;
	margin:0; margin-bottom:0.5em;	
}

th,td { text-align:left; }

p { font-size: 0.875em; }
nav { }


#wrapper {
	max-width:1440px; 
	margin-left:auto; margin-right:auto;
	background:url(images/bgcolor_aqua.png) repeat;
}



/* ----------- NAVIGAZIONE -------------- */

#nav_mobile  
{ 
	margin:1em; margin-bottom:0;
	padding:0.3em; 
	color:#FFF; text-shadow: 1px 1px 1px rgba(0,0,0,1);
	text-align:center;
	border: solid 1px #4DF; border-top-left-radius: 2em; border-top-right-radius: 2em;
	box-shadow: 2px 2px 6px rgba(76,175,255,0.7);
	background: rgba(255,255,255,0.3);
	position:relative;
	display:none; 
}
#nav_mobile table { margin:0; margin-left:auto; margin-right:auto; border:none; }
#nav_mobile th, td { padding:0.2em; text-align:center; vertical-align:middle; }
#nav_mobile select, option 
{
	margin:0.1em;
	font-size:110%;
	padding:0.2em; padding-left:0.5em; padding-right:0.5em;
	background: rgba(255,255,255,0.5);
	border:none;
	text-align:center;
}	
#nav_mobile option 
{
	text-align:center;
	background: rgba(255,255,255,0.75);
	border:none;
	font-size:110%;
}
#nav_desktop 
{ 
	display:none; 
	margin:1em; margin-bottom:0;
	padding:0.3em; 
	color:#FFF; text-shadow: 1px 1px 1px rgba(0,0,0,1);
	text-align:center;
	border: solid 1px #4DF; border-top-left-radius: 2em; border-top-right-radius: 2em;
	box-shadow: 2px 2px 6px rgba(76,175,255,0.7);
	/* background: rgba(10,40,70,0.6); */
	position:relative;
}
#nav_desktop:after {
    content : "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(10,40,70,0.6) url(images/VOJ3STT.png) center -340px no-repeat;
	border-top-left-radius: 2em; border-top-right-radius: 2em;
	overflow:hidden;
    width: 100%;
    height: 100%;
    opacity : 0.6;
    z-index: -1;
    display: block;	
} 
#nav_desktop table { margin:0; margin-left:auto; margin-right:auto; border:none; }
#nav_desktop th, td { padding:0.2em; text-align:center; vertical-align:middle; }
#nav_desktop a 
{ 
	display:block; float:left;
	padding:0.3em; padding-left:0.6em; padding-right:0.6em; 
	border: solid 1px #4DF; border-radius:0.3em;
	line-height:1.1em; vertical-align:middle;
	text-decoration:none; color:#DEF;
	font-size:90%; font-weight:bold;
	text-shadow:2px 2px 2px rgba(0,0,0,0.9);
	box-shadow:2px 2px 3px rgba(0,0,0,1);
	background: rgba(255,255,255,0.2);
}
#nav_desktop a:link      { text-decoration:none; color:#DEF; }
#nav_desktop a:visited   { text-decoration:none; color:#DEF; }
#nav_desktop a:hover     { text-decoration:underline overline; color:#FFF; background: rgba(0,0,0,0.3); }
#nav_desktop a:link      { text-decoration:none; color:#DEF; }

/* ----------- /NAVIGAZIONE -------------- */




/* ----------- HEADER -------------- */

header .header_img { width:100%; height:auto; margin:0; margin-left:auto; margin-right:auto; }
#header_min, #header_low, #header_mid, #header_big 
{ display:hidden; margin-left:auto; margin-right:auto; }
#header_min     { max-width:768px;  }
#header_low     { max-width:1024px; }
#header_mid     { max-width:1440px; }
#header_big     { max-width:1440px; }

/* ----------- /HEADER -------------- */




/* ----------- PRINCIPALE -------------- */

#main {
	color:#003;
	background:#fff;
	font-size:13px;
	letter-spacing:0.03em;
}	

#main a           { text-shadow: 0.2em 0.2em 0.1em rgba(0,0,0,1); text-decoration:none; font-weight:bold; }
#main a:link      { text-decoration:none; color:#FF6; }
#main a:visited   { text-decoration:none; color:#FF6; }
#main a:hover     { text-decoration:underline overline; color:#FFF; background-color:#11D; }
#main a:link      { text-decoration:none; color:#FF6; }

#main th,td       { text-align:left; }
#main ul            { margin: 0em; margin-top: 1em; margin-bottom: 1.10em; list-style-type: square; }
#main li             { margin: 0em; margin-bottom: 0.7em; line-height:1.3em; }

.div_imglandscape { margin:0; margin-bottom:0.75em; padding:0; }
.div_imglandscape img { width:100%; height:auto; box-shadow: 3px 4px 6px rgba(0,0,0,0.8);  }


/* ----------- /PRINCIPALE -------------- */






/* ----------- FOOTER -------------- */

#footer_home 
{ 
	padding:1.3em; 
	margin: 1em; margin-top:0;	
	color:#FFF; text-shadow: 1px 1px 1px rgba(0,0,0,1);
	text-align:center;
	border: solid 1px #4DF; border-bottom-left-radius: 2em; border-bottom-right-radius: 2em;
	box-shadow: 2px 2px 6px rgba(76,175,255,0.7);
	/* background: rgba(10,40,70,0.6); */
	position:relative;
	display:block;
}

#footer_home:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(10,40,70,0.6) url(images/VOJ3STT.png) center -340px no-repeat;
	border-bottom-left-radius: 2em; border-bottom-right-radius: 2em;
	overflow:hidden;
    width: 100%;
    height: 100%;
    opacity : 0.4;
    z-index: -1;
}

/* ----------- FOOTER -------------- */




/* ----------- MEDIA QUERIES -------------- */

@media all {
	body 
	{ 
		background-image:url(images/bg-0480.png);
		font-size:13px;
	}
	h1 { font-size:24px; text-decoration:none; }
	h2 { font-size:18px; }
	h3 { font-size:16px; }
	h4 { font-size:14px; }
	h5 { font-size:14px; }	
	#header_min { display:block; }
	#header_low { display:none; }
	#header_mid { display:none; }
	#header_big { display:none; }
	#nav_mobile { display:block; }	
	.div_imglandscape { display:none; }
	#main { background: rgba(5,5,5,1); line-height:1.5em; font-size:13px; }
}

@media all and (min-width: 320px) {
	body 
	{ 
		background-image:url(images/bg-0480.png);
		font-size:14px;
	}
	h1 { font-size:24px; text-decoration:none; }
	h2 { font-size:18px; }
	h3 { font-size:16px; }
	h4 { font-size:14px; }
	h5 { font-size:14px; }		
	#header_min { display:block; }
	#header_low { display:none; }
	#header_mid { display:none; }
	#header_big { display:none; }
	#nav_mobile { display:block; }	
	.div_imglandscape { display:none; }
	#main { background: rgba(5,5,5,1); line-height:1.5em; font-size:13px; }
}

@media all and (min-width: 480px) {
	body 
	{ 
		background-image:url(images/bg-0768.png);
		font-size:15px;
	}
	h1 { font-size:24px; text-decoration:none; }
	h2 { font-size:18px; }
	h3 { font-size:16px; }
	h4 { font-size:14px; }
	h5 { font-size:14px; }	
	#header_min { display:none; }
	#header_low { display:block; }
	#header_mid { display:none; }
	#header_big { display:none; }
	#nav_mobile { display:block; }	
	.div_imglandscape { display:none; }	
	#main { background: rgba(5,5,5,1); line-height:1.5em; font-size:13px; }
}
 
@media all and (min-width: 768px) {
	body {
		background-image:url(images/bg-1024.png);
	}
	h1 { font-size:28px; text-decoration:underline; }
	h2 { font-size:22px; }
	h3 { font-size:18px; }
	h4 { font-size:16px; }
	h5 { font-size:14px; }		
	#header_min { display:none; }
	#header_low { display:block; }
	#header_mid { display:none; }
	#header_big { display:none; }
	#nav_desktop { display:block; }
	#nav_mobile { display:none; }
	.div_imglandscape { display:block; }
	#main { background: rgba(5,5,5,0.90); line-height:1.5em; font-size:13px; }
}
 
@media all and (min-width: 1024px) {
	 body {
		background-image:url(images/VOJ3STT.png);
	 }
	h1 { font-size:30px; text-decoration:underline; }
	h2 { font-size:24px; }
	h3 { font-size:20px; }
	h4 { font-size:18px; }
	h5 { font-size:16px; }		 
	#header_min { display:none; }
	#header_low { display:none; }
	#header_mid { display:block; }
	#header_big { display:none; }
	#nav_desktop { display:block; }
	#nav_mobile { display:none; }
	#main { background: rgba(5,5,5,0.9); line-height:1.5em; font-size:14px; }
}
 
@media all and (min-width: 1200px) {
	body {
		background-image:url(images/asteroids.jpg);
		font-size:17px;
	}
	h1 { font-size:36px; text-decoration:underline; }
	h2 { font-size:28px; }
	h3 { font-size:24px; }
	h4 { font-size:18px; }
	h5 { font-size:16px; }
	#header_min { display:none;  }
	#header_low { display:none;  }
	#header_mid { display:block; }
	#header_big { display:none;  }	
	#nav_desktop { display:block; }
	#nav_mobile { display:none; }
	#main { background: rgba(5,5,5,0.85); line-height:1.45em; font-size:14px; }		
}

@media all and (min-width: 1366px) {
	body {
		background-image:url(images/bg-1600.png);
		font-size:17px;
	}
	h1 { font-size:36px; text-decoration:underline; }
	h2 { font-size:28px; }
	h3 { font-size:24px; }
	h4 { font-size:18px; }
	h5 { font-size:16px; }
	#header_min { display:none; }
	#header_low { display:none; }
	#header_mid { display:block; }
	#header_big { display:none; }	
	#nav_mobile { display:none; }
	#nav_desktop { display:block; }
	#main { background: rgba(5,5,5,0.8); line-height:1.4em; font-size:16px; }
}

@media all and (min-width: 1920px) {
	body {
		background-image:url(images/bg-2600.png);
		font-size:18px;
	}
	h1 { font-size:36px; text-decoration:underline; }
	h2 { font-size:30px; }
	h3 { font-size:26px; }
	h4 { font-size:22px; }
	h5 { font-size:18px; }	
	#header_min { display:none; }
	#header_low { display:none; }
	#header_mid { display:block; }
	#header_big { display:none; }
	#nav_mobile { display:none; }
	#nav_desktop { display:block; }	
	#main { background: rgba(5,5,5,0.75); line-height:1.3em; font-size:18px; }
}