/*
CSS da capa do site
*/

#outras-promocoes, #logo-tit, #logo  {
	float:left;
}

.seta-cima, .seta-baixo {
	display:block;
}
body {
	background: url('../../imgs/bgs/textura-capa.jpg') repeat-x scroll top center;
}

#logo {
	background: url('../../imgs/logo.png') no-repeat scroll top left;
	width: 220px;
	height: 143px;
	display:block;
	margin: 0 0 0 165px;
}

#titulo-header {
	float:right;
	margin-top:65px;
}

#logo-tit {
	width:100%;
	position:relative;
	margin-top: -10px;
}

#outras-promocoes {
	list-style:none;
}

.promocao {
	background: url('../../imgs/bgs/bg-listagem.png') no-repeat scroll top left;
	width: 284px;
	height: 67px;
	margin-bottom:10px;
}

.titulo-promocao a {
	color:#f6d500;
}

.descricao-promocao a {
	color:#FFF;
}
.titulo-promocao {
	padding-top:8px;
}
.descricao-promocao , .titulo-promocao {
	padding-left:15px;
	display:block;	
}

.setas {
	position:absolute;
	right:0;
	top:91px;
}

.seta-baixo {
	margin-top:76px;
}
#destaque-promocao  {
	background:transparent url(../../imgs/bgs/bg-destaque2.png) no-repeat scroll left top;
	float:right;
	height:404px;
	width:573px;
}

.img-destaque {
	padding:13px;
}

.descricao-destaque {
	background:#3A0A3B none repeat scroll 0 0;
	bottom:11px;
	color:#FFFFFF;
	display:block;
	left:0px;
	padding:16px 14px 15px;
	position:absolute;
}

#bloco-promocoes {
	position:relative;
}

#destaque-promocao {
	position:relative;
	margin-top:3px;
}

#bloco-promocoes {
	float:left;
}

#bg-topo-meio {
	background:transparent url(../../imgs/bgs/bg-main.png) repeat-x scroll left top;
	height:70px;
	margin-top:-58px;
}

.queromecadastrar {
	background: url('../../imgs/bgs/bg-mecadastrar.jpg') no-repeat scroll top left;
	width: 365px;
	height: 83px;
}
.queromecadastrar a {
	display:block;
	padding-left:28px;
	padding-top:9px;
}
#col-left {
	margin-top:-65px;
	margin-right:0;
	width:365px;
}
#col-mid {
	width:590px;
	float:right;
}

.bloco-ganhadores {
	margin-bottom:6px;
	margin-top:35px;
}

#galeria {
	float:right;
	position:relative;
}

#nav {
	background-image:url(../../../imgs/bgs/quadriculado.gif);
	position:absolute;
	right:20px;
	top:17px;
	z-index:1000;
	padding-right: 6px;
}

#nav a {
	display: block;
	font-size: 5px;
	float: left;
	width: 7px;
	height: 7px;
	color: #fff;
	background: #fff;
	margin: 6px 1px 6px 6px;
}

#nav a.activeSlide {
	color: #face00;
	background: #face00;
}