/* =Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0;}
html, body {height: 100%;}
* html #tudo {height: 100%;}
img, form, ul, li{margin:0px; padding:0px; border:0px; list-style:none;} 
Body {font:12px Arial, Helvetica, sans-serif; color:#000000; background:url(../_img/bg_all.jpg) no-repeat center top;}

/* =Links
-----------------------------------------------------------------------------*/
a:link, visited, active, hover {border:0px; color:#000000;}
a:link {text-decoration:none; color:#000000;}
a:visited, active{text-decoration:none; color:#000000;}
a:hover {text-decoration:underline; color:#000000;}/*-- mudar essa cor Link Ativo--*/
a.white:link, visited, active, hover {border:0px; color:white;}
a.white:link {text-decoration:none; color:white;}
a.white:visited, active{text-decoration:none; color:white;}
a.white:hover {text-decoration:underline; color:white;}/*-- mudar essa cor Link Ativo--*/

/* =Formatação de Texto
-----------------------------------------------------------------------------*/
p {margin:3px; margin-bottom:15px;}
.vermelho {color:#d1282e;}
.white {color:white;}
h1 { font-size:16px; padding-left:30px; background:url(../_img/ico_h1.gif) no-repeat left; margin-bottom:15px;}
h2 { font-size:16px; padding-left:30px; background:url(../_img/ico_h2.gif) no-repeat left; margin-bottom:15px;}
h3 { font-size:16px; padding-left:30px; background:url(../_img/ico_h3.gif) no-repeat left; margin-bottom:15px;}
.mais {padding-left:20px; background:url(../_img/marcador_mais.gif) no-repeat left; text-align:center;}
.aviso{padding:7px 7px 7px 30px;font-size:14px;font-weight:bold;background: url(../_img/exclamacao.jpg) no-repeat left  #ffff99 ;background-position:5px 5px}

/* =Formulários
-----------------------------------------------------------------------------*/
label {display:block; margin:8px 0px 0px 0px;}
.label label{display:inline;margin:8px 0px 0px 5px;}
input, select {font:11px Arial, Helvetica, sans-serif; padding:1px; border:1px solid #999999;}

/* =Divs Pricipais do Site
-----------------------------------------------------------------------------*/
#direita {float:right; width:auto; position:relative;}
#esquerda {float:left; width:auto; position:relative;}
#center {width:789px; margin:0 auto; padding-top:35px;}
#clear{clear:both;}

/* = Estrutura
-----------------------------------------------------------------------------*/
#tudo {width: 100%; margin: 0 auto; position: relative; min-height: 100%;}
#topo {width: 100%; background:url(../_img/bg_vermelho.jpg) repeat-x; height:87px;}
#corpo {width:965px; height:auto; clear:both; margin:0 auto; padding:0px 0px 213px 0px; position:relative;}
#rodape {position:absolute; width: 100%; height:213px; bottom:0;}

/* = Login Sistema de Produtos
-----------------------------------------------------------------------------*/
#bg_login {width: 100%; margin: 0 auto; position: relative; min-height: 100%; background:url(../_img/bg_produtos.jpg) top center no-repeat;}
#box_padding {padding-top:142px; width: 100%;}
#box_login { background:url(../_img/box_login.jpg) top no-repeat; width:245px; height:190px; margin:0 auto; padding:20px;}
#olasistema { position:absolute; top: 10px; left:16px;}
#painel {position:absolute; top:10px; right:2px;}
/* Estilos do datagrid */
.grid {margin-top:7px; margin-bottom:15px;}
.grid input{ border:none}
.grid-header{border:2px solid #333333; background-color:#CF262D; font-size:13px; color:white;}
.grid-header a:link{background-color:#CF262D; font-size:11px; color:white;}
.grid-header a:hover{ background-color:#CF262D;	font-size:11px;}
.grid-row{ font-size:11px; background-color:#ffffff;}
.grid-row2 { font-size:11px; background-color:#dbe2e7;}
.grid-row a:link, visited, active, hover {border:0px; color:#404F86;}
.grid-row a:link {text-decoration:none; color:#404F86;}
.grid-row a:visited, active{text-decoration:none; color:#404F86;}
.grid-row a:hover {text-decoration:underline; color:#404F86;}/*-- mudar essa cor Link Ativo--*/
.grid-row2 a:link, visited, active, hover {border:0px; color:#404F86;}
.grid-row2 a:link {text-decoration:none; color:#404F86;}
.grid-row2 a:visited, active{text-decoration:none; color:#404F86;}
.grid-row2 a:hover {text-decoration:underline; color:#404F86;}/*-- mudar essa cor Link Ativo--*/
.paginacao span{ font-weight:bold; color:#000;}
.paginacao a{ font-weight:normal;}

/*

/* = Topo
-----------------------------------------------------------------------------*/
#menu { width:985px; height:87px; margin:0 auto; font-size:11px; font-weight:bold;}
#h_mnu_01{ width: 100%; text-decoration: none; text-align:center;}
#h_mnu_01 ul{ margin: 0; padding: 0; float: left; width: auto; border-left:1px solid #f68469; border-right:1px solid #f68469;}
#h_mnu_01 ul li{display: inline;}
#h_mnu_01 ul li a{ float: left; color: #ffffff;	padding: 35px 37px 37px 36px; text-decoration: none; width:auto; border-left:1px solid #f68469; border-right:1px solid #f68469;}
#h_mnu_01 ul li a:visited{color: #ffffff;}
#h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected{ color: #FFFFFF !important; text-decoration:underline; width:auto; background:url(../_img/marcador_seta.gif) left center no-repeat;}

/* = Conteúdos
-----------------------------------------------------------------------------*/
#logo { float:left; width:auto; padding:60px 10px 10px 10px; height:110px; text-align:center;}
#logo_interna { float:left; width:258px; padding:60px 10px 10px 10px; height:110px; text-align:center;}
#banner_top { float:right; width:auto; margin-top:3px;}
#box1 { float:left; width:290px; height:345px; margin-bottom:3px; margin-top:15px; background-image:url(../_img/box1.png);
_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box1.png', sizingMethod='scale'); /* Essa coloca um filtro pra o IE6 ler o PNG */}
#box2 { float:right; width:623px; height:315px; margin-bottom:3px; padding:25px;
background-image:url(../_img/box2.png); 
_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box2.png', sizingMethod='scale'); /* Essa coloca um filtro pra o IE6 ler o PNG */}
#box3 { float:left; width:518px; height:152px; padding:25px; margin-bottom:5px;
background-image:url(../_img/box3.png); 
_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box3.png', sizingMethod='scale'); /* Essa coloca um filtro pra o IE6 ler o PNG */}
#box4 { float:right; width:365px; height:152px; padding:25px; margin-bottom:5px; padding-right:15px; padding-left:15px; 
background-image:url(../_img/box4.png); 
_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box4.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_busca { float:left; width:258px; height:350px; padding:25px; margin-bottom:5px; padding-right:15px; padding-left:15px;
background-image:url(../_img/box_busca.png); 
_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box_busca.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_conteudo { float:right; width:622px; padding:0px 25px 0px 25px; margin:45px 0 45px 0; position:relative; text-align:justify;
background-image:url(../_img/box_conteudo_corpo.gif); background-repeat:repeat-y;
/*_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box_conteudo_corpo.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_conteudo_topo { position:absolute; left:0px; top:-25px; width: 676px; height: 25px; background:url(../_img/box_conteudo_topo.gif);_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box_conteudo_topo.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_conteudo_rodape { position:absolute; left:0px; bottom:-25px; width: 676px; height: 25px; background:url(../_img/box_conteudo_rodape.gif); _background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box_conteudo_rodape.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_conteudo2 { float:left; width:912px; padding:0px 25px 0px 25px; margin:45px 0 45px 0; position:relative; text-align:justify;
background-image:url(../_img/box_conteudo_corpo2.gif); background-repeat:repeat-y;
/*_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box_conteudo_corpo.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_conteudo_topo2 { position:absolute; left:0px; top:-25px; width: 961px; height: 25px; background:url(../_img/box_conteudo_topo2.gif);_background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box_conteudo_topo.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_conteudo_rodape2 { position:absolute; left:0px; bottom:-25px; width: 961px; height: 25px; background:url(../_img/box_conteudo_rodape2.gif); _background-image: none; /* Essa é pra o IE6, pra ele não ler o PNG padrão */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/box_conteudo_rodape.png', sizingMethod='scale'); /* filtro pra o IE6 ler o PNG */}
#box_capa1 { background:url(../_img/box_capa.png) no-repeat; padding:20px; width:280px; float:right; height:210px; margin-bottom:25px;}
#box_capa2 { background:url(../_img/box_capa.png) no-repeat; padding:20px; margin-left:10px; float:left; width:300px; height:210px; margin-bottom:25px;}

/* = Rodape
-----------------------------------------------------------------------------*/
#assinatura {width:100%; height:87px; background:url(../_img/bg_vermelho.jpg) repeat-x; color:#FFFFFF;}
#assinatura a:link, visited, active, hover {border:0px; color:#ffffff;}
#assinatura a:link {text-decoration:none; color:#ffffff;}
#assinatura a:visited, active{text-decoration:none; color:#ffffff;}
#assinatura a:hover {text-decoration:underline; color:#ffffff;}/*-- mudar essa cor Link Ativo--*/
#aviso {width:100%; height:25px; background:#f4f4f4; text-align:center; padding-top:10px; color:#659357;}
#apoio {text-align:center; width:972px; height:91px; margin:0 auto; background:url(../_img/patrocinios.jpg) center no-repeat;}
/*-----------------------------------------------------------------------------*/

/* -!-  TabBox -!-*/
.tab-inativa, .tab-ativa
{
	position:		relative;
	display:		inline;
	float:			left;
	text-align:		center;
	padding:		15px 1px 0px 1px;
	margin:			1px -2px -2px -2px;
	border:			0px  solid;
	z-index:		1;
	top:			-14px;
	height:			30px;
	width:			145px;
}
.tab-inativa {background:url(../_img/tabDir_off2.jpg) no-repeat center top;}
.tab-ativa {background:url(../_img/tabDir_on2.jpg) no-repeat center top;}

.tab-conteudo
{
	clear:			both;
	z-index:		1;
	position:		relative;
	top:			-3px;
	padding:		6px;
	padding-left:   20px;
	padding-right:  8px;
}

.tab-box {
	float:left;
	position:relative;
	top:0px;
	width:100%;
}
.tab-inativa a, .tab-ativa a
{
	text-decoration: none;
	font-weight: bold;
	font-size:14px; padding-left:21px; background:url(../_img/ico_h1_tab.gif) no-repeat left;
}
.tab-inativa a:hover, .tab-inativa a:focus
{
	text-decoration: underline;
	/*font-weight: bold;*/
}
/* -!-  TabBox DetalheBusca -!-*/
.tab-inativa2, .tab-ativa2
{
	position:		relative;
	display:		inline;
	float:			left;
	text-align:		center;
	padding:		12px 1px 5px 1px;
	margin:			1px -2px -2px -2px;
	border:			0px  solid;
	z-index:		1;
	top:			-14px;
	height:			30px;
	width:			126px;
}
.tab-inativa2 {background:url(../_img/tabDir_off2.jpg) no-repeat center top;}
.tab-ativa2 {background:url(../_img/tabDir_on2.jpg) no-repeat center top;}

.tab-conteudo2
{
	clear:			both;
	z-index:		1;
	position:		relative;
	top:			-3px;
	padding:		6px;
	padding-left:   15px;
	padding-right:  8px;
}

.tab-box2 {
	float:left;
	position:relative;
	top:0px;
	width:100%;
}
.tab-inativa2 a, .tab-ativa2 a
{
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
}
.tab-inativa2 a:hover, .tab-inativa2 a:focus
{
	text-decoration: underline;
	/*font-weight: bold;*/
}

/* -!- Outros -!-*/ 
#mbox
{
	background-color:#FFF1AC;
	border:1px solid #FBDD48;
}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(overlay.png);}
.dialog {display:none}

* html #ol{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}
/* ----------------------------------------------------------------------------------------------------------------------------------  FIM  */
/* = Document CSS = by TracerSoft -> Favato = */@charset "utf-8";