@charset "utf-8";
/* reset */
{ margin:0; padding:0; font-size:100%; border:none; outline:none; font-weight:400; box-sizing:border-box; font-family:Arial Narrow,Verdana, sans-serif;}
body{background:#0CF; font-family:Verdana, Geneva, sans-serif; font-size:40px;}
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;}
h1{size:10px; color:#06f;}
h2{font:Verdana, Geneva, sans-serif; size:2px; color:#06F;}

/*formulario*/
.logo{width:200px; height:200px; margin-left:35%; margin-bottom:2%; background:url(../logo.png) center center/100% no-repeat; font-size:0;z-index:10;}
.frm_base{background-color:#FFF; padding:4% 4%;}
.pescoco{ padding-bottom:5%;font-family:Verdana, Geneva, sans-serif; font-size:55px; width:80%;}

form input{border:solid; border-color:#06f; width:90%; padding:1% 1%; border-radius:7px; font-size:70px;margin:2% 2%; }
form select{border:solid; border-color:#06f; width:90%;border-radius:7px; padding:1% 1%;font-size:70px;margin:2% 2%;}
form textarea{border:solid; border-color:#06f; width:90%; padding:1% 1%; border-radius:7px; font-size:45px;margin:2% 2%;}
.btoform{border:solid; border-color:#06f; background-color:#06f; color:#FFF; width:20%; padding:1% 1%; border-radius:7px; font-size:45px; margin:2% 2%;}
frm_label{font:Verdana, Geneva, sans-serif; size:16px; color:#06F;}


h1{font-family:Arial, Helvetica, sans-serif;  font-size:45px; color:#03F; }
.estante{width:100%; float:left;  padding:2% 4%; background-color:#fff;}
.quadrovagas{width:100%; float:left;  padding:0% 0%; background-color:#fff;}
.produtos{width:90%; float:left; padding-bottom:0%; padding:2% 4%; font-size:medium; border-radius: 12px 0px; border-style:solid; border-width:thin; border-color:#009; background-color:#FFf; margin-right:2%; margin-bottom:2%;}
.barraproduto{ width:100%; background-color:#03C; color:#FFF;border-radius: 12px 0px; padding:1% 1%; text-align:left; float:left; font-size:45px;}
.descricao{ width:100%; float:left; text-align:left; font-family:Arial Narrow, Geneva, sans-serif; font-size:45px;color:#000;  padding:1% 1%; background-color:#Fff;}
.bto_x{ width:30%; background-color:#03C; color:#FFF;border-radius: 12px 0px; padding:1% 1%; text-align:center; margin:1% 1%; float:left; font-size:small;}

/* Aumenta o tamanho geral do calendário */
.flatpickr-calendar {
  font-size: 18px;
}

/* Aumenta o tamanho dos botões de navegação */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  width: 36px;
  height: 36px;
  font-size: 24px;
}

/* Aumenta tamanho das células dos dias */
.flatpickr-day {
  padding: 10px 0;
  width: 40px;
  height: 40px;
  font-size: 16px;
}
/* Melhor toque em dispositivos móveis */
@media (max-width: 768px) {
  .flatpickr-calendar {
    font-size: 22px;
  }

  .flatpickr-day {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }

  .flatpickr-months .flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month {
    width: 44px;
    height: 44px;
  }
}
/* desktop */

@media screen and (min-width:1024px){
	body{background:#0CF; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
	.pescoco{ font-size:18px;}
	.logo{margin-left:45%; width:100px; height:100px;}
.frm_base{background-color:#FFF; padding:4% 4%; margin-left:30%; margin-top:2%; width:30%;}
form input{border:solid; border-color:#03C; width:70%; padding:5px 2px; border-radius:5px; font-size:14px;margin:6px 6px;  }
form select{border:solid; border-color:#03C; width:50%;border-radius:7px;  padding:5px 2px;font-size:14px;margin:2px 2px;}
form textarea{border:solid; border-color:#03C; width:90%; padding:5px 2px; border-radius:7px; font-size:14px;margin:2px 2px;}
.btoform{border:solid; border-color:#06f; background-color:#06f; color:#FFF; width:20%; padding:1% 1%; border-radius:7px; font-size:20px; margin:2px 2px;}
.frm_data{width:35%; padding:2px 2px; font-size:14px; }
h1{font-family:Arial, Helvetica, sans-serif;  font-size:14px; color:#03c; }
.estante{width:100%; float:left;  padding:0% 0%; background-color:#fff;}
.quadrovagas{width:100%; float:left;  padding:0% 0%; background-color:#fff;}
.produtos{width:80%; float:left; padding-bottom:4% 2%;  border-radius: 12px 0px; border-style:solid; border-width:thin; border-color:#009; background-color:#FFf; margin-right:2%; margin-bottom:2%; margin-left:5%; color:#03C; font-family:Verdana, Geneva, sans-serif; font-size:14px;}
.barraproduto{ width:100%; background-color:#03C; color:#FFF;border-radius: 12px 0px; padding:1% 1%; text-align:left; float:left; font-size:16px;}
.descricao{ width:100%; float:left; text-align:left; font-family:Arial Narrow, Geneva, sans-serif; color:#000;  padding:1% 1%; background-color:#Fff; font-size:16px;}
.bto_x{ width:30%; background-color:#03C; color:#FFF;border-radius: 12px 0px; padding:1% 1%; text-align:center; margin:1% 1%; float:left; font-size:small;}
.btoform{font-size:16px; background-color:#03C;}