.contprod{
flex:0 0 22%; /*flex-grow, flex-shrink e flex-basis -> relação de aumento dos box entre si no responsivo, diminuição, MIN-WHIDTH */
-webkit-flex:0 0 22%;
font-size:70%;
}
.comprarprod, .comprarprod:hover{background:none;}
.comprarprod a{color:#06f; text-decoration:underline;}
.comprarprod a:hover{color: #0c0;}
#compras{
display: -webkit-flex;
display: flex;
display: -moz-box;
display: -ms-flexbox;
flex-flow: row wrap;
align-items:stretch;/*padrao = stretch  flex-start*/
justify-content:center;
-webkit-flex-flow: row wrap;
-webkit-align-items:stretch;/*padrao = stretch  flex-start*/
-webkit-justify-content:center;/*space-around;*/
}
.comprar{width:auto; padding:5px 12px; background:#06f; border-radius:6px; color:#fff;}
.comprar:hover{background: #0BBB03;}
#produtos, #infoc{flex:1 1 47%;-webkit-flex:1 1 47%;}
#produtos{ order:2; -webkit-order:2;}
#infoc{ order:1; -webkit-order:1;}
#infoc .fina{font-size:30px!important; color:#900; font-weight:bold;}
#infoc strong{font-size:24px!important;}
#infoc .pisc{
	font-size:70%;
animation: fadeIn 1s ease infinite alternate;
-webkit-animation: fadeIn 1s ease infinite alternate;
}
/*ALINHAMENTO VERTICAL
para texto ÚNICO solto dentro do .cont usar classe .vert -> ela alinha tudo no meio, independente do self de cada div - PARA DIVS OU TEXTOS  posicionados em cima, meio e embaixo, usar as classes .fv_t, c e b.
*/
.ft_70{font-size:70%;}
.ft_150{font-size:150%;}
.ft_150 a{color:#09f!important;}.ft_150 a:hover{color: #0c6!important;}
.ic_g{font-size:200%; color:#0482bd;}

#infoc a{color:#03c;}
#loc_ent{width:100%; background:rgba(0,0,0,0.1); text-align:left; padding:12px;}
#txentrega{width:100%; border-radius:6px; padding:12px;}
strong{font-size:18px; color: #03c; text-align:left;}
.red{color:#C00; font-weight:bold; font-size:15px; line-height:1em;}
.linha{width:98%; padding: 2px 1%;}
.linha_cor{width:96%; padding: 2%; background:#02244f; color:#fff; border-radius:4px; margin:6px 0;}
.linha_border{width:98%; padding:1%; border-bottom:1px solid #333; margin-bottom:4px;}
.l_esq{width:29%; padding:1%; float:left; text-align:right;}
.l_dir{width: 70%; padding:1%; float:right; text-align:left;}
.excluir{width:5%; float:left; font-size:10px;}
.excluir img{width:100%;}

.submit{ width:120px; background: #036; color:#fff; padding:10px; border-radius:6px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition:  all 0.3s ease;transition: all 0.63 ease;}
.submit hover{background:#039;}

input, select, textarea{width:100%;font-family: 'Abel', sans-serif, Arial, Helvetica, sans-serif;}
.cepserv{width:100%!important; padding:4px; border-radius:4px;}
/*FINALIZAR OU COMPRAR MAIS*/
.i_500{display:inline-block; background: #01b9fe; background-image:linear-gradient(#01b9fe, #2c70b3); border-radius:6px; shadow-box:0 0 20px #000; border: 3px solid #ccc; text-align:center; padding:12px; margin:12px; min-width:140px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition:  all 0.3s ease;transition: all 0.63 ease;}
#infoc .fv_c a, #info .fv_c strong{color:#fff!important;}
#infoc .fv_c a:hover{color:#333!important;}
.i_500 i{font-size:500%;}
.i_600{font-size:600%;}
@media screen and (max-width: 800px) {
#produtos, #infoc{flex:1 1 98%;-webkit-flex:1 1 98%;}
.contprod{
flex:0 0 45%; /*flex-grow, flex-shrink e flex-basis -> relação de aumento dos box entre si no responsivo, diminuição, MIN-WHIDTH */
-webkit-flex:0 0 45%;
font-size:65%;
}
.i_500{min-width:120px; margin:6px;}
.i_500 i{font-size:300%;}
.i_600{font-size:400%;}
.l_esq{font-size:50%; width:25%;}
.l_dir{font-size:70%; width:74%;}
}
/*FIM FINALIZAR OU COMPRAR MAIS*/
/*DIV MAIS PRODUTOS*/
#mais{
width:98%;
padding:1%;
text-align:center;
background:#eee;
}
.m_mais{width:23%; margin:1%; float:left;}
.m_mais img{width:100%; max-height:150px;}
.entrega{width:100%; margin-bottom: 6px; background:#ccc; border-radius:4px; padding:8px; text-align:left;}
.entrega select{width:100%; background:rgba(255,255,255,0.3); border:0; padding:4px; border-radius:4px;}
.locais{width:180px!important; border-radius: 8px; padding:8px; background:#0482bd; color:#fff;}
@charset "UTF-8";