@charset 'UTF-8';
/* CSS Document */
/* v1.0 | 20080212 */



html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing=0' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {
  content: ;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
/* IE6 */* html .clearfix {
  height: 1%;
  font-size: 0;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1px;
  font-size: 0;
}
.clearfix {
  clear: both;
  font-size: 0;
}
/* =Clearfix (all browsers)--------------------------------*/




html, body {
  height: 100%;
  min-height: 100%;
  overflow:hidden;
}
body {
	background-color: #fff;
	color:#666;
	font-family: "Lato", Courier, monospace;
	font-size: 12px;
	line-height:16px;
	margin:0;
	padding:0;
	color:#555;
}

a				{  
				color: #020018;
    			font-weight: 600;
    			text-decoration: none;
				}
				
a:hover			{ color:#666; text-decoration:none;}


h1				{	
				color: #020018;
				display: inline;
				float: left;
				font-size: 22px;
				font-weight: 400;
				height: auto;
				line-height: 30px;
				margin-bottom: 10px !important;
				min-height: 30px;
				min-width: 100%;
				}
				
h2				{	
				color: #020018;
				display: inline;
				float: left;
				font-size: 20px;
				font-weight: 400;
				height: auto;
				line-height: 30px;
				margin-bottom: 10px !important;
				min-height: 30px;
				min-width: 100%;
				}	
				
h3				{	
				color: #020018;
				display: inline;
				float: left;
				font-size: 18px;
				font-weight: 400;
				height: auto;
				line-height: 28px;
				margin-bottom: 10px !important;
				min-height: 30px;
				min-width: 100%;
				}								

#wrap {
  width: 100%;
  height:100%;
  min-height:100%;
  min-width:980px;
}

.menu	{
		height:100%;
		min-height:600px;
		width:200px;
		background:#fff;
		position:absolute;
		z-index:1;
		left:0;
		top:0;
		-webkit-box-shadow: 2px 0px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 0px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 0px 5px rgba(50, 50, 50, 0.75);
		}
		
		a.logo		{
					width:200px;
					height:125px;
					float:left;
					background:url(/template/immagini/logo.png) no-repeat center;
					margin-bottom:20px;
					}
					
		a.link_menu			{
							width:150px;
							padding:0 20px 0 30px;
							float:left;
							line-height:30px;
							font-size:14px;
							font-weight:400;
							text-transform:uppercase;
							color:#333;
							}
					
		a.link_menu:hover	{
							color:#666;
							}						



.tit_nl				{
					width:150px;
					margin:20px 20px 0px 30px;
					font-size:11px;
					text-transform:uppercase;
					color:#666;
					float:left;
					}
					
.nl					{
					width:148px;
					border:1px solid #ccc;
					height:25px;
					margin-bottom:10px;
					padding-bottom:2px;
					float:left;
					margin:3px 20px 10px 30px;
					}
					
