@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');


body{ font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color:#4d4d4d;}
.corPadrao{ color: #d51e1e !important;}

.espaco-topo{ display: block; height: 175px;}
header{ position: relative; z-index: 10; box-shadow: 0 19px 62px rgba(0,0,0,0.27); background: #FFF; z-index: 900 !important;}
.topo{ height: 175px;}

.topo  .uk-navbar-nav>li>a{ display: inline-block;  color: #d51e1e; height: auto;text-transform: uppercase; font-size: 16px;}

.topo  .uk-navbar-nav>li{ margin-left: 40px;}
.topo .uk-navbar-left li:first-child{ margin-left: 0;}
.topo .uk-navbar-right li:first-child{ margin-left: 0;}

.uk-sticky.uk-active .topo .logo{ width: 80px !important;}
.uk-sticky.uk-active .topo{

  height: 105px !important;

}



.banner h2, .banner p{ height: auto; padding-top: 8px; padding-bottom: 8px;}
.banner h2 span{ color: #d51e1e; background: rgba(255,255,255,0.9); font-size: 40px; font-weight: 700; line-height: 40px; padding: 15px 30px; letter-spacing: -2px;}
.banner p span{ color: #d51e1e; background: rgba(255,255,255,0.9); font-size: 30px; font-weight: 100; line-height: 40px; padding: 15px 30px; letter-spacing: -2px;}
.banner p strong{ color: #4d4d4d;}


h1{ font-size: 40px; color: #4d4d4d; font-weight: 700; letter-spacing: -2px;}


h2{color: #d51e1e; text-transform: uppercase; font-weight: 700; font-size: 40px; letter-spacing: -2px;}

.uk-heading-line>::after, .uk-heading-line>::before{border-bottom: 4px solid #e5e5e5;}

.listaControles{ font-size: 20px; color: #4d4d4d; }
.listaControles span{color: #d51e1e; margin-right: 10px;}
.listaControles .itens { border:2px solid #e5e5e5; border-radius: 3px;  padding: 20px 30px;}
.listaControles .itens small{  font-size: 12px; display: block; margin-left: 20px;}



.palco{  border-radius: 10px; box-shadow: 0 19px 62px rgba(0,0,0,0.17); overflow: hidden; text-align: justify;}

.textosAutomacao{  font-size: 16px; line-height: 34px;}
.subitens .titulo{ color: #d51e1e; font-size: 16px; font-weight: 700; line-height: 16px; margin-bottom: 10px; text-align: left;}

.palco .tituloPrincipal{ background: #d51e1e ; font-size: 27px; font-weight: 700; color: #FFF; height: 60px; line-height: 60px; border-radius: 0 30px 30px 0; padding: 0 18px;}


.lineHMenor{ line-height: 23px;}


.form{  }
.titulo-form{color: #fff; font-size: 20px; color: #d51e1e;}
.botaoForm{ background-color: #fff; border-radius: 24px; border-radius: 5px; background: #d51e1e; color: #FFF;}
.rodape{color: #a1a1a1;}


.uk-offcanvas-bar{background: #d51e1e ; }
.uk-offcanvas-bar a{color:#fff !important;}
.btnMobile{color:#d51e1e ;}

#frameinvisivel{display: none;}



#contato .linha{border-top: solid 1px rgba(255,0,0,0.5);}
#contato span{color: #d51e1e; margin-right: 5px; }

#contato .telefones{ font-size: 20px; font-weight: 700; margin-bottom: 30px;}
#contato .email{ font-size: 18px;}
#contato .numero{ display: inline-block;}
#contato .numero:first-child{ margin-right: 10px;}
#contato h3{  font-weight: 700; font-size: 28px;}

.uk-button-default:focus, .uk-button-default:hover{
   background: #000; color: #FFF;
}

#map {
      height: 300px;
    }

@media (max-width: 1199px) {
  /*l*/

 }

@media (max-width: 959px) {
  /*m*/

.topo  .uk-navbar-nav>li{ margin-left: 10px !important;}

.banner h2 span{ font-size: 30px; font-weight: 700; line-height: 30px; padding: 15px 30px; letter-spacing: -2px;}
.banner p span{font-size: 25px; font-weight: 100; line-height: 25px; padding: 15px 30px; letter-spacing: -2px;}
.listaControles{ font-size: 16px; color: #4d4d4d; }

.textosAutomacao{  font-size: 14px; line-height: 22px;}
.subitens .titulo{ font-size: 12px;  line-height: 14px;}

.palco .tituloPrincipal{height:auto; width: auto; line-height: 25px; padding: 10px 10px; text-align: left; font-size: 22px;}


   }

@media (max-width: 639px) {
  /*s*/

.banner h2, .banner p{ height: auto; padding-top: 5px; padding-bottom: 5px; margin: 0;}
.banner h2 span{ font-size: 20px; font-weight: 700; line-height: 20px; padding: 5px 23px; letter-spacing: 0;}
.banner p span{font-size: 16px; font-weight: 100; line-height: 16px; padding: 5px 23px; letter-spacing: 0;}




 }

@media (max-width: 489px) {
  /*xs*/

.topo{ height: 105px;}
.topo .logo{ width: 80px !important;}

.banner h2, .banner p{ height: auto; padding-top: 5px; padding-bottom: 5px; margin: 0;}
.banner h2 span{ font-size: 16px; font-weight: 700; line-height: 16px; padding: 5px 23px; letter-spacing: 0;}
.banner p span{font-size: 14px; font-weight: 100; line-height: 14px; padding: 5px 18px; letter-spacing: 0; margin: 0 8px;}

h1{ font-size: 25px; color: #4d4d4d; font-weight: 700; letter-spacing: -2px; }
h2{color: #d51e1e; text-transform: uppercase; font-weight: 700; font-size: 25px; letter-spacing: -2px;}
.textoPequeno{font-size: 16px !important;}
.listaControles .itens { border:2px solid #e5e5e5; border-radius: 3px;  padding: 20px 15px;}
.listaControles {font-size: 14px;}

.palco .tituloPrincipal{height:auto; width: auto; line-height: 25px; padding: 10px 10px; text-align: left;}

.espaco-topo{ display: block; height: 105px;}
  }

/*////	ENTRE: ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 960px) and (max-width: 1199px) {
  /*lg*/ }

@media (min-width: 640px) and (max-width: 959px) {
  /*md*/ }