@font-face{
  font-family: 'calibri';
  src: url("fonts/calibri.ttf");
}


*{
  margin:0;
  padding:0;
  border:none;
  font-family: 'calibri';
}
#site{
  width: 900px;
  margin: 0 auto;
}
.acabamentoTopo{
  width: 100%;
  height: 20px;
  background-color: #00B7E3;
}
.topo{
  padding:10px 0;
  position: relative;
  height: 90px;
}
.topo img{
  width: 210px;
  float:left;
}
.topo_direita{
  float:right;
}
.topo .contato{
  width: 350px;
  position: absolute;
  right: 0;
  font-size: 20px;
}
.topo ul{
  list-style: none;
  margin: 0;
  margin-top: 50px;
  background-color: #D2D3D5;
  padding: 10px 0;
}
.topo ul li{
  display: inline;
  padding: 0 5px;
}
.topo ul li a{
  text-decoration: none;
  color:black;
  font-weight: bold;
}
.topo ul li a:hover{
  text-decoration: underline;
}
.banner img{
  width: 100%;
}

.frases{
  margin-top: 20px;
}
.frases .frase1{
  text-align: justify;
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #FF9554;
  padding-top: 10px;
  position: relative;
  font-size: 18px;
}
.frases .frase2{
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  font-size: 26px;
  color:white;
  background-color: #00B7E3;
}



.empresa{
  margin: 50px 0;
  border-bottom: 2px solid #FF6B11;
  height: 180px;
  font-size: 18px;
}
.empresa .emp_imagem{
  float:left;
  width: 15%;
  font-weight: bold;
  text-align: center;
}
.empresa .emp_imagem i{
  font-size: 40px;
}

.empresa .emp_conteudo{
  float:left;
  width: 85%;
}


.representadas {
  margin: 50px 0;
  border-bottom: 2px solid #FF6B11;
  height: 400px;
  font-size: 18px;
}
.representadas .rep_imagem{
  float:left;
  width: 15%;
  font-weight: bold;
  text-align: center;
}
.representadas .rep_imagem i{
  font-size: 40px;
}

.representadas .rep_conteudo{
  float:left;
  text-align: center;
  width: 85%;
}

.area{
  margin-top: 30px;
  background-image: url("imagens/mapa.jpg");
  width: 100%;
  height: 400px;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
}

.social{
  width: 100%;
  background-image: url("imagens/social_topo.jpg");
  background-repeat: no-repeat;
  background-color:#00B7E3;
  color: white;
  text-align: center;
  padding: 20px 0 10px 0;
}

.boxcontato{
  width: 100%;
  height: auto;
  background-color: #D2D3D5;
}

.boxcontato input, .boxcontato textarea{
  font-size: 16px;
  height: 30px;
  padding: 5px;
  margin-bottom: 5px;
}
.boxcontato button[type=submit]{
  background-color: #00B7E3;
  color: white;
  padding:10px 20px;
}

.slick-prev:before {
  content: "<";
  color: black;
  font-size: 30px;
}
.slick-next:before {
  content: ">";
  color: black;
  font-size: 30px;
}

ul.slick-dots{
	bottom: -20px;
}