@charset "UTF-8"; 
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1.2em; font-weight:600;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:54px;font-weight:100;line-height:1.1em}
h2{font-size:42px;font-weight:100;line-height:1.1em}
h3{font-size:36px;font-weight:100;line-height:1.1em}
h4{font-size:28px;font-weight:100;line-height:1.1em}
h5{font-size:24px;font-weight:100;line-height:1.1em}
h6{font-size:20px;font-weight:100;line-height:1.1em}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
a{text-decoration:none;}
a img{border:none;max-width:100%;}
strong{font-weight:400;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: 'Roboto', sans-serif; font-weight:300;}
#container {margin:0; padding-top:30px; height:100%; min-height:100%; height:auto !important; position:relative; background:#FFFFFF; overflow-x:hidden;}
#container.hover{padding-top:100px;}

#header {position:fixed; left:0; top:0; font-size:0; z-index:100; width:100%; text-align:center; background-color:rgba(255,255,255,0); border-bottom: 1px solid rgba(0,130,178,0); box-shadow:0 0 0 #849FAE;  -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
#header .bg-stripes{padding:0 5%; text-align:right; line-height:30px; font-size:12px;}
#header .bg-stripes a + a{margin-left:10px;}
#header .kl{position:absolute; top:31px; left:50%; margin-left:-8%; width:16%; background-image:url(../images/knijnik-lucion.png); background-repeat:no-repeat; background-size:auto 146px; background-position:center top 16px; height:162px; overflow:hidden; height:162px; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s;}

#header.hover{background-color:rgba(255,255,255,.85); border-bottom: 1px solid rgba(0,130,178,1); box-shadow:0 0 15px #849FAE;}
#header.hover .kl{height:70px;}

#nav{position:relative; margin:0; padding:0; list-style:none; font-size:0; display:block;}
#nav li{display:inline-block; vertical-align:middle; position:relative; width:10.5%;}
#nav li:nth-child(5){width:16%;}/*espeço para a marca*/
#nav li a.blue{display:block; position:relative; font-size:16px; letter-spacing:.1em; line-height:60px; white-space:nowrap; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; font-weight:300; border-bottom: 5px solid rgba(0,130,178,0); border-top: 5px solid rgba(255,255,255,0); text-shadow:1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF;}

#nav li:hover a.blue, #nav li a.blue.hover{border-bottom: 5px solid rgba(0,130,178,1);}
#nav li:hover ul {/*height:360px;*/ height:240px; margin:0; padding:25px;  border-bottom:solid 2px #D0DBE2; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}

#nav li ul {display:block; z-index:10; height:0; overflow:hidden; position:absolute; left:0; margin:0; padding:0; list-style-type:none; background-color:rgba(0,130,178,.85); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; border-bottom:solid 0 #D0DBE2;}

#nav li ul li{width:100%; display:block; position:relative; text-align:left;}
#nav li ul li a{display:block; white-space:nowrap; line-height:30px; font-size:16px; font-weight:300; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav li ul li a:hover, #nav li ul li a.hover{color:#FFFFFF;}
#nav li ul li a .pict{margin-right:5px;}

#preloader {position:absolute;left:0; top:30px; width:100%; height:650px; z-index:99; background-position:center;}
#preloader .inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loading > span {display:inline-block; width:50px; height:50px; margin:0 5px; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:animarBola; animation-timing-function:linear; animation-iteration-count:infinite;}
.loading > span:nth-child(1) {animation-duration:0.75s ; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.75s ;animation-delay:0.12s;}
.loading > span:nth-child(3) {animation-duration:0.75s  ;animation-delay:0.24s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 16% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 33% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}}

#banner{display:block; height:650px; width:100%; position:relative; margin:0; padding:0; list-style:none; font-size:0;}
#banner li{position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-size: cover; margin:0; padding:0 10%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: fex-start;}
#banner li:nth-child(2){display:none;}

#banner li.medico{background-image:url(../images/_large/bg-banner-direito-medico.jpg); background-position:right top;}
#banner li.saude{background-image:url(../images/_large/bg-banner-direito-da-saude.jpg); background-position:center top;}

#banner li h1{margin:0; z-index:10; position:relative;}

#section{position:relative; padding:0 5%;}
#section .content{padding:5% 0;}

#section.areas{background-color:#F2F5F7;}
#section.areas.hover{background-color:#FFFFFF;}
#section.areas .lista-areas li{margin:0 2% 0 0;}
#section.areas .lista-areas li:last-child{margin:0;}

#section.sobre::before{content:""; position:absolute; top:0; left:0; bottom:0; right:51%; background-image:url(../images/_large/img-sobre.jpg); background-repeat:no-repeat; background-size:cover; background-position:right center;}
#section.sobre .column-2{margin-left:51%;}
#section.sobre h2 span{display:block; font-size:.5em; font-weight:300;line-height:1.5em;}
#section.sobre h2 span:first-child{font-size:.45em;}
#section.sobre li{font-size:18px; line-height:1.2em; padding-bottom:.5em;}
#section.sobre .symbol{position:absolute; bottom:0; right:51%;}

