/* ---------------------------------------------------------
PREFEITURA DE JOINVILLE
http://joinville.sc.gov.br

Folha de estilos
Bootstrap v3.3.7
Data: julho 2017
--------------------------------------------------------- */



/*
###############

CSS GERAL PARA TODAS AS RESOLUÇÕES

###############
*/


/* load fonts */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Regular.eot');
	src: url('../fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Regular.woff') format('woff'),
		url('../fonts/roboto/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Bold.eot');
	src: url('../fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Bold.woff') format('woff'),
		url('../fonts/roboto/Roboto-Bold.ttf') format('truetype'),
		url('../fonts/roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Light.eot');
	src: url('../fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Light.woff') format('woff'),
		url('../fonts/roboto/Roboto-Light.ttf') format('truetype'),
		url('../fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

/*	ALL  */

a.btn-primary {
    color: #ffffff !important;
    background-color: #005293;
	border-color: #005293;
}

a.btn-primary:hover{
	background-color: #2065c3;
	border-color: #2065c3;
	color: #ffffff !important;
}

/*	BODY	*/


body{
	font-family:'Roboto';
}
.container h1{
	font-weight: bold;
}
a{
	color: #005293 !important;
}
a:hover{
	color: #2065c3 !important;
}
a:active{
	background-color: #e4c815 !important;
}
.pmj-centralizadoContent{
	margin:0 auto;
	float: none;
}
.pmj-servicos-e-informacoes div.col-sm-4{

}
.pmj-servicos-e-informacoes div.col-sm-4 p.small{
	width: 95%;
}
.page-id-27 .site-content h2{
	padding-left:0;
}
.site-content h2{
	padding-left:15px;
}
.breadcrumbs{
	margin-top: 100px;
}
.pmj-centralizadoContent h1{
	font-weight: 300;
}


/*	HEADER	*/


/* alterações  chamado 2102040368 */

.pmj-header-search-img {
    padding-top: 80px;
    background-image: url("https://www.joinville.sc.gov.br/wp-content/uploads/2021/04/topo-site-desktop.jpg");
    background-size: cover;
    position: relative;
    height: 310px;
    margin: 0;
    background-position-y: center;
}
.badge-white {
    display: inline-block;
    min-width: 10px;
    padding: 4px 11px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
}
.btn-busca {
    background-color: transparent;
    margin-top: -3px;
}
.form-control:focus {
    box-shadow: none;
}
#search-bar {
    border: none;
}


input#search-bar{
	background: none !important;
	border: none;
    box-shadow: none;
}
input#searchbox {
    /*background: none !important;*/
    border: none;
    box-shadow: none;
}

.card-destaque-home {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 43px 43px 0px rgba(0, 0, 0, 0.09);
    border: 1px solid white;
    padding: 5px 20px 20px 20px;
    display: block;
    height: 210px;
}
.autobusca {
    -webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.3);
    border-radius: 4px;
    z-index: 90 !important;
    background-color: #ffffff;
    position: absolute;
    margin: 0 10px;
    width: 90%;
}
.area-tags {
    /*padding-top: 30px;*/
    position: absolute;
    text-align: center !important;
    top: 120px;
    left: 0;
    width: 100%;
    z-index: 80;
}
.d-none {
    display: none;
}
.destaques-busca {
    position: fixed;
    z-index: 90 !important;
    top: 250px;
}
.col-padding-destaques {
    padding: 8px;
}
.text-center {
    text-align: center !important;
}
.pesquisa-home {
    padding: 5px;
}
.icon-pesquisa {
    position: absolute;
    top: -6px;
    left: -10px;
}
.text-white {
    color: #FFFFFF;
}

/* Para resoluções maiores que 767px - Desktop */
@media screen and (min-width: 768px) {
.pmj-destaque-servicos {
    background: #f2f2f2;
    padding-top: 10px !important;
    margin:0;
}
}

/* Para resoluções de até 767px - celulares na horizontal ou tablets */
@media screen and (max-width: 767px) {
body.page-id-27 main {
    margin-top: 0px !important;
}

.pmj-header-search-img {
    padding-top: 80px;
	background-image: url("https://www.joinville.sc.gov.br/wp-content/uploads/2021/04/topo-site-mobile.jpg") !important;
	}
.pmj-destaque-servicos {
    background: #f2f2f2;
    padding-top: 315px !important;
    margin: 0;
}


.pmj-centralizado {
    text-align: center !important;
}
.area-tags {
    display: none;
}
.area-destaque-home {
    position: relative;
    z-index: 80;
    padding: 0px 55px;
    top: 90px;
}
.pmj-servicos-e-informacoes {
    padding-top: 20px;
}
.pmj-header-search-bg {
    padding-top: 50px;
}
.title-destaques {
    font-size: 16px;
    margin-top: 0px;
}
.card-destaque-home {
    height: 190px;
}
img.icon-destaque {
    width: 100px;
    height: auto;
}
.pmj-news{
	padding-top: 460px;
}
}

/* INÍCIO - Alteração conforme resolução para tamanho do card de destaque */
@media screen and (max-width: 660px) {
    .area-destaque-home {
        padding: 0 35px;
    }
}

@media screen and (max-width: 660px) {
    .area-destaque-home {
        padding: 0 25px;
    }
    .pmj-destaque-servicos {
        padding-top: 315px !important;
    }
}

