body{
	background-color:#ffffff;
	}
	
* {margin:0;}

.logo{
	position: fixed;
	background-color:#ffffff;
	top:10px;
	left:10px;
    width: 180px;
	height: 100px;
	border: 1px solid red;
	z-index: 9999;
	text-align:center;
	border:1px solid #f0f0f0;
	background-color:white;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:20px;
    float: left;
	padding:5px;
}

.logo img {
	position: relative;
	top: 50%;
	transform: translateY(-50%); 
	max-width: 100%;
	max-height: 100%;
}
	
#menu li a {
	display:inline-block;
	color:white;
	text-align:center;
	padding:17px 16px;
	text-decoration:none;
	font-family:"arial";
	font-weight: normal;
	font-size:16px;
	min-width:112px;
	}

#menu .dropdown:hover .dropbtn {
	color:#7ec8f6;
	height:16px;
	}
	
#menu li.dropdown {
	display: inline-block;
	}

#menu .menu-content
{
	text-align:center;
	margin:0 auto;
	margin-top:0px;
	overflow:hidden;
	border: 0px solid red;
}
	
#menu{
	background-color:#0c3c60;
	position:fixed;
	z-index:9999;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
}

/*==== RODAPE INICIO ==============================================================================*/
.rodape{
	clear:both;
	position: relative;
	background-color:#0C3C60;
	left:0px;
	width:100%;
	height:50px;
	bottom:0px;
}

.rodape .conteudo-1{
	position: absolute;
	left:200px;
	top:18px;
	color:#ffffff;
	text-align: right;
	font-family:"arial";
	font-weight: normal;
	font-size: 14px;
}

.rodape .conteudo-2{
	position: absolute;
	right:200px;
	top:12px;
	color:#ffffff;
	text-align: left;
	font-family:"arial";
	font-weight: normal;
	font-size: 14px;
}

.rodape .conteudo-2 img{
	width:30px;
}
/*==== RODAPE FIM ==============================================================================*/

/*==== SLIDESHOW CSS INICIO ==============================================================================*/

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  width: 1000px;
  position: relative;
  top: 60px;
  height:570px;
  max-height:570px;
  margin: auto;
  margin-bottom: 50px;
}

.slideshow-container img{
	width:100%;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  /*padding: 8px 12px;*/
  position: absolute;
  bottom: -8px;
  width: 100%;
  height:80px;
  background-color: #FFFFFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.slideshow-container .texto1{
  margin-top:8px;
  text-align: center;
  font-family:"arial";
  font-size: 18px;
  color: #0C3C60;
}

.slideshow-container .texto2{
  margin-top:3px;
  text-align: center;
  font-family:"arial";
  font-size: 36px;
  color: #0C3C60;
}

