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

html,body { height:100%; width:100%; }
body {overflow:hidden}
* {outline:none; border:0px;}

#wrapper {
			position:fixed;
			top:0px;
			bottom:0px;
			left:50%;
			margin-left:-505px;
			width:1010px;
			height:100%;
			z-index:99;
}

#fiore {
		 position:absolute;
		 top:0px;
		 left:50%;
		 margin-left:300px;
		 z-index:98;
}

.barra_alta {
				position:fixed;
				top:0px;
				left:0px;
				right:0px;
				width:100%;
				height:100px;
				z-index:99;
}

#logo { position:absolute; top:0; left:0px; z-index:99; }

#fondale_alto {
				background:url(../img/barra_alta.png) repeat-x;
				color:#FFFFFF;
				z-index:97;
}
				
.barra_bassa {
				position:fixed;
				bottom:0px;
				left:0px;
				right:0px;
				width:100%;
				height:40px;
				line-height:30px;
				z-index:99;
}

#credit { position:absolute; bottom:0; left:0px; z-index:99; } 

#credit span#copy {
					width:850px;
					font-size:10px;
					color:#777;
					text-align:right;
					margin-left:510px;
}

#credit a:link, #credit a:visited { color:#777; text-decoration:none;}
#credit a:hover { color:#C6C; text-decoration:underline;}

#credit img {
					margin-top:5px;
					margin-left:15px;
}

#fondale_basso {
				background:url(../img/barra_bassa.png) repeat-x;
				color:#FFF;
				z-index:97;
}

#corpo {
		position:absolute;
		top:100px;
		bottom:40px;
		width:1010px;
		color:#FF3366;
		z-index:99;
}

#contenuti {
			 position:absolute;
			 bottom:10px;
			 left:10px;
			 width:770px;
			 height:70%;
			 display:block;
			 visibility:visible;
			 background-color: rgba(255, 255, 255, 0.5);    
			 border-radius:20px;
    		-moz-border-radius:20px;
    		-webkit-border-radius:20px;
			padding:15px;
			font-size:12px;
			color:#333;
			z-index:100;
			overflow-y:auto;
}
#contenuti p {
	font-size:14px;
	margin-bottom:7px;
}

@media only screen and (max-width : 320px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#contenuti {
			 position:absolute;
			 bottom:10px;
			 left:10px;
			 width:770px;
			 height:220px;
			 display:block;
			 visibility:visible;
			 background-color: rgba(255, 255, 255, 0.5);    
			 border-radius:20px;
    		-moz-border-radius:20px;
    		-webkit-border-radius:20px;
			padding:7px;
			font-size:12px;
			color:#333;
			z-index:100;
			overflow-y:auto;
} 
#menu {
		position:absolute;
		right:55px;
		top:150px;
		font-size:24px;
		font-family:"Times New Roman", Times, serif;
		text-align:right;
		color:#C6C;
		z-index:101;
}	
}
@media only screen and (max-width: 960px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	#contenuti {
			 position:absolute;
			 bottom:10px;
			 left:10px;
			 width:770px;
			 height:220px;
			 display:block;
			 visibility:visible;
			 background-color: rgba(255, 255, 255, 0.5);    
			 border-radius:20px;
    		-moz-border-radius:20px;
    		-webkit-border-radius:20px;
			padding:7px;
			font-size:12px;
			color:#333;
			z-index:100;
			overflow-y:auto;
} 
#menu {
		position:absolute;
		right:55px;
		top:150px;
		font-size:18px;
		font-family:"Times New Roman", Times, serif;
		text-align:right;
		color:#C6C;
		z-index:101;
}	
}

#contenuti h1, #contenuti h2#video {
				color:#036;
				font-size:18px;
				font-family:"Times New Roman", Times, serif;
				margin:0px;
				padding:0px;
				margin-bottom:5px;
				font-weight:400;
}

#contenuti h2 {
				color:#333;
				font-size:14px;
				font-weight:600;
				font-family:Helvetica, Arial, sans-serif;
				padding:0px;
				font-weight:400;
				display:inline-block;
				width:85px;
				margin: 5px 10px 0px 20px;
}

#contenuti h3 {
				color:#39C;
				font-size:14px;
				font-family:Helvetica, Arial, sans-serif;
				margin:0;
				padding:0 5px;
				margin-bottom:5px;
				margin-top:20px;
				font-weight:400;
				line-height:16px;
				height:16px;
				background-color: rgba(255, 255, 255, 0.4);
}

#contenuti img { margin-right:5px;}

#contenuti a:link, #contenuti a:visited { color:#333; text-decoration:none; font-weight:600;}
#contenuti a:hover {color:#39C; text-decoration:none;}
				

#menu {
		position:absolute;
		right:55px;
		top:150px;
		font-size:26px;
		font-family:"Times New Roman", Times, serif;
		text-align:right;
		color:#C6C;
		z-index:101;
}

#menu a:link, #menu a:visited { color:#39C; text-decoration:none; display:block}
#menu a:hover { color:#C6C; text-decoration:none}

#totale { 
			position:fixed;
			top:0px;
			bottom:0px;
			width:1040px;
			left:50%;
			margin-left:-520px;
}