#menu
{
	display:block;
	width:99.9%;
	height:24px;
	clear:both;
	background:#999999 url(../imagens/menu_fundo_01.jpg);
	border:solid 1px #999999;
}
 
ul
{
padding: 0; margin: 0;
}

ul li
{
	list-style-type: none; 
	position: relative; 
	margin: 0; padding: 0;
}

ul ul 
{
display: none;
}

ul li:hover > ul 
{
/* refere-se aos terceiro nível */
display: block; position: absolute; top: -1px; left: 100%;
}

li a
{
	/* refere-se aos links */
	display: block; 
	height:26px; 
	text-decoration: none; 
	color:#003399;
	line-height:22px;
	padding-left:4px;
	padding-right:4px;
}

ul.topmenu li a:hover
{
background:#346F6C;
}

li.sub > a 
{
background:#ABC9BF; border-bottom:#FFFFFF solid 1px;
}

li.sub li > a 
{
background:#ABC9BF;  border-bottom:#FFFFFF solid 1px;
}

ul.topmenu { float:left;}

ul.topmenu > li:hover > ul {width: 100px; 
top: 26px; left: -3px;}

ul ul {width: 10em;}


body
{
	margin:0;
	background:#FFFFFF url(../imagens/topo_fundo.jpg) repeat-x;
	height:100%;
}

.body_02
{
	margin:10;
	background:#FFFFFF url(../imagens/topo_fundo.jpg) repeat-x;
}

body, p, table, td, th, input, textarea, select 
{
	font: 10px Verdana, Geneva, Arial, Helvetica;
	color: #666666;
}

.corpo
{
	padding-left:30px;
	padding-right:30px;
	border:solid 0px #00CCFF;
}

.hr_lista_clipping
{
	margin:4px;
}

input, textarea, select
{
border:solid 1px #CCCCCC;
}



.limpo
{
	border-style: solid;
	border-width: 0;
}

a
{
	text-decoration: none;
	color:#346F6C;
}

a:hover
{
color:#fff;
background-color:#346F6C;
}

.topo-coluna
{
	display:block;
	width:32.99%;
	height:27px;
	float:left;
	border:solid 0px #3333CC;
	text-align:center;
}

.colunas
{
	display:block;
	width:32.99%;
	float:left;
	border:solid 0px #3333CC;
}

.colunas strong
{
	color:#346F6C;
}

.navegador_clippings
{
	display:block;
	background-color:#fff;
	float:left;
	height:43px;
	padding-top:2px;
}

.navegador_clippings img
{
	border:solid 1px #999999;
}

.topo_detalhe_clipping
{
	display:block;
	background:#DEEAE6;
	padding:6px;
	min-height:90px;
	border-bottom:#ABC9BF solid 4px;
	float:left;
	width:99.8%;
}

.rodape
{

	display:block;

	border:solid 0px #3333CC;

	background:#ABC9BF;

	padding:6px;

	clear:both;

	height:100px;

	border-top:#eee solid 4px;

}


.zebrado-01
{
text-decoration:none;
background-color: #F0F7F5;
padding:4px;
}

.zebrado-01:hover
{
text-decoration:none;
background-color: #ccc;
}

.zebrado-02
{
text-decoration:none;
background-color: #D5E2E3;
padding:4px;
}

.zebrado-02:hover
{
text-decoration:none;
background-color: #ccc;
}


.zebrado-02-01
{
text-decoration:none;
background-color: #F0F7F5;
padding:2px;
}

.zebrado-02-02
{
text-decoration:none;
background-color: #D5E2E3;
padding:2px;
}


.zebrado_lista_01
{
text-decoration:none;
background-color: #F0F7F5;
padding:4px;
display:block;
}

.zebrado_lista_01:hover
{
text-decoration:none;
background-color: #ccc;
}

.zebrado_lista_02
{
text-decoration:none;
background-color: #D5E2E3;
padding:4px;
display:block;
}

.zebrado_lista_02:hover
{
text-decoration:none;
background-color: #ccc;
}


/*====================================================================================

MENU TOPO

====================================================================================*/

#menu_topo
{
	display:block;
	background-color:#999999;
	background:#eee url(../imagens/menu_fundo_01.jpg);
	text-align:center;
}

.menu_pai
{
	display:inline-block;
	color:#0E4CA2;
	text-decoration:none;
	padding:10px;
}

.menu_pai:hover
{
	background:#999 url(../imagens/menu_fundo_02.jpg);
	color:#FFFFFF;
}

#menu_topo_sub
{
	display:block;
	text-align:center;
	background-color:#DEEAE6;
	border-top:#999999 solid 1px;
	padding:4px;
}

#menu_topo_sub a
{
	padding:2px;
	display:inline-block;
	border-right:#006666 solid 1px;
}

/*formatação de formulários*/

