/*=============================================================================================================*/
/*			FONT IMPORTATI		*/
/*=============================================================================================================*/
@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('../_fonts/alfaslabone-regular-webfont.eot');
    src: url('../_fonts/alfaslabone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/alfaslabone-regular-webfont.woff2') format('woff2'),
         url('../_fonts/alfaslabone-regular-webfont.woff') format('woff'),
         url('../_fonts/alfaslabone-regular-webfont.ttf') format('truetype'),
         url('../_fonts/alfaslabone-regular-webfont.svg#alfa_slab_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../_fonts/raleway-regular-webfont.eot');
    src: url('../_fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../_fonts/raleway-regular-webfont.woff') format('woff'),
         url('../_fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../_fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayheavy';
    src: url('../_fonts/raleway-heavy-webfont.eot');
    src: url('../_fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/raleway-heavy-webfont.woff2') format('woff2'),
         url('../_fonts/raleway-heavy-webfont.woff') format('woff'),
         url('../_fonts/raleway-heavy-webfont.ttf') format('truetype'),
         url('../_fonts/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'andersregular';
    src: url('../_fonts/anders-webfont.eot');
    src: url('../_fonts/anders-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/anders-webfont.woff2') format('woff2'),
         url('../_fonts/anders-webfont.woff') format('woff'),
         url('../_fonts/anders-webfont.ttf') format('truetype'),
         url('../_fonts/anders-webfont.svg#andersregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*=============================================================================================================*/
/*			GENERAL RESET SECTION		*/
/*=============================================================================================================*/
		html{
			margin:				0px;
			padding:			0px;
			border:				none;
			outline:			none;
		}
		
		body{
			text-align: 		center;
			margin:				0px;
			padding:			0px;
			border:				none;
			outline:			none;
			font-family:		Georgia,serif;
			font-weight:		500;
			letter-spacing:		0.5px;
			color:				#000;
			overflow:			auto;
			background:			#f8f8f8;
			z-index:			0;
			position:			relative;
			height:				100%;
			}
			
		#container{
				text-align: 	center;
				margin: 		auto;
				padding: 		0px;
				width: 			900px;
				height:			100%;
				min-height:		700px;
				z-index:		0;
				position:		relative;
				overflow:		hidden;
				border:			none;
				outline:		none;
				background:		transparent;
				color:			#000;
				border-left:		1px dashed #666;
				/*background-image:	url(../imm/abstract.png);
				background-repeat: 	no-repeat;*/
			}

/*=============================================================================================================*/
/*		HEADING SECTION		*/
/*=============================================================================================================*/

#header{
	position:	relative;
	display:	block;
	top:		0;
	left:		0;
	margin:		3px 0px 0px 0px;
	padding:	0;
	z-index:	10;
	text-align:	left;
	width:		100%;
	height:		100px;
}

#header h1{
	font-family:	'andersregular','alfa_slab_oneregular','Armata',sans-serif;
	font-size:		50px;
	line-height:	50px;
	font-weight:	500;
	color: 			#091e3d;
	text-shadow: 	0px 1px 1px rgba(0,0,0,0.3);
	padding:		0;
	margin:			0px 0px 0px 10px;
	font-variant:	normal;
	width:			100%;
	text-align:		left;
	cursor:			pointer;
}

#header h1:first-letter{font-size:70px;}

#header h1 span{
	color:			#75f804;
	text-shadow: 	0px 1px 1px rgba(0,0,0,0.3);
	vertical-align:	-20px;
	font-weight:	500;
	font-size:		60px;
}

#header h2{
	font-family:	'ralewayregular','Georgia',serif;
	font-style:		italic;
	font-size:		15px;
	line-height:	15px;
	padding:		0;
	margin:			0px 0px 0px 7px;
	text-decoration:none;
}