.badge-pmjlle{
	padding: 9px 25px;
    font-size: 1.01em;
	max-width: 230px;
	display: inline-block;
}

/* FIM - ajustes card de destaque */


/* Para resoluções de até 480px - celulares na vertical */
@media screen and (max-width: 480px) {
.area-destaque-home {
    padding: 0 25px;
}
.card-destaque-home {
    height: 150px;
}
.title-destaques {
    font-size: 15px;
}
.pmj-header-search-bg {
    padding-top: 60px;
    background-image: none;
}
.pmj-servicos-e-informacoes {
    padding-top: 15px;
}
img.icon-destaque {
    width: 60px;
    height: auto;
}
.pmj-destaque-servicos {
    background: #f2f2f2;
    padding-top: 250px !important;

}
.pmj-news{
	padding-top: 360px;
}
}

/* Para resoluções de até 480px - celulares na vertical */
@media screen and (max-width: 320px) {
.card-destaque-home {
    height: 160px;
}
}


#pmj-header-menu{
	background: #dddddd;
	padding: 0px;
	z-index: 91;
	width: 100%;
	height: 48px;
}

.pull-left{
	padding-top: 3px;
	margin-left: 15px;
}

.bt-autosservico{
  padding: 10px 10px 11px 10px;
  background-color: #3464a7 !important;
	font-weight: bold;
	border-radius: 3px;
	color: #ffffff !important;
}
.pmj-header .pmj-header-bg,
.pmj-header .bg-primary {
	background: url("/wp-content/themes/pyli/img/bg-header.png") repeat-x;
	background-size: 456px;
	background-position: top;
	padding: .65em 0;
	box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
}

/*	BUSCA	*/

	.glyphicon{
		/*color:#3464a7;*/
		font-size: 1.25em;
	}
	/*.pmj-header-search-bg{
		background: #005293 url('/wp-content/themes/pyli/img/bg-header.png') center bottom repeat-x;
		position: absolute;
		width: 100%;
		height: 310px;
		padding-top: 60px;
		box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
		z-index: 44;
		margin-top: -300px;
	}*/
	/* header interna */
	.pmj-header-search-sm{
		background: #005293 url('/wp-content/themes/pyli/img/bg-header.png') center bottom repeat-x;
		position: absolute;
		width: 100%;
		height: 90px;
		box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
		z-index: 44;
	}
	.subTituloJumbo{font-weight: 300;}
	.subTituloJumbo a{color:#ffffff !important}
	/*.autobusca {
		border-radius: 3px;
		background-color: #ffffff;
		box-shadow: 0px 0px 32px 0px rgba(52, 100, 167, 0.5);
		padding:2px 0;
		margin:0 auto;
		float: none;
		position: relative;
		z-index: 99;
	}*/
	.search-container {
		display: block;
		height: 45px;
	}
	.keywords-search {
		border-top: 1px solid #e8e8e8;
		padding: 16px 0 16px 10px;
	}
	.keywords-search .tituloMaisBuscados{
		font-weight: bold;
		font-size: 1.25em;
		color: #333333;
		text-align: left;
		display: block;
		width: 100%;
		margin-bottom: 16px;
	}
	.keywords-search ul{
		margin: 0 auto;
		padding: 0;
	}
	.keywords-search ul li{
		list-style-type: none;
	}
	.keywords-search ul li a{
		text-decoration: none;
		color: #005293
	}

	.keywords-search .textwidget ul li{
		margin-bottom:0;
	}
	.pyli-search-preview {
		border-top: 1px solid #e8e8e8;
		padding: 16px 16px 16px 16px;
        border-radius: 5px;
	}
	.pyli-search-preview ul{
		margin: 0 auto;
		padding: 0;
	}
	.pyli-search-preview ul li{
		list-style-type: none;
		padding-bottom: 5px;
	}
	.pyli-search-preview ul li:last-child{
		padding-bottom: 0;
	}

	.pyli-search-preview ul li a{
		text-decoration: none;
		color: #005293
	}
	input#search-bar, input#searchbox {
	  margin: 0 auto;
	  width: 100%;
	  height: 37px;
	  padding: 0 10px;
	  border:none;
	  outline: none;
	  font-size: 1em;
	  background: #ffffff url("/wp-content/themes/pyli/img/lupa-pesquisa.gif") right 0 no-repeat;

	}
	input#search-bar:focus {
	  transition: 0.15s ease;
	  color: #7e7e7e;
	}
	input#search-bar:focus::-webkit-input-placeholder {
	  transition: opacity 0.15s ease;
	  opacity: 0;
	}
	input#search-bar:focus::-moz-placeholder {
	  transition: opacity 0.15s ease;
	  opacity: 0;
	}
	input#search-bar:focus:-ms-placeholder {
	  transition: opacity 0.15s ease;
	  opacity: 0;
	}
	.search-icon {
	  position: relative;
	  float: right;
	  width: 40px;
	  height: 40px;
	  top: -44px;
	  right: 5px;
	}

	body.search input#searchbox {
		border:1px solid #3464a7;
		border-radius: 3px;
	}

/*	MAIN AREA	*/
.institucional p a, .institucional ul li a{
	font-weight: bold !important;
}
ul.pmj-acessoInformacao li{
	line-height: 1.9em;
}