.bloco{

display: block;

width:100px;

float:left;

text-align:right;

padding:3px;

}

.linha-cinza
{
	color: #eee;
	background-color: #eee;
	height: 1px;
	border: 0;

}

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



a.ajuda{

    position:relative; /*this is the key*/

    z-index:24; background-color:#ccc;

    color:#000;

    text-decoration:none}



a.ajuda:hover{z-index:25; background-color:#ff0}



a.ajuda span{display: none}



a.ajuda:hover span{ /*the span will display just on :hover state*/

    display:block;

    position:absolute;

    top:2em; left:2em; width:15em;

    border:1px solid  #FF3300;

    background-color:#FFFFCC; color:#000;

    text-align: center;

	text-decoration:none;

	padding:4px;}



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



.bloco_geral_01
{
	display:block;
	background-color:#E1EAE7;
	padding:10px;
	border:#5EAEAE solid 1px;
}

.bloco_geral_02
{
	background-color:#E1EAE7;
	padding:2px;
	border:#5EAEAE solid 1px;
	margin:2px;
	display:block;
}

.bloco_geral_03
{
	background-color:#E1EAE7;
	padding:2px;
	margin:2px;
	display:block;
}

.bloco_geral_04
{
	background-color:#E1EAE7;
	padding:6px;
	margin:4px;
	display:block;
}


.migalha
{
	display:block;
	background-color:#DEEAE6;
	padding:4px;
	clear:both;
	border-top:#015C37 solid 1px;
}



.btn_mini
{
	font-size:9px;
	background-color:#5EAEAE;
	color:#FFFFFF;
	padding:2px;
	cursor:hand;
	border:none;
}



.btn_mini:hover
{
	background-color:#999900;
	color:#FFFFFF;
	text-decoration:none;
}



.botao_input
{
	background-color:#346F6C;
	color:#FFFFFF;
	padding:1px;
	cursor:hand;
	border:none;
	background-image:url(../imagens/fundo_botao_input.jpg);
}



.botao_input:hover
{
	background-color:#999900;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../imagens/fundo_botao_input_02.jpg);
}



.botao_input_grande
{
	background-color:#346F6C;
	color:#FFFFFF;
	padding:2px 10px 2px 10px;
	cursor:hand;
	border:none;
	font-size:14px;
}

.botao_input_grande:hover
{
	background-color:#999900;
	color:#FFFFFF;
	text-decoration:none;
}

.marca_texto
{
	background-color:#FFCC00;
}

.drop
{
width:220px;
}

.drop_02
{
width:260px;
}


.separador_01

{

	background:#99CCCC;

	font-size:14px;

	padding:4px;

	color:#FFFFFF;

	border-bottom:#006666 solid 1px;

}



.aba_1{

display:block;

background:#99CCCC url(../imagens/canto_01.jpg) no-repeat ;

font-size:14px;

padding:4px;

height:18px;

}



.aba_1 b{

display:block;

float:left;

color:#fff;

}



.aba_2
{
	display:block;
	background:#E1EAE7 url(images/aba_fundo.jpg);
	font-size:12px;
	padding:2px;
	margin-bottom:6px;
	color:#346F6C;
}

.aba_2:visited
{
	display:block;
	background:#5EAEAE url(images/aba_fundo.jpg);
	color:#fff;
}

.aba_2 b
{
	display:block;
	float:left;
	color:#fff;
}

.aba_3
{
	display:block;
	background:#CCCC00;
	font-size:12px;
	padding:2px;
	margin-bottom:6px;
	color:#fff;
}



.letra_grande
{
	font-size:16px;
	color:#346F6C;
	font-weight:100;
}



/*-----------avisos-------------*/



.msg_neutra
{
	display:block;
	border:solid #eee 1px;
	padding:1px;
	margin-bottom:4px;
	margin-top:4px;
}

.msg_neutra span
{
	display:block;
	padding:6px;
	background:#f9f9f9;
}

.msg_neutra strong
{
	color:#003300;
	font-size:12px;
}

.msg_aviso
{
	display:block;
	border:solid #000 1px;
	padding:1px;
	margin-bottom:4px;
	margin-top:4px;
}

.msg_aviso span
{
	display:block;
	padding:6px;
	background:#FFCC00;
}

.msg_aviso strong
{
	color:#000;
	font-size:12px;
}

.msg_sucesso{

display:block;

border:solid #003300 1px;

padding:1px;

margin-bottom:4px;

margin-top:4px;

color:#FFFFFF;

}



.msg_sucesso span{

display:block;

padding:6px;

background:#99CC00;

}

.msg_sucesso strong{

color:#fff;

font-size:12px;

}

.msg_erro{

display:block;

border:solid #990000 1px;

padding:1px;

margin-bottom:4px;

margin-top:4px;

color:#FFFFFF;

}

.msg_erro span
{
display:block;
padding:6px;
background:#FF0000;
}


.msg_erro strong
{

color:#fff;

font-size:12px;

}



.vermelho

{

color:#FF3300;

}



.azul{

color:#006699;

}



.fonte_pequena
{
	font:Arial, Helvetica, sans-serif small;
	color:#666666;
}

.linha-cinza
{
	color: #eee;
	background-color: #eee;
	height: 1px;
	border: 0;
	clear:both;
}



.linha-verde
{
	color: #346F6C;
	background-color: #346F6C;
	height: 1px;
	border: 0;
	clear:both;
}



.form_busca
{
	border:solid 1px #CCCCCC;
	padding:10px;
	margin:4;
	background:#f0f0f0;
	line-height:150%
}

/*  login */

.quadro-login
{
display:block;
width:335px;
margin: 0 auto;
background: #FFFFFF url(../imagens/login_fundo.jpg) repeat-x;
}

.quadro-login div{

display:block;

padding:10px;

}



.login_btn
{
	display:block;
	border:none;
	background-image:url(../imagens/fundo_botao_input_03.jpg);
	padding:4px;
	color:#FFFFFF;
}

.login_btn:hover
{
	display:block;
	border:none;
	background-image:url(../imagens/fundo_botao_input_03.jpg);
	padding:4px;
	color:#FFFFFF;
}



hr
{
color: #ccc;
background-color: #ccc;
height: 1px;
border: 0;
}

.geral_01
{
	text-align:center;
	padding:6px;
	display:block;
	border:solid 1px #eee;
}

.caixa-input
{
display:block;
width:80px;
float:left;
text-align:right;
padding-right:4px;
}

.centralizar_geral
{
display:block;
text-align:center;
}

.direita_geral
{
float:right;
}

.esquerda_geral
{
float:left;
}


.div_geral_01

{

display:block;

text-align:center;

font-size:14;

border:#ccc solid 1px;

background-color:#eee;

margin-bottom:10px;

margin-top:10px;

padding:12px;

}



.form-geral
{
	display:inline;
}

.abas_geral
{
	display:block;
}

.abas_geral a
{
	display:inline-block;
	padding:6px;
	background-color:#006666;
	margin-right:2px;
	color:#FFFFFF;
	background-image:url(../imagens/fundo_botao_input.jpg);

}

.abas_geral a:hover
{
	display:inline-block;
	padding:6px;
	background-color:#006666;
	margin-right:2px;
	color:#eee;

}

.abas_geral strong
{
	display:inline-block;
	padding:5px;
}
/*  */



#div01
{
	float:left;
	width:240px;
	background:#fff
}

#div02
{
	margin-left:250px;
	margin-right:170px;
	background:#fff
}

#div03
{
	float:right;
	width:160px;
	background:#fff
}


/*

----------------------------------------------------------

navegador de imagens pequenas de clippings

-----------------------------------------------------------

*/

#container {

  position: relative;

  width: 100%;

  overflow: hidden;

  border: 1px solid #ccc;

    background-color:#FFFFFF;

}



