@viewport{zoom:1.0;width:device-width}
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'https://fonts.googleapis.com/css?family=Muli';
@import 'botoes.css';
/*Fonte padrão do site */
body {font-family:'Muli',sans-serif;background:#FFF;font-size:18px;overflow-x:hidden;}
/* cor da barra no topo */
.bar-custom {background:#dc3535 !important;width:100%;font-size:14px;color:#FFF;padding-top:10px;padding-bottom:10px;text-align:center !important}
/* cor da vitrine */
.panel-custom {background:#dc3535 !important;color:#FFF !important;border-radius:0px}
/* tamanho e cor dos icones na vitrine*/
.icon-col  {color:#000;background-color:FFF;font-size:70px;padding-top:30px;padding-bottom:20px}
.icon-col a{color:#1870d1}
.icon-col a:hover {color:#dc3535}
/* cor destaque no slide */
.carousel-caption {background-color:rgba(0,0,0,0.5);color:#FFF;text-align:center;position:absolute;right:8px;bottom:8px;left:8px;z-index:10;padding:3px 0px 8px 10px;width:auto !important}
/* cor bkgr slide */
.slide-custom {background: linear-gradient(to bottom, #70b3fd, #1870d1); display: flex;text-align: center !important}
/* cor bkgr footer */
.container-footer{background-color:#F5F5F5;width:100%;font-size:15px;padding-top:40px}
/* gerais */


.img-logo {
  display: block; /* Para remover o espaço extra abaixo da imagem */
  max-width: 100%; /* Para garantir que a imagem não ultrapasse a largura do seu contêiner */
  height: auto; /* Para manter a proporção da imagem */
  margin: 0 auto; /* Para centralizar horizontalmente a imagem */
}


h1 {color:#000;font-size:26px;font-weight:normal;text-decoration:none}
h2 {color:#333;font-size:24px !important;font-weight:normal;text-decoration:none;text-align:center}
.container-content {padding:20px 0px;background-color:#FFF;text-align:justify}
.container-rodape {font-size:16px;text-align:left}
.container-saudacao  {display:none}
.col-top {border:1px solid #FFF;text-align:right;font-size:12px;min-height:140px}
.col-top h1 {font-size:18px;}
.menu img {margin-bottom:10px}
.wrapper {display: flex;justify-content:center;align-items:center;padding-top:40px;padding-bottom:20px}
.number {font-size:24px;font-weight:bold;width: 80px;height: 80px;border: 1px solid #ccc;border-radius: 100%;display: flex;justify-content: center;align-items: center;text-align:center}
.imgFa {background:#FFF !important;color:#000 !important}
.vitrine {padding:0 10px;background-color:#FFF}
.img-thumbnail {margin-bottom:10px}
.img-thumbnail:hover {box-shadow: 0 0 1em rgba(215,215,215,1.0);border-radius:10px;filter:grayscale(50%)}  /*blur(1px)*/
.btn {font-size:18px;margin-bottom:3px}
.btn-left {text-align:left}
/*Botoes navegação topo*/
.btn-menu {padding-top:5px}
.btn-menu .btn {font-size:17px !important;margin:5px 0px 5px 5px !important;width:185px}
/*Botoes atendimento rápido*/
.btn-banner{font-size:18px !important;padding-top:5px}
.btn-banner .btn{font-size:18px !important;margin-bottom:5px !important;width:195px}
/*Botoes navegação rodapé*/
.btn-social {padding-top:5px}
.btn-social .btn {font-size:17px !important;margin-left:15px !important;margin-bottom:5px !important;width:195px}
/*Botoes submenu*/
.btn-text {transition-duration:.3s;text-decoration:none !important;color:#294B8B !important;border-radius:5px;background-color:#FFF;border:1px solid #294B8B;white-space:normal;margin:5px}
.btn-text:hover {padding-left:20px;font-weight:bold !important;background-color:#E7EBF3;border:1px solid #294B8B;-webkit-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,.07);-moz-box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,.07);box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,.07)}
.btn-text:hover::after{transition-delay:1.5s;content:" \27A1  "}
/*carrossel*/
.slide {border:1px inset #DCDCDC !important;text-align:center !important; box-shadow: -15px 0px 15px -15px rgba(0,0,0,0.75), 15px 0px 15px -15px rgba(0,0,0,0.75);}
.slide img {padding:7px;text-align:center !important}
.carousel img {background:#FFF;width:100%;text-align:center !important}
.carousel-caption h3 {font-size:45px;text-shadow:2px 1px 2px rgba(0,0,0,0.9);font-style:normal;margin-bottom:0;margin-top:6px !important;text-align:left}
.carousel-caption p {font-size:18px;margin-top:0;text-align:left}

/* Para telas menores que 1280px */
.container-main {max-width: 1280px; width: 100%}
.slide-col {max-width: 1280px;display:flex;text-align: center !important;background-color:#EAEAEA;margin: 0 auto;width:95%}

/* Para telas maiores ou igual a 1280px */
@media (min-width: 1281px)
{
.container-main {width: 1270px}
.slide-col {width: 1250px;display: flex;text-align: center !important}
}
/* Para smartfones */
@media (max-width:480px) and (min-width:1px)
{
body {background:#FFF;font-size:17px;font-family:'Muli',sans-serif;overflow-x:hidden;}
h1 {font-size:20px;text-align:center}
h2 {font-size:20px;text-align:center}
ul, li  {text-align:left !important}
.container-saudacao  {display:inline;text-align:center}
.container-slide  {display:none}
.col-top {text-align:center !important;padding-bottom:0px;min-height:100px}
.col-logo {text-align:center !important;padding-bottom:0px}
.btn {font-size:17px;margin-bottom:10px}
.container-rodape{font-size:16px !important;text-align:center !important}
.container-footer{font-size:15px;text-align:center;padding-top:30px}
.btn-menu .btn {font-size:18px !important;margin:5px 0px 5px 0px !important;width:270px}
.btn-social {font-size:18px !important;padding-top:5px}
.btn-social .btn {font-size:18px !important;margin-bottom:5px !important;width:270px}
.btn-banner {font-size:18px !important;padding-top:5px}
.btn-banner .btn{font-size:18px !important;margin-bottom:5px !important;width:200px}
.img-thumbnail {margin-bottom:15px}
.img-logo {margin-bottom:5px;text-align:center !important}
}

/* Para tables */
@media (max-width:768px) and (min-width:481px)
{
body {background:#FFF;font-size:17px;font-family:'Muli',sans-serif;overflow-x:hidden;}
h1 {font-size:20px;text-align:center}
h2 {font-size:20px;text-align:center}
ul, li  {text-align:left !important}
.container-saudacao  {display:inline;text-align:center}
.container-slide  {display:none}
.col-top {text-align:center !important;padding-bottom:0px;min-height:100px}
.col-logo {text-align:center !important;padding-bottom:0px}
.btn {font-size:17px;margin-bottom:10px}
.container-rodape{font-size:16px !important;text-align:center !important}
.container-footer{font-size:15px;text-align:center;padding-top:30px}
.btn-menu .btn {font-size:18px !important;margin:5px 0px 5px 0px !important;width:270px}
.btn-social {font-size:18px !important;padding-top:5px}
.btn-social .btn {font-size:18px !important;margin-bottom:5px !important;width:270px}
.btn-banner {font-size:18px !important;padding-top:5px}
.btn-banner .btn{font-size:18px !important;margin-bottom:5px !important;width:200px}
.img-thumbnail {margin-bottom:15px}
.img-logo {margin-bottom:5px;text-align:center !important}
}