﻿*{
	font-family:Verdana;
	font-size:xx-small;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	Scrollbar-arrow-color:#666666;
	Scrollbar-3dligth-color:#EDEDED;
	Scrollbar-face-color:#EDEDED;
	Scrollbar-shadow-color:#630000;
	Scrollbar-darkshadow-color:#EDEDED;
	Scrollbar-track-color:#EDEDED;
}
body{
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border:0px;
	background:#FFC600;
}
#Bokada{
	width:1000px;
}

/* Topo */
#Topo {
	/*background-image:url(../img/TopoHome.jpg);
	background-position:top;*/
	background-repeat:no-repeat;
	height:218px;
	_height:228px;
	width:100%;
	z-index:0;
	/*border-bottom:0.3em solid #000000;*/
}
/*#Topo #MeninoBokada{
	position:absolute;
	top:0.2em;
	left:66%;
	z-index:2;*/
}
#Topo #BokadaTopo{
	position:absolute;
	z-index:0;
}
#LogAreaRestrita{
	position:absolute;
	top:1px;
	width:19.5em;
	_width:19em;
	height:221px;
	z-index:1;
	float:right;
	left: 760px;
	text-align:right;
	/*background-image:url(../img/FundoAreaRestrita.gif);
	background-repeat:no-repeat;*/
}
#LogAreaRestrita table{margin-left:6.2em;}
#MenuTopo{
	position:absolute;
	/*background-image:url(../img/TopoFundo.jpg);*/
	background-position:bottom;
	/*background-image: url(../imagens/home/bannerBokada.jpg);*/
	background-repeat:repeat-x;
	width:10em;
	height:18.5em;
	_height:17.5em;
	z-index:0;
	margin:0;
}
#LogAreaRestrita h2{
	
	font:1.4em bold;
	color:#EFA601;
	margin-right:1em;
	margin-bottom:0.1em;
	}
#LogAreaRestrita h1{
	
	font:1em bold;
	color:#EFA601;
	margin-right:0em;
	margin-bottom:0.1em;
	}
