@charset "UTF-8";

/*
------------------------------------------------------
http://getbem.com/introduction/
------------------------------------------------------
https://google.github.io/styleguide/htmlcssguide.html
------------------------------------------------------
l:layout, o:objeto, c:componente, h:helpers, q:testes 
------------------------------------------------------
#000000 - PRETO
#ffffff - BRANCO
#cf000f - VERMELHO 1
#111111 - CINZA 1
#222222 - CINZA 2
#333333 - CINZA 3
#666666 - CINZA 4
#999999 - CINZA 5
#cccccc - CINZA 6
#dddddd - CINZA 7
#eeeeee - CINZA 8
#f5f5f5 - CINZA 9
#f6f6f6 - CINZA 9
#d2d8d8 - CINZA 10
#337ab7 - AZUL 1 (LINKS)
#4b77be - AZUL 2 (INFO)
#00b16a - VERDE 1
#248139 - VERDE 2
#f8e7a2 - AMARELO 1
#f5f5f5 / #ffffff - DEGRADÊ
------------------------------------------------------
*/

/*-------AJUSTE BARRA GLOBAL - GOVERNO--------*/

body #govsp-navbarGlobal {
	position: inherit;
	z-index: inherit;
}

body #govsp-navbarGlobal #navbarOpen>li span {
	margin: 0 0 0 .2em;
}

body #govsp-navbarGlobal #navbarGlobal {
	max-width: 1150px;
}

/*------------BARRA GLOBAL DO GOVERNO--------------*/

#barrasp_global * { margin: 0; padding: 0; }

#barrasp_global {
	width: 100%;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 70%, rgba(224,224,224,1) 92%, rgba(224,224,224,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(70%, rgba(252,252,252,1)), color-stop(92%, rgba(224,224,224,1)), color-stop(100%, rgba(224,224,224,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 70%, rgba(224,224,224,1) 92%, rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 70%, rgba(224,224,224,1) 92%, rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 70%, rgba(224,224,224,1) 92%, rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 70%, rgba(224,224,224,1) 92%, rgba(224,224,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 );
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #999;
	padding: .2em 0;
}

#barrasp_global a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: transparent;
	text-align: left;
}

#barrasp_nav {
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0 auto;
}

#barrasp_global fieldset { 
    float: left;
    width: 270px;
    margin-top: 3px;
    border: none !important; 
}
#barrasp_global fieldset p {
    padding: 4px 0 0 10px;
    font-size: 11px;
    color: #666;
}
#barrasp_global fieldset select { 
	padding: 2px; 
	width: 160px; 
	font-size: 11px; 
}
#barrasp_global fieldset input { 
	padding: 2px; 
	font-size: 11px; 
}

#barrasp_nav ul {
	float: left;
	margin-top: 5px;
	margin-left: 2px;
	width: auto;
	border: none;
}

#barrasp_nav ul li { 
	list-style: none;
	float: left;
}

#barrasp_nav ul li a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	display: block;
	float: left;
	padding: 10px 10px;
	border: none;
	border-right: 1px solid #DDD;
}

#barrasp_nav ul li a:hover {
	background-color: #eee;
}

h1#barrasp_logo {
	width: 122px;
	height: 45px;
	margin-right: 1em;
	margin-top: .3em;
	margin-bottom: -.5em;
	background-image: url("/ssp-de-cidadao/javax.faces.resource/images/gov-horizontal-preto.svg.xhtml");
	float: right;
	text-indent: -5000px;
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
}

h1#barrasp_logo a {
	display: block;
	width: 122px;
	height: 45px;
}	

#barrasp_nav form {
	float: left;
	width: 200px;
	margin: 10px 0 0 16px;
}

#barrasp_nav label {
	display: none;
}

#barrasp_nav fieldset {
	border: none;
}

#barrasp_nav fieldset select {
	background-color: #FFF;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	width: 160px;
	margin-right: 5px;
	border: 1px solid #ddd;
	border-radius: 2px;
}

#barrasp_nav .inputSubmit {
	margin-bottom: -1px;
	border: 1px solid #000;
    border-radius: 4px;
    padding: .24em;
    background: #222;
    color: #f6f6f6;
    transition: all .5s;
}

#barrasp_nav .inputSubmit:hover {
	background: #000;
	cursor: pointer;
}

#barrasp_global fieldset {
    float: left;
    width: 270px;
    margin-top: 5px;
    border: none !important;
}


/*------------CONFIGURACOES GERAIS-------------*/

