﻿/***
* CSS RESET
***/
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

/***
* PATTERNS
***/
body {
	background: url("../_imgs/_layout/background.jpg");
}

a:link, a:active, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

ul, ol {list-style: none;}

a img, fieldset {border: 0;}

p {color: #525252;}

/* TITULOS */
.titPattern {
	width: 100%;
	height: 63px;
	background-repeat: no-repeat;
	background-position: top left;
}
	.titPattern span {
		width: 30px;
		height: 63px;
		display: block;
		float: right;
		text-indent: -90000em;
		overflow: hidden;
		background-image: url("../_imgs/_layout/titPattern.png");
		background-repeat: no-repeat;
		background-position: bottom right;
	}
.titNovidades {background-image: url("../_imgs/_titulos/titNovidades.png");}
.titBusca {background-image: url("../_imgs/_titulos/titBusca.png");}
.titAtores {background-image: url("../_imgs/_titulos/titAtores.png");}
.titGaleriaFotos {background-image: url("../_imgs/_titulos/titGaleriaFotos.png");}
.titGaleriaVideos {background-image: url("../_imgs/_titulos/titGaleriaVideos.png");}
.titConfiraOutrosFilmes {background-image: url("../_imgs/_titulos/titConfiraOutrosFilmes.png");}
.titSinopse {background-image: url("../_imgs/_titulos/titSinopse.png");}
.titCategorias {background-image: url("../_imgs/_titulos/titCategorias.png");}
.titPerfil {background-image: url("../_imgs/_titulos/titPerfil.png");}
.titFilmes {background-image: url("../_imgs/_titulos/titFilmes.png");}
.titAssineAgora {background-image: url("../_imgs/_titulos/titAssineAgora.png");}
.titCadastro {background-image: url("../_imgs/_titulos/titCadastro.png");}
.titDadosPagamento {background-image: url("../_imgs/_titulos/titDadosPagamento.png");}
.titContratoUsuario {background-image: url("../_imgs/_titulos/titContratoUsuario.png");}
.titDadosCartao {background-image: url("../_imgs/_titulos/titDadosCartao.png");}
.titEsqueciMinhaSenha {background-image: url("../_imgs/_titulos/titEsqueciMinhaSenha.png");}
.titPerguntasMaisFrequentes {background-image: url("../_imgs/_titulos/titPerguntasMaisFrequentes.png");}
.titFaleConosco {background-image: url("../_imgs/_titulos/titFaleConosco.png");}
.titConfirmacaoAssinatura {background-image: url("../_imgs/_titulos/titConfirmacaoAssinatura.png");}

#boxContentLeft .titPattern span, #boxContentCenter .titPattern span {background-color: #FDC8C8;}
#boxContentRight .titPattern span {background-color: #E2E2E2;}

/* LISTAGENS */
.boxListagem {
	height: 1%;
	padding: 0 0 5px;
	overflow: hidden;
	background-color: #D68787;
}
	.boxItemListagemPattern {
		width: 184px;
		height: 205px;
		display: inline;
		float: left;
		position: relative;
		padding: 5px;
		margin: 5px 0 0 4px;
		background-color: #FFF;
	}
		.boxItemListagemPattern a {}
		.boxItemListagemPattern a:hover {text-decoration: none;}
			.boxItemListagemPattern a img {
				width: 184px;
				height: 141px;
			}
			.boxItemListagemPattern a span {
				width: 100%;
				display: block;
				padding: 5px 0 0;
				font-size: 13px;
			}
			.boxItemListagemPattern a span.spData {color: #008F90;}
			.boxItemListagemPattern a span.spTexto {color:;}
			.boxItemListagemPattern a span.spDuracao {
				width: 85%;
				padding-left: 25px;
				color: #760000;
				background: url("../_imgs/_layout/imgDuracao.gif") no-repeat center left;
			}
			
		.boxItemListagemPattern a.playIcon {
			width: 22px;
			height: 16px;
			display: block;
			position: absolute;
			top: 120px;
			left: 155px;
			text-indent: -90000em;
			overflow: hidden;
			background: url("../_imgs/_layout/btPlay.gif") no-repeat 0 0;
		}

/***
* ESTRUTURA
***/
#boxSombraLeft {background: url("../_imgs/_layout/sombra-left.png") repeat-y top left;}
#boxSombraRight {background: url("../_imgs/_layout/sombra-right.png") repeat-y top right;}

#boxPage_AgeCheck {
	width: 1003px;
	height: 500px;
	margin: 0 auto;
	background: url("../_imgs/_layout/background_warning.png") no-repeat top center;
}
	#boxPage_AgeCheck div {
		padding: 230px 51px 0 329px;
	}
		#boxPage_AgeCheck div p {
			font-size: 16px;
			line-height: 24px;
			color: #000;
		}
		#boxPage_AgeCheck div a {
			width: 138px;
			height: 43px;
			display: inline;
			float: left;
			margin-top: 5px;
			text-indent: -90000em;
			overflow: hidden;
			cursor: pointer;
		}
		#boxPage_AgeCheck div a.btEntrar {
			margin-left: 52px;
			background: url("../_imgs/_layout/bt-entrar.png") no-repeat 0 0;
		}
		#boxPage_AgeCheck div a.btNaoEntrar {
			margin-left: 230px;
			background: url("../_imgs/_layout/bt-nao-entrar.png") no-repeat 0 0;
		}

