*{ margin: 0; padding: 0;  }

body{ background: #fff; font-family: 'Roboto', sans-serif; font-weight: 400;}

p{font-family: 'Roboto', sans-serif; font-weight: 400; font-size:16px;}
strong{font-family: 'Roboto', sans-serif; font-weight: 700;}
a:hover{ text-decoration: none; }

.reponsive_img{ width: 100%; display: block  }
.reponsive_img_movel{ width: 100%; }

.clear{ clear: both; }

.topo{ padding: 30px 0; border-top: 5px #50a244 solid; border-bottom: 5px #50a244 solid;}
.topo a{ color:#444; }

.contato_topo p{ font-size: 20px;  margin-top:20px; }

.titulo_topo{ padding: 30px; }
.titulo_topo h1{ color: #fff;font-family: 'Roboto', sans-serif; font-weight: 700; }
.titulo_topo h1 span{ color: #233868; font-family: 'Roboto', sans-serif; font-weight: 700; }

.menu{ display: block; background: #233868;}
.menu_rodape{ border-top: none; background: #233868;}
.menu nav ul{ list-style: none; padding: 15px 0 10px 0; text-align: center;}
.menu nav ul li{ display: inline-block; text-align: center;  width: 13%; }
.menu nav ul li a{ color: #fff;  font-size:16px; text-transform: uppercase;   }
.menu nav ul li a:hover, .menu nav ul li a.ativo{ text-decoration: none; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 700}

.botao_login{ padding-top: 16px; text-align: center}

a.botao{transition: all 0.5s; padding: 12px 16px; display:block; font-size:18px; }

.area_form{ background: #50a244;  border-right: 7px #196712 solid; color:#fff; padding:40px; }
 
.area_form  form input, .area_form  form textarea{ color: #444 !important; outline: none; transition: all 0.5s; padding:10px; border: 1px #50a244 solid; border-radius: 4px; width: 100%; margin-bottom: 30px; font-size: 16px;}
.area_form  form input:focus, .area_form  form textarea:focus{ border: 1px #196712 solid;  }
.area_form  form textarea{ height: 192px;  }
.area_form  form input.submit{ float: right; border-radius: 0;  border: none; width: 70%; transition: all 0.5s; padding: 12px 16px; display:block; font-size:18px; background: #233969;  border-right: 5px #101e3e solid; color:#fff !important;}
.area_form  form input.submit:hover{  border: none; width: 50%;  background: #555;  border-right: 5px #222 solid; color:#fff !important;}




a.botao_verde{ background: #50a244;  border-right: 5px #196712 solid; color:#fff;}
a.botao_azul{ background: #233969;  border-right: 5px #101e3e solid; color:#fff;}

a.botao:hover {background: #444;  border-right: 5px #222 solid; text-decoration: none}

.meio{ padding: 50px 0; }

.meio_azul{ padding: 10px 0; background: #233868; color:#fff;}

.meio_verde{ padding: 20px 0 40px 0; background: #50a244; color:#fff;}

.rodape{ padding: 30px 0; background: #233868; color:#fff;}
.rodape_fim{ padding: 15px 0; background: #112146; color:#fff; font-size: 13px;}
.meio_cinza{ padding: 10px 0; background: #f3f3f3; color:#444;}

.certificado{ margin: 30px 0; }
.certificado p{ color: #233868; font-weight: 700; margin-top: 5px; }

.descricao_home{ padding-top: 50px; }
.am_desc{ padding-top: 25px; }
.descricao_home p{  }
.descricao_home a{ width: 40%; float: right; text-align: center;}
.descricao_home h2{ border-bottom: 3px solid #50a244;  }

.bloco_easy{ margin-top: 20px; }
.bloco_easy .col-md-9{ padding-top: 20px; }
.bloco_easy .col-md-9 p{font-size: 17px; }

.bloco_entenda{ margin-top: 20px; padding:10px; background:#233868; display: block; }
.bloco_entenda .col-md-1{ padding-top: 20px; color: #fff; font-weight: 700; font-size: 30px; }
.bloco_entenda .col-md-11 p{ padding-top: 12px; color: #fff;font-size: 17px;  }
 


.bloco_home{ z-index: 1; position: relative; }
.bloco_home img{  z-index: 2; position: relative;}
.bloco_home .area_botao{width: 100%; height: 100%; background: rgba(0,0,0,.7); text-align: center;padding: 0 50px; padding-top: 30%;  display: none; z-index: 3; position: absolute; top: 0;}
.bloco_home:hover >.area_botao{  display: block; }
.bloco_total h2{ border-bottom: 3px solid #50a244; color: #233868; }

.carousel-caption{ width: 60%; padding: 25px; background: rgba(0,0,0,.6); font-size: 18px; left: 38%; bottom: 50px; position: absolute;}
.carousel-caption a{ color: #50a244;}

.banner{ margin-bottom: 40px; }
ol.carousel-indicators { bottom: -60px; }
ol.carousel-indicators li { width: 45px; height: 10px; margin: 5px 10px; background: #50a244; border: none;  border-radius: 0;}
ol.carousel-indicators li:hover, ol.carousel-indicators li.active{ border-radius: 0; width: 45px; height: 10px; margin: 5px 10px; background: #233868; border: none;  }
ol.carousel-indicators li.active{  cursor: default;  }

.modal-dialog{  width: 397px; height: 525px;   position: relative;  }
.modal-dialog button{ opacity: 1; position: relative; z-index: 100; margin-top: 20px; cursor: pointer;}
.modal-dialog button span{ color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.7); font-size:25px; font-weight: bold; opacity: 1;  }
.lampada_led_total{ margin:0 auto; width: 300px; height: 525px;   position: relative;  }
.lampada_led1{ width: 300px; height: 525px; position: absolute; z-index: 2; top: 0px; left: 0;}
.lampada_led2{ width: 300px; height: 525px; position: absolute; z-index: 3; top: 0px; left: 0;}
.lampada_led_area{  width: 300px; height: 604px; position: absolute; z-index: 4; top: 0px; left: 0; padding: 60px 50px 0 50px ;}
.lampada_led_area p{ font-size: 18px;  margin-bottom: 20px; }
.lampada_led_area a.botao{transition: all 0.5s; padding: 8px 10px !important; display:block; font-size:16px; }

.lampada_led_area  form input{ outline: none; transition: all 0.5s; padding:10px; border: 1px #aaa solid; border-radius: 4px; width: 100%; margin-bottom: 20px; font-size: 16px;}
.lampada_led_area  form input:focus{ border: 1px #50a244 solid;  }
.lampada_led_area  form input.submit{ margin: 0 auto; border-radius: 0;  border: none; width: 70%; transition: all 0.5s; padding: 12px 16px; display:block; font-size:18px; background: #233969;  border-right: 5px #101e3e solid; color:#fff;}
.lampada_led_area  form input.submit:hover{  border: none; width: 70%;  background: #555;  width: 70%; border-right: 5px #222 solid; color:#fff;}


h2.titulo{ border-bottom: 3px solid #0C3D85; color: #233868; margin-bottom: 20px;}
h2.titulo_2{ border-bottom: 3px solid #233868; color: #fff; }

#carousel-cliente a.left{ transition: all 0.5s; background: url(../img/prev.png); width: 27px; height: 46px; left: -35px; top: 35px; }
#carousel-cliente a.left:hover{  left: -39px;   }


#carousel-cliente a.right { transition: all 0.5s; background: url(../img/next.png); width: 27px; height: 46px; right: 35px; top: 35px; }
#carousel-cliente a.right:hover{  right: 39px;   }

.lateral_servicos {margin-top:25px;}
.lateral_servicos a{background: #54ac40; color:#fff; padding:15px 10px; font-size: 18px; margin-bottom: 15px; display: block; width: 100%; }
.lateral_servicos a.ativo{background: #233868; font-weight: bold; cursor: default; }
.lateral_servicos a:hover{background: #444; font-weight: bold; }
.lateral_servicos a.ativo:hover{background: #233868; font-weight: bold; cursor: default; }

.texto_contato a{ color: #333; }
.texto_contato p span{ font-size: 21px; }
.texto_contato p i{ font-size: 25px; margin-right: 4px;}

.mapa{ border-top:6px solid #233868;  position: relative; z-index: 1;}
.mapa_borda{  width:100%;background: url(../img/barra_top.png) bottom center; min-height: 35px; z-index: 3; position: absolute; bottom: 0; left: 0; }
#map-canvas{ width:100%; height:480px; z-index: 2; }

.rodape{ padding:40px 0; }
.rodape a{ color: #fff; }
.rodape p { font-size: 18px; line-height: 35px; padding-top: 30px;}
.rodape p span{ font-size: 21px; }
.rodape p i{ font-size: 25px; margin-right: 4px;}
.rodape p i.fa-facebook-square{ font-size: 35px; margin-right: 4px;}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/load.gif) center no-repeat #fff;
}

.bt_easy{
    font-size: 1.25em;
    font-weight: 400;
    color: #444;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    display:  block;
    border-radius: 3px;
    padding: 12px; 
    border: 1px #ddd solid;
    margin-bottom: 21px;
    margin-top: 35px; 
    width: 100%;
    text-align: center;

  }
.bt_easy:hover{
    background-image: linear-gradient(to bottom, #111, #444);
    color: #fff;
    transition: all 1s;
    border: 1px #111 solid;
  }

	 	.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 400;
    color: #444;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    display: inline-block;
    border-radius: 3px;
    padding: 12px; 
    border: 1px #ddd solid;
    margin-bottom: 21px;
}

.inputfile:focus + label,
.inputfile + label:hover { 
    background-image: linear-gradient(to bottom, #111, #444);
    color: #fff;
    transition: all 1s;
    border: 1px #111 solid;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
	pointer-events: none;
}

.clientes_home{ display: block }
.clientes_movel{ display: none } 

.menu_movel{  padding-top:30px;  width: 100%; height: 100%; background: #233868; position: absolute; top: 0; left: 0; z-index: 999; }
.menu_movel ul { list-style: none; text-align: center; }
.menu_movel ul li{ width: 100%; display: block; }
.menu_movel ul li a{ text-transform: uppercase; width: 100%; display: block; color: #fff; font-size: 23px; margin-bottom:20px; text-align: center; }
.menu_movel span#fechamenu{margin-bottom:30px;margin-right:30px; float:right; display: block; color: #fff; font-size: 30px; font-weight: 700; text-align: center; cursor: pointer; }
i#bt_menu_movel{ display: none; color: #444; font-size: 45px; text-align: center; cursor: pointer; margin-top:30px;}

@media screen and (max-width: 770px) {
 .banner{ display: none; }
 .logo{ width: inherit; display: inline-block;}

i#bt_menu_movel{ display: block;  }

.menu{ display: none; background: #233868;}


.reponsive_img_movel{  width: inherit;  }
.clientes_home{ display:  none}
.clientes_movel{ display:  block}

.center_movel{ text-align: center !important; }
.contato_topo{ margin-top: 20px;  }

.rodape2 {
  position:absolute;
  bottom:0;
  width:100%;
  text-align: right;
}	
	
	/*Definido cor das linhas pares*/
        .tabelias tr:nth-child(even) {background: #FFF}
         
     /*Definindo cor das Linhas impáres*/
        .tabelias tr:nth-child(odd) {background: #FFA07A} 
	
.titulo_topo{ background-image: none !important; background-color:  #233868 !important }

.barra {
  background: #0C3D85;
  padding: 25px;
  display: flex;
  align-items: center;

  justify-content: center;

}

.title {
  padding: 20px 50px;
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  border-left: 1px solid #fff;
}
}