/*
	Css modular de classes pre definidas.
	Arquivo com a finalidade de reduzir a repetição de códigos.
	
	ultima atualização:
	26/01/2010	
*/

/*
	Classe: .pagina
	Configura um elemento base para que ele envolva todos os
	outros elementos
*/


.pagina{margin:auto;}

* html body{text-align:center;}
* html .pagina{text-align:left;}/*somente para ie*/

/*
	Classe: .lista-horizontal
	Configura elementos de lista(<li>) de uma <ul> ou <ol> de forma
	que eles fiquem um ao lado do outros.
*/

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;}

/*  se tiver links nos itens(<li>). */
ul.lista-horizontal li a{display:block;float:left;}



/*
	Classe: .coluna
	Configura um elemento <div> se comporte como uma coluna, tratando
	todas as exceções de cada browser.		

*/

div.coluna{float:left;} /* ie 6  x*/
div.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:" ";}

/*
	classe: .lista_dados
	responsavel por mostrar dados especificos.
	Configura elementos de lista (<ul>, <ol>) para que apresentem
	listagem de dados.
*/
.lista-dados li{margin:10px;font-size:0.75em;}
ol.lista-dados{list-style:decimal inside;}

/*
	Formulários
*/
label {
	display: block;
	float:left;
	height:25px;
	width:85px;
	padding-right:5px;
	line-height:16px;
	font-size:80%;	
	color:#b7b7b7;
}
label span, span.obrigatorio {color:#FF0000;font-size:18px;}

input[type="text"], input[type="password"] {
	width:300px;
	height:18px;
	padding:2px;
	border:1px solid #777;
	font-size:90%;
	margin-bottom:10px;
	font-weight:bold;
	background:#FFF url(../img/bg_campos.gif) no-repeat;
}
input[type="text"], input[type="password"], select, textarea {
	/* so em firefox e browsers descentes */

	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius:5px;
}
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover {
	border:1px solid #333;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border:1px solid #000;
	background:#FFC;/* so em firefox */

}
input[type="file"] {font-size:15px;}

textarea{width:300px; height:100px; margin-bottom:10px;border:1px solid #666;background:#fff url(../img/bg_campos.gif) no-repeat;}


/* 
	Classes essenciais. !important serve para que essa propriedade seja seja respeitada
	independente da ordem de outras propriedade sobre o elemento.
*/

/* Posições */
.relativa{position:relative;}
.absoluta{position:absolute;}

/* Alinhamentos */
.esquerda{text-align:left;}
.f_esquerda{float:left;}
* html .f_esquerda{display:inline}

.meio{text-align:center;}

.direita{text-align:right;}
.f_direita{float:right;}
* html .f_direita{display:inline}

/* Estado */
.hide{display:none;}

/* perdendo propriedade */
.no_bg{background:none !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}
.cleaner:after {display:block;clear:both;content:" ";}