/*
CIS-ERP - estilo.css
Folha de Estilo Principal
Por Bruno
*/

@font-face {
	font-family: 'Gotham-Book';
	src: url('fontes/Gotham-Book_0.eot');
	src: local('â˜º'), url('fontes/Gotham-Book_0.woff') format('woff'), url('fontes/Gotham-Book_0.ttf') format('truetype'), url('fontes/Gotham-Book_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('fontes/Gotham-Medium_0.eot');
	src: local('â˜º'), url('fontes/Gotham-Medium_0.woff') format('woff'), url('fontes/Gotham-Medium_0.ttf') format('truetype'), url('fontes/Gotham-Medium_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Light';
	src: url('fontes/Gotham-Light_0.eot');
	src: local('â˜º'), url('fontes/Gotham-Light_0.woff') format('woff'), url('fontes/Gotham-Light_0.ttf') format('truetype'), url('fontes/Gotham-Light_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------- TAGS ------- */

body {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:62.5%;
	color:#181818;
	margin:0;
	text-align:left;
	text-rendering:optimizelegibility;
}

h1 {font-size:3.4em; color:#00aeef; font-family:'Gotham-Light'; margin:1em 0 0.5em; line-height:1em; font-weight:normal;}
.interna h1 {font-size:2.61538461538em;}
h2 {font-size:1.7em; color:#6590a0; margin:1em 0 0.5em; line-height:1em; font-weight:400;}
.interna h2 {font-size:1.30769230769em;}

a {color:#15ade7; text-decoration:underline; transition: .3s ease 0s;}
a:hover {color:#5d5d5d; text-decoration:none;}

a img {border:none}

form {margin:0;}

div.int {width:950px; margin:0 auto;}
div.int:after, div.int:before {clear:both;}

input, textarea, select {border:#80d7f7 1px solid; padding:1em; font-size:1em; color:#000; font-family: 'Merriweather Sans', sans-serif; transition:.3s ease 0s; background:#f7f7f7;}
input[name="nome"], input[name="token"], input[name="email"], input[name="telefone"], input[name="cidade"], input[name="estado"], textarea[name="comentarios"] {width: 94%;}
input:focus, textarea:focus, select:focus {background: #efedee;}

i, cite, em, var, address, dfn {font-style:italic;}

strong, b {font-weight:700;}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 16px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #b8b8b8;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  height: 5px;
  background-color: #b8b8b8;
  -webkit-border-radius: 3px;
}

*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* -------- IDS -------- */

#header {height:auto; position:fixed; top:0; left:0; z-index:9; width:100%; background:#FFF; transition:.5s ease 0s;}
#header.sombra {-webkit-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 5px 5px -1px rgba(0, 0, 0, 0.2); box-shadow:0px 5px 5px -1px rgba(0, 0, 0, 0.2);}

#topo {overflow:hidden; font-family:'Gotham-Book'; color:#00aeef;}
#topo span {display:block; font-size:1.2em; color:#929598; text-transform:uppercase; font-family:'Gotham-Medium';}
#topo > .esquerda {padding:1.5em 0 2em;}
#topo .contato {margin-left:5em; font-size:1.4em; padding-top:0.7em;}
#topo .contato-mobile {display:none;}
#topo > .direita {background:url(../img/borda-pontilhada-h.gif) left repeat-y; padding:1em 0 1em 2em;}
#topo .links {padding-top:1.1em; font-size:1.4em;}
#topo .links div {float:left;}
#topo .links div + div {margin-left:2em;}
#topo .links div a {color:#00aeef; text-decoration:none;}
#topo .links div a span {color:#929598; transition:.3s ease 0s;}
#topo .links div a:hover {color:#929598;}
#topo .links div a:hover span {color:#00aeef;}
#topo .idiomas {background:url(../img/borda-pontilhada-h.gif) left repeat-y; padding:1em 0 0.5em 2em; margin-left:2em; text-align:center; text-transform:uppercase; color:#939598; display: none;}
#topo .bandeira {display:inline-block;}
#topo .bandeira + .bandeira {margin-left:1em;}

#rodape {overflow:hidden; margin-top:3em; background:#e6ebf0; clear:both;}
#rodape .esquerda {width:58.31775701%; padding:3% 0 7.6% 2%; color:#a3c7d6; font-size:1.1em;}

#rodape .creditos {font-family:'Gotham-Book'; margin:0 0 1em;}
#rodape .direita {width:41.68224299%; padding:3% 0 2% 5%; background:#d8dfe5; color:#547582; line-height:3em; font-size:1.2em;}

/* ------- CLASSES ------- */

.logo img {width:100%; max-width:187px;}

.container {overflow:hidden;}

.menu {font-size:1.2em; text-align:center; background:#0077a3; font-weight:700; height:53px;}
.menu ul, .menu li {margin:0; padding:0; font-style:normal; list-style:none;}
.menu li {width:16.6666%; float:left;}
.menu li a {border-right:#1b99c8 1px solid; border-left:#006d95 1px solid;}
.menu li:first-child a {border-left:0;}
.menu li:last-child a {border-right:0;}
.menu a {padding:1.2em 0; display:block; color:#FFF; text-decoration:none; line-height:2em; background:none;}
.menu a:hover {color:#0077a3; background:#FFF;}

.posiciona {position:relative; top:141px;}

.jquery .rslides img {width:100%; max-width:1920px;}

.quem_somos {font-size:1.3em; width:31.308411215%; font-weight:300; line-height:1.8em;}
.quem_somos h1 {font-size:2.61538461538em; margin:1.25em 0 0.8em;}
.quem_somos .botao {display:block; margin:0.5em 0 0; padding:0; text-align:right; font-size:0.84615384615em; font-weight:700;}
.quem_somos .botao a {background:none; color:#3482d0; padding:0; text-decoration:underline;}
.quem_somos .botao a:hover {color:#000; cursor:pointer; padding:0;}

.unidades {width:64.018691588%; margin-left:4.672897197%;}

.box-home {display:inline-block; width:49%; background:#f0f2f4 url(../img/box-home-fundo.gif) left repeat-y; padding:0.5em 1em; font-size:1.1em; color:#747474; margin-bottom:2em; vertical-align:top;}
.box-home:nth-of-type(4n+2), .box-home:nth-of-type(4n+4) {margin-left:1%;}
.box-home .imagem {float:left; border:#FFF 3px solid; margin-right:1em; transition:.3s ease 0s;}
.box-home .imagem:hover {border:#bdedff 3px solid;}
.box-home .tit-unidade {font-size:1.5em; margin:1em 0 0.3em; font-family:'Gotham-Book';}
.box-home .tit-unidade a {color:#000; text-decoration:none;}
.box-home .tit-unidade a:hover {color:#00aeef;}
.box-home .botao {display:block; margin:0.5em 0 0; padding:0; text-align:right;}
.box-home .botao a {background:none; color:#7c9ad0; padding:0; text-decoration:none; font-weight:700;}
.box-home .botao a:hover {color:#000; cursor:pointer; padding:0;}

.txt-credenciadas {text-align:right; font-style:italic; color:#5d5d5d; font-weight:300; font-size:1.1em; margin:0;}

.menu-rodape ul, .menu-rodape li {margin:0; padding:0;}
.menu-rodape ul {margin-left:1.5em;}
.menu-rodape li {color:#6e6e6e; float:left; width:32%; list-style:disc; margin-top:1em;}
.menu-rodape a {color:#6e6e6e; text-decoration:none;}
.menu-rodape a:hover {color:#00aeef;}

.paginacao {text-align:center; margin-top:1em;}
.paginacao .selecionado {font-weight:700;}
.noticia_foto {float:right; margin:0 0 16px 16px; border:1px solid #aeaeae;}

.esquerda {float:left;}
.direita {float:right;}

.envolve-botao {clear:both; overflow:hidden; text-align:right; margin:1em 0;}
.envolve-botao * {margin:0; padding:0;}
.botao {display:inline-block; margin:0; padding:0;}
.botao a {padding:1em 2em;}
input.botao {padding:0 2em; text-transform:uppercase;}
.botao a, input.botao {background:#255365; color:#FFF; line-height:3em; text-decoration:none;}
.botao a:hover, input.botao:hover {background:#FFF; color:#255365; cursor:pointer;}

.listagem li {float:left; margin:1em; list-style:none;}

.form-horizontal {width:45%; float:left;}
.form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append {width:100%;}
.form-horizontal textarea {height:60px;}
.tit-form {font-size: 1.5em; text-align: center; margin: 1em 0;}
.form-horizontal .control-group {margin-bottom: 20px;}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {display: table; line-height: 0; content: "";}
.form-horizontal .control-label {float: left; width: 100px; padding-top: 16px; text-align: right;}
.form-horizontal .controls {margin-left: 120px;}
.form-horizontal .control-center {text-align: center;}
.form-horizontal .control-center input {width: auto;}

.mapa {width:45%; margin-left:55%; position: relative; padding-bottom: 46.5%; height: 0; overflow: hidden;}
.mapa iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

.interna {font-size:1.3em; line-height:2em;}
.head-solucao + .interna {margin-top:1em;}

.box-solucoes {width:30%; display:inline-block; height:158px; background:#f5f7f7; font-size:1.13076923077em; color:#0077a3; font-family:'Gotham-Book'; margin-bottom:2em; vertical-align:top;}
.box-solucoes:nth-of-type(3n+2), .box-solucoes:nth-of-type(3n+3) {margin-left:4%;}
.box-solucoes .img-solucao {width:158px; height:158px; float:left; overflow:hidden; text-align:center; position:relative; max-width:305px; margin:0 auto;}
.box-solucoes .img-solucao img {max-width:100%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;}
.box-solucoes .img-solucao:hover img {position:relative; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.box-solucoes .desc-solucao {padding:1em; margin-left:158px;}
.box-solucoes a {text-decoration:none;}

.head-solucao {position:relative; height:10%;}
.voltar, .tit-solucao {position:absolute;}
.img-solucao {top:0; left:0; z-index:1;}
.img-solucao img {width:100%; max-width:1440px;}
.head-solucao .voltar {bottom:38.5%; font-family: 'Gotham-Light'; font-size:1.1em; z-index:3;}
.head-solucao .voltar a {color:#8c94a1; text-decoration:none; background:#FFF; padding:1em 2em; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.head-solucao .voltar a:hover {color:#FFF; background:#0077a3;}
.head-solucao .voltar span {font-family: 'Gotham-Medium';}
.tit-solucao {bottom:0; opacity:0.8; color:#0077a3; background:#FFF; padding:2% 0; width:100%; font-size:3.4em; font-family:'Gotham-Book'; z-index:2;}

.int-solucao img:first-child, .int-treinamento img:nth-child(2) {max-width: 100% !important;}

.contato-fixo {position:fixed; right:-380px; top:30%; z-index:99; font-size:1.2em; font-family:'Gotham-Medium'; transition:.3s ease 0s;}
.contato-fixo-ativo {position:fixed; top:20%; right: 0}
.tit-contato {-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); background:#00aeef url(../img/tit-contato-fundo.jpg) 91% 50% no-repeat; color:#FFF; padding:1.5em 2.5em 1.5em 1em; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; -webkit-box-shadow: -4px -4px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:-4px -4px 5px 0px rgba(0, 0, 0, 0.2); box-shadow:-4px -4px 5px 0px rgba(0, 0, 0, 0.2); cursor:pointer; position:relative; transition:.3s ease 0s; text-transform:uppercase; width: fit-content; right: 70px; }
.contato-fixo a {color:#fff;}
#myDiv {color:#FFF; font-family:'Gotham-Book'; background:#00aeef; max-width:380px; position:relative; top:-150px; padding:1em;}
#myDiv .form-horizontal {width:100%; float:none;}
#myDiv .form-horizontal textarea {height:110px;}
#myDiv .form-horizontal .control-group {margin-bottom:0;}
#myDiv .form-horizontal .control-label {float:none; width:100%; margin:0; padding:0; text-align:left;}
#myDiv .form-horizontal .controls {margin:0.3em 0 1em;}
#myDiv .form-horizontal .control-right {text-align:right;}
#myDiv .form-horizontal .control-right input {width:auto; font-family: 'Gotham-Medium'; background:#00aeef url(../img/enviar.png) 10% 50% no-repeat; border:none; padding:0.4em 1.5em;}
#myDiv .form-horizontal .control-right input:hover {background:#FFF url(../img/enviar.png) 90% 50% no-repeat; padding:0.4em 1.5em 0.4em 0.5em;}
.fixlineh {line-height: 1.2em;padding: 0.8em 0; font-size: 0.9em;}
@media screen and (min-width:1100px) {
	div.int {width:1070px;}
	.quem_somos {width:31.308411215%;}
	.unidades {width:64.018691588%; margin-left:4.672897197%;}
	#rodape .esquerda {padding:3% 0 7.6% 13%;}
	.head-solucao .voltar {bottom:33.3%;}
	.box-solucoes {font-size:1.23076923077em;}
}

@media (min-width: 768px) and (max-width: 959px) {
	/*div.int {width: 724px;}*/
	#header {position:relative; height: auto;}
	#topo .contato, #topo .links {font-size:1.2em;}
	#topo .contato {margin-left:2em;}
	#topo > .direita {padding-left:1em;}
	.menu {font-size:1.1em; height:48px;}
	.posiciona {top:auto;}
	.quem_somos, .unidades {width:100%;}
	.unidades {margin-left:0;}
	.menu-rodape li {width:49%;}
	.box-solucoes {line-height: 1.15em; height: 120px;}
	.box-solucoes .img-solucao {width: 120px; height: 120px;}
	.box-solucoes .desc-solucao {margin-left:120px;}
	.head-solucao .voltar {bottom:36.1%;}
	.tit-solucao {font-size:2.4em;}
	div.int {width: auto; padding: 0 1.5em;}
	.int-solucao img:first-child {max-width: 100% !important;}
}

@media (max-width: 767px) {
	body {font-size:78%;}
	div.int {width: auto; padding: 0 0.8em;}
	#header {position:relative; height: auto;}
	.tit-contato {right:90px;}
	#topo .contato {display: none}
	#topo .links div {display:none; visibility: hidden;}
	#topo .links div:last-child {display:block;  visibility: visible;}
	#topo .links div + div {margin-left: 1em;}
	#topo .links .contato-mobile a {content:url(../img/telephone.png); display: block; width: 30px; height: 30px;}
	#topo .links .contato-mobile {display:block;  visibility: visible;}
	#topo > .direita {padding-left: 1em; background: none;}
	.quem_somos h1 {margin-bottom: 0.52em; font-size:2.5em;}
	h1 {margin-bottom: 0.2em; font-size:2.2em;}
	.menu {font-size:1.2em; margin-top:0; overflow:hidden; height:auto; display: flex}
	.menu ul {display: flex; flex-flow: wrap; justify-content: space-evenly;}
	.menu li {width:auto; padding:0; flex-wrap: wrap; flex: auto;}
	.menu a {padding:0.5em 1.4em; display:block;}
	.menu li a {border-bottom:#1b99c8 1px solid;}
	.menu .int {padding: 0;}
	.posiciona {top:auto;}
	.jquery {display:none;}
	.quem_somos, .unidades {width:100%;}
	.unidades {margin-left:0;}
	.box-home {width:100%;}
	.box-home:nth-of-type(4n+2), .box-home:nth-of-type(4n+4) {margin-left:0;}
	#rodape .esquerda {width:100%; padding:3% 0 7.6% 2%;}
	#rodape .direita {width:100%; padding:3% 0 2% 5%;}
	.menu-rodape li {width:33%;}
	.form-horizontal {width:100%;}
	.form-horizontal input, .form-horizontal textarea {width: 99%;}
	.mapa {width:100%; margin-left:0;}
	.box-solucoes {height:auto; width: 48%; line-height: 1.15em; margin: 0 0 0.5em 0;}
	.box-solucoes:nth-of-type(3n+2), .box-solucoes:nth-of-type(3n+3) {margin-left: 0 }
	.box-solucoes:nth-of-type(2n+1) {margin-right: 0.5em; }
	.box-solucoes .img-solucao {width: 120px; height: 120px;}
	.box-solucoes .desc-solucao {margin-left:120px;}
	.box-solucoes a {display:block; background:#f5f7f7;}
	.box-solucoes a:hover {background:#e4e4e4;}
	.head-solucao .voltar {display:none;}
	.tit-solucao {font-size:2.4em; padding:2% 0; bottom:-35%;}
	#rodape .direita {line-height: 1.5em;}
	.int-solucao img:first-child, .int-treinamento img:first-child {display: none}
	.treinamento_inscricao img {display: block !important;}
}

@media (max-width: 600px) {
	.tit-solucao {position:relative; padding-top:5%;}
	.box-solucoes {width: 100%;}
	.contato-fixo .tit-form:after {content:'X'; position: relative; font-weight: 600; font-size: 1.6em; top:-0.9em; margin-left: 1.4em; opacity:0.5}
	.contato-fixo .tit-form {margin-top:1em;}
	.contato-fixo {top:30%;}
	.contato-fixo-ativo .tit-contato {display:none;}
	#myDiv .form-horizontal textarea {height: 50px;}
}

@media (max-width: 400px) {
	div.int {width: auto;}
	.menu-rodape li {width:49%;}
}

/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
button.btn {
    background-color: #0077a3;
    border: none;
    border-radius: 4px;
    font-size: 1em;
    padding: 6px 13px;
    color: #fff;
}
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
	padding: 1em; font-size: 1.5em; text-align: center;
    background: #212327 url('data:image/png;base64, ');
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {color:#e6ebf0;
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}