/*************************************************************************************  
Nome do Layout: CarlosHPS Vídeo-Locadora
URL do Layout: http://www.carloshps.com.br/blog/
Descrição: Código desenvolvido para o layout do site fctício CarlosHPS Vídeo-Locadora
Versão: 1.7
Criado em: 27/06/2008 | Caldas Novas – Goiás
Atualizado em: 05/08/2012
Autor: CarlosHPS Webdesigner
*************************************************************************************/

/*Formatação básica do layout
 ****************************/
body {
	margin:0px;
	padding:0px;
	background-color:#252525;
	color: #666666;
	font: 11px "Trebuchet MS", Calibri, Verdana, Arial;
}
/*Formatação bloco GERAL
 ****************************/
#GERAL {
	background-color:#009900;
	width: 950px;
	margin: 0px auto;
	position: relative;
	height: 100%;
}
/*Formatação bloco TOPO
 ****************************/
#TOPO {
	background: #333333 url(../imagens/bg_topo.jpg) repeat-x;
	height: 100px;
	position: relative;
}
/*Formatação do MENU
 ****************************/
ul#MENU {
	margin:-65px 0px 0px;
	padding:0px;
	position:absolute;
	right:0px;
}
ul#MENU li {
	display:inline;
	margin-right: 20px;
}
ul#MENU li a {
	text-decoration:none;
	color:#F4F4F4;
	font: 14px Calibri, Verdana, Arial;
}
ul#MENU li a.active, ul#MENU li a:hover {
	border-top: 2px dotted #666666;
	color: #999999;
}
/*Logotipo
 ****************************/
#logotipo {
	width:253px;
	height:127px;
	background: url(../imagens/logotipo.png) no-repeat top;
	clear: both;
	float: left;
	margin-top: -105px;
	position: absolute;
	left: 2px;
	top: 102px;
}
/*Formatação bloco CONTEUDO
 ****************************/
#CONTEUDO {
	background: #FFFFFF;
}

/*Formatação bloco BARRA
 ****************************/
#BARRA {
	float: right;
	width: 304px;
	height: 525px;
	background: #353535 url(../imagens/bg_barra.jpg) repeat-x center top;
}
#BARRA-NEWSLETTER {
	font: 40px "Trebuchet MS", Calibri, Verdana, Arial;
	color: #FFFFFF;
	clear: both;
	float: left;
	background: url(../imagens/icone1.png) no-repeat top;
	vertical-align: bottom;
	position: absolute;
	height: 104px;
	width: 313px;
	margin-left: -9px;
}
#BARRA-CATEGORIAS {
	font: 40px "Trebuchet MS", Calibri, Verdana, Arial;
	color: #FFFFFF;
	clear: both;
	float: left;
	background: url(../imagens/icone2.png) no-repeat top;
	vertical-align: bottom;
	position: absolute;
	height: 204px;
	width: 313px;
	margin-left: -9px;
	margin-top: 230px;
}
#CATEGORIA-1 {
	font: 17px Calibri, Arial, Verdana;
	color: #FFFFFF;
	text-align: left;
	position: absolute;
	clear: both;
	float: left;
	left: 10px;
	top: 100px;
	margin-left: 10px;
}
#CATEGORIA-2 {
	font: 17px Calibri, Arial, Verdana;
	color: #FFFFFF;
	text-align: left;
	position: absolute;
	clear: both;
	float: left;
	left: 125px;
	top: 100px;
	margin-left: 10px;
}
#CATEGORIA-3 {
	font: 17px Calibri, Arial, Verdana;
	color: #FFFFFF;
	text-align: left;
	position: absolute;
	clear: both;
	float: left;
	left: 220px;
	top: 100px;
	margin-left: 10px;
}
.BARRA-TEXTO {
	font: 12px Calibri, Arial, Verdana;
	color: #FFFFFF;
	margin: 10px;
	text-align: right;
	width: 300px;
}
/*Formatação bloco FILMES
 ****************************/
.FILMES {
	float: left;
	width: 646px;
	background: #FFFFFF;
	height: 525px;
}
/*Formatação bloco LANCAMENTO
 ****************************/
.LANCAMENTO {
	float: left;
	width: 646px;
	background: #FFFFFF url(../imagens/bg_lancamento.jpg) no-repeat;
	height: 163px;
	margin: 5px;
}
/*Formatação bloco TOPFILME
 ****************************/
.TOPFILME {
	float: left;
	width: 646px;
	background: #FFFFFF url(../imagens/bg_top-locacao.jpg) no-repeat;
	height: 163px;
	margin: 5px;
}
.TOPFILME-TITULO {
	color: #333333;
	font: 20px "Trebuchet MS", Calibri, Verdana, Arial;
	clear: both;
	float: left;
	width: 300px;
	margin-left: 120px;
}
.TOPFILME-CONTEUDO {
	color: #404040;
	font: 13px "Trebuchet MS", Calibri, Verdana, Arial;
	clear: both;
	float: left;
	width: 420px;
	margin-left: 120px;
	margin-top: 5px;
	height: 115px;
}
/*Formatação da imagem da seção LANCAMENTO
 *******************************************/
.LANCAMENTO-IMAGEM {
	background: url(../imagens/filme1.png) no-repeat bottom;
	height: 154px;
	width: 126px;
	margin-top: 10px;
}
.LANCAMENTO-TITULO {
	color: #333333;
	font: 20px "Trebuchet MS", Calibri, Verdana, Arial;
	clear: both;
	float: left;
	width: 300px;
	margin-left: 120px;
}
.LANCAMENTO-CONTEUDO {
	color: #404040;
	font: 13px "Trebuchet MS", Calibri, Verdana, Arial;
	clear: both;
	float: left;
	width: 420px;
	margin-left: 120px;
	margin-top: 5px;
	height: 115px;
}
/*Formatação da imagem da seção TOPFILME
 *******************************************/
.TOPFILME-IMAGEM-1 {
	background: url(../imagens/filme2.png) no-repeat bottom;
	height: 154px;
	width: 126px;
	margin-top: 10px;
}
.TOPFILME-IMAGEM-2 {
	background: url(../imagens/filme3.png) no-repeat bottom;
	height: 154px;
	width: 126px;
	margin-top: 10px;
}
/*Formatação do FORMULÁRIO
 *******************************************/
.form {
	color: #FFFFFF;
	font: 13px "Trebuchet MS", Calibri, Verdana, Arial;
	clear: both;
	float: left;
	position: absolute;
	height: 110px;
	width: 313px;
	margin-left: 20px;
	margin-top: 95px;
}
label {
	width: 4em;
	float: left;
	text-align: left;
	display: block
}
input {
	color: #666666;
	background: #FCFCFE;
	border: 1px solid #CCCCCC;
}
.submit input {
	color: #000;
	background: #FFFFFF;
	border: 2px dashed #999999;
	padding: 5px;
}
/*Formatação bloco RODAPE
 ****************************/
#RODAPE {
	clear: both;
	float: left;
	width: 950px;
	height: 80px;
	background: #FFFFFF;
}
.RODAPE-RSS {
	background: url(../imagens/rss.jpg) no-repeat;
	height: 80px;
	width: 305px;
}
.COPYRIGHT {
	font: 12px "Trebuchet MS", Calibri, Verdana, Arial;
	color: #666666;
	text-align: right;
	clear: both;
	float: left;
	width: 420px;
	margin-left: 525px;
	margin-top: 5px;
	height: 80px;
}