*, :before, :after, ::before, ::after {
	outline: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

button, 
input,
textarea,
select {
	font: 1em 'Roboto', Arial, sans serif;
}

iframe{
    overflow: hidden;
    width: 100%;
}

p {
	line-height: 1.5em;
}

body {
	font: normal 62.5% 'Roboto', Verdana;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	background: #fff;
}
 
body .ui-panel, 
body .ui-panel .ui-panel-content,
body .ui-tabs,
body .ui-panelgrid .ui-panelgrid-cell {
	padding: 0;
	margin: 0;
}

body .ui-tabs-outline {
	outline: none;
}

body ul {
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    -webkit-padding-after: 0;
    padding: 0;
    margin: 0;
}

a {
	color: #337ab7;
	text-decoration: none;
	outline: none;
}

a:hover, 
a:visited:hover {
	text-decoration: underline;
	outline: none;
}

input::placeholder,
input:placeholder {
	color: #999;
}

.l-header .ui-panelgrid .ui-panelgrid-cell,
.l-footer .ui-panelgrid .ui-panelgrid-cell {
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
}

header {
	display: block;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

body .l-footer .ui-helper-clearfix:after,
body .l-header .ui-helper-clearfix:after {
	content: none; 
}

body .ui-g-1, 
body .ui-g-2, 
body .ui-g-3, 
body .ui-g-4, 
body .ui-g-5, 
body .ui-g-6, 
body .ui-g-7, 
body .ui-g-8, 
body .ui-g-9, 
body .ui-g-10, 
body .ui-g-11,
body .ui-g-12 {
	padding: 0;
}

body .ui-shadow {
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    border-radius: 2px;
}

.ui-widget-overlay {
	background: #111;
	opacity: .6;
}

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

.l-footer {
	background: #222;
	align-items: center;
	display: flex;
	font-size: 1.3em;
	padding: 1em 0 .5em 0;
}

.l-footer__endereco {
	background: #111;
	display: flex;
	align-content: center;
	color: #e1e1e1;
	padding: .4em 0;
	justify-content: center;
}

.l-footer li {
	list-style: none;
	padding: .4em 0	
}

.l-footer a {
	color: #ccc;
	transition: all .5s;
}

.l-footer a:hover {
	color: #fff;
	text-decoration: none;
}

.l-dados__footer {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}


/*-----------FORMATAÇÕES DE ALTO-CONTRASTE---------*/

#barrasp_global.l-contraste__barraglobal,
.l-contraste--active .l-main,
.l-contraste--active .l-main--home {
	background: #000;
}

#barrasp_global.l-contraste__barraglobal h1#barrasp_logo {
	background-image:  url("/ssp-de-cidadao/javax.faces.resource/images/gov-horizontal-negativo.svg.xhtml");
}

#barrasp_global.l-contraste__barraglobal a,
.l-contraste--active .fa-close:before {
	color: #ffff3f;
}

#barrasp_global.l-contraste__barraglobal #barrasp_nav ul li a:hover,
.l-contraste--active .ui-autocomplete-item:nth-child(odd),
.l-contraste--active .c-accordion.c-accordion--light .ui-accordion-header:hover {
	background: #333;
}

#barrasp_global.l-contraste__barraglobal #barrasp_nav .inputSubmit,
.l-contraste--active .c-steps .ui-state-highlight .ui-steps-number,
.l-contraste--active .c-steps .ui-state-default .ui-steps-number:before,
.l-contraste--active .c-input__date .ui-button-icon-only, 
.l-contraste--active .c-input__time .ui-button-icon-only,
.l-contraste--active .ui-slider-handle,
.l-contraste--active .o-box.o-box--info,
.l-contraste--active .c-paginator--default .ui-paginator-pages a.ui-state-active,
.l-contraste--active .c-table__primary thead th {
	background: #fff !important;
	border: 1px solid !important;
	color: #000 !important;
}

.l-contraste--active * {
	transition: none !important;
}

.l-contraste--active .c-steps .ui-state-default.ui-state-disabled .ui-steps-number,
.l-contraste--active .c-paginator--help .ui-paginator-pages a.ui-state-active,
.l-contraste--active .o-box__warning--light,
.l-contraste--active .ui-dialog.ui-widget-content,
.l-contraste--active .ui-dialog.ui-widget-content .ui-dialog-titlebar,
.l-contraste--active .c-label_add,
.l-contraste--active .c-tabview.ui-tabs .ui-tabs-nav li a  {
	background: #000;
	border: 1px solid #fff;
	color: #fff;
}

.l-contraste--active,
.l-contraste--active .ui-widget,
.l-contraste--active section,
.l-contraste--active footer,
.l-contraste--active .o-acessibilidade__keyboard li span > span,
.l-contraste--active .c-breacrumb.ui-breadcrumb,
.l-contraste--active .c-accordion__title--dark.ui-panel,
.l-contraste--active .c-paginator--help .ui-paginator.ui-paginator-bottom,
.l-contraste--active .c-accordion--dark.ui-accordion,
.l-contraste--active .ui-timepicker-div .ui-widget-header,
.l-contraste--active .ui-selectonemenu-list-item:nth-child(odd),
.l-contraste--active .ui-selectonemenu-panel .ui-selectonemenu-filter-container, 
.l-contraste--active .ui-selectonemenu-panel,
.l-contraste--active .o-panel__visualizacao--rapida .ui-panel-titlebar,
.l-contraste--active .o-fieldset--primary.o-box__protocolo,
.l-contraste--active .o-icon__sms:after,
.l-contraste--active .c-accordion.c-accordion--light .ui-accordion-header,
.l-contraste--active .c-table-lista.ui-datatable .ui-expanded-row-content td,
.l-contraste--active .ui-datatable-empty-message td,
.l-contraste--active .c-tabview .ui-tabs-panels,
.l-contraste--active .o-fieldset--primary.ui-fieldset.o-box__protocolo {
	background: #000;
	color: #fff;
}

.l-contraste--active .material-icons.c-navsection__icon,
.l-contraste--active .material-icons.o-box-informativo-home__icon--success,
.l-contraste--active .material-icons.o-box-informativo-home__icon--danger,
.l-contraste--active .o-lista--ordenada > li:before,
.l-contraste--active .iconAlertaBEO .o-icon__cancel,
.l-contraste--active .o-sprite__ocorrencias--text,
.l-contraste--active .c-button__primary,
.l-contraste--active .c-button__danger,
.l-contraste--active .ui-datepicker-buttonpane button,
.l-contraste--active .c-table__primary .ui-datatable-data,
.l-contraste--active .c-accordion.c-accordion--light .ui-accordion-header.ui-state-active,
.l-contraste--active .c-accordion.c-accordion--light .ui-accordion-header.ui-state-active:hover,
.l-contraste--active .c-button__success, 
.l-contraste--active .c-tabview.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.l-contraste--active .c-monitor__ocorrencias--success small > i,
.l-contraste--active .c-monitor__ocorrencias--danger small > i,
.l-contraste--active .material-icons.c-navsection__icon:hover {
	background: #fff;
	color: #000 !important;
}

.l-contraste--active,
.l-contraste--active .c-links__icon i,
.l-contraste--active .o-title--h2,
.l-contraste--active .o-title--h3,
.l-contraste--active .o-title--h4,
.l-contraste--active .o-title--h5,
.l-contraste--active .o-title--h6,
.l-contraste--active .o-title--h1,
.l-contraste--active .material-icons,
.l-contraste--active .material-icons.o-box-informativo-home__desktop--success,
.l-contraste--active .material-icons.o-box-informativo-home__desktop--danger,
.l-contraste--active .iconAlertaBEO  .o-icon__email,
.l-contraste--active .o-social__facebook:before,
.l-contraste--active .o-social__twitter:before,
.l-contraste--active .o-social__googleplus:before,
.l-contraste--active .c-button__default,
.l-contraste--active .c-accordion--dark.c-accordion .ui-icon-triangle-1-e:before,
.l-contraste--active aside .c-accordion .ui-accordion-header .ui-icon-triangle-1-s:before,
.l-contraste--active .o-required,
.l-contraste--active .c-input__radiobutton .ui-icon,
.l-contraste--active .c-input__checkbox .ui-icon,
.l-contraste--active input[type='text'],
.l-contraste--active textarea,
.l-contraste--active .o-error__code--danger,
.l-contraste--active .o-error__title--danger,
.l-contraste--active .c-dialog .ui-icon-closethick:before,
.l-contraste--active .o-fieldset--primary.ui-fieldset legend,
.l-contraste--active .fa-question-circle:before,
.l-contraste--active .o-panel__visualizacao--completa.ui-panel .ui-icon-plusthick:before,
.l-contraste--active .o-panel__visualizacao--completa.ui-panel .ui-icon-minusthick:before,
.l-contraste--active .c-breacrumb ul li:last-child a,
.l-contraste--active .c-input__textarea span,
.l-contraste--active .o-title__default--uppercase,
.l-contraste--active .c-table-lista__icon .ui-icon-circle-triangle-s:before,
.l-contraste--active .c-table-lista__icon .ui-icon-circle-triangle-e:before,
.l-contraste--active .c-nav p,
.l-contraste--active .c-nav h2,
.l-contraste--active .h-text--success,
.l-contraste--active .h-text--danger,
.l-contraste--active .c-text__nota,
.l-contraste--active .o-logo__brasao span,
.l-contraste--active .o-logo__brasao small,
.l-contraste--active .o-slogan__ssp {
	color: #fff !important;
}

.l-contraste--active .l-acessibilidade,
.l-contraste--active .l-header,
.l-contraste--active .o-jumbotron,
.l-contraste--active section.o-box,
.l-contraste--active .o-box__alertas--home,
.l-contraste--active .o-box__informativo--home,
.l-contraste--active .l-footer {
	border-bottom: 1px solid;
	border-radius: 0;
}

.l-contraste--active .c-accordion.c-accordion--dark .ui-accordion-header{
	border-radius: 0 !important;
}

.l-contraste--active a,
.l-contraste--active .o-acessibilidade__keyboard li span > span,
.l-contraste--active .c-accordion.c-accordion--light .ui-accordion-header:hover,
.l-contraste--active .ui-dialog .ui-dialog-footer button:first-child:hover {
	color: #ffff3f !important;
}

.l-contraste--active .o-acessibilidade__keyboard li span > span,
.l-contraste--active .c-accordion--dark.ui-accordion,
.l-contraste--active .ui-slider-horizontal {
	border: 1px solid;
}

.l-contraste--active .material-icons.o-box-informativo-home__icon--success, 
.l-contraste--active .material-icons.o-box-informativo-home__icon--danger,
.l-contraste--active .c-breacrumb.ui-breadcrumb,
.l-contraste--active .c-button__primary {
	border: 1px solid #fff;
}

.l-contraste--active .l-header__beo .c-links__icon a:first-child,
.l-contraste--active .c-button__danger {
	border-color: #fff;
}

.l-contraste--active .c-ancora__arrowdown {
	margin-top: -3.5em;
}

.l-contraste--active .o-scrolltop,
.l-contraste--active .input[readonly], 
.l-contraste--active input[disabled], 
.l-contraste--active  textarea[readonly], 
.l-contraste--active textarea[disabled], 
.l-contraste--active .ui-selectonemenu.ui-state-disabled, 
.l-contraste--active .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label,
.l-contraste--active .ui-selectonemenu-list-item:nth-child(even),
.l-contraste--active button[disabled]:hover {
	background: #666 !important;
}

.l-contraste--active .l-acessibilidade,
.l-contraste--active .l-footer {
	border-top: 1px solid #fff;
}

.l-contraste--active .o-contato {
	border-left: 1px solid;
}

.l-contraste--active .o-box--warning,
.l-contraste--active .c-accordion__title--dark.ui-panel,
.l-contraste--active .c-paginator--help .ui-paginator.ui-paginator-bottom,
.l-contraste--active .c-button__ocorrencia,
.l-contraste--active .o-scrolltop,
.l-contraste--active .ui-selectonemenu-panel {
	color: #fff;
	border: 1px solid #fff;
}

.l-contraste--active .c-button__primary:hover,
.l-contraste--active .c-button__danger:hover,
.l-contraste--active .ui-autocomplete-item:hover,
.l-contraste--active .c-button.c-button__input--primary:hover,
.l-contraste--active .c-input__date .ui-button:hover, 
.l-contraste--active .c-input__time .ui-button:hover,
.l-contraste--active .c-button__success:hover,
.l-contraste--active .l-header .c-menu__mobile.ui-menubar .ui-menuitem-link:hover {
	background: #ffff3f !important;
	border: 1px solid #ffff3f;
	color: #000;
}

.l-contraste--active .ui-selectonemenu-list-item:nth-child(odd):hover, 
.l-contraste--active .ui-selectonemenu-list-item:nth-child(even):hover, 
.l-contraste--active .ui-selectonemenu-list-item:nth-child(odd).ui-state-highlight, 
.l-contraste--active .ui-selectonemenu-list-item:nth-child(even).ui-state-highlight,
.l-contraste--active .c-table__primary tbody tr:nth-child(odd):hover, 
.l-contraste--active .c-table__primary tbody tr:nth-child(even):hover,
.l-contraste--active .c-paginator--default .ui-paginator .ui-paginator-pages a, 
.l-contraste--active .c-paginator--help .ui-paginator .ui-paginator-pages a,
.l-contraste--active .c-paginator--default .ui-paginator > a.ui-state-hover, 
.l-contraste--active .c-paginator--help .ui-paginator > a.ui-state-hover
* :focus {
	background: #ffff3f !important;
	color: #000;
}

.l-contraste--active .c-paginator--default .ui-paginator .ui-paginator-pages a, 
.l-contraste--active .c-paginator--help .ui-paginator .ui-paginator-pages a,
.l-contraste--active .c-paginator--default .ui-paginator > a.ui-state-hover, 
.l-contraste--active .c-paginator--help .ui-paginator > a.ui-state-hover,
.l-contraste--active .c-accordion .ui-accordion-header .ui-icon-triangle-1-s:before,
.l-contraste--active .c-menu__mobile.ui-menubar a.ui-menuitem-link:hover {
	color: #000 !important;
}

.l-contraste--active .c-button__default:hover,
.l-contraste--active .l-button__panel button[title="Excluir"]:hover,
.l-contraste--active .c-paginator--default .ui-paginator > a, 
.l-contraste--active .c-paginator--help .ui-paginator > a,
.l-contraste--active .ui-radiobutton-box.ui-state-focus .ui-icon-blank:before,
.l-contraste--active .ui-radiobutton-box.ui-state-focus .ui-icon-bullet:before,
.l-contraste--active .ui-chkbox-box.ui-state-focus .ui-icon-blank:before,
.l-contraste--active .ui-chkbox-box.ui-state-focus .ui-icon-blank:before,
.l-contraste--active .ui-selectonemenu.ui-state-focus .ui-icon:before,
.l-contraste--active input:focus,
.l-contraste--active textarea:focus,
.l-contraste--active .ui-selectonemenu.ui-state-focus,
.l-contraste--active .c-button__danger--outline:hover,
.l-contraste--active .c-button__default--outline:hover {
	border-color: #ffff3f;
	color: #ffff3f;
}

.l-contraste--active input:focus, 
.l-contraste--active textarea:focus, 
.l-contraste--active .ui-selectonemenu.ui-state-focus {
	border-color: #fff;
}

.l-contraste--active .ui-widget label {
	background: transparent;
}

.l-contraste--active button {
	font-weight: bold;
}

.l-contraste--active .input[readonly], 
.l-contraste--active input[disabled], 
.l-contraste--active  textarea[readonly], 
.l-contraste--active textarea[disabled], 
.l-contraste--active .ui-selectonemenu.ui-state-disabled, 
.l-contraste--active .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label,
.l-contraste--active .c-button.ui-button[disabled], 
.l-contraste--active .c-button.ui-button[disabled]:hover,
.l-contraste--active input[readonly], 
.l-contraste--active input[disabled], 
.l-contraste--active textarea[readonly], 
.l-contraste--active textarea[disabled], 
.l-contraste--active .ui-selectonemenu.ui-state-disabled, 
.l-contraste--active .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
	color: #ccc;
	background: #666;
}

