﻿/*componentes da loja - remover */

#header {
    width:1003px;
    margin:0 auto;
    position:relative;
    float:none; display:block;
    height: 113px;
    z-index:100;
}

    #header .menu-sub {
     display:block;
    }


.footer-mapa {
	width: 1003px; height:193px;
	float:none;
	margin: 0 auto; margin-top:1px; margin-bottom: 20px;
}



/*CONFIGURA TAGS
*****************************************************************************************/
/*gerais*/
body { margin: 0; padding: 0; text-align:left }
#promo_maes { position: relative; z-index:0; }
#promo_maes ul li { list-style: outside; list-style-type: none; }


#promo_maes { width: 1003px; margin: 0 auto; }
#promo_maes .home, #promo_maes .cadastro { width: 1003px; height: 930px; }

	

/*tipografia*/
#promo_maes img, #promo_maes h2, #promo_maes h3 { border: 0; margin: 0; }

#promo_maes p, #promo_maes a, #promo_maes cite {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 0 0 16px 0;
	}
	


/*CONTEUDO
*****************************************************************************************/
.topo {
	position: relative;
	width: 1003px; height: 288px;
	background: url(../images/bg_topo.jpg) no-repeat;
	z-index: 100;
}
	
	#promo_maes .topo .login_status {
		text-align: right;
		color: #fff;
		padding: 7px 12px 0 0;
		margin: 0;
	 }
	 	
	 	#promo_maes .topo .login_status a {
	 		color: #ffffC8;
	 		font-weight: bold;
	 		text-decoration: none;
	 	}
	 	
	 	#promo_maes .topo .login_status span {
	 		padding: 0 7px;
	 		color: #ff9696;
	 	}
	
	.topo h2.logo {
		position: absolute;
		left: 624px; top: 85px;
		width: 327px; height: 140px;
		z-index: 110;
	}
	.topo[class] h2.logo { background: url(../images/logo.png) no-repeat; }
	
	.topo h2.logo a {
	    display:block;
        width: 327px; height: 140px;
        text-indent: -9000px;
        overflow: hidden;
	}
	
	.topo .chamada {
		position: absolute;
		left: 41px; top: 26px; 
		width: 522px; height: 121px; 
		background: url(../images/chamada.gif) no-repeat;
		text-indent: -9000px;
	}
	
	.topo .intro {
		position: absolute;
		left: 46px; top: 164px; 
		width: 540px; height: 63px; 
		background: url(../images/intro.gif) no-repeat;
		text-indent: -9000px;
	}

	.topo .logo_ge {
		position: absolute;
		left: 48px; top: 249px;
		z-index: 110;
	}
	
	.topo .botao_participe {
		position: absolute;
		left: 182px; top: 241px;
		z-index: 100;
	}


.corpo {
	position: relative;
	width: 1003px; height: 642px;
	background: url(../images/bg_produtos.jpg) no-repeat;
	z-index: 10;
}

	.corpo .frases_wrap {
		position: relative;
		float: right;
		padding: 20px 10px 0 0;
		width: 520px; height: 267px;
		color: #5c0f0f;
	}
	
		.corpo .frases_wrap .posicao {
			position: absolute;
			left: -160px; top: 50px;
			width: 130px; height: 110px;
		}

		.aspas {
			font-size: 19px;
			font-weight: bolder;
		}
		
		.corpo .frases_wrap .options {
			height: 42px;
			margin-top: 15px;
		}
		
			#promo_maes .corpo .frases_wrap .options .count {
				position: relative;
				float: left;
				width: 130px;
				font-weight: bold;
				margin: 0;
				top: 15px;
			}
			
			#promo_maes .botao_vote, #promo_maes .botao_divulgue {
				position: relative;
				float: left;
				width: 145px; height: 22px;
				margin-right: 26px; padding: 16px 0 0 37px;
				background: url(../images/botao_vote.gif) no-repeat;
				color: #fff;
				text-decoration: none;
			}

			#promo_maes .botao_divulgue {
				float: left;
				width: 61px;
				padding: 16px 0 0 46px;
				background: url(../images/botao_divulgue.gif) no-repeat;
			}
			
		#promo_maes .topten {
			position: absolute;
			width: 325px; height: 55px;
			padding: 0 0 0 200px;
			color: #fff;
			font-weight: bold;
			bottom: -12px;
		}
		
			.topten .txt_maisvotadas {
				float: left;
				margin: 20px 4px 0 0;
				width: 77px; height: 14px; 
				background: url(../images/txt_maisvotadas.gif) no-repeat;
				text-indent: -9000px;
			}
		
			#promo_maes .topten .pages a {
				float: left;
				color: #fff;
				font: bold 14px Arial, sans-serif;
				text-decoration: none;
				text-align: center;
				padding-top: 19px;
				width: 19px; height: 34px;
				top: -2px;
			}
			#promo_maes .topten .pages a:hover { color: #fdef96 }
			
				#promo_maes .topten .pages a.on {
					background: url(../images/pointer.gif) no-repeat;
					color: #470606;
				}

			.topten a.txt_todas {
				position: absolute;
				right: 7px; bottom: 1px;
				width: 40px; height: 21px;
				background: url(../images/txt_todas.gif) no-repeat;
				text-indent: -9000px;
				overflow: hidden;	
			}
			.topten a.txt_todas:hover { background: url(../images/txt_todas2.gif) no-repeat; }
			
	.link_detalhes {
		position: absolute;
		left: 648px; top: 340px;
		width: 213px; height: 52px;
		background: url(../images/link_maisdetalhes.gif) no-repeat;
		text-indent: -9000px;
		overflow: hidden;
	}


