input[type=text], input[type=password], input[type=email], input[type=date], input[type=tel], input[type=number], input.text, input[type=submit], select, textarea { font-family: 'Open Sans', sans-serif; }

.campos{font-size: 100%; box-sizing: border-box; border: 1px solid #999; background: #FFF; width:98%; padding: 8px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}

#escolhe: {
background:#FFF;
}

#escolhe:hover {
background:#F5F5F5;
}

#col50 {width:50%;}
#col33 {width:33%;}

#colunapacote {width:33%;}
#colstatustotal  {width:15%;}
#colstatusentrega  {width:5%;}
#colstatuspedido {width:20%;}
#colstatusproduto {width:60%;}

#barrapedido {width:30%;}

#menucelular {display: none;}
#linhacomplemento1 {display: none;}
#linhacomplemento2 {display: block;}

#colunaesquerda {width:30%;}
#colunadireita {width:70%;}

#verprodutoesquerda {width:25%;}
#verprodutodireita {width:75%;}

#colunacomplemento {width:5%;}
#colunatotal {width:20%;}
#colunavalorvenda {width:20%;}
#colunametade {width:5%;}
#colunaquantidade {width:5%;}

#opcaopratobranco {
background:#FFFFFF;
}
#opcaopratocinza {
background:#EEEEEE;
}

#opcaopratobranco:hover {
background:#E0E0E0;
font-weight:bold;
}
#opcaopratocinza:hover {
background:#E0E0E0;
font-weight:bold;
}

#statusentrega {
padding:30px;
background-color:#FF9900;
color:#FFF;
}

#statusentrega:hover {
background:#FFCC00;
font-weight:bold;
color:#000;
}

#statuspreparando {
padding:30px;
background-color:#FF9900;
color:#FFF;
}

#statuspreparando:hover {
background:#FFCC00;
font-weight:bold;
color:#000;
}

#statusaguardando {
padding:30px;
background-color:#FF9900;
color:#FFF;
}

#statusaguardando:hover {
background:#FFCC00;
font-weight:bold;
color:#000;
}


#produtocarrinho:hover {border-style:solid;  text-align:center; border-color:#0066CC; border-radius:2px; border-width: 1px;}

#colprodutos {width:33%; text-align:center; height: 100%;}

#item {border-style:solid;  text-align:center; border-color:#ccc; border-radius:2px; border-width: 1px;}
#item:hover {border-color:#000;}

a.linkcabecalho:link {
color:#FFF;
text-decoration:none;
}
a.linkcabecalho:visited {
color:#FFF;
text-decoration:none;
}
a.linkcabecalho:hover {
color:#FFCC00;
text-decoration:underline;
}
a.linkcabecalho:active {
color:#FFF;
text-decoration:underline;
}
body
{
  font-family: 'Open Sans', sans-serif;
  fotn-weight: bold;
  background-color: "#FBFBFB";
  font-size: 16px;
  margin: 0px 0px 0px 0px;
}
.linha {
  display: table;
  width: 100%;
  border: 0px;
}
.coluna {
  display: table-cell;
  vertical-align: middle;
  border: 0px;
}

.colunafixa {
  display: table-cell;
  border: 0px;
}

.demo-2 .sl-slider-wrapper {
        height:580px;
}

.demo-2 .bg-img {
        height:580px;
}


.botao{
width: 20%;
font-family: 'Roboto Condensed', sans-serif;
font-size:15px;
font-style:normal;
color:#ffffff;
background:#333333;
border:0px hidden #ffffff;
text-shadow:0px -1px 1px #222222;
box-shadow:1px 0px 0px #000000;
-moz-box-shadow:1px 0px 0px #000000;
-webkit-box-shadow:1px 0px 0px #000000;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
width:100%;
padding:8px 20px;
cursor:pointer;
margin:0 auto;
}


.botao:active{
cursor:pointer;
position:relative;
top:2px;
}


@media (max-width: 860px)
{
  .coluna {
    display: block;
    width: 100%;
  }

.demo-2 .sl-slider-wrapper {
        height:290px;
}

.demo-2 .bg-img {
        height:290px;
}

#colprodutos {width:98%;}

#colunaesquerda {display:none;}
#colunadireita {width:100%;}

#opcoescabecalho {display: none;}
#menucelular {display: block;}

#verprodutoesquerda {width:98%;}
#verprodutodireita {width:98%;}
#produtocarrinho {width:98%;}

#colunacomplemento {width:98%;}
#colunatotal {width:98%;}
#colunavalorvenda {width:98%;}
#colunametade {width:98%;}
#colunaquantidade {width:98%;}
#colunaproduto {width:98%;}
#linhacomplemento1 {display: block;}
#linhacomplemento2 {display: none;}

#barrapedido {width:70%;}

#statusaguardando {
padding:10px;
font-size: 12px;
background-color:#FF9900;
color:#FFF;
}

#statuspreparando {
padding:10px;
font-size: 12px;
background-color:#FF9900;
color:#FFF;
}

#statusentrega {
padding:10px;
font-size: 12px;
background-color:#FF9900;
color:#FFF;
}

#colstatuspedido {width:98%;}
#colstatusproduto {width:98%;}
#colstatuscomplemento {width:98%;}
#colstatusentrega  {width:98%;}
#colstatustotal  {width:98%;}

#hrquantidade {display: none;}
#hrmetade {display: none;}
#hrvalorvenda {display: none;}

#colunapacote {width:100%;}
#col50 {width:100%;}
#col33 {width:100%;}

}