/**
 * CSS dos elementos comuns
 */

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../imagens/fundo.jpg) repeat;
}

#geral {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 958px;
	top: 95px;
	z-index: 300;
	background-image: url(../imagens/fundomain.jpg);
	border: 0px solid #FF0000;
	position: relative;
	height: auto;
}

#geral div {
	padding: 0px;
	margin: 0px;
	position: relative;
}
/**
 * CSS div superior 
 */

#topo {
	padding: 0px;
	margin: 0px;
/*	background-color: #999999;
	background-repeat: no-repeat; */
/*	background: url(../imagens/fundomenu.jpg); */
	width: 705px;
	height: 27px;
	z-index: 300;
	float: right;
	border: 0px solid #00FF00;
	top: 42px;
	left: 0px;
}
/**
 * CSS do menu superior [Dentro do div TOPO]
 */

 #menutopo {
	width: 705px;
	height: 27px;
	white-space:nowrap;
	font-size: 14px;
/*	background-color: #999999;
	background-repeat: no-repeat; */
	border: 0px solid #FF0000;
	float: left;
	position: relative;
}

#menuitem {
	float: left;
	top: -35px;
	width: 105px;
	background-image: url(../imagens/fundomenu.jpg);
	background-repeat:repeat-x;
	margin-left: 10px;
	margin-right: 0px;
	border: 5px solid #999999;
}

#menuitem a {
	display: block;
	padding-left: 10px;
	width: 100px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	font-size: 14px;
	height: 18px;
}

#menuitem a:hover {
	color: #FFFFFF;
}

div[target="Off"] {		  
	background-image: url("../imagens/lateral.jpg");
}

div[target="On"] {
	background-image: url("../imagens/lateral.jpg");
}

#menutopo li {
	/*list-style-image: url("../imagens/bltbrown.gif");*/
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 15px;
	color: #FFFFFF;
	display: inline;
}

/**
 * CSS do Logotipo
 * background-image: url(../imagens/topo.gif);
 */

#logotipo {
	background-repeat: no-repeat;
	height: 158px;
	z-index: 101;
	background-position: 3px;
	width: 705px;
	float: right;
	border: 0px solid #0000FF;
	left: 0px;
	top: 8px;
	/*display:nome;*/
}

/**
 * formulario de busca
 * background-image: url(../imagens/fundoformulario.gif);
 */
#formulario {
	position: relative;
	float: left;
	clear: left;
	left: 10px;
	width: 241px;
	height: 35px;
	top: 660px;
	text-transform: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: 0px;
	border: 1px;
}


#formulario_ORI {
	position: relative;
	float: left;
	clear: left;
	left: 470px;
	width: 241px;
	height: 35px;
	top: -80px;
	text-transform: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: 0px;
	border: 1px;
}

#buscar {
	width: 235px;
	border: 2px solid #999999;
	background-color: #4c4c4c;
	height: 20px;
}

#buscar p {
	display: inline;
	width: 100px;
	float: left;
	float: left;
	height: 16px;
	margin: 0px;
	padding: 0px;
	margin-left: 3px;
	display: inline;
	border: none;
	font-weight: bold;	
}

#buscar input {
	padding: 0px;
	font-size: 12px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	width: 70px;
	border: 2px solid #999999;
}

#enviar input[type="submit"] {
	margin: 2px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	font-size: 12px;
	width: 55px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	content: "";
	display: inline-block;
	line-height: 0;
	text-indent: -9999px;
	background-image: url(../imagens/botaologin.gif);
	float: right;
	position: relative;
}

#buscar input[type="text"] {
	margin: 2px;
	background-color: #4c4c4c;
	padding: 2px;
	padding-left: 2px;
	border: 2px solid #999999;
	float: left;
	height: 16px;
	position: relative;
	display: inline-block;
	margin: 1px;
	margin: 0px;
	padding: 0px;
	width: 130px;
	border: none;
	color: #CCCCCC;
}

/**
 * Lateral
 * 
 */
#lateral {
	background: url(../imagens/fundolateral.jpg) repeat;
	z-index: 300;
	float: left;
	width: 253px;
	overflow: visible;
	border: 0px solid #FF0000;
	top: 0px;
	height: 1066px;
	font-size: 11px;
	position: relative;
	left: -5px;
}
/**
*
*/
#sombra {
	background: transparent url(../imagens/sombra.gif) repeat-y 0px 0px;
	z-index: 299;
	color: inherit;
	float: left;
	width: 253px;
	overflow: visible;
	border: 0px solid #FF0000;
	top:  -28px;
	height: 1066px;
	font-size: 11px;
	position: relative;
}

/**
 * Main
 */
#main {
	background: #CCCCCC url(../imagens/fundo-main.jpg) repeat-x;
	float: left;
	position: relative;
	width: 705px;
	overflow: auto;
	z-index: 300;
	border: 0px solid #00FF00;
	height: 880px;
}
/**
 * Botton
 */
#botton {
	background: url(../imagens/fundobotton.jpg) repeat-x;
	top: -35px;
	left: -5px;
	width: 962px;
	z-index: 300;
	height: 109px;
	float: left;
	border: 0px solid #0033CC;
}
/**
* Mensagens de erro
*/
#erro {
/*border: 1px solid #000000;*/
color: #FF0000;
}
/**
* Mensagens de sucesso
*/
#msg {
border: 1px solid #000000;
color: #F0F000;
}
/**
 * CSS da barra de idiomas
 */
