.icone_fundo{
    float:left;
    padding:5px;
    line-height:30px;
    width:calc(33% - 11px);
    cursor:pointer;
    border-right:1px black solid;
    text-align:center;
}
.acompanhamento{
    float:left;
    background-color:green;
    padding:5;
    border-radius:5px;
}
.acompanhamento_atencao{
    float:left;
    background-color:yellow;
    padding:5;
    border-radius:5px;
}
.acompanhamento_atrasado{
    float:left;
    background-color:red;
    padding:5;
    border-radius:5px;
}
#acompanhamento_detalhes{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    background-color: rgb(80,80,80);
    background-color:rgba(80,80,80,0.8);
}

li{
    margin-bottom:5px;
}
.retorno_busca_usuario_digitacao{
    margin-bottom:5px;
    cursor:pointer;
}
.botao_pagseguro{
    width:200px;
    height:50px;
    background:url('../img/pagseguro_botao.png') white no-repeat 10px 2px / 180px 45px;
    border-radius:10px;
    border:1px solid black;
    box-shadow:1px 2px;
    cursor:pointer;
}
.botao_pag_entrega{
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:10px;
    border:1px solid black;
    box-shadow:1px 2px;
    cursor:pointer;
}
.filtro_venda_programada{
    width:100%;
    max-width:250px;
    background-color:rgba(85,85,85,0.4);
    float:left;
    margin-bottom:5px;
    border-radius:5px;
}
.tres_colunas{
	float:left;
	width:250px;
	text-align:center;
	background-color:Aquamarine;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}
.titulo_colunas{
	padding:1px;
	height:24px;
	background-color:#464648;
	color:white;
	font:20px bold Times New Roman;
	margin-bottom:0px;
}
.anuncio_noticia{
	height:78px;
	text-align:center;
	color:rgb(255,40,0);
	margin-bottom:10px;
	margin-top:10px;
	cursor:pointer;
}
.etiqueta_usado{
    margin-left:calc((33% - 40px) - 340px);
    margin-top:15px;
    margin-bottom:-37px;
    transform: rotate(-45deg);
    opacity: .7;
    background-color: gray;
    text-align: center;
    font-weight:bold;
}
a{
	text-decoration:none;
	color:inherit;
}
.botao_filtro{
    width:35px;
    height:35px;
    margin:5px 5px 0px 0px;
    border-radius:5px;
    background:url('../img/filtro.png') white no-repeat 2px 3px / 30px 30px;
}
.botao_fechar{
    width:50px;
    height:45px;
    background:url('../img/fechar.png') no-repeat 5px 4px / 35px 35px;
}
.botao_ajuda{
    width:50px;
    height:45px;
    background:url('../img/ajuda.png') no-repeat 5px 4px / 35px 35px;
}
.botao_menu_tela_pequena{
    width:50px;
    height:45px;
    background:url('../img/menu_tela_pequena.png') no-repeat 5px 4px / 35px 35px;
}
body{
	margin:0px;
	padding-bottom:10px;
}
.pag_atual{
	font:bold 13pt Arial;
	padding: 0px 5px 0px 5px;
}
.pag_select{
	font:normal 13pt Arial;
	padding: 0px 1px 0px 1px;
	cursor:pointer;
}
.menu_lateral{
	float:left;
	width:190px;
}
.resultado_menu_lateral{
	float:left;
	width:calc(100% - 5px);
	max-width:930px;
	margin-left:5px;
	padding:2px;
}
.resultado_menu_lateral h2{
	font:Bold 13pt Arial;
}
.resultado_menu_lateral h3{
	font:Bold 11pt Arial;
}
.menu_um{
	font:Normal 16pt Arial;
	cursor:pointer;
}
.menu_dois{
	font:Normal 14pt Arial;
	margin-left:-10px;
	display:none;
	cursor:pointer;
	border-bottom:1px solid;
}
.seta-esquerda:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right: 5px solid; 
}
.seta-direita:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
}
#categorias .seta-esquerda:before {
    float:left;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent; 
    border-right: 25px solid; 
    cursor:pointer;
}
#categorias .seta-direita:before {
    float:right;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid;
    cursor:pointer;
}
.seta-cima:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
}
.seta-baixo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
}
p{
	margin:10px;
}
.descricao{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid black;
	border-radius:5px;
	box-shadow: 2px 2px 1px #888888;
	padding:5px;
}
.zoom_content{
	width: 240px;
	height:360px;
	overflow:hidden;
}
.anuncio_div_imagem {
   position: relative;
   width: 100%;
   padding-top: 177.78%; /* 16:9 Aspect Ratio */
}

