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

html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}

.trailer-cotainer
{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	
}
	.trailer-header
	{
		position: absolute;
		float: left;
		width: 350px;
		height: 350px;
		margin: 0;
		padding: 0;
		border: 0;
		z-index: 9999;
	}
		#flHeader
		{
			display: block;
		}
		
		.trailer-recomendar
		{
			display: block;
			height: 29px;
			padding: 0 0 0 378px;
			
			text-align: left;
		}
		
	.trailer-element
	{
		position: absolute;
		float: left;
		display: inline;
		width: 708px;
		margin: 74px 0 0 221px;
		z-index: 100;
	}
	.trailer-los-doce
	{
		position: absolute;
		float: left;
		display: inline;
		width: 344px;
		height: 56px;
		margin: 410px 0 0 250px;
		z-index: 500;
	}
		.trailer-countdown
		{
			display: block;
			height: 83px;
			padding: 0 0 0 10px;
		}
		.trailer-movies
		{
			display: block;
			height: 365px;
			margin: 0;
			padding: 0 0 0 10px;
			border: 0;
		}
			.trailer-vimeo
			{
				float: left;
				background: #000000;
				width: 531px;
				height: 438px;
				border: 0;
			}
			.trailer-movies-vimeo
			{
				float: left;
				background: #000000;
				width: 531px;
				height: 358px;
				border: 0;
			}
			.button-trailer-recomendar:link, .button-trailer-recomendar:visited
			{
				float: right;
				clear: right;
				background: url(../img/button-recomendar-page.png) no-repeat top left;
				width: 158px;
				height: 61px;
				padding: 0;
				margin: 0;
				border: 0;
			}
			.button-trailer-recomendar:hover, .button-trailer-recomendar:active
			{
				float: right;
				clear: right;
				background: url(../img/button-recomendar-page.png) no-repeat bottom left;
				width: 158px;
				height: 61px;
				padding: 0;
				margin: 0;
				border: 0;
			}
			.button-trailer-movie:link, .button-trailer-movie:visited
			{
				float: right;
				background-repeat: no-repeat;
				background-position: top left;
				width: 158px;
				height: 121px;
				padding: 0;
				margin: 0;
				border: 0;
			}
			.button-trailer-movie:hover, .button-trailer-movie:active
			{
				float: right;
				background-repeat: no-repeat;
				background-position: bottom left;
				width: 158px;
				height: 121px;
				padding: 0;
				margin: 0;
				border: 0;
			}
				.selected
				{
					background-position: bottom left !important;
				}
	
		.trailer-fb
		{
			display: block;
			padding: 0 0 0 10px;
			height: 83px;
			margin: 0;
			border: 0;
		}		
		
		.trailer-footer
		{
			float: left;
			display: inline;
			clear: both;
			width: 500px;
			margin: 0 47px 10px 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: normal;
			color: #cccccc;
			text-align: left;
		}
		
		.social-network-bar
		{
			float: left;
			width: 480px;
			display: inline;
			clear: both;
			margin: 10px 0 10px 10px;
			text-align: left;
			height:23px;
		}
			.social-network-bar ul
			{
				display: block;
				display: inline;
				list-style: none;
			}
			.social-network-bar li
			{
				float: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #ffffff;
				margin: 0 5px 0 0;
				padding: 0;
				border: 0;
			}
		

		.social-network-button:link, .social-network-button:visited
		{
			display: block;
			width: 23px;
			height: 23px;
			padding: 0;
			margin: 0;
			border: 0;
			background-position: top left;
			background-repeat: no-repeat;
		}
		.social-network-button:hover, .social-network-button:active
		{
			display: block;
			width: 23px;
			height: 23px;
			padding: 0;
			margin: 0;
			border: 0;
			background-position: bottom left;
			background-repeat: no-repeat;
		}

.clear-fix
{
	display: block;
	clear: both;
	height: 1px;
}