/* CSS Document */
* { margin: 0; padding: 0; border: none; text-decoration: none; border-collapse: collapse; font-family:  "Trebuchet MS", Arial, Helvetica, Verdana;	
	font-size: 11px; }

/* tags */
img {	vertical-align: middle; }
h1 a {	float: left;  width:115px;  height: 48px;  display:block;  background-repeat:no-repeat;  text-indent:-9999px;	text-align: left;  overflow: hidden; }
h6 { color: #F00; font-size:12px; display: inline; }
title { text-transform: uppercase; }
h2, caption, legend { background:url(../imagens/h2_fundo.gif) top left repeat-y #FFF; color:#FFF; text-transform:uppercase; 
 text-align:left; border-bottom:1px solid #AAA9A9; }
legend { padding:0 5px 0 5px; margin-top:10px; color:#000; }
body { background: #F0EDEF }

form { margin-bottom: 10px; float: left; width: 100%; }
fieldset { background: #EFEFEF; padding: 3px; margin-bottom:10px; -moz-opacity:0.9; }
label, .label, div.noWidth { float: left; clear: left; padding: 4px; }
label span, .label span { float: left; width: 200px; text-align: right; margin: 0 10px 10px 0; }
label.noWidth, div.noWidth { clear: none; width: auto; margin-right: 20px; }
div.noWidth span { float:left; }
label.noWidth span { width:auto } /* para ordenar listas */
input, select, textarea { float: left; color: #333; border: 1px solid #FF8080; }
input { height: 20px; margin-right: 5px; }
input[type=image] { border:none }
.radio { border: none; }
#submit { float: left; clear: both; background: repeat-x top left url(../imagens/input_fundo.gif); padding: 0 5px 0 5px; height: 20px; margin: 1px 0 5px 0; }
#submit:hover, .submit:hover {	background: url(../imagens/input_fundo_hover.gif); border: 1px solid #0066FF; } 
.submit { float: left; clear: both; background: repeat-x top left url(../imagens/input_fundo.gif); padding: 0 5px 0 5px; height: 20px; margin:1px 0 5px 0; 
	border:1px solid #CCC; color:#000; }

/* ids */
#topo { float:right; height:30px; text-align:right; color:#666; width:100% }
#topo a { color:#666; padding:5px }
#topo h1 a { background-image:url(../imagens/logo_topo.gif); width:91px; height:32px; }

/*** demais pagina ***/
#menu { float:left; clear:both; width:100%; border-bottom:1px solid #CCC; margin-bottom:10px;
	background:url(../imagens/menu_fundo_ul.gif); z-index:-3; }
#menu ul li a, #menu ul li a:visited { text-indent:3px; display:block; color:#333; height:25px;
	line-height:25px; padding-left:3px; padding-right:10px; }
#menu ul li { list-style: none; float: left; position:relative; }
#menu ul li ul { display: none; border-bottom: 1px solid #CCC; }

/* specific to non IE browsers */
#menu ul li:hover a { color:#000; background: url(../imagens/menu_fundo_ul_hover.gif); }
#menu ul li:hover ul { display: block; position:absolute; top:25px; left:0px; width: 180px; z-index:1; }
#menu ul li:hover ul li a.hide { background: url(../imagens/menu_fundo_ul.gif); color:#333; }
#menu ul li:hover ul li:hover a.hide { width: 180px; }
#menu ul li:hover ul li ul { display: none; }
#menu ul li:hover ul li a { display:block; background: url(../imagens/menu_fundo_ul.gif); color:#333; width:170px; }
#menu ul li:hover ul li a:hover { background: url(../imagens/menu_fundo_ul_hover.gif); color:#333; }

#menu ul li:hover ul li:hover ul { display:block; position:absolute; left:180px; top:0; color:#000; }
#menu ul li:hover ul li:hover ul li a { display:block; width:170px; background: url(../imagens/menu_fundo_ul.gif); color:#333; }
#menu ul li:hover ul li:hover ul li a:hover { background: url(../imagens/menu_fundo_ul_hover.gif); color:#000; }

#conteudo { float:left; clear:left; width:100% }

/*** pagina de login ***/
#login { margin: 50px auto;	width: 410px;	display: table;	padding: 25px 0 25px 0; }
#login h1 a {  background-image: url(../imagens/logo.gif); }
#login #dados {	margin-left: 130px;	border-left: solid 1px #CCC;	padding-left: 15px; }
#login #dados form fieldset { background:none; }
#login #dados form fieldset label { width:100%; }
#login #dados form fieldset label span { width:50px; }
#login #dados form fieldset a { color:#999; line-height: 30px;}
#login #dados form legend { background: none; border: none; font-size: 12px;	color: #F00;	font-weight: bold;	padding: 10px 0 10px 0; }

#rodape { float:left; clear:left; border-top: solid 3px #CCC; background:#F3F3F3; height: 20px; width: 100%; text-align:right; }
#rodape p { padding: 0 10px 0 10px; }

/* class */
.alertas { margin: 10px 0 10px 0; background: #F4F4F4; font-weight:bold; text-transform:uppercase }
.alertas img { position: absolute; right: 20px; margin-top: 5px; cursor: pointer; }
#acerto { list-style:url(../imagens/icon_acerto.png) inside; color:#06F; }
#alerta { list-style:url(../imagens/icon_alerta.gif) inside; color:#960; }
#erro { list-style:url(../imagens/icon_erro.png) inside; color:#F00; }

.hidden { display:none }
.visibleBlock { display:block }
.clear { float: left; clear:both; }
.fLeft { float: left; width:auto; margin:auto; width:100%; }
.textInput { float:left; width:auto; margin:0; }
.cBold { font-weight:bold }
.infoDinamic { float:left; clear:left; margin-left:215px }
.infoDinamic span { display:block }

.tabular { float: left; width:100%; margin-bottom:10px; background:#FFF;  }
.tabular thead td { font-weight: bold; color: #999; border-bottom: 1px dotted #0099FF; height: 25px; padding: 2px; }
.tabular div.apendices { float:right; margin: 0 10px 0 20px; }
.tabular div.apendices a { color: #666; margin-right:10px }
.tabular tbody tr:hover { background: #F2F2F2; }
.tabular tbody td { border-bottom: 1px dotted #CCC; height: 25px; padding: 2px; }
.tabular a { color:#333; }
.tabular tfoot td { background:#EFEFEF; font-weight:bold }

.dados { float:left; width:100%;  margin-bottom:10px; background:#F3F3F3; text-align: left; }
.dados caption { background: #F8F8F8; font-weight: bold; color: #000; line-height: 30px; }
.dados thead th, .dados thead td { font-weight: bold; color: #F00; border: 1px dotted #0099FF; height: 25px; padding: 5px; }
.dados thead th { width: 200px; }
.dados tbody th, .dados tbody td { border: 1px dotted #CCC; height: 25px; padding: 5px; }
.dados tbody th { width: 200px; }
.dados tfoot td { line-height: 30px; text-indent: 5px; background: #F5F5F5; font-style:italic; } 

.print { float: left; width:100%; margin-bottom:10px; background:#FFF;  }
.print thead td { font-weight: bold; color: #999; border-bottom: 1px dotted #0099FF; height: 25px; padding: 2px; }
.print tbody tr:hover { background:#F2F2F2; }
.print tbody td { border-bottom: 1px dotted #CCC; height: 25px; padding: 2px; }

.dados_simples { float:left; margin-bottom:30px }
.dados_simples thead { font-weight:bold; color:#F00; border:1px dotted #0099FF; height:25px; padding:5px; }
.dados_simples td { padding:5px 20px 5px 5px; border:1px solid #CCC }

/*** demais pagina ***/
.opcoes { -moz-opacity:0.99; }
.opcoes ul li a, .opcoes ul li a:visited { display: block; }
.opcoes ul li { list-style: none; float: left; margin-right: 1px; position:relative; }
.opcoes ul li ul { display: none; }
.opcoes ul li ul li img { margin-right: 5px; } 
/* specific to non IE browsers */
.opcoes ul li:hover a { color:#000; }
.opcoes ul li:hover ul { display: block; position:absolute; top:0; left: 17px; border: 1px dashed #999; }
.opcoes ul li:hover ul li a.hide { background: #dfc184; color:#000; }
.opcoes ul li:hover ul li:hover a.hide { width: 150px; }
.opcoes ul li:hover ul li ul { display: none; }
.opcoes ul li:hover ul li a { display:block; color:#F00; background: #FAFAFA; width: 200px; padding: 3px; border-bottom: 1px dotted #CCC; }
.opcoes ul li:hover ul li a:hover { background: #ECECFF; color:#000; }

.abas { display:block; height:20px; background:#FFF; margin-bottom:-9px }
.abas li { list-style: none; float:left; background: url(../imagens/abas_fundo.gif) repeat-x top left; border-right: 1px solid #999; }
.abas li a { color: #666; display: block;  height: 20px;	padding: 0 15px 0 15px; }
.abas li a:hover { background: url(../imagens/abas_fundo_hover.gif) repeat-x; color: #000; }
.abas li.selected { background: url(../imagens/aba_fundo_selected.gif) repeat-x; }
.abas li.selected a { color:#000; }

.sub_opcoes { float:left;; width:100%; margin-bottom:20px; }
.sub_opcoes ul { float:right; border:1px solid #999; width:100%; margin-top:10px }
.sub_opcoes ul li { list-style-position:inside; list-style-image:url(../imagens/icon_ind_link.png); float:left; padding:5px }
.sub_opcoes ul li:hover { background:#EBEBEB }

.comentarios { color:#900 }
.comentarios:hover { cursor:help; }
.comentarios span { color:#000; position:absolute;	width:150px; border:1px dotted #06F; padding:2px;	background:#FFFAAE;	
	visibility:hidden; display:none; z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* casos especiais */
.paginacao a { color: #666; }
label.telas, label.subtelas, label.sub_subtelas { float: none; display: block; margin-left: 40px; color: #060; width: 210px; }
label.telas input, label.subtelas input, label.sub_subtelas input { margin-top: 5px; }
label.subtelas { margin-left: 80px; }
label.sub_subtelas { margin-left: 120px; }
.pg_atual { background: #CCC; }
.check_selecao { margin: 0 15px 0 5px }
#check_todos_selecao { float:left; margin: 0 10px 0 2px; cursor:pointer }
#des_marca { cursor:pointer; }

dl dt { float: left; clear: both; padding: 20px 0 5px 0; font-weight: bold; text-transform:uppercase; width: 100%; }
dl dd { float: left; height: 20px; width: 33%; }

/* sub menu (usado em clientes e analises) */
.menu_cliente { float:left; width:100%; margin-bottom:10px; background:#FFF }

.menu_cliente ul { list-style: none; }
.menu_cliente ul li { float:left; background:url(../imagens/abas_fundo_canto.gif) right bottom no-repeat; padding-right:20px; margin-top:5px; 
	border-bottom:1px solid #999; line-height:20px }
.menu_cliente ul li:hover { background:url(../imagens/abas_fundo_canto_hover.gif) right bottom no-repeat; }
.menu_cliente ul li a { color: #000; display:block; background:url(../imagens/abas_fundo.gif) right bottom; padding-left:5px }
.menu_cliente ul li a:hover { background:url(../imagens/abas_fundo_hover.gif) right bottom; }
.menu_cliente ul li.selected { font-weight:bold; }
.menu_cliente ul li.selected a { font-size:14px }

.submenu_cliente { float: left; width: 100%; margin-bottom: 10px; }
.submenu_cliente ul { list-style: none; }
.submenu_cliente ul li { float:left; background:url(../imagens/abas_fundo_canto.gif) right bottom no-repeat; padding-right:20px; margin-top:5px; border-bottom:1px solid #999 }
.submenu_cliente ul li:hover { background:url(../imagens/abas_fundo_canto_hover.gif) right bottom no-repeat; }
.submenu_cliente ul li a { color:#000; display:block; background:url(../imagens/abas_fundo.gif) right bottom; padding-left:5px }
.submenu_cliente ul li a:hover { background:url(../imagens/abas_fundo_hover.gif) right bottom; }
.submenu_cliente ul li.selected { font-weight:bold; }
.submenu_cliente ul li.selected a { font-size:14px; color:#009900 }


/* implementacao pra suggests */
#suggests, #suggests_vendno { float:left; clear:left; margin:-10px 0 0 215px; border:1px solid #CCC; background:#FFF; z-index:999; }
#suggests a, #suggests_vendno a, .suggestsOut { display: block; color: black; padding: 0 10px 0 10px; border-bottom: 1px solid #CCC; }
.suggestsHover { background: #FF9; }
.suggestsVisible { display: block; }
.suggestsHidden { display: none; }
.cabecalho { display:block; height:50px; border-bottom:1px solid #000 } 
.cabecalho img { float:left; margin:0; border:0; }
.cabecalho h3 { float:left; font-size:16px; line-height:60px; margin-left:10px; color:#999 } 

/* blocos de informacoes */
#infos { display:block; float:left; margin-bottom:30px; }
#infos h3 { float:left; clear:left; width:600px; margin-top:10px; background:url(../imagens/h2_fundo.gif) top left repeat-y #FFF; color:#FFF; 
	text-transform:uppercase; text-indent:3px; text-align:left; border-bottom: 1px solid #AAA9A9; text-indent:5px }
#infos h4 { float:left; clear:left; font-size:12px; color:#333; background:#CCC; height:25px; line-height:25px; text-indent:5px; width:200px; margin-bottom:1px;
 text-indent:5px }
#infos p { float:left; clear:left; font-size:12px; color:#333; background:#F5F5F5; padding:5px; width:590px; border-bottom:1px dotted #666;
 text-indent:5px }

/* Target IE7 only */
html>body #menu { *margin-top:30px; }
/* end */