/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*	VERSÃO: 1.0 (22/10/2015)							 */
/*********************************************************/
html, body {font-family: 'Montserrat', sans-serif; width:100%; height:100%;}
/*********************************************************/
/*	TOPO												 */
/*********************************************************/
.topo {width: 100%; background-image: url(../images/bg-topo.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 10px 0; height: auto; display: table;}
.topo .logo {width: 15%; float: left;}
.topo .local {width: 65%; float: right;}
.topo .quadro {float: left; margin-right: 40px; width: 38%; padding-top: 25px;}
.topo .icon {float: left; width: 15%; font-size: 2em; border-right: 1px solid #fff; color: #fff; margin-right: 20px;}
.topo .conteudo {float: left; width: 75%;font-size: 0.9em;}
.topo .conteudo p {color: #fff; font-weight: 700;}
.topo .conteudo span {font-weight: 300;}

.menu {width: 100%; padding: 20px 0; background-color: #F6F6F6; height: auto; display: table; border-bottom: 5px solid #BAC6D4;}
.hd-menu_fixed{position:fixed; top:0; left:0; z-index:9999999; background-color:#fff;}
/*********************************************************/
/*	QUEM SOMOS											 */
/*********************************************************/
.quem-somos {width: 100%; height: auto; display: table; padding: 80px 0;}
.quem-somos p {line-height: 25px; text-align: justify; font-weight: 300; font-size: 1em;}
.quem-somos-e {width: 65%; float: left;}
.quem-somos-e h1 {color: #3F8BB3; font-size: 2.4em; padding-bottom: 30px;}
.quem-somos-e {color: #202020;}

.quem-somos-d {width: 26%; float: right; background-color: #F37340; color: #fff; padding: 20px 30px;}
.quem-somos-d .icon {width: 60px; height: 60px; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: 100%; margin-bottom: 10px;}
.quem-somos-d h2 {padding-bottom: 20px; font-weight: 1.4em;}

.quem-somos .bg-1 {width: 100%; background-color: #3F8BB5; padding: 30px; color: #fff;}
.quem-somos .bg-2 {width: 100%; background-color: #397EA4; padding: 30px; color: #fff;}
.quem-somos .bg-3 {width: 100%; background-color: #326F8F; padding: 30px; color: #fff;}
.quem-somos .bg-4 {width: 100%; background-color: #2F6988; padding: 30px; color: #fff;}

.quem-somos .conteudo {min-height: 340px;}
.quem-somos .conteudo h3 {font-size: 1.2em; padding-bottom: 15px; text-align: center;}
.quem-somos .conteudo p {font-size: 0.9em; text-align: left;}
/*********************************************************/
/*	POLITICA DE SEGURANÇA								 */
/*********************************************************/
.seguranca {width: 100%;}
.seguranca i {padding-right: 10px;}
.seguranca-e {width: 45%; float: left; background-image: url(../images/bg-seguranca.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 680px; background-attachment: fixed;}
.seguranca-d {width: 55%; float: right; background-color: #292A2E; min-height: 680px; padding: 40px;}
.seguranca-d h1 {color: #EDD119; padding-bottom: 5px; font-size: 2.4em;}
.seguranca-d span {color: #fff;}
.seguranca-d p {color: #fff; font-size: 0.9em; text-align: justify; line-height: 25px;}

#accordion p {line-height: 25px; text-align: justify; font-weight: 300; font-size: 0.9em; color: #444444;}
#accordion .numero-colunas{ -moz-column-count: 2;  -moz-column-gap: 15px;  -moz-column-rule: 1px solid #ccc;  -webkit-column-count: 2;  -webkit-column-gap: 15px;  -webkit-column-rule: 1px solid #ccc;}
/*********************************************************/
/*	RAMOS DE ATUAÇÃO									 */
/*********************************************************/
.atuacao {width: 100%; height: auto; display: table; padding: 80px 0;}
.atuacao h1 {color: #444; font-size: 2.4em; padding-bottom: 60px; text-align: center;}
.atuacao-e {width: 50%; float: left;}
.atuacao-e .centro {width: 100%; height: 100px;}
.atuacao-e .icon {width: 20%; float: left; height: 100px; padding: 20px; }
.atuacao-e h2 {float: right; width: 80%; font-weight: 300; font-size: 0.9em; color: #fff; padding-top: 40px;}
.atuacao-e .icon-1 {width: 100%; border-right: 1px solid #fff; height: 60px; background-image: url(../images/icon-a.png); background-repeat: no-repeat; background-size: 75%;}
.atuacao-e .icon-2 {width: 100%; border-right: 1px solid #fff; height: 60px; background-image: url(../images/icon-b.png); background-repeat: no-repeat; background-size: 75%;}
.atuacao-e .icon-3 {width: 100%; border-right: 1px solid #fff; height: 60px; background-image: url(../images/icon-c.png); background-repeat: no-repeat; background-size: 75%;}
.atuacao-e .icon-4 {width: 100%; border-right: 1px solid #fff; height: 60px; background-image: url(../images/icon-d.png); background-repeat: no-repeat; background-size: 75%;}

.atuacao-d {width: 50%; float: right; min-height: 460px; border-top: 1px solid #ccc; padding: 40px;}
.atuacao-d h3 {text-align: center; font-weight: 600; font-size: 1em; color: #F37340; padding-bottom: 30px;}
.atuacao-d p {line-height: 25px; text-align: justify; font-weight: 300; font-size: 0.9em; color: #444444;}
.atuacao-d i {padding-right: 10px; color: #F37340;}
/*********************************************************/
/*	GALERIA												 */
/*********************************************************/
.galeria {width: 100%; height: auto; display: table; padding: 80px 0; background-image: url(../images/bg-galeria.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;background-attachment: fixed;}
.galeria h1 {color: #fff; font-weight: 700; text-align: center; padding-bottom: 140px; font-size: 2em;}
.galeria .quadro {width: 70%; padding: 5px; background-color: #fff; margin: 20px auto;}

/*********************************************************/
/*	CLIENTES											 */
/*********************************************************/
.clientes {width: 100%; height: auto; display: table; padding: 80px 0;}
.clientes h1 {color: #EED119; font-size: 2.4em; padding-bottom: 10px; }
.clientes span {color: #444;}
/*********************************************************/
/*	CONTATO												 */
/*********************************************************/
.contato {width: 100%; height: auto; display: table;}
.contato iframe {width: 100%; height: 400px;}
.contato .quadro {position: absolute; width: 22%; right: 20%; height: 400px; background-color: rgba(63,139,181,0.9); z-index: 99999; padding: 40px;}
.contato h1 {color: #fff; font-weight: 700; text-align: center; padding-bottom: 40px; font-size: 2em;}
.contato li {width: 100%; padding-bottom: 35px; color: #fff; font-size: 0.9em;}
.contato i {font-size: 2em; color: #DFCD51; float: left; padding-right: 20px;}
.contato span {color: #DFCD51;}

.formulario {width: 100%; height: auto; display: table; padding: 60px 0; background-color: #151517; color: #fff; text-align: center;}
.formulario h1 {color: #fff; font-size: 2.4em; padding-bottom: 40px; }
.formulario-c {width: 50%; margin: auto;}
.formulario .imput {width: 100%; border: 0; background-color: #fff; padding: 15px; margin-bottom: 25px; font-family: 'Montserrat', sans-serif;}
.formulario .imputtext {width: 100%; height: 140px; border: 0; background-color: #fff; padding: 15px; margin-bottom: 25px; font-family: 'Montserrat', sans-serif;}
.formulario .bt {background-color: #DFCD51; color: #000; font-weight: 700; text-transform: uppercase; font-size: 1.2em; cursor: pointer; padding: 15px 40px;}
/*********************************************************/
/*	RODAPE												 */
/*********************************************************/
.rodape {width: 100%; height: auto; display: table; padding: 20px 0; background-color: #292A2E; text-align: center;}
.rodape p {color: #878787; font-size: 0.9em;}
.rodape a {color: #878787; }
.rodape span {color: #DFCD51;}