@font-face {

    font-family: corbel;

    font-style:  normal;

    font-weight: normal;

    src: url('CORBEL_0.TTF');

 }

@font-face {
    font-family: 'SansationRegular';
    src: url('../fonts/sansation-regular-webfont.eot');
    src: url('../fonts/sansation-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation-regular-webfont.woff') format('woff'),
         url('../fonts/sansation-regular-webfont.ttf') format('truetype'),
         url('../fonts/sansation-regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{

    margin:0;

    padding:0;

    border:0;
	outline: 0;
}



header, nav, section, footer, aside, article {

	display: block;

}



pre {

	clear: left;

}



body {

	font-family: arial,sans-serif;

  	font-size:11px;

  	color:#494949;

}



html, body{

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	overflow: hidden;

}



#background{

	position:absolute;

	height:100%;

	width: 100%;

	margin: 0;

	padding: 0;

}



#scroller {

	position:absolute; 

	width:100%; 

	height:100%; 

	top:0; 

	left:0; 

	overflow:auto; 

	z-index:2;

} 



#contenitore {

	margin:15px auto;

	width:658px;

}

#lang {
	text-align: right;
	margin:0 0 15px 0;
}


#header {
    height:140px;
    padding:20px;
    margin-bottom:30px;
    /*background-color: #ffffff;*/
    background: url("./sfondo.png") top left no-repeat;
	border:0px solid #999999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

	

	#logo {

		display: inline-block;

		vertical-align:text-top;

		width: 278px;

	}

	

	#titolo {
		padding-top: 4px;
		vertical-align:text-top;

		display: inline-block;

		width: 325px;
		margin-left: 12px;
		font-family: corbel;
		font-size: 14px;	
	}

#testo {
	background: url("./sfondo.png") top left no-repeat;
	border:0px solid #999999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:20px;
	margin-bottom:30px;
}

#playlist {

	padding:20px;

	margin-bottom:30px;

	background: url("./sfondo.png") top left no-repeat;
	/*
	background-color: #ffffff;
	
*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	

}



	#immagine {

		display: inline-block;

		vertical-align:text-top;

		width: 270px;
	}
	
		#immagine img {
			
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}
	

	#brani{

		vertical-align:text-top;

		display: inline-block;

		width: 340px;

	}

		

		#player {

			text-align: center;

			height:34px;

			margin-bottom:20px;

			background: url('player2.jpg') top center no-repeat;

		}

			#player img{

				padding-top:7px;

			}

		

		ol{

			list-style: none;

		}

		

			li{

				

			}

			

				li a {

					font-size:12px;
					color: #f0f0f0/*444444*/;

					text-decoration:none;

					display:block;

					line-height:25px;

					margin-bottom:5px;

					padding:0 10px;


					/*background-color: #f1f1f1;*/
					
					background: #555;
                -moz-border-radius: 10px;
                	-webkit-border-radius: 10px;
                	border-radius: 10px;
	
				}

				

				li a:hover{

					background-color: #333333;

				}

				

				li a.current{

					background-color: #222222;
					color: white;
				}

.sincronizzazione {

	padding:20px;

	margin-bottom:30px;

	background: url("./sfondo.png") top left no-repeat;
	/*
	background-color: #ffffff;
	
*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	

}	

	.sincronizzazione h2 {
		font-size: 12px;
		color: #f0f0f0/*444444*/;
		text-decoration: none;
		display: block;
		line-height: 25px;
		margin-bottom: 5px;
		padding: 0 10px;
		background-color: #f1f1f1;
		background: #555;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.sincronizzazione video {
		display: block;
		margin: 20px auto;
	}
	
	.sincronizzazione .controls {
		text-align: center;
	}

#footer {
    text-align: center;
	padding:20px;
	margin-bottom:30px;

	/*background-color: #ffffff;*/
    background: url("./sfondo.png") top left no-repeat;
	/*
	background-color: #ffffff;
	
*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;


}

.btn_login, .btn_registrati, .btn_registrati_en{
	display: block;
	float: left;
	height: 30px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 15px;
}

.btn_registrati, .btn_registrati_en{
	margin-right: 0;
}

.btn_login{
	background: url("./btn_login.png") top left no-repeat;
	width: 55px;
}

.btn_registrati{
	background: url("./btn_registrati.png") top left no-repeat;
	width: 78px;
}

.btn_registrati_en{
	background: url("./btn_registrati_en.png") top left no-repeat;
	width: 78px;
}

.btn_login:hover, .btn_registrati:hover, .btn_registrati_en:hover{
	background-position: bottom left;
}

.bottoni{
	margin: 8px auto 0 auto;
	width: 150px;
	text-align:center;
}

.archivio{
	display: block;
	float: left;
	line-height: 19px;
	color: #061e5b;
}

.archivio:hover{color: black; text-decoration: none;}

.blocca{
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	border: 0;
	float: none;
}

.btn {
	display: inline-block;
	background: #10b7ff;
	background: -moz-linear-gradient(top,  #10b7ff 0%, #009fe3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10b7ff), color-stop(100%,#009fe3));
	background: -webkit-linear-gradient(top,  #10b7ff 0%,#009fe3 100%);
	background: -o-linear-gradient(top,  #10b7ff 0%,#009fe3 100%);
	background: -ms-linear-gradient(top,  #10b7ff 0%,#009fe3 100%);
	background: linear-gradient(to bottom,  #10b7ff 0%,#009fe3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10b7ff', endColorstr='#009fe3',GradientType=0 );
	box-shadow: 0px 1px 1px 0px black;
	border: 0 none;
	font-family: "SansationRegular", arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	padding: 8px 13px;
	cursor: pointer;
}

.btn:hover {
	background: #045f9e;
	text-decoration: none;
}

.btn.btn-disabled{
  background: #ccc;
}

.video_placeholder {
	height: 270px;
	padding: 19px 0;
}

.video_placeholder img {
	display: block;
	margin: 0 auto;
}