@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;
}

#backContentHomePromo {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgHomePromo.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: 1230px;	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: 1230px;	background: url('../imgs/bgCadastro.jpg') no-repeat center;
}


#backContentPromo {
width: auto;
margin: auto;
text-align: center;
height: 1230px;	background: url('../imgs/bgShowdebola.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: 390px;
	height: 202px;
	float: left;
	}

	#contentHome_line1_col2 {
	width: 185px;
	height: 202px;
	float: left;
	text-align: justify;
	}

	#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: 175px;
	height: 210px;
	float: left;
	}

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



#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: 620px;
}

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

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

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

	#contentTrabalhe_col4 {
	width: 20px;
	height: 620px;
	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: 620px;
}

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

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

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

	#contentRevendedor_col4 {
	width: 20px;
	height: 620px;
	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;
	}


/* 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;
}

#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;
}