/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body {width:100%; height:100%; font-family: 'Open Sans', sans-serif;}
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/
header {width: 100%; display: table; }
header .logo {width: 25%; float: left; height: 100px; background-repeat: no-repeat; background-size: 100%;}
header .direita {width: 75%; float: right;}

header .topo {width: 100%; text-align: center; padding: 20px 0; display: table; background-image: url("../images/bg-topo.jpg"); background-repeat: no-repeat; background-size: cover;}

header .topo ul {float: right; padding-top: 20px;}
header .topo li {float: left; color: #fff; font-size: 1.2em; font-weight: 800; padding: 0 10px; max-width: 50%;}
header .fone {padding-top: 20px !important;}

header .menu {float: right; padding-top: 20px; margin-right: 20%;}

footer {width: 100%; display: table; padding: 40px 0; background-image: url("../images/bg-rodape.jpg"); background-repeat: no-repeat; background-size: cover;}

footer .quadro_a {width: 30%; float: left;}
footer .quadro_b {width: 40%; float: left;}
footer .quadro_c {width: 30%; float: left; padding-top: 40px;}
footer li {color: #fff; font-weight: 700; padding-bottom: 15px; font-size: 1.4em;}
footer i {float: left; height: 90px; padding-right: 10px; font-size: 2em; color: #fed32e; width: 6	0px;}
footer .sub a {color: #fff;}
footer .sub a:hover {color: #592d9d}
/*********************************************************/
.navegacao {width: 100%; text-align: center; padding: 20px 0;}
.navegacao h1 {color: #fff; text-transform: uppercase; font-size: 500; font-size: 1.6em; letter-spacing: 1px;}
/*********************************************************/
.bg-verde {background-color: #0c635a !important;}
.bg-roxo {background-color: #592d9d !important;}
/*********************************************************/
.home-centro {width: 100%; display: table; padding: 60px 0; background-image: url("../images/bg-centro.jpg"); background-repeat: no-repeat; background-size: 100%; background-position: center center;}
.home-centro h2 {text-transform: uppercase; color: #161616; font-size: 1.6em; padding: 10px 0 30px 0; height: 100px; }
.home-centro ul {list-style: circle; padding-left: 20px;}
.home-centro li {color: #161616; font-weight: 600; padding-bottom: 25px; font-size: 1.1em;}

.home-centro .esquerda {width: 30%; float: left;}
.home-centro .direita {width: 67%; float: right;}
.home-centro .quadrado {width: 100%; padding: 20px; background-color: #f2f2f2; border: 1px solid #e2e2e2; min-height: 580px;}
.home-centro .quadro {width: 48%; float: left; margin: 0 1%;}
.home-centro .imagem {width: 100%; height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.home-centro .botao {padding: 2px 25px; border: 1px solid #161616; font-size: 0.9em; color: #161616; border-radius: 10px;}
.home-centro .botao:hover {background-color: #0c6453; color: #fff;}
/*********************************************************/
.homeservico h1 {padding: 5px 20px; background-color: #171717; color: #fff; font-size: 1.8em; font-weight: 700; text-transform: uppercase; background-image: url("../images/bg-h1.jpg"); background-repeat: no-repeat; background-position: right top; min-height: 90px;}
/*********************************************************/
.home-empresa h1 {font-size: 3em; text-transform: uppercase; color: #161616;  padding-bottom: 25px;}
.home-empresa p {font-size: 1.1em; font-weight: 500; line-height: 35px;}
.home-empresa .hpfoto {width: 50%; float: left; padding-top: 40px;}
.home-empresa .hptexto {width: 40%; float: right;}
.home-empresa .botao_b {padding: 10px 20px; background-color: #0c6453; color: #fff; font-weight: 400; text-transform: uppercase; }
.home-empresa .botao_b:hover {background-color: #592d9d;}
/*********************************************************/
.vantagens {width: 100%;  background-image: url("../images/bg-vantagens.jpg"); background-repeat: no-repeat; background-size: cover;}
.vantagens h1 {font-size: 3em; text-transform: uppercase; color: #fff;  padding-bottom: 20px;}

.vantagens .esquerda {width: 50%; float: left; padding: 40px 40px 40px 15%;}
.vantagens .direita {width: 50%; float: right; min-height: 600px; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.vantagens li {width: 100%; padding-bottom: 30px; display: table; color: #fff;}

.vantagens .icon {width: 15%; float: left; height: 70px; background-repeat: no-repeat; background-size: 100%;}
.vantagens .texto {width: 82%; float: right; padding-top: 10px;}

.vantagens .iconb {width: 50%; height: 100px; max-width: 105px; background-repeat: no-repeat; background-size: 100%; margin: auto;}
.vantagens .textob {width: 100%;  padding-top: 10px;}

.vantagens .vt1 {background-image: url("../images/icon-v1.png"); }
.vantagens .vt2 {background-image: url("../images/icon-v2.png"); }
.vantagens .vt3 {background-image: url("../images/icon-v3.png"); }
.vantagens .vt4 {background-image: url("../images/icon-v4.png"); }

.vantagens .vt1b {background-image: url("../images/icon-v1b.png"); }
.vantagens .vt2b {background-image: url("../images/icon-v2b.png"); }
.vantagens .vt3b {background-image: url("../images/icon-v3b.png"); }
.vantagens .vt4b {background-image: url("../images/icon-v4b.png"); }

.interna {text-align: center; color: #fff; padding: 60px 0;}
/*********************************************************/
.parceiros {width: 100%; padding: 60px 0; background-color: #f1f1f1;}
.parceiros .quadro {width: 90%; height: 140px; background-repeat: no-repeat; background-size: 100%; background-position: center; margin: auto;}
/*********************************************************/
.orcamento {width: 100%; display: table; padding: 80px 0; background-repeat: no-repeat; background-size: cover;}
.orcamento h1 {color: #0c6453; text-transform: uppercase; font-size: 3em; padding: 20px 0;}
.orcamento p {color: #231f20; font-size: 1.6em; font-weight: 400; line-height: 36px;}

.orcamento .email {color: #592d9d; font-weight: 700; font-size: 1.6em;}
.orcamento .chamada {color: #0c6453; text-transform: uppercase; font-size: 1.8em; line-height: 50px;}

.orcamento .botao {width: 100%; display: block; text-align: center; padding: 10px; border-radius: 10px; background-color: #592d9d; color: #fff; letter-spacing: 3px; font-size: 2em; font-weight: 700; text-transform: uppercase;}
.orcamento .botao:hover {background-color: #0c6453;}

.orcamento .input {width: 100%; padding: 15px 20px; border: 1px solid #0c6453; color: #0c6453; font-family: 'Open Sans', sans-serif; background-color: #f6f6f6; border-radius: 10px;}
.orcamento .inputa {width: 60%; float: left; padding: 15px 20px; border: 1px solid #0c6453; color: #0c6453; font-family: 'Open Sans', sans-serif; background-color: #f6f6f6; border-radius: 10px;}
.orcamento .inputb {width: 35%; float: right; padding: 15px 20px; border: 1px solid #0c6453; color: #0c6453; font-family: 'Open Sans', sans-serif; background-color: #f6f6f6; border-radius: 10px;}
.orcamento .inputtext {width: 100%; height: 120px; padding: 15px 20px; border: 1px solid #0c6453; color: #0c6453; font-family: 'Open Sans', sans-serif; background-color: #f6f6f6; border-radius: 10px;}
.orcamento .botao_b {width: 100%; display: block; text-align: center; padding: 10px; border-radius: 10px; background-color: #0c6453; color: #fff; letter-spacing: 3px; font-size: 2em; font-weight: 700; text-transform: uppercase; cursor: pointer;}
.orcamento .botao_b:hover {background-color: #592d9d;}

.orcamento .link {text-align: center; width: 100%; color: #592d9d; display: block; text-transform: uppercase; font-size: 0.9em;}

.orcamento .esquerda {width: 40%; float: left;}
.orcamento .direita {width: 45%; float: right; background-color: #fff; border-radius: 10px; padding: 20px;}
/*********************************************************/
.empresa {width: 100%; padding: 60px 0;}
.empresa h2 {color: #0c6453; text-transform: uppercase; font-size: 1.6em; font-weight: 700; letter-spacing: 1px; padding-bottom: 20px;}
.empresa p {font-size: 1.1em; font-weight: 500; line-height: 35px;}

.empresa .esquerda {width: 48%; float: left;}
.empresa .direita {width: 48%; float: right;}

.estrutura {width: 100%; padding-bottom: 80px;  text-align: center;}
.estrutura p {font-weight: 400; color: #2b2b2b; font-size: 1.1em; line-height: 30px; text-align: left;}
.estrutura h2 {color: #0c6453; text-transform: uppercase; font-size: 1.6em; font-weight: 700; letter-spacing: 1px; padding-bottom: 60px;}
.estrutura .quadro {width: 90%; margin: auto;}
.estrutura .ctr {width: 48%; margin: 0 auto;}

.empresa h3 {width: 100%; padding: 10px; color: #592d9d;  cursor: pointer; text-transform: uppercase; -webkit-box-shadow: 0px -2px 4px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px -2px 4px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px -2px 4px 0px rgba(50, 50, 50, 0.30);}


.empresa i {padding-right: 10px;}
.empresa .ctn {padding: 20px; margin-bottom: 40px; width: 100%; -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.30);}
/*********************************************************/
.servicos {width: 100%; padding: 60px 0;}
.servicos h2 {color: #592d9d; text-transform: uppercase; font-size: 1.6em; font-weight: 700; letter-spacing: 1px;}
.servicos h3 {color: #0c6453; text-transform: uppercase; font-size: 1.2em; font-weight: 600; letter-spacing: 1px; padding-bottom: 20px;}
.servicos h4 {font-size: 1em; color: #0c6453; padding-bottom: 5px; letter-spacing: 1px;}
.servicos p {font-size: 1.1em; font-weight: 500; line-height: 30px;}
.servicos .serv li {width: 50%; float: left; padding: 0 30px 30px 0;}
.servicos .loc li {padding-bottom: 15px;}

.servicos .esquerda {width: 45%; float: left;}
.servicos .direita {width: 45%; float: right;}

.servicos .esquerda-m {width: 40%; float: left;}
.servicos .direita-m {width: 60%; float: right;}
/*********************************************************/
.contato {width: 100%; display: table; padding: 60px 0; text-align: center;}
.contato p {font-weight: 700; color: #0c6453; font-size: 1.1em;}
.contato p span {color: #592d9d; line-height: 70px;}
.contato p i {font-size: 2em; padding-right: 10px;}

.contato .input {width: 100%; padding: 15px 20px; border: 1px solid #0c6453; color: #0c6453; font-family: 'Open Sans', sans-serif; background-color: #f6f6f6; border-radius: 10px;}
.contato .inputtext {width: 100%; height: 200px; padding: 15px 20px; border: 1px solid #0c6453; color: #0c6453; font-family: 'Open Sans', sans-serif; background-color: #f6f6f6; border-radius: 10px;}
.contato .botao_b {float: right; text-align: center; padding: 10px 30px; border-radius: 10px; background-color: #0c6453; color: #fff; letter-spacing: 3px; font-size: 1em; font-weight: 500; cursor: pointer;}
.contato .botao_b:hover {background-color: #592d9d;}

.contato .link {text-align: right; width: 100%; color: #592d9d; display: block; text-transform: uppercase; font-size: 0.9em; float: right;}

.contato .esquerda {width: 48%; float: left;}
.contato .direita {width: 48%; float: right;}
/*********************************************************/
.mapa iframe {width: 100%; height: 550px;}
/*********************************************************/
.regiao {width: 100%; display: table; padding: 60px 0; text-align: center;}
.regiao h2 {color: #0c6453; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; font-size: 2em;}
.regiao p {font-weight: 700; color: #2b2b2b; font-size: 1.1em;}
.regiao li {width: 25%; float: left; padding-bottom: 10px; font-size: 1.1em; font-weight: 700; color: #58595b; padding-left: 20px; text-align: left;}
/*********************************************************/
.novidades {width: 100%;  padding-top: 60px;}
.novidades h1 {color: #0c6453; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; font-size: 2em;}
.novidades h2 {padding-bottom: 10px; font-weight: 600; font-size: 1.4em;}
.novidades p {font-size: 0.9em; font-weight: 500; line-height: 25px;}

.novidades .quadro {width: 90%; border: 1px solid #0c6453; border-radius: 10px; padding: 20px; display: table; min-height: 550px;}
.novidades .imagem {width: 100%; height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.novidades .texto {width: 100%; min-height: 160px; padding: 20px 0;}
.novidades .link {float: right; font-weight: 700;}
.novidades a:hover {text-decoration: none !important; color: #592d9d;}

.busca {width: 20%; float: right;}
.busca input {background-color: transparent; border: 1px solid #0c6453; width: 100%; border-radius: 5px; padding: 10px; background-image: url("../images/icon-pesquisa.png"); background-repeat: no-repeat; background-position: right; ffont-family: 'Open Sans', sans-serif; color: #0c6453;}
/*********************************************************/
.noticias {width: 100%; display: table; padding: 60px 0;}
.noticias h1 {color: #0c6453; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; font-size: 2em;}
.noticias h2 {color: #454444; font-size: 1.2em; font-weight: 400; text-align: left;}
.noticias h3 {color: #0c6453; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; font-size: 1.4em; text-align: center;}
.noticias h4 {color: #454444; font-weight: 500; line-height: 25px;}
.noticias p {font-weight: 400; color: #2b2b2b; font-size: 1em; line-height: 30px;}
.noticias a:hover {color: #592d9d;}

.noticias .quadro {width: 30%; float: left; margin: 0 3% 40px 0; min-height: 450px; text-align: center;}
.noticias .imagem {width: 100%; height: 240px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.noticias .texto {width: 100%; padding: 20px 0; min-height: 120px;}

.noticias .botao {text-align: center; padding: 6px 20px; border-radius: 10px; border:1px solid #592d9d; color: #592d9d;  font-size: 0.8em; font-weight: 500; cursor: pointer;}
.noticias .botao:hover {background-color: #592d9d; color: #fff;}

.noticias .esquerda {width: 75%; float: left;}

.subnoticias {width: 20%; float: right;}
.subnoticias .quadrado {width: 100%; padding: 30px 20px; border: 1px solid #0c6453; border-radius: 10px;}
.subnoticias .img {width: 100%; height: 120px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 10px;}