@charset "utf-8";

* { 
	padding: 0;
	margin: 0 0 0 0;

}

body { 
	background-color: #11618a;
}


#backContent {
width: auto;
margin: auto;
text-align: center;
background-color: #11618a;
}

#backContentHome {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgHome.jpg') no-repeat center;
}

#backContentNovidades {
width: auto;
margin: auto;
text-align: center;
height: 930px;	background: url('../imgs/bgNovidades.jpg') no-repeat center;
}

#backContentHomePromo {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgHome.jpg') no-repeat center;
}

#backContentSobre {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgSobre.jpg') no-repeat center;
}

#backContentModa {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgModa.jpg') no-repeat center;
}

#backContentLojas {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgLojas.jpg') no-repeat center;
}

#backContentMidia {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgMidia.jpg') no-repeat center;
}

#backContentTrabalhe {
width: auto;
margin: auto;
text-align: center;
height: 1530px;	background: url('../imgs/bgTrabalhe.jpg') no-repeat center;
}

#backContentFale {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgFale.jpg') no-repeat center;
}

#backContentRevendedor {
width: auto;
margin: auto;
text-align: center;
height: 1530px;	background: url('../imgs/bgCadastro.jpg') no-repeat center;
}


#backContentPromo {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgPromocao.jpg') no-repeat center;
}

#content {
width: 780px;
height: 920px;
margin: auto;
}

#menuSuperior {
width: 780px;
height: 30px;
text-align: right;
}

	#menuSuperior ul {
	padding: 3px 5px 0px 0px;
	margin:0px;
	list-style: none;
	}

	#menuSuperior li { 
		display: inline;
	}

	#menuSuperior li a {
	padding: 0px 10px 0px 0px;
	}

.headerJoker {
width: 780px;
height: 58px;
}

#optionModaLine {
width: 780px;
height: 41px;
}

	#optionModaJoker {
	width: 397px;
	height: 41px;
	float: left;
	}

	#optionModa {
	width: 383px;
	height: 41px;
	text-align: left;
	float: right;
	}

		#optionModa a {
		display: block;
		width: 132px;
		height: 41px;
		background: url("../imgs/btModa.jpg") 0 0 no-repeat;
		}
		
		#optionModa a:hover { 
		background-position: 0 -41px;
		}

#optionLojasLine {
width: 780px;
height: 40px;
clear: both;
}

	#optionLojasJoker {
	width: 372px;
	height: 40px;
	float: left;
	}

	#optionLojas {
	width: 408px;
	height: 40px;
	text-align: left;
	float: right;
	}

	#optionLojas a {
	display: block;
	width: 157px;
	height: 40px;
	background: url("../imgs/btLojas.jpg") 0 0 no-repeat;
	}
	
	#optionLojas a:hover { 
	background-position: 0 -40px;
	}

#optionTrabalheLine {
width: 780px;
height: 41px;
clear: both;
}

	#optionTrabalheJoker {
	width: 310px;
	height: 41px;
	float: left;
	}

	#optionTrabalhe {
	width: 470px;
	height: 41px;
	text-align: left;
	float: right;
	}

	#optionTrabalhe a {
	display: block;
	width: 219px;
	height: 41px;
	background: url("../imgs/btTrabalhe.jpg") 0 0 no-repeat;
	}
	
	#optionTrabalhe a:hover { 
	background-position: 0 -41px;
	}

#optionFaleLine {
width: 780px;
height: 41px;
clear: both;
}

	#optionFaleJoker {
	width: 362px;
	height: 41px;
	float: left;
	}

	#optionFale {
	width: 418px;
	height: 41px;
	text-align: left;
	float: right;
	}

	#optionFale a {
	display: block;
	width: 167px;
	height: 41px;
	background: url("../imgs/btFale.jpg") 0 0 no-repeat;
	}
	
	#optionFale a:hover { 
	background-position: 0 -41px;
	}

