@charset "UTF-8";
/*-----------------------------------*\
  $FONTS
\*-----------------------------------*/
/**
* by Dois Comunicacao.
* Layout for .
*
* @project .com.br.
* @version 1.0.
* @package layout.
* @author Emerson Fernandes.
* @copyright 2018 Dois Comunicacao e Tecnlogia.
* 
* @colordef ; 
* @colordef ;  
* @colordef ; 
**/
* {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:baseline;
    border: 0;
}
::selection { background: #999; color: white; } 
::-moz-selection { background: #999; color: white; }
a:focus{

}
a:hover{
    text-decoration: none;
}
.margin_top_05px{margin-top: 5px;}
.margin_top_1x{margin-top: 10px;}
.margin_top_2x{margin-top: 20px;}
.margin_top_3x{margin-top: 30px;}
.margin_top_4x{margin-top: 40px;}
.margin_top_5x{margin-top: 50px;}
.margin_top_6x{margin-top: 60px;}
.margin_top_7x{margin-top: 70px;}
.margin_top_8x{margin-top: 80px;}
.margin_top_9x{margin-top: 90px;}
.margin_top_10x{margin-top: 100px;}
.no_margin{margin: 0!important}
.no_margin_left{margin-left: 0!important}
.no_margin_right{margin-right: 0!important}
.normal_size{font-size: 1em;}
.border_left{border-left: 10px solid transparent}
.border_right{border-right: 10px solid transparent}
.border_left_min{border-left: 5px solid transparent}
.border_right_min{border-right: 5px solid transparent}
.border_left_plus{border-left: 20px solid transparent}
.border_right_plus{border-right: 20px solid transparent}
.border_right_plus2{border-right: 50px solid transparent}
.margin_left{margin-left: 5px}
.margin_right{margin-right: 5px}
p{font-size: 1.2em;}
h1{font-size: 3em}
h2{font-size: 2.8em}
h3{font-size: 2.6em}
h4{font-size: 2.2em}
h5{font-size: 1.6em}
h6{font-size: 1.3em}
/*-----------------------------------*\
  $INTERFACE
\*-----------------------------------*/
.i{
    background-color: blueviolet;
    height: 300px
}
.b{
    background-color: salmon;
    height: 50px;
}
.a{
    height: 120px;
    background-color: blue
}
.k{
    background-color: steelblue;
    height: 200px;
}
.c{
    background-color: cadetblue;
    height: 100px;
}

/*-----------------------------------*\
    $EDITIONS TEXT
\*-----------------------------------*/
.text_white{
    color: white!important
}
.text_blue{
    color: #29166F
}
.text_black{
    color: black
}
.text_grey_dark{
    color:#737375 
}
.text_grey{
    color: #737375
}
.bold{
    font-weight: bold;
}
.italic{
    font-style: italic;
}
.pointer{
    cursor: pointer
}
/*-----------------------------------*\
  $HEADER
\*-----------------------------------*/
#topo_icons{
    position: relative;
    z-index: 1000;
    -webkit-box-shadow: -2px 2px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 2px 11px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 2px 11px 0px rgba(0,0,0,0.75);
    background-color: #3E4095;
}
.bg_yellow{
    background-color: #F8C301
}
#topo_icons div div div div a div.icon i{
    font-size: 1.5em
}
#topo_icons div div div div a div.icon{
    display: inline-block;
    padding: 0 4px;
}
#topo{
    background-image: url(../img/1_topo_azul.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 17px solid #F8C301
}

/*-----------------------------------*\
  $EDTIONS OF MENU
\*-----------------------------------*/
.navbar{
    border-radius: 0px;
    border: none;
    margin-bottom: 0px;
}
.nav li:last-child a{
    border-right: 0.5px solid #3E4095;
}
.nav li a{
    border-left: 0.5px solid #3E4095;
    padding: 32px 18px 30px 18px;
}
.nav li a svg{
    display: block;
    margin: 0 auto
}
.nav li a span{
    display: block;
    margin-top: 5px;
    font-size: 0.6em;
    color: white;
    font-weight: bold
}
.nav li a:focus span,.nav li a:hover span{
    color: #F8C301
}
.nav li a:focus,.nav li a:hover{
    background-color: #3E4095;
}
.nav li a:focus .fill_white,.nav li a:hover .fill_white{
    /*fill:#3E4095!important;*/ 
}
.fill_white{
    fill:#fefefe;
}
.fill_blue{
    fill:#29166f
}

