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

/*###########################################################  open header  #####################################################################*/
.header_top{
width:100%;
min-width:250px;
min-height:60px;
background-color:#fff;
/*background-color:#bb1819;*/
/*background-color:#005544;*/
margin:0px auto;
margin-bottom:10px;
/*padding-bottom:10px;*/
border-bottom:1px solid #ddd;
float:left;
/*position:fixed;*/
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:0px;
left:0px;
*/
}
.menu_site a{
margin-left:10px;
}
img.menu {
width:20px;
margin:5px auto;
margin-left:15px;
margin-right:10px;
border:px solid #f00;
cursor:pointer;
opacity:.5;
}
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:20px;
border:px solid #f00;
cursor:pointer;
float:right;
}
.slide_busca{
width:100%;
margin:10px 0 0 0;
padding:5px;
background-color:#eb0000;
border-bottom:1px 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:20px;
padding:2px 5px;
border:px solid #09f;
border-radius:5px;
float:right;
font-size:1.6em;
text-align:center;
opacity:1;
transition:.3s;
}
.assine:hover{
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:.5;
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:.5;
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_top_categ{
border:px solid #f00;
float:left;

}
.nav_top_categ{
border:px solid #f00;
float:left;
padding-bottom:10px;
}
.nav_top_categ a{
width:%;
margin:0% 0 0% 0px;
background-color:#;
border-bottom:2px solid transparent;
padding:0.5% 1%;
/*font-size:2em;*/
float:left;
color:#777;
}
.nav_top_categ a:hover{
background-color:#f1f1f1;
border-bottom:2px solid #eb0000;
color:#eb0000;
cursor:pointer;
transition:.3s;
}
.opcoes_compra{
width:100%;
position:relative;
}
.display_opcoes_compra{
width:100%;
max-height:1200px;
margin:0% 0% 0% 0%;
padding:20px;
background-color:#fff;
border:1px solid #ddd;
position:absolute;
display:none;
z-index:3;
}
a.active_menu{
background-color:#f1f1f1;
border-bottom:2px solid #eb0000;
font-weight:700;
color:#f00;
}




/*###########################################################  open SIDEBAR  #####################################################################*/
.sidebar_left{
width:250px;
height:100%;
min-height:px;
padding-bottom:50px;
margin:0%;
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  #####################################################################*/