#optionRevendedoresLine {
width: 780px;
height: 41px;
clear: both;
}

	#optionRevendedoresJoker {
	width: 402px;
	height: 41px;
	float: left;
	}

	#optionRevendedores {
	width: 378px;
	height: 41px;
	text-align: left;
	float: right;
	}

	#optionRevendedores a {
	display: block;
	width: 159px;
	height: 41px;
	background: url("../imgs/btRevendedores.jpg") 0 0 no-repeat;
	}
	
	#optionRevendedores a:hover { 
	background-position: 0 -41px;
	}

#contentHome {
width: 780px;
height: 620px;
}

	#contentHome_line1_col1 {
	width: 290px;
	height: 202px;
	float: left;
	}

	#contentHome_line1_col2 {
	width: 155px;
	height: 202px;
	float: left;
	text-align: right;
	padding: 0px 130px 0px 0px;
	}

	#contentHome_line1_col3 {
	width: 185px;
	height: 202px;
	float: left;
	text-align: right;
	}

	#contentHome_line1_col4 {
	width: 20px;
	height: 202px;
	float: right;
	text-align: right;
	}

	#contentHome_line3_col1 {
	width: 269px;
	height: 146px;
	float: left;
	}

	#contentHome_line3_col2 {
	width: 490px;
	height: 146px;
	float: left;
	}

	#contentHome_line4 {
	width: 780px;
	height: 100px;
	clear: both;
	}

	#contentHome_line5_col1 {
	width: 460px;
	height: 210px;
	float: left;
	}

	#contentHome_line5_col2 {
	width: 300px;
	height: 210px;
	float: left;
	text-align: right;
	}

	#contentHome_line5_col3 {
	width: 20px;
	height: 210px;
	float: right;
	text-align: right;
	}

	.buttonCadastrar {
	display: block;
	width: 80px;
	height: 16px;
	border:0px;
	background: url("../imgs/btCadastrar.jpg") 0 0 no-repeat;
	float: right;
	}
	.buttonCadastrar:hover { background-position: 0 -16px; }

	.buttonConfira {
	display: block;
	width: 80px;
	height: 16px;
	border:0px;
	background: url("../imgs/btConfira.jpg") 0 0 no-repeat;
	float: right;
	}
	.buttonConfira:hover { background-position: 0 -16px; }

	.buttonConcordo {
	display: block;
	width: 80px;
	height: 16px;
	padding: 0px 10px 0px 0px;
	border:0px;
	background: url("../imgs/btConcordo.jpg") 0 0 no-repeat;
	float: left;
	}
	.buttonConcordo:hover { background-position: 0 -16px; }

	.buttonNaoConcordo {
	display: block;
	width: 80px;
	height: 16px;
	border:0px;
	background: url("../imgs/btNaoConcordo.jpg") 0 0 no-repeat;
	float: left;
	}
	.buttonNaoConcordo:hover { background-position: 0 -16px; }

#contentNovidades {
width: 780px;
height: 320px;
}

	#contentNovidades_line1_col1 {
	width: 310px;
	height: 330px;
	float: left;
	}

	#contentNovidades_line1_col2 {
	width: 240px;
	height: 330px;
	float: left;
	text-align: left;
	}

	#contentNovidades_line1_col3 {
	width: 210px;
	height: 330px;
	float: right;
	text-align: left;
	}

#contentSobre {
width: 780px;
height: 620px;
}

	#contentSobre_line1_col1 {
	width: 310px;
	height: 630px;
	float: left;
	}

	#contentSobre_line1_col2 {
	width: 240px;
	height: 630px;
	float: left;
	text-align: justify;
	}



#contentModa {
width: 780px;
height: 630px;
}

	#contentModa_line1_col1 {
	width: 310px;
	height: 630px;
	float: left;
	}

	#contentModa_line1_col2 {
	width: 450px;
	height: 630px;
	float: left;
	text-align: left;
	}


