@charset "utf-8";
/* CSS Document */

/* Selection */
::selection { color: #fff; background: #3b58a4; }
::-moz-selection { color: #fff; background: #3b58a4; }
input.uc { text-transform: uppercase !important; }

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

/* Clearfix */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* Base */
.blue { color: #109fd7; }
html, body { height: 100%; }
body { background-color: #fff; margin: 0; padding: 0; }
img { border: 0; }
.wrap { width: 900px; margin: 0 auto; position: relative; }
.controle { clear: both; font-size: 0; height: 0; line-height: 0; }

a { color: #109fd7; text-decoration: underline; transition: all 0.5s ease; }
a:hover { color: #109fd7; text-decoration: none; }

/* Alignment */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

/* Structure */
.topo { background: url(/assets/images/bg-topo.png) left top repeat-x; border-top: 15px solid #109fd7; border-bottom: 1px solid rgba(0,0,0,0.05); height: auto; position: relative; }
.topo .wrap { position: relative; }
.topo .logotipo { float: left; width: 311px; height: 122px; background: url(/assets/images/logotipo-katanha.png) center no-repeat; background-size: contain; margin: 50px 0 90px 30px; padding: 0; text-decoration: none; }
.topo ul { background: #109fd7 url(/assets/images/bg-menu.png) left bottom repeat-x; height: 82px; width: 100%; font-size: 0; margin: 0; padding: 0; text-align: center; position: absolute; left: 0; bottom: -41px; z-index: 2000; }
.topo ul:before { content: ''; background: #109fd7 url(/assets/images/bg-menu.png) left top repeat; position: absolute; top: 0; left: -20px; width: 40px; height: 82px; -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -o-transform: skew(-25deg); }
.topo ul:after { content: ''; background: #109fd7 url(/assets/images/bg-menu.png) left top repeat; position: absolute; top: 0; right: -20px; width: 40px; height: 82px; -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -o-transform: skew(-25deg); }
.topo ul li { display: inline-block; margin: 0; padding: 0; }
.topo ul li a { color: #fff; display: block; font: 500 30px/82px 'Dosis', Arial, Helvetica, sans-serif; margin: 0 10px; padding: 0 18px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; }
.topo .text-top { float: right; background: url(/assets/images/img-top.png?v2) left top no-repeat; width: 300px; height: 122px; margin: 50px 30px 90px 0; padding: 0 0 0 72px; text-decoration: none; }
.topo .text-top span { display: block; color: #109fd7; font: 700 26px/27px 'Dosis', Arial, Helvetica, sans-serif; }
.topo .text-top span:first-line { display: block; color: #109fd7; font: 500 24px/38px 'Dosis', Arial, Helvetica, sans-serif; }
.topo .text-top a { display: block; text-decoration: none; color: #000; font: 600 26px/34px 'Dosis', Arial, Helvetica, sans-serif; letter-spacing: 2px; }

.pub { height: auto; margin: 0; width: 100%; position: relative; }
.pub ul, .pub ul li { margin: 0; padding: 0; list-style: none; height: auto; width: 100%; }
.pub ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; }
.pub ul li img { display: block; width: 100%; }
.pub span { cursor: pointer; position: absolute; top: 50%; margin-top: -31px; width: 62px; height: auto; z-index: 1000; }
.pub .prev { left: 60px; background: url(/assets/images/arrow-prev.png) center center no-repeat; }
.pub .next { right: 60px; background: url(/assets/images/arrow-next.png) center center no-repeat; }

.content-inicial { padding: 40px 0; }

.boxes { font-size: 0; margin: 0; }
.box { display: inline-block; vertical-align: top; text-decoration: none; text-align: right; }
.box img { display: block; margin: 0 auto; position: relative; }
.box:nth-child(1) { width: 512px; }
.box:nth-child(1) img { margin-left: -65px; }
.box:nth-child(2) { width: 386px; }
.box:nth-child(3) { display: block; margin: 40px 0 0; }

.rodape { background: #109fd7 url(/assets/images/bg-footer.png) left top repeat; margin: 30px 0 0; padding: 60px 25px 15px; text-align: center; position: relative; }
.rodape .logo-p { background: #fff; border-radius: 50px; color: #109fd7; display: inline-block; font: 600 32px/60px 'Dosis', Arial, Helvetica, sans-serif; position: absolute; top: 0; left: 50%; margin: -30px 0 0 -140px; width: 280px; }
.rodape .address { color: #fff; font: 600 32px/36px 'Dosis', Arial, Helvetica, sans-serif; margin: 5px 0; padding: 0; }
.rodape .emanueldias { color: #fff; display: inline-block; font: italic 600 20px/36px 'Dosis', Arial, Helvetica, sans-serif; margin: 5px 0; text-decoration: none; text-transform: lowercase; }

/* Internas */
.conteudo { padding: 60px 15px; }
.conteudo h1 { color: #050505; font: 700 46px 'Dosis', Helvetica, Arial, sans-serif; margin: 0 0 30px; padding: 0; border-bottom: 1px solid #eee; letter-spacing: 0; text-transform: uppercase; }
.conteudo h1 span { display: inline-block; margin-bottom: -2px; padding: 15px 0; }
.conteudo h2 { color: #109fd7; font: 600 32px 'Dosis', Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 20px 0; padding: 0; }
.conteudo h3 { color: #222; font: 400 18px 'Dosis', Helvetica, Arial, sans-serif; margin: 10px 0 10px; padding: 0; }
.conteudo h4 { color: #222; font: 400 italic 16px 'Dosis', Helvetica, Arial, sans-serif; margin: 0px 0 10px; padding: 0; }
.conteudo p { color: rgba(0,0,0,0.8); font: 400 15px/30px Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 0; }
.conteudo ul { margin: 0; padding: 0 25px 20px; }
.conteudo ul li { color: #333; font: 14px/20px Arial, Helvetica, sans-serif; margin: 5px 0; padding: 0; }
.conteudo .divider { border-bottom: 1px dotted #ddd; height: 0; font-size: 0; line-height: 0; margin: 40px 0; padding: 0; }
.conteudo .navbar { font: bold 11px Arial, Helvetica, sans-serif; padding: 20px 0; border-bottom: 1px solid #eee; }

/* Institucional */
.img-empresa { float: left; width: 16.66666666666667%; padding: 5px; }
.img-empresa img { display: block; max-width: 100%; border: 1px solid #eee; padding: 3px; background: #fff; }
.mapa { border: 1px solid rgba(0,0,0,0.1); padding: 10px; width: 100%; }
.mapa iframe { display: block; }
.paginas img { max-width: 100%; height: auto !important; }
.paginas img.borda { border: 1px solid rgba(0,0,0,0.1); padding: 8px; }

/* Contato */
.infoContato { border-bottom: 2px solid #eee; }
.infoContato h4 { font: 500 22px 'Dosis', Arial, Helvetica, sans-serif; color: #646664; margin: 0; padding: 0 0 50px; }
.wrapForm { padding: 40px 0; }
.wrapForm label { clear: both; display: block; padding: 5px; width: 100%; }
.wrapForm label.lado { float: left; clear: none !important; width: 50%; }
.wrapForm label span { display: block; font: 600 14px 'Dosis', Geneva, sans-serif; padding: 5px 11px; color: #222; text-transform: uppercase; }
.wrapForm label .text, 
.wrapForm label select { transition: all 0.5s ease; border: 2px solid #ccc; background: #fff; border-radius: 2px; height: 50px; padding: 10px; outline: none; font: 300 13px/20px 'Duru Sans', Arial, Helvetica, sans-serif; color: #444; width: 100%; }
.wrapForm label textarea { transition: all 0.5s ease; border: 2px solid #ccc; background: #fff; border-radius: 2px; height: 150px; padding: 10px; outline: none; font: 300 13px/20px 'Duru Sans', Arial, Helvetica, sans-serif; color: #444; width: 100%; }
.wrapForm div { text-align: center; padding: 10px 0; }
.wrapForm div .btnEnviar { transition: all 0.5s ease; background: #109fd7; border: 0; border-radius: 6px; color: #fff; font: 700 22px 'Dosis', Arial, Helvetica, sans-serif; margin: 0 15px 0 0; padding: 0 30px; height: 60px; cursor: pointer; text-shadow: 1px 1px 0px rgba(0,0,0,0.15); text-transform: uppercase; }

.form-login { float: none !important; margin: 0 auto; }
.form-login .btnEnviar { width: 100% !important; margin: 7px 0 10px !important; }
.msg-login { margin: 0 210px !important; }

/* Mensagens */
.sucesso { background: #d9edd7 url(/assets/images/msgs/sucesso.png) 10px center no-repeat; border: 1px solid #a1d29a; border-radius: 2px; color: #575f56; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.alerta { background: #ffefcc url(/assets/images/msgs/alerta.png) 10px center no-repeat; border: 1px solid #ffd67f; border-radius: 2px; color: #de8912; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.informacao { background: #ccdcff url(/assets/images/msgs/informacao.png) 10px center no-repeat; border: 1px solid #7fa6ff; border-radius: 2px; color: #3d4a66; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.erro { background: #ffcccc url(/assets/images/msgs/erro.png) 10px center no-repeat; border: 1px solid #ff7f7f; border-radius: 2px; color: #ba4747; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }

/* Tables */
table, tr, th, td { border: 0; border-collapse: collapse; }
table { background-color: #fff; margin: 0; padding: 0; width: 100%; }
table td input { vertical-align: middle; }
table caption { background: #242429; border: 1px solid #1b1b1e; border-bottom: 0; border-radius: 2px 2px 0 0; color: #bbb; font: 700 0.7em/2em 'Open Sans', Arial, Helvetica, sans-serif; padding: 15px; text-align: left; text-transform: uppercase; }
table th { background: #fafafa; border: 1px solid #eee; border-bottom: 1px solid #ddd; color: #333; font: 700 0.7em/2em 'Open Sans', Arial, Helvetica, sans-serif; padding: 12px; text-align: left; text-transform: uppercase; vertical-align: middle; }
table td { color: #585858; font: 400 0.78em/3em 'Open Sans', Arial, Helvetica, sans-serif; padding: 8px 12px; vertical-align: middle; }
.tbl-list tr:nth-child(even) { background-color: #fafafa; }
.tbl-list tr:hover td { background-color: rgba(0,0,0,0.03); }
.tbl-list tfoot tr td { background: none !important; }
.tbl-list td { border-bottom: 1px solid #eee; }


@media screen and (max-width: 900px){
	.wrap { width: 100%; }

	/* Topo */
	.topo ul { bottom: -20px; }
	.topo ul:before, 
	.topo ul:after { display: none; }
	.topo ul li a { padding: 0 5px; }

	/* Home */
	.box { display: block; vertical-align: top; text-decoration: none; text-align: center !important; width: 100% !important; }
	.box img { display: block; margin: 15px auto !important; position: relative; max-width: 100%; }
}

@media screen and (max-width: 740px){
	/* Topo */
	.topo .logotipo { float: none; display: block; margin: 30px auto; max-width: 100% !important; }
	.topo .text-top { display: none; }
	.topo ul { position: relative; left: initial; bottom: initial; }
	.topo ul li a { font-size: 22px; padding: 0 5px; }

	/* Conteúdo */
	.conteudo { padding: 15px; }
}

@media screen and (max-width: 560px){
	/* Topo */
	.topo ul { height: auto; }
	.topo ul li { display: block; margin: 0; padding: 0; }
	.topo ul li a { display: none; }
	.topo ul li:first-child:before { content: '\f0c9'; border-bottom: 1px solid rgba(0,0,0,0.1); color: #fff; display: block; font: 30px/70px 'FontAwesome'; margin: 0 10px; padding: 0 18px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; }

	/* Empresa */
	.img-empresa { float: left; width: 32.5%; padding: 5px; }
	.paginas img { float: none !important; display: block; margin: 10px auto !important; max-width: 100%; height: auto !important; }

	/* Contato */
	.wrapForm label.lado { float: none; width: 100%; }
}