.l-contraste--active .o-box--avisos {
	border-radius: 5px 5px  0 0;
}
.l-contraste--active .o-box--avisos button {
	margin: 0 auto 1em;
}

.l-contraste--active .o-box--avisos h3 {
	margin: 0 0 1em;
	border-left: none;
	border-top: none;
	border-right: none;
}

.l-contraste--active .c-input__date .ui-icon-calendar:before,
.l-contraste--active .c-input__time .ui-icon-calendar:before,
.l-contraste--active .ui-autocomplete-item:hover,
.l-contraste--active .o-box.o-box--info i {
	color: #000 !important;
}

.l-contraste--active .ui-widget-overlay {
	background: #fff;
	opacity: .96
}

.l-contraste--active .ui-dialog.ui-widget-content .ui-dialog-titlebar,
.l-contraste--active .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input,
.l-contraste--active .ui-autocomplete-item:nth-child(odd),
.l-contraste--active .ui-autocomplete-item:nth-child(even),
.l-contraste--active .l-header .c-menu__mobile.ui-menubar .ui-menuitem {
	border: none;
	border-bottom: 1px solid
}

.l-contraste--active .l-header .c-menu__mobile.ui-menubar .ui-menuitem:last-child {
	border-bottom: none;
}

.l-contraste--active .c-button__success {
	border: 1px solid #fff
}