#section.publicacoes{border-bottom:solid 1px #F2F5F7;  border-top:solid 1px #F2F5F7;}
#section.publicacoes .column-2{vertical-align:middle;}
#section.publicacoes .column-2:last-child{text-align:right;}
#section.publicacoes h2.grifado{border-left-color:#F2F5F7;}
#section.publicacoes .button{border:solid 1px #F2F5F7;}

#section.decisoes h2{border-left-color:#849FAE;}
#section.decisoes h2 .label{font-size:.4em;}
#section.decisoes .lista-decisoes li{margin-bottom:0;}
#section.decisoes .lista-decisoes li:nth-child(4){display:none;}

#section.artigos{background-image:url(../images/_medium/bg-artigos.jpg);}
#section.artigos h2{border-left-color:#849FAE;}
#section.artigos h2 .label{font-size:.4em; border:solid 1px #849FAE;}
#section.artigos .lista-artigos li{margin-bottom:0;}

#footer{padding-left:5%; padding-right:5%; width:100%; position:absolute; left:0; bottom:0; font-size:0; z-index:10; border-top:solid 1px #F2F5F7;}
#footer .content{padding:170px 0 5% 0;}

#footer .text-right{position:absolute; top:60px; left:0; width:100%; padding:0 5%; background-color:#66B4D1; background-image:url(../images/bg-stripes.png);}
#footer .bg-stripes{
	background:#0082B2;
	background: url(../images/bg-stripes.png) left top repeat, -moz-linear-gradient(left, #66B4D1 0%, #0082B2 40px, #0082B2 257px, #66B4D1 307px, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, -webkit-linear-gradient(left, #66B4D1 0%, #0082B2 40px, #0082B2 257px, #66B4D1 307px, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, linear-gradient(to right, #66B4D1 0%, #0082B2 40px, #0082B2 257px, #66B4D1 307px, #66B4D1 100%);
}
#footer .bg-stripes .float-left{margin-left:25px; width:247px; padding-bottom:74px; background-image:url(../images/kl-knijnik-lucion.png); background-repeat:no-repeat; background-position:left center; background-size:contain;}
#footer .bg-stripes a:not(.float-left){margin:17px 0 0 10px; position:relative; z-index:100; display:inline-block;}

#footer .column-4:first-child p{margin:0; padding:0; position:absolute; bottom:0; font-weight:300; line-height:1.2em;}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{font-size:16px; font-weight:300; white-space:nowrap;}
#footer ul li + li{padding-top:.4em;}
#footer ul li ul{padding-left:20px;}
#footer ul li .pict + span{display:inline-block; vertical-align:top; line-height:1.4em;}

#section.titulo{position:relative; padding:2.5% 5% 0 5%;}
#section.titulo .content{padding:0; z-index:1;}
#section.titulo .content + span{position:absolute; bottom:0; left:0; width:50%; padding-top:110px; background-color:#66B4D1; background-image:url(../images/bg-stripes.png); z-index:0}
#section.titulo h1 .bg-stripes{padding:10px; display:inline-block; vertical-align:bottom;}
#section.titulo h1 .bg-stripes + span{display:inline-block; vertical-align:bottom;}
#section.titulo h1 span.gray{display:block; font-size:.4em; font-weight:300;line-height:1.5em;}

#section.principal h2 span, #section.principal h4 span{display:block; font-size:.5em; font-weight:300;line-height:1.5em;}
#section.principal li{font-size:18px; line-height:1.5em; padding-bottom:.4em;}

#section.principal .content.dinamico .article{display:block; margin:auto;}
#section.principal .content.dinamico h4, #section-principal .article.dinamico h5 {color:#0082B2; margin-bottom:.8em;}

#section.principal .content.dinamico img{max-width:100%; display:block; margin:auto; border:solid 1px #0082B2;}
#section.principal .content.dinamico img.vertical{max-width:48%; float:right; margin:0 0 4% 4%;}
#section.principal .content.dinamico iframe{display:block; width:100%; margin:5% auto; overflow:hidden;}

#section.principal .content.dinamico p:not(.textCenter) a{text-decoration:none; font-weight:400; color:#A7B49A;}
#section.principal .content.dinamico a.share{font-weight:normal; color:#FFFFFF;}