/* The dots/bullets/indicators */
.dot {
  /*cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  margin-bottom: 0px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  */
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
/*==== SLIDESHOW CSS FIM ==============================================================================*/

/*==== FAIXA 1 INICIO =================================================================================*/
.faixa1{
	position: relative;
	background-color:#D1E0EB;
	top:0px;
	left:0px;
	width:100%;
	height:415px;
}

.faixa1 .titulo{
	position: absolute;
	top:30px;
	left:50%;
	margin-left:-150px;
	width:300px;
	color:#0C3C60;
	text-align: center;
	font-family:"arial";
	font-size: 36px;
}

.faixa1 .conteudo-1{
	position: absolute;
	top:100px;
	left:50%;
	margin-left:-340px;
	width:680px;
	text-align: justify;
}

.faixa1 .conteudo-1 p, ul{
	color:#0C3C60;
	font-family:"arial";
	font-size: 14px;
	line-height:25px;
}


/*==== FAIXA 1 FIM =================================================================================*/

/*==== FAIXA 2 INICIO =================================================================================*/
.faixa2{
	position: relative;
	background-color:#0C3C60;
	top:0px;
	left:0px;
	width:100%;
	height:570px;
}

.faixa2 .titulo{
	position: absolute;
	top:30px;
	left:50%;
	margin-left:-150px;
	width:300px;
	color:#ffffff;
	text-align: center;
	font-family:"arial";
	font-size: 36px;
}

.faixa2 .mapa{
	position: absolute;
	top:100px;
	left:50%;
	margin-left:-490px;

}

.faixa2 .conteudo-1{
	position: absolute;
	top:100px;
	right:300px;
	width:300px;
}

.faixa2 .email-enviado-sucesso{
	display:none;
	position: absolute;
	top:534px;
	right:300px;
	width:200px;
	background-color:#ffffff;
	text-align: center;
	font-family:"arial";
	font-size: 12px;
	border: 1px solid white;
	padding-top:9px;
	padding-bottom:9px;
}

.faixa2 .conteudo-1 p{
	color:#ffffff;
	text-align: center;
	font-family:"arial";
	font-size: 16px;
	line-height:25px;
}

.faixa2 .formulario-contato{
	position: absolute;
	top:210px;
	right:300px;
	width:300px;
	color:#ffffff;
	font-family:"arial";
	font-size: 16px;
	line-height:25px;
}

.faixa2 .formulario-contato input[type=text], select, textarea{
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 4px;
    margin-bottom: 4px;
    resize: none;
	font-family:"arial";
	font-size: 14px;
}

.faixa2 .formulario-contato .btn {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.faixa2 .formulario-contato input[type=submit]:hover {
    background-color: #45a049;
}
/*==== FAIXA 2 FIM =================================================================================*/

/*==== SERVICOS FAIXA 1 INICIO =================================================================================*/
.servicos-faixa1{
	position: relative;
	background-color:#ffffff;
	margin-top:60px;
	width:100%;
	height:auto;
}

.servicos-faixa1 .titulo{
	position: relative;
	left:50%;
	margin-left:-150px;
	width:300px;
	color:#6EA4CA;
	text-align: center;
	font-family:"arial";
	font-size: 36px;
}

.servicos-faixa1 .barra-titulo{
	position: relative;
	left:50%;
	margin-top:5px;
	margin-left:-45px;
	width:90px;
	border-bottom: 6px solid #6EA4CA;
}

.servicos-faixa1 .servico{
	clear:both;
	position: relative;
	left:50%;
	margin-left:-500px;
	margin-top:30px;
	width:1000px;
	height:auto;
	float:left;
}

.servicos-faixa1 .servico .img{
	position: relative;
	left:50%;
	margin-left:-500px;
	width:330px;
	height:230px;
	float:left;
	overflow:hidden;
	text-align:center;
}

.servicos-faixa1 .servico .img img{
	position: relative;
	top: 50%;
	transform: translateY(-50%); 
	max-width: 100%;
	max-height: 100%;
}

.servicos-faixa1 .servico .titulo-servico{
	position: relative;
	width:600px;
	color:#39729b;
	text-align: left;
	font-family:"arial";
	font-size: 18px;
	float:left;
	margin-left:350px;
	padding-bottom:10px;
}

.servicos-faixa1 .servico .descricao-servico{
	position: relative;
	width:600px;
	float:left;
	margin-left:350px;
	margin-bottom:10px;

}

.servicos-faixa1 .servico .descricao-servico ul{
	color:#0C3C60;
	font-family:"arial";
	font-size: 14px;
	line-height:20px;
}

.servicos-faixa1 .servico .divisor{
	clear:both;
	position: relative;
	width:100%;
	height:30px;
	background-image: url("../img/divisor.png");
	background-repeat: repeat-x;
	background-position: 0 0; 
}
/*==== SERVICOS FAIXA 1 FIM =================================================================================*/

/*==== PRODUTOS FAIXA 1 INICIO =================================================================================*/
.produtos-faixa1{
	position: relative;
	background-color:#ffffff;
	margin-top:60px;
	width:100%;
	height:auto;
}

.produtos-faixa1 .titulo{
	position: relative;
	left:50%;
	margin-left:-150px;
	width:300px;
	color:#6EA4CA;
	text-align: center;
	font-family:"arial";
	font-size: 36px;
}

.produtos-faixa1 .barra-titulo{
	position: relative;
	left:50%;
	margin-top:5px;
	margin-left:-45px;
	width:90px;
	border-bottom: 6px solid #6EA4CA;
}

.produtos-faixa1 .produto{
	clear:both;
	position: relative;
	left:50%;
	margin-left:-500px;
	margin-top:30px;
	width:1000px;
	height:auto;
	float:left;
}

.produtos-faixa1 .produto .img{
	position: relative;
	left:50%;
	margin-left:-500px;
	width:330px;
	height:440px;
	float:left;
	overflow:hidden;
	text-align:center;
}

.produtos-faixa1 .produto .img img{
	position: relative;
	top: 50%;
	transform: translateY(-50%); 
	max-width: 100%;
	max-height: 100%;
}

.produtos-faixa1 .produto .titulo-produto{
	position: relative;
	width:600px;
	color:#39729b;
	text-align: left;
	font-family:"arial";
	font-size: 18px;
	float:left;
	margin-left:350px;
	padding-bottom:10px;
}

.produtos-faixa1 .produto .descricao-produto{
	position: relative;
	width:600px;
	float:left;
	margin-left:350px;
	margin-bottom:10px;

}

.produtos-faixa1 .produto .descricao-produto ul{
	color:#0C3C60;
	font-family:"arial";
	font-size: 14px;
	line-height:20px;
}

.produtos-faixa1 .produto .divisor{
	clear:both;
	position: relative;
	width:100%;
	height:30px;
	background-image: url("../img/divisor.png");
	background-repeat: repeat-x;
	background-position: 0 0; 
}
/*==== PRODUTOS FAIXA 1 FIM =================================================================================*/

/*==== NOSSOS TRABALHOS FAIXA 1 INICIO =================================================================================*/
.nossos-trabalhos-faixa-1{
	position: relative;
	background-color:#ffffff;
	margin-top:60px;
	width:100%;
	height:auto;
}

.nossos-trabalhos-faixa-1 .titulo{
	position: relative;
	left:50%;
	margin-left:-300px;
	width:600px;
	color:#6EA4CA;
	text-align: center;
	font-family:"arial";
	font-size: 36px;
}

.nossos-trabalhos-faixa-1 .barra-titulo{
	position: relative;
	left:50%;
	margin-top:5px;
	margin-left:-45px;
	width:90px;
	border-bottom: 6px solid #6EA4CA;
}

.nossos-trabalhos-faixa-1 .nossos-trabalhos{
	clear:both;
	position: relative;
	left:50%;
	margin-left:-500px;
	margin-top:30px;
	width:1000px;
	height:auto;
	float:left;
}

.nossos-trabalhos-faixa-1 .nossos-trabalhos .img{
	position: relative;
	left:50%;
	margin-left:-500px;
	width:330px;
	height:230px;
	float:left;
}

.nossos-trabalhos-faixa-1 .nossos-trabalhos .img img{
	width:100%;
}

.nossos-trabalhos-faixa-1 .nossos-trabalhos .titulo-nossos-trabalhos{
	position: relative;
	width:600px;
	color:#39729b;
	text-align: left;
	font-family:"arial";
	font-size: 18px;
	float:left;
	margin-left:350px;
	padding-bottom:10px;
}

.nossos-trabalhos-faixa-1 .nossos-trabalhos .descricao-nossos-trabalhos{
	position: relative;
	width:600px;
	float:left;
	margin-left:350px;
	margin-bottom:10px;
}

.nossos-trabalhos-faixa-1 .nossos-trabalhos .descricao-nossos-trabalhos ul{
	color:#0C3C60;
	font-family:"arial";
	font-size: 14px;
	line-height:20px;
}

.nossos-trabalhos-faixa-1 .nossos-trabalhos .divisor{
	clear:both;
	position: relative;
	width:100%;
	height:30px;
	background-image: url("../img/divisor.png");
	background-repeat: repeat-x;
	background-position: 0 0; 
}
/*==== NOSSO TRABALHOS FAIXA 1 FIM =================================================================================*/