.botao a {text-decoration:none;display:block;color:#000;font-weight:normal;font-family:verdana,arial,freesans,helvetica,sans-serif; width:90%;_width:100%;}
.botao {
	position:relative;
	text-align:center;
	display:block;
	width:115px;
	height:26px;
	background-repeat:no-repeat;
	background-position:0 2;
	background-image:url(../img/botaoBranco.gif);
	color:#7DA578;
	margin-top:1em;
	font-size:90%;
	line-height:23px;
}
.botao:hover {
	background-position:0 -29px;
	line-height:21px;
	font-size:100%;
}
.botaoHome {
	position:relative;
	text-align:center;
	display:block;
	width:56px;
	height:32px;
	background-repeat:no-repeat;
	background-position:0 2;
	background-image:url(../img/btnHome.gif);
	color:#7DA578;
	margin-top:1em;
	margin-right::5px;
	font-size:90%;
	line-height:23px;
}
.botaoHome:hover {
	background-position:0 -36px;
	line-height:21px;
	font-size:100%;
}
.botaoInstitucional {
	position:relative;
	text-align:center;
	display:block;
	width:90px;
	height:32px;
	background-repeat:no-repeat;
	background-position:0 2;
	background-image:url(../img/btnInstitucional.gif);
	color:#7DA578;
	margin-top:1em;
	font-size:90%;
	line-height:23px;
}
.botaoInstitucional:hover {
	background-position:0 -36px;
	line-height:21px;
	font-size:100%;
}
.botaoProdutos {
	position:relative;
	text-align:center;
	display:block;
	width:80px;
	height:32px;
	background-repeat:no-repeat;
	background-position:0 2;
	background-image:url(../img/btnProdutos.gif);
	color:#7DA578;
	margin-top:1em;
	font-size:90%;
	line-height:23px;
}
.botaoProdutos:hover {
	background-position:0 -36px;
	line-height:21px;
	font-size:100%;
}
.botaoRepresentantes {
	position:relative;
	text-align:center;
	display:block;
	width:104px;
	height:32px;
	background-repeat:no-repeat;
	background-position:0 2;
	background-image:url(../img/btnRepresentantes.gif);
	color:#7DA578;
	margin-top:1em;
	font-size:90%;
	line-height:23px;
}
.botaoRepresentantes:hover {
	background-position:0 -36px;
	line-height:21px;
	font-size:100%;
}
.botaoFaleConosco {
	position:relative;
	text-align:center;
	display:block;
	width:96px;
	height:32px;
	background-repeat:no-repeat;
	background-position:0 2;
	background-image:url(../img/btnFaleConosco.gif);
	color:#7DA578;
	margin-top:1em;
	font-size:90%;
	line-height:23px;
}
.botaoFaleConosco:hover {
	background-position:0 -36px;
	line-height:21px;
	font-size:100%;
}
#menu {
	position:absolute;
	margin-top:168px;
	_margin-top:168px;
	margin-left:40px;
	z-index:1;
}
#Instituicao, #Produto, #Sub, #Representantes{
	background:#FFF;
	color:#666666;
	height:32em;
	z-index:0;
}
#Produto{height:68em;padding:0.8em 0 0 0;_padding:0 0 0 0;}
#Representantes{height:40em;}
#Conteudo{
	background:#FFC600;
	color:#666666;
	height:475px;
	_height:465px;
	z-index:0;
}
#Conteudo img{padding:0;float:left;}
#ConteudoEsquerdo{
	position:absolute;
	padding:0;
	border::0;
	/*background-image:url(../img/fundoEsquerdo.gif);*/
	background-repeat:no-repeat;
	float:left;
	width:24.3em;
	height:31em;
	vertical-align:top;
	z-index:1;
}
#ConteudoDireito{
	position:absolute;	
	float:left;
	width:35em;
	height:31em;
	/*border:dotted #000000;*/
	margin-left:24.4em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	z-index:0;
}
#BoxHome{
	height:30em;
	width:50em;
	background-color:#FFF;
	position:relative;
	float:left;
	/*border-bottom:1px dotted #737373;*/
	top: 0.2em;
	overflow:auto;
}
#BoxProduto{
	height:50em;
	width:60em;
	background-color:#FFF;
	position:relative;
	float:left;
	/*border:1px dotted #737373;*/
	padding:1em;
	top: 0.2em;
	overflow:auto;
}
#BoxProduto img{ padding:1em; float:left;}
#Conteudo .TextoHome
{
	position:absolute;
	/*background-image:url(../img/FundoSejaBemVindo02.jpg);*/
	background:#f5f5f5;
	width:625px;
	_width:625px;
	height:242px;
	padding:1em;
	_padding:1em;
	margin-left:29.3em;
	_margin-left:29.2em;
	border-bottom:Solid #FFFFFF 9px;
	overflow:auto;
	z-index:0;
}
#Conteudo .TextoHome h1
{
		position:relative;
		color:#CB1D0D; 
		font-size:x-large;
		font-weight:bold;	
		z-index:2;
}
#BoxHome .Lançamento
{
	position:absolute;
	width:27em;
	height:12.5em;
	margin-top:1em;
	margin-left:30em;
	border:solid 0.1em #000000;
	_border:dotted 0.1em #000000;
}
#Conteudo .Receita
{
	position:absolute;
	color:white;
	width:25em;
	height:12.5em;
	margin-top:24em;
	_margin-top:21.3em;
	margin-left:28.5em;
	/*border:solid 0.1em #000000;
	_border:dotted 0.1em #000000;*/
	padding:0.2em;
	z-index:0;
}
#Conteudo .Receita Div
{
	font-size:large;
	border-bottom:solid 0.1em white;
	width:90%;
	margin:0 auto;
}
#Conteudo .Receita ul li {list-style:none;_height:2em;width:19em;}
#Conteudo .Receita ul li a{text-decoration:none;display:block;color:#fff;font-weight:bold;font-family:verdana,arial,freesans,helvetica,sans-serif; width:90%;_width:100%;padding/*hack ie5.5*/:0.4em 0.5em;}
#Conteudo .Receita ul li a:hover{background-color:#fff;color:#000;border-left:0.5em solid #FF0000;}