#contentLojas {
width: 780px;
height: 620px;
}

	#contentLojas_line1_col1 {
	width: 310px;
	height: 630px;
	float: left;
	}

	#contentLojas_line1_col2 {
	width: 240px;
	height: 630px;
	float: left;
	text-align: left;
	}

	#contentLojas_line1_col3 {
	width: 210px;
	height: 630px;
	float: right;
	text-align: left;
	}

#contentMidia {
width: 780px;
height: 620px;
}

	#contentMidia_line1_col1 {
	width: 310px;
	height: 630px;
	float: left;
	}

	#contentMidia_line1_col2 {
	width: 470px;
	height: 630px;
	float: left;
	text-align: left;
	}


#contentTrabalhe {
width: 780px;
height: 920px;
}

	#contentTrabalhe_col1 {
	width: 280px;
	float: left;
	height: 920px;
	}

	#contentTrabalhe_col2 {
	width: 255px;
	float: left;
	text-align: left;
	}

	#contentTrabalhe_col3 {
	width: 225px;
	float: left;
	text-align: justify;
	}

	#contentTrabalhe_col4 {
	width: 20px;
	height: 920px;
	float: right;
	text-align: right;
	}



#contentFale {
width: 780px;
height: 620px;
}

	#contentFale_col1 {
	width: 280px;
	float: left;
	height: 620px;
	}

	#contentFale_col2 {
	width: 255px;
	float: left;
	text-align: left;
	}

	#contentFale_col3 {
	width: 225px;
	float: left;
	text-align: justify;
	}

	#contentFale_col4 {
	width: 20px;
	height: 620px;
	float: right;
	text-align: right;
	}



#contentRevendedor {
width: 780px;
height: 920px;
}

	#contentRevendedor_col1 {
	width: 280px;
	float: left;
	height: 920px;
	}

	#contentRevendedor_col2 {
	width: 255px;
	float: left;
	text-align: left;
	}

	#contentRevendedor_col3 {
	width: 225px;
	float: left;
	text-align: justify;
	}

	#contentRevendedor_col4 {
	width: 20px;
	height: 920px;
	float: right;
	text-align: right;
	}


#footer {
width: 780px;
height: 100px;
}

#footerJoker {
width: 780px;
height: 70px;
}

#footerCredits {
width: 780px;
height: 20px;
text-align: right;
}

#footerCredits a img {
border-width: 0px;
}

#footerCredits a:hover img  {
border-width: 0px;
}

	#footer_loja1 {
	width: 156px;
	height: 100px;
	float: left;
	}

	#footer_loja2 {
	width: 156px;
	height: 100px;
	float: left;
	}

	#footer_loja3 {
	width: 156px;
	height: 100px;
	float: left;
	}

	#footer_loja4 {
	width: 156px;
	height: 100px;
	float: left;
	}

	#footer_loja5 {
	width: 156px;
	height: 100px;
	float: right;
	}


/* ATRIBUTOS DO FORMULÁRIO */
.errorText {
color: #fff; 
font-family: Verdana; 
font-size: 8pt;
background-color: #ff6600;
}


#formContent ul { margin:0px; list-style: none; }
#formContent li { height: 50px; }

#formContent li label {
color: #fff; 
font-family: Verdana; 
font-size:8pt;
}

#formContent li select {
color: #fff; 
font-family: Verdana; 
font-size:10pt;
background-color: #57b3e2;
/* background: url("../imgs/backInput.jpg") repeat-x top; */
/* a cor do fundo do campo */
border:2px solid #fff;
/* uma borda de 1px cinza */
}   

#formContent li input {
color: #fff; 
font-family: Verdana; 
font-size:10pt;
background-color: #57b3e2;
/* background: url("../imgs/backInput.jpg") repeat-x top; */
/* a cor do fundo do campo */
border:2px solid #fff;
/* uma borda de 1px cinza */
}   

