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

/*FONT*/

/*Museo 500 is a font by Jos Buivenga (exljbris) -> http://www.exljbris.com */ 

@font-face {
	font-family: 'Museo-500';
	src: url('../font/2622C7_0_0.eot');
	src: url('../font/2622C7_0_0.eot?#iefix') format('embedded-opentype'),
	url('../font/2622C7_0_0.woff') format('woff'),
	url('../font/2622C7_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}

html, body, #meno, #left, #right, ul, .title, img, a{
	margin:0;
	padding:0;
	border: none;
	outline: none;
	}
html, body{
	height:100%;
	width:100%;
	font-family: 'Museo-500', sans-serif;
	}

a, a:hover{	
	text-decoration:none;
	color:inherit;
	//color: expression(this.parentNode.currentStyle['color']);
	}
 
 
 
	/*MENU*/
#menu {
	width:100%;
	height:10%;
	}
#menu ul{
	}
#menu li{
	display: inline-block;
	text-align:center;
	margin:0;
	padding:1.5% 1.2%;
	*display: inline;
	zoom: 1;
	}
	
#left{
	height:90%;
	float:left;
	width:60%;
	}
#right{
	height:90%;
	float:left;
	width:40%;
	}
.wrapper-titolo{
	top:5%;
	right:5%;
	position:absolute;
	text-align:center;
	}
.titolo{
	text-align:center;
	position:relative;
	z-index:100;
	top:-580px;
	}
#fondo{
	text-align:center;
	position:relative;
	z-index:50;
	top:0px;
	display:block;
		}
.title{
	font:50px/50px Museo-500, serif;
	text-transform:uppercase;
	font-weight:400;
	color:white;
	text-align:center;
	display:block;
	}
.title img:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	}
.description{
	position:relative;
	z-index:100;
	text-align:center;
	margin-top:-550px;
	width:150px;
	right:200px;
	display:block;
	}
#foto{
	width:100%;
	height:90%;
	float:left;
	}
#foto img{
	float:left;
	}
h3{
	text-align:center;
	color: white;
	}
.roll .on { 
	display: none; 
	}
.roll .off { 
	display: block; 
	}
.roll:hover .on { 
	display: block; 
	}
.roll:hover .off { 
	display: none; 
	}
p{
	font: 0.9em/1.2em Museo-500, sans-serif;
	color: white;
	text-align:center;
	}
#form{
	display:none;
	position:absolute;
	z-index:999;
	width:400px;
	height:400px;
	margin-left:-200px;
	left:50%;
	background-color: rgba(255,255,255,0.8);
	-moz-border-radius: 15px;
	border-radius: 15px;	
	}
h2{
	color: black;
	padding-left:48px;
	}
h4{
	color: black;
	padding-left:48px;
	font-size:18px;
	}
.description  a:hover{
	text-decoration:underline;
	cursor:pointer;
	}
iframe{
	height:400px;
	overflow:hidden;
	}
.nomi-campi{
	font-family: 'Museo-500', sans-serif;
	font-size: 12px;
	padding-top:10px;
		}
.close{
	position: absolute;
	top:25px;
	right:48px;
	cursor:pointer;
	}
.close img:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
		}
#credits{
	position:absolute;
	right:10px;
	bottom:7px;
	font-size:10px;
	color:white;
	}
#credits a:hover{
 	text-decoration:underline;
    }
@media only screen and (max-width: 320px){  	
#left{
	width:50%;
	}
#right{
	width:50%;
	}
.description{
	margin-top:-650px;
	right:35%;
	}
}
@media screen and (min-width: 321px) and (max-width: 960px){  	
#left{
	width:50%;
	}
#right{
	width:50%;
	}
.description{
	margin-top:-650px;
	right:35%;
	}
}
@media screen and (min-width: 961px) and (max-width: 1100px){  	
#left{
	width:60%;
	}
#right{
	width:40%;
	}
.description{
	margin-top:-600px;
	right:35%;
	}
}
@media screen and (min-width: 1101px) and (max-width: 1280px){  	
#left{
	width:60%;
	}
#right{
	width:40%;
	}
.description{
	right:60%;
	}
}