@CHARSET "ISO-8859-1";



/* MEDIA QUERIES PARA TELAS 'GRANDES' - acima de 960px */
@media screen and (min-width: 961px) {
/*	LOGO	*/
.logo {
	float: left;
}

/*	NAVEGACAO DO PERFIL NA PAGINA INICIAL	*/
.navperfil {
	float: right;
	margin-top: 40px;
}

#tituloPerfilUnidade {	
	font-weight: bold;
	background-color: #EAEAEA;
	color: #CC2F28;	 
	padding: 10px 0;
	-webkit-box-shadow: 0 6px 4px -4px gray;
	-moz-box-shadow: 0 6px 4px -4px gray;
	box-shadow: 0 6px 4px -4px gray;
}

	

/* CATEGORIAS NO HEADER */
.navCategorias {
	float: right;
}

.itemCategoria {
	text-align: center;
	font-weight: bold;
	display: table-cell;
}

.imgCategoria {	
	margin: 0 5px;
}


/* NAVEGACAO LATERAL	*/
.navLateral ul a:link, .navLateral ul a:active, .navLateral ul a:visited, .navLateral ul li a:hover { 
   font-size: medium;
} 



/* FORMULARIOS	*/
label {
    display: block;
    margin-bottom: 12px;   
}
label>span {
    float: left;
    width: 22%;
    text-align: right;
    padding-right: 10px;
    margin-top: 7px;
    color: #333;
    font-size: 1.25vw;  
    font-weight: bold;
}
#formCadastrarCategoria label>span, #formCadastrarProduto label>span, #formCadastrarContaBancaria label>span, #formCadastrarDespesa label>span, 
#formReceberMensalidade label>span, #formFiltroContaPeriodo label>span, #formGerarRemessaBancaria label>span, #formImportarRetornoBancario label>span,
#formCadastrarOutraReceita label>span, #formCadastrarPublicacao label>span{
	width: 15%;		
}
#formEditarParcela label>span, #formDetalhesParcela label>span, #formCadastrarTransferencia label>span, #formBuscarExtratoFinanceiro label>span {
	width: 17%;
}

span.nomeCampo {
	float: none;
	text-align: right;
    padding-right: 5px;
    margin-top: 5px;
    font-weight: bold;
}
span.valorCampo {
	float: none;
	text-align: left;
    font-weight: normal;
    padding-right: 40px;
}

.form input[type="text"], .form input[type="email"], .form input[type="password"], input[type="date"], .form input[type="number"], input[type="number"], .form input[type="time"], .form textarea, select {
    border: 1px solid #CCC;
    color: gray;
    height: 20px;
    font-size: 1.5vw; 
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    /*width: 65%;*/
    text-align: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
}
select {
	width: auto;
	height: auto;
}


/*	span para texto após outro span	*/
.spanTexto {
	font-weight: normal;
	width: 80% !important;
	text-align: left;
	float: right;
	display: block;
}

#tbProdutosDespesa input[type="text"], #tbParcelasDespesa input[type="text"], #tbParcelasDespesa input[type="date"], #tbParcelasDespesa select,
#tbProdutosReceita input[type="text"], #tbParcelasReceita input[type="text"], #tbParcelasReceita input[type="date"], #tbParcelasReceita select {
    font-size: 1.5vw; 
}


/*	'POP-UP'	*/
.popup label {
    width: 698px;
}

/*	TABS	*/
.tab-links a {
	font-size:1.5vw;
}


}











/* MEDIA QUERIES PARA TELAS 'GRANDES' - acima de 1270px */
@media screen and (min-width: 1270px) {
	
/* FORMULARIOS	*/
label>span {
    float: left;
    width: 22%;
    text-align: right;
    padding-right: 10px;
    margin-top: 7px;
    color: #333;
    font-size: 1vw;  
    font-weight: bold;
}
#formCadastrarCategoria label>span, #formCadastrarContaBancaria label>span, 
#formReceberMensalidade label>span, #formFiltroContaPeriodo label>span, #formGerarRemessaBancaria label>span, #formImportarRetornoBancario label>span {
	width: 15%;
}
#formCadastrarDespesa label>span, #formCadastrarOutraReceita label>span, #formEditarParcela label>span, #formDetalhesParcela label>span, #formCadastrarTransferencia label>span, #formBuscarExtratoFinanceiro label>span {
	width: 17%;
}
span.nomeCampo {
	float: none;
	text-align: right;
    padding-right: 5px;
    margin-top: 5px;
    font-weight: bold;
}
span.valorCampo {
	float: none;
	text-align: left;
    font-weight: normal;
    padding-right: 40px;
}

.form input[type="text"], .form input[type="email"], .form input[type="password"], input[type="date"], .form input[type="number"], .form input[type="time"], .form textarea, select {
    border: 1px solid #CCC;
    color: gray;
    height: 20px;
    font-size: 1.3vw; 
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    /*width: 65%;*/
    text-align: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
}

select {
	width: auto;
	height: auto;
}

#tbProdutosDespesa input[type="text"], #tbParcelasDespesa input[type="text"], #tbParcelasDespesa input[type="date"], #tbParcelasDespesa select,
#tbProdutosReceita input[type="text"], #tbParcelasReceita input[type="text"], #tbParcelasReceita input[type="date"], #tbParcelasReceita select {
    font-size: 1.1vw; 
    border: none;
    color: #333;
}

/*	TABS	*/
.tab-links a {
	font-size:1.2vw;
}


}





/* MEDIA QUERIES PARA TELAS 'GIGANTES' - acima de 1600px */
@media screen and (min-width: 1600px) {
	
/* FORMULARIOS	*/
label>span {
    font-size: 0.8vw;  
}
	
input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="number"], input[type="time"], textarea, select {
    font-size: 1vw; 
}

/*	TABS	*/
.tab-links a {
	font-size:1vw;
}

}