/*-----------------------------------*\
  $BODY
\*-----------------------------------*/
.content_slider svg{
    display: inline-block;
    float: left
}
.content_slider div h1 span{
    font-size: 1em
}
.content_slider div h1{
    font-size: 2em;
    float: left;
    margin-left: 20px;
    margin: 0 0 0 20px;
    text-shadow: 2px 2px 2px #000;
}
.content_slider div span.text_white{
    font-size: 2.1em;
    display: inline-block;
    float: left;
    margin: 0px 0 0 20px
}
.content_slider{
    position: absolute;
    width: 100%;
    margin-top: -300px;
    z-index: 150
}

a.box_link:hover div.col-sm-2{
    background-color: #E6E7E9   
}
.box_link div.col-sm-2{
    border: #E6E7E9 solid 1px;
    padding: 30px 10px
}
.description_notice div span:first-child{
    font-size: 0.9em 
}
.description_notice div p{
    font-size: 0.9em
}
.description_notice div h5{
    font-size: 1.5em;
    font-weight: 900
}
.description_notice{
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #E6E7E9
}
.btn_notice{
    background-color: #97989A;
    border-radius: 0;
    padding: 2px 8px;
    margin: 0px auto 9px auto;
    font-size: 0.9em    
}
.no_bottom_bottom{
    border-bottom: 0!important
}
.border_left_plus2{
    border-left: 40px transparent solid
}
.notice_item{
    border-bottom: 1px #cccccc solid
}
.notice_item div div p{
    margin-bottom: 0;
    letter-spacing: 0px;
    font-size: 0.9em
}
.notice_item div div h6{
    font-size: 1.1em
}
.notice_item div div span{
    font-size: 0.9em
}
/*-----------------------------------*\
  $END EDTIONS BODY
\*-----------------------------------*/

/*-----------------------------------*\
  $FOOTER
\*-----------------------------------*/
.bg_menu_footer div div div div div div div h6{
    font-size: 1.5em
}
.list_footer li a:hover{
    color: #F8C301
}
.list_footer li a{
    font-size: 1em;
    color: white
}
.bg_menu_footer{
    padding-bottom: 10px;
    padding-top: 30px;
    background-image: url(../img/23_rodape.jpg);
    background-size: cover;
    background-repeat: no-repeat
}
.btn_map{
    color: #737375;
    font-weight: bold;
}
.icon_map{
    height: 40px;
}
.bar_footer{
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #29166F;
}
.bar_footer div div div div span{
    font-size: 0.8em
}
.bar_footer div div div div a img{
    float: right;
}

