/*-------------- CSS RESET --------------*/
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
* {
	padding:0px;
	margin:0px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
html, body {
	height: 100%; 
	overflow:auto;
}
body {background: #f6f6f6 url(../images/bg.gif) repeat-x;}
a {color:#990000;}
#geral {
	background:#fff url(../images/bg_rodape_externo.jpg) repeat-y;
	position:relative;
	margin:0 auto 0 auto;
	padding-left:8px;
	width:988px;
	min-height:100%;	
}
#corpo {padding-bottom:30px;}
ol, ul {list-style: none;}
.left { float:left;}
.right{ float:right;}
#sombra_direita{
	position:absolute;
	background:url(../images/sombra_topo_dir.gif) no-repeat top right;
	width:8px;
	height:225px;
	right:0px;
	}
#sombra_esquerda{
	position:absolute;
	background:url(../images/sombra_topo_esq.gif) no-repeat top left;
	width:8px;
	height:225px;
	left:0px;
}
#topo{
	background:url(../images/bg_topo.gif) repeat-x;
	color:#fff;
	width:974px;
	height:75px;
	_height:76px;
	*height:76px;
	margin-left:-2px;
	padding-right:10px;
}
#menu_topo{
	width:600px;
	float:left;
}
#menu_topo #painel_princ{
background:url(../images/return_painel.gif) no-repeat top left;
width:210px;
height:10px;
padding-left:15px;
}
#topo a{
	color:#fff;
	font-size:11px;
}
#topo span{
	margin:10px 10px 0px 0px;
	font-size:11px;
}
#topo .separador_topo {
	background:url(../images/sep_topo.gif);
	width:5px;
	height:15px;
	text-indent:-999em;
	float:right;
}
#topo #help{
	width:65px;
	height:30px;
	margin:51px 10px 0px 0px;
	float:right;
	display:inline;
}
#topo #menu_help{
	background:url(../images/btn_help.gif) no-repeat top right;
	height:17px;
	display:block;
	cursor:pointer;
	font-size:11px;
	text-align:left;
}
#topo #menu_help li:hover{background:url(../images/btn_help_over.gif) no-repeat top right;}
#topo #menu_help li ul{
	background:#97000C;
	border:1px solid #AF0C18;
	color:#fff;
	position: absolute;
	top: 67px;
	right: 25px;
	display:none;
	text-align:left;
	z-index:999;
}
#topo #menu_help li ul li:hover{background:#6E0009;}
#topo #menu_help li:hover ul{display: block;}
#topo #menu_help li ul li{
	padding:5px;
	border-bottom:1px solid #AF0C18;
}
#titulo{
	background-image:url(../images/logo.jpg);
	src:url(Login.aspx);
	text-indent:-999em;
	width:207px;
	height:75px;	
	float:left;	
	margin-left:-2px;
}
#Produto{
	background-image:url(../images/titulo_externo.jpg);
	width:171px;
	height:75px;
	margin:0px -4px;
	text-indent:-999em;
	float:left;	
}
.clear{clear:both;}
/*-----------  Botões ------------------*/
.button
{
	/*background: url(../images/fd_btn.gif) repeat-x;
	height: 23px;*/
	background: url(../images/bg_button.jpg) repeat-x;
	height: 30px;	
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	padding:0px 5px 0px 5px;
	vertical-align:middle;
}
.button:active{
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:-1px 4px 1px 6px;
}
#divBotao
{
	padding:10px;
	padding-left:165px;
	padding-bottom:20px;
}
/*----------------------------------------*/

/*------------- Conteúdo -----------------*/
#conteudo{
	position:relative;
	width:737px;
	padding:30px;	
	float: left;
}
#conteudo h1, h1.titulo
{
	font-size:15px;
	color:#990000;
	font-weight:bold;
	height: 25px;
	float:left;
}
#conteudo hr, hr.div_titulo{
	border:0px;
	color: #D7D7D7;
	background-color: #D7D7D7;
	height: 4px;
	clear:both;
}
#conteudo #acesso_usuario{float:right;}
#conteudo #acesso_usuario strong{font-weight:bold;}
#conteudo #acesso_usuario u{
	color:#990000;
	text-decoration:underline
}
#conteudo #acesso_usuario span{
display:block;
float:left;
}
#conteudo #acesso_usuario .separador{
	background:url(../images/separador.gif) no-repeat;
	color:#ffffff;
	display:block;
	width:3px;
	height:13px;
	text-indent:-999em;
	float: left;
	margin:2px 5px 0px 5px;
}
/*----------------------------------------*/
/*---------------- RODAPE ----------------*/
#rodape{
	background:#F6F6F6 url(../images/bg_rodape1.gif) repeat-x scroll 0 0;
	border-top:5px solid #999999;
	bottom:0;
	height:40px;
	left:11px;
	margin-left:-3px;
	padding-top:7px;
	position:absolute;
	width:980px;
}
/*#rodape2{
	background:#f6f6f6 url(../images/bg_rodape1.gif) repeat-x;
	bottom:0px;
	width:984px;
	height:40px;
	left: 9px;
}*/

