ul.lista_horizontal {display:inline-block;list-style:none;}
ul.lista_horizontal:after {display:block;visibility:hidden;clear:both;height:0;content:" ";}
ul.lista_horizontal li{display:inline;float:left;}
ul.lista_horizontal li a{display:block;float:left;}

.lista_dados li{margin:10px;font-size:0.75em;}
ol.lista_dados{list-style:decimal inside;}

.coluna{float:left;}
.coluna_direita{float:right;}
* html div.coluna, * html div.coluna_direita{display:inline;} /* hack ie 6 double margin */
div.coluna:after, div.coluna_direita:after{display:block;clear:both;content:" ";}/*clearfix*/

.relativa{position:relative;}
.absoluta{position:absolute;}

.esquerda{text-align:left;}
.f-esquerda{float:left;}

.meio{text-align:center;}
.blocado{text-align:justify;}

.direita{text-align:right;}
.f-direita{float:right !important;}

.esconde{display:none;}


.no_bg{background:none !important;}
.no_margin{margin:0 !important;}
.no_border{border:none !important;}
.no_border_top{border-top:none !important;}
.no_border_right{border-right:none !important;}
.no_border_bottom{border-bottom:none !important;}
.no_border_left{border-left:none !important;}
.clear{clear:both;}
.clr-lft{clear:left;}
.clr-rgt{clear:right;}
.cleaner:after {display:block;clear:both;content:" ";}

/* 
	pre definição de forms	
*/


fieldset{margin:5px 0 5px 0;padding:5px;border:1px solid #000;}
legend{margin:0 5px;font-weight:bold;}
label{display: block;float:left;height:24px;line-height:24px;font-size:100%;/*margin: 0 0 0 5px;padding: 0 0 0 10px;*/}
input{background:url(../imagens/bg_campos.gif) no-repeat;height:20px;padding:2px; font-size:100%;margin-bottom:10px;font-weight:bold;}

/*input{padding:3px;margin-bottom:10px;background:url(../imagens/bg_campos.gif) no-repeat;height:20px}*/
select{padding:2px;background:url(../imagens/bg_campos.gif) no-repeat;margin-bottom:10px;}
input[type="checkbox"], input[type="radio"]{margin:0;padding:0;border:0;background:none;} /* não funciona no IE6 */
textarea{margin-bottom:10px;background:url(../imagens/bg_campos.gif) no-repeat;}

/* Fim  forms. */

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

/* Complementos para forms */

div.checkbox_list, div.form_inline{margin-bottom:5px;}
div.checkbox_list label{display:inline;float:none;padding:0 !important;margin:0 !important;border:none;}

div.form_inline label,
div.form_inline input,
div.form_inline select{display:inline;float:none;margin:0;padding:0;}

/* Fim  complementos para forms. */

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


/*
	mensagens informativas em campos de formulários	
*/

label span{color:#FF0000;margin: 0 3px 0 3px;}


/* estilos para inputs, textareas e botoes */
.textarea_p{width:300px;height:100px;}
.textarea_m{width:350px;height:100px;}
.textarea_g{width:450px;height:150px;}
.textarea_e{width:500px;height:150px;}

.pequeno{width:30px;}
.medio{width:200px;}
.grande{width:300px;}
.extra{width:400px;}

.p_medio{width:95%;}
* html .p_medio{width:90%;} /* -- ie 6 bug -- */
.p_grande{width:100%;}

.botao_p{
	background:url(../imagens/bg_botao.gif) repeat-x;
	border:1px solid #999999;	
	color:#333333;
	height:22px;
	width:100px;
}
.botao_m{
	height:26px;
	width:130px;
	border:1px solid #999999;	
	background:url(../imagens/bg_botao.gif) repeat-x;
	color:#333333;
}
.botao_g{
	height:26px;
	width:160px;
	border:1px solid #999999;	
	background:url(../imagens/bg_botao.gif) repeat-x;	
	color:#333333;
}

/* fim estilos para inputs, textareas e botoes */


/* fim dos forms*/


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

/*  .grid elemento responsavel pela listagem de dados tabulados */

table.grid{width:100%;margin-bottom:10px;}
table.grid caption{text-align:left;}
table.grid td, table.grid th{padding:2px; vertical-align:middle;}
table.grid thead th{background:#c9c9c9 url(../imagens/bg_thead.jpg); padding:5px;}
table.grid tfoot {padding:5px; text-align:right;}

table.grid .alternada{background:#e6e6e6;}
table.grid .grid_link{text-align:center; width:40px; vertical-align:middle;}
table.grid .alternada{background:#d3d3d3;}

/* fim grid */
 
/* ------------------------------  */

/* paginação */

div.paginacao{margin:5px 0;text-align:right;}
div.paginacao span{padding:2px;}
div.paginacao a{margin:3px;}

/* fim paginação */

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

/* Path */

.path li a{ display:block; margin-right:3px;padding:0 15px 0 0; background:url(../imagens/ico_path.gif) no-repeat 100% 65%;}

/* fim Path */

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

/*
	estilos padrões de mensagens para usuários.
	ex:
		<div class="positivo borda">
			<p>senha incorreta</p>
		</div>
	é possivel usar duas classes em um mesmo elemento(class="warning borda").
	lembrando que a .borda faz com que um elemento possua canto arredondado e adicione margin e padding, por questões de estética.
*/		
	
.borda{clear:both;margin:10px 0 10px 0;padding:10px;}
.sucesso{padding-left:45px;background:#ecfeca url(../imagens/ico_positivo.gif) no-repeat 3px 3px;}
.aviso{padding-left:45px;background:#fef8ca url(../imagens/ico_aviso.gif) no-repeat 3px 3px;}
.erro{padding-left:45px;background:#fecacb url(../imagens/ico_negativo.gif) no-repeat 3px 3px;}
.obrigatorio{color:#ff0000;}