/*=============================================================================================================*/
/*		CONTENT AND ANIMATION SECTION		*/
/*=============================================================================================================*/

			.useful_links{
				width:		300px;
				display:	block;
				position:	relative;
				border:		2px solid transparent;
				text-align:	left;
				margin-top: 30px;
				margin-bottom:0px;
				margin-left:300px;
				margin-right:300px;
				overflow:	visible;
				z-index:	80;
				border:		none;
				}
			
			.useful_links h1{
				width:		100%;
				height:		46px;
				line-height:46px;
				text-align: center;
				margin:		0;
				font-size:  27px;
				font-family:'ralewayregular',"Tahoma","Verdana",sans-serif;
				font-variant:small-caps;
				border: 	2px outset #666;
				cursor:		pointer;
				background: #000;
				color:		#fff;
				background-image: url(../imm/open.png);
				background-position: 20px 12px;
				background-repeat: no-repeat;
					-moz-border-radius:		0px 90px 0px 90px;
					-webkit-border-radius:	0px 90px 0px 90px;
					-o-border-radius:		0px 90px 0px 90px;
					-ms-border-radius:		0px 90px 0px 90px;
					border-radius:			0px 90px 0px 90px;
			}
			
			.resources{
				width:			100%;
				display:		block;
				margin-top:		15px;
				margin-bottom:	0px;
				list-style-type:none;
				padding:		0;
				}
			
			.resources li{
				width:			100%;
				margin:			0;
				padding:		0;
				border-bottom:  1px solid #777;
				background:		transparent;
				text-align:		right;
			}
			
			.resources li a{
				line-height:		27px;
				margin:				0;
				padding:			0;
				text-decoration:	none;
				font-family: 		'ralewayregular',"Courier-new",sans-serif;
				font-size:			16px;
				color:				#000;
			}
			
			h1.close{
				background-image: url(../imm/close.png);
			}
			

/*=============================================================================================================*/
/*		HIDE/SHOW CONTENTS		*/
/*=============================================================================================================*/

			#nascosto{
				margin:0;
				padding:0;
				position:absolute;
				left:900px;
				top:0px;
				height:100%;
				width:100%;
				display:block;
				background-color:transparent;
				z-index:10;
			}
			
			#content{
				margin:0;
				padding:0;
				height:100%;
				width:100%;
				text-align:left;
			}
			
			.webPage{
				background-image: 	url(../imm/content_bg.png);
				background-color:	#f57656;
				opacity:			.75;
			}
			
			.graphPage{
				background-image: 	url(../imm/content_bg.png);
				background-color:	#15b468;
				opacity:			.75;
			}
			
			.cmsPage{
				background-image: 	url(../imm/content_bg.png);
				background-color:	#1692b3;
				opacity:			.75;
			}
			
			.fotoPage{
				background-image: 	url(../imm/content_bg.png);
				background-color:	#e6e1d7;
				opacity:			.75;
			}
			
			.contattiPage{
				background-image: 	url(../imm/content_bg.png);
				background-color:	#e4a934;
				opacity:			.75;
			}
			
/*=============================================================================================================*/
/*		MEDIA QUERIES	*/
/*=============================================================================================================*/

@media screen and (max-width: 767px) {
	#container{
		width:100%;
	}
	#header{
		text-align: center;
		margin:bottom:0px;
		height:70px;
	}
	#header h1{
		text-align:center;
		font-size:18px;
		margin: 1px;
	}
	#header h1:first-letter{
		text-align:center;
		font-size:40px;
	}	
	#header h1 span{
		font-size: 41px;
		vertical-align:-10px;
	}
	#header h2{
		text-align:center;
		font-size:10px;
	}	
	.useful_links{
		margin-top:10px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
	}
	.useful_links h1{
		width:85%;
		font-size:20px;
		margin:0 auto 3px auto;
	}
	.resources{
		width:85%;
		margin:0 auto;
	}
	.resources li{
		width:100%;
		text-align:center;
	}
	.resources li a{
		width:100%;
		font-size:13px;
	}
}


@media screen and (max-width: 300px) {
	#container{
		width:100%;
		height:50px;
	}
	#header{
		text-align: center;
		margin:bottom:8px;
	}
	#header h1{
		text-align:center;
		font-size:20px;
	}
	#header h1:first-letter{
		text-align:center;
		font-size:20px;
	}	
	#header h1 span{
		font-size: 40px;
		vertical-align:-3px;
	}
	#header h2{
		text-align:center;
		font-size:10px;
	}	
	.useful_links{
		margin-top:8px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
	}
	.useful_links h1{
		width:65%;
		font-family:'ralewayregular',"Courier-new",sans-serif;
		font-size:18px;
		height:28px;
		line-height:28px;
		margin:0 auto 3px auto;
		background-position:7px 3px;
	}
	.resources{
		width:65%;
		margin:0 auto;
	}
	.resources li{
		width:100%;
		text-align:center;
	}
	.resources li a{
		width:100%;
		font-size:12px;
	}
}