.anuncio_div_imagem > div {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
   font-size: 20px;
   color: white;
}
.anuncio{
    float:left;
	padding: 10px;
	width:calc(33% - 40px);
	max-width:240px;
	font:Normal 14pt Arial;
	margin:0px 10px;
	cursor:pointer;
	overflow:hidden;
}
.anuncio:hover{
	border:1px solid rgb(190,190,190);
	padding: 9px;
}
.anuncio_pic{
	width: 100%; /* largura da div = largura thumbnail */ 
	padding: 0px;
	margin:0px;
}
.anuncio_texto{
    height:95px;
}
.anuncio_thumb{
	overflow:hidden;
	width: 32px; /* largura da div = largura thumbnail */
	height: 48px; /* largura da div = largura thumbnail */
	padding: 1px 9px;
	border-radius: 3px;
	cursor:pointer;
}
.anuncio_thumb_pic{
	display:block;
	width: 100%; /* largura da div = largura thumbnail */
	padding: 0;
	margin:0;
}
.under-line{
	border-bottom:1px solid black;
	height:1px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
.linha-vertical{
	border-left:1px solid grey;
	height:400px;
	width:1px;
	float:left;
	margin:50px 0px;
}
.transparente{
	/* aqui entra as propriedades da transparência, aqui eu usei a cor Black */
	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.0);
	/* Para navegadores IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
	/* Para navegadores IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
}
input{
	border-radius:10px;
	box-shadow: none;
	background-color: rgb(247, 247, 247);
	padding: 10px;
}
select{
	border-radius:10px;
	box-shadow: none;
	background-color: rgb(247, 247, 247);
	padding: 2px;
}
textarea{
	border-radius:10px;
	box-shadow: none;
	background-color: rgb(247, 247, 247);
	padding: 10px;
}
.box_left{
	line-height:40px;
	border-radius:10px 0px 0px 10px;
	border:1px solid black;
	box-shadow: 2px 2px 1px #888888;
}
.categoria{
	line-height:50px;
	padding: 0px 20px;
	border-radius:10px;
	border:0px 1px 1px 0px solid black;
	box-shadow: 2px 2px 1px #888888;
	float:left;
	color:black;
	font-size:15pt;
	text-align:center;
	cursor:pointer;
}
.icone-caminhao{
	background:URL('../img/facilidades_.png') -16px 0px/1140px 30px no-repeat;
	width:55px;
	height:30px;
}
.icone-cartao{
	background:URL('../img/facilidades_.png') -441px 0px/1140px 30px no-repeat;
	width:50px;
	height:30px;
}
.icone-cadeado{
	background:URL('../img/facilidades_.png') -899px 0px/1140px 30px no-repeat;
	width:25px;
	height:30px;
}
.icone-mastercard{
	background:URL('../img/icone-pagamento.png') -50px 0px/419px 119px no-repeat;
	width:35px;
	height:22px;
}
.icone-visa{
	background:URL('../img/icone-pagamento.png') 0px 0px/419px 119px no-repeat;
	width:35px;
	height:22px;
}
.icone-bb{
	background:URL('../img/icone-pagamento.png') -50px -39px/419px 119px no-repeat;
	width:35px;
	height:22px;
}
.icone-itau{
	background:URL('../img/icone-pagamento.png') -250px -39px/419px 119px no-repeat;
	width:35px;
	height:22px;
}
.icone-bradesco{
	background:URL('../img/icone-pagamento.png') 0px -39px/419px 119px no-repeat;
	width:35px;
	height:22px;
}
.icon-carrinho{
	background:URL('../img/carrinho.png') 0px 0px/40px 40px no-repeat;
	width:40px;
	height:40px;
}
.icon-telefone{
	background:URL('../img/icone-contatos.png') 1px 0px/120px 60px no-repeat;
	width:30px;
	height:30px;
}
.icon-whatsapp{
	background:URL('../img/icone-contatos.png') -35px 0px/120px 60px no-repeat;
	width:30px;
	height:30px;
}
.botao_contorno{
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align:center;
	vertical-align:middle;
	padding: 1px 1px;
	border-radius: 3px;
	border:3px solid red;
	float:left;
	cursor:pointer;
}
.botao_contorno_select{
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align:center;
	vertical-align:middle;
	padding: 1px 1px;
	border-radius: 3px;
	border:3px solid red;
	float:left;
	background-color:red;
	cursor:pointer;
}
.botao_logo{
	border-radius:35px;
	overflow:hidden;
	width:70px;
	height:70px;
	float:left;
	margin-right:5px;
}
.botao_busca{
	background-image:URL('../img/icone-contatos.png');
	background-position:0px -20px;
	background-size:100px 50px;
	background-repeat:no-repeat;
	background-color:white;
	border-radius:10px;
	border:0px;
	width:40px;
	height:40px;
	margin-left:2px;
}
.icon-comment{
	background:URL('../img/icone-contatos.png') -75px 0px/120px 60px no-repeat;
	width:30px;
	height:30px;
}
.icon-facebook{
	background:URL('../img/social_icons.png') -31px 0px/218px 30px no-repeat;
	width:30px;
	height:30px;
}
.icon-twitter{
	background:URL('../img/social_icons.png') 0px 0px/218px 30px no-repeat;
	width:30px;
	height:30px;
}
.icon-youtube{
	background:URL('../img/social_icons.png') -156px 0px/218px 30px no-repeat;
	width:30px;
	height:30px;
}
.icon-instagram{
	background:URL('../img/social_icons.png') -187px 0px/218px 30px no-repeat;
	width:30px;
	height:30px;
}
.pointer{
	cursor:pointer;
}
.carret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
#aguarde {
	background: url('../img/balao_480_110.png');
	background-size: 480px 110px;
	width:480px;
	height:110px;
	padding:0;
	margin:0;
	position:absolute;
	left:500;
	top:300;
	line-height:100px;
}
.right{
	float:right;
}
.left{
	float:left;
}
.botao{
	Color:black;
	background-color:white;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	text-indent: 0px;
}
.botao:hover{
	Color:white;
	background-color:black;
}
textarea {resize:none}
.corpo{
    margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	font:normal 13pt Calibri;
	text-align:Justify;
	width:calc(100% - 12px);
	max-width:1140px;
	padding:0px 5px 10px 5px;
}
.aba_selected{
	margin-right:1px;
	background-color: #088;
	border-color:white;
	border-radius:5px 5px 0px 0px;
	padding:5px 10px 5px 10px;
	line-height:30px;
	color:black;
	text-align:center;
	font:15pt Arial;
}
.aba_select{
	cursor:pointer;
	margin-right:1px;
	background-color:#08c;
	border-color:white;
	border-radius:5px 5px 0px 0px;
	padding:5px 10px 5px 10px;
	line-height:30px;
	color:white;
	text-align:center;
	line-height:40px;
	font:15pt Arial;
}
.aba_select:hover{
	background-color:#088;
	border-color:#088;
	color:black;
	text-align:center;
}
.btn_selected{
	background-color:white;
	border-color:white;
	padding:10px;
	height:30px;
	line-height:30px;
	color:black;
	text-align:center;
	font:15pt Arial;
}
.btn_select{
	cursor:pointer;
	background-color:blue;
	border-color:white;
	padding:10px;
	height:30px;
	line-height:30px;
	color:white;
	text-align:center;
	line-height:40px;
	font:15pt Arial;
}
.btn_select:hover{
	cursor:pointer;
	background-color:white;
	border-color:white;
	padding:10px;
	height:30px;
	line-height:30px;
	color:black;
	text-align:center;
	font:15pt Arial;
}
.conteudo{
	padding:5px;
	border-radius:5px;
	background-color:white;
}
table,td{
	border-collapse:collapse;
	vertical-align:middle;
	padding:0px 2px;
}
.tr_impar{
	background-color:FFCCCC;
}
.tr_par{
	background-color:skyblue;
}
.cabecalho{
	z-index:-2;
}
.titulo{
	font:Bold 16pt Arial;
	padding-bottom:20px;
	border-bottom:1px solid black;
}
.subtitulo{
    margin-top:5px;
	font:Bold 14pt Arial;
}
.quatro_colunas{
	float:left;
	width:calc(25% - 20px);
	min-width:245px;
	margin-top:10px;
	margin-left:20px;
	font:Normal 10pt Arial;
}
.mini-texto{
	font:9pt normal Calibri;
}
.cor_um{
	background-color:#caf5f9;
	color:black;
}
.cor_dois{
	background-color:#3d8af4;
	color:white;
}
.cor_tres{
	background-color:#FCC;
	color:black;
}
.cor_um_selected{
	background-color:#23B5F8;
	color:black;
}
.cor_dois_selected{
	background-color:#08c;
	color:white;
}
.imagem_carrinho{
	float:left;
	overflow:hidden;
	border:0px;
	width:100px;
	height:150px;
}

@media (max-width: 800px) {
	table td{display:block;float:left;width:calc( 100% - 12px);border:1px black solid;}
	table th{display:none;}
	
    .negrito_tela_pequena_media{font-weight:bold;}
	.tela_grande{display: none;}
	.resultado_menu_lateral{margin:inherit;width:calc(100% - 4px);}
	.filtros{position:fixed;width:100%;height:100vh;top:0px;left:0px;z-index:1000;}
    .filtros .filtro_div{background-color:white;width:90%;height:100%;overflow-y:scroll;}
	.logo{display:none;}
	.anuncio{width:calc(50% - 40px);margin:0px;}
	/*.anuncio_div_imagem{float:left;}*/
	/*.anuncio_texto{float:left;margin-left:5px}*/
	.anuncio #nome{font:bold 16pt Arial;}
}

@media (max-width: 500px) {
	.tela_media{display:none;}
	.tela_media_grande{display:none;}
	.quatro_colunas{margin-left:0px;}
	.anuncio{width:calc(100% - 40px);margin:0px;}
	/*.anuncio_div_imagem{margin-left:auto;margin-right:auto;}*/
	/*.anuncio_texto{float:none;}*/
	.imagem_carrinho{float:none;margin-left:auto;margin-right:auto;width:70;height:105;}
	.filtro_box{float:none;}
	.slide_overhide{width:100%}
}

@media (min-width: 500px) {
	.tela_pequena{display: none;}
	.slide_overhide{width:calc(100% - 70px)}
}

@media (min-width: 800px) {
    #menu_tela_pequena_media{display:none;}
	.tela_media{display: none;}
	.tela_pequena_media{display: none;}
    .resultado_menu_lateral{width:calc(100% - 200px);}
}