/* share and comments*/
.userAction{
	margin: 0 auto !important;
	float: none;
	padding: 0
}

/*especial para home */
body.page-id-27 .userAction{
	margin: 0 auto !important;
	float: none;
	padding-left: 15px;
}



/*	FOOTER	*/

.userAction .col-sm-4{margin: 0;padding:0;float: left;display: block;}

.pmj-footer {
	background-color: #f2f2f2;
	background: #ffffff url("/wp-content/themes/pyli/img/bg-footer-skyline-1.gif") center top repeat-x;
	height:40px;
	padding-top: 40px;
}
.pmj-footer .pmj-footer-bg {
	padding: 2.50em 0;
	background-color: #f2f2f2;
}

/* 4.2 Footer: listas */
.pmj-footer li.h5 {
	margin-bottom: 1.25em;
}

/* WIDGETS */
.textwidget p{
	margin-top: 10px;
}
.textwidget ul{
	padding-left: 0;
}
.textwidget ul li{
	list-style-type: none;
	margin-bottom: 15px;
}

.pmj-listServices{
	margin-top: 30px;
}

.pmj-footer .textwidget ul li{
	list-style-type: none;
	margin-bottom: 0;
}



/*	PANELS 	*/

#toc_container{
	border-left:4px solid #317fcb !important;
}
#toc_container p.toc_title{text-align: left;}

/*esconder toc automático*/
.single-institucional article #toc_container,
.single-departamento article #toc_container{
  display: none;}

