* {
	font:11px Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style:none;
	text-decoration: none;
	vertical-align: baseline;	
	color: #6d6d6d;
}
img, a{
	border: 0 none;
}

b, strong { font-weight: bold; }
i, em { font-style : italic; }
a { cursor: pointer; }

/*=================================== BODY E CONTEUDO ==================================*/	
body {	
	background: #0097cc;
	text-align: left;
}		

#flash {
	text-align: center;
	font: 12px Arial, Verdana, sans-serif;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width:  100%;
    z-index: 0;
}

#conteudo {	
	width:802px; 
	text-align:left;
	margin:0 auto;
	z-index: 5;
}
	
#superior {
	width:100%; 
	background:url("..imagens/bg-super.jgp") top left repeat-x;
}

/*=================================== TOPO ==================================*/	

#fundo-topo {
	width: 764px;
	height: 444px;
	position: relative;
	float: left;
	background: url("../imagens/bg-logo.jpg") top left no-repeat;
	margin-top: -130px;
	margin-left: -285px;
}

#fundo-topo2 {
	width: 764px;
	height: 444px;
	position: relative;
	float: left;
	background: url("../imagens/bg-logo2.jpg") top left no-repeat;
	margin-top: -130px;
	margin-left: -285px;
}

#topo{
	width: 100%;
	height: 100px;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}
#topo img {
	float: left;
	margin-left: 40px;
}
/*#topo ul {
	float: left;
	margin-top: 25px;
	margin-left: 10px;
}
#topo ul li {
	float: left;
	margin-left: 40px;
	color: #000;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}
#topo a{
	color: #273a7f;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}


#topo a.amarelo{
	color: #866e2b;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}

#topo a.bob{
	color: #1a3582;
	font: bold 12px Arial, verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}

#topo ul li.selected{
	border-bottom: #da251d solid 2px;
	padding-bottom: 12px;
}*/

/*================================= MENU DROP DOWN ======================================*/


ul.menubar{
 margin: 0px;
 padding: 0px;
 background-color: none; /* IE6 Bug */
 font-size: 100%;
 margin-top: 25px;
}

ul.menubar .submenu{
 margin: 0px;
 padding: 0px;
 list-style: none;
 background-color: none;
 float:left;
 margin-left: 20px;
 margin-top: 17px;
 _margin-top: -5px;
 *margin-top: -5px;
}

ul.menubar ul.menu{
 display: none;
 position: absolute;
 margin: 0px;
}

ul.menubar a{
 padding: 5px;
 display:block;
 text-decoration: none;
 color: #866e2b;
 font: bold 12px Arial, verdana, Helvetica, sans-serif;
 text-transform: uppercase;

}

ul.menubar a.blue{
 padding: 5px;
 display:block;
 text-decoration: none;
 color: #273a7f;
 font: bold 12px Arial, verdana, Helvetica, sans-serif;
 text-transform: uppercase;


}

ul.menu, ul.menu ul{
 margin: 0;
 padding: 0;
 float: left;
 width: 350px; /* Width of Menu Items */
 background-color: none; /* IE6 Bug */
}

ul.menu li{
 float: left;
 position: relative;
 list-style: none;
 border: 0px;
}

ul.menu li a{
 display: inline;
 text-decoration: none;
 border-bottom: 0px;
 font-weight: normal;
 float: left;
 color: #fff;
 padding: 0px 0px 5px 0px;
}

ul.menu li sup{
 font-weight:bold;
 font-size:7px;
 color: red;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul{
 position: absolute;
 display: none;
 left: 149px; /* Set 1px less than menu width */
 top: 0px;
}

ul.menubar a.blue:hover { color: #15235a; }

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */

ul.menu li a:hover { text-decoration: underline; color: #fff; }
/*=================================== RODAPE COM IMAGENS ==================================*/
#rodape {
	clear:both;
	width: 640px;
	height: 120px;
	margin-top: -30px;
	margin-right: 60px;
	float: right;
	_margin-right: 10px;
}


#noticias {
	width: 212px;
	heigth: 90px;
	float: left;
}

#noticias img {
	width: 151px;
	heigth: 100px;
	margin: -15px 0 0 0;
}

#chat {
	width: 212px;
	height: 90px;
	float: left;
}

#chat img{
	width:153px;
	height: 100px;
	margin: -15px 0 0 0px;
}

#natureza {
	width: 212px;
	height: 90px;
	float: left;
}

#natureza img {
	width: 160px;
	height: 100px;
	margin: -15px 30px 0 10px;
}

#rodape img {
	float: left;
}

h2 {
	font-size: 14px;
	color: #035269;
	font-weight: bold;
	margin: -10px 0 0 20px;
}

h2.not {
	font-size: 14px;
	color: #035269;
	font-weight: bold;
	margin: -10px 0 0 0px;
}

/* ====================== RODAPÉ PARA PÁGINA INSTITUCIONAL ============================== */

#rodape-inst {
	clear:both;
	width: 640px;
	height: 120px;
	margin-right: 90px;
	float: right;
	_margin-right: 40px;
}


/*=================================== RODAPE COM MENU ==================================*/
#rodape2 {
	cleat: both;
	width: 640px;
	margin-top: 10px;
	margin-right: 90px;
	_margin-right: 40px;
	float: right;
}