/*cadastro*/
.cadastro .topo {
	height: 277px;
}

.cadastro .topo .logo_ge {
	left: 46px; top: 155px;
}

.cadastro .topo .intro {
	position: absolute;
	left: 138px; top: 165px;
	background: url(../images/intro_2.gif) no-repeat;
}
	

.bg_moldura {
	position: relative;
	width: 1003px; height: 653px;
	background: url(../images/bg_cadastro.jpg) no-repeat;
}

	.form_cadastro {
		position: relative;
		width: 750px;
		margin: 0 0 0 115px; padding: 45px 0 0 0;
		color: #5b1212;
	}
	
		.form_cadastro a {
			color: #5b1212;
		}
	
		#promo_maes .form_cadastro h3 {
			position: relative;
			margin: 0 auto 25px auto;
			text-indent: -9000px;
		}
		
		#promo_maes .form_cadastro h3.novocad {
			width: 291px; height: 46px;	
			background: url(../images/txt_facaseucadastro.gif) no-repeat;
		}
		
		#promo_maes .form_cadastro h3.altcad {
			width: 309px; height: 46px;	
			background: url(../images/txt_altereseucadastro.gif) no-repeat;
		}
		
		#promo_maes .form_cadastro h3.encerrada {
			width: 294px; height: 44px;	
			background: url(../images/titulo_concursoencerrado.gif) no-repeat;
		}
		
		#promo_maes .form_cadastro h4 {
			position: relative;
			display: block;
			font: bold 17px Arial, Helvetica, sans-serif;
			background: url(../images/linha_pt.gif)repeat-x 0 25px;
			margin: 0 0 12px 0; padding: 0 0 6px 15px;
		}
		
    .confirm_cad, .altera_cad {
        position: relative;
        width: 550px; height: 180px; 
        margin: 150px auto 0 auto;
    }
	
	    .confirm_cad .cad_msg {
	        width: 392px; height: 89px;
	        background: url(../images/txt_parabens.gif) no-repeat;
	        text-indent: -9000px;
	    }
	    
	    .altera_cad .cad_msg {
	        width: 407px; height: 89px;
	        background: url(../images/txt_atualiza_cad.gif) no-repeat;
	        text-indent: -9000px;
	    }
	    
	    .encerrada_msg {
	        width: 351px; height: 116px;
	        background: url(../images/txt_termino.gif) no-repeat;
	        text-indent: -9000px;
	    }
	    
	    .confirm_cad .cadbt_divulgar_hmg, .altera_cad .cadbt_divulgar_hmg {
	        position: absolute;
	        display: block;
	        width: 210px; height: 76px;
	        right: 0; bottom: 0;
	    }
		
/*listagem*/
.listagem .topo {
	height: 202px;
}

	.listagem .topo .botao_participe {
		left: 119px; top: 260px;
		width: 273px; height: 81px;
	}
	
	.listagem .topo .busca {
		position: absolute;
		width: 686px; height: 110px;
		left: 317px; top: 280px;
	}
	
		.listagem .topo .busca h3 {
			position: relative;
			left: 162px;
			width: 496px; height: 65px;
			background: url(../images/txt_escolhahmg.gif) no-repeat;
			text-indent: -9000px;
		}
		
		.listagem .topo .busca .busca_hmg {
			position: relative;
			top: 2px;
			float: left;
			width: 303px; height: 21px;
			margin-right: 5px;
			background: url(../images/txt_digitenome.gif) no-repeat;
			text-indent: -9000px;
		}
		
		.listagem .topo .busca .field {
			width: 250px;
		}
		
		.bt_pesquisar {
			position: relative;
			left: 4px; top: -1px;
		}
			