#boxPage {
	width: 1003px;
	margin: 0 auto;
	overflow: hidden;
}

	/***
	* HEADER
	***/
	#boxHeader {
		height: 100px;
		background: url("../_imgs/_layout/header.png") no-repeat 0 0;
	}
		#boxHeader h1, #boxHeader h1 a {
			width: 320px;
			height: 100px;
		}
			#boxHeader h1 a {display: block;}
	
	/***
	* CONTENT
	***/
	#boxContent {
		width: 1003px;
		margin-bottom: 15px;
		/*padding-bottom: 100px;*/
		overflow: hidden;
	}
	/***
	* 3 COLUNAS
	***/
	.box3Columns {background: url("../_imgs/_layout/background-tres-colunas.png") repeat-y 0 0;}
	.box3ColumnsHome {background: url("../_imgs/_layout/background-home-tres-colunas.png") repeat-y 0 0;}
		.box3Columns #boxContentLeft {}
		.box3Columns #boxContentCenter {width: 598px;}
		.box3ColumnsHome #boxContentCenter {/*padding: 0 0 750px;*/ background-color: #FDC8C8;}
		.box3Columns #boxContentRight {}
	/***
	* 2 COLUNAS
	***/
	.box2Columns {background: url("../_imgs/_layout/background-duas-colunas.png") repeat-y 0 0;}
		.box2Columns #boxContentLeft {}
		.box2Columns #boxContentCenter {width: 845px; margin-right: 0;}
		.box2Columns #boxContentRight {}
		
		/***
		* LEFT
		***/
		#boxContentLeft {
			width: 139px;
			float: left;
		}
			/***
			* MENU
			***/
			#listMenu {padding: 2px 5px;}
				#listMenu li {width: 100%;}
					#listMenu li a {
						display: block;
						padding: 0 8px;
						font-size: 14px;
						font-weight: bold;
						line-height: 22px;
						color: #760000;
						border-bottom: 1px solid #eDB0B0;
					}
					#listMenu li ul {}
						#listMenu li ul li {}
							#listMenu li ul li a {
								font-size: 12px;
								font-weight: normal;
								color: #DA7600;
							}
		/***
		* CENTER
		***/
		#boxContentCenter {
			float: left;
			margin: 0 13px;
		}
		
			/***
			* DESTAQUE
			***/
			#boxDestaque {height: 323px;}
				#boxDestaque a
				{
					display: block;
					text-indent: -9000em;
					overflow: hidden;
				}
				#boxDestaque a.btCliqueAquiParaAssinar
				{
					width: 259px;
					height: 43px;
					display: inline;
					float: left;
					margin: 248px 0 0 12px;
				}
				#boxDestaque a.btPlayVideo
				{
					width: 297px;
					height: 53px;
					display: inline;
					float: left;
					margin: 5px 0 0 15px;
				}
			.boxDestaque01 {background: url("../_imgs/uploads/destaques/destaque.jpg") no-repeat 0 0;}
				.boxDestaque01 .imgsDestaque {
					width: 290px;
					height: 249px;
					display: inline;
					float: left;
					margin: 3px 0 0 17px;
				}
					#boxDestaque .imgsDestaque a {text-indent: 0;}
			
			/***
			* NOVIDADES
			***/
			#boxNovidades {
				/*padding: 0 0 750px;*/
				padding: 0 0 300px;
			}
		
		/***
		* RIGHT
		***/
		#boxContentRight {
			width: 240px;
			float: right;
			background-color: #E2E2E2;
		}
		
			/***
			* BUSCA
			***/
			#boxBusca {height: 332px;}
				
				/* SE A BUSCA FOR O PRIMEIRO BLOCO EM TODAS AS PÁGINAS, USAR ESSE CÓDIGO */
				.box3Columns #boxContentRight .titBusca {
					margin-top: -9px;
					background-image: url("../_imgs/_titulos/titBusca-small2.png");
				}
					.box3Columns #boxContentRight .titBusca span {
						margin-top: 0;
						background-color: transparent;
					}
				
				/* SE A BUSCA NÃO FOR O PRIMEIRO BLOCO NAS PÁGINAS INTERNAS, USAR ESSE CÓDIGO */
				/* ######################################################
				.box3ColumnsHome #boxContentRight .titBusca {
					margin-top: -9px;
					background-image: url("../_imgs/_titulos/titBusca-small.png");
				}
					.box3ColumnsHome #boxContentRight .titBusca span {
						margin-top: 0;
						background-color: transparent;
					}
				###################################################### */
				.box3ColumnsHome #boxContentRight .titBusca {background-image: url("../_imgs/_titulos/titBusca-small.png");}
				#boxBusca p {
					padding: 0 13px 10px 20px;
					font-size: 11px;
				}
				#boxBusca fieldset {
					display: block;
					margin: 0 10px;
				}
					#boxBusca fieldset label {
						font-family: Verdana, Arial, Helvetica, Sans-Serif;
						font-size: 13px;
						font-weight: bold;
						color: #760000;
						cursor: pointer;
					}
				#boxBusca fieldset.fieldsRadios {
					margin: 0 5px;
					padding: 0 0 22px;
				}
					#boxBusca fieldset.fieldsRadios input {
						display: inline;
						/*
						float: left;
						*/
					}
					#boxBusca fieldset.fieldsRadios label {
						/*
						margin-left: 2px;
						margin-right: 8px;
						padding: 0;
						float: left;
						*/
					}
				#boxBusca fieldset.fieldsSelects {}
					#boxBusca fieldset.fieldsSelects span {
						width: 100%;
						display: block;
						clear: both;
						padding: 8px 0;
						border-top: 1px solid #CCB5B5;
					}
						#boxBusca fieldset.fieldsSelects span label {
							width: 85px;
							float: left;
							padding: 0 8px 0 0;
							text-align: right;
						}
						#boxBusca fieldset.fieldsSelects span select {width: 120px;}
						#boxBusca fieldset.fieldsSelects span .text {width: 120px;}
						#boxBusca fieldset.fieldsSelects span #btBusca {
							width: 115px;
							height: 35px;
							float: right;
							border: 0;
							cursor: pointer;
							background: url("../_imgs/_layout/btBusca.gif") no-repeat 0 0;
						}
			/***
			* ATORES & GALERIA DE FOTOS
			***/
			#boxAtores, #boxGaleriaFotos {overflow: hidden;}
				#boxAtores .titPattern, #boxGaleriaFotos .titPattern {margin-bottom: 10px;}
			.boxThumbPattern {
				width: 114px;
				display: inline;
				float: left;
				margin-left: 4px;
				padding-bottom: 4px;
			}
				.boxThumbPattern a {}
					.boxThumbPattern a img {
						width: 106px;
						height: 78px;
						border: 4px solid #FFF;
					}
				.boxThumbPattern p {
					width: 100%;
					height: 25px;
					background-color: #760000;
				}
					.boxThumbPattern p a {
						width: 100%;
						display: block;
						line-height: 25px;
						text-align: center;
						color: #FFF;
					}
			/***
			* ATORES
			***/
			#boxAtores {padding: 0 0 30px 0;}
			/***
			* GALERIA DE FOTOS
			***/
			#boxGaleriaFotos {}

