@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.ttf') format('truetype'),
       url('fonts/Poppins-Bold.ttf') format('truetype'),
	   url('fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
  --cor-fundo-conteudo: #EEE;
  --cor-selecao: #ff8630;
  --cor-verde: #079e0c;
  --cor-vermelho: red;
  --cor-borda: #E3E3E3;

  --tamanho_fonte_padrao: 16px;
  --tamanho_fonte_menor: 14px;
  --tamanho_fonte_maior: 18px;

  --cor_texto:#0f0f0f;
  --cor_texto_cinza: #5c5c5c;
}

table {
  border-collapse: collapse;
}

*{padding:0;margin:0}

a{color:#0075ff;text-decoration:none}

.link_vermelho{color:#ea0c0c;}

.link_sem_cor{color:#0f0f0f !important}

a img {border: none}	

body, html{background:var(--cor-fundo-conteudo);width:100%;font-family: 'Poppins', sans-serif;font-size:var(--tamanho_fonte_padrao);color: var(--cor_texto)}

#geral{overflow: hidden;width:100%;margin:0;padding:0;}

#topo_geral{background:#ff8630;width:100%;margin:0;padding: 0px;}

#topo{overflow: hidden;width:100%;margin:0}

#logo{margin:4px 20px 0px 0px;height:46px}

#icon_notificacao{height:40px;margin: 8px 0px 0px 20px;} 

#barra{width:100%}
 
#barra .icon_barra{width:25px; height:25px;margin-top:7px}

#barra .item_menu_barra{padding:0px 12px 0px 12px;}

#barra .item_menu_barra_selecionado{color:#FFF}

#barra .item_menu_barra:hover{cursor:pointer;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8}

#barra #menu_categorias{width:80%;margin: 0px 10% 0px 10%;display:none}

#barra #menu_categorias .item_menu_categoria{margin: 10px 20px 10px 20px;}

#menu_prin{padding:0px;margin:auto;color:#444;}

.item_menu_prin_bloco{margin:4px;padding:10px 0px 10px 10px;background:#EEE;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} 

.item_menu_prin_bloco:hover{cursor:pointer;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8}

.item_menu_prin_bloco .icon_menu{height:30px;width: 30px;}

.item_menu_prin_bloco .icon_menu{height:30px;width: 30px;}

.item_menu_prin_bloco .rotulo{padding: 4px 0px 0px 10px;}

.texto_cinza{color: var(--cor_texto_cinza)}

.separador_cinza{width:100%;border-top:solid 1px var(--cor-borda);margin: 10px 0px 10px 0px;}

.item_menu_prin_selec{color:#DF742E;font-weight: bold;} 

#menu_lateral{float:left;background:#FFF;padding:0px}
 
#conteudo{float:left;background:#FFF;overflow: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

#banner{margin-top:100px;width:25%}
 
#rodape{width:100%;background:#ff8630;height:25px;padding-top:8px}

#rodape a{color:#EDEAA3} 

.erro{width:80%;margin:0px 10% 0px 10%;text-align:center;color:red}

.sucesso{width:80%;margin:0px 10% 0px 10%;text-align:center;color:green}

.opcao{width:50px;height:50px;padding:5px}

.opcao img{height:35px}

#area_opcoes_direita, #area_opcoes_esquerda{float:left}

#div_pcp_pesquisa{width:98%}

.separado_cinza{color: var(--cor-borda)}

table{padding: 0px; margin: 0px;}

.local_atual{font-size: var(--tamanho_fonte_menor); color: var(--cor_texto_cinza);}


/***************************************/ 

#area_carregando {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 9999;
  align-items: center;justify-content: center;}

body.loading {overflow: hidden;pointer-events: none;}

#area_carregando_loader i {font-size: 80px;color: white;}

.texto_menor{font-size:var(--tamanho_fonte_menor)}

.texto_maior{font-size:var(--tamanho_fonte_maior)}

/***************************************/ 

.centro{text-align: center;}

.redondo{border-radius: 50%;object-fit: cover;}

.selecionado{color: var(--cor-selecao); font-weight: bold;}

.hover:hover{cursor:pointer;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8}


/***************************************/ 
 
@media (max-width: 1250px){
	
#topo_geral{width:98%;padding:0px 1% 0px 1%}

#conteudo_geral{width:98%;margin:10px auto}

#menu_margem_esquerda{width:0px}

#menu_margem_central{width:90%}

#menu_margem_direita{width:10%}

.menu_lateral_1{display:none}

.conteudo_1{width:100%;margin:10px 0px 10px 0px}

.menu_lateral_2{display:block;width:23%}

.conteudo_2{width:76%;margin:0px 0px 10px 1%}

#area_opcoes_direita{width:70%}

#area_opcoes_esquerda{width:30%}

#area_pesquisar{width:84%}
}


@media (min-width: 1251px) and (max-width: 1600px){

#topo_geral{width:94%;padding:0px 3% 0px 3%}

#conteudo_geral{width:94%;margin:10px auto}

#menu_margem_esquerda{width:0%}

#menu_margem_central{width:90%}

#menu_margem_direita{width:10%}

.menu_lateral_1{display:none}

.conteudo_1{width:100%;margin:10px 0px 10px 0px}

.menu_lateral_2{display:block;width:22%}

.conteudo_2{width:77%;margin:0px 0px 10px 1%}

#area_opcoes_direita{width:90%}

#area_opcoes_esquerda{width:10%}

#area_pesquisar{width:78%}
} 


@media (min-width: 1401px) and (max-width: 1600px){

#menu_margem_esquerda{width:10%}

#menu_margem_central{width:80%}

#menu_margem_direita{width:10%}

#area_pesquisar{width:76%}
} 


@media (min-width: 1601px){

#topo_geral{width:80%;padding:0px 10% 0px 10%}

#conteudo_geral{width:80%;margin:10px auto}

#menu_margem_esquerda{width:10%}

#menu_margem_central{width:80%}

#menu_margem_direita{width:10%}

.menu_lateral_1{display:none}

.conteudo_1{width:100%}

.menu_lateral_2{display:block;width:22%}

.conteudo_2{width:77%;margin:0px 0px 0px 1%}

#area_opcoes_direita{width:90%}

#area_opcoes_esquerda{width:10%}

#area_pesquisar{width:70%}
} 
 

@media (min-width: 1901px){

#topo_geral{width:1600px;padding-top: 0px; padding-left: calc((100vw - 1600px) / 2);padding-right: calc((100vw - 1600px) / 2);box-sizing: content-box;}

#conteudo_geral{width:1600px;margin:10px auto}

.menu_lateral_2{display:block;width:300px;}

.conteudo_2{width:1290px;margin:0px 0px 0px 10px}

#menu_margem_esquerda{width:200px}

#menu_margem_central{width:1200px}

#menu_margem_direita{width:200px}
} 
 






/*

.item_sub_menu_prin, .item_sub_sub_menu_prin{padding:10px 0px 10px 30px;background:#FFF}

.rotulo:hover, .item_sub_sub_menu_prin:hover, .item_hover:hover{font-weight:bold;cursor:pointer}

#menu_prin .seta{float:left;width:10%;text-align:right}

#menu_prin .seta img{height:12px}

#icon_menu .icon_menu{height:20px}
 
.item_menu_visivel{display:block}

.item_menu_oculto{display:none}




.item_principal{position:relative;float:left;padding:0;border-radius: 10px;box-shadow: 10px 10px 5px #888888;background:#F2F2F2;padding-bottom:10px}

.item_principal:hover{cursor:pointer;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8}

.item_principal .icon{width:80px;height:80px;margin:20px 0px 0px 0px}

.item_principal .titulo{font-size: var(--tamanho_fonte_padrao);font-weight: bold;color:#555}



@media (max-width: 800px){
	
.item_principal{width:38%;margin:0px 6% 30px 6%}

.area_indicador_local{width:100%}

.area_indicador_outras_opcoes{display:none}
}


@media (min-width: 801px) and (max-width: 1280px){
	
.item_principal{width:27.3%;margin:0px 3% 30px 3%}

.area_indicador_local{width:60%}

.area_indicador_outras_opcoes{width:40%}
}



@media (min-width: 1281px) and (max-width: 1600px){

.item_principal{width:21%;margin:0px 2% 30px 2%}

.area_indicador_local{width:55%}

.area_indicador_outras_opcoes{width:55%}
}



@media (min-width: 1601px){

.item_principal{width:19%;margin:0px 0.5% 30px 0.5%}

.area_indicador_local{width:50%}

.area_indicador_outras_opcoes{width:50%}
} 
 

*/