/*	Arquivo criado pelo programador Paulo Sergio de Oliveira	*/

/*###########################################################  open header  #####################################################################*/
.header_top{
width:100%;
min-width:250px;
min-height:60px;
background-color:#641226;
background-color:#a80000;
background-color:#D51D29;
background-color:#C4170C;
/*
background-color:#1391d2;
*/
margin:0px auto;
margin-bottom:10px;
/*padding-bottom:10px;*/
border-bottom:px solid #ddd;
float:left;
/*position:fixed;*/
z-index:1;
}
.header_carrinho{
width:100%;
min-width:250px;
min-height:60px;
background-color:#;
margin:0px auto;
margin-bottom:10px;
border-bottom:px solid #ddd;
float:left;
z-index:1;
}

/*  ONDE FICAM AS OPÇÕES DE USUÁRIO E APLICAÇÕES    */  
.header_mob{
width:100%;
height:px;
margin-bottom:0px;
border:px solid #ddd;
float:left;
position:relative;
display:;
}


.menu_site{
width:%;
min-width:100px;
height:px;
margin:0px auto;
border:px solid #09f;
float:left;
/*
position:absolute;
top:7px;
left:0px;
*/
}
.menu_site a{
margin-left:5px;
}
img.menu {
width:20px;
margin:5px auto;
margin-left:15px;
margin-right:10px;
border:px solid #f00;
cursor:pointer;
opacity:1;
}
img.menu:hover {
opacity:1;
}
img.logo {
width:50%;
margin:0 auto;
margin-top:5px;
margin-left:10px;
margin-right:0px;
border:px solid #054;
cursor:pointer;
float:left;
}

/*
.menu_js{
min-width:200px;
max-width:300px;
height:px;
max-height:px;
background-color:#fff;
margin-left:10px;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0px 0px 10px #ccc;
position:fixed;
top:60px;
left:10px;
display:none;
z-index:3;
display:none;
}
.menu_js p{
width:100%;
height:25px;
border-bottom:px solid #f1f1f1;
font-size:1.4em;
z-index:3;
}
.menu_js p a{
width:100%;
height:px;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
display:block;
color:#000;
text-decoration:none;
z-index:3;
}
.menu_js p a img{
width:35px;
margin:5px;
z-index:3;
float:left;
}
.menu_js p a:hover{
text-decoration:underline;
}
*/

img.lupa{
width:20px;
margin:0 auto;
margin-right:15px;
border:px solid #f00;
cursor:pointer;
opacity:1;
float:right;
}
img.lupa:hover{
opacity:1;
}
.slide_busca{
width:100%;
margin:0px 0;
padding:5px;
background-color:#;
border-bottom:px solid #ddd;
display:none;
}
.campo_busca{
width:100%;
margin:5px;	
}
.form_busca{
width:50%;
margin:1% 25%;
border:px solid #ddd;
position:relative;
z-index:1;
}
.search_input{
width:100%;
margin:0% 0%;
border:1px solid #aaa;
border-radius:5px;
padding:5px 10px;
}
.search_lupa{
position:absolute;
top:10px;
right:10px;
}



.opcoes_user{
min-width:160px;
height:px;
margin:0px auto;
border:px solid #09f;
float:right;
/*
position:absolute;
top:0px;
right:0px;
*/
z-index:1;
}

.assine{
margin-right:15px;
padding:2px 5px;
border:px solid #09f;
border-radius:5px;
float:right;
font-size:1.6em;
text-align:center;
color:#000;
opacity:1;
transition:.3s;
}
.assine:hover{
color:#000;
opacity:1;
transition:.3s;
}
.assine a{
color:#fff;
}

img.apps{
width:20px;
margin:0 auto;
margin-right:20px;
border:px solid #f00;
cursor:pointer;
opacity:1;
float:right;
}
img.apps:hover{
opacity:1;
}
.apps_js{
min-width:300px;
max-width:300px;
background-color:#fff;
margin-right:10px;
border:px solid #777;
border-radius:5px;
box-shadow:0px 0px 10px #777;
position:absolute;
top:60px;
right:10px;
display:none;
z-index:3;
}
.apps_js p a img{
max-width:90%;
margin:15px 5%;
margin-bottom:0%;
padding:5px;
border:1px solid #f9f9f9;
z-index:3;
}
.apps_js p a img:hover{
background-color:#fff;
border:1px solid #ccc;
}
.apps_js p a span{
width:100%;
height:px;
margin-top:0px;
margin-bottom:10px;
color:#000;
font-size:1.8em;
text-align:center;
text-decoration:none;
z-index:3;
float:left;
}