.l-contraste--active .o-fieldset--primary.ui-fieldset legend {
	font-weight: bold;
}

.l-contraste--active a.ui-state-disabled:hover,
.l-contraste--active a.ui-state-disabled {
	color: #999 !important;
}

.l-contraste--active .ui-widget .o-logo__saopaulo {
	background: url("/ssp-de-cidadao/javax.faces.resource/images/gov-horizontal-negativo.svg.xhtml");
	display: block;
	width: 150px;
	height: 39px;
	background-size: 100%;
	margin-bottom: 2em;
}

.l-contraste--active .o-sprite__ocorrencias {
	background: url("/ssp-de-cidadao/javax.faces.resource/images/alto-contraste/sprite-tipos-ocorrencia.png.xhtml");
}

.l-contraste--active .o-sprite__avaliacao {
    background: url("/ssp-de-cidadao/javax.faces.resource/images/sprite-avaliacao.svg.xhtml") left bottom;
    background-size: 600%;
}

.l-contraste--active .o-sprite__avaliacao--excelente {
    background-position: 80px -85px;
}

.l-contraste--active .o-sprite__avaliacao--muitoBom {
    background-position: -255px -85px;
}

.l-contraste--active .o-sprite__avaliacao--bom {
    background-position: -172px -86px;
}