#rodape:after
{
	/*faz com que a div "pai" acompanhe a altura das divs com float*/
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}
div.logo-rodape
{
	margin-left: -10px;
	width: 180px;
	height: 18px;
	float: left;
}
#rodape-links
{
	margin: 0 auto;
	text-align: center;
}
#rodape-links ul li
{
	display: inline;
	border-right: 1px dotted #666;
	width: 25%;
}
#rodape-links ul li.ultimo
{
	border-right: none;
}
#rodape-links ul li a
{
	color: #333;
	font-size: 11px;
	text-decoration: none;
	margin: 30px;
	padding: 5px;
}
#rodape-links ul li a:hover
{
	text-decoration: underline;
}
.btn{cursor:pointer; border:none;}
.none{display:none;}


/* ----------- style.css ----------------*/
/* remember to define focus styles! */
:focus
{
	outline: 0;
}

ol, ul
{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
	/*width: 740px;*/ /*Verificar este item pois altera todo o layout das grids 28/08*/
}
caption, th, td
{
	/*text-align: left;*/
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}

#divRadio, Label
{
	padding-left:10px;
	vertical-align:bottom;
	_vertical-align:top;
	*vertical-align:top;
}
#divRadio tr td
{
	/*background-color:Aqua; 	border-style:solid; 	border-color:Red; 	padding-top:10px;*/
	padding-bottom: 7px;
	_padding-bottom: 0px;
	*padding-bottom: 0px;
}

/*Corrigi o alinhamento de um span/Label no Firefox */
.alinhaSpanFirefox
{
	vertical-align:top;	
}

/*-------------- CONTEUDO --------------*/
/*Formulário*/
#formulario-maior
{
	background: url(../images/bg_formulario_maior.jpg) repeat-y;
	width: 700px;
}

.div-interno
{
	margin: 25px 30px 25px 20px;
}

#formulario-menor, #complementarMenor
{
	background: url(../images/bg_formulario_menor.jpg) repeat-y;
	width: 480px;
}

#formulario-maior, #formulario-menor, #complementarMenor
{
	background-color: #F6F6F6;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	margin-top: 28px;
	margin: 28px auto 0px auto;
}


#form-titulo
{
	padding-left: 15px;
	padding-top: 5px;
	height: 25px;
	background: url(../images/bg_titulo_formulario.jpg) repeat-x;
	font-family: Verdana;
	font-size: 15px;
	color: #990000;
	font-weight: bold;
	margin-bottom: 10px;
}
.formTitulo
{
	padding-left: 15px;
	padding-top: 5px;
	height: 25px;
	background: url(../images/bg_titulo_formulario.jpg) repeat-x;
	font-family: Verdana;
	font-size: 15px;
	color: #990000;
	font-weight: bold;
	width: 420px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 28px;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #999999;
	border-bottom: none;
}

.form-tabela-1
{
	width: 100%;
	padding: 3px 3px 3px 1%;
}
.form-tabela-2
{
	width: 395px;
}
.form-tabela-2 td
{
	padding-left: 15px;
}
.form-tabela-1 tr, .form-tabela-2 tr
{
	height: 43px;
}

.formComplementarMenor
{
	background-color: #F6F6F6;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	margin-top: 28px;
	margin: 28px auto 0px auto;
}

.focoLabel
{
	/*	background-color: #F4F4F4;*/
	background-color: blue;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

.focoInput
{
	background-color: red;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

/*Tabela do formulário*/
.form-td
{
	height: 43px;
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	vertical-align: middle;
}

.form-td-foco
{
	background-color: #F4F4F4;
	height: 43px;
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	vertical-align: middle;
}

.form-td-erro
{
	color: #CC0000;
	/*background-color: #F4F4F4;*/
	height: 43px;
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	vertical-align: middle;
}

/*------------------------------------------------*/


/*********************************************/
.testchb 
{
	
   padding: 5px 0 0 0;
   background: #EEEEEE;
   border: solid 1px #999999;

 }

.form-box
{
	background: #EEEEEE;
	border: solid 1px #999999;
}

.form-box-foco
{
	background: #FFFFFF;
	border: solid 1px #999999;
}

.form-box-erro
{
	background: #FFFFDD;
	border: solid 1px #CC0101;
}

.form-box-disabled
{
	background: black;
	border: solid 1px #999999;
}

.form-box, .form-box-foco, .form-box-erro
{
	height: 21px;
	font-family: Verdana;
	font-size: 13px;
	color: #333333;
	vertical-align: middle;
}

.texto-mensagem
{
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	vertical-align: middle;
}

.texto-alerta
{
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	color: #CC0000;
	vertical-align: middle;
}

.texto-erro
{
	font-weight: bold;
	color: #CC0000;
}