/*exceções*/
#section.principal .column-2.image.sobre{background-image:url(../images/_large/img-sobre.jpg);padding-bottom:25%;}/*imagem sobre*/
#section.principal .column-2.bg-gray-l3.gray{padding:30px;} /*colunas contato*/
#section.principal .column-2.bg-gray-l3.gray .pict + span:not(.label){display:inline-block; vertical-align:top;} /*pictograma contato*/
#section.principal .column-2.bg-gray-l3.gray .button.medium.border-blue{position:absolute; bottom:30px; right:30px;} /*botão voltar*/
#section.principal .column-2.bg-gray-l3.gray .bg-stripes{display:inline-block; margin-bottom:.5em;}
#section.principal .image.knijnik-lucion{display:block; position:absolute; bottom:10%; left:0; width:20%; padding-bottom:14.8%; background-image:url(../images/knijnik-lucion.png); background-size:contain;}/*imagem sobre*/
#section.principal h2 .bg-stripes{display:inline-block;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}
#contato input[type=text] {font-size:18px; font-weight:300; font-family: 'Roboto', sans-serif; display:inline-block; vertical-align:top; width:49%; background:none; border:solid 1px #0082B2; padding:0 5px; margin:30px auto 0 auto; height:50px;line-height:48px;}
#contato textarea {font-size:18px; font-family: 'Roboto', sans-serif; font-weight:300; display:block; width:100%; padding:10px; margin:0; line-height:25px; background:none; border:solid 1px #0082B2;}
#contato input[type=submit] {font-size:12px; margin:30px auto 0 auto; font-weight:300; font-family: 'Roboto', sans-serif; width:49%; padding:0; border:none; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; height:50px;}

#form.categorias{display:block; margin:0; padding:0; position:relative; width:30%; float:left; z-index:10;}
#form.categorias::before{content:""; display:block; width:40px; height:40px; background-image:url(../images/simbolos.png); background-repeat:no-repeat; background-size:auto 100%; background-position:75% 0%; position:absolute; right:0; top:0; z-index:-1;}
#form.categorias select {font-size:18px; font-weight:300; font-family: 'Roboto', sans-serif; display:block; width:100%; position:relative; padding:0 50px 0 20px; margin:0; height:40px; line-height:40px; border:none; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; border:none; background:none; z-index:10;}
#form.categorias + p{margin:0;}

