:root {
--cor-branco: #FFF;
--cor-bg-escuro: #162F44;
--cor-bg-claro: #EEE;
--cor-bg-contraste: #0095D5;
--cor-fnt-clara: #CDCDCD;
--cor-fnt-escura: #1B1B1B;
--cor-fnt-erro: #E48991;
}




*{padding:0;margin:0}

a{color:#365899;text-decoration:none}

a img {border: none}	

body, html{font-family: 'Helvetica', 'Arial', sans-serif;font-size:0.9em;background: var(--cor-bg-claro);width:100%;}



.esquerda{text-align:left}
.centro{text-align:center}
.direita{text-align:right}

.negrito{font-weight:bold}

.w100p{width:100% !important}

.col_form{padding:5px}

.vazio{width:1px;height:1px}

.area_resultado_info{width:100%;background:#f7f7f7;color:#333;border-radius: 10px;text-align:center;padding:10px;box-shadow: 5px 5px 2px #888888;}

.box_sombra{box-shadow: 5px 5px 2px #888888;}

label{margin-bottom:5px !important}

button.bt_vermelho{background:red;border-color:#ff3d3d;color:#FFF}

button.bt_vermelho:hover{background:#ff3d3d;border-color:red}

button.bt_verde{background:green;border-color:#099e09;color:#FFF}

button.bt_verde:hover{background:#00AF00;border-color:green}

.fonte_branca{color:white !important}


#geral{width:100%;margin:0}

#topo{background:var(--cor-branco);width:100%;margin:0}

#topo #area_logo{float:left;min-height:10px}
 
#topo #area_logo #logo{margin:10px 0px 10px 20px}
 
#topo #area_centro{float:left;min-height:10px}

#topo #area_infos{float:left;min-height:10px} 

#topo #barra{width:100%;margin:0;padding:0;background: var(--cor-bg-contraste);height:20px}

#rodape{width:100%;padding: 5px 0px 5px 0px;background: var(--cor-bg-escuro);color:var(--cor-fnt-clara);border-top: 3px solid var(--cor-bg-contraste);}

#conteudo{width:100%;padding:5px 1% 0px 1%}

.tab_grid_apoio td{border-width:0px !important}




@media (max-width: 600px){
	
	#topo #area_logo{width:40%}
	
	#topo #area_logo #logo{height:40px}
	
	#topo #area_centro{display:none}
 
	#topo #area_infos{width:60%} 
}


@media (min-width: 601px) and (max-width: 1280px){
	
	#topo #area_logo{width:35%;}
	
	#topo #area_logo #logo{height:45px}
	
	#topo #area_centro{width:20%}
 
	#topo #area_infos{width:45%} 
}


@media (min-width: 1281px){
	
	#topo #area_logo{width:33%;}
	
	#topo #area_logo #logo{height:50px}
	
	#topo #area_centro{width:34%}
 
	#topo #area_infos{width:33%} 
}