#formContent li textarea {
color: #fff; 
font-family: Verdana; 
font-size:10pt;
background-color: #57b3e2; 
/* background: url("../imgs/backInput.jpg") repeat-x top; */
/* a cor do fundo do campo */
border:2px solid #fff;
/* uma borda de 1px cinza */
}


#formContent li input.buttonEnviar {
	width: 62px; height: 16px; border:0px; background: url('../imgs/btEnviar.jpg') no-repeat; cursor: pointer;
}

#formContent li input.buttonEnviar:hover {
	border:0px; background: url('../imgs/btEnviar.jpg') 0 -16px no-repeat; cursor: pointer;
}

#formContent li input.buttonProcurar {
	width: 62px; height: 16px; border:0px; background: url('../imgs/btProcurar.jpg') no-repeat; cursor: pointer;
}

#formContent li input.buttonProcurar:hover {
	border:0px; background: url('../imgs/btProcurar.jpg') 0 -16px no-repeat; cursor: pointer;
}

#formContent li input.buttonOk {
	width: 62px; height: 16px; border:0px; background: url('../imgs/btOk.jpg') no-repeat; cursor: pointer;
}

#formContent li input.buttonOk:hover {
	border:0px; background: url('../imgs/btOk.jpg') 0 -16px no-repeat; cursor: pointer;
}


/* TEXT ATTRIBUTES */

.menuText {
	color: #fff;
}

.menuText a {
	color: #fff;
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
}

.menuText a:hover {
	color: #eaeaea;
}

.menuTextDestaque a {
	color: #fff;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.menuTextDestaque a:hover {
	color: #eaeaea;
}

.normalTextBigger {
font-family: verdana;
font-size: 12pt;
color: #fff;
font-weight: normal;
}

.normalText {
font-family: verdana;
font-size: 8pt;
color: #fff;
font-weight: normal;
}

.normalText a {
color: #fff;
text-decoration: underline;
font-weight: normal;
}

.normalText a:hover {
color: #eaeaea;
font-weight: normal;
text-decoration: underline;
}

.normalText img  {
border: 0px;
border-color: #fff;
border-style: solid;
}

.normalText a img  {
border: 3px;
border-color: #fff;
border-style: solid;
}

.normalText a:hover img {
border: 3px;
border-color: #0082c4;
border-style: solid;
}

.normalText input {
color: #fff; 
font-family: verdana; 
font-size:8pt;
background-color: #57b3e2; 
/* a cor do fundo do campo */
border:2px solid #57b3e2;
/* uma borda de 1px cinza */
}

.normalText select {
color: #fff; 
font-family: verdana; 
font-size:8pt;
background-color: #57b3e2; 
/* a cor do fundo do campo */
border:2px solid #57b3e2;
/* uma borda de 1px cinza */
}

.normalText input.button {
background-color: transparent; 
/* a cor do fundo do botão */
border:0px solid;
color:#fff; /* a cor das letras Enviar */
}

.normalText textarea {
color: #fff; 
font-family: verdana; 
font-size:8pt;
background-color: #57b3e2; 
/* a cor do fundo do campo */
border:2px solid #57b3e2;
/* uma borda de 1px cinza */
}

.normalText input.radio {
background-color: transparent; 
/* a cor do fundo do botão */
border:0px solid;
color:#ff; /* a cor das letras Enviar */
}

.normalTextLittle {
font-family: verdana;
font-size: 7pt;
color: #fff;
font-weight: normal;
}

.footerText {
font-family: verdana;
font-size: 8pt;
color: #ffffff;
font-weight: normal;
font-style: normal;
}

.footerText img  {
border: 0px;
border-color: #ffffff;
border-style: solid;
}

.footerText a img  {
border: 0px;
border-color: #ffffff;
border-style: solid;
}

.footerText a:hover img {
border: 0px;
border-color: #666666;
border-style: solid;
}