.l-contraste--active .o-sprite__avaliacao--ruim {
    background-position: -90px -87px;
}

.l-contraste--active .o-sprite__avaliacao--pessimo {
    background-position: -9px -90px;
}

.l-contraste--active .o-logo__brasao {
	background: url("/ssp-de-cidadao/javax.faces.resource/images/alto-contraste/logo-policia-civil.svg.xhtml") no-repeat left center;
	background-size: contain;
}

.l-contraste--active #conteudoPrincipal .c-paginator--help .ui-paginator.ui-paginator-bottom {
	border: none;
}

.l-contraste--active .o-jumbotron:before {
	display: none;
} 

/*HEADER*/

.l-header {
	background: #fff;
	border-bottom: 2px solid #eee;
}

.l-header__beo {
	font-size: 1.2em;
	color: #f5f5f5;
	display: flex;
	min-height: 8em;
	padding-bottom: .4em;
}

.l-logo__beo {
	display: flex;
	align-self: center;
}

.container.ui-toolbar {
	padding: 0 1.1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.l-acessibilidade {
	background: #333;
	font-size: 1.2em;
	height: 2.5em;
	display: none;
	align-items: center;
	display: flex;
	border-bottom: 2px solid #eee;
}

.o-acessibilidade__keyboard {
	list-style: none;
	display: inline-block;
}

.o-acessibilidade__keyboard li, 
.o-acessibilidade__keyboard li a {
	display: inline-block;
	color: #f5f5f5;
}

.o-acessibilidade__keyboard li span > span {
	display: inline-block;
	background: #f5f5f5;
	color: #333;
	margin: 0 1em 0 .1em;
	font-size: 1.1em;
	padding: 0 .21em;
	line-height: 1em;
}

header.l-button__panel {
	position: relative;
	top: -1.3em;
	right: 0;
	width: 100%;
	text-align: right;
	margin-bottom: -2em;
}

/*MAIN*/

.l-main {
	height: auto;
	font-size: 1.4em;
	background: #fcfcfc;
}

.l-main--home {
	background: #fff;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding: 2em .7em 2em;
}

.l-action__page {
	margin: 3em 0 1.5em;
}

.l-action__page.h-flex__justify--center button {
	margin: 0 .5em;
}

body .l-col__padding--right {
	padding-right: 2em;
	padding-bottom: 3em;
}

/*PÁGINA DE ERRO*/

.l-main.l-error {
	font-size: 1em;
	padding-bottom: 5em;	
}

.l-error__wrapper {
    justify-content: center;
    font-size: 1.6em;
    text-align: center;
}

.l-error__bg {
	align-items: center;
}

.l-button__500 {
	width: 255px;
	margin: 2em 0 1.5em;
}

.l-mensagem__500 {
	margin-left: 2.7em;
}

/*STICKY FOOTER*/

.l-main {
  -webkit-box-flex: 1 0 auto;     
  -moz-box-flex: 1 0 auto;                
  -webkit-flex: 1 0 auto;       
  -ms-flex: 1 0 auto;           
  flex: 1 0 auto;
  flex-shrink: 1;
  width: 100%;  
}

.l-header,  
.l-footer {
	flex-shrink: 0;
}

.checkFilhosViolenciaDomestisca{
	margin-top: 20px;
}

