@charset "utf-8";

/* CSS Document */



.mask {

    overflow: inherit !important;

	height: 265px;

	position: static !important;

}



.mask > *

{

	position: static !important;

	top: 0px;

	left: 0px;

}





.leftVideoColum

{

	float:left;

	width: 691px;

}



.rightThumbsColum

{

	float:right;

	height:286px;

	margin-top:97px;

	margin-right:23px;

	width:217px;

}



	#videosContainer

	{

		margin-top: 60px;

	}

	

	#screenshotsContainer

	{

		margin-top: 91px;

	}



.videoContainer

{

	margin:0 0 26px 30px;

   height: 391px;

	width: 661px;

}



	.topArrow,

	.bottomArrow

	{

		cursor: pointer;

		height: 20px;

		margin-left: 8px;

		width: 201px;

	}



	.topArrow

	{

		background: url('../images/desktop-page/up_arrow.jpg') no-repeat center top;

		margin-top: -28px;

		margin-bottom: 10px;

	}

	

	.bottomArrow

	{

		background:url('../images/desktop-page/down_arrow.jpg') no-repeat center top;

		margin-top:8px;

	}

	

	.disabledArrow

	{

		opacity:0.3;

		filter:alpha(opacity=30);

	}

	

	div.videoContainer img

	{

		width: 661px;

		height: 391px;

	}



	

.videoSlider li 

{cursor:pointer; margin-bottom:9px; text-align:center;}





.videoSlider li img

{

	width: 200px;

	height: 125px;

}



.videoSlider li.active img

{

	border:2px solid red;

}



#containerDummy

{

	margin:auto;

	width:952px;

}





	#headSesction

	{

		background:url('../images/desktop-page/header_img.jpg') no-repeat center top;

		height:327px;

		position:relative;

		width:952px;

	}

	

		#window

		{

			background:url('../images/desktop-page/transparent_window.png') no-repeat center top;

			height:222px;

			position:absolute;

			right:19px;

			top:25px;

			width:298px;

		}

		

			#window h2

			{

				color:#FFF;

				font:16px 'Arial Black', sans-serif;

				height:46px;

				line-height:46px;

				text-align:center;

			}

			

			#window h2.small

			{

				color:#FFF;

				font:12px 'Arial Black', sans-serif;

				height:46px;

				line-height:46px;

				text-align:center;

				text-transform:uppercase;

			}

			

			#window_store_buttons

			{

				float:left;

				margin:0 4px 0 7px;

				width:169px;

			}

			

				.window_store_buttons_one_button

				{

					margin-top: 27px !important;

				}	

				.window_store_buttons_cero_button

				{

					width: 85px !important;

				}	



	#bar

	{

		background: url('../images/desktop-page/barra_bg.jpg') no-repeat center top;

		bottom: -2px;

		height: 52px;

		position: absolute;

		width: 923px;

		padding-top: 7px;

		text-align: right;

		padding-right: 30px;

	}

	

		

	#contentSection

	{ 

		background:url('../images/desktop-page/degradado.jpg') repeat-x left bottom;

		padding-bottom:49px;

	}

		

				#description > img

				{

					float:left;

					margin:0 7px 0 18px;

				}

				

				#description h3

				{

					color:#0054a6;

					font:14px 'Arial Black', sans-serif;

					margin-left:86px;

					margin-bottom:15px;	

					margin-top:10px;

					text-transform:uppercase;

				}

				

				#description p 

				{

					font:14px Arial, sans-serif;

					line-height:20px;

					margin-bottom:28px;

				}

				

					#description p a 

					{

						color:#0054a6;

						font:14px 'Arial Black', sans-serif;

					}

		

		#videoContent

		{overflow:auto;}

		

			#videoContent > div

			{

				border:1px solid #8f97a4;				

				overflow:auto;				

			}

			

			#videoContent > div:first-child

			{padding-top:0;}

			

			#videosBlock h4

			{

				font:16px 'Arial Black', sans-serif;

				height:57px;

				line-height:57px;

				text-align:center;

				width:691px;

				margin-right: 259px;

			}

			

			#bigVideo

			{

				width: 661px;

				height: 394px;

			}

			

		#screenBlock .leftVideoColum

		{margin-top:30px;}

		

#extraTextContainer

{

	display: none;

}



#videosContainer

{

	margin-top: 60px;

}



.active {

    background-color: white !important;

}