.bg_listagem {
	position: relative;
	width: 1003px; height: auto;
	padding: 214px 0 15px 0;
	background: url(../images/bg_listagem.jpg) no-repeat;
	color: #5c0f0f;
}

	.box_hmg {
		position: relative; float: left; 
		width: 268px; height: 177px;
		margin: 0 20px 32px 0; padding: 20px;
		left: 18px;
		background: url(../images/box_frase.jpg) no-repeat;
	}
	
		.box_hmg .corda {
			position: absolute;
			left: 138px; top: -12px; 
			width: 27px; height: 12px;
		}
		.box_hmg[class] .corda { background: url(../images/cordinha.png) no-repeat; }
		
		.box_hmg h4 {
			font: bolder 13px Arial, Helvetica, sans-serif;
			margin: 0;
			height: 35px; 
			margin: 0 0 10px 0;
			overflow: hidden;
		}
		
		#promo_maes .box_hmg cite {
			display: block;
			height: 81px;
			overflow: hidden;
			margin: 0 0 5px 0;
		}
		
		.box_hmg .aspas {
			color: #9c2222;
		}
		
		#promo_maes .box_hmg .botao_vote {
			width: 85px;
			background: url(../images/botao_vote_small.gif) no-repeat;
			margin: 0 28px 0 0;
		}
		
		#promo_maes .box_hmg .botao_divulgue {
			margin: 0;
		}

	.bg_paginacao {
		clear: both;
		width: 955px; height: 40px; 
		margin: 0 auto -38px auto;
	}	
	.bg_paginacao[class] { background: url(../images/bg_paginacao.png) no-repeat center; }

	#promo_maes ul.paginacao {
		width: 955px; height: 32px; 
		margin: 0 auto; padding: 8px 0 0 0;
		text-align: center;
	}
	
		.paginacao li {
			display: inline;
			height: 40px;
		}
		
			#promo_maes .paginacao li a {
				padding: 5px;
				margin: 0;
				text-decoration: none;
				color: #684a1a;
				font-weight: bold;
				font-size: 11px;
			}
			
			#promo_maes .paginacao li a.pageatual {
				position: relative;
				color: #b50606;
				font-size: 13px;
				top: 1px;
			}



/*BARRAS  *JANELAS  *BOX
*****************************************************************************************/



/*FORMULARIOS	
*****************************************************************************************/
.form_cadastro label {
	position: relative;
	float: left;
	font: bold 12px Arial;
	width: 122px;
	padding: 0 8px 0 15px;
	top: 3px;
}

input.field {
	position: relative;
	float: left;
	padding: 3px 0 3px 3px; margin: 0;
	border: 1px solid #999;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.form_cadastro .select {
	position: relative;
	float: left;
	padding: 1px; margin: 0;
	border: 1px solid #999;
}

.form_cadastro .textarea {
	position: relative;
	padding: 3px; margin: 0;
	border: 1px solid #999;
	width: 710px; height: 70px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.form_cadastro .check {
	float: left;
}

.form_cadastro label.inline {
	position: relative;
	width: auto;
}

.form_cadastro ul {
	position: relative;
	width: 740px;
	padding: 0; margin: 0;
}
.form_cadastro li {
	position: relative;
	height: 32px;
	clear: both;
}

.form_cadastro li.cad_opt {
	padding-top: 20px;
}

	.form_cadastro li.cad_opt label {
		width: auto;
		font-weight: normal;
		margin: 0 30px 0 4px; padding: 0 0 0 3px;
	}
	
	.bt_cadastrar {
		position: absolute;
		right: 5px; bottom: -10px;
	}
	
	

/*EFEITOS
*****************************************************************************************/
#promo_maes .clear { position: relative; clear: both; height: 1px; font-size: 1px; }
#promo_maes .nodisplay { display: none; }
#promo_maes .small { font: normal 11px Arial; }
#promo_maes .big { font-size: 14px; }
#promo_maes .red { color: #b51212; }
#promo_maes .bold { font-weight: bold; }


/*ELEMENTOS DIVERSOS
*****************************************************************************************/
/*validacoes*/