#Conteudo .Informacao
{
	position:absolute;
	background-image:url(../img/end_home.jpg);
	background-repeat:no-repeat;
	color:white;
	font-weight:bold;
	width:350px;
	height:12.5em;
	margin-top:18em;
	_margin-top:17em;
	margin-left:49em;
	/*border:solid 0.1em #000000;
	_border:dotted 0.1em #000000;*/
	padding:0.5em;
	z-index:2;
	left:45px;
	top: 312px;
}

#Conteudo .Informacao h1
{
	font-size:large;
	font-weight:bold;
	margin:0 auto;
	color:#936201;
	z-index:2;
}
#Conteudo #MeninoSkate{
	position:absolute;
	margin-top:17em;
	_margin-top:16em;
	left:68.8em;
	top:46em;
	_top:45.5em;
	margin:-2em 0.2em;
	z-index:1; }
##Conteudo .Informacao h2{font-size:large; color:white;z-index:1;}

/*Instituição*/
#Instituicao{background:#FFC600; margin:0px auto;padding:0.8em 0 0 0;_padding:0 0 0 0;border:0;}
#Instituicao .Direita{
	position:absolute;
	background:#FFC600;
	/*background-image:url(../img/InsituicaoMargemDireita.gif);
	background-repeat:no-repeat;*/
	float:right;
	width:23.5em;
	height:30em;
	top:19em;
	_top:19em;
	left:60.7em;
	z-index:0;
}
#Instituicao .Direita img{
	position:relative;
	/*background-image:url(../img/InsituicaoMargemDireita.gif);
	background-repeat:no-repeat;*/
	float:right;
	width:23em;
	z-index:0;
}
#Instituicao .Titulo{
	position:relative;
	width:58em;
	_width:57.7em;
	height:4em;
	background:#EDEDED;
	margin-left:1em;
	color:#CB1D0D;
	padding:1em 0 0 0;
	z-index:1;
}
#Instituicao .Titulo h1
{
		color:#CB1D0D; 
		font-size:x-large;
		font-weight:bold;	
		margin:0em 0.5em;
}

#Instituicao .AreaTexto{
	position:relative;
	background:#FFFFFF;
	width:42em;
	*width:42em;
	_width:39.9em;
	height:24em;
	z-index:1;
	margin-left:1em;
	*margin-left:1em;
	_margin-left:1em;
	overflow:auto;
	padding:1em 1em;
	
}
#Instituicao .MenuCentral{
	width:14em;
	_width:14em;
	margin:0;
	padding:0;
	border:0;
	margin-right:24.3em;
	*margin-right:24.3em;
	_margin-right:12.3em;
	background-color:#EDEDED;
	height: 26em;
	float:right;
	z-index:0;
	font-stretch:condensed;
}
#Instituicao .MenuCentral a {text-decoration:none;display:block;color:#000;width:90%;_width:100%;*width:90%;}
#Instituicao .MenuCentral ul{_margin:0px 0px;*margin:0px 0px; border:none; padding:0;list-style:none;}
#Instituicao .MenuCentral ul li {list-style:none;_height:3em;*height:3em;width:100%;border-bottom:solid 0.1em #CCCCCC;}
#Instituicao .MenuCentral ul li a{color:#7DA578;padding:0.1em 0.5em;font-family:bold 130% verdana,arial,freesans,helvetica;border-left:0.5em solid #EDEDED;margin:0.5em auto;font:bold; }
#Instituicao .MenuCentral ul li a {padding/*hack ie5.5*/:0.4em 0.5em;}
#Instituicao .MenuCentral ul li a:hover {background-color:#737373;color:#FFFFFF;}
/*Fim Instituição*/



/*Contato*/
#Contato{background:#FFC600; margin:0px auto;padding:0.8em 0 0 0;_padding:0 0 0 0;border:0;clear:left;}
#Contato .Direita{
	position:relative;
	/*background-image:url(../img/InsituicaoMargemDireita.gif);
	background-repeat:no-repeat;*/
	float:left;
	width:30em;
	height:25em;
	/*z-index:1;*/
	margin-right:0.1em;
}
#Contato .Titulo{
	position:relative;
	width:100%;
	_width:100%;
	*_width:100%;
	height:3.5em;
	background:#EDEDED;
	color:#CB1D0D;
	padding:1em 0 0 0;
}
#Contato .Titulo h1
{
		color:#CB1D0D; 
		font-size:x-large;
		font-weight:bold;	
		margin:0em 0.5em;
}

