/* CSS Document 

	Projeto: Videoteca Quantum
	Data: 30/06/2008
	Autor: Ericson Fonseca
*/

*{
	margin:0 auto;
	padding:0;
	border:0;
}

body{
	width:100%;
	height:100%;
	background:#8FAEC0 url("../../Imagens/bg.jpg") repeat-x top;
}

.Topo{
	width:996px;
	height:85px;
	padding-top:12px;
}

	.Topo .Idioma{
		float:right;
		width:200px;
		margin-top:25px;
	}
	
	.Topo td{
		padding-right:5px;
	}
	
	.Topo select{
		height:16px;
		border:1px solid #006885;
		font:normal 10px Tahoma, Arial;
		color:#CC0000;
	}
	
.Videoteca{
	background:url(../../Imagens/Videoteca.jpg) no-repeat;
	width:996px;
	height:89px;
	margin-top:12px;
}

.Corpo{
	/*background:url(../../Imagens/bg-Geral.jpg) no-repeat;*/
	width:1000px;
	height:610px;
}

	.Esquerda{
		float:left;
		width:286px;
		height:615px;
	}
	
		.Esquerda .Login{
			width:286px;
			height:56px;
			padding:22px 0;
		}
		
		.Esquerda td{
			padding:0 5px 5px 5px;
		}
		
		.Esquerda .Campo{
			width:113px;
			height:16px;
			border:1px solid #4797AF;
		}
		
		.Esquerda .Botao{
			background:url(../../Imagens/Ok.jpg) no-repeat;
			width:33px;
			height:12px;
			cursor:pointer;
		}
		
		.Esquerda .Menu{
			width:286px;
			height:515px;
			font:bold 11px Tahome, Verdana;
			color:#FFF;
		}
		
		.Esquerda .Titulo{
			background:url(../../Imagens/SelecioneCategoria.jpg) no-repeat;
			width:227px;
			height:24px;
		}
		
		.Esquerda p{
			font:bold 11px Tahome, Verdana;
			color:#54778d;
			text-align:center;
			margin-bottom:10px;
		}
		
		.Menu a{
			text-decoration:none;
			color:#FFF;
		}
		
		.Menu a:hover{
			text-decoration:underline;
			color:#FFF;
		}
		
		.Menu1 ul{
			margin-top:7px;
		}
		
		.Menu1 li{
			background:url(../../Imagens/bg-Menu1.jpg) no-repeat;
			width:192px;
			height:20px;
			list-style:none;
			text-align:right;
			padding:4px 35px 0 0;
		}
		
		.Menu2 li{
			background:url(../../Imagens/bg-Menu2.jpg) no-repeat;
			width:193px;
			height:16px;
			list-style:none;
			text-align:right;
			padding:4px 35px 0 0;
		}
	
	.Direita{
		float:right;
		width:710px;
		min-height:615px;
	}
	
	.DireitaInfo{
		float:right;
		width:690px;
		min-height:555px;
		padding:30px 20px 30px 0;
	}
	
		.DireitaInfo h1{
			font:bold 12px Tahoma,Arial;
			color:#324752;
			margin-bottom:7px;
		}
		
		.Direita h2{
			background:url(../../Imagens/Flechinha.gif) no-repeat;
			width:150px;
			height:12px;
			padding-left:18px;
			margin-top:12px;
			margin-left:-4px;
			font:bold 11px Tahoma,Arial;
			color:#324752;
		}
		
		.Direita .Assistidos{
			float:left;
			width:340px;
			height:155px;
			margin:7px 0 0 10px;
		}
		
		.Assistidos .ImgPreviewGde{
			float:left;
			margin:5px;
			border:1px solid #676767;
		} 
		
		.Assistidos p{
			float:right;
			width:170px;
			font:normal 10px Tahoma, arial;
			color:#676767;
			margin-top:3px;
			margin-right:5px;
		}
		
		.Assistidos a{
			color:#676767;
			text-decoration:none;
		}
		
		.Assistidos a:hover{
			color:#676767;
			text-decoration:underline;
		}
		
		.Limpa{
			clear:both;
		}
		
		.Quadro{
			float:left;
			background:url(../../Imagens/bg-Videos.jpg) no-repeat;
			width:171px;
			height:171px;
			margin:12px 0 0 4px;
		}
		
		.Quadro h3{
			font:bold 11px Tahoma, Arial;
			color:#54778d;
			margin-top:4px;
			margin-right:12px;
			text-align:right;
		}
		
		.Quadro a{
			color:#54778d;
			text-decoration:none;
		}
		
		.Quadro a:hover{
			color:#54778d;
			text-decoration:underline;
		}
		
		.Quadro .ImgPreviewPqa{
			margin:20px 0 5px 10px;
		}
		
		.Quadro p{
			font:normal 10px Arial, Verdana;
			color:#333;
			width:150px;
			height:55px;
		}
		
		.Busca{
			width:690px;
			height:10px;
			padding:10px 0 ;
		}
		
		.Busca label{
			font:normal 11px Tahoma, Arial;
			color:#000;
		}
		
		.Busca select{
			height:16px;
			border:1px solid #006885;
			font:normal 10px Tahoma, Arial;
			color:#CC0000;
		}
		
		.Video{
			width:690px;
			min-height:50px;
			font:bold 11px Tahoma, Arial;
			color:#333;
			padding:25px 0 10px 0;
		}
		
		.Video img{
			float:left;
			margin:5px 7px 0 0;
		}
		
		.Video p{
			padding:5px 0;
		}
		
		.Video a{
			color:#54778d;
			text-decoration:none;
		}
		
		.Video a:hover{
			color:#54778d;
			text-decoration:underline;
		}
		
		.Paginacao{
			display:block;
			height:30px;
			font:bold 11px Tahoma, Arial;
			color:#FFF;
			text-align:center;
			margin:25px 0 30px 0;
		}
		
		.Paginacao a{
			color:#FFF;
			text-decoration:none;
		}
		
		.Paginacao a:hover{
			text-decoration:underline;
		}
		
		.Paginacao a:visited{
			color:#FFF;
		}
		
		.Nada{
			margin-top:15px;
			font:bold 12px Tahoma, Arial;
			color:#54778d;
			text-align:center;
		}
		
		.PreviewInfo{
			float:left;
			width:160px;
			height:160px;
		}
		
		.TextoInfo{
			font:normal 12px Tahoma, Arial;
			color:#333;
		}
		
		.BotaoAssista{
			margin:15px 0 0 0;
		}
		
		.LinkTeste{
			margin-top:45px;
			font:bold 11px Tahoma, Arial;
			color:#333;
			text-align:center;
		}
		
		.LinkTeste a{
			text-decoration:none;
			color:#333;
		}
		
		.LinkTeste a:hover{
			text-decoration:underline;
		}
		
		.Cadastro th{
			font:bold 10px Tahoma, Arial;
			color:#333;
			text-align:right;
			padding-right:5px;
		}
		
		.Cadastro td{
			padding:3px 0;
		}
		
		.Cadastro .Campo{
			border:1px solid #54778d;
			width:250px;
		}
		
		.Cadastro .BotaoForm{
			width:75px;
			height:20px;
			background-color:#54778d;
			font:bold 11px Tahoma, Arial;
			color:#FFF;
			padding-bottom:4px;
			cursor:pointer;
		}
		
		.SetaGrande{
			position:absolute;
			margin:100px 0 0 -31px;
		}
		
		.SetaPequena{
			position:absolute;
			margin:67px 0 0 73px;
		}
		
		.Erro {
			font:bold 11px Tahoma, Arial;
			color:#C00;
			text-align: center;
			margin-bottom: 5px;
		}
		
	.Rodape{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		width: 100%;
		height: 20px;
		background:#2E4655;
	}