/*estruturais*/
.content {margin:auto; width:100%; max-width:1300px; position:relative; font-size:0;}
.article {width:66%; margin:0 2% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.article:last-child{margin:0;}
.column-2 {width:49%; margin:0 2% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-2:nth-child(2n), .column-2:last-child{margin:0;}
.column-3 {width:32%; margin:0 2% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-3:nth-child(3n), .column-3:last-child{margin:0;}
.column-4 {width:23.5%; margin:0 2% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-4:nth-child(4n), .column-4:last-child{margin:0;}

/*cores*/
.white{color:#FFFFFF;}
.blue{color:#0082B2;}
.gray{color:#849FAE;}
.gray-l1{color:#D0DBE2;}
.gray-l2{color:#D7E1E8;}
.gray-l3{color:#F2F5F7;}
.gray-d{color:#4D7181;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-blue{background-color:#0082B2;}
.bg-gray-d{color:#4D7181;}
.bg-gray{background-color:#849FAE;}
.bg-gray-l1{background-color:#D0DBE2;}
.bg-gray-l2{background-color:#D7E1E8;}
.bg-gray-l3{background-color:#F2F5F7;}
.bg-stripes{
	background:#0082B2;
	background: url(../images/bg-stripes.png) left top repeat, -moz-linear-gradient(left, #66B4D1 0%, #0082B2 25%, #0082B2 75%, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, -webkit-linear-gradient(left, #66B4D1 0%, #0082B2 25%, #0082B2 75%, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, linear-gradient(to right, #66B4D1 0%, #0082B2 25%, #0082B2 75%, #66B4D1 100%);
}

/*bordas*/
.border-blue{border:solid 1px #0082B2;}

/*gerais*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.grifado{border-left:solid 1px #0082B2; padding-left:10px} 

.round{border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.circle{border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.twoColumn{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap: 40px;}
.image{background-position:center; background-repeat:no-repeat; background-size:cover;}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}
a.button:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

.button .label{display:inline-block; position:relative; padding:0 1em; vertical-align:middle;}
.button.large .label{line-height:60px; font-size:1.2em}
.button.medium .label{line-height:40px;}
.button.small .label{line-height:30px; font-size:0.8em;}
.button.tiny .label{line-height:20px; font-size:0.6em;}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/pictogramas.png); background-repeat:no-repeat; background-size:1100% auto;}

.pict.extra{width:90px; height:90px;}
.pict.large{width:60px; height:60px;}
.pict.medium{width:40px; height:40px;}
.pict.small{width:30px; height:30px;}
.pict.tiny{width:20px; height:20px;}

.pict.grad.local{background-position:0% 0%;}
.pict.grad.email{background-position:10% 0%;}
.pict.grad.fone{background-position:20% 0%;}
.pict.grad.whatsapp{background-position:30% 0%;}
.pict.grad.instagram{background-position:40% 0%;}
.pict.grad.facebook{background-position:50% 0%;}
.pict.grad.youtube{background-position:60% 0%;}
.pict.grad.linkedin{background-position:70% 0%;}
.pict.grad.home{background-position:80% 0%;}
.pict.grad.sobre{background-position:90% 0%;}
.pict.grad.artigos{background-position:100% 0%;}

.pict.grad.noticias{background-position:0% 20%;}
.pict.grad.decisoes{background-position:10% 20%;}
.pict.grad.publicacoes{background-position:20% 20%;}
.pict.grad.contato{background-position:30% 20%;}
.pict.grad.atuacao{background-position:40% 20%;}
.pict.grad.medico{background-position:50% 20%;}
.pict.grad.saude{background-position:60% 20%;}
.pict.grad.lgpd{background-position:70% 20%;}
.pict.grad.civil{background-position:80% 20%;}
.pict.grad.falimentar{background-position:90% 20%;}
.pict.grad.empresarial{background-position:100% 20%;}

.pict.grad.familia{background-position:0% 40%;}
.pict.grad.imobiliario{background-position:10% 40%;}
.pict.grad.trabalhista{background-position:20% 40%;}
.pict.grad.tributario{background-position:30% 40%;}
.pict.grad.atencao{background-position:40% 40%;}
.pict.grad.duvida{background-position:50% 40%;}
.pict.grad.link{background-position:60% 40%;}
.pict.grad.download{background-position:70% 40%;}
.pict.grad.upload{background-position:80% 40%;}
.pict.grad.seguro{background-position:90% 40%;}
.pict.grad.horario{background-position:100% 40%;}

.pict.gray.local{background-position:0% 60%;}
.pict.gray.email{background-position:10% 60%;}
.pict.gray.fone{background-position:20% 60%;}
.pict.gray.whatsapp{background-position:30% 60%;}
.pict.gray.instagram{background-position:40% 60%;}
.pict.gray.facebook{background-position:50% 60%;}
.pict.gray.youtube{background-position:60% 60%;}
.pict.gray.linkedin{background-position:70% 60%;}
.pict.gray.home{background-position:80% 60%;}
.pict.gray.sobre{background-position:90% 60%;}
.pict.gray.artigos{background-position:100% 60%;}

.pict.gray.noticias{background-position:0% 80%;}
.pict.gray.decisoes{background-position:10% 80%;}
.pict.gray.publicacoes{background-position:20% 80%;}
.pict.gray.contato{background-position:30% 80%;}
.pict.gray.atuacao{background-position:40% 80%;}
.pict.gray.medico{background-position:50% 80%;}
.pict.gray.saude{background-position:60% 80%;}
.pict.gray.lgpd{background-position:70% 80%;}
.pict.gray.civil{background-position:80% 80%;}
.pict.gray.falimentar{background-position:90% 80%;}
.pict.gray.empresarial{background-position:100% 80%;}

.pict.gray.familia{background-position:0% 100%;}
.pict.gray.imobiliario{background-position:10% 100%;}
.pict.gray.trabalhista{background-position:20% 100%;}
.pict.gray.tributario{background-position:30% 100%;}
.pict.gray.atencao{background-position:40% 100%;}
.pict.gray.duvida{background-position:50% 100%;}
.pict.gray.link{background-position:60% 100%;}
.pict.gray.download{background-position:70% 100%;}
.pict.gray.upload{background-position:80% 100%;}
.pict.gray.seguro{background-position:90% 100%;}
.pict.gray.horario{background-position:100% 100%;}

.symbol{display:inline-block; vertical-align:middle; background-image:url(../images/simbolos.png); background-repeat:no-repeat; background-size:auto 100%;}
.symbol.text{background-image:none;}
.symbol.text.white{font-weight:400; font-size:1.2em;}
.symbol.hover{opacity:0.30; -moz-opacity:0.30; filter:alpha(opacity=30);}
.symbol + .symbol{margin-left:1px;}
a.symbol:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

.symbol.large{width:60px; height:60px; line-height:60px;}
.symbol.medium{width:40px; height:40px; line-height:40px;}
.symbol.small{width:30px; height:30px; line-height:30px;}
.symbol.tiny{width:20px; height:20px; line-height:20px;}

.symbol.more{background-position:0% 0%;}
.symbol.less{background-position:12.5% 0%;}
.symbol.close{background-position:25% 0%;}
.symbol.next{background-position:37.5% 0%;}
.symbol.prev{background-position:50% 0%;}
.symbol.top{background-position:62.5% 0%;}
.symbol.bottom{background-position:75% 0%;}

.gallery {display:block; font-size:0;}
.gallery a{display:inline-block; width:22%; margin:0 4% 4% 0; vertical-align:text-top; cursor:zoom-in; padding:10px;}
.gallery a:nth-child(4n), .gallery a:last-child{margin:0 0 4% 0;}
.gallery a .image{display:block; width:100%; padding-bottom:100%;}

.share{display: inline-block;  padding:0 5px 0 25px; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 20px; line-height:20px; background-image:url(../images/share.png); background-repeat:no-repeat; background-size:20px auto; color:#FFFFFF; font-weight:300; font-size:10px;}
.fb-share-button a {background-color:#4267B2; background-position:left 0;}
.wa-share-button {background-color:#57BA63; background-position:left -20px; margin-right:10px;}

/*listas*/
.lista-areas {margin:0; padding:0; font-size:0; list-style:none; clear:both;}
.lista-areas li{width:32%; margin:0 2% 6% 0; position:relative; display:inline-block; vertical-align:text-top;}
.lista-areas li:nth-child(3n), .lista-areas li:last-child{margin:0 0 6% 0;}
.lista-areas li a{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.lista-areas li a:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
.lista-areas h3{margin:.5em 0 0 0;}
.lista-areas h3::after{content:""; display:block; width:110px; height:5px; background-color:#D7E1E8; margin:.5em auto 0 auto;}
.lista-areas p{margin-bottom:0;}
.lista-areas .bg-stripes{padding:10px; display:inline-block;}
.lista-areas .symbol.small.more.bg-blue{position:absolute; bottom:0; left:50%; margin-left:-15px;}

.lista-artigos {margin:0; padding:0; font-size:0; list-style:none; clear:both;}
.lista-artigos li{width:22%; margin:0 4% 4% 0; position:relative; display:inline-block; vertical-align:text-top; text-align:left;}
.lista-artigos li:nth-child(4n), .lista-artigos li:last-child{margin:0 0 4% 0; }
.lista-artigos li::after{content:""; position:absolute; right:-9%; top:0; bottom:0; border-right:solid 1px #849FAE;}
.lista-artigos li:nth-child(4n)::after, .lista-artigos li:last-child::after{border-right:none;}
.lista-artigos li a{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.lista-artigos li a:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
.lista-artigos li h5 {margin:0; font-weight:300;}
.lista-artigos li h5 span{display:block; font-size:.6em;}
.lista-artigos li .button{position:absolute; bottom:0; right:0; border:solid 1px #0082B2;}

.lista-decisoes{margin:0; padding:0; font-size:0; list-style:none; clear:both;}
.lista-decisoes li{width:30%; margin:0 5% 5% 0; position:relative; display:inline-block; vertical-align:text-top; text-align:left;}
.lista-decisoes li:nth-child(3n), .lista-decisoes li:last-child{margin:0 0 5% 0;}
.lista-decisoes li a{display:block; border:solid 1px #D7E1E8; position:relative; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.lista-decisoes li a:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
.lista-decisoes li h5 {padding:20px; margin:0; font-weight:300;}
.lista-decisoes li h5 span{display:block; text-transform:uppercase; font-size:.5em;}
.lista-decisoes li p{padding:0 20px 20px 20px; margin:0;}
.lista-decisoes li .image{display:block; padding-bottom:40%; position:relative;}
.lista-decisoes li .image.bg-gray, .lista-decisoes li .image.bg-blue{background-image:url(../images/kl-knijnik-lucion.png); background-size:60%;}
.lista-decisoes li .date{font-size:24px; line-height:1em; position:absolute; top:0; bottom:0; left:0; padding:0 20px; font-weight:100; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content:center;}
.lista-decisoes li .date.blue-lens{background-color:rgba(0,130,178,.7);}
.lista-decisoes li .date.gray-lens{background-color:rgba(132,159,174,.7);}
.lista-decisoes li .date span{font-size:.9em; line-height:1em;}
.lista-decisoes li .symbol{position:absolute; bottom:0; right:0;}

.lista-publicacoes{margin:0; padding:0; font-size:0; list-style:none; clear:both;}
.lista-publicacoes li{width:22%; margin:0 4% 4% 0; position:relative; display:inline-block; vertical-align:text-top;}
.lista-publicacoes li:nth-child(4n), .lista-publicacoes li:last-child{margin:0 0 4% 0;}
.lista-publicacoes li a{display:block; padding:25px 20px; border:solid 1px #D7E1E8; position:relative; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.lista-publicacoes li a:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
.lista-publicacoes li h5 {padding:10px; margin:0; font-weight:300;}
.lista-publicacoes li p{margin:0;}
.lista-publicacoes li .bg-stripes{display:inline-block;}
.lista-publicacoes li .button{position:absolute; bottom:-20px; left:50%; width:190px; margin-left:-95px;}

@media screen and (max-width:1300px) {
h1{font-size:44px;}
h2{font-size:36px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:18px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

/* identificadores */
#container.hover{padding-top:90px;}

#header .kl{position:absolute; top:26px; left:50%; margin-left:-8%; width:16%; background-image:url(../images/knijnik-lucion.png); background-repeat:no-repeat; background-size:auto 105px; background-position:center top 16px; height:162px; overflow:hidden; height:162px; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s;}

#header.hover .kl{height:49px;}

#nav li a.blue{font-size:12px; line-height:43px; border-bottom: 3px solid rgba(0,130,178,0); border-top: 3px solid rgba(255,255,255,0);}
#nav li:hover a.blue, #nav li a.blue.hover{border-bottom: 3px solid rgba(0,130,178,1);}
#nav li:hover ul {/*height:350px;*/ height:230px; padding:20px;}

#nav li ul li a{line-height:30px; font-size:14px;}

#preloader {height:500px;}

#banner{height:500px;}

#banner li.medico{background-image:url(../images/_large/bg-banner-direito-medico.jpg);}
#banner li.saude{background-image:url(../images/_medium/bg-banner-direito-da-saude.jpg);}

#section .content{padding:7.5% 0;}

#section.sobre::before{background-image:url(../images/_medium/img-sobre.jpg);}
#section.sobre li{font-size:16px;}

#section.artigos{background-image:url(../images/_small/bg-artigos.jpg);}

#footer .content{padding:160px 0 5% 0;}
#footer .bg-stripes{
	background:#0082B2;
	background: url(../images/bg-stripes.png) left top repeat, -moz-linear-gradient(left, #66B4D1 0%, #0082B2 40px, #0082B2 210px, #66B4D1 250px, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, -webkit-linear-gradient(left, #66B4D1 0%, #0082B2 40px, #0082B2 210px, #66B4D1 250px, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, linear-gradient(to right, #66B4D1 0%, #0082B2 40px, #0082B2 210px, #66B4D1 250px, #66B4D1 100%);
}
#footer .bg-stripes .float-left{margin-left:0;}
#footer .text-right{top:50px;}
#footer ul li{font-size:14px;}

#section.principal li{font-size:16px;}

/*exceções*/
#section.principal .column-2.bg-gray-l3.gray{padding:25px;} /*colunas contato*/
#section.principal .column-2.bg-gray-l3.gray .button.medium.border-blue{bottom:25px; right:25px;} /*botão voltar*/

/*formulários*/
#contato input[type=text] {font-size:16px;}
#contato textarea {font-size:16px;}

#form.categorias select {font-size:16px;}

/*listas*/
.lista-decisoes li .date{font-size:20px;}

}
@media screen and (max-width:900px) {
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:16px;}
p{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}

/* identificadores*/
#header .bg-stripes{padding:0 5px; font-size:9px;}

#header .kl, #header.hover .kl{position:relative; display:block; float:left; top:auto; left:auto; margin-left:0; width:200px; height:60px; background-image:url(../images/kl-knijnik-lucion-mobile.png); background-size:auto 50px; background-position:left 15px center; background-repeat:no-repeat;}

#header, #header.hover{background-color:rgba(255,255,255,.85); border-bottom: 1px solid #0082B2; box-shadow:0 0 15px #849FAE; text-align:right; position:absolute;}

#header .panel-button{display:inline-block; margin:10px 15px 0 0; vertical-align:middle; position:relative; -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; background-color:#FFFFFF; height:2px;width:20px; border-style:solid; border-color:#0082B2; border-top-width:19px; border-bottom-width:19px; border-left-width:10px; border-right-width:10px; cursor:pointer; box-sizing:content-box;}
#header .panel-button:before, #header .panel-button:after {background-color:#FFFFFF; content:""; position:absolute; top:-7px; left:0; height:2px; width:20px; display:block; transition:all .2s linear;}
#header .panel-button:after {top:7px;}
#header .panel-button.active {background-color:#0082B2;}
#header .panel-button.active:before {transform:rotate(45deg);top:0;}
#header .panel-button.active:after {transform:rotate(-45deg);top:0;}

#nav{display:none; visibility:hidden;}
#navMobile {margin:0; padding:0;list-style:none; position:absolute; right:0; top:100px; width:300px; z-index:0; text-align:left; background-color:rgba(0,130,178,.85); box-shadow:0 0 10px #849FAE; border: 1px solid #FFFFFF;}
#navMobile li{display:block; position:relative; width:100%; border-bottom:solid 1px #FFFFFF;}
#navMobile li:last-child{border-bottom:none;}
#navMobile li a.blue{width:100%; line-height:30px; display:block; font-size:16px; padding:0 20px; color:#FFFFFF;}
#navMobile li a.hover{color:#D0DBE2;}

#navMobile li ul{margin:0; padding:0 20px; background:none;}
#navMobile li ul li{border:solid 1px #FFFFFF; margin-bottom:10px; overflow:hidden;}
#navMobile li ul li:last-child{border-bottom:solid 1px #FFFFFF;}
#navMobile li ul li a {font-size:16px; line-height:1.2em; padding:5px; display:block; color:#FFFFFF;}
#navMobile li ul li a.hover{color:#D0DBE2;}
#navMobile li ul li a .pict{display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:top;}
#navMobile li ul li a .pict + span{display:inline-block; width:180px; vertical-align:middle;}

#preloader {height:400px;}

#banner{height:400px;}
#banner li{padding:0 20px;}
#banner li.medico{background-image:url(../images/_small/bg-banner-direito-medico.jpg);}
#banner li.saude{background-image:url(../images/_small/bg-banner-direito-da-saude.jpg);}

#section .content{padding:10% 0;}

#section.areas .lista-areas li{width:100%; max-width:450px; margin:8% auto 0 auto;}
#section.areas .lista-areas li:first-child{margin:0 auto;}
#section.areas .lista-areas li:last-child{margin:8% auto 0 auto;}

#section.sobre{padding-top:50%;}
#section.sobre::before{right:0; bottom:auto; padding-bottom:50%; background-image:url(../images/_small/img-sobre.jpg);}
#section.sobre .column-2{margin:0 auto;}
#section.sobre li{font-size:14px;}
#section.sobre .symbol{right:0;}

#section.publicacoes .column-2 + .column-2{margin-top:5%;}

#section.decisoes .lista-decisoes li:first-child, #section.decisoes .lista-decisoes li:nth-child(2){margin-bottom:6%;}
#section.decisoes .lista-decisoes li:nth-child(4){display:inline-block;}

#section.artigos .lista-artigos li:first-child, #section.artigos .lista-artigos li:nth-child(2){margin-bottom:6%;}

#footer .bg-stripes a:not(.float-left){margin:22px 0 0 10px; display:inline-block;}

#footer .column-4:first-child{width:100%;}
#footer .column-4:first-child h6{display:inline-block;}
#footer .column-4:first-child p{position:relative; float:right; text-align:right;}

#footer .column-4:last-child{width:100%;}
#footer .column-4:last-child ul li {white-space:normal;}
#footer .column-4:last-child ul li ul li{display:inline-block; width:50%; float:left;}
#footer .column-4:last-child ul li ul li:nth-child(2){padding-top:0;}

#section.titulo .content + span{padding-top:80px;}

#section.principal li{font-size:14px;}

/*exceções*/
#section.principal .column-2.image.sobre{background-image:url(../images/_large/img-sobre.jpg);padding-bottom:50%; margin-bottom:5%;}
#section.principal .column-2.bg-gray-l3.gray{padding:20px;} /*colunas contato*/
#section.principal .column-2.bg-gray-l3.gray + .column-2.bg-gray-l3.gray{padding-top:0;}
#section.principal .column-2.bg-gray-l3.gray .button.medium.border-blue{position:relative; float:right; right:0; bottom:0;} /*botão voltar*/
#section.principal .image.knijnik-lucion{display:block; position:relative; bottom:auto; left:auto; width:100%; max-width:200px; margin:0 auto; padding-bottom:25%;}/*imagem sobre*/

/*formulários*/
#contato input[type=text] {font-size:14px; margin:20px auto 0 auto; height:40px;line-height:38px;}
#contato textarea {font-size:14px; line-height:20px;}
#contato input[type=submit] {font-size:10px; margin:20px auto 0 auto; height:40px;}

#form.categorias{width:47%;}
#form.categorias::before{width:30px; height:30px;}
#form.categorias select {font-size:14px; padding:0 40px 0 15px; height:30px; line-height:30px;}

/*estruturais*/
.article {width:100%; max-width:650px; margin:0 auto; display:block;}
.article:last-child{margin:0 auto;}
.column-2 {width:100%; max-width:650px; margin:0 auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child{margin:0 auto;}
.column-3 {width:100%; max-width:650px; margin:0 auto; display:block;}
.column-3:nth-child(3n), .column-3:last-child{margin:0 auto;}
.column-4 {width:49%; margin:0 2% 0 0;}
.column-4:nth-child(2n), .column-4:last-child{margin:0;}

/*gerais*/
.button.large .label{line-height:40px;}
.button.medium .label{line-height:30px;}
.button.small .label{line-height:20px;}
.button.tiny .label{line-height:15px;}

.pict.extra{width:60px; height:60px;}
.pict.large{width:40px; height:40px;}
.pict.medium{width:30px; height:30px;}
.pict.small{width:20px; height:20px;}
.pict.tiny{width:15px; height:15px;}

.symbol.large{width:40px; height:40px; line-height:40px;}
.symbol.medium{width:30px; height:30px; line-height:30px;}
.symbol.small{width:20px; height:20px; line-height:20px;}
.symbol.tiny{width:15px height:15px; line-height:15px;}

/*listas*/
.lista-areas li, .lista-areas li:nth-child(3n){width:49%; margin:0 2% 8% 0;}
.lista-areas li:nth-child(2n), .lista-areas li:last-child{margin:0 0 8% 0;}
.lista-areas .symbol.small.more.bg-blue{margin-left:-10px;}

.lista-artigos li{width:47%;margin:0 6% 6% 0;}
.lista-artigos li:nth-child(2n), .lista-artigos li:last-child{margin:0 0 6% 0;}
.lista-artigos li::after{right:-7%;}
.lista-artigos li:nth-child(2n)::after{border-right:none;}

.lista-decisoes li, .lista-decisoes li:nth-child(3n){width:47%; margin:0 6% 6% 0;}
.lista-decisoes li:nth-child(2n), .lista-decisoes li:last-child{margin:0 0 6% 0;}
.lista-decisoes li .date{font-size:18px;}

.lista-publicacoes li, .lista-publicacoes li:nth-child(4n){width:47%; margin:0 6% 6% 0;}
.lista-publicacoes li:nth-child(2n), .lista-publicacoes li:last-child{margin:0 0 6% 0;}
.lista-publicacoes li a{padding:20px 15px;}
.lista-publicacoes li .button{bottom:-15px; left:50%; width:140px; margin-left:-70px;}

}
@media screen and (max-width:500px) {
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}

/* identificadores*/
#header .bg-stripes{height:30px;}
#header .bg-stripes a:first-child{font-size:0; max-width:30px; height:30px; max-height:30px; overflow:hidden;}
#header .bg-stripes a + a{margin-left:15px;}

#banner {border-bottom:solid 1px #0082B2;}

#banner li.medico{background-image:url(../images/_tiny/bg-banner-direito-medico.jpg);}
#banner li.saude{background-image:url(../images/_tiny/bg-banner-direito-da-saude.jpg); background-position:right top;}

#banner li .gray-d{background-color:rgba(255,255,255,.85); position:absolute; bottom:0; left:0; width:100%; padding:15px 5% 10px 5%;}
#banner li p{margin:5px 0 0 0; line-height:1.1em;}
#banner li p br{display:none;}
#banner li .button{float:right;}

#section.areas .lista-areas li{max-width:410px;}

#section.sobre::before{background-image:url(../images/_tiny/img-sobre.jpg);}

#section.artigos{background-image:url(../images/_tiny/bg-artigos.jpg);}
#section.artigos .lista-artigos li, #section.artigos .lista-artigos li:first-child, #section.artigos .lista-artigos li:nth-child(2){margin-bottom:50px; clear:both;}

#footer .bg-stripes{
	background:#0082B2;
	background: url(../images/bg-stripes.png) left top repeat, -moz-linear-gradient(left, #66B4D1 0%, #0082B2 15%, #0082B2 85%, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, -webkit-linear-gradient(left, #66B4D1 0%, #0082B2 15%, #0082B2 85%, #66B4D1 100%);
	background: url(../images/bg-stripes.png) left top repeat, linear-gradient(to right, #66B4D1 0%, #0082B2 15%, #0082B2 85%, #66B4D1 100%);
}
#footer .bg-stripes .float-left{float:none; display:block; margin:auto; width:200px; padding-bottom:60px;}
#footer .bg-stripes a:not(.float-left){margin:5px 10px 0 10px;}
#footer .text-right{top:40px; text-align:center;}

#footer .column-4 ul li:first-child{padding-top:.4em;}

#footer .column-4:last-child{width:100%;}
#footer .column-4:last-child ul li ul li{display:block; width:100%; float:none;}
#footer .column-4:last-child ul li ul li:nth-child(2){padding-top:.4em;}

#section.titulo h1 .bg-stripes + span{max-width:60%;}

#section.principal .lista-artigos{padding-bottom:10%;}

/*exceções*/
#section.principal .content.dinamico .article + p.text-center .button{display:block; margin:auto; width:150px;}
#section.principal .content.dinamico .article + p.text-center .button + .button{margin-top:20px;}
#section.principal .content.dinamico .article + p.text-center .button .bg-blue{float:left;}
#section.principal .content.dinamico .article + p.text-center .button.float-left, #section.principal .content.dinamico .article + p.text-center .button.float-right{float:none;}

/*estruturais*/
.article {max-width:410px;}
.column-2 {max-width:410px;}
.column-3 {max-width:410px;}
.column-4 {width:100%; max-width:410px; margin:0 auto; display:block;}
.column-4:nth-child(2n), .column-4:last-child{margin:0 auto;}

/*listas*/
.lista-areas li, .lista-areas li:nth-child(3n){width:100%; max-width:410px; margin:0 auto 8% auto;}
.lista-areas li:nth-child(2n), .lista-areas li:last-child{margin:0 auto 8% auto;}

.lista-artigos li{display:block; width:100%; max-width:410px; margin:0 auto 50px auto;}
.lista-artigos li:nth-child(2n), .lista-artigos li:last-child{margin:0 auto 50px auto;}
.lista-artigos li::after{border-right:none;}
.lista-artigos li .button{position:relative; float:right;}

.lista-decisoes li, .lista-decisoes li:nth-child(3n){display:block; width:100%; max-width:410px; margin:0 auto 6% auto;}
.lista-decisoes li:nth-child(2n), .lista-decisoes li:last-child{margin:0 auto 6% auto;}
.lista-decisoes li .date{font-size:14px;}

.lista-publicacoes li, .lista-publicacoes li:nth-child(4n){display:block; width:100%; max-width:410px; margin:0 auto 6% auto;}
.lista-publicacoes li:nth-child(2n), .lista-publicacoes li:last-child{margin:0 auto 6% auto;}

}