.campo_nl			{ width:113px; height:25px; line-height:25px; padding:0 0 0 5px; float:left; font-size:11px; border:0; color:#666;}	

.nl_link			{
					float:left;
					width:30px;
					height:25px;
					background:url(/template/immagini/nlico.png) no-repeat top center;
					}
					
.nl_link:hover		{ background:url(/template/immagini/nlico.png) no-repeat bottom center; }									

.footer_bottom		{
					width:200px;
					height:230px;
					position:absolute;
					bottom:30px;
					left:0;
					}
					
					
.credits			{
					height:20px;
					line-height:15px;
					width:170px;
					position:absolute;
					bottom:5px;
					font-size:10px;
					padding-left:30px;
					}					
					
		a.link_menu_s			{
							width:150px;
							padding:0 20px 0 30px;
							float:left;
							line-height:22px;
							font-size:12px;
							font-weight:300;
							text-transform:uppercase;
							color:#666;
							}
					
		a.link_menu_s:hover	{
							color:#010018;
							}
							
		a.facebook			{
							width:41px;
							height:41px;
							background:url(/template/immagini/facebook.png) no-repeat left top;
							float:left;
							position:absolute;
							bottom:25px;
							left:30px;
							}
		
		a.facebook:hover	{
							background:url(/template/immagini/facebook.png) no-repeat left bottom;
							}														

.contenuto_home	{
				width:auto;
				height:100%;
				min-width:300px;
				margin-left:200px;
				min-width:780px;
				min-height:650px;
				}

		
.contenuto	{
			width:auto;
			height:100%;
			min-width:300px;
			margin-left:200px;
			min-width:780px;
			min-height:650px;
			}
	
	
.banda			{
				width:100%;
				height:112px;
				float:left;
				position:absolute;
				top:0;
				left:0;
				z-index:1;
				background:#020018;
				}
				
				
				.rigauno	{ color:#D98D2C; font-size:36px; font-weight:400; width:90%;float:left; padding:18px 0 0 10px; line-height:36px;}
				.rigadue	{ color:#FFF; font-weight:300; width:90%; float:left; padding:5px 0 0 10px; font-size:20px; line-height:24px;}
			
.blocco_home	{
				width:33.33%;
				height:50%;
				float:left;
				position:relative;
				}
				
.blocco_top		{
				width:100%;
				height:50%;
				float:left;
				position:relative;
				overflow:hidden;
				background-color:#020018;
				}				
		
		.blocco_top > img	{
							height:100%;
							position:relative;
							margin:0 auto;
							}					
				
.uno	{ background:#ccc}
	.uno > .bg	{
				background-image: url(/template/immagini/uno.jpg);
				background-position:center;
				background-size: cover;
				background-repeat:no-repeat;
				min-height: 100%;
				min-width: 100%;
				}

.due	{ background:#fff}
.tre	{ background:#ccc}
	.tre > .bg	{
				background-image: url(/template/immagini/tre.jpg);
				background-position:center;
				background-size: cover;
				background-repeat:no-repeat;
				min-height: 100%;
				min-width: 100%;
				}
.quattro	{ background:#fff}
.cinque	{ background:#ccc}
	.cinque > .bg	{
				background-image: url(/template/immagini/cinque.jpg);
				background-position:center;
				background-repeat:no-repeat;
				background-size: cover;
				min-height: 100%;
				min-width: 100%;
				}
.sei	{ background:#fff}					




.home_int	{
			float:left;
			padding:10px 10px 40px 10px;
			min-width:240px;
			min-height:290px;
			overflow:hidden;
			}
			
	.title	{
			min-width:100%;
			height:auto;
			line-height:30px;
			font-size:22px;
			color:#020018;
			float:left;
			margin-bottom:10px;
			min-height:30px;
			}			
			
	
	a.list	{
			width:100%;
			height:auto;
			float:left;
			margin-bottom:10px;
			}
			
	a.list:hover	{ color:#666 !important; text-decoration:none;}				
	
	.tit_list	{
				font-size:14px;
				font-weight:600;
				width:100%;
				line-height:18px;
				float:left;
				color:#020018;
				}
				
	a.list:hover > .tit_list { color:#666;}			
	
	.data_list	{
				color: #020018;
				float: left;
				font-size: 12px;
				font-weight: 400;
				line-height: 15px;
				width: 100%;
				}	
				
	a.list:hover > .data_list { color:#666;}				
	
	.txt_list	{
				font-weight:300;
				float:left;
				font-size:13px;
				line-height:18px;
				width:100%;
				}
				
	a.link_servizi			{
							color:#666;
							line-height:20px;
							font-size:14px;
							margin-bottom:5px;
							width:100%;
							float:left;
							min-height:20px;
							float:left;
							min-width:100%;
							}
	a.link_servizi:hover	{
							color:#020018;
							}			

.blocco_home_bottom		{
						width:100%;
						height:38px;
						line-height:38px;
						background:url(/template/immagini/trasp.png) repeat;
						position:absolute;
						bottom:0;
						left:0;
						float:right;
						}
						
	.blocco_home_bottom	a		{
								height:38px;
								line-height:38px;
								float:right;
								width:65%;
								padding-right:40px;
								color:#FFF;
								font-size:14px;
								text-align:right;
								float:right;
								text-transform:uppercase;
								background:url(/template/immagini/piu_grande.png) no-repeat right top;								
								}	
	
	.blocco_home_bottom	a:hover	{
								color:#020018;
								background:url(/template/immagini/piu_grande.png) no-repeat right bottom;								
								}	
								
.contenuto_int			{
						width:auto;
						float:left;
						min-height:200px;
						height:100%;
						padding:30px 10px 30px 30px;
						background:#EDF5FE;
						font-size:13px;
						line-height:18px;
						font-weight:400;
						}

	.contenuto_int	img	{
						width:260px;
						height:auto;
						margin:0 0 5px 10px;
						float:right;
						border:5px solid #FFF;
						}
						

.int_scroll				{ padding-right:25px; text-align:justify;}


.right					{
						float:left;
						height:100%;
						float:left;
						background:#FFF;
						width:320px;
						min-height:100%;
						}
						
.int_right				{
						width:300px;
						height:auto;
						float:left;
						padding:0 10px 30px 10px;
						min-height:500px;
						height:100%;
						}
						
						
						
.blocco_dx				{
						border-bottom:1px solid #ccc;
						width:280px;
						float:left;
						min-height:29%;
						overflow:hidden;
						padding-right:20px;
						margin-bottom:10px;
						}
						
.last					{ border-bottom:0 none !important;}												
						
a.link_small			{
						color:#020018;
						text-transform:uppercase;
						float:right;
						text-align:right;
						background:url(/template/immagini/link_small.png) no-repeat top right;
						padding-right:18px;
						margin-bottom:10px;
						height:14px;
						line-height:14px;
						cursor:pointer;
						}
						
a.link_small:hover		{
						color:#555;
						background:url(/template/immagini/link_small.png) no-repeat bottom right;
						}																				
						
.path 					{
						float: left;
						font-size: 10px;
						font-weight: 400;
						height: auto;
						min-height: 10px;
						padding: 10px 20px 5px 10px;
						text-align: right;
						text-transform: uppercase;
						width: 290px;
						}
						
	.path	a			{
						color:#666;
						}																																						
	
	.path	a:hover		{
						color:#020018;
						}
						
						

.path_int 				{
						float: left;
						font-size: 10px;
						font-weight: 400;
						height: auto;
						min-height: 10px;
						padding: 5px 20px 5px 10px;
						position: absolute;
						right: 312px;
						text-align: right;
						text-transform: uppercase;
						top: 0;
						width: auto;
						}
							
	.path_int	a			{
							color:#666;
							}																																						
	
	.path_int	a:hover		{
							color:#020018;
							}						
						
/* COTATTI */


.txt_contatti			{
						width:auto;
						height:auto;
						margin-top:5px;
						}

#form_contatti			{
						width:520px;
						height:auto;
						float:left;
						padding-right:20px;
						}

.cont_campo_left		{
						width:250px;
						height:auto;
						margin-bottom:10px;
						float:left;
						padding-right:20px;
						}
						
.cont_campo_right		{
						width:250px;
						height:auto;
						margin-bottom:10px;
						float:left;
						}
						
.campo_txt				{
						width:240px;
						height:30px;
						padding:0 5px;
						float:left;
						line-height:30px;
						color:#666;
						font-weight:300;
						border:0 none;
						font-size:14px;
						background:#FFF;
						}						
						
.etichetta_form			{
						width:100%;
						float:left;
						height:25px;
						line-height:25px;
						}
						
.cont_area				{
						width:520px;
						float:left;
						height:auto;
						margin-bottom:10px;
						}
						
.area_txt				{
						width:510px;
						height:150px;
						padding:5px;
						float:left;
						line-height:16px;
						color:#666;
						font-weight:300;
						border:0 none;
						background:#FFF;
						font-family:Lato;
						font-size:14px;
						}	
						
.invia					{
						width:520px;
						float:left;
						height:30px;
						line-height:30px;
						}				
						
	.invia a			{
						width:auto;
						padding:0 10px;
						text-transform:uppercase;
						float:right;
						text-align:center;
						font-size:18px;
						color:#FFF;
						background:#020018;	
						}																									

	.invia a:hover		{
						color:#FFF;
						background:#555;	
						}

.cont_100				{ float:left; height:auto; width:100%; margin-bottom:20px;}

.con_mappa				{
						width:520px;
						height:350px;
						float:left;
						padding-right:20px;
						}
						
/* CORSI */


.cont_fotogallery_dettaglio	{
							width:100%;
							height:auto;
							float:left;
							margin:20px 0;
							}

.txt_intro				{
						width:97%;
						height:auto;
						float:left;
						margin-bottom:20px;
						}

.txt					{
						width:100%;
						height:auto;
						float:left;
						margin-bottom:20px;
						}
						
						
		.txt	img		{
						width:200px;
						height:auto;
						float:right;
						margin:0 0 5px 10px;
						}
						
a.box_corso				{
						height:auto;
						float:left;
						width:29%;
						padding:1%;
						margin:0 2% 2% 0;
						background:#fff;
						color:#666;
						height:145px;
						overflow:hidden;
						}
						
a.box_corso:hover		{ background:#efefef;}						
						
		 .ultimo		{
						margin:0 0 2% 0 !important;
						}
						
.title_box_corso		{
						height:auto;
						line-height:16px;
						font-size:14px;
						min-height:32px;
						font-weight:600;
						margin-bottom:10px;
						color:#020018;
						width:100%;
						float:left;
						}
						

.data					{
						color:#020018;
						line-height:20px;
						font-size:12px;
						width:100%;
						float:left;
						font-weight:400;
						margin:0 0 10px 0;
						}

.data_box_corso			{
						color:#020018;
						line-height:20px;
						font-size:12px;
						width:100%;
						float:left;
						font-weight:400;
						}

.txt_box_corso			{
						line-height:16px;
						font-size:13px;
						font-weight:300;
						float:left;
						width:100%;
						}


.box_tutti_corsi		{
						margin-top:5px;
						width:100%;
						height:auto;
						min-height:10px;
						float:left;
						}
						
.box_social				{
						background: none repeat scroll 0 0 #FFFFFF;
						float: left;
						height: auto;
						margin: 20px 0 310px 0;
						min-height: 10px;
						padding: 1%;
						width: 98%;
						}
						
	.tit_box_social		{
						color: #020018;
						display: inline;
						float: left;
						font-size: 18px;
						font-weight: 400;
						line-height: 24px;
						width:100%;
						}	
		
	.sottotit_box_social	{
							width:auto;
							float:left;
							}					
/* MULTIMEDIA */

.transitionshadow		{ width:auto; height:auto; float:left;
						-webkit-transition: all 0.3s ease-in-out; 
						-moz-transition: all 0.3s ease-in-out; 
						-o-transition: all 0.3s ease-in-out; 
						transition: all 0.3s ease-in-out;
						margin:0 10px 10px 0;						
						color:#020018;
						font-weight:300;
						}

.transitionshadow:hover	{
						-moz-box-shadow: 0 0 5px #ccc; /* Firefox */
						-webkit-box-shadow: 0 0 5px #ccc; /* Safari, Chrome */
						box-shadow: 0 0 5px #ccc; /* CSS3 */
						color:#666;
						}

.cont_foto_video_audio	{
						width:100%;
						height:auto;
						float:left;
						margin-bottom:10px;
						}
						
.box_prew				{
						width:160px;
						height:210px;
						float:left;
						float:left;
						background:#FFF;
						}	
						
.foto_box				{
						width:150px;
						float:left;
						height:150px;
						margin:5px;
						background-repeat:no-repeat;
						background-position:center;
						}																																																																																	
													
.desc_box				{
						width:150px;
						float:left;
						padding:5px;
						height:35px;
						line-height:20px;
						overflow:hidden;
						}	
						
/*fotogallery*/
.fancybox				{
						float: left;
						height: 150px;
						margin: 5px 10px 5px 0;
						width: 150px;
						border:5px solid #FFF;
						background:#FFF;
						overflow:hidden;
						}	
						
	.fancybox img		{
						float: left;
						/*height: 200px;
						margin: -10px -20px;
						min-width: 200px;*/
						width: auto;
						}	
						
a.download				{
						width:auto;
						padding:0 0 0 26px;
						background:url(/template/immagini/download.png) no-repeat top left;
						height:16px;
						line-height:16px;
						color:#020018;
						}

.cont_allegato			{
						width:100%;
						float:left;
						margin:20px 0 0 0;
						}
						
a.download:hover		{
						background:url(/template/immagini/download.png) no-repeat bottom left;
						color:#333;
						}	
						
						
/*video*/

.cont_video				{ 
						width:100%;
						height:auto;
						float:left;
						margin:0 0 20px 0;
						}
						
						
									
						
.desc_video				{
						width:auto;
						height:auto;
						}																																													
						
.cont_audio				{ 
						width:100%;
						height:auto;
						float:left;
						margin:0 0 10px 0;
						}						
						
						
/*style player*/
.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button { 
	background-image: url(bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button { 
	background-image: url(controls.png);
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: solid 1px yellow;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 8px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
	background-position: 0 0;
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
	width: 200px;
	padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); 
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url(background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 60px;
	position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);		
	overflow: hidden;
	border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);		
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}

.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 45px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url(background.png);
	background: rgba(20, 20, 20, 0.8);

}
/* End: Track (Captions and Chapters) */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
/* End: Picture Controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;	
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;	
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	z-index: 1000;
	overflow: hidden;
}
.mejs-postroll-layer-content {
	width: 100%;
	height: 100%;
}
.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer;
}
/* End: Postroll */
						
.fancybox2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    height: auto;
    margin: 0 0 10px 10px;
	max-width:270px;
}

.fancybox2 img {
    border: 5px solid #FFFFFF;
    float: left;
    height: auto;
    margin: 0;
    width: 260px;
}

.fancybox2 span {
    background: none repeat scroll 0 0 #FFFFFF;
    
    padding: 5px;
    text-align: center;
    width: 260px;
}



.fancybox2 span  a { text-decoration:none;}

.fancybox2 span  a:hover { text-decoration:none;}						
						
a.link_right			{ float:right; height:40px; line-height:40px; font-size:12px; text-align:right; color:#020018; width:100%;}	
a.link_right:hover		{ color:#666;}		




					
.various2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    height: auto;
    margin: 0 0 10px 10px;
	max-width:270px;
}

.various2 img {
    border: 5px solid #FFFFFF;
    float: left;
    height: auto;
    margin: 0;
    width: 260px;
}

.various2 span {
    background: none repeat scroll 0 0 #FFFFFF;
    
    padding: 5px;
    text-align: center;
    width: 260px;
}



.various2 span  a { text-decoration:none;}

.various2 span  a:hover { text-decoration:none;}