/* eventos alertas */
body.search-results .future_event{color: #00981a;}
body.search-results .present_event{color: #ce881e;}
body.search-results .ended_event{color: #959595;}

body.single-evento .future_event{background-color: #d4e5d6;padding: 5px 10px; border-radius: 3px;color: #146522; max-width: 345px;}
body.single-evento .present_event{background-color: #F0E9BB;padding: 5px 10px; border-radius: 3px;color: #865811; max-width: 235px;}
body.single-evento .ended_event{background-color: #e3e3e3;padding: 5px 10px; border-radius: 3px;color: #959595; max-width: 215px;}


/* -----------------------------------------------
1 FONTS
----------------------------------------------- */
/* 1.1 Parágrafos e listas */

p,
li {
  font-size: 1em;
  line-height: 1.5em;
}
p {
  margin-bottom: 16px;
}

/* 1.2 Títulos: font-size  */
h1,
.h1,
.jumbotron h1 {
  font-size: 1.8125em ; /*29px*/
  font-weight: 300;
}
h2,
.h2 {
  font-size: 1.4375em; /* 23px */
}
h3,
.h3 {
  font-size: 1.21875; /*  19.5px */
}
h4,
.h4 {
  font-size: 1.125em ; /* 18px*/
}
h5,
.h5,
.jumbotron p,
.lead {
  font-size: 1.03125em; /* 16.5px */
}
h6,
.h6 {
  font-size: 1em; /* 16px */
}
small,
.small {
  font-size: 0.875em ; /*  14px */
}


/* 1.3 Títulos: espaço entre letras */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  letter-spacing: -.035em;
}

/* 1.4 Títulos: margin-bottom em post-types */
.single-servico h1,
.single-evento h1,
.single-noticia h1,
.single-publicacao h1 {
	margin-bottom: .85em;
}

.single-servico h1, .single-evento h1, .single-noticia h1, .single-publicacao h1{margin-bottom: 10px !important}
.single-noticia article, .single-evento article{margin: 20px 0 40px 0;}

body.single-evento div.text-success{margin-top: 20px;}
body.single-evento div.text-success i{font-size: 2em;}
/* -----------------------------------------------
2 GENERALS
----------------------------------------------- */

/* 2.1 Container menor */
.container,
.jumbotron .container {
	max-width: 992px !important;
}

/* 2.2 Breadcrumb */
.breadcrumb {
	background-color: transparent;
	margin: .1em 0 0;
	padding: 0;
}
.breadcrumb li {
	font-size: 0.875em; /* 14px*/
}

/* 2.3 Feedback */
.pmj-feedback{
	/*margin-top: 30px;*/
}
.pmj-feedback-on {
  	display: none;
	margin-right: 15px;
}

/* 2.4 Share (botões de compartilhamento) */

div.pmj-share-col {
	margin: 0 !important;
	padding: 0 !important;
	/*border: 1px solid #FF0004 !important;*/
}

.pmj-share-col p, .pmj-share-col col-sm-8, .pmj-share-col col-sm-4 {float: left;}

.pmj-share-col p{
	float: left;
	margin-right: 15px;
}

.pmj-share-col ul{
	padding: 0;
}

.pmj-share-col ul li{
	list-style-type: none;
	float: left;
	margin: 0 5px;
}
.pmj-share-col ul li i{
	font-size: 18px;
}

.pmj-share {
  font-size: 2em;
  margin-bottom: 0;
}
.pmj-footer .pmj-share {
	margin-top: .25em;
	display: block;
}

.pmj-share a i{margin-right: 5px;}

/* 2.5 Buttons */
a,
.btn {
  white-space: normal !important;
  word-wrap: break-word;
}

/* 2.6 Locais e Pessoas */
.pmj-location,
.pmj-person {
  margin-bottom: 16px;
}

/* 2.7 Asides */

.single-servico .site-content aside li,
.single-noticia .site-content aside li {
	margin: 0 0 .7em;
}

.entry-content ul li{margin-left: -22px;}
.entry-content ol li{margin-left: -22px;}

/* -----------------------------------------------
3 HEADER
----------------------------------------------- */

/* 3.1 Background */


/*
  Manter a configuração do .pmj-header .pmj-header-bg no CSS
  para compatibilidade com os HTMLs dos sitemas periféricos ao site
  que adotaram o mesmo header padrão do site
*/



/* -----------------------------------------------
4 FOOTER
----------------------------------------------- */

/* 4.1 Footer: background */


/* -----------------------------------------------
5 SEARCH
------------------------------------------------*/

/* 5.1 Busca no header */
header .pmj-search {
	margin-top: 13px;
}
header .pmj-search .btn-primary {
	background-color: #fff;
	color: #333;
	border-color: #fff;
}
header .pmj-search .input-group input {
	border-color: #fff;
	border-width: 1px;
}
.pmj-search .input-group input {
	border-color: #2957a4;
	border-width: 2px;
}

/* 5.2 Busca na home */


/* 5.3 Busca: resultados */
.search-results .pmj-list-results-details {
  border-bottom: 1px solid #eee;
  padding-bottom: 1em;
}
.search-results .pmj-list-results-details li {
  display: inline;
  font-size: 0.875em; /*14px*/
  margin-right: 2em;
  color: #555;
}
.search-results .pagination {
	margin-top: .65em;
	margin-bottom: .25em;
}

/* -----------------------------------------------
6 HOME
------------------------------------------------*/

/* 6.1 Jumbotron */
.home .jumbotron {
	padding: 2em 0;
	margin-bottom: 0;
}
.home .jumbotron h1 {
	margin-top: 0;
}

/* 6.2 Publicações na home */
.home .pmj-list-publicacoes ul {
	padding-left: 0;
}
.home .pmj-list-publicacoes li {
	list-style: none;
	margin-bottom: .7em;
}

/* 6.3 HR na home */
.home hr {
	border-width: 6px;
	margin: 0;
}

/* -----------------------------------------------
7 POST-TYPE SERVICOS
------------------------------------------------*/

.tax-tag-assunto .list-group .list-group-item {
	color: #2957a4;
	font-weight: bold;
}
.tax-tag-assunto .list-group a.list-group-item.active {
	color: #ffffff !important;
}
.tax-tag-assunto .list-group .list-group-item.active:after {
	font-family:'Glyphicons Halflings';
	content: "\e080";
	font-size: 1.1em;
	vertical-align: bottom;
}

.tax-tag-assunto .site-content .col-sm-8 li {
	margin-bottom: 1.25em;
	font-size: 1.125em !important;
	line-height: 1.1;
	font-weight: bold !important;
}

div.pmj-listServices .list-unstyled li{
	margin-bottom: 1.25em;
	font-size: 1.25em !important;
	line-height: 1.1;
	font-weight: bold !important;
}

.pmj-box-title-description .h3 {
	margin-bottom: .15em;
}

.home .col-sm-4:last-child .pmj-box-title-description:last-child p:last-child {
	margin-bottom: 0;
}

/* -----------------------------------------------
8 POST-TYPE EVENTOS
------------------------------------------------*/


/* List-event-item */
li.pmj-event-item {
    margin-bottom: 0.7em;
}
li.pmj-event-item span {
	font-size: 14px;
}

/* -----------------------------------------------
9 POST-TYPE NOTÍCIAS
------------------------------------------------*/

.single-noticia .entry-header img {
	margin: 2em 0 0;
}
.pmj-media-large img {
	margin-bottom: .5em;
}
.single-noticia p.small {
	color: #777;
}
.single-noticia p.lead {
	margin-bottom: 16px;
}

/* -----------------------------------------------
10 POST-TYPE DEPARTAMENTOS
------------------------------------------------*/


/*

MEDIA QUERIES

*/



@media screen and (max-width: 728px) {
	.pmj-footer img {
		text-align: left;
		margin: auto;
	}
}

/* Resolução mínima de 728px em diante */
@media screen and (min-width: 728px) {
	.single-publicacao .col-sm-9 p:first-child,
	.single-publicacao .col-sm-9 h2:first-child,
	.single-publicacao .col-sm-9 h3:first-child,
	.single-publicacao .col-sm-9 h4:first-child,
	.single-publicacao .col-sm-9 h5:first-child,
	.page-id-141 .col-sm-9 p:first-child,
	.page-id-141 .col-sm-9 h2:first-child,
	.page-id-141 .col-sm-9 h3:first-child,
	.page-id-141 .col-sm-9 h4:first-child {
		margin-top: 1.2em;
	}
	.tax-tag-assunto .site-content .col-sm-8 li {
		font-size: 1.25em; /*20px*/
	}
	.search-results .pmj-search {
		margin-top: 1.5em;
	}
}

/* Resolução mínima de 768px em diante */
@media screen and (min-width: 768px) {
	 h1,
  .h1,
  .jumbotron h1 {
    font-size: 2.3125em; /* 37px */
	font-weight: 300;
  }
  h2,
  .h2 {
    font-size:1.8125em ; /* 29px */
  }
  h3,
  .h3 {
    font-size: 1.4375em; /* 23px */
  }
  h4,
  .h4 {
    font-size: 1.25em; /* 20px */
  }
  h5,
  .h5,
  .jumbotron p,
  .lead {
    font-size: 1.125em; /* 18px */
  }
  h6,
  .h6 {
    font-size: 1em; /* 16px */
  }
	.pmj-header .bg-primary {
    background: url("/wp-content/themes/pyli/img/pmj-skyline-header.png") repeat-x;
    background-size: 450px;
    background-position: bottom;
    padding: .65em 0;
	box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
  }
	.pmj-home-morenews {
		margin-top: 4em;
		font-size: 14px;
	}
	/* ajuste no menu fixo */
	#pmj-header-menu{
	background: #f2f3f3;
	padding: 0px;
	position: relative;
	z-index: 91;
	width: 100%;
	top: 0;
	}
	#pmj-header-menu div.col-sm-12{
		position: relative;
	}
	.pull-right{
		padding-top: 15px;
		height: 30px;
		position: relative;
		right: 0;
		display: block;
	}
	.pull-right ul li{
		font-size:0.75em;
		position: relative;
		left: 0;
		display: block;
		float: left;
	}
	.pmj-header-search-sm{
		top:42px;
	}
	.breadcrumbs{margin-top: 95px;
	}
	.single-servico .site-content .col-sm-4 aside h3,
	.single-evento .site-content .col-sm-4 aside h3,
	.single-noticia .site-content .col-sm-4 aside h3 {
		margin-top: 1em;
		padding-top: 1em;
	}
	.single-departamento .site-content aside h4,
	.single-institucional .site-content aside h4 {
		margin-top: 1.25em;
	}
	/*a[href*="whatsapp"] {
    display: none;
  }*/
	div.textwidget div.infoFooter.col-sm-2 img{
		margin-top:20px;
	}
	.userAction .col-sm-4{margin: 0;padding:0;}
	/*
	.pmj-header-search-bg{
		background: #005293 url('/wp-content/themes/pyli/img/bg-header.png') center bottom repeat-x;
		position: absolute;
		width: 100%;
		height: 280px;
		padding-top: 40px;
		box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
		z-index: 44;
		margin-top: 0px;
	}*/

	.pmj-departamentos-head-menu {
		margin-top: 2em;
	}
	.pmj-centralizado{
	color:#ffffff !important;
	text-align: center !important;
	font-weight: 300 !important;
	}
	h1.pmj-centralizado{
	margin-top: 30px;
	}
	.pmj-box-title-description{
	display: block;
	min-height: 90px;

	}
	.institucional{
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 0 auto !important;
	float: none;
	}

	.m-t-medium{margin-top:30px}

	.pmj-destaque-servicos{
	background: #f2f2f2;
	padding-top: 300px;
	margin: 0;
	}


	/*Footer novo v2.0*/
	.smallFooter{
		font-size: 0.9375em;
			}
	.pmj-footer .pmj-footer-bg {
		padding: 2.25em 0;
		background-color: #f2f2f2;
	}


	ul.pmj-footerLinks li a{
		font-size: 0.875em;
		color:#333333;
	}

	.logoFooter, .smallFooter{
		display: block;
		float: left;
	}
	.smallFooter .pmj-share i{
		color:#333333;
	}
	.pmj-panel-sm{width: 50%}
	.pmj-panel-sm div{padding:15px}

	body.single-servico .panel{
		width: 50%;
	}
	.boxMenu{
		/*-webkit-box-shadow: 0px 1px 25px 0px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    0px 1px 25px 0px rgba(50, 50, 50, 0.3);
		box-shadow:         0px 1px 25px 0px rgba(50, 50, 50, 0.3);
	    border-bottom: 1px solid #d1d1d1;
		transition-timing-function: ease-in;
		transition: 0.2s;*/
	}
	h2 span,
	h3 span,
	h4 span{
	  /*padding-top: 42px;*/
	}
	}

/* Resolução máxima de 767px */
@media screen and (max-width: 767px) {
	/*.row{margin: 0;}*/

	.pmj-home-morenews {
		text-align: center;
	}
	.pmj-media-large .media-body h4 {
		margin-bottom: 1.25em;
	}
	/*
	.pmj-header-search-bg{
		background: #005293 url('/wp-content/themes/pyli/img/bg-header.png') center bottom repeat-x;
		position: absolute;
		width: 100%;
		height: 320px;
		padding-top: 60px;
		box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
		z-index: 44;
		margin-top: 0px;}
	*/
	#pmj-header-menu{
	background: #f2f3f3;
	padding: 0px;
	position: relative;
	z-index: 91;
}
#pmj-header-menu div.col-sm-12{
	position: relative;
}
.pull-right{
	padding-top: 16px;
	height: 30px;
	position: relative;
	right: 0;
	display: block;
}

.pull-right ul li{
	font-size:0.75em;
	position: relative;
	left: 0;
	display: block;
	float: left;
}
	/*
.pmj-header-search-bg {
	margin-top: 0;
	}
	*/

	/*body.page-id-27 main {
    margin-top: 0px;
}*/


/*}

 Resolução máxima de  769px
@media screen and (max-width: 767px){*/
	li.pmj-mobile-hide{
		display:none;
	}

	.pmj-centralizado{
		text-align: left !important;
		color: #ffffff;
		font-weight: 100 !important;
	}
	.pmj-centralizado a{
		color:#ffffff;
	}

	.pmj-box-title-description{height: auto;
	}
	.institucional{
	padding-top: 30px;
	padding-bottom:20px;
	margin: 0 auto !important;
	float: none;
	}
	.pmj-destaque-servicos{
	background: #f2f2f2;
	padding-bottom: 30px;
	/*margin: 0;*/
	}

	#back-top a{
	/*margin-top: -28px;
	display: block;
	text-align: right;*/
	}

	.logoFooter{
		text-align: left;
	}

	.pmj-footer-bg .container .col-sm-8 .col-sm-10{padding: 0;margin: 0 auto;
	}

	.smallFooter .pmj-share i{
		color:#333333;
	}
	.pmj-footerLinks li a{color:#333333;}

	.pmj-footer img{
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.pmj-panel-sm{width: 100%}
	.pmj-panel-sm div{padding:15px}
	/*
	.pmj-header-search-bg{
		position: relative;
		top:0px;}
	*/


	}

/* Resolução máxima de 650px */
@media screen and (max-width: 650px) {

	/*
	.pmj-header-search-bg{
		background: #005293 url('/wp-content/themes/pyli/img/bg-header.png') center bottom repeat-x;
		position: absolute;
		width: 100%;
		height: 260px;
		padding-top: 40px;
		box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
		z-index: 44;
		margin-top:45px}

		body.page-id-27 main {
			margin-top: 255px !important;
		}*/
    .pmj-destaque-servicos{
        padding-top: 300px
    }

}

/* Resolução mínima de 650px */
@media screen and (min-width: 649px) and (max-width:767px) {
    /*
	.pmj-header-search-bg{
		background: #005293 url('/wp-content/themes/pyli/img/bg-header.png') center bottom repeat-x;
		position: absolute;
		width: 100%;
		height: 250px;
		padding-top: 40px;
		box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
		z-index: 44;
		margin-top: 45px;}

	body.page-id-27 main {
    	margin-top: 245px !important;
	}*/

    .pmj-destaque-servicos{
        padding-top: 300px
    }
}

/* Resolução máxima de 490px */
@media screen and (max-width: 490px){
	#back-top a{
	}
	/*body.page-id-27 main {
    	margin-top: 255px !important;
	}

	.pmj-header-search-bg{
		background: #005293 url(/wp-content/themes/pyli/img/bg-header.png) center bottom repeat-x;
		position: absolute;
		width: 100%;
		min-height: 200px;
		padding-top: 30px;
		box-shadow: 0px 0px 25px 0px rgba(52, 100, 167, 0.23);
		z-index: 44;
		margin-top: 45px;
	}*/

    .pmj-destaque-servicos{
        padding-top: 300px
    }

	.pmj-footer img{
		margin: 0 auto;
		padding: 0;
		text-align: center;
		padding-bottom: 15px;
	}


	.smallFooter .pmj-share i{
		color:#333333;
	}
	ul.pmj-footerLinks {padding-top: 10px;text-align: center;}
	ul.pmj-footerLinks li a{color:#333333;font-size: 0.8em;}
	.logoFooter, .smallFooter{padding-right: 10px;font-size: 0.8em;text-align: center;}
	.pmj-panel-sm{width: 100%}
	.pmj-panel-sm div{padding:15px}
	.infoFooter col-sm-2{margin:0;}
	footer.pmj-footer .col-sm-10 p{margin: 0;padding: 0;}

}

/* resolução mínima suportada */
@media screen and (max-width: 365px){
	h1.pmj-centralizado{font-size: 1.5em;}
	p.pmj-centralizado{font-size: 0.8em;}
}

/*CONFIGURAÇÃO BARRA VLIBRAS*/
#barra-brasil div,
#barra-brasil a,
#barra-brasil ul,
#barra-brasil li {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border: none;
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: local("Open Sans Bold"), local("OpenSans-Bold"), url("//barra.brasil.gov.br/static/opensans-bold.woff") format("woff")
}
#barra-brasil {
	font-size: 12px;
	line-height: 32px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
#barra-brasil a {
	text-decoration: none
}
body.contraste #barra-brasil,
body.contraste .link-vlibras {
	background: #000 !important
}
body.contraste #barra-brasil .link-barra,
body.contraste #barra-brasil .link-vlibras {
	color: #FF0 !important;
	text-decoration: underline
}
div#wrapper-barra-brasil {
	position: relative;
	margin: 0 auto;
	width: 50%;
	max-width: 960px;
	height: 100%;
}
#barra-brasil #brasil-vlibras {
	position: absolute;
	top: 0;
	right: 0
}
#barra-brasil #brasil-vlibras .logo-vlibras {
    position: absolute;
    margin-top: -8px;
    right: 15px;
    width: 35px;
    height: 35px;
    display: block;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbWFkYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1LjcgMjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1LjcgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMzQ2NEE3O30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuNywyNkgyYy0xLjEsMC0yLTAuOS0yLTJWMmMwLTEuMSwwLjktMiwyLTJoMjEuN2MxLjEsMCwyLDAuOSwyLDJ2MjJDMjUuNywyNS4xLDI0LjgsMjYsMjMuNywyNnoiLz48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAsMTYuOWMwLjQtMC40LDEuOC0yLjMsMS45LTIuN3MwLjUtMSwwLjUtMXMtMC44LDAuMS0xLjQsMC4xYy0wLjcsMC0yLjMtMC41LTIuMi0xLjdjMC4xLTEuMiwxLjUtMS4yLDEuNy0xLjJjMC41LTAuMiwxLjgtMC42LDEuOC0wLjZzMC0xLjQsMC4xLTIuN2MwLjEtMS4xLDAuMS0yLjMsMC4yLTIuN2MwLjEtMC44LTAuOS0wLjgtMS0wLjFjLTAuMSwwLjctMC44LDQuMi0wLjgsNC4ycy0wLjMsMC45LTAuNiwwLjFDOS45LDguMyw5LjgsNy4zLDkuNyw2LjNDOS41LDUuMSw5LjMsMy45LDkuMywzLjlTOS4yLDMuNCw4LjcsMy40Yy0wLjUsMC0wLjUsMC41LTAuNSwwLjdjMCwwLjIsMC4zLDQuNiwwLjMsNC42czAsMS0wLjUsMGMtMC42LTEtMS45LTMuNi0xLjktMy42UzUuOSw0LjcsNS43LDQuOEM1LjUsNC45LDUuMyw1LDUuMyw1cy0wLjIsMC4xLDAsMC41QzUuNSw2LDcsOS41LDcsOS41czAuMywxLjItMC41LDAuNUM1LjksOS40LDQuNCw3LjYsNC40LDcuNlM0LjMsNy4zLDQsNy4zUzMuNSw3LjYsMy42LDcuOGMwLjEsMC4zLDAuNywxLjMsMSwxLjhjMC40LDAuNSwxLDEuNCwxLjIsMS44QzYsMTEuOCw2LjIsMTIsNi4zLDEyLjljMC4yLDAuOSwwLjUsMi40LDAuOSwyLjljMC40LDAuNiwwLjcsMC45LDEuMiwxLjFDOC45LDE2LjksOS43LDE2LjksMTAsMTYuOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTkuOCwxMC45Yy0xLjItMC40LTIuMS0xLjYtMi4xLTEuNnMwLDAtMC43LTAuMWMtMC43LTAuMS0xLjcsMC4zLTIuNiwwLjdjLTEsMC40LTEuMywwLjctMS44LDAuOWMtMC42LDAuMi0xLjksMC42LTEuOSwwLjZjLTAuMywwLTAuOCwwLjEtMC44LDAuMXMtMC41LDAsMCwwLjVjMC40LDAuNSwxLjcsMC40LDEuNywwLjRzMS4xLTAuMSwxLjYsMGMwLjgsMC4zLTAuMiwxLjktMC42LDIuNmMtMC40LDAuNy0yLjgsMy44LTMsNGMtMC4yLDAuMi0wLjIsMC41LDAuMSwwLjhjMC4zLDAuMywwLjYsMCwwLjYsMGwxLjktMmMwLDAsMS4yLTEuMywxLjUtMS40YzAuMywwLDAuMiwwLjQsMC4yLDAuNHMtMS45LDQuMi0yLDQuNmMtMC4xLDAuNCwwLjEsMC43LDAuNSwwLjdzMC41LTAuMywwLjUtMC4zbDIuMS0zLjdjMCwwLDAuNC0wLjcsMC42LTAuN2MwLjIsMCwwLjEsMC40LDAuMSwwLjZjMCwwLjItMC40LDMuMS0wLjQsMy45Yy0wLjEsMC44LDAuNiwwLjcsMC42LDAuN2MwLjMsMCwwLjQtMC42LDAuNC0wLjZsMC42LTMuNmMwLDAsMC4xLTEuMSwwLjQtMXMwLjQsMC42LDAuNCwwLjZzMC4yLDIuMywwLjMsMi42YzAuMSwwLjQsMC4xLDEsMC41LDAuOWMwLjUsMCwwLjQtMC41LDAuNC0wLjlzMC4xLTEuNiwwLTIuNGMwLTAuOC0wLjEtMS42LDAuNS0yLjhjMC41LTEuMiwxLTIuOCwxLTMuM0MyMC4zLDExLjgsMjAuMiwxMS4zLDE5LjgsMTAuOXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNy43LDE3LjdjLTAuMS0wLjEtMC41LTAuMy0wLjktMC43Yy0wLjQtMC41LTAuNS0xLTAuNS0xcy0wLjEtMC4yLTAuMi0wLjFDNS45LDE1LjksNiwxNi4xLDYsMTYuMXMwLjEsMC4yLDAuMiwwLjVjMC41LDAuOSwxLjIsMS4zLDEuNCwxLjRjMC4yLDAuMSwwLjMsMCwwLjMsMEM3LjksMTcuOSw3LjksMTcuNyw3LjcsMTcuN3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNi44LDE4LjJjMCwwLTAuNC0wLjMtMC44LTAuN2MtMC40LTAuNC0wLjUtMS0wLjUtMWwtMC4xLTAuMmMwLDAsMC0wLjEtMC4yLTAuMWMtMC4xLDAtMC4xLDAuMi0wLjEsMC4yczAsMC40LDAuNSwxLjJjMC41LDAuNywxLjEsMSwxLjEsMXMwLjIsMC4xLDAuMi0wLjFTNi44LDE4LjIsNi44LDE4LjJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTIwLjYsMTAuOGMtMC4xLDAtMC4xLDAuMiwwLDAuM2MwLjEsMC4xLDAuMiwwLjYsMC4zLDEuMWMwLDAuNi0wLjEsMS4xLTAuMSwxLjFzMCwwLjIsMC4xLDAuMmMwLjIsMCwwLjItMC4xLDAuMi0wLjFzMC4xLTAuMiwwLjEtMC41YzAuMi0xLTAuMi0xLjctMC4zLTEuOUMyMC44LDEwLjgsMjAuNywxMC44LDIwLjYsMTAuOHoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjEuOSwxMWMwLDAtMC4xLTAuMS0wLjIsMHMwLDAuMywwLDAuM3MwLjIsMC40LDAuMiwxYzAsMC42LTAuMiwxLjEtMC4yLDEuMWwtMC4xLDAuMmMwLDAtMC4xLDAuMSwwLjEsMC4yYzAuMSwwLjEsMC4yLDAsMC4yLDBzMC4yLTAuNCwwLjMtMS4yUzIxLjksMTEsMjEuOSwxMXoiLz48L2c+PC9zdmc+);
}
#barra-brasil #brasil-vlibras .link-vlibras {
	height: 0;
	top: 32px;
	transition: 0.1s;
	width: 166px !important;
	display: block;
	border: 2px solid #dfdfdf;
	color: #606060;
	visibility: hidden;
	position: relative
}
#barra-brasil #brasil-vlibras .link-vlibras a:hover,
#barra-brasil #brasil-vlibras .link-vlibras a:focus,
#barra-brasil #brasil-vlibras .link-vlibras a:active {
	visibility: visible;
	background: #f1f1f1;
	z-index: 8
}
#barra-brasil #brasil-vlibras .logo-vlibras:hover+.link-vlibras,
#barra-brasil #brasil-vlibras .logo-vlibras:active+.link-vlibras,
#barra-brasil #brasil-vlibras .logo-vlibras:focus+.link-vlibras,
#barra-brasil #brasil-vlibras .link-vlibras:hover,
#barra-brasil #brasil-vlibras .link-vlibras:active,
#barra-brasil #brasil-vlibras .link-vlibras:focus {
	width: 166px !important;
	height: 50px !important;
	display: inline-table;
	border: 2px solid #dfdfdf;
	padding: 10px 24px 10px 24px;
	visibility: visible;
	background: #f1f1f1;
	z-index: 8
}
@media only screen and (max-width: 959px) {
	div#wrapper-barra-brasil {
		overflow: visible
	}
}
@media screen and (min-width: 960px) {
	#wrapper-barra-brasil {
		width: 960px
	}
}