/***
* LOGIN
***/
#boxLoginMaster {
	height: 30px;
	background-color: #760000;
}
	#boxLogin, #dvLogado {
		width: 1003px;
		margin: 0 auto;
	}
		#boxLogin ul {margin: 0 0 0 250px;}
			#boxLogin ul li {
				height: 30px;
				float: left;
			}
			#boxLogin ul li.liDiv {
				padding: 0 13px;
				background: url("../_imgs/_layout/loginDiv.gif") no-repeat center center;
			}
				#boxLogin ul li a, #boxLogin ul li label {
					font-size: 10px;
					text-transform: uppercase;
					color: #FFF;
				}
				#boxLogin ul li a {line-height: 30px;}

				#boxLogin ul li span {float: left;}
				#boxLogin ul li label, #boxLogin ul li input {
					float: left;
					margin-top: 8px;
				}
				#boxLogin ul li label {cursor: pointer;}
				#boxLogin ul li input {
					height: 12px;
					margin-right: 10px;
					margin-left: 3px;
					padding: 1px;
					font-size: 10px;
					border: 1px solid #B5B5B5;
				}
				#boxLogin ul li input#btLogin {
					width: 22px;
					height: 24px;
					margin: 3px 0 0;
					padding: 0;
					color: #FFF;
					border: 0;
					font-size: 9px;
					cursor: pointer;
					background: url("../_imgs/_layout/btLogin.gif") no-repeat 0 0;
				}
		
		#dvLogado div, #dvLogado div strong, #dvLogado div strong span, #dvLogado div em, #dvLogado div em span,
		#boxLoginMaster #dvLogado a {
			text-align: right;
			color: #FFF;
		}
		#dvLogado div {
			margin-right: 25px;
			line-height: 30px;
		}

/***
* FOOTER
***/
#boxFooterMaster {
	height: 213px;
	background-color: #760000;
}
	#boxFooter {
		width: 1003px;
		height: 213px;
		margin: 0 auto;
		text-align: center;
		background: url("../_imgs/_layout/footer.gif") no-repeat 0 60px;
	}
		#boxFooter ul {
			width: 650px;
			margin: 0 auto;
			padding: 15px 0 0;
		}
			#boxFooter ul li {
				float: left;
				line-height: 30px;
				font-family: Verdana, Arial, Helvetica, Sans-Serif;
				font-size: 11px;
				color: #505050;
			}
			#boxFooter ul li.liDiv {padding: 0 5px;}
				#boxFooter ul li img {float: left;}
				
				#boxFooter ul li a {
					text-transform: uppercase;
					color: #FFF;
				}