body {margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-size: 62.5%;}
/*header {background-color:#4267b2; padding-bottom:1%; padding-top:1%}*/
header {background-color:#85AA4D; padding-bottom:1%; padding-top:1%}
.container {width:73.2%; margin: 0 auto}
a.logo img {width:21.1%; height:auto; float:left}
img {max-width: 100% !important; height: auto}

ul.nav {list-style:none; margin:0; padding:0; margin-top:1%; font-family: 'Open Sans', sans-serif; font-size:1.5em; text-transform:uppercase; float:right; overflow: hidden; z-index: 50 }
ul.nav li {display: inline-block; float: left;}
ul.nav li a {color:#FFFFFF; text-decoration:none; display: block; text-align: center; padding: 5px 7px}
ul.nav li a:hover {background-color:#192b4e;}


/*Style for dropdown links*/
ul.nav li li:hover ul a {text-align: left; padding: 0 !important; display: block;}

/*Hover state for dropdown links*/
ul.nav li:hover ul a:hover {color: #fff;}

/*Hide dropdown links until they are needed*/
ul.nav li ul {display: none; position: absolute; background-color: #f9f9f9; margin: 0; padding: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;  min-width: 150px;}

/*Make dropdown links vertical*/
ul.nav li ul li {display: block; float: none; padding: 8px 12px;}

/*Prevent text wrapping*/
ul.nav li ul li a {width: 100%; text-align: left; padding: 0; margin: 0; color: #000;}

/*Display the dropdown on hover*/
ul.nav li a:hover + .hidden, .hidden:hover {display: block;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {text-decoration: none; color: #fff; text-align: left; font-size: 3em; display: none; position: relative; top: 0; float: right; padding-right: 20px}

/*Hide checkbox*/
input[type=checkbox]{display: none; -webkit-appearance: none;}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{display: block;}


.slideshow {width: 100% !important; height: 420px !important; z-index: 0}
.slideshow a {width: 100%}
.banner {width:100%; text-align:center; z-index: -1}
.thumbnail {width: 100%;  height: auto}
.thumbnail img {height: 420px; width: auto; max-width: 100%}

.proximo {position:absolute; top:25em; left:100%; margin-left:-55px;  display:block; z-index:10;}
.anterior {position:absolute; top:25em; left:10px; display:block; z-index:10}
.proximo:hover, .anterior:hover {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)}

.seta-direita:before {content: ""; display: inline-block; vertical-align: middle; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 35px solid #333333;}
.seta-esquerda:before {content: ""; display: inline-block; vertical-align: middle; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 35px solid #333333; }

.banner2 img {width:100%; height:auto}

ul.noticias-home {margin:0; padding:0; list-style:none; margin-top:3%}
ul.noticias-home:after {content: ''; display: inline-block; width: 100%; height: 0;}
ul.noticias-home li {display:inline-block; width:24.5%; vertical-align:text-top}
ul.noticias-home li img {margin-bottom:5%; opacity: 0.8; filter: alpha(opacity=80)}
ul.noticias-home li a {color:#5c5b5b; text-decoration:none; font-size:2em; font-weight:bold; line-height:1em; letter-spacing:-1px}
ul.noticias-home li a:hover {color:#252938}
ul.noticias-home li a:hover img {opacity: 1; filter: alpha(opacity=100);}


.banner2-home {width:100%; height: 574px; background:url(img/banner2.jpg) center no-repeat #f0f0f0; padding-top:30px}

div.banner2-home-texto {width:44%}
.banner2-home h1 {color:#3e3d44; font-size:6em; line-height:0.8em; font-weight:400; text-transform:uppercase}
.banner2-home h3 {color:#3e3d44; font-size:2.8em; line-height:1em; font-weight:bold; text-transform:uppercase}
.banner2-home span {color:#5f5f5f; font-size:1.4em; display:block; margin-bottom:60px}

div.banner2-home-texto a {text-align:center; text-transform:uppercase; background-color:#a7054b; color:#FFFFFF; padding: 12px 14px; font-weight:bold; font-size:2.2em; text-decoration:none}
div.banner2-home-texto a:hover {background-color:#3e3d44}

footer {font-size:1.8em; text-align:center; margin-top:3%; padding-bottom:3%}

.interna {font-size: 1.8em; line-height: 1.8em; color: #333333; margin-bottom: 70px; margin-top: 70px; min-height: 400px}
.interna h1 {font-size: 2.5em; color: #000; line-height: 1.2em}
.foto-esquerda {float: left; padding-bottom: 10px; padding-right: 10px}
.foto-200 {height: 200px; width: auto}
ul.lista-fotos-interna {list-style:none}
ul.lista-fotos-interna li {display:inline-block; width:300px; vertical-align:top; height: 200px; object-fit: cover; object-position: center middle; margin-bottom: 25px; margin-right: 25px; overflow: hidden;}
ul.lista-fotos-interna li img {width: auto; height: 225px;}
.interna img  {max-width: 100%; height: auto}
.foto-destaque-h4 {height: auto; width: 45%}

.galeria-fotos {list-style: none; padding: 0; margin: 0; width: 100%}
.galeria-fotos li {display:inline; display:inline-block; margin-bottom: 20px; width: 20%; text-align: center;}
.galeria-fotos li img {width: auto%; height: 150px;}
.galeria-fotos li a img {opacity:0.65; -moz-opacity: 0.65;filter: alpha(opacity=65);}
.galeria-fotos li a:hover img {opacity:1; -moz-opacity: 1;filter: alpha(opacity=100);}

.noticias {width: 100%; font-size: 1.1em; line-height: 1.5em; color: #333333; margin: 0 auto; margin-top: 40px; margin-bottom: 60px}
.noticias ul {list-style: none; padding: 0; margin: 0; width: 100%}
.noticias ul li {display:inline; display:inline-block; margin-bottom: 40px; width: 30%; margin-right: 3.3%; vertical-align: top;}
.noticias ul li:child-last {margin-right: 0}
.noticias ul li img {width: 100%; height: auto;}
.noticias ul li a {color: #333333 !important; text-decoration: none;}
.noticias ul li a img {opacity:0.65 !important; -moz-opacity: 0.65 !important; filter: alpha(opacity=65) !important;}
.noticias ul li a:hover {color: #000}
.noticias ul li a:hover img {opacity:1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important;}


.fa {padding: 20px; font-size: 30px; width: 30px; text-align: center; text-decoration: none; margin: 5px 2px; border-radius: 50%;}
.fa:hover {opacity: 0.7;}
.fa-facebook {background: #3B5998; color: white;}
.fa-twitter {background: #55ACEE; color: white;}
.fa-google {background: #dd4b39; color: white;}
.fa-whatsapp {background: #29a623; color: white;}
.fa-youtube {background: #bb0000; color: white;}
.fa-instagram {background: #125688; color: white;}

.barra-lateral {position: fixed; left: : 0; top: 20%; width: 42px; z-index: 100}
.barra-lateral a {display:block ; width: 42px; height:42px}
.barra-lateral a:hover {width:200px; position:relative; margin-right: -158px}


#frmcontato {width: 50%; float:left}
#frmcontato input[type=text] {width: 100%; padding: 12px 20px;  margin: 8px 0; box-sizing: border-box; border: 1px solid #ccc;}
#frmcontato textarea {width: 100%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; resize: none;}
#frmcontato select {width: 100%;  padding: 12px 20px;  border-radius: 4px; border: 1px solid #ccc;}
#frmcontato button {background-color: #4CAF50; border: none; color: white; padding: 16px 32px; text-decoration: none;  margin: 4px 2px;    cursor: pointer; width: 100%}

@media screen and (max-width: 1440px) {
  .container{width: 90%; margin: 0 auto; max-width: 90%}
  ul.noticias-home li img {width: 90%; height: auto;}
}

@media screen and (max-width: 850px) {

  /*Make dropdown links appear inline*/
  ul.nav {display: none;  background-color: #85AA4D;}

  ul.nav li a {color:#FFFFFF; text-decoration:none; display: block; text-align: left; padding: 5px 7px}
  
  /*Create vertical spacing*/
  ul.nav li {margin-bottom: 5px; margin-top: 5px}

  ul.nav li ul, ul.nav li ul li {width: 100%; position: relative; background-color: #85AA4D; display: block; box-shadow: none;}

  /*Make all menu links full width*/
  ul.nav li, ul.nav li ul li a {width: 100%; display: block; font-size: 22px; color: #fff; text-align: left;}

  /*Display 'show menu' link*/
  .show-menu {display:block;}

  .barra-lateral {right: 0; display: none;} 
  .interna h1 {font-size: 2.2em; line-height: 1em}
  
}

@media screen and (max-width: 600px) {

.container{width: 92%; margin: 0 auto; max-width: 92%;}
header {padding-bottom:5%; padding-top:5%}
.logo {float: none !important; width: 100% !important; margin-top: 10px !important; padding-bottom: 15px display: block; text-align: center}
.logo img {float: none; margin: 0 auto; width: 75% !important; height: auto}

.tira-mobile, .fundo-telefone-principal, .telefone-principal, .proximo, .anterior {visibility: hidden; display: none;}

.barra-lateral {right: 0; display: none;} 
.barra-lateral a {width: 42px; height:42px}
.barra-lateral a:hover {width:40px; position:relative; margin-left:0px}

ul.noticias-home li {display:list-item; width:100%; text-align: center !important; margin-bottom: 20px}
ul.noticias-home li img {margin-bottom:1%; opacity: 1; filter: alpha(opacity=1)}
ul.noticias-home li div {width: 100%}

.foto-esquerda {float: none; padding-bottom: 10px; padding-right: 0px; display: block;}
ul.lista-fotos-interna {list-style:none; padding: 0; margin: 0; }
ul.lista-fotos-interna li {display: list-item; width:100%; margin-right: 0; text-align: center;}
ul.lista-fotos-interna li img {width: 80%; height: auto}
.foto-destaque-h4 {height: auto; width: 100%}

.noticias {font-size: 0.8em !important}
.noticias ul li {display:inline; display:inline-block; margin-bottom: 40px; width: 47.5%; margin-right: 2%; vertical-align: top;}

.slideshow {width: 100% !important; height: 400px !important}
.slideshow a {width: 100%}
.banner {width:100%; background-color:none; ; text-align:center}

.seta-direita:before {display: none;}
.seta-esquerda:before {display: none;}

.thumbnail {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.thumbnail img {
position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 1600px;
  height: 400px;
}


.banner2 img {width:100%; height:auto}

.banner2-home h1 {font-size:4.4em;}
.banner2-home h3 {font-size:2.3em;}
.banner2-home span {display: none;}

.galeria-fotos li {width: 50%; height: auto}



}