/*------------------------- LAYOUT */
body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
	text-align: center;
	background-color: #fff; }
#background {
	background-color:#FFF;
	border: 1px solid #999;
	text-align:center; }
#topo {
	width: 250px;
	background: url(../imagens/logomarca.jpg) top left no-repeat;
	text-align:center; }
#topo2 {
	width: 250px;
	background: url(../imagens/logomarca2.jpg) top left no-repeat;
	text-align:center; }
#mapa_topo { background: url(../imagens/mapa_c03.gif) top left no-repeat; }
#mapa_topo2 { background: url("../imagens/mapa_topo.jpg") top left no-repeat; }
#azul {
	background: url(../imagens/azul.jpg) top left repeat-y;
	text-align:center; }
	
/*------------------------- MENU */
#menu {
	text-align:left;
	vertical-align: middle; }
#menu div {
	width: 510px; }
#menu ul.nav { 
	float:left;
	margin:0px;
	padding:0px; }
#menu ul.nav li {
	list-style:none;
	position:relative;	
	display:inline; }
#menu ul.nav li a {
	float:left;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	color:#999;
	height:45px;
	width:98px;
	border-right: 2px solid #999; }
#menu ul.nav li a:hover {
	color:#0053a5;
	text-decoration:none;
	border-right: 2px solid #999; }

/*------------------------- MENU 2 */
#menu2 {
	text-align:left;
	vertical-align: middle; }
#menu2 div {
	text-align:left;
	width: 425px; }
#menu2 ul.nav { 
	text-align:left;
	float:left;
	margin:0px;
	padding:0px; }
#menu2 ul.nav li {
	text-align:left;
	list-style:none;	
	display:inline; }
#menu2 ul.nav li a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#999;
	float:left;
	line-height: 15px;
	height:15px;
	width:85px;
	border-left: 1px solid #999; }
#menu2 ul.nav a:hover{
	color:#0053a5; }

/*------------------------ FORMULÁRIOS */
#form select {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background-color:FFF; 
	color:#0053a5; }
#form input { 
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background-color:FFF; 
	color:#0053a5; }
#form textarea { 
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background-color:FFF; 
	overflow: auto;
	color:#0053a5; }
#form input.btn { 
    padding-rigth:10px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFF;
	background:#0053a5;
	border: 0px;
    height: 18px;
	width: 40px; }
#form input.btn2 { 
    padding-rigth:10px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFF;
	background:#0053a5;
	border: 0px;
    height: 18px;
	width: 80px; }

/*------------------------ FONTES */
.style1 { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; }
.empresa { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; }
.empresa:first-letter { font: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size:xx-large; }
.style2 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; }
.style3 { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
.style4 { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; text-decoration:underline; }
.style5 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #0053a5; font-weight: bold; }
.style6 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; }
.style7 { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #0053a5; }
.style8 { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #000; }
a { text-decoration: none; color: #000000; }

/*------------------------ DIVERSOS */
#linha {
	border-left: 1px solid #0053a5; }
#mapa {
	width: 235px;
	height: 170px;
	position:relative;	
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background: #FFF url(http://www.5estrelas.ind.br/imagens/mapa.jpg) top right no-repeat; }
#mapa a {
	cursor: pointer;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#666;
	width: 235px;
	height: 170px;
	text-align:left;
	text-decoration:none; }
#xthor { padding-left: 10px; }
#xthor a:hover { text-decoration:underline; }
td.repre { border-bottom: 1px solid #0053a5; }
#itens {
	font: 10px Verdana, Arial, Helvetica, sans-serif; }
#itens a { 	color: #0035a5; }
#itens a:hover { color: 000; padding-left: 5px; color: #000; }
#legenda {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 20px;
	text-align: left;
	background: #999;
	color: #FFF;
	height: 35px;
	line-height: 35px; }

/*------------------------ PAGINAÇÃO */
#paginacao {
	margin: 0px auto;
	text-align: left;
	width: 110px;
	height: 25px; }
.pag {
	margin: 3px;
	float: left;
	text-align: center;
	}
.pag a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 18px;
	height: 18px;
	color: #0053a5;
	line-height: 18px;
	position:relative;
	display: block; }
.pag a:hover {
	color: #fff;
	background: #999; }
.pag_sel {
	margin: 3px;
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 18px;
	height: 18px;
	background: #0053a5;
	color: #FFF;
	line-height: 18px;
	position:relative;
	display: block; }
td.not {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	width: 18px;
	height: 18px;
	color: #0053a5;
	line-height: 18px; }
td.list {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	height: 20px;
	color: #000;
	line-height: 20px; }
td.tit {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000; }
td.dat {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999; }
#left {
	text-align:left;
	width:240px;
	float:left;
	padding:25px 5px;
}
.linha {
	border-bottom:1px #0052a4 solid;
	height:1px;
	margin:4px 0;
	background:none;
}
#left ul.produto_menu {
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0;
}
#left ul.produto_menu li {
	vertical-align:middle;
	text-indent:47px;
	border-top:1px #eaeaea solid;	
	height: 32px;
	line-height: 32px;
	}
#left ul.produto_menu li a{
	color:#000;
}	
#left ul.produto_menu li a:hover {
	text-decoration:underline;
}	
#left ul.produto_menu li.selecionado {	
/*	background:#0052a4 url(../imagens/selecionado.gif)   92% no-repeat;*/
	background:#fff url(../imagens/back_menu.jpg)  50% center no-repeat;
	color:#fff;	
	vertical-align:middle;
}
#right {
	text-align:left;
	width:500px;
	float:right;
	padding-top:15px;
}
#right .img {
	margin:10px;
}
#right .image {
	margin:2px 10px;
}
.titulo {
	font-size:12px;
	text-transform:uppercase;
	color:#0052a4;
	margin:3px 10px;
	padding:10px 0;
}
#texto {
	color:#333;
	margin:5px 10px 10px;
}
#numeration {
	clear:both;
	padding:6px 0;
	margin:0 8px;
	text-align:left;
	width:300px;	
}
#numeration a {
	padding:1px 4px;
	margin:0 2px;
	color:#0052a4;
	height:15px;
	float: left;
}
#numeration a.sel {
	height:15px;
	background: url('../imagens/back_pag1.gif') top left no-repeat;
	color:#fff;
	float:left;
}
/*paginacao*/
#numeration a.pag {
	height:15px;
	color:#0052a4;	
}
#numeration a.pag:hover {
	background: url('../imagens/back_pag1.gif') top left no-repeat;
	color:#fff;
}
#produto {
	width:100%;
	background: url(../imagens/produto_bg.gif) top left repeat-y;
}
#produto_list {
	width: 218px;
	float: left;
	margin:5px 8px;
	height: 175px;
	text-align: center;
}
#produto_list a {color: #333333;}
#item {
	   background:#0052a4 url(../imagens/azul.jpg) top left repeat-y;
	   height:34px;
	   line-height: 34px;
	   width:100%;
	   text-indent: 10px;
	   text-align: left;
	   color:#fff;
	   font-size:12px;
	   font-weight: bold;}