/* matriz covid SC */
.coronavirus-gravissimo {
	background-color: #ed3833;
	color: #ffffff;
  }
  .coronavirus-grave {
	background-color: #f8c045;
	color: #000000;
  }
  .coronavirus-alto {
	background-color: #fef851;
	color: #000000;
  }
  .coronavirus-moderado {
	background-color: #2071c1;
	color: #ffffff;
  }

  /*
  Alterações chamado 2105310161
  */

  .pmj-news {
	margin: 0 auto;
	float: none;
  }
  .page-id-27 .site-content h3 {
	padding-left: 0;
  }
  .site-content h3 {
	padding-left: 15px;
  }

  .area-destaque-noticias {
	display: block;
	height: 220px;
	width: 100%;
	/* background-image: url(http://www.pmjlle.joinville.sc.gov.br/wp-content/uploads/2021/06/WhatsApp-Image-2021-06-30-at-17.05.06.jpeg); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 4px;
	margin-bottom: 15px;
  }

  .index-noticias{
	height: 200px !important;
  }

  @media screen and (min-width: 492px) {
    .area-destaque-noticias {
		height: 350px;
	}
  }
  @media screen and (min-width: 720px) {
    .area-destaque-noticias {
		height: 492px;
	}
  }

  /* .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-pmjlle-home{
	padding: 5px 10px;
	font-size: 12pt;
	color: #ffffff !important;
}

.btn-pmjlle-home:hover{
	background: #FFFFFF;
	color: #2957a4 !important;
}

.area-btn-servicos{
	padding-top: 64px;
	padding-bottom: 10px;
}


/* -----------------------------------------------
Área do servidor
------------------------------------------------*/

.rounded{
	border-radius:4px;
}
.border-area-servidor{
	border:1px solid #fefefe;
	transition: all 0.5s ease-out;
}
.border-area-servidor:hover{
	border: 1px solid #428DFF;
	-webkit-box-shadow: 0px 9px 27px -8px rgba(0,0,0,0.38);
	box-shadow: 0px 9px 27px -8px rgba(0,0,0,0.38);
}
.area-servidor-cards a:hover {
	text-decoration: none;
	color: #000000;
}
.area-servidor-cards .card {
	min-height: 195px;
	margin: 0 0 20px 0;
}
.area-servidor-cards .card .card-body{
	padding: 20px;
	text-align: center;
}
.area-servidor-cards .card .card-body img{
	display: block;
	padding-bottom: 20px;
	margin: 0 auto;
}

.faq .panel{
	width:100% !important
}