/*-----------------------------------*\
  $BEGIN EDTIONS PAGES .php
\*-----------------------------------*/
.bg_top_pages div div div div div div span.text_white{
    font-size:2em
}
.bg_top_pages{
    background-image: url('../img/7_slide_01.jpg');
    background-size: cover;
    padding-bottom: 55px;
    padding-top: 55px
        /*background-position: center bottom;*/
}
.item_link div i{
    margin: 5px auto 0 5px;
    display: block;
    float: left
}
.item_link div span{
    font-size: 1.3em;
    display: block;
    float: left;
    margin: 20px auto 0 10px;
}
.item_link:hover{
    background-color: #E6E7E9;
}
.item_link{
    border: #E6E7E9 solid 1px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.line_social hr{
    margin: 3px 0 7px 0
}
/*-----------------------------------*\
  $END EDTIONS PAGES noticia.php
\*-----------------------------------*/
p.p_description{
    font-size: 1.1em
}
.img-notice{
    height: 300px
}
.gallery div{
    border: 0.5px solid white
}
.list_notice a:nth-child(2n+1) div{
    background-color: #F8F8F8
}
.list_notice a div{
    margin-top: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.list_notice a:hover div{
    background-color: #E6E7E9
}
.item_list_notice:hover{
}
.btn-page{
    text-align: center!important;
    margin: 0 auto!important;
}
.btn-page>a:hover div{
    background-color: #bdbfc1;
    color: white
}
.btn_pages_notices{
    width: 40px;
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    padding: 5px 3px;
    background-color: #244990;
    color: white;
    margin-top: 3px;
}
.btn_pages_notices:hover{
    background-color: #00a1ff
}
.active_page{
    background-color: #00a1ff!important
}
/*-----------------------------------*\
  $BEGIN EDTIONS PAGE noticia.php
\*-----------------------------------*/
/*-----------------------------------*\
  $END EDTIONS PAGES .php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN EDTIONS PAGE .php
\*-----------------------------------*/

/*-----------------------------------*\
  $END EDTIONS PAGE .php
\*-----------------------------------*/
/*-----------------------------------*\
  $BEGIN EDTIONS PAGE erro404.php
\*-----------------------------------*/
.arial{
    font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif!important;
}
.error404{
    margin: 30px 0 40px 0;
}
.error404>div>div>h4{
    margin: 0;
}
.error404>div>div>h4{
    font-size: 1.6em!important;
    line-height: 110%;
}
.btn-info>span{color: #507586;}
.btn-warning>span{color: #825c34;}
.btn-warning{margin-left: 10px;}
.btn>span.mdi{
    font-size: 1.9em;
    margin-top: -9px;
    position: absolute
}
.btn>span:last-child,.margin_left{
    margin-left: 30px!important;
}
.btn>span{
    font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif!important;
    font-size: 1.15em;
    display: inline-block;
}
@media only screen and (max-width: 767px){
    .no_margin_xs{
        margin: 0!important
    }
    .btn>span{
        font-size: 1em;
    }
    .error404>div>div>a>button.margin_left,.btn-warning{
        margin-left: 0!important
    }
    .error404>div>div>a>button{
        margin-top: 5px;
    }
    .error404>div>div>h4 {
        font-size: 1.4em!important;
    }
}
/*-----------------------------------*\
  $END EDTIONS PAGE erro404.php
\*-----------------------------------*/
/*-----------------------------------*\
  $MEDIA QUERIES
\*-----------------------------------*/

@media only screen and (min-width: 1800px){}
@media (min-width:1600px) and (max-width: 1800px){}
@media (min-width:1500px) and (max-width: 1600px){}
@media (min-width:1400px) and (max-width: 1500px){}
@media (min-width:1300px) and (max-width: 1400px){}
@media only screen and (max-width: 1300px){}
@media only screen and (max-width: 1250px){}
@media only screen and (max-width: 1199px){}
@media only screen and (max-width: 1100px){}
@media only screen and (max-width: 1199px){
    .notice_item div div p {
        font-size: 0.7em;
    }
    .bg_menu_footer div div div div div div div h6 {
        font-size: 1.3em;
    }
    .bg_menu_footer div div div div div div h5{
        font-size: 1.3em
    }
}
@media only screen and (max-width: 991px){
    * {
        font-size: 13px;
    } 
    .no_row_sm{margin-left: 0px!important;margin-right: 0px!important;}
}
@media only screen and (max-width: 767px){
    * {
        font-size: 12px;
    } 
    .margin_top_xs{margin-top: 10px}
    .no_row_xs{margin-left: 0px!important;margin-right: 0px!important;}
    .text-right-xs{text-align: right;}
    .text-left-xs{text-align: left;}
    .text-center-xs{text-align: center;}
    #topo_icons div div div div a div.icon i{
        font-size: 2.4em
    }
    .notice_item div div p {
        font-size: 0.8em;
    }
    .border_right_plus2{
        border-right: none
    }
    .notice_item div div h6 {
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 320px){}