@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

body {background-color: #FFFFFF; margin-left: 0px; margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	font-size: 62.5%;}
header {margin-bottom:25px}
.container {width:1156px; margin:0 auto} 
.topo {width:100%; text-align:center; padding-top:5px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ececee}
.logo {margin-top: 20px}
.redesocial {float: left;}
.fone-whats {float: right; font-size: 12px; color: #575b62; font-weight: 400; font-family: 'Libre Franklin', sans-serif;}
.menu {text-align: center}
ul.nav {list-style:none; padding:0; margin:0 auto; font-family: 'Libre Franklin', sans-serif;}
ul.nav li {display:inline-block; margin-left:11px; margin-right:11px}
ul.nav a {color: #6e6e72; font-family: 'Libre Franklin', sans-serif; font-size:1.4em; font-weight:bold; text-decoration:none}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {color: #131641}
ul.nav li.icon {display: none;}
ul.nav li.menu_home {display: none;}

.banner {width:100%; height: 588px; background:url(img/fundo_banner.jpg) center no-repeat #071d35; text-align: center}
.banner img {margin-top: 80px}
.banner h2 {font-size: 3.2em; color: #fff; font-family: 'Playfair Display', serif; width: 950px}
.banner h2 span {font-size: 200px; font-family: 'Libre Franklin', sans-serif;}
.slideshow {left: 50%; margin-left: -475px}

.banner02 {width:100%; height: 348px; background:url(img/fundo_banner02.jpg); padding-top: 150px; background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.banner03 {width:100%; height: 348px; background:url(img/fundo_banner03.jpg); padding-top: 150px; background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.banner02 h2, .banner03 h2 {font-size: 3.5em; color: #fff; font-family: 'Playfair Display', serif; color: #fff; text-align: center;}

.bloco-home {text-align:center; padding-bottom:55px; padding-top:55px}
.bloco-home div {background-color: #131641; width: 35px; height:2px; margin:0 auto}
.bloco-home h1 {color:#131641; font-family: 'Playfair Display', serif; font-size:4em}
.bloco-home p {color:#181d26; font-family: 'Libre Franklin', sans-serif; font-size:1.6em; margin-bottom:30px}
a.veja-mais  {padding: 10px 15px; background-color: #d69336; color:#FFFFFF; font-weight:bold; font-size:1.8em; text-decoration:none; font-family: 'Libre Franklin', sans-serif; margin-top:30px}
a.veja-mais:hover {background-color: #131641}

ul.noticias {list-style: none; margin: 0; padding: 0}
ul.noticias li {display: inline-block; width: 343px; margin-left: 20px; margin-right:20px; text-align: left; vertical-align: top; margin-bottom: 20px;}
ul.noticias li:last-child {margin-right: 0}
ul.noticias li img {width: 100%; display: block; border: 0}
ul.noticias li a {color: #737378; font-size: 2.2em !important; font-family: 'Libre Franklin', sans-serif; text-decoration: none; } 
ul.noticias li a:hover {color: #131641}
ul.noticias li a:hover img {opacity: 0.7;}

.texto-esquerdo {width:45%; float:left; text-align:left}
.texto-esquerdo span {font-size: 1.35em}
.texto-direito {width:45%; float:right; text-align:left}
.texto-direito span {font-size: 1.35em}

footer {background-color: #131641; color: #fff; padding-top: 40px; padding-bottom: 40px; font-family: 'Playfair Display', serif; font-size:1.6em}
footer .container div {display: inline-block; vertical-align: top; margin-right: 50px}
footer .container div:last-child {float: right;; text-align: right;}

.fa {padding: 20px !important; font-size: 30px !important; width: 30px; text-align: center; text-decoration: none; color: #131641; background-color: #fff; border-radius: 50%;}
.fa:hover {opacity: 0.7;}

.redesocial .fa {padding: 8px !important; font-size: 18px !important; width: 18px; text-align: center; text-decoration: none; color: #575b62; background-color: #fff; border-radius: 50%;}
.redesocial .fa:hover {color: #131641}

.banner-topo-interna {background-color: #131641; position: absolute; width: 100%; left: 0; height: 80px; z-index: -1; margin-top: 5px; background: -webkit-gradient(linear, left top, right top, from(#131641), to(#1c3755)) no-repeat;
            background: -moz-linear-gradient(left, #131641, #1c3755); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#131641', EndColorStr='#1c3755');}
.interna {width: 100%; font-size: 2.2em; line-height: 1.5em; min-height: 300px; margin-top: 20px; color: #58585a}
.interna h1 {font-size: 2em; color: #fff; text-transform: uppercase;   font-family: 'Playfair Display', serif; padding-top: 25px; margin-bottom: 65px}
.interna h2 {font-size: 2.5em; color: #131641; font-family: 'Libre Franklin', sans-serif; margin-top: 80px; line-height: 1em}
.interna h3 {font-size: 1.4em; color: #131641; font-family: 'Libre Franklin', sans-serif; line-height: 1.2em}
.interna ul.noticias li a {font-size: 1em !important;} 
.interna img {max-width: 100%; height: auto; width: auto}


.foto-equipe {width: 250px; height: auto; border: 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; float: left; margin-right: 50px; margin-bottom: 50px}

#frmcontato {width: 500px; 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%}
.endereco-contato {float: right; width: 450px}
.endereco-contato h2 {margin-top: 0; margin-bottom: 0}
.endereco-contato h3 {margin-top: 0; width: 80%}


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

.container{width: 96%; margin: 0 auto; max-width: 96%}
.topo {border: 0}
.logo {margin-top: 40px}
.logo img {float: none; margin: 0 auto; width: 75% !important; height: auto}
.redesocial {margin-top: -5px}

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

.banner {width:100%; height: 388px; background:url(img/fundo_banner.jpg) center no-repeat #071d35; text-align: center}
.banner img {margin-top: 20px; height: 150px; width: auto}
.banner h2 {font-size: 2em; width: 95%; text-align: center}
.banner h2 span {display: none;}
.slideshow {left: 0; margin-left: 0px}

.banner02 {width:100%; height: 248px; background:url(img/fundo_banner02.jpg); padding-top: 55px; background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.banner03 {width:100%; height: 248px; background:url(img/fundo_banner03.jpg); padding-top: 55px; background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}
.banner02 h2, .banner03 h2 {font-size: 3em}

.interna {width: 100%; font-size: 1.8em; line-height: 1.3em; min-height: 300px}
.interna h1 {font-size: 1.5em; padding-top: 35px; margin-bottom: 55px}
.interna h2 {font-size: 2em; color: #131641; font-family: 'Libre Franklin', sans-serif; margin-top: 80px; line-height: 1em}
.interna img {width: 100% !important; height: auto !important; }

.texto-esquerdo {width:100%; float:none; display: block; margin-bottom: 20px}
.texto-esquerdo span {font-size: 1.35em}
.texto-direito {width:100%; float:none; display: block; margin-bottom: 20px}
.texto-direito span {font-size: 1.35em}

ul.noticias {list-style: none; margin: 0; padding: 0}
ul.noticias li {display: block; width: 100%; margin-right: 0px; text-align: left; vertical-align: top; margin-bottom: 35px}
ul.noticias li a {font-size: 2em !important} 


footer {background-color: #131641; color: #fff; padding-top: 40px; padding-bottom: 40px; font-family: 'Playfair Display', serif; font-size:1.6em}
footer .container div {display: block; vertical-align: top; margin-right: 0px; margin-bottom: 30px; text-align: center;}
footer .container div:last-child {float: none; text-align: center;}

#frmcontato {width: 100%; float:none;}
.endereco-contato {float: none; width: 100%; margin-top: 50px}
.endereco-contato iframe {width: 100% !important}

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

ul.nav {max-width: 100%; margin-top: -40px; position: absolute; float: right; right: 0; }
ul.nav a {font-size: 2em !important}
ul.nav li:not(:first-child) {display: none;}
ul.nav li.icon {float: right; display: inline-block; font-size: 2.2em !important}

ul.nav.responsive {position: relative; background-color: #fff}
ul.nav.responsive li.icon {position: absolute; right: 0; top: 0}
ul.nav.responsive li {float: none; display: inline;}
ul.nav.responsive li a {display: block; text-align: left; }


}