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

/* 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 { color: #FFF; font-weight:bold; text-transform: uppercase; text-align: left; }
legend { padding: 0 5px 0 5px; background: #FFF; font-weight: bold; }
body{ background: url(../imagens/background_01.png) repeat-x top left #1E5897; } 

form { margin-bottom: 10px; float: left; width: 100%; }
fieldset { border: 1px solid #EFEFEF; padding: 3px; margin-bottom: 20px; -moz-opacity: 0.9; }
label, .label { float: left; clear: left; padding: 4px; }
label span, .label span { float: left; width: 200px; text-align: right; margin: 0 10px 10px 0; }
label.noWidth, span.noWidth { float: left; clear: none; width: auto; margin: 0 45px 10px 0; }
span.noWidth span { float: left; }
input, select, textarea { float: left; color: #333; border: 1px solid #999; }
input { height: 20px; margin-right: 5px; }
.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 {	background: url(../imagens/input_fundo_hover.gif); border: 1px solid #0066FF; } 

/* ids */
#topo {	border-bottom: solid 2px #DEECF8;	padding: 3px 10px 3px 10px;	background: repeat-x top left url(../imagens/topo_fundo.gif);	height: 35px;	text-align: right; color: #FFF; }
#topo h1 a { background-image: url(../imagens/logo_topo.gif); width: 91px; height: 32px; }

/*** demais pagina ***/
#menu { position:absolute; width: 150px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #CCC; border-right: 2px solid #CCC;
 top:35px; bottom:0; left:0; background: url(../imagens/menu_fundo.gif) repeat-x bottom left #FFF;  margin-bottom: 200px;}
#menu ul li a, #menu ul li a:visited { text-indent: 5px; display: block; color: #1E5897; width: 150px; height: 25px; line-height: 35px;
	border-bottom: 1px solid #CCC; line-height: 38px; }
#menu ul li { list-style: none; float: left; margin-right: 1px; position:relative; }
#menu ul li ul { display: none; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;  }

/* specific to non IE browsers */
#menu ul li:hover a { color: #FFF; background: url(../imagens/menu_fundo_ul_hover.gif); }
#menu ul li:hover ul { display: block; position:absolute; top:0; left:150px; width: 180px; }
#menu ul li:hover ul li a.hide { background: #dfc184; color:#000; }
#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; color:#1E5897; background:#FFF; width:180px; }
#menu ul li:hover ul li a:hover { background: url(../imagens/menu_fundo_ul_hover.gif); color:#FFF; }
/* 3a opcao d menu
#menu ul li:hover ul li:hover ul { display:block; position:absolute; left:151px; top:0; color:#000; }
#menu ul li:hover ul li:hover ul li a { display:block; width:200px; background:#dfc184; color:#000; }
#menu ul li:hover ul li:hover ul li a:hover { background:#bd8d5e; color:#fff; }
*/

#conteudo { margin: 0 0 0 160px; }

/*** 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 { font-size: 12px;	color: #F00;	font-weight: bold;	padding: 5px; }

#rodape {	border-bottom: solid 3px #CCC; color: #FFF;	background: repeat-x bottom left url(../imagens/rodape_fundo.gif);
	height: 20px; position:fixed; bottom: 0; left: 0; width: 100%; text-align: right; }
#rodape p { padding: 0 10px 0 10px; }

/* class */
.alertas { margin: 10px 0 10px 0; background: #F4F4F4; }
.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; }

.clear { float: left; clear:both; }

.tabular { float: left; width: 100%; margin-bottom: 30px; border: 1px solid #EFEFEF; }
.tabular div.apendices { float:right; margin: 0 10px 0 20px; }
.tabular div.apendices a { color: #FFF; }
.tabular thead td { font-weight: bold; color:#FFF; border-bottom: 1px dotted #0FF; padding:3px; }
.tabular tbody td { border-bottom: 1px dotted #CCC;  padding:3px; }
.tabular tbody tr:hover { background: #FFF; }

.dados { float: left; width: 100%;  margin-bottom: 30px; border: 1px solid #EFEFEF; text-align: left; -moz-opacity: 0.85; }
.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 tbody tr:hover { background: #FFF; }

.print { float: left; width:auto; margin-bottom: 30px; background:#FFF; }
.print thead td { font-weight: bold; color: #999; border-bottom: 1px dotted #0099FF; height: 25px; padding-right: 20px; }
.print tbody td { border-bottom: 1px dotted #CCC; height: 25px; padding-right: 20px; }

/*** demais pagina ***/
.opcoes { z-index: -99; -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: 10px; 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; margin-bottom: 5px; }
.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; }
.abas li.selected { background: url(../imagens/aba_fundo_selected.gif) repeat-x; }
.abas li.selected a { color:#000; }

/* casos especiais */
.paginacao { margin: 0 20px 0 5px; display: inline; }
.paginacao a { color: #FFF; }
label.telas, label.subtelas, label.sub_subtelas   { float: none; display: block; margin-left: 40px; color: #CF0; width: 200px; }
label.telas input, label.subtelas input, label.sub_subtelas input { margin-top: 5px; }
label.subtelas { margin-left: 80px; }
label.sub_subtelas { margin-left: 120px; }
/* menu das pgs de clientes */
.menu_cliente { float: left; width: 100%; margin-bottom: 10px; }
.menu_cliente ul { list-style: url(../imagens/icon_ind_link.png); list-style-position: inside; }
.menu_cliente ul li { float: left; padding: 3px 15px 3px 5px; width: 150px; background:#FFF; margin: 1px; border: 1px solid #CCC; }
.menu_cliente ul li:hover { background: #E6FFE6; }
.menu_cliente ul li a { color: #000; }
.menu_cliente ul li a:hover { font-weight:bold; }

/* implementacao pra suggests */
#suggests { position: absolute; margin: 25px 0 0 214px; border: 1px solid #CCC; background: #FFF; }
#suggests 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; }