#Contato Div.AreaTexto{
	position:relative;
	background:#FFFFFF;
	width:50.23em;
	_width:50.95em;
	*width:50.23em;
	height:25em;
	/*z-index:1;*/
	overflow:auto;
	margin-left:1em;
	*margin-left:1em;
	_margin-left:1em;
	text-align:justify;
	padding:1em 1em;
	
}
/*Fim Contato*/.

/*PRODUTO*/

#Produto{
	
	color:#666666;
	height:58em;
	z-index:0;
	overflow:auto;

}

#Produto .Titulo{
	height:3.5em;
	background:#EDEDED;
	color:#CB1D0D;
	line-height:40px;
	clear:both;
}
#Produto .Titulo h1
{
		color:#CB1D0D; 
		font-size:x-large;
		font-weight:bold;	
		margin:0em 0.5em;
}
#Produto .MenuCentral{
	width:250px;
	_width:250px;
	margin:0;
	padding:0;
	border:0;
	background-color:#EDEDED;
	height: 58.3em;
	_height: 28.3em;
	clear:right;
	float:left;
	z-index:0;
}
#Produto #sobreTitulo{
	position:relative;
	background-image:url(../img/ProdutosTitulosSubTitulo.gif);
	background-repeat:no-repeat;
	color:white;
	width:500px;
	_width:500px;
	height:1.7em;
	line-height:1.5em;
	padding:0 0 0 2.5em;
	z-index:2;
	margin:0 0 0 15em;
	top:-1em;
	font-size:small;
	font-weight:bold;
	font-stretch:condensed;
	left:20.7em;
	*left:16.1em;
	_left:16.1em;
	/*border:dotted 1px #000000;*/
	
}
#Produto #itens{
	background-image:url(../img/ProdutoDetalhes.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:16em;
	_width:16em;
	height:15em;
	/*border:dotted 1px #000000;*/
	float:left;
	margin:2.2em;
	_margin:1.1em;
	margin-top:2.5em;
	vertical-align:top;
	
}
#Produto #itens .imgProduto{
	position:relative;
	margin-top:10em;
	z-index:2;
}
#Produto #itens a{margin:0; padding:0; border:0;}
#Produto Div.AreaTexto{
	background:#FFFFFF;
	width:64.5em;
	_width:60em;
	height:50.5em;
	z-index:0;
	overflow:auto;
	margin:0;
	padding:1em 1em;
	/*border:dotted 1px #000000;*/
	clear:right;
}
/*FIM DE PRODUTO*/

/*Sub*/
#Sub{background:#FFC600; margin:0px auto;padding:0.8em 0 0.5em 0.5em;_padding:0 0 0.5em 0.5em;border:0; clear:both;}
#Sub .Titulo{
	height:3.5em;
	background:#EDEDED;
	color:#CB1D0D;
	clear:both;
	padding:1em 0 0 0;
}
#Sub .Titulo span
{
		color:#CB1D0D; 
		font-size:x-large;
		font-weight:bold;	
		margin:0em 0.5em;
}
#Sub .MenuCentral{
	width:16em;
	_width:16em;
	margin:0;
	padding:0;
	border:0;
	margin-right:0;
	_margin-right:0;
	background-color:#fff;
	clear:right;
	float:left;
}

#Sub .MenuCentral a {text-decoration:none;display:block;color:#000;font-weight:normal;font-family:verdana,arial,freesans,helvetica,sans-serif; width:100%;_width:100%;}
#Sub ul {background-color:#EDEDED;overflow:auto;height:25.5em;_height:26.5em;padding:0; border:0; margin:0;}
#Sub ul li {border-bottom:0.1em ridge #737373;_border-bottom:0.1em dotted #737373;list-style:none;_height:2em;width:15em;;}
#Sub ul li a{color:#737373;padding:0.1em 0.5em;font-family:verdana,arial,freesans,helvetica;border-left:0.5em solid #DBDBDB;margin:0.1em 0em; width:15em;}
#Sub ul li a {padding/*hack ie5.5*/:0.4em 0.5em;}
#Sub ul li a:hover {background-color:#737373;color:#FFFFFF;border-left:0.5em solid #FF0000; }
#Sub .bordtop{ border-top:0.1em dotted #737373;}