#idiomas {
	position: absolute;
	width: 180px;
	top: 2px;
	left: 2px;
	height: 20px;
	z-index: 300;
	visibility: hidden;
	/* border: solid 1px #000000; */
}

#idiomas img {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#topo object {
	left: 347px;
	float: left;
	position: relative;
	z-index: 200;
}

#topo > embed {
	position: relative;
	float: left;
	left: 347px;
}

/*
* Titulo da lateral
*/
.title {
	position: relative;
	z-index: 301;
	float: left;
	left: 0px;
	top: -78px;
	width: 100%;
	border: 3px none #FF0000;
	background-color: #FFFFFF;
	background-image: url(../imagens/logo.jpg);
	height: 78px;
}

/**
 * categorias
 */
#categorias {
	float: left;
	z-index: 300;
	border: 0px solid #FF0033;
	left: 0px;
	top: -90px;
}

#categorias ul  {
	display: block;
	margin-left: 0px;
	width: 100%;
	height: 25px;
	left: 0px;
	top: -5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

html > body #categorias ul {padding-left: 0px;}

#categorias li {
	display: block;	
	width: 247px;
	position: relative;
	float: left;
	color: #FFFFFF;	
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	left: 0px;
}

#categorias a {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 21px;
	font-size: 14px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
}

#categorias a:hover {
	color: #FF0000;
}
/**
* CSS dos itens do submenu da categoria
*/
#hiersubcategorias {
	position: relative;
	float: left;
	left: 0px;	
	display: block;
	background-image: url(../imagens/fundosecoes.jpg);
}

#hiersubcategorias > ul > li {
	left: 0px;
	height: 16px;
	
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

#hiersubcategorias a {
	
	display: list-item;
	position: relative;
	font-size: 12px;
	float: left;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../imagens/iconmenu-off.jpg);
	margin: 0px;
	padding: 0px;
	left: 25px;
	color: #999999;
}

#hiersubcategorias a:hover {
	color: #FFFFFF;
	list-style-image: url(../imagens/iconmenu-on.jpg);
}
/**
 * secoes
 */
#secoes {
	float: left;
	z-index: 300;
	border: 0px solid #FF0033;
	left: 0px;
	height: 25px;
	left: 0px;
	top: -102px;
}

#secoes ul  {
	display: block;
	margin-left: 0px;
	width: 100%;
	height: 25px;
	left: 0px;
	top: -5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

html > body #secoes ul {padding-left: 0px;}

#secoes li {
	display: block;	
	width: 247px;
	position: relative;
	float: left;
	color: #FFFFFF;	
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	left: 0px;
}

#secoes a {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 21px;
	font-size: 14px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
}

#secoes a:hover {
	color: #FF0000;
}

/**
* CSS dos itens do submenu da seção
*/
#hiersubsecoes {
	position: relative;
	float: left;
	left: -5px;
	
	display: block;
	background-image: url(../imagens/fundosecoes.jpg);
}

#hiersubsecoes > ul > li {
	left: 0px;
	height: 16px;
	
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

#hiersubsecoes a {
	
	display: list-item;
	position: relative;
	font-size: 12px;
	float: left;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../imagens/iconmenu-off.jpg);
	margin: 0px;
	padding: 0px;
	left: 25px;
	color: #999999;
}

#hiersubsecoes a:hover {
	color: #FFFFFF;
	list-style-image: url(../imagens/iconmenu-on.jpg);
}

#linkvoltar {
	position: relative;
	float: left;
	left: 15px;
	width: 625px;
	z-index: 300;
	height: 14px;
	background-image: none;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #663333;
	top: 25px;
}

#linkvoltar a{
	position: relative;
	float: left;
	display: block;
	width: 90%;
	color: #663333;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

#lateralinferior {
	clear: both;
	position: absolute;
	z-index: 300;
	width: 252px;
	height: 168px;
	bottom: -430px;
}

#lateralinferior  a {
	position: absolute;
	bottom: 0px;
	text-decoration: none;
	left: 0px;
	width: 252px;
	height: 168px;
	border: 0px solid #FF0000;
}

#versaoimpressa {
	position: relative;
	z-index: 301;
	float: left;
	display: none;
}
/**
* Menu inferior
*/
#menuinf {
	position: absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	color: #9F1415;
	left: 148px;
	top: 40px;
}

#menuinf ul  {
	position: relative;
}

#menuinf li {
	margin-left: 50px;
	list-style-type: disc;
	list-style-position: inside;
	display: inline;
}

#menuinf a {
	color: #9F1415;
	text-decoration: none;
}

/**
 * CSS do Botão Fale conosco
 */

.botao_fale_conosco  {
position: relative;
float: left;
clear: left;
top:-80px;
left:770px;
margin:0px;
padding:0px;
        }

.botao_fale_conosco a, .botao_fale_conosco a:visited {  
position: relative;
float: left;
clear: left;
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:#fff;
background: #666 url(../imagens/botao_fale_conosco.jpg) no-repeat 
center center;
width:182px;  
height:35px;	
display:block;	
	}

.botao_fale_conosco a:hover { 
position: relative;
float: left;
clear: left;
background: #666 url(../imagens/botao_fale_conosco.jpg) no-repeat 
center center;
color:#999;
    }

/**
 * CSS da Barra de Telefones Superior
 */
.barratelsup  {
	position:absolute;
	background-image: url(../imagens/Barra_Telefones_Sup.jpg);
	background-repeat: no-repeat;
	top:-30px;
	left:255px;
	width:698px;  
	height:24px;	
	margin:0px;
	padding:0px;
    }