/*
	Css modular  de classes
	Para incorporar esse arquivo ao css principal, usar o comando @import
	@import url(classes.css); 	
*/

/* #################################################################################### */

/*
	Reset generico.
	Essa regra faz com que todos elementos percam algumas configuraçoes padroes de cada browser.
*/

/*
* {
	padding:0;
	border:0;
	margin:0;
	list-style:none;
}
*/

/* Fim Reset generico.  */

/* #################################################################################### */

/*
	Classe lista horizontal generica, aplicada no elemento <ul>(lista nao ordenada) e <ol>(lista ordenada)).
	Regras de estilizaçoes, cores, tamanhos, fontes devem ser chamados pelo id do elemento.
	Abaixo as regras que estruturam a forma da lista vertical.
	Ex:
	<ul class="lista_horizontal" id="menu">
		<li>Menu item 1</li>
		<li>Menu item 2</li>
		<li>Menu item 3</li>
	</ul>
*/

ul.lista_horizontal {list-style:none;}
/*ul.lista_horizontal:after {
	content:" ";
	display:block;
	clear:both;
}*/
ul.lista_horizontal li{
	display:inline;
	margin:0;
	float:left;
}
/*  se tiver links nos itens(<li>). */
ul.lista_horizontal li a{display:block;float:left;}

/*Fim lista generica. */

/* #################################################################################### */

/*
	Classe coluna, aplicada no elemento <div> faz com que uma div flutue, podendo ficar do lado da outra(colunas)
	Regras de tamanho deve ser chamadas pelo id do elemento
	Ex:
		<div class="coluna" id="coluna1">
			<p>conteudo...</p>
		</div>
		<div class="coluna" id="coluna2">
			<p>conteudo...</p>
		</div>

*/

div.coluna{
	float:left;
	zoom:1; /*ie 6  x*/ 
}

div.coluna:after{
	content:" ";
	display:block;
	clear:both;
}

/*Fim coluna. */

/* #################################################################################### */

/*
	Classe que faz com que uma imagem flutue a esquerda ou a direita.
	pode ocorrer bug.
	
	Margem de 5px padrao por questoes de estética da pagina.
*/

img.alinha_esquerda{
	float:left;
	margin:5px;
}

img.alinha_direita{
	float:right;
	margin:5px;
}

/*Fim coluna. */

/*forms*/

input, textarea, select{
	padding:3px;
}


select{

   font-size: 13px;
   margin-bottom: 10px;
   color: #0E0659;
}

textarea{
   font-size: 13px;
   margin-bottom: 10px;
   color: #0E0659;
}

.botao{
	float:right;
	margin:5px 0 5px 0;
}
/*estilos para textbox*/
.pequeno{
	width:30px;
}

.medio{
	width:200px;
}

.grande{
	width:300px
}
.red{color:#ff0000;}

/* fim dos forms*/