#scroller
{
  width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}



.content {

  width: 900px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  border: 0px solid #000;

}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  color:#00009C;

}

/*---------Relatorio Personalizado---------------------*/
.divrelatorioPer
{
	position: fixed !important;
	position: absolute;
	width:600px;
	top:20px;
	left:270px;
	border:1px solid #fff;
	height:550px;
	background-color:#fff;
	z-index:50;
}
.dropRelatorio
{
	margin-top:5px;
}

.divrelatorioPer .DivCabecalho
{
	position:relative;
	display:block;
	width:100%;
	height:20px;
	background-color:#033;
}

.divrelatorioPer .DivCabecalho span
{
	text-align:center;
	margin-top:3px;
	color:#FFF;
	width:96%;
	display:block;
	position:relative;
	float:left;
}

.divrelatorioPer .DivCabecalho a
{
	display:block;
	position:relative;
	float:left;
	color:#FFF;
	width:20px;
	height:15px;
	margin-top:2px;
	margin-left:2px;
	text-align:center;
}
.divrelatorioPer .DivCabecalho a:hover
{
	font-weight:bold;
	color:#F00;
}


/** AJAX **/
.transparencia /* Div transparente que é aberta quando o ajax é carregado. */
{
	position: fixed !important;
	position: absolute;
	z-index: 10;
	top:0px;
	left:0px;
	width: 99.5%;
	height:100%;
	background-color:#000;
	opacity: 0.6;
	background:#222 url(../img/load_02.gif) no-repeat center;
	border:1px solid #000;
}

*.transparencia
{
	filter:alpha(opacity = 60);
}
/*--------------------------------------------------------*/
<!--[if IE]>


#scroller
{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

<! [endif]-->