/* BASE - RESET */
*{
    margin: 0px;
    padding: 0px;
}
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'AlternateGothicNo2BT-Regular';
    src: local('Segoe UI');
    src: url('../fonts/AlternateGothicNo2BT-Regular.eot');
    src: url('../fonts/AlternateGothicNo2BT-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AlternateGothicNo2BT-Regular.woff') format('woff'), url('../fonts/AlternateGothicNo2BT-Regular.ttf') format('truetype'), url('../fonts/AlternateGothicNo2BT-Regular.svg#AlternateGothicNo2BT-Regular') format('svg');
}
body {
    font-family: Arial, "Segoe UI", sans-serif;
    font-size:14px;
}
@media (min-width: 1921px){
    body{
        width: 1920px;
        margin: auto !important;
    }
}
h1{
    font-size: 26px;
    margin: 0 0 20px 0;
}
h2 {
    font-size: 22px;
    margin: 0 0 14px 0;
}
h3 {
    font-size: 18px;
    margin: 10px 0 10px 0;
}
h4{
    font-size: 16px;
    margin: 0 0 10px 0;
}
h5{
    font-size: 14px;
    margin: 0 0 10px 0;
}

fieldset { border: 1px solid #D4D4D4 }
legend {
    border: 0;
    padding: 5px 10px;
    width: auto;
}
a {
    color:#2e92cf;
    text-decoration: none;
    cursor: pointer;
}
a:hover{ color: #57bdf1 }
a:active{ color: #81cef4 }
/*Obs: Corrige problemas de renderização no IE7- */
img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    -ms-interpolation-mode: bicubic\9;
}
textarea { height: auto !important; }

blockquote {
    border-left: 5px solid #ddd;
    color: #666;
    font-style: italic;
    line-height: 2.5;
    padding-left: 1.5em;
    margin: 1em 40px;
    font-size: 14px;
}
blockquote:hover { border-left-color: #069 }

p{
    font-size: 16px;
    margin: 0 0 10px 0;
}
small{
    font-size: 12px;
}

.push-right{float: right;}
.push-left{float: left;}
.no-gutter{
    padding: 0px;
}

.clearfix,
.clearfix:after { clear:both; }
.clearfix:after,
.clearfix:before {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.row-centered {
    float: none !important;
    margin: 0 auto !important;
}

table, th, tr, td {
    border:none;
}
tr img {
    height: 20px;
    width: 20px;
}

.table-responsive {border:0px solid;}

.innerTable { padding: 0 !important }

.tabelaPadrao{
/*    border-left: 1px solid #dfdfdf;*/
/*    border-right: 1px solid #dfdfdf;*/
    border-left: 0;
    border-right: 0;
    width: 100%;
}

.tabelaPadrao th {
    background:#333335;
    color:#FFF;
    font-weight:normal;
    height:32px;
    font-size:14px;
    padding: 0px 5px 0px 5px;
/*    border:1px solid #dfdfdf;*/
    border: 0;
    text-align: center;
}
.tabelaPadrao th:hover { cursor:inherit; }
.tabelaPadrao tr:nth-child(even) { background-color: #F3F3F3 }
.tabelaPadrao tr:nth-child(odd) { background-color: #FFF }

.tabelaPadrao tr:hover,
.tabelaPadrao tr.selectedRow { background: #FFFFAA; }

.tabelaPadrao td {
    border-bottom:1px solid #CCC;
    text-align:center;
    height:32px;
    font-size:14px;
    padding: 0px 5px 0px 5px;
/*    border-right:1px solid #CCC;*/
}
.tabelaPadrao a{
    color: #000;
}

.column-left { text-align: left !important }
.column-right { text-align: right !important }

label{
    font-weight: 400;
    font-size: 14px;
}
.formField {
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 5px 8px;
    min-height: 32px;
    width: 100%;
    border:1px solid #a9a9a9;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.formField:focus{
    border:solid 1px #006699;
    box-shadow:0 0 2px #006699; 
}

.formIcons{
    background-image: url('../images/sprite-form.png');
    background-repeat: no-repeat;
    padding-left: 37px;
}

.formIcons.icon-user{background-position: 10px 6px;}
.formIcons.icon-password{background-position: 10px -30px;}

/* ESPAÇAMENTOS */

.margin-t5{margin-top: 5px;}
.margin-t10{margin-top: 10px;}
.margin-t15{margin-top: 15px;}
.margin-t20{margin-top: 20px;}
.margin-t25{margin-top: 25px;}
.margin-t30{margin-top: 30px;}
.margin-t35{margin-top: 35px;}
.margin-t40{margin-top: 40px;}
.margin-t45{margin-top: 45px;}
.margin-t50{margin-top: 50px;}
.margin-t100{margin-top: 100px;}


.margin-b5{margin-bottom: 5px;}
.margin-b10{margin-bottom: 10px;}
.margin-b15{margin-bottom: 15px;}
.margin-b20{margin-bottom: 20px;}
.margin-b25{margin-bottom: 25px;}
.margin-b30{margin-bottom: 30px;}
.margin-b35{margin-bottom: 35px;}
.margin-b40{margin-bottom: 40px;}
.margin-b45{margin-bottom: 45px;}
.margin-b50{margin-bottom: 50px;}
.margin-b60{margin-bottom: 60px;}
.margin-b70{margin-bottom: 70px;}

.margin-tb10{margin-top: 10px; margin-bottom: 10px;}
.margin-tb15{margin-top: 15px; margin-bottom: 15px;}
.margin-tb20{margin-top: 20px; margin-bottom: 20px;}
.margin-tb25{margin-top: 25px; margin-bottom: 25px;}
.margin-tb30{margin-top: 30px; margin-bottom: 30px;}
.margin-tb35{margin-top: 35px; margin-bottom: 35px;}
.margin-tb40{margin-top: 40px; margin-bottom: 40px;}
.margin-tb45{margin-top: 45px; margin-bottom: 45px;}
.margin-tb50{margin-top: 50px; margin-bottom: 50px;}

.margin-l5{margin-left: 5px;}
.margin-l10{margin-left: 10px;}
.margin-l15{margin-left: 15px;}
.margin-l20{margin-left: 20px;}
.margin-l25{margin-left: 25px;}
.margin-l30{margin-left: 30px;}
.margin-l35{margin-left: 35px;}
.margin-l40{margin-left: 40px;}
.margin-l45{margin-left: 45px;}
.margin-l50{margin-left: 50px;}

.margin-r5{margin-right: 5px;}
.margin-r10{margin-right: 10px;}
.margin-r15{margin-right: 15px;}
.margin-r20{margin-right: 20px;}
.margin-r25{margin-right: 25px;}
.margin-r30{margin-right: 30px;}
.margin-r35{margin-right: 35px;}
.margin-r40{margin-right: 40px;}
.margin-r45{margin-right: 45px;}
.margin-r50{margin-right: 50px;}

.margin-rl5{margin-left: 5px; margin-right: 5px;}
.margin-rl10{margin-left: 10px; margin-right: 10px;}
.margin-rl15{margin-left: 15px; margin-right: 15px;}
.margin-rl20{margin-left: 20px; margin-right: 20px;}
.margin-rl25{margin-left: 25px; margin-right: 25px;}
.margin-rl30{margin-left: 30px; margin-right: 30px;}
.margin-rl35{margin-left: 35px; margin-right: 35px;}
.margin-rl40{margin-left: 40px; margin-right: 40px;}
.margin-rl45{margin-left: 45px; margin-right: 45px;}
.margin-rl50{margin-left: 50px; margin-right: 50px;}

.btn-red{
    border-radius: 0;
    background: #b72a04;
    color: #fff;
    border: none;
}
.btn-red:hover{
    color: #fff;
    background: #333335;
}

/* /BASE - RESET */

/* Ajuste do texto "Cadastro de pessoa surda, de PCD auditiva ou fala" em telas maiores */
@media (min-width: 992px) {
    .AjusteTexto_PCD_Topo {
        position:relative;
        margin-left:4%;
    }
}

/* Fim ajuste */


/* ATUALIZACAO DE BROWSER IE */

.newbrowser{
    width: 100%; 
    padding: 8px 0 0px 0; 
    background: #f3ff92; 
    display: inline-block;
}
.newbrowser p{
    float: left; 
    padding: 15px 0 0 4%; 
    font-size: 14px; 
    color:#333; 
    font-weight:300; 
}
.newbrowser span{
    float: left;
    padding: 15px 20px 0 0;
}
.newbrowser ul{
    float:right; 
    padding: 0 4% 0 0; 
}
.newbrowser ul li{
    display: inline-block; 
    margin: 0 10px 0 10px; 
    text-align: center; 
    float: left;
}
.newbrowser a{
    color:#333;
}
.newbrowser a:hover{
    color:#f00;
}
.newbrowser .fa-arrow-right{
    margin: 0 0 0 30px;
}

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

header{
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    border-bottom: none;
    background: url('../images/details-top-mobile.png') no-repeat -10px 0 #424243;
    z-index: 99;
}

/* LOGOTIPO */
.logotipo{
    display: inline-block;
    color:#fff;
    font-family: "Segoe UI" arial, sans-serif;
    text-align: center;
    margin:10px 0 5px 0;
}

.logotipo h1 {
    float: left;
    margin: 0px;
    padding-right: 5px;
}
@media (min-width: 1010px) {
    .logotipo h1 {
        padding-right: 10px;
    }
}
.slogan {
    display: none;
    float: left;
    font-size: 20px;
    padding: 21px 0 0 0;
    margin-bottom: 10px;
    line-height: 14px;
    font-family: 'AlternateGothicNo2BT-Regular';
}
.secretaria{
    display: none;
    font-size: 10px;
}
.logotipo img{
    float:left;
    height: 45px;
}

.top{
    width: 100%;
    height: auto;
    display: inline-block;
    background: #333335;
    border-bottom:none;
}

.top-full{
    width: auto;
    height: auto;
    display: block;
}
.top-full h2{
    float: left;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding:25px 0 0 0px;
}
@media (min-width: 768px){
    .top-full h2{
        font-size: 24px;
        font-weight: 400;
        padding:20px 0 0 0px;
    }
}
.btn-fechar{
    margin: 20px 15px 0 0;
    color: #fff;
    float: right;
    text-align: center;
    
}
.btn-fechar a{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ce0104;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    transition: all 0.5s ease;
    padding-top: 3px;
    display: block;
}
.btn-fechar a span{
    display: none;
    font-size: 12px;
    color: #fff;
    line-height: 27px;
    margin: 0 0 0 -3px;
       
}
.btn-fechar a:hover span{
    font-size: 12px;
    color: #fff;.logotipo h1

}
.btn-fechar a:hover{
    text-decoration: none;
    background: #fff;
    color: #ce0104;
}
.icones-links{
    display: none;
    margin: 0 0 20px 0;
    text-align: center;
}
@media (min-width: 1200px){
    .slogan{
        font-size: 25px;
    }
    .secretaria{
        font-size: 12px;
        line-height: 16px;
    }
    .logotipo img {
    margin: 0 15px 0 0;
    }
}
@media (min-width: 768px){
    .icones-links{
        display: block;
    }
}

/* MIDIAS SOCIAIS */

.socialmedia{
    width: 100%;
    text-align: center;
    margin:0px;
    padding: 8px 0 1px 0;
}
.socialmedia li{
    display: inline-block;
    list-style: none;
    margin:0;
    vertical-align: middle;
    text-align: center;
}
.socialmedia li a i{
    font-size: 20px;
}
.socialmedia li a{
    width: 30px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 0;
    font-weight: normal;
    -webkit-transition:color 0.3s ease;
    -moz-transition:color 0.3s ease;
    transition:color 0.3s ease;
}
.socialmedia li a:hover{
    color:#000;
    text-decoration: none;
}

.socialmedia .socicon { 
    color: #fff;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.socialmedia .socicon-efect:hover
{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.socialmedia .socicon-facebook:hover { color: #3b5998 }
.socialmedia .socicon-twitter:hover { color: #00aced }
.socialmedia .socicon-instagram:hover { color: #517fa4 }
.socialmedia .socicon-blogger:hover { color: #f57d00 }
.socialmedia .socicon-rss:hover { color: #f26522 }
.socialmedia .socicon-youtube:hover { color: #bb0000 }

.acessibilidade {
    position: absolute;
    font-size: 0;
}
.acessibilidade p{
    font-size: 0;
}

@media (min-width: 992px){
    display: inline-block;
}

/* Breadcrumb */
    .breadcrumb {
        background-color: transparent;
        border-radius: 0;
        float: left;
        font-size: 18px;
        line-height: 32px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
        .breadcrumb > li+li:before {
            color: #353443;
            content: ">\00a0";
        }
        .breadcrumb-first {
            font-size: 22px;
            color: #353443;
        }
.breadcrumb {
    float: left;
    line-height: 34px;
    list-style: none;
    margin: 0;
    padding: 15px 0 0 35px;
    display:none;
}
@media (min-width: 768px) {
    .breadcrumb {
        line-height: 20px;
        margin-top: 20px;
        padding: 0px;
        display:block;
    }
}
    .breadcrumb > li+li:before{
        color: #000;
        padding: 0;
        font-weight: bold;
    }

    .breadcrumb-item {
        color: #333334;
        display: inline-block;
        font-size: 14px;
        background: transparent;
        float: none;
        font-weight: lighter;
        padding: 0 !important;
    }
@media (min-width: 768px) {
        .breadcrumb-item {
            font-size: 16px;
        }
        .breadcrumb-item:before {
            font-size: 18px;
        }
}

    .breadcrumb-item a {
        color: #333334;
    }
    .breadcrumb-item img {
        margin-bottom: 5px;
    }
    .breadcrumb-last {
        font-weight: bold;
}



/* AREA RESTRITA */

.area-restrita{
    position: absolute;
    top:-60px;
    right: 45px;
    float: right;
    width: 135px;
    text-align: right;
    color: #fff;
    margin: 18px 12% 0 0;
    font-size: 14px;
    font-weight: bold;
}
.area-restrita i{
    display: none;
    float: left;
    margin:0 0 0 5px;
}
.area-restrita a{
    color: #fff;
}
.area-restrita a:hover{
    color: #fff;
    text-decoration: underline;
}
.login{
    width: 100%;
    display: block;
    margin:100px auto;
}
.btn-confirmar{
    width: 100%;
    color: #fff;
    background: #b72a04;
    border: 0px solid;
    padding: 8px 0;
    margin: 10px 0 0 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.3s ease;
}
.btn-confirmar:hover{
    background: #000;
}
.btn-senha{
    width: 100%;
    color: #000;
    background: #e0e1e2;
    border: 0px solid;
    padding: 8px 0;
    margin: 60px 0 0 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.3s ease;
}
.btn-senha:hover{
    background: #ccc;
}
@media (min-width: 768px){
    .login {
        width: 333px;
        margin: 166px auto;
    }
    .area-restrita i{
        display: block;
    }
}

.painel{
    padding: 140px 0 90px 0;
    display:block;
}

a.btn-painel{
    height: 120px;
    background-image: url('../images/bg-painel.png');
    background-repeat: repeat-x;
    background-position: 0 0;
    border: 1px solid #dddddd;
    text-transform: uppercase;
    border-radius: 8px;
    color: #353443;
    transition: 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;

}
a.btn-painel:hover{
    text-decoration: none;
    background: #fff;
}

.text-painel{
    display: block;
    float: none;
    margin: 0px 0 0 0px;
    text-align: center;
}
.text-painel-single{
    display: block;
    float: none;
    margin: 0px 0 0 0px;
    text-align: center;
}

.icons-painel{
    width: 60px;
    height: 40px;
    display: block;
    float: none;
    background-image: url('../images/sprite-area-restrita.png');
    background-repeat: no-repeat;
    background-position: 0 0; 
    margin: 15px auto 10px auto;
}

.icons-painel.icon-extranet{background-position: 0 0;}
.icons-painel.icon-email{background-position: 0 -71px;}
.icons-painel.icon-ead{background-position: 0 -142px;}
.icons-painel.icon-links{background-position: 0 -223px;}
.icons-painel.icon-inotes{background-position: 0 -304px;}
.icons-painel.icon-senha{background-position: 0 -405px;}
.icons-painel.icon-nicotina{background-position: 0 -504px;}
.icons-painel.icon-dec{background-position: 0 -600px;}
.icons-painel.icon-medicas{background-position: 0 -703px;}
.icons-painel.icon-pagamento{background-position: 0 -803px;}
.icons-painel.icon-institucional{background-position: 0 -903px;}
.icons-painel.icon-cartilha{background-position: 0 -994px;}
.icons-painel.icon-orin{background-position: 0 -1103px;}
.icons-painel.icon-cmed{background-position: 0 -1187px;}
/*.icons-painel.icon-perfil{background-position: 0 -1209px;}
.icons-painel.icon-solicitacao{background-position: 0 -1315px;}
.icons-painel.icon-faq{background-position: 0 -1426px;}
.icons-painel.icon-pesquisar{background-position: 0 -1528px;}*/


@media (min-width: 992px){
    .text-painel{
        float: left;
        margin: 38px 0 0 10px;
        text-align: left;
    }
    .text-painel-single{
        float: left;
        margin: 50px 0 0 10px;
        text-align: left;
    }
    .icons-painel{
        width: 60px;
        height: 40px;
        float: left;
        margin: 38px 0 0 20px;
    }
    
}

/* PAGE AREA RESTRITA */


/* FIM AREA RESTRITA */

@media (min-width: 992px){
    header {
        height: auto;
        /*border-bottom: 3px solid #b72a04;*/
        border-bottom: 3px solid #FF0E18;
        background: #333335;
    }
    .logotipo{
        margin:10px 0 0 10%;
    }
    .logotipo img{
        height: auto;
    }
    .top{
        height: 52px;
        background: url('../images/details-top.png') no-repeat 0 0  #424243;
        border-bottom:2px solid #505050;
        padding:0 0 0 40px;
    }
    .top-full{
        height: 92px;
        background: url('../images/details-top-full.png') no-repeat 0 0  #424243;
    }
    .top-full h2{
        padding: 35px 0 0 80px;
    }
    .btn-fechar{
        margin: 25px 60px 0 0;
    }
    .btn-fechar a span{
        display: block;
    }
    .socialmedia{
        width: auto;
        float: left;
        text-align: left;
        padding: 10px 0 0 0;
    }
    .slogan,
    .secretaria{
        display: block;
    }

    .area-restrita{
        position: static;
    }

}

@media (min-width: 992px) and (max-width:1279px) {
    .logotipo{
        margin:10px 0 0 5px;
    }
    .area-restrita{
        margin: 18px 25px 0 0;
    }
}

/* FIXED SCROLL */

@media (min-width: 992px){
    header.fixed{
        position: fixed;
        width: 100%;
        height: 65px;
        top: 0px;
        z-index: 9999;
        box-shadow: 0 0 3px #000;
    }
    .header-fixed{
        width: 100%;
        height: 100px;
        display: block;
        background: transparent;
    }
    header.fixed .logotipo{
        margin:5px 0 0 10%;
    }
    header.fixed .logotipo img{
        height: 54px;
    }
    header.fixed .top,
    header.fixed .slogan,
    header.fixed .secretaria{
        display: none;
    }
    header.fixed nav .menu {
        margin:17px 2% 0 0;
    }
    header.fixed .top-full{
        height: 52px;
    }
    header.fixed .top-full h2{
        padding: 13px 0 0 85px;
    }
    header.fixed .btn-fechar{
        margin-top: 10px;
    }
    header.fixed .btn-fechar a span{
        display: none;
    }
    header.fixed .perfil {
        margin: 10px 60px 0 0;
    }
    header.fixed .perfil button span {
       display: none;
    }
    header.fixed .perfil-menu {
        top: 77px;
    }
}

@media (min-width: 1921px){
    header.fixed{
        width: 1920px;
    }
}



/* --------
NAV
----------- */
/* MENU VERSAO MOBILE */


/* MENU NOVO */
.navbar {
    min-height: 40px;
    margin-bottom: 0;
}

.navbar-toggle {
    color: #FFF;
    margin: 0; 
    position: absolute;
    right: 15px;
    top: -89px;
}
    .navbar-toggle .icon-bar { background: #FFF }
.navbar-collapse { padding: 0 }

.cbp-hrmenu {
/*	width: 100%;*/
/*	margin-top: 2em;*/
    float: right;
    margin: 8px 9px 0 0;
}

header.fixed .cbp-hrmenu {
    margin: 22px 2% 0 0;
}

/* general ul style */
.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
    margin: 0 auto 10px;
    padding: 0 0;
    width: 100%;
}
.cbp-hrmenu .cbp-hrsub-inner {
    padding: 20px 15px;
    margin: 0 auto;
}

.cbp-hrmenu > ul > li {
    display: inline-block;
    padding: 0 8px 0 5px;
    border-right: 3px solid #5f5f5f;
}
.cbp-hrmenu > ul > li:last-child {
    border-right: none;
    padding: 0 0 0 5px;
}

.cbp-hrmenu > ul > li > a {
    font-size: 13px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
    text-transform: uppercase;
}

.cbp-hrmenu > ul > li > a:hover {
	color: #666;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
/*
	color: #fff;
	background: #47a3da;
*/
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    background: #333335;
    border-left: 3px solid #b72a04;
    border-bottom: 3px solid #FF0E18;
    margin-top: 11px;
}

header.fixed .cbp-hrmenu .cbp-hrsub {
    margin-top: 19px;
}

.cbp-hropen .cbp-hrsub {
    display: block;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 33%;
	float: left;
	padding: 0 10px 0 10px;
}
.cbp-hrmenu .cbp-hrsub-inner > div:last-child {
    width: 34%;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
    color: #EEE;
    padding-left: 10px;
}

.cbp-hrsub span,
.cbp-hrsub span > a {
	color: #FFF !important;
	padding: 0 0 10px;
	margin: 0;
	font-size: 16px;
    display: block;
    line-height: 22px !important;
}

.cbp-hrsub .no-title {
    margin-top: 32px;
}

/* Examples for media queries */

@media screen and (max-width: 991px) {
    .navbar {
        min-height: 0;
        margin-bottom: 0;
    }

    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.in {
        display: block!important;
    }    
    
    .cbp-hrmenu,
    header.fixed .cbp-hrmenu {
        width: 100%;
        margin: 8px 0 0 0;
    }
    
    .cbp-hrmenu > ul, 
    .cbp-hrmenu .cbp-hrsub-inner {
        padding: 0;
    }
    
    .cbp-hrmenu > ul > li {

        border-right: none;
        display: block;
/*        border-top: 1px solid #424243;*/
        border-top: 1px solid #666;
    }
    .cbp-hrmenu > ul > li:first-child {
        border-top: none;
    }
    .cbp-hrmenu > ul > li:last-child {
/*        padding: 10px 0 10px 10px;*/
    }
    
    .cbp-hrmenu > ul > li > a {
        padding: 10px 0 10px 10px;
        font-size: 17px;
        display: block;
    }
    
    .cbp-hrsub span,
    .cbp-hrsub span ~ ul {
        padding-left: 10px;
        padding-top: 10px;
    }
    .cbp-hrsub span ~ ul {
        padding-top: 0;
	}
    
    .cbp-hrsub span > a {
		padding-left: 0 !important;
    }
    
    .cbp-hrmenu .cbp-hrsub, 
    header.fixed .cbp-hrmenu .cbp-hrsub {
        position: relative;
        border: none;
        background: transparent;
        margin-top: 0;
    }
    .cbp-hrmenu .cbp-hrsub-inner > div,
    .cbp-hrmenu .cbp-hrsub-inner > div:last-child {
        width: 100%;
        padding: 0;
    }
    
    .cbp-hrmenu .cbp-hrsub-inner > div a {
        display: block;
        padding: 6px 0 6px 25px;
        font-size: 16px;
        position: relative;
    }
    .cbp-hrmenu .cbp-hrsub-inner > div li > a:before {
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #FFF;
        content: "";
        position: absolute;
        left: 10px;
        top: 14px;
    }
    
}
    
/* FIM MENU NOVO */

@media only screen and (max-width:991px){

	@-webkit-keyframes animacao{
		from{opacity:0; margin: 0px 0 0 -100%;}
		to{opacity:1; margin:0px 0px 0px 0px;}
	}

	@-moz-keyframes animacao{
		from{opacity:0; margin:0px 0px 0px -100%;}
		to{opacity:1; margin:0px 0px 0px 0px;}
	}

	@-o-keyframes animacao{
		from{opacity:0; margin:0px 0px 0px -100%;}
		to{opacity:1; margin:0px 0px 0px 0px;}
	}

	@-ms-keyframes animacao{
		from{opacity:0; margin:0px 0px 0px -100%;}
		to{opacity:1; margin:0px 0px 0px 0px;}
	}
}



/* -------------------------------------------------------------
SECTION
---------------------------------------------------------------*/
.conteudo-texto {
    width: 97%;
    margin: 20px auto 50px auto;
    display: block;
}
.livros{
        width: 97%;
    }
.conteudo-texto h2{
    margin: 30px 0 10px 0;
    font-weight: 700;
    color: #333;
}

@media (min-width:992px){
    .conteudo-texto {
        float: right;
        width: 67%;
        margin: 1% 0 50px 3%;
    }
    .livros{
        width: 80%;
    }
}

.conteudo-texto  ul li {
    list-style: square url('../images/circle.png');
    display: list-item;
    margin: 0 0 0 16px;
    font-size: 16px;
    line-height: 2.0;
    color: #6f6e6e;
}

.autores hr{
    width: 100%;
    display: inline-block;
    height: 1px;
    background: #ccc;
    margin: 30px 0;

}
.autores h2{
    margin: 30px 0 30px 0;
    font-weight: 700;
    color: #333;
}
.autores p{
    width: 100%;
    margin: 0px 0 0 0;
}
.autores img{
    max-width: 30%;
    float: left;
    margin: 0 20px 0 0;
    max-height: 150px;
}

@media (min-width:992px){
    .autores p{
        width: 80%;
        margin: 30px 0 0 0;
    }
    .autores img{
    max-width: 20%;
        float: left;
        margin: 0 20px 0 0;
        
    }
}

.btn-detalhes{
    display: inline-block;
    background: #333335;
    color: #fff;
    padding: 5px 15px;
    margin: 20px 0 0 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
}
.btn-detalhes:hover{
    background: #000;
    color: #fff;
    text-decoration: none;
}

.btn-voltar{
    display: inline-block;
    background: #333335;
    color: #fff;
    padding: 5px 15px;
    margin: 20px 0 20px 0;
    transition: all 0.5s ease;
    text-transform: uppercase;
    float: right;
}
.btn-voltar:hover{
    background: #000;
    color: #fff;
    text-decoration: none;
}
.link-btn {   
    color: #FFF;
    font-size: 12px;
    padding: 10px 25px 8px 10px;
    display: block;
    text-align: center;
    transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;    
}
.link-btn:hover{
    text-decoration: none;
    color: #fff;
}


/* DESTAQUES DA HOME */

.destaques {
    width: 100%;
    /*height: 300px;*/
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.destaques a{
    text-decoration: none;
}
.owl-item{
    position: relative;
}

.destaques img {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: none;
}

@media (min-width:768px){
    .destaques {
        height: auto;
    }
}

/* CONTROLES */
.destaques .owl-pagination {
    position: absolute;
    bottom: 20px;
    left: 45%;
    display: none;
    z-index: 9;
}
.owl-controls .owl-page {
    display: inline-block;
    background: #fff;
    height: 17px;
    margin: 0 5px;
    width: 25px;
    -webkit-transform: skew(-30deg); /* Chrome, Opera */
    -ms-transform: skew(-30deg); /* IE */
    transform: skew(-30deg); /* Padrão */
}
.owl-controls .owl-page.active{
    background: #006699;
}
@media (min-width:992px){
    .destaques .owl-pagination{
        display: block;
    }
}

/* NEXT / PREV) */

.destaques .owl-prev,
.destaques .owl-next {
    position: absolute;
    top: 40%;
    color: #FFF;
    width: 45px;
    height: 45px;
    font-size: 0;
    background: rgba(0,102,153, 0.9) url('../images/sprite-icons.png') no-repeat  12px -240px;
}

.destaques .owl-prev { left: 0 }
.destaques .owl-next {
    background-position: 14px -299px;
    right: 0; 
}

@media (min-width:992px){
    .destaques .owl-prev,
    .destaques .owl-next {
        display: none; 
    }
}   

/* CONTEÚDO TEXTUAL DO DESTAQUE */

.destaques-conteudo{
    width: 100%;
    height: 140px;
    display: inline-block;  
    background: url('../images/smart-smoke.png') repeat-x 0 bottom;
    position: absolute;
    bottom: 40px;
    color:#fff;
    z-index: 0;
}

.destaques-conteudo .details{    
    display: none;
}
@media (min-width:600px){
    .destaques-conteudo{
        background: url('../images/tablet-smoke.png') repeat-x 0 bottom;
        height: 180px;
    }
}
@media (min-width:768px){
    .destaques-conteudo{
        bottom: 0px;
    }

}
@media (min-width:992px){
    .destaques-conteudo{        
        width: 30%;
        height: 100%;
        right: 0px;
        top: 0px;
        color:#fff;
        background: rgba(0,102,153, 0.9);
        
    }
    .destaques-conteudo .details{
        position: absolute;
        width: 61%;
        height: 100%;
        right:100%;
        background: url('../images/details-banner.png')no-repeat 0 bottom;
        display: block;
    }
 
}
@media (min-width:1280px){
    .destaques-conteudo .details{
        width: 50%;
    }

}


.destaques-conteudo p{
    position: absolute;
    width: 100%;    
    right: 0;
    padding:20px 20px;
}
@media (min-width:600px){
    .destaques-conteudo p{
        padding:40px 60px;
    }
}
@media (min-width:768px){
    .destaques-conteudo p{
        padding:70px 60px;
    }
}
.destaques-conteudo span{
    width: 100%;
    font-family: "Segoe UI", sans-serif;
    display: block;
    text-align: left;
}
.destaques-conteudo span.titulo{
    font-size: 21px;
    font-weight: bold;
 }
.destaques-conteudo span.chamada{
    font-size: 16px;
}

@media (min-width:992px){
    .destaques-conteudo p{
        top:100px;
        right: 15%; 
        padding: 0px;
        border: none;       
    }
    .destaques-conteudo span{
        text-align: right;
    }
    .destaques-conteudo span.titulo{
        font-size: 34px;
     }
    .destaques-conteudo span.chamada{
        font-size: 21px;
    }
}
@media (min-width:1279px){
    .destaques-conteudo p{
        width: 100%;
        top:90px;
        right: 15%;        
    }
}
@media (min-width:1919px){
    .destaques-conteudo p{
        width: 85%;
        top:160px;
        right: 15%;        
    }
}

/* BARRA DE ATALHOS */

.atalhos-list {
    font-size: 11px;
    text-transform: uppercase;
    margin: 0;
}
    .atalhos-list li {
        display: inline-block;
        height: 123px;
        text-align: center;
        padding: 17px 10px;
        vertical-align: top;
    }
    .atalhos-list li {
        border-top: 2px solid #f0f0f0;
    }
    .atalhos-list li:nth-child(even) {
        /*border-right: 2px solid #f0f0f0;*/
        border-right: 2px solid #666;
    }
    .atalhos-list a{
        color:#333;
    }


    .atalhos-list .item-pcd { width: 50%; background:#333335; border-top: 3px solid #333335;}    
    .atalhos-list .item-barulho { width: 50%; background:#333335; border-top: 3px solid #333335;}    
    .atalhos-list .item-pmvc { width: 50%; }    
    /*.atalhos-list .item-bo,*/
    .atalhos-list .item-dicas { width: 50%; background:#333335; border-top: 3px solid #333335;}    
    .atalhos-list .item-bopm { width: 50%; background:#333335; border-top: 3px solid #333335;}
    .atalhos-list {border-top: 3px solid #FF0E18;}

    /*configurações da fonte do atalhos-list*/
    .atalhos-list .item-pcd a {
        color: #fff;
        text-align: center;
        /*position: relative;
        top: 1px;*/
    }
    .atalhos-list .item-barulho a {
        color: #fff;
        text-align: center;
        /*position: relative;
        top: 6px;*/
    }
    .atalhos-list .item-bopm a {
        color: #fff;
        text-align: center;
        position: relative;
        top: 2px;
    }
    .atalhos-list .item-dicas a {
        color: #fff;
        text-align: center;
        /*position: relative;
        top: 1px;*/
    }

    /*@media (min-width: 992px){ }*/
    @media (min-width: 768px){

        .atalhos-list li {
            /*border-right: 2px solid #f0f0f0;*/
            border-right: 2px solid #666;
            border-bottom: 2px solid #f0f0f0;
        }
       
        .atalhos-list .item-pcd { width: 20%; }
        .atalhos-list .item-barulho,
        .atalhos-list .item-pmvc,
        /*.atalhos-list .item-bo,*/
        .atalhos-list .item-bopm,
        .atalhos-list .item-dicas { width: 20%; }
    }

    /* Mostra o header quando a largura for a partir de 360px */
    @media screen and (min-width: 160px) {
        header {
            display: block;
            height: auto;
            border-bottom: 3px solid #FF0E18;
            background: #333335;
        }
    }

    /* Estilos para telas menores, como celulares */
    @media screen and (max-width: 767px) {
        .atalhos-list {
            display: flex;
            flex-direction: column;
            align-items: center; /* Centraliza os itens na horizontal */
        }

        .item-pcd,
        .item-barulho,
        .item-bopm,
        .item-dicas {
            width: 100%;
            margin: 5px 0; /* Adapta o espaçamento */
        }
    }


    .atalhos-list .icon {
        display: block;
        margin: 0 auto 10px;
        width: 81px;
        height: 48px;
        background-image: url(../images/sprite-servicos.png);
        background-repeat: no-repeat;

    }
    .atalhos-list .item-pcd .icon { background-position: 0 2px }
    .atalhos-list .item-barulho .icon { background-position: 14px -56px }
    .atalhos-list .item-pmvc .icon { background-position: 26px -124px }
/*.atalhos-list .item-bo .icon { background-position: 16px -190px }*/
    .atalhos-list .item-bopm .icon { background-position: 8px -541px }
    .atalhos-list .item-dicas .icon { background-position: 20px -250px }


@media (min-width: 992px){
    #atalhos.fixed {
        height: 123px;
    }
    #atalhos.fixed > div {
        position: fixed;
        top: 56px;
        width: 100%;
        z-index: 999;
        background: #FFF;
    }
    #atalhos.fixed .atalhos-list li {
        height: 70px;
        padding: 10px;
    }
    #atalhos.fixed .atalhos-list .icon {
        width: 46px;
        height: 26px;
    }
    #atalhos.fixed .atalhos-list .item-pcd .icon { background-position: 0 -316px }
    #atalhos.fixed .atalhos-list .item-barulho .icon { background-position: 6px -361px }
    #atalhos.fixed .atalhos-list .item-pmvc .icon { background-position: 14px -406px }
    #atalhos.fixed .atalhos-list .item-bo .icon { background-position: 8px -452px }
    #atalhos.fixed .atalhos-list .item-dicas .icon { background-position: 10px -498px }

}




/* NOTICIAS */
.noticias {
    width: 100%;
    position: relative;
    display: block;
    background: url('../images/bg-noticias.jpg') no-repeat fixed;
    background-size: cover;    
}
    .noticias-title {
        font-size: 20px;
        color: #930403;
        text-transform: uppercase;
        margin: 35px 0;
    }
    @media (min-width: 992px){ 
        .noticias-title {
            text-align: center;
        }
        .noticias-carousel {
            padding: 0 60px;    
        }
    }
    .carousel-item {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

    .carousel-item img {
        max-width: 100%;
        margin: auto;
        position: static;
    }

    .carousel-item a{
        text-decoration: none;
    }

    
    .carousel-item a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 30px;  
        background: url('../images/noticia-smoke.png') repeat-x bottom;
    }

    .carousel-item .descr {
        font-size: 17px;
        position: absolute;
        bottom: 30px;
        color: #FFF;
        padding: 0 10px 10px 10px;
        z-index: 1;
    }

    .noticias-carousel .owl-prev,
    .noticias-carousel .owl-next {
        position: absolute;
        top: 40%;
        color: #FFF;
        width: 45px;
        height: 45px;
        font-size: 0;
        background: rgba(175, 75, 74, .7) url(../images/sprite-icons.png) no-repeat  12px -240px;
    }
    @media (min-width: 992px){        
        .noticias-carousel .owl-prev,
        .noticias-carousel .owl-next {
            background-color: rgba(175, 75, 74, 1);
        }
    }

    .noticias-carousel .owl-prev { left: 0 }
    .noticias-carousel .owl-next {
        background-position: 14px -299px;
        right: 0; 
    }

    @media (min-width: 768px){
        .carousel-item {
            position: relative;
            width: 314px;
        }
    }

    .noticias-carousel .owl-pagination{
        display: none;
    }

    .ver-todas-btn {
        float: right;
        background: url('../images/sprite-icons.png') no-repeat 204px -195px transparent;
        color: #930403;
        font-size: 14px;
        padding: 8px 25px;
        font-weight: bold;
        margin: 30px 7% 30px 0;
        text-transform: uppercase;        
    }
    .ver-todas-btn a{
        color: #930403
    }
    .ver-todas-btn a:hover{
        color: #930403;
        text-decoration: underline;
    }




.share {
    cursor: pointer;
    position: relative;
    font-size: 11px;
    height: 30px;
    padding-top: 4px;    
}
    .share .socicon,
    .share .glyphicon {
        font-size: 20px;
        line-height: 26px;
        min-width: 30px;
        float: left;
        text-align: center;
        margin-top: 4px;
        margin-right: 10px;
        color: #777;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }
    .share .glyphicon { 
        font-size: 10px;
        color: #FFF;
        background: #777;
        margin: 0;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        transition: background 0.3s ease;
    }
    .share .socicon:hover { color: #000; text-decoration: none; }
    .share .glyphicon:hover { background: #000; text-decoration: none; }



/* VÍDEOS */
.videos {}

.videos-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.videos-embed {
    width: 100%;
    min-height: 200px;
}
.videos-desc {
    margin: 10px 0;
}
.videos-desc ul li{ 
    display: list-item;
    list-style: square url('../images/circle.png');
    margin: 0 0 10px 20px;
}

.videos .link-btn {background:#19374c;}
.videos .link-btn:hover {background:#09131a;}


@media (min-width: 768px){ 
    .videos {
        margin: 45px 0;
    }
    .videos-title {
        float: right;
        width: 50%;
        padding-left: 20px;
        margin-bottom: 0;
    }
    .videos-embed { 
        float: left;
        width: 50%;
        height: 420px;
        padding-right: 20px;
    }
    .videos-desc { 
        float: right;
        width: 50%;
        padding-left: 20px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .videos-btn-container { 
        float: right;
        width: 50%;
        padding-left: 20px;
    }
    .videos .link-btn{
        float: left;
        margin: 0 0 0 0;
        background:url('../images/sprite-icons.png') no-repeat 75px -82px #19374c; 
    }
    .videos .link-btn:hover{
        background:url('../images/sprite-icons.png') no-repeat 75px -82px #09131a;
    }
 }


/* PAINEL INFORMACOES "PM FAZENDO POR VC" */
.estatisticas {
    position: relative;
}

.numeros {
    width: 100%;
    display: block;
    background-color: #006699;
    
}
@media (min-width: 992px){ 
    .numeros{
        background-image: url('../images/bg-numeros.jpg');    
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;        
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

.texto{
    color: #FFF;
    padding: 50px 15px 20px 15px;
    text-align: center;
}
    .texto-title {
        font-size: 20px;
        margin-bottom: 20px;
        color: #fff;
    }
.pm-parall{
    width: 550px;
/*    height: 448px;*/
    height: 650px;
    position: absolute;
    bottom:0;
    z-index: 99;
    background: url('../images/pm-parall.png') 50% 0  no-repeat ;
    display: none;
}

.tabela { margin: 0 20px; }
.tabela.tabela-completa { 
    width: 100%;
    margin: 20px 0 0 0;
}
    .tabela .table-responsive { margin-bottom: 0 } 
    .tabela .column-left { padding-left: 20px; }
    .tabela .tabelaPadrao th,
    .tabela .tabelaPadrao td {
        font-size: 16px;
        padding-top: 5px;
        padding-bottom: 5px;    
    }
    .tabela .tabelaPadrao th {
        background: #9a2400;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tabela .date-control{
        width: 150px;
        margin: auto;
    }
    .tabela span{
        float: left;
        margin: 5px 0 0 0;
    }
    .tabela .prev{
        width: 11px;
        height: 10px;
        padding: 15px 20px;
        margin: 5px 0px 0 0;
        background: url('../images/sprite-icons.png') no-repeat 0 -128px;
        cursor: pointer;
    }
    .tabela .next {
        width: 11px;
        height: 10px;
        padding: 15px 20px;
        margin: 5px 0px 0 0;
        background: url('../images/sprite-icons.png') no-repeat 25px -163px;
        cursor: pointer;
    }

    .tabelaPadrao {
        border-left: 1px solid #a7a7a7;
        border-right: 1px solid #a7a7a7;
        width: 100%;
    }
    .tabelaPadrao td {
        border-bottom: 1px solid #CCC;
        text-align: center;
        height: 32px;
        font-size: 14px;
        padding: 0px 5px 0px 5px;
        border-right: 1px solid #CCC;
    }


@media (min-width: 992px){ 
    .tabela img {
        margin-right: 15px;
    }
    .tabela .date-control{
        width: 150px;
        margin: 0;
    }
    
}


.atividades {
    background-color: #ededec;
    padding: 45px 0;
}

    .atividades-bloco + .atividades-bloco { margin-top: 40px; }
    .atividades-bloco .link-btn { 
        margin-top: 20px;
    }
    
    .atividades-comunitarias .link-btn {background:#876c00;}
    .atividades-comunitarias .link-btn:hover {background:#574601;}

    .atividades-culturais .link-btn {background:#145735;}
    .atividades-culturais .link-btn:hover {background:#0a2d1b;}

    .atividades-titulo {
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .atividades-culturais .atividades-titulo { color: #145735 }
    .atividades-comunitarias .atividades-titulo { color: #876c00 }
        
           
    .atividades-item {
        background: #FFF;
        padding: 5px 5px 12px 5px;

    }
    .atividades-item + .atividades-item  {
        margin-top: 16px;    
    }
    .atividades-item img { width: 100% }
    .atividades-item a{
        color: #333;
        text-decoration: none;
    }
    .atividades-item a:hover{
        color: #333;
        text-decoration: none;
    }
    .atividades-item .share {}
    .atividades-item .descr {
        clear: both;
        margin: 10px 0 5px;
    }

    .atividades-sub {
        margin-top: 10px;
    }    

@media (min-width: 768px){ 
    .atividades-item {
        padding: 5px;
    }
    .atividades-bloco + .atividades-bloco { 
        margin-top: 0; 
        clear: both;
        padding-top: 40px;
    }    
    .atividades-bloco .link-btn { 
        float: right;
    }
    .atividades-culturais .link-btn { 
        background:url('../images/sprite-icons.png') no-repeat 75px -82px #145735; 
    }
    .atividades-culturais .link-btn:hover { 
        background:url('../images/sprite-icons.png') no-repeat 75px -82px #0a2d1b; 
    }
    .atividades-comunitarias .link-btn { 
        background:url('../images/sprite-icons.png') no-repeat 75px -82px #876c00; 
    }
    .atividades-comunitarias .link-btn:hover { 
        background:url('../images/sprite-icons.png') no-repeat 75px -82px #574601; 
    }
    
    .atividades-list {
        display: table;
        vertical-align: top;
        width: 100%;
    }
    
    .atividades-item {
        width: 274px;
        display: block;
        position: relative;
    }
        .atividades-item .descr {
            font-size: 14px;
            position: absolute;
            bottom: 0;
            left: 5px;
            right: 5px;
            background: #FFF;
            padding-top: 5px;
        }
    
    .atividades-main { 
        width: 70%;
        font-size: 16px;
        display: table-cell;
    }
        .atividades-main .descr { 
            font-size: 16px;
            position: relative;
        }

    .atividades-sub {
        display: table-cell;
        vertical-align: top;
        padding-left: 10px;
    }
}
@media (min-width: 992px){
    .atividades-bloco {
        width: 48.5%;
        display: inline-block;
    }
    
    .atividades-bloco + .atividades-bloco { 
        margin-left: 2%; 
        padding-top: 0;
    }

    .atividades-item { width: 210px; }
    .atividades-main { width: 70%; }
}
@media (min-width: 1200px){
    .atividades-item { width: 218px; }
    .atividades-main { width: 70%; }
}





.footer-link {
    background: #FFF;
    font-size: 18px;
    text-align: right;
    padding: 15px;
    margin-bottom: 15px;
}
.footer-link a { color: #9a2400; }
.footer-link a:after {
    content: "";
    width: 9px;
    height: 10px;
    background: url(../images/sprite-icons.png) no-repeat -1px -208px;
    display: inline-block;
    margin-left: 5px;
}

.hashtag {
    font-size: 22px;
    color: #FFF !important;
    display: inline-block;
    padding-bottom: 35px;
}

.estatisticaPMImage {
    width: 0;
}

.estatisticaCard {
    min-width: 215px;
    min-height: 130px;
    padding: 10px;
    margin: 15px;
    border: 2px solid;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.estatisticaInfos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 780px;
}

.estatisticaTitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.estatisticaFlex {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.estatisticaFlexHolder {
    color: white;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (min-width: 1010px) {
    .numeros {
        height: 680px;
    }
    .pm-parall { display: block }
    .tabela{
        float: left;
        margin: 0 0 0 38%;
        width: 56%;
    }
    .estatisticaPMImage {
        width: 40%;
        min-width: 500px;
    }

}

@media (min-width:1279px){
    .tabela{
        float: left;
        margin: 0 0 0 31%;
        width: 66%;
    }
}



/* BARRA DE ATALHOS */
.linksgov {
    background-color: #f7f7f7;
}
.linksgov a{
    color: #333;
}
.linksgov a:hover{
    color: #333;
    text-decoration: none;
}
    .linksgov-list {
        font-size: 9px;
        text-transform: uppercase;
        margin: 0;
    }
        .linksgov-list li {
            float: left;
            list-style: none;
            text-align: center;
            padding: 17px 10px;
            vertical-align: top;
            width: 50%;
        }

        .linksgov-list .icon {
            display: block;
            margin: 0 auto 10px;
        }

    @media (min-width: 768px){ 
        .linksgov-list li { width: 20% }
    }

    @media (min-width: 992px){ 
        .linksgov-list li { width: 9% }
    }

/* FOOTER */

.footer {
    width: 100%;
    height: auto;
    background-color: #323332;
}
    .footer-links { padding: 25px 0 }
    .footer-links h6 {
        color: #FFF;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .footer-links h6 a{
        color: #fff;
    }
    .footer-links li { margin-bottom: 5px }
    .footer-links li a,
    .footer-links li a:hover {
        color: #bdbdbd;
        font-size: 12px;
    }

    .footer .social-container {
        background-color: #252625;
        border-top: 1px solid #272928;
    }
    .footer .social-container .socialmedia {
        float: right;
        padding: 10px 0;
    }

/* INICIO AJUSTE DO RODAPE NA VERSÃO MOBILE */
@media (max-width: 991px) {
    .footer .social-container {
        position: relative;
        top: 45px;
    }
}

@media (max-width: 368px) {
    #govsp-rodape {
        position: relative;
        /*padding-bottom:300px;*/
    }
    /* Correção da tremedeira de tela na versão mobile causada pelo conflito com o jquery-1.9.0.min.js */
    html, body {
        overflow: auto;
    }
}
/* *********** FIM ************** */

#goTop {
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 50px;
    margin: 0 auto;
    padding: 5px 0;
    width: 50px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
#goTop:hover { 
    color: #000;
}



/* -------------------------------------------------------------
ARTICLE
---------------------------------------------------------------*/

/* PAGINAS */

.tituloSecao {
    color: #000;
    font-weight: bold;
    font-size: 26px;
    line-height: 35px;
    margin: 30px 0 10px;
    display: block;
    float: left;
}
article{
    margin: 0 0 50px 0;
}

article h1{
    color: #333;
    font-size: 24px;
    margin: 0 0 10px 0;
}
article h2{
    color: #aaa;
    font-size: 18px;
    margin: 0 0 10px 0;
}
article p{
    width: 100%;
    display: inline-block;
    color: #3e4650;
    font-size: 17px;
    line-height: 24px;
    margin-top: 10px;
}
article a{
    display: inline;
}

@media (min-width: 768px){
    .tituloSecao{
        font-size: 32px;
    }
    article p{
        font-size: 16px;
    }
}

.noticia-bloco {
    clear: both;
}
.noticia-item { 
    position: relative;
    padding: 30px 0; 
    margin: 0 0 0 0; 
    min-height: 180px;
}
.noticia-item + .noticia-item { 
    border-top: 1px solid #d6d4d4 
}
.noticia-item .titulo{
    color: #333;
    font-size: 20px;
    margin: 10px 0 10px 0;
}
.noticia-item .chamada{
    color: #6f6e6e;
    font-size: 16px;
    margin: 10px 0 10px 0;
    line-height: 24px;
}
.noticia-item .imagem{
    width: auto;
    margin: auto;
    display: block;    
}

.noticia-item time{
    display: inline-block;
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #aaa;
}

.noticia-item img { 
    position: relative;
    max-width: 100%;
    margin: 0 auto 0 auto;
    display: block;
    width: auto !important;
}
.noticia-item a:hover{
    text-decoration: none;
}
.noticia-item .share {
    margin: 0 auto;
}
.noticia-item .conteudo-btn {
    width: 100%;
    text-align: center;
    margin: 40px auto 0 auto;
    background-color: #930403;
    border-radius: 0;
    color: #fff;
    padding: 8px 25px;
    display: block;
}
.noticia-item .conteudo-btn:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff;
}
.noticia-item .conteudo-btn.btn-block {
    background-image: none;
}


@media (min-width: 768px){
    .noticia-item { 
        padding: 30px 0; 
        margin: 0 0 40px 0; 
    }
    .noticia-item .noticia-titulo { 
        display: inline 
    }
    .noticia-item .imagem {
        width: 224px;
        height: 160px;
        float: left;
        margin-right: 30px;
    }
    .noticia-item .conteudo-btn { 
        float: right;
        text-align: left;
        width: auto;
        margin: 0px;
        background-color: transparent;
        color: #930403;
        background-image: url('../images/sprite-icons.png');
        background-position: 180px -195px;
        background-repeat: no-repeat;
        border: 0px;
    }
    .noticia-item .conteudo-btn:hover {
        text-decoration: underline;
        background-color: #fff;
        color: #930403;
    }
}
@media (min-width: 992px){
    .noticia-bloco {
        width: 640px;
        float: left;
    }
    .noticia-item .titulo{
    margin: 0;
    }
}
@media (min-width: 1200px){
    .noticia-bloco {
        width: 840px;
    }
}

.noticia-bloco-interno .noticia-titulo { margin-bottom: 5px }
.noticia-bloco-interno .noticia-item { padding: 10px 0 0 }

.noticia-bloco-interno .noticia-link {
    color: #66667d;
    display: block;
    font-size: 10px;
    margin-top: 30px;
}
.noticia-bloco-interno .noticia-link-input {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    height: 34px;
    margin-left: 5px;
    padding: 0 10px;
    width: 200px;
}
@media (min-width: 768px){
    .noticia-bloco-interno {
        padding-top: 10px;
    }
    .noticia-bloco-interno .noticia-item > div {
        float: none;
        margin-right: 30px;
    }
    .noticia-bloco-interno .share { 
        max-width: 100%;
    }
    .noticia-bloco-interno .noticia-link {
        float: right;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}


.fb-share-btn,
.tw-share-btn {
    display: inline-block;
    width: 110px;
    height: 34px;
    color: #FFF;
    border: 0;
    border-radius: 4px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 34px;
    text-indent: 20px;
    background-repeat: no-repeat;
    margin-top: 20px;

}
a.fb-share-btn {
    background-color: #325c99;
    border-bottom: 2px solid #264573;
    background-image: url(../images/icn-facebook.png);
    background-position: 12px 8px;
    padding-left: 20px;
}
a.tw-share-btn {
    background-color: #02acec;
    border-bottom: 2px solid #0282b2;
    background-image: url(../images/icn-twitter.png);
    background-position: 13px 7px;
    padding-left: 20px;
}
a:hover.fb-share-btn {
    color: #fff;

}
a:hover.tw-share-btn {
    color: #fff;
    }


#formPesquisa {
    float: right;
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}
@media (min-width: 768px){
    #formPesquisa {
        width: 260px;
        margin-bottom: 0;
        margin-top: 28px;
    }

}
    #formPesquisa .glyphicon {
        position: absolute;
        right: 1px;
        top: 1px;
        font-size: 20px;
        padding: 10px;
        background-color: transparent;
        border: 0;
        outline: 0;
    }

#inputPesquisa {
    padding: 10px 5px 10px 10px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
}
#inputPesquisa::-webkit-input-placeholder {
    color: #000;
    font-weight: bold;
}
#inputPesquisa:-moz-placeholder {
    color: #000;
    font-weight: bold;
}
#inputPesquisa::-moz-placeholder {
    color: #000;
    font-weight: bold;
}
#inputPesquisa:-ms-input-placeholder {
    color: #000;
    font-weight: bold;
}


.titulo-CMT {
    font-size: 20px;
    color: #f00;
    font-weight: bold;
}
 .Subtl-CMT {
     font-size: 16px;
     color: #000;
     font-weight: 700;
 }

/* Galeria de Imagens da Notícia */

.mediaGallery { 
    background-image: url('../images/bg-galeria.jpg')
}

.mediaGallery .fotos-gallery iframe,
.mediaGallery .fotos-gallery video{
    width: 100%;
    height: 195px;
    margin: auto;
    display: block;
}

.mediaGallery .nav-carousel{
    background-color: #424243;
}
.mediaGallery .thumbnails-gallery{
    width: auto;
    margin: auto;
    min-height: auto;
    background-color: #424243;
    padding: 10px 0;
}

.mediaGallery .thumbnails-gallery .item{ 
    display: block;
    border: 3px solid;
    border-color:#424243;
    text-align: center;
    margin: auto;
    cursor: pointer;
}
.mediaGallery .thumbnails-gallery .synced .item{
    border-color:#fff;
}

@media (min-width: 480px){
    .mediaGallery .fotos-gallery iframe,
    .mediaGallery .fotos-gallery video{
        width: 100%;
        height: 300px;
    }
}
@media (min-width: 600px){
    .mediaGallery .fotos-gallery iframe,
    .mediaGallery .fotos-gallery video{
        width: 100%;
        height: 390px;
    }
}
@media (min-width: 768px){
    .mediaGallery .thumbnails-gallery{
        width: 450px;
        min-height: 85px;
    }
    .mediaGallery .fotos-gallery iframe,
    .mediaGallery .fotos-gallery video{
        width: 563px;
        height: 402px;
    }


}


/* Correção de Bug do Carousel nos IE's IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .owl-carousel .owl-item video { visibility: hidden }
    .owl-carousel .owl-item.active video { visibility: visible }
 
}





/* Fim da Galeria de Imagens da Notícia */

/* -------------------------------------------------------------
ASIDE
---------------------------------------------------------------*/
aside{
    float: right;
    width: 100%;     
}

.sidebar-left {
    width: 100%;
    margin: 50px 0 30px 0;
    display: block;
}

.sidebar-livros {
    width: 100%;
    margin: 50px 0 30px 0;
    display: block;
    text-align: center;
}

.mais-lidas {
    border: 1px solid #dedddd;
    margin:25px 0 30px 0;
    padding-bottom: 30px;
}
.mais-lidas a { 
    font-size: 14px;
    color: #888; 
}
.mais-lidas a:hover{
    color: #333;

}

@media (min-width: 992px){
    aside{
        width: 260px;
    }
    .sidebar-left {
        float: left;
        width: 27%;
        margin: 28px 1% 0 0;
    }

    .sidebar-livros {
        float: left;
        width: 15%;
        margin: 28px 1% 0 0;        
    }
}
    .mais-lidas h6 { 
        background: #b60108;
        color: #FFF;
        font-size: 20px;
        line-height: 46px;
        margin: 0;
        padding-left: 24px;
    }
    .mais-lidas ol { 
        counter-reset: maislidas;
        list-style-type: none;
    }
    .mais-lidas li {
        position: relative;
        display: list-item;
        padding: 20px 15px 20px 45px;
    }
    .mais-lidas li + li {
        border-top: 1px solid #e0dfdf;
    }
    .mais-lidas li:before {
        counter-increment: maislidas;
        content: counter(maislidas);
        font-size: 22px;
        color: #b60108;
        position: absolute;
        left: 17px;
        top: 25%;
    }
    @media (min-width: 992px){
        .mais-lidas li:before {
            top: 33%;
        }
    }




    
/* OLD CONCURSOS */


.concursos-links{
    margin-top: 20px;
}
.concursos-links li {
    display: list-item;
    margin-bottom: 30px;
    list-style: none;
    padding-left: 20px;
    position: relative;
}
.concursos-links li a{
    color: #333;
    text-decoration: none;
}
.concursos-links li a:hover{
    text-decoration: underline;
}

.concursos-resultados-item {
    width: 100%;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f8f7f7;
    padding-top: 30px;
    padding-bottom: 25px;
    font-family: "Segoe UI", Arial, sans-serif;
}
.concursos-resultados-item:after{
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    height: 2px;
    background-color: #aaaaab;
}
.concursos-resultados-item + .concursos-resultados-item {
    margin-top: 25px;
}
.concursos-resultados-item a{
    display: block;
}
@media (min-width: 992px){
    .concursos-container {
        margin: 0;
        clear: both;
        min-height: 428px;
        background: url(../images/img-concursos-pm.png) no-repeat 20px bottom;
        padding: 20px;
    }
    .concursos-links,
    .concursos-resultados-item {
        float: left;
        width: 510px;
    }
}
@media (min-width:1200px){
    .concursos-links,
    .concursos-resultados-item {
        width: 700px;
    }
}

.concursos-titulo {
    background-color: #f8f7f7;
    font-size: 18px;
}
.concursos-incricao,
.concursos-fase {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
.concursos-fase {
    margin-top: 15px;
}

.concursos-visualizar,
.concursos-classificacao { 
    clear: left;
    margin-top: 15px;
    color: #000;
    font-weight: 500;
    padding-left: 25px;
    background-image: url(../images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 0 -711px;
    line-height: 22px;
}

.concursos-classificacao { 
    margin-bottom: 20px; 
    background-position: 0 -748px;
}
.concursos-visualizar:hover,
.concursos-classificacao:hover {
    color: #000;
}

@media (min-width: 768px){
    .concursos-fase { 
        margin-top: 30px;
        width: auto; 
    }
}
.modal-content-videos{
    padding: 15px !important;
    height: 550px;
}
.concursos-videos {
    margin-top: 20px;
    margin-bottom: 70px;
    text-align: center;
}
.video{
    max-width: 100%;
    margin: auto;
}
.video video{
    width: 100%;
}
@media (min-width:768px){
    .concursos-videos {
        margin-bottom: 70px;
    }
    .video{
        max-width: 80%;
        margin: auto;
    }
}

.concursos-videos-main {
    background-color: #424243;
    padding: 30px 0 25px;
}
    .concursos-videos-main .videos-title {
        color: #FFF;
        font-size: 40px;
        font-weight: normal;
        text-transform: none;
    }
    .concursos-videos-main .videos-desc {
        color: #FFF;
        font-size: 18px;
    }
.concursos-videos-sub {
    background-color: #333334;
}

.concursos-carousel {}
.concursos-carousel .carousel-item {
    margin-top: 20px;
    width: 202px;
}
.concursos-carousel .carousel-item .descr {
    bottom: auto;
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 0;
    position: relative;
    text-align: center;
}
.concursos-carousel .carousel-item a:after {
    content: none;
}
@media (min-width: 768px){
    .concursos-carousel .carousel-item {
        width: 202px;
    }
    
}

.concursos-carousel .owl-prev,
.concursos-carousel .owl-next {
    position: absolute;
    top: 30%;
    color: #FFF;
    width: 45px;
    height: 45px;
    font-size: 0;
    background: url(../images/sprite-icons.png) no-repeat  12px -240px;
}
@media (min-width: 992px){      
    .concursos-carousel {
        padding: 0 60px;
    }
}

.concursos-carousel .owl-prev { left: 0 }
.concursos-carousel .owl-next {
    background-position: 14px -299px;
    right: 0; 
}



.concursos-info {
    font-family: "Segoe UI", Arial, sans-serif;
    margin-bottom: 90px;
}
    .concursos-info h2 {
        color: #000;
        font-size: 24px;
        
    }
    .concursos-info p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .concursos-tel a{
        display: inline-block;
        color: #069;
    }

@media (min-width: 768px){

    .concursos-menu-item.videos { width: 147px }
    .concursos-menu-item.downloads { width: 263px }
    .concursos-menu-item.resultados { width:  }  

    .concursos-tel a{
        display: inline-block;
        color: #333;
    } 


}

.concursos-edital {
    margin: 20px 0;
}

.edital-titulo {
	font-size: 18px;
}
.edital-valores {
	display: block;
	margin-top: 30px;
}
.edital-conteudo {
	margin: 0;
	padding: 30px 0;
}


.link-voltar {
	float: left;
	clear: left;
}

/* NEW CONCURSOS  */

.menu-concursos{
    border-right: 1px solid #ccc;
}
.menu-concursos ul{
    margin: 5px 0 15px 10px;
}
.menu-concursos li{
    padding: 10px 10px 10px 11px;
    border-bottom: 1px solid #fff;
    background-color: #f4f4f4;
    list-style: none;
}
/*.menu-concursos li:after {
    content: "";
    width: 9px;
    height: 10px;
    background: url(../images/sprite-icons.png) no-repeat -1px -208px;
    display: inline-block;
    float: right;
    margin: -15px 0px 0px 0px;
}*/
.menu-concursos li:hover{
    border: 1px solid #eaeaea;
    background-color: #fff;
}
.menu-concursos .current{
    border: 1px solid #eaeaea;
    font-size: 16px;
    font-weight: bold;
    color: #c10c14;
    background-color: #fff;
}
.menu-concursos .current a{
    color: #c10c14;
}
.menu-concursos .selected{
    border: 1px solid #eaeaea;
    font-size: 15px;
    font-weight: bold;
    background-color: #d9d9d9;
}
.menu-concursos .selected:hover{
    background-color: #d9d9d9;
}
.menu-concursos a{
    color: #333;
    text-decoration: none;
}
.menu-concursos .cor-menu ul li .current{
    color: #000000;
    background-color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}

.imagem-concurso{
    margin-top: 50px;
}

.concurso-item { 
    margin: 0 0 40px 0;
    min-height: 200px;
}
.concurso-item + .concurso-item { 
    border-top: 1px solid #d6d4d4; 
}
.concurso-item .titulo{
    color: #333;
    font-size: 20px;
    margin: 10px 0 10px 0;
    line-height: 28px;
}
.concurso-item .chamada{
    color: #6f6e6e;
    font-size: 16px;
    margin: 10px 0 10px 0;
    line-height: 24px;
}
.concurso-item img { 
    max-width: 100%;
    margin: 0 auto 0 auto;
    display: block;
}
.concurso-item a{
    outline: none;
}
.concurso-item a:hover{
    text-decoration: none;
}
.concurso-item .share {
    margin: 0 auto;
}
.concurso-item .conteudo-btn {
    width: 100%;
    text-align: center;
    margin: 40px auto 0 auto;
    background-color: #930403;
    border-radius: 0;
    color: #fff;
    padding: 8px 25px;
}
.concurso-item .conteudo-btn:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff;
}
.concurso-item .conteudo-btn.btn-block {
    background-image: none;
}

.concursos-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.concursos-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.link-info {
    color: #3e4650;
    margin: 10px 0;
    font-size: 16px;
    text-align: left;
}
.rocamtx a {
    text-decoration: underline;
}
@media (min-width: 768px){
    .concurso-item { 
        padding: 30px 0; 
        margin: 0 0 40px 0; 
    }
    .concurso-item .concurso-titulo { 
        display: inline 
    }
    .concurso-item .imagem {
        float: left;
        margin-right: 30px;
    }
    .concurso-item .conteudo-btn { 
        float: right;
        text-align: left;
        width: auto;
        margin: 0px;
        background-color: transparent;
        color: #930403;
        background-image: url('../images/sprite-icons.png');
        background-position: 180px -195px;
        background-repeat: no-repeat;
        border: 0px;
    }
    .concurso-item .conteudo-btn:hover {
        text-decoration: underline;
        background-color: #fff;
        color: #930403;
    }
}
@media (min-width: 992px){
    .concurso-item .titulo{
    margin: 0;
    }

    .imagem-programa{
       margin-top: 17px;
    }    
    .bloco-concurso{
       margin-top: 15px;
    }
}

.tempo-video{
    color: #6f6e6e;
    font-size: 16px;
    margin: 10px 0 10px 0;
    line-height: 24px;
}


/* FIM CONCURSOS */



/* Orientações de Segurança */

.icon-download{
    width: 18px;
    height: 15px;
    display: inline-block;
    background:url('../images/sprite-icons.png') no-repeat 0 -1094px;
    margin-right: 10px;
}

.link-download{
    color: #3e4650;
    margin: 10px 10px;
    font-size: 16px;
    text-align: left;
}

.link-download:hover{
    text-decoration: none;
}

.orientacoes-seguranca{    
    display: block;
    margin: 50px auto;
    text-align: center;
    
}

.box-orientacoes{
    height: 275px;
    position: relative;
    margin-bottom: 60px;    
}
.box-orientacoes h2 {
    margin-top: 0px;
}
.box-orientacoes a{
    color: #000;
}
.box-orientacoes .link-download{
    width: calc(50% - 20px);
    position: absolute;
    top: calc(100% + 10px);
    left: 0px;
    text-align: center;
    font-size: 14px;
}

.box-orientacoes .link-download + .link-download{
    left:unset;
    right:0;
}

.box-orientacoes:hover *{ color:#002b5d;}
.box-orientacoes .link-download:hover{
    text-decoration: underline; 
}

.orientacoes-seguranca ul {
    width: 95%;
    line-height: 2.0;
    color: #6f6e6e;
    font-family: Arial, "Segoe UI", sans-serif;
    padding: 0 0 0 20px;
    font-size: 16px;
    text-align: left;
    margin: auto;
}

.orientacoes-seguranca  ul li {
    list-style: square url('../images/circle.png');
    display: list-item;
}


@media (min-width: 768px){
    .orientacoes-seguranca ul {
        width: 50%;
    }
}


/* FIM DICAS DE SEGURANCA */

/* CANCAO DA POLICIA MILITAR */

.icon-music{
    width: 18px;
    height: 17px;
    display: inline-block;
    background:url('../images/sprite-icons.png') no-repeat 0 -1126px;
    margin-right: 10px;
}

/* FIM DA CANCAO DA POLICIA MILIETAR */

/* BRASÃO */
.centro-conteudo{
    text-align: center;
    padding: 12px 0px 0px 0px;
}
.brasao-sbtitulo{
    font-size: 34px;
    color: #069;
    padding: 40px 0 5px 0;
}
.lista-info{
    color: #069;
    padding: 0;
    font-size: 14px;
}

@media (min-width: 768px){
    .lista-info{
     padding: 0 0 3% 35%;
     font-size: 14px;
    }    
    .brasao-tx{
     margin-top: 20px;
    }
}
@media (min-width: 992px){
    .brasao-ft{
    margin-top: 70px;
    }
}
/* FIM BRASÃO */

/* PÁGINA HERÓIS */

.ft-heroi{
    background-image: url('../images/bk_ft_heroi.jpg');
}
.heroi-img{
    float:left;
    padding: 0px 10px 0px 0px;
    margin-bottom: 8px;
}
.tx-heroi{
    font-size: 16px;
}
.pag-heroi{
    float: left;
    margin-bottom: 30px;
}
.tx-obs{
    color: #ce4844;
    margin: 0 50px 0 0;
    font-size: 12px;
    margin-bottom: 10px;
}
.marca-heroi{
    color: #000;
    /*background-image: linear-gradient(#f8f8f8, #ebebeb);*/
    background-color: #ebebeb;
    border-color: #337ab7;
    padding: 8px 8px 0px 8px;
    margin-bottom: 20px;
}
.marca-heroi p{
    padding-top: 10px;
    padding-bottom: 20px;
}
.link-heroi {
    font-size: 18px;
    text-align: right;
    padding: 5px 15px 15px 15px;
    margin-bottom: 5px;
    float: right;
    position: absolute;
    bottom: 10px;
    right: 20px;
}   
.link-heroi a { color: #9a2400; }
.link-heroi a:after {
    content: "";
    width: 9px;
    height: 10px;
    background: url(../images/sprite-icons.png) no-repeat -1px -208px;
    display: inline-block;
    margin-left: 5px;
}
.btn-heroi {
    color: #000;
    background-color: #e8e8e8;
    border-color: #d2d8db;
    padding: 10px 60px 10px 60px;
    margin: 10px 0 40px 0;
    font-size: 18px;
}
.btn-heroi:hover{
    color: #fff;
    text-decoration: none;
    background: #000;
}
.combo-heroi .formField{
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    height: 42px;
    border: 1px solid #000;
}
.font-combo{
    font-size: 22px;
    font-weight: bold;
}
.busca-heroi{
    float: right;
}
.Heroi1 blockquote {
    border-left: 5px solid #ddd;
    color: #2b2b2b;
    line-height: 1.5;
    padding: 0px 10px;
    margin: 1em 0px;
    font-size: 16px;
    font-style: normal;
}
.Heroi1 blockquote:hover { 
    border-left-color: #069; 
}
.Heroi1 b { 
   font-weight: 600; 
}

.pag-heroi .btn-group-sm .btn{
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

#formPesquisaheroi {
    float: right;
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}
@media (min-width: 1200px){
    #formPesquisaheroi {
        width: 260px;
        margin-bottom: 0;
        margin-top: 28px;
    }
    .pag-heroi .btn-group-sm .btn{
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.5;
        border-radius: 3px;
    }

}
    #formPesquisaheroi .glyphicon {
        position: absolute;
        right: 1px;
        top: 1px;
        font-size: 20px;
        padding: 10px;
        background-color: transparent;
        border: 0;
        outline: 0;
    }

#inputPesquisaheroi {
    padding: 10px 5px 10px 10px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
}
#inputPesquisaheroi::-webkit-input-placeholder {
    color: #000;
    font-weight: bold;
}
#inputPesquisaheroi:-moz-placeholder {
    color: #000;
    font-weight: bold;
}
#inputPesquisaheroi::-moz-placeholder {
    color: #000;
    font-weight: bold;
}
#inputPesquisaheroi:-ms-input-placeholder {
    color: #000;
    font-weight: bold;
}


@media (min-width: 768px){
    .btn-heroi {
        color: #000;
        background-color: #e8e8e8;
        border-color: #d2d8db;
        width: 100%;
    }
}


@media (min-width: 300px){
    .btn-heroi {
        color: #000;
        background-color: #e8e8e8;
        border-color: #d2d8db;
        width: 100%;
        padding: 10px 0 10px 0;
    }
}
/* PÁGINA HERÓIS */

/*PÁGINA VULTOS*/

.marca-vulto{
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}    
.vultos-item {
    position: relative;
    width: 180px;
    margin: auto;    
    margin-top: 20px;
}
.vultos-item a{
    text-decoration: none;
}
.vultos-item a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0px;  
    background: url('../images/noticia-smoke.png') repeat-x bottom;
}
.vultos-item .descr {
    font-size: 17px;
    position: absolute;
    bottom: 5px;
    color: #FFF;
    text-align: center;
    padding: 0 10px 0 10px;
    z-index: 1;
    left: 0;
}
.vulto-img{
    text-align: center;
    margin-bottom: 15px;
}
.tl-vulto h1{
    text-align: center;
}

@media (min-width: 768px){
.tl-vulto h1{
    text-align: left;
}

}

/*PÁGINA VULTOS*/


/* SITES DA POLICIA */

@media (min-width: 768px){
    .combo-spm{
        width: 500px;
    }

}
/* FIM SITES DA POLICIA */

/* MODAL BOOTSTRAP */
.modal{
    z-index: 99999999;
}

.modal-header {
    padding: 0;
    border-bottom: 0;
    background: #333;
    color: #fff;
    padding-left: 15px;
    padding-bottom: 0px;
    line-height: 39px;
}

.modal-header .close {
    float: right;
    width: 30px;
    height: 30px;
    margin:3px 3px 3px 3px ;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    text-shadow: none;
    filter: none;
    opacity: 1;
    background: #FF0000;
    text-align: center;
    z-index: 99;
}
.modal-header .close:hover {
    background: #BF0000;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #999;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px 30px 30px 30px;
    overflow: hidden;
}


@media (min-width: 768px){
    .modal-expand{
        width: 90%;
    }
}
@media (min-width: 992px){
    .modal-expand{
        width: 800px;
    }
}

@media (min-width: 768px){
    .modalExpand{
        width: 90%;
    }
}
@media (min-width: 992px){
    .modalExpand{
        width: 800px;
    }
}

.successDialog .modal-header {
    background: #1DA446;
    border-bottom: 0;
}
.successDialog .modal-body {
    background: #EBFDE5;
    border: 1px solid #1DA446;
    color: #136C2E;
}
.btn-success{
    min-width:115px;
    color: #fff !important;
    background: #1DA446 !important;            
    border-radius: 0px !important;
    border: 0px solid !important;;
    margin-bottom: 20px !important;
}
.successDialog .close {
    background: #fff;
    color: #1DA446 !important;

}
.successDialog .close:hover {
    background: #fff;
    color: #1DA446 !important;

}

/* FIM MODAL BOOTSTRAP */


/* ACCORDION JQUERY UI */

.ui-accordion .accordion-item{
    border: solid 1px #ccc;
    margin: 10px 0;
    list-style: none;
    
}
.ui-accordion .accordion-item h2:hover{
    background: #f1f1f1;
}
.ui-accordion .accordion-item h2{
    margin: 0px;
    padding: 10px;
    display: block;
    cursor: pointer;
    position: relative;
    color: #3e4650;
    outline: none;
    line-height: 25px;
    font-weight: 400;
    font-size: 22px;
}
.ui-accordion .ui-accordion-content {
    padding: 20px;
    border-top: 0;
    overflow: auto;
    color: #3e4650;
}
.ui-accordion .ui-accordion-content ul{
    margin: 20px;
}
.ui-accordion .ui-accordion-content li{
    display: list-item;
    list-style: square url('../images/circle.png');
    margin: 0 0 5px 15px;
    font-size: 16px;

}
.ui-state-default .ui-icon {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    background: url('../images/icon-accordion1.png');
}
.ui-state-active .ui-icon {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    background: url('../images/icon-accordion2.png');
}
.ui-widget-content {
    border: 0px solid #ccc;
}

/* FIM ACCORDION JQUERY UI */

/* O QUE A PM ESTA FAZENDO POR VOCE */
.pmfazendo {
    font-family: "Segoe UI", Arial, sans-serif;
}
.pmfazendo .tabelacompleta {
    font-size: 16px;
    float: right;
    margin: 35px 20px;
}
.pmfazendo .tituloSecao {
    font-family: Arial, "Segoe UI", sans-serif;
    line-height: 28px;
}
.pmfazendo .titulo {
    font-size: 30px;
    font-weight: lighter;
    color: #992400;
    margin: 20px 0;
    text-align: center;
}
.pmfazendo .titulo .icone {
    width: 41px;
    height: 41px;
    display: block;
    margin: 0 auto;
}

.pmfazendo .selecao {
    width: 50%;
    margin: auto;
}
.pmfazendo .referencia {
    font-size: 18px;
    height: 40px;
    margin: 10px 10px 20px 10px;
    padding: 0 15px;
    width: 100%;
    display: inline-block;
}

@media (min-width: 768px){
    .pmfazendo .selecao {
        width: 60%;
    }
    .pmfazendo .referencia {
        width: 43%;
        margin: 35px 10px;
    }
}

@media (min-width: 992px){
    .pmfazendo .selecao {
        width: 60%;
    }
    .pmfazendo .referencia {
        width: 46%;
    }
}


.pmfazendo .estatisticas-categoria { 
    font-size: 12px;
    text-align: center;
}
.pmfazendo .estatisticas-categoria span { 
    color: #666;
    display: block;
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 15px;
}

.estatisticas-carousel .carousel-item {
    width: 100%;
}

.estatisticas-carousel .owl-prev, 
.estatisticas-carousel .owl-next {
    position: absolute;
    top: 30%;
    color: #FFF;
    width: 45px;
    height: 45px;
    font-size: 0;
    background: rgba(175, 75, 74, .7) url(../images/sprite-icons.png) no-repeat 12px -240px;
}
.estatisticas-carousel .owl-next {
    background-position: 14px -299px;
    right: 0;
}
.estatisticas-carousel .owl-prev {
    left: 0;
}


@media (min-width: 768px){
    .estatisticas-carousel .owl-prev, 
    .estatisticas-carousel .owl-next {
        position: absolute;
        top: 40%;
        color: #949393;
        width: 85px;
        height: 55px;
        font-size: 16px;
        background: url(../images/sprite-icons.png) no-repeat -1px -789px;
        font-weight: lighter;
        line-height: 50px;
    }
    .estatisticas-carousel .owl-prev:hover, 
    .estatisticas-carousel .owl-next:hover { color: #992400 }
    .estatisticas-carousel .owl-prev {
        left: 0;
        text-align: right;
    } 
    .estatisticas-carousel .owl-prev:hover {
        background-position: -1px -937px;
    }
    .estatisticas-carousel .owl-next {
        background-position: 53px -863px;
        right: 0;
    }
    .estatisticas-carousel .owl-next:hover { 
        background-position: 53px -1011px;
    }

    .pmfazendo .titulo {
        font-size: 40px;
    }
    .pmfazendo .titulo .icone {
        display: inline-block;
        position: relative;
        top: -5px;
    }
}

/* FIM O QUE A PM ESTA FAZENDO POR VOCE */

/* INSIGNIAS */

.insignias{
    display: block;
    margin: 50px auto;
    text-align: center;
}

.insignias h2{
    margin: 30px 0 0 0;
}

.insignias .carousel-item {
    width: 100%;
}
.insignias .owl-prev, 
.insignias .owl-next {
    position: absolute;
    top: 50%;
    color: #FFF;
    width: 45px;
    height: 45px;
    font-size: 0;
    background: rgba(175, 75, 74, .7) url('../images/sprite-icons.png') no-repeat 12px -240px;
    font-family: "Segoe UI", Arial, sans-serif;
}
.insignias .owl-next {
    background-position: 14px -299px;
    right:0;
}
.insignias .owl-prev {
    left: 0;
}

.insignias .carousel-item a:after {
    background: none;
    display: none;
}


@media (min-width: 768px){
    .insignias ul {
        width: 50%;
    }
    .insignias .owl-prev, 
    .insignias .owl-next {
        position: absolute;
        top: 50%;
        color: #949393;
        width: 85px;
        height: 55px;
        font-size: 16px;
        background: url(../images/sprite-icons.png) no-repeat -1px -789px;
        font-weight: lighter;
        line-height: 52px;
    }
    .insignias .owl-prev:hover, 
    .insignias .owl-next:hover { color: #992400 }
    .insignias .owl-prev {
        left: 0;
        text-align: right;
    } 
    .insignias .owl-prev:hover {
        background-position: -1px -937px;
    }
    .insignias .owl-next {
        background-position: 53px -863px;
        right: 0;
        text-indent: -30px
    }
    .insignias .owl-next:hover { 
        background-position: 53px -1011px;
    }

}


/* FIM INSIGNIAS */


/* APP PM COM VOCE */
.apppm,
.errorpage {
    background-color: #303031;
    background-image: url(../images/pm-com-voce/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 933px;
    clear: both;
    position: relative;
}

.apppm .container {
    height: inherit;
    position: relative;
}

.apppm h1,
.errorpage h1,
.apppm p,
.errorpage p {
    font-family: "Segoe UI", arial, sans-serif;
    position: absolute;
    top: 10px;
}
.apppm h1,
.errorpage h1 {
    color: #FFF;
    font-size: 32px;
    left: 25px;
}
.apppm p,
.errorpage p {
    font-size: 20px;
    top: 400px;
    width: 270px;
    text-align: center;
    right: auto;
    position: relative;
    margin: 0 auto;
}

.imgapphand {
    background-image: url(../images/pm-com-voce/app-pm-com-vc.png);
    width: 270px;
    height: 300px;
    position: absolute;
    left: -105px;
    bottom: auto;
    top: 100px;
}
.imgapp {
    background-image: url(../images/pm-com-voce/app-pm-com-vc-2.png);
    width: 137px;
    height: 213px;
    position: absolute;
    bottom: auto;
    left: auto;
    top: 110px;
    right: 5px;
}

.btnAppStore,
.btnGooglePlay {
    background-image: url(../images/pm-com-voce/btn-appstore.png);
    background-repeat: no-repeat;
    width: 186px;
    height: 70px;
    display: block;
    position: relative;
    margin: 0 auto;
    top: 440px;
}
.btnGooglePlay {
    background-image: url(../images/pm-com-voce/btn-googleplay.png);
    top: 450px;
}


@media (min-width: 768px){
    .apppm,
    .errorpage {
        height: 430px;
        background-image: url(../images/pm-com-voce/bg-768.png);
    }
    .apppm h1,
    .errorpage h1,
    .apppm p,
    .errorpage p {
        top: 30px;
    }
    .apppm h1,
    .errorpage h1 {
        font-size: 28px;
    }
    .apppm p,
    .errorpage p {
        font-size: 18px;
        width: 320px;
        right: 15px;
        position: absolute;
        text-align: right;
    }
    
    .imgapphand {
        background-image: url(../images/pm-com-voce/app-pm-com-vc-768.png);
        width: 330px;
        height: 353px;
        position: absolute;
        left: -100px;
        bottom: 0;
        top: auto;
    }
    .imgapp {
        background-image: url(../images/pm-com-voce/app-pm-com-vc-2.png);
        width: 137px;
        height: 213px;
        position: absolute;
        bottom: 50px;
        /*    left: 365px;*/
        left: 32%;  
        top: auto;
        right: auto;
    }
    
    .btnAppStore,
    .btnGooglePlay {
        position: absolute;
        top: auto;
        right: 210px;
        bottom: 50px;
    }
    .btnGooglePlay {
        right: 10px;
    }

}

@media (min-width: 992px){
    .apppm,
    .errorpage {
        height: 690px;
        background-image: url(../images/pm-com-voce/bg-992.png);
    }
    .apppm h1,
    .errorpage h1 {
        font-size: 32px;
    }
    .apppm p,
    .errorpage p {
        font-size: 27px;
        right: 15px;
        text-align: right;
        width: 560px;
    }
    
    .imgapphand {
        background-image: url(../images/pm-com-voce/app-pm-com-vc-992.png);
        width: 387px;
        height: 526px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .imgapp {
        background-image: url(../images/pm-com-voce/app-pm-com-vc-2-992.png);
        width: 202px;
        height: 313px;
        position: absolute;
        bottom: 15px;
        /*    left: 365px;*/
        left: 38%;  
    }
    .btnAppStore,
    .btnGooglePlay {
        top: 370px;
    }
}
/* FIM APP PM COM VOCE */

/* PAGINA ERRO 404 */
.errorpage {
    height: 480px;
}
.errorpage h1 {
    font-size: 150px;
    left: 0;
    right: 0;
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    top: 10px; 
}
.errorpage p {
    top: 200px;
}


@media (min-width: 768px){
    .errorpage {
        height: 480px;
    }
    .errorpage h1 {
        font-size: 220px;
    }
    .errorpage p {
        top: 260px;
        width: 100%;
        text-align: center;
        right: 0;
    }
    
    
}
@media (min-width: 992px){
    
}


/* FIM PAGINA ERRO 404 */


/* DIALOG COMPARTILHAR */
.dialogShare.in ~ .modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}
.dialogShare .modal-content {
    background-color: transparent;
}
.dialogShare h3 {
    color: #FFF;
    font-size: 36px;
    text-align: center;
}
.dialogShare .sharebtn {
    display: inline-block;
    width: 88px;
    padding-top: 90px;
    background-image: url(../images/sprite-social-media.png);
    background-repeat: no-repeat;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    margin: 10px;
}
.dialogShare .sharebtn.fb     { background-position: 0 -348px }
.dialogShare .sharebtn.tw     { background-position: 0 -466px }
.dialogShare .sharebtn.gplus  { background-position: 0 -584px }
.dialogShare .sharebtn.whats  { background-position: 0 -702px }
.dialogShare .sharebtn.gmail  { background-position: 0 -820px }
.dialogShare .sharebtn.linked { background-position: 0 -938px }
.dialogShare .sharebtn.mail   { background-position: 0 -1056px }
.dialogShare .sharebtn.print  { background-position: 0 -1174px }

@media (min-width: 768px){
    .dialogShare .modal-dialog { width: 452px; }
    .dialogShare h3 { font-size: 58px; }
    .dialogShare .sharebtn { margin: 10px 20px; }
}
/* FIM DIALOG COMPARTILHAR */

/* CANAL DE IMPRENSA*/

/* Menu Perfil*/

.perfil{
    position: relative;
    margin: 15px 20px 0 0;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 12px;    
}
.perfil button{
    position: relative;
    width: 20px;
    display: block;
    background: #fff;
    border:0px solid;
    border-radius:50%;
    margin: 0 0 4px 0; 
    outline: none;   
}
.perfil button span{
    position: absolute;
    left:-4px;
    bottom: -21px;
}
.perfil-menu{
    position:absolute;
    width: 100%;
    left:0px;
    top:65px;
    display: block;
    height: auto;
    background: #333335;
    text-align: left;
}
.perfil-menu .info{
    padding: 15px;
}
.perfil-menu p{
    font-size: 16px;
    color:#fff;
    margin:0 0 0 0px;
}
.perfil-menu .info .email{
    color: #d3a900;
    font-size:13px;
}
.perfil-menu ul{
    float: right;
    padding: 15px;
    font-size:14px;
}
.perfil-menu ul::before{
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #333335;
  content: "";
  top:-20px;
  right: 20px;
  position: absolute;
}
.perfil-menu ul li{
    display: inline-block;
    list-style: none;
    margin:0 8px 0 0;
    border:1px solid #fff;
    padding: 7px 15px;
    border-radius:0px;   
}
.perfil-menu ul li:hover{
    background: #222;
}
.perfil-menu ul li a{
    width: 100%;
    display: block;
    color: #fff;
} 
.perfil-menu ul li a:hover{
    text-decoration: none;
}

.perfil-menu .logout{
    float: right;
    width: 100%;
    padding:10px 20px;
    font-size:14px;
    text-align: right;
    border-top:1px solid #222;
}
.perfil-menu .logout:hover{
    background: #222;
}
.perfil-menu .logout a{
    display: block;
    color:#fff;
}
.perfil-menu .logout a{
    text-decoration:none;
}

@media (min-width: 768px){
    .perfil {
        margin: 15px 60px 0 0;
    }
    .perfil-menu{
        width: 360px;
        right: 58px;
        left:auto;
    }
    .perfil-menu ul::before{
        right: 3px;
    }
}
@media (min-width: 992px){
    .perfil {
        margin: 20px 60px 0 0;
    }
    .perfil-menu ul::before{
        right: 10px;
    }
    
    .perfil-menu{
        top:93px;
    }
    .perfil button{
        width: 40px;
    }
    .perfil button span{
        left:7px;
    }
}

/* Fim Menu Perfil*/
.box-left{
    width: 100%;
    float: left;
    padding-right: 15px;
}
.box-right{
    width: 100%;
    float: left;
    padding-left: 15px;
}
@media (min-width: 768px){
    .box-left{
        width: 48%;
    }
    .box-right{
        width: 48%;
    }
    
}

.login-imprensa{
    width: 90%;
    height: 100%;   
    display: block;
    margin:40px 0 0 0;
}
.cadastro-imprensa{
    margin:auto;
    height: 100%;
    padding:50px 0 0 0;
}
.cadastro-imprensa a{
    text-decoration:none;
}
.login-imprensa p{
    text-align: center;
    font-size: 18px;
}
.login-imprensa a{
    text-decoration:none;
}
.separate{
    float: left;
    width: 1px;
    height: 310px;
    display: block;
    background: #ccc;
    margin-top:80px;
    display: none;
}

.btn-criar-conta{
    width: 100%;
    color: #b72a04;
    background: #FFF;
    border: 1px #b72a04 solid;
    padding: 6px 0;
    margin: 10px 0 0 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.3s ease;
    
}
.btn-criar-conta:hover{
    background: #b72a04;
    color: #fff;
}
.link-senha{
    float: right;
    margin:20px 0 0 0;
    color: #000;
}
.link-senha:hover{
    color: #000;
    text-decoration: underline;
}

@media (min-width: 768px){
    .login-imprensa{
        width: 85%;
        margin:120px 0 0 0;
    }
    .separate{
        display: block;
    }
    .cadastro-imprensa{
        float: right;
    }
}
@media (min-width: 992px){
    .login-imprensa{
        width: 58%;
    }
}

.btn-enviar{
    width: 100%;
    background-color: #BF0000;
    border:0px solid;
    color:#fff;
    padding:6px 10px;
}
.btn-enviar:hover{
    background: #000;
}

.informacoes-auxiliares {
    width: 100%;
    background: #f7f7f7;
    padding: 10px 0px;
    margin:5px 0;
}
.btn-arquivo-anexo{
    float: right;
    color: #bf0000;
    display: inline-block;
    margin:30px 0 0 0;
    background: url('../images/icon-download2.png')no-repeat right 10px;
    padding: 10px 30px 0 0;

}
.btn-arquivo-anexo:hover{
    color: #bf0000;
}

.uploadSimple {
    height:32px;
    position: relative;
    overflow: hidden;
    color:#000;
    padding:5px 0 0 15px;
    border:1px solid #a9a9a9;
    margin:5px 0 0 0;
    background:url('../images/upload.png') no-repeat right 0;
}
.uploadSimple:hover{
     background:url('../images/upload.png') no-repeat right 0;
}
.uploadSimple span {
    display: block;
    position: absolute;
}
.uploadSimple input {
    position: absolute;
    right: 0;
    z-index: 2;
    font-size: 400px; /* Aumenta tamanho do campo */
    opacity: 0;
    filter: alpha(opacity=0);
}


/*RODAPÉ PADRÃO*/
.roda-pd{    
    bottom: 0px;
    color: #4d4d4d;
    font-size: 14px;
    text-align: center;
    padding: 30px 0px;
    background-color: #eeeeee;
    border-top: 2px solid #e2e1e1;    
}
.roda-pd a{
    display: inline;
}

@media (min-width: 768px){
    .roda-pd{
        bottom: 0;
        color: #4d4d4d;
        font-size: 12px;
        text-align: center;
        padding: 20px 0px;
        background-color: #eeeeee;
        border-top: 2px solid #e2e1e1;
    }
}
@media (min-width:992px){
    .roda-tx{
        margin-top: 70px;
    }
}

/*FIM RODAPÉ PADRÃO*/


html{
    background: #f5f5f5;
    position: relative;
    min-height: 100%;
}
.last-footer {
  position: relative;
  bottom: 0px;
  font-size: 12px;
  text-align: center;
  height: auto;
  width: 100%;
  padding: 10px 0px;
  background-color: #f5f5f5;
  margin-top:40px;
}
@media (min-width: 992px){
    html{
        background: #fff;
    }
    .last-footer {
        position: absolute;
    }
}

/*---------------------------------------------------------------------------
 DATATABLE CUSTOMIZADO
----------------------------------------------------------------------------*/

.dataTables_length{
    float:left;
    margin:25px auto 15px auto;
}
.dataTables_length select{
    margin:0 10px 0 10px;
    padding: 4px 8px;
}

@media (min-width: 768px){
    .dataTables_length{
        float:left;
        margin:25px auto 0 auto;
    }
}

.dataTables_filter{
    visibility:hidden;
    display:none;
}

.dataTables_paginate {
    float:right;
    font-family: "Segoe UI-Regular", "Open Sans", "OpenSans-Regular",sans-serif !important;
    font-size:14px;
    margin:25px auto;
}
.paginate_button{
    border:solid 1px #ddd;
    border-left:0px;
    color: #333335;
    padding: 6px 12px;
    margin: 0px;
    float: left;
    cursor: pointer;
    border-radius: 0px;
}
.paginate_button.previous{
    border-left:1px solid #ddd;
}
.paginate_button.next{
    border-right:1px solid #ddd;
}

.paginate_button:hover{
    color: #333335;
    background: #eee;
    text-decoration: none;
}
.dataTables_paginate .current{
    border:solid 1px #333335;
    background-color: #333335;
    color:#fff;
}
.dataTables_paginate .current:hover{
    border:solid 1px #333335;
    background-color: #333335;
    color:#fff;
}
.dataTables_paginate .prev,
.dataTables_paginate .next{
    background: #fff;
    width: auto;
}
.dataTables_paginate .prev:hover,
.dataTables_paginate .next:hover{
    background: #eee;
}
.paginate_button.disabled{
    background-color:#fff;
}

.dataTables_empty{
    padding: 10px 0 10px 0 !important;
}

 /* JQuery UI Timepicker */

    .ui-timepicker-minutes{padding-left:8px !important;}
    .ui-timepicker-inline { display: inline; }
    .ui-timepicker-table { display: inline-table; width: 0; border: 1px solid #333335 !important; }
    .ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
    .ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }
    .ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
    .ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
    .ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

    .ui-timepicker-table td a {
        font-size: .9em;
        display:block;
        padding:3px 9px;
        cursor: pointer;
        text-align:right;
        text-decoration:none;
    }
    .ui-widget-header{
        background: #333335;
    }

 /* JQuery UI DatePicker */
 .ui-state-default, 
    .ui-widget-content 
    .ui-state-default, 
    .ui-widget-header, 
    .ui-state-default {
        border: 0px solid;
    }
    .ui-datepicker-month, .ui-datepicker-year {
        color: #000;
        font-weight: normal;
        height: 2.4em;
        padding: 4px;
    }
    .ui-datepicker{
        border:1px solid #333335 !important;
    }
    .ui-datepicker .ui-datepicker-title select{
        color: #333335;
    }
    .ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default{
        color: #f00;
    }

    /*---------------------------------------------------------------------------
 LEGENDA
----------------------------------------------------------------------------*/

.legenda .open {
    background: url('../images/menu-close.png');
    cursor: pointer;
    float: right;
    margin-bottom: 6px;
    height: 26px;
    width: 26px;
    margin-right: 15px;
}
.legenda .open.closed {
    background: url('../images/menu-open.png');
}
.legenda .open:before {
    width: 150px;
    color: #bf0000;
    display: block;
    float: right;
    font-size: 12px;
    margin-right: 0px;
    margin-top: 5px;
    cursor:pointer;
    content:'Visualizar Legenda'
}
.legenda .closed ~ .open:before { display: block; }

.legenda ul {
    float: left;
    list-style: none;
    background: #fff;
    margin-top:30px;
}
.legenda .closed ~ ul { display: none; }
    .legenda li {
        display: block;
        font-size: 12px;
        margin-right: 15px;
    }
.legendaFlag{
    width: 38px;
    height: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #FFF;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    cursor: default;
}
.legendaMenu {
    width: 20px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    float: left;
    margin-right: 3px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.flagFinalizada {
    background-color: #009900;
}
.flagRespondida {
    background-color: #45B0E5;
}
.flagProvidencias {
    background-color: #d3a900;
}
.flagPendente {
    background-color: #fc2b02;
}

@media (min-width: 768px){
    .legenda ul {
        float: right;
        margin-top:3px;
    }
    .legenda li {
        display: inline-block;
    }
}


.barrasp_eleicoes {
    width: 100%;
    height: 91px;
    /* max-width: 1000px; */
    margin: 0 auto;
    background: #fff url(../img/barrasp_bg2.gif) repeat-x;
    background: linear-gradient(white, #e2e2e2);
    text-align: center;
}

.barrasp_eleicoes div {
    max-width: 1000px;
    width: auto;
    display: inline-block;
    margin: 0 auto;
}

.barrasp_eleicoes img {
    height: auto;
    width: 150px;
    padding: 0px;
    float: left;
}

.barrasp_eleicoes p {
    float: left;
    width: 657px;
    margin: 23px 10px;
    text-align: left;
    font-size: 16px;
}

header.fixed {
    left: 0 !important;
}

@media (max-width: 1000px) {
    .barrasp_eleicoes p {
        float: left;
        width: 65%;
        margin: 23px 10px;
        text-align: left;
        font-size: 12px;
    }
}

@media (max-width: 520px) {
    .barrasp_eleicoes img {
        height: auto;
        width: 120px;
        padding: 0px;
        float: left;
        margin-top: 7px;
    }
    .barrasp_eleicoes p {
        float: left;
        width: 53%;
        margin: 16px 5px;
        text-align: left;
        font-size: 10px;
        text-align: justify;
    }
}




.btns-ead {
    float: left;
    height: 850px;
}

    .btns-ead div {
        float: left;
        width: 100%;
        margin: 5px 0px;
    }
    .btns-ead div.disabled { opacity:0.30; }

    .btns-ead span {
        float: left;
        margin: auto !important;
        vertical-align: middle;
        text-align: left;
        line-height: 40px;
        /* display: inline-block; */
        /* float: left; */
        /* height: 40px; */
        /* line-height: 40px; */
    }

    .btns-ead a {
        float: left;
        padding: 15px 0px;
        width: 270px;
        height: auto;
        position: relative;
        /* line-height: 58px; */
        /* background-image: url(../images/sprite-area-restrita.png); */
        /* background-repeat: no-repeat; */
        /* background-position: 0 -120px; */
    }

    .btns-ead p {
        float: left;
        height: auto;
        /* line-height: 120px; */
        width: 50%;
        margin: 0px 20px;
        padding: 5px 0px;
    }

    .btns-ead a .icon-ead { /* display:none; */ /* float: initial; */ /* left: 0; */ /* padding: 75% 0px; */
    }

.newVideosFlex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 55vh;
}

.newVideosB-1 {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.newVideosB-2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 80%;
}

.newVideosB-3 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.newVideosTitle {
    font-weight: bold;
    font-size: 20px;
    text-wrap: nowrap;
}

.newVideosSeparator {
    width: 100%;
    border: 2px solid;
    color: #e84b4b;
    height: 0;
    border-radius: 10px;
    margin-left: 15px;
}

.newVideosFooter {
    background-color: #e84b4b;
    border: 2px solid #e84b4b;
    border-radius: 100px;
    padding: 10px 30px 10px 30px;
    color: white;
    display: flex;
}

    .newVideosFooter:hover {
        background-color: #f66060;
    }

.newVideosBox-1 {
    min-height: 360px;
    width: 70vh;
    height: 40vh;
    padding: 5px;
}

.newVideosBox-2 {
    width: 40vh;
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.newVideosBox-2-Content {
    height: 50%;
}

@media (max-width: 1240px) {
    .newVideosBox-1 {
        width: 50vh;
        height: 40vh;
    }

    .newVideosBox-2 {
        width: 30vh;
    }
}

@media (max-width: 902px) {
    .newVideosBox-1 {
        width: 100%;
    }

    .newVideosBox-2 {
        width: 100%;
        height: 115vh;
    }

    .newVideosBox-2-Content {
        height: 60vh;
    }
}

.noticiasFlexContent {
    display: flex;
    flex-wrap: wrap;
    width: 55%;
    align-items: center;
    justify-content: center;
}

.noticiasPrincipal {
    width: 45%;
    height: 400px;
    background-color: #0000003d;
    margin: 10px;
    min-width: 250px;
    position: relative;
}

.noticiaTitulo {
    position: absolute;
    bottom: 0px;
    left: 15px;
    margin: 0px;
    color: white;
}

.noticiaDivShadow {
    box-shadow: 1px -164px 35px -94px rgba(0,0,0,0.75) inset;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}

.noticiaDestaque {
    height: 100vh;
    width: 100%;
    min-height: 190px;
    background-color: #0000003d;
    margin: 10px 0px;
    min-width: 250px;
    max-height: 190px;
    position: relative;
    overflow: hidden
}

.noticiaDestaqueFooter {
    width: 30%;
    background-color: #0000003d;
    margin: 10px;
    height: 50px;
    min-width: 200px;
    min-height: 200px;
    position: relative;
    overflow: hidden;
}

.noticiaDestaqueFlex {
    display: flex;
    flex-wrap: wrap;
    width: 55%;
    padding: 10px;
    justify-content: center;
}

@media (max-width: 1550px) {
    .noticiasFlexContent {
        display: flex;
        flex-wrap: wrap;
        width: 70%;
        align-items: center;
        justify-content: center;
    }

    .noticiaDestaqueFlex {
        width: 70%;
    }
}

@media (max-width: 1100px) {
    .noticiasFlexContent {
        width: 90%;
    }

    .noticiaDestaqueFlex {
        width: 90%;
    }

    .noticiasPrincipal {
        min-width: 350px;
        background-color: #0000003d;
    }

    .noticiaDestaque {
        min-height: 140px;
    }
}

@media (max-width: 804px) {
    .noticiasFlexContent {
        width: 70%;
    }

    .noticiasPrincipal {
        height: 250px;
        min-width: 250px;
        background-color: #0000003d;
        margin-bottom: 0px;
    }

    .noticiaDestaque {
        min-height: 250px;
    }

    .noticiasFlexContent {
        flex-direction: column;
    }

    .noticiaDestaqueFlex {
        flex-direction: column;
        align-content: center;
        margin-top: -20px;
    }

    .noticiaDestaqueFooter {
        min-width: 250px;
        min-height: 250px;
    }
}

.pmNumerosVerMaisHolder {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.pmNumerosHref {
    background-color: #ffffff8f;
    padding: 10px 40px 10px 40px;
    color: #004F7D;
    border-radius: 5px;
    font-size: 25px;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

    .pmNumerosHref:hover {
        color: #004F7D;
        background-color: #ffffffe8;
    }


/* CONFIGURAÇÕES DA PÁGINA DE LeiDeAcessoInformacao.cshtml */
#LeiTitulo {
    font-weight: bold;
    float: left;
    margin-left: 12%;
}

#LinhaTabela {
    position: relative;
    margin-bottom: 40px;
    width:100%;
}

.borda {
    border: 1px solid #000;
    width:1000px;
}

.fontes_tabela {
    text-align: center;
    font-size: 11px;
}

.Linha1 th font {
    position: relative;
    top: 20px;
}

.Linha2 th font {
    position: relative;
    top: 10px;
}

.DivExterna {
    width: 85%;
}

.USECRET {
    position: relative;
    top: -8px;
}

.tabela-centralizada {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 796px) {
    #LeiTitulo {
        font-size:18px;
        font-weight: bold;
        float: left;
        margin-left: 0px;
    }

    .DivExterna {
        width: 100%;
    }

    #LinhaTabela {
        position: relative;
        top: 20px;
        margin-bottom: 40px;
    }

    .ConteudoLinha {
        padding-top: 10px;
    }

    .Linha3 {
        height: 100px;
    }
}

@media (min-width: 768px) {
    .Linha1 .A2 {
        position: relative;
        top: 0px;
    }
}

@media (max-width: 992px) {
  
}

/* FIM DAS CONFIGURAÇÕES DA PÁGINA LeiDeAcessoInformacao.cshtml */