#Sub Div.AreaTexto{
	background:#FFFFFF;
	width:64.8em;
	_width:64.1em;
	height:24.5em;
	_height:25.6em;
	z-index:1;
	overflow:auto;
	margin-top:0;
	text-align:justify;
	padding:1em 1em 0 1em;
	/*border:solid 0.1em #000000;
	_border:dotted 0.1em #000000;*/
}
/*FIM DA sub*/

/*REPRESENTANTES*/
#Representantes{background:#FFC600; margin:0px auto;padding:0.8em 0 0 0;_padding:0 0 0 0;border:0;}
#Representantes .Direita{
	position:relative;
	/*background-image:url(../img/InsituicaoMargemDireita.gif);
	background-repeat:no-repeat;*/
	float:left;
	width:30em;
	height:25em;
	z-index:1;
	margin-right:0.1em;
}
#Representantes .Titulo{
	position:relative;
	width:100%;
	*width:100%;
	_width:100%;
	height:3.5em;
	background:#EDEDED;
	color:#CB1D0D;
	padding:1em 0 0 0;
}
#Representantes .Titulo h1
{
		color:#CB1D0D; 
		font-size:x-large;
		font-weight:bold;	
		margin:0em 0.5em;
}

#Representantes Div.AreaTexto{
	position:relative;
	background:#FFFFFF;
	width:43.23em;
	*width:43.23em;
	_width:42.7em;
	height:32.6em;
	z-index:1;
	overflow:auto;
	margin-left:8em;
	_margin-left:1em;
	*left:8em;
	text-align:justify;
	padding:1em 1em;
}

#Representantes .AreaTexto .Descricao{font-size:13px;font-weight:bold;width:110px;}
/*FIM DOS REPRESENTANTES*/

#Rodape
{
	
	background-image:url(../img/RodapeHome.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:55px;
	
}
/*#RodapeEsquerdo{
	float:left;
	margin-left:1em;
	margin-top:1em;
}
#RodapeDireito{
	float:right;
	margin-right:1em;
	margin-top:1em;
}*/

.FontePersonalizada
{
	font-weight:bold;
	font-size:140%;
}
/*CONTROLES DE TEXTO FORMATAÇÃO*/
input
{
	color:#000; 
	border:solid 0.1em #000;
	background:#EDEDED;
}
input[type="image"]
{
	background:none;
}
.RemoveBackGround{background:none;}	
textarea {
	color:#000; 
	border:solid 0.1em #000;
	background:#EDEDED;
}
/*FIM CONTROLES DE TEXTO FORMATAÇÃO*/
.aImagemFundo{z-index:0;float:left; }
.textoSobreFundo
{
	border:0;
	padding:0;
	margin:0;
	font:none;
	position:relative;
	z-index:1;
	top:-4.7em;
	margin-left:1.5em; 
	color:white;
	font-weight:bold;
	font-size:10px;
	display:inline-block;
}
.oDiv{height:210px;}
.FontePersonalizada{ color:White;}
.FonteBrancaNegrito{color:White;font-size:9px;}
.FonteBrancaNegritoTitulo{color:White; font-weight:bold;font-stretch:condensed;}
.FonteBrancaNegritoTituloGG{color:White; font-weight:bold;font-stretch:condensed; font-size:x-large;}
.FontePretaNegrito{color:black;font-size:9px; font-weight:bold;}
.FontePretaNegritoTitulo{color:black; font-weight:bold;font-stretch:condensed; font:120%;}
/ProdutoDetalhes.gif;}
/*AREA RESTRITA*/
#DivTituloArea{
	background-color:#CCCCCC;
	font-size: small;
	font-weight:bold;
	text-indent:36px;
	padding:6px;
	padding-top:20px;
	
}

#DivConteudo{
	background-color:#FFF;
	*position:relative;
	*float: right;
	color:#666666;
	margin-left: 0.5em;	
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top:0.5em;	
	
}
/*FIM DA AREA RESTRITA*/
.Titulo_noticias
{
		color:#CB1D0D; 
		font-size:x-large;
		font-weight:bold;	
		margin:0em 0.5em;
}

.busca
{
    margin:10px auto;
    width:98%;
}