#responsabilidade {
	width: 320px;
	float: left;
}

#responsabilidade img {
	width: 119px;
	height: 87px;
}

#ambiente {
	width: 320px;
	float: left;
}

#ambiente img {
	width: 95px;
	height: 93px;
}

#links{
	float: right;
	margin-top: 8px;
}

#rodape2 img.sac {
	float: left;
	margin-top: 15px;
}
#rodape2 ul{
	float: right;
	width: 400px;
	padding-top: 12px;
}
#rodape2 ul li{
	float: right;
	text-transform: uppercase;
	color: #fff;
	font: 11px Arial, verdana, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
}
#rodape2 a{
	color: #fff;
	font: 11px Arial, verdana, Helvetica, sans-serif;
}

#rodape2 a.amarelo{
	color: #837a58;
	font: 11px Arial, verdana, Helvetica, sans-serif;
}

#rodape2 a:hover{
	text-decoration: underline;
}


/*============================ FINAL DE  PÁGINAS ===========================================*/

#fim {
	clear: both;
	width: 100%;
	height: 10px;
}
#clear{
	clear: both;
	width: 100%;
	height: 40px;
	text-transform: uppercase;
}
/*============================ MEIO ===========================================*/
#meio {	
	width:793px;	
	float: left;
	/*height: 600px;*/
	text-align: left;
	position: relative;
	z-index: 1;
	height: 613px;
	background: url('../imagens/meio-bob.png') top left no-repeat;
	/*background: #00f;*/
}

#content{
	width: 793px;
	clear:both;
	height: 613px;
	position:relative;
	float:left;
	z-index: 1000;
	margin-top: -613px;
}


/*============================ INICIAL ===========================================*/
#inicial{
	margin: 80px 70px 0 85px;
}
#inicial h1{
	color: #616161;
	font-size: 13px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 10px;
}

#menu_box{
	text-transform: uppercase;
	color: #9d9d9d;
	float: right;
}
#menu_box ul li{
	float: left;
	margin-left: 11px;
}
#menu_box a{
	text-transform: uppercase;
	color: #9d9d9d;
	background: url("../imagens/bool.gif") left top no-repeat;
	padding: 0px 0 20px 13px;
}

#menu_box a:hover {
	text-decoration: underline;
}

#fundo-ini {
	background: url("../imagens/bg-meio.png") top center no-repeat;
	width: 616px;
	height: 271px;
	margin-top: -35px;
	margin-left: 50px;
}

#logo-bob {
	width: 195px;
	height: 155px;
	margin-top: -232px;
	margin-left: -32px;
}

#flores {
	width: 262px;
	height: 176px;
	position: absolute;
	top: 18px;
	right: 18px;
	_right: 45px;
	z-index: 1;
}

#urso {
	width: 326px;
	height: 276px;
	margin: 21px 0 0 -27px;
	_padding-top:21px;
}

#urso2 {
	width: 276px;
	height: 337px;
	margin: 82px 0 0 -39px;
	_margin: 130px 0 0 -39px;
	_padding-top: 82px;
	*margin: 130px 0 0 -39px;
	*padding-top: 82px;
}

p.conheca {
	color: #fff;
	font-size: 12px;
	margin-bottom: 20px;
}

#produtos a.prod{
	line-height: 20px;
	color: #3e3e3e;
	font-size: 12px;
}

#produtos {
	float: right;
	width: 350px;
	margin-top: -390px;
	right: 115px;
	z-index: 5;
	position: absolute;
}

#todos {
	position: absolute;
	top: 565px;
	right: 60px;
}

#todos a {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#todos2 {
	position: absolute;
	top: 565px;
	right: 60px;
}

#todos2 a {
	color: #959595;
	font-size: 12px;
	font-weight: bold;
}

/* ================= VISUALIZAÇÃO DOS PRODUTOS ======================= */

#imagem-vis {
	width: 300px;
	position: absolute;
	top: -118px;
}	

#desc-produto {
	width: 410px;
	float: right;
	position: absolute;
	top: 135px;
	left: 15px;
	clear: both;
}

p.descr {
	color: #616161;
	font-size:12px;
	line-height: 18px;
}

#paginacao-prod {
	width: 350px;
	height: 24px;
	margin-top: -150px;
}

#ant{
	position: absolute;
	top: 48px;
	right: 380px;
	width: 13px;
	float:left;
}

#prox{
	position: absolute;
	top: 48px;
	right: 20px;
	width:13px;
	float: right;
}

#table-pag{
	position: absolute;
	top: 520px;
	left: 580px;
	}
#table-pag tr td{
	color:#575757;
	font-size:11px;
	font-weight: bold;
	}
	
.pag a{
	text-transform:uppercase;
	color: #575757;
	font-size:11px;
	cursor:pointer;
	padding:0px 8px 5px 8px;
	font-weight: bold;
	}
.pag a:hover{
	color: #da251d;
	font-weight: bold;
	}
.sel a{
	padding:0px 8px 5px 8px;
	font-size:11px;
	font-weight: bold;
	cursor:default;
	color: #da251d;
	}
	
#xthor{
	clear: both;
	width: 166px;
	height: 20px;
	float: right;
	text-align: right;
	padding: 10px 0;
	color: #4c4c4b;
}