img.opcoes{
width:20px;
margin:0 auto;
margin-right:15px;
border:px solid #f00;
cursor:pointer;
opacity:1;
float:right;
}
img.opcoes:hover{
opacity:1;
}
.opcoes_js{
min-width:200px;
background-color:#fff;
margin-right:10px;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0px 0px 10px #ccc;
position:absolute;
top:60px;
right:10px;
display:none;
z-index:3;
}
.opcoes_js p{
width:100%;
height:px;
border:px solid #f1f1f1;
font-size:1.8em;
z-index:3;
}
.opcoes_js p a{
width:100%;
height:px;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
border:px solid #f1f1f1;
display:block;
color:#000;
text-decoration:none;
z-index:3;
float:left;
}
.opcoes_js p a:hover{
text-decoration:underline;
}
/*  ONDE FICAM AS OPÇÕES DE USUÁRIO E APLICAÇÕES    */


/*		ADICIONAR À TELA INICIAL		*/
img.addhome {
width:30px;
margin:0px auto;
margin-right:20px;
border:px solid #f00;
cursor:pointer;
/*opacity:.9;*/
float:right;
}
img.addhome:hover {
opacity:1;
}
.addhome_js{
min-width:200px;
max-width:300px;
/*max-height:300px;*/
background-color:#fff;
margin-right:10px;
border:1px solid #ccc;
border-radius:5px;
position:absolute;
top:0px;
right:10px;
display:none;
z-index:10;
}
.addhome_js p{
width:100%;
height:35px;
border:px solid #f1f1f1;
font-size:1.8em;
z-index:3;
}
.addhome_js p a{
width:100%;
height:px;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
border:px solid #f1f1f1;
display:block;
color:#000;
text-decoration:none;
z-index:3;
float:left;
}
.addhome_js p a:hover{
text-decoration:underline;
}



.content_nav_contin{
border:px solid #f00;
float:left;
padding-top:10px;
}
.nav_top_contin{
display: flex;
flex-wrap: wrap;        /* PERMITE QUE OS LINKS QUEBREM PARA A LINHA DE BAIXO */
align-items: center;
padding: 0 10px 10px 10px;
}
.nav_top_contin .separador_pipe {
margin: 0 5px;
color: #fff;
cursor: default;
pointer-events: none;
flex-shrink: 0;         /* Garante que o pipe não encolha */
}
.nav_top_contin a{
/* REMOVIDO: width, margin e float que causavam a barra de rolagem */
display: inline-block;
padding: 5px 5px;      /* Use pixels ou valores fixos para evitar erros de soma */
color: #fff;
font-weight: bold;
font-size: 1.6em;
text-decoration: none;
border-bottom: 1px solid #f1f1f1;
}
.nav_top_contin a:hover{
background-color: #fff;
color: #C4170C;
}

.content_nav_top_categ{
border:px solid #f00;
float:left;
}
.nav_top_categ {
display: flex;
flex-wrap: wrap;        /* PERMITE QUE OS LINKS QUEBREM PARA A LINHA DE BAIXO */
align-items: center;
padding: 0 10px 10px 10px;
}
.nav_top_categ .separador_pipe {
margin: 0 5px;
color: #fff;
cursor: default;
pointer-events: none;
flex-shrink: 0;         /* Garante que o pipe não encolha */
}
.nav_top_categ a {
/* REMOVIDO: width, margin e float que causavam a barra de rolagem */
display: inline-block;
padding: 5px 5px;      /* Use pixels ou valores fixos para evitar erros de soma */
color: #fff;
font-weight: bold;
font-size: 1.6em;
text-decoration: none;
border-bottom: 1px solid #f1f1f1;
}
.nav_top_categ a:hover {
background-color: #fff;
color: #C4170C;
}


a.active_menu_top{
background-color:#fff;
border-bottom:1px solid #128c7e;
color:#C4170C;
}
a.active_menu_sidebar{
background-color:#C4170C;
border-bottom:1px solid #C4170C;
font-weight:700;
color:#fff;
}

/*###########################################################  open SIDEBAR  #####################################################################*/
.sidebar_left{
width:250px;
height:100%;
margin:0%;
padding-bottom:50px;
background-color:#fff;
border:px solid #ddd;
text-align:left;
position:fixed;
top:0px;
left:-250px;
z-index:2;
overflow:auto;		
}
.sidebar_left p{
width:100%;
height:px;
margin:0% 0%;
border:px solid #000;
float:left;
z-index:1;
}
.sidebar_left a img{
width:90%;
margin:5% 5%;
border:px solid #000;
padding:5px;
float:left;
}
.sidebar_left p a{
width:98%;
height:px;
margin:0% 1%;
padding:5px 15px;
border:3px solid #fff;
border-radius:5px;
display:block;
text-decoration:none;
text-align:;
/*font-size:1.8em;*/	
opacity:.8;
z-index:1;
float:left;
}
.sidebar_left p a:hover{
/*background-color:#f1f1f1;*/
/*color:#000;*/
opacity:1;
}
/*
.active{
width:40%;
margin:auto 30%;
border-bottom:4px solid #00a1f1;
}
*/
.active a{
background:#eee;
border-bottom:4px solid #00a1f1;
}


/*###########################################################  close header  #####################################################################*/