body {
    font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

img {
    vertical-align: middle;
}

p{
    text-align: justify;
}

.clear{
    clear: both;
}

h1 small{
    font-size: 50%;
    font-weight: normal;
}

/* Topo */

#header{    
	background: #1e242e;
    min-height: 120px;
    width: 100%;

}

#header .header {
    margin-bottom: 0;
    background-color: #1e242e;

}


#barra-color{
    padding-top: 10px !important;
    width: 100%;
    top:120px;
    background: url("../img/barra.png") repeat-x scroll center top;
}

.logo {
    height: 90px;
    z-index: 999;

}

.logo {
    display: inline-block;
    float: left;
    width: auto;
    margin: 0 7px 0 0;
    position: relative;
    margin-top: 15px;
}



/* Menu */


.navbar {
    width: auto;
    margin: 18px  0 0 15px;
    float: right;
    background: #000;
    background-color: #1e242e;
    cursor:pointer;
}

.navbar .menu, .navbar .menu * {
    font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: none;
}

.navbar .menu li {
    position: relative;
}

.navbar .menu > li {
    float: left;
}

.header .menu a {
    color: #999999;
}

.navbar .menu a {
    display: block;
    position: relative;
    z-index: 2;
    padding: 1.7em 1em 1.9em;
    text-decoration: none;
    zoom: 1;
    color: #eee;
    font-size: 16.8px;
    line-height: 1.4;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: .3s ease-out;
    transition: .3s linear;
}


.submenu { display: none; position: absolute;  vertical-align: middle; padding: 0 }
.navbar .menu  li ul.submenu { 
    display: none; 
    background-color: #1e242e; 
    width: 150px;
    z-index: 100;
}

.navbar .menu li ul.submenu a {
    padding: 1em 0.5em 1.2em;
}



/* função para celular */



/*
.header .menu a:hover, .header .menu ul li a:hover{
    background-color: #d81c87;
    color: #eee;
    -webkit-transition: .01s ease-out;
    transition: .01s linear;
    
}
*/
a.sub1:hover{
    background: rgb(0,161,230);
    color: #eee;
    -webkit-transition: .01s ease-out;
    transition: .01s linear;
}

a.sub2:hover{
    background: rgb(0,199,199);
    color: #eee;
    -webkit-transition: .01s ease-out;
    transition: .01s linear;
}

a.sub3:hover{
    background: rgb(0,209,140);
    color: #eee;
    -webkit-transition: .01s ease-out;
    transition: .01s linear;
}

a.sub4:hover{
    background: rgb(161,230,51);
    color: #eee;
    -webkit-transition: .01s ease-out;
    transition: .01s linear;
}

a.sub5:hover{
    background: rgb(230,176,46);
    color: #eee;
    -webkit-transition: .01s ease-out;
    transition: .01s linear;
}


/* Media Queries Cabeçalho */
.container .header{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}



@media (min-width: 768px){
.container .header{
    
}


}
@media (min-width: 992px){
.container .header{
    
}


}

@media (min-width: 1200px){
.container .header{
    width: 1090px;
}



}

@media (max-width: 1200px){
.navbar .menu a {
    
}

.navbar {

    margin: 25px  0 0 15px;
}


}

@media (max-width: 768px){
    #header{    
    background: #1e242e;
    min-height: 80px;
    width: 100%;

}


#barra-color{
    padding-top: 10px !important;
    width: 100%;
    top:80px;
    background: url("../img/barra.png") repeat-x scroll center top;
}

.logo {
    height: 60px;
    margin-top: 10px;

}

}



@media (max-width: 991px){
    /* icone mais */

div.icone-link-mais{
  position: fixed;
  right: 2;
}
.icone-link-mais{
    background-color: #f53e2a;
    color: #fff;
    height: 42px;
    width: 42px;
    margin: 0;
    padding: 7px;
    float: left;
    border-radius: 50%;
    text-align: center;

}

.icone-link-mais{
    top: 25.5px;
    right: 5px;
    font-size: 18px;


}


i.icone-link-mais{
    background: url("../img/icon-plus.png") no-repeat scroll center;
    margin-top: -7px;
    margin-left: -7px;
}
.icone-link-mais:hover{
    background-color: #d81c87;

}

.navbar {
    position: fixed;
    right: 2px;
    top: 105px;
    width: 300px;
    max-height: 60%;
    overflow-x: hidden;

}

.navbar .menu{
    display: none;
}

.navbar .menu > li {
    float: none;
}

.navbar .menu li ul.submenu{
    position: inherit;
}

.navbar .menu  li:hover ul.submenu { 
     
    
}

.navbar .menu li ul.submenu{
    width: 100%;
}

.navbar .menu a {

     padding: 1em 2em 1.2em;
    }


.navbar .menu li ul.submenu a {
    padding: 1em 4em 1.2em;
    width: 148px;
}



}

@media (max-width: 768px){
.icone-link-mais{
top: 10.5px !important;
}

.navbar {
    right: 2px;
    top: 65px;
    width: 300px;
}
}

/* Corpo */

#main{
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
min-height: 300px;
}

section.centro{
    width: 70%;
    float: left;
    padding-right: 2%;

}


aside.lateral{
    width: 28%;
    float: left;
    margin-bottom: 5px;
    
}

section.centro div, aside.lateral > div{
padding: 0.5%;
}

.caixacategoria a, .presidente a{
    text-decoration: none;
    color: #027dc3;
}

.caixacategoria a:hover, .presidente a:hover{
    text-decoration: underline;
}

div.bloco{
    clear: both;
}

img.categoria{
    float: left;
    padding-right: 2%;
    width: 25%;
}

img.noticia{
    padding-left: 12.5%;
    width: 75%;

}

div.paginacao{
    margin: 15px 0 20px;
    clear: both;
}

div.paginacao ul{
    padding-left: 0;
    margin: 0;
    color: #666;
    text-transform: none;
}

div.paginacao ul > li {
    display: inline;
}

div.paginacao ul > li.active a{
    z-index: 2;
    color: #ffffff;
    background-color: #1e242e;
    border: 1px solid #222;
    cursor: default;
}

div.paginacao ul > li a:hover{
    z-index: 2;
    color: #ffffff;
    background-color: #1e242e;
    border: 1px solid #222;
}

div.pagination ul > li:first-child a{
  
 
}

div.paginacao ul > li a{
    position: relative;
    padding: 8px 14px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    margin-left: -4px;
    color: #333;
    border: 1px solid #ddd;
}

@media (max-width: 768px){
#main {

    width: 100%;
    padding-left: 0;
    padding-right: 0;

}

section.centro{
    width: 100%;
}

aside.lateral{
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
}

img.categoria{
    float: left;
    padding-right: 2%;
    width: 50%;
}
}

div.banners img{
    width: 100%;
    border-radius: 10px;
    margin-top: 5px;
}

div.banners a{
    text-decoration: none;
    color:#027dc3;
}

div.banners a:hover{
    text-decoration: underline;
}

div.presidente{
    text-align: center;
    float: left;
    width: 30%;
}

div.presidente p{
    text-align: center;
}

div.info-foto img{
    float: left;
    padding-right: 2%;
}

figure{
    width: 100%;
    margin: 0;
}

figcaption{
    font: 100% sans-serif;
    text-align: center;
    margin-top: 5px;
}

div.video{
    position: relative;
    padding-bottom: 56.25% !important; /* Vídeo 16:9 */
    padding-top: 25px !important; /* Abre espaço para os conrtoles de vídeo */
    height: 0;
    margin: 0 auto;

}

div.video iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

}

div.sessoes{
    position: relative;
}
/* Ouvidoria */

div.formulario input, div.formulario textarea, div.formulario select{
    width: 100%;
}

div.error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}

div.success{
    color: #fff;
    background-color: #337ab7;
    border-color: #ebccd1;
    padding: 15px !important;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (min-width: 768px){
#main {

    width: 100%;
    padding-left: 0;
    padding-right: 0;

}



}

@media (min-width: 992px){
#main {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  

}


}


@media (min-width: 1200px){
#main {
    width: 1090px;
}

}

@media(max-width: 1103px){
    .facebook{
    display: none;
}
}

/* Rodapé */



#footer{   
    font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif; 
    background: #1e242e;
    position: relative;
    min-height: 120px;
    width: 100%;
    clear: both;

}

#footer .footer {
    position: relative;
    margin-bottom: 0;
    background-color: #1e242e;

}

#footer .footer aside{
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1.7em;
    padding-bottom: 1.7em;
    width: 16%;


}

#footer .footer aside a{
    padding: 0;
    display: block;
    position: relative;
    z-index: 2;
    
    text-decoration: none;
    zoom: 1;
    color: #eee;
    font-size: 16.8px;
    line-height: 1.4;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#footer .footer aside ul{
    list-style: none;
    padding-left: 0;
}

#footer .footer aside ul li a{
    padding: 0;
    font-weight: normal;
    font-size: 14px;
}

#footer .footer aside ul li a:hover{
    text-decoration: underline;
}

.clear{
    clear: both;
}

.criacao{
    text-align: center;
    padding: 1em;
    font-weight: 700;
    zoom: 1;
    color: #eee;
}

.criacao a{
      font-weight: 700;
    zoom: 1;
    color: #eee;
    text-decoration: none;
}

.criacao a:hover{
    text-decoration: underline;
}


/* Media queries Footer */

.container .footer{
   margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}



@media (min-width: 768px){

.container .footer{
    width: 750px;
}


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

.container .footer{
    width: 970px;
}

}

@media (min-width: 1200px){

.container .footer{
    width: 1090px;
}
}

@media (max-width: 991px){

    #footer .footer aside{
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1.7em;
    padding-bottom: 1.7em;
    width: 21%;


}



}

@media (max-width: 768px){
    #footer .footer aside{
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1.7em;
    padding-bottom: 1.7em;
    width: 29.33%;


}

div.presidente{

    width: 45%;
}


}

@media (max-width: 500px){
    #footer .footer aside{
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1.7em;
    padding-bottom: 1.7em;
    width: 46%;


}
}
@media (max-width: 300px){
    #footer .footer aside{
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1.7em;
    padding-bottom: 1.7em;
    width: 98%;


}
}
/* clears Rodapé */
@media (max-width: 991px) and (min-width: 768px){
.clear-tablet{
    clear: both;
}
}

@media (max-width: 767px) and (min-width: 500px){
.clear-tablet-2{
    clear: both;
}
}

/* Inicio Slide Show */

 .flex-caption {
      width: 96%;
      padding: 2%;
      left: 0;
      bottom: 0;
      background: rgba(0,0,0,.5);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,.3);
      font-size: 14px;
      line-height: 18px;
      margin-top: 0;
    }
    li.css a {
      border-radius: 0;
    }

    div.flexslider, div.flex-viewport{
        padding: 0 !important;
    }

    .flex-control-nav {
    bottom: -10px !important;
}
.flex-caption a{
    text-decoration: none !important;
}

.flex-direction-nav a {
    height: 50px !important;
}
/* Fim Slide Show */

img.banners{
    width: 100%;
    padding-top: 10px;
}

@media (min-width: 768px){

img.banners{
    width: 48%;
    padding-top: 10px;
}
}

@media (min-width: 992px){

img.banners{
    width: 32.6%;
    padding-top: 10px;
}

}

.busca-home h2, .busca-home p, div.busca-section-home h3, div.busca-section-home p{
    text-align: center;
}
.busca-home p, div.busca-section-home p{
    margin-top: -20px;
}

.busca-home{

    margin-top: 10px;
    padding: 20px !important;
    padding-top: 0 !important;
}

div.busca-section-home{
    border: 1px solid #ccc;
    margin-bottom: 10px;
    
}

div.success a{
    color: #FFF;

}
div.success a:hover{
    color: #FFF;

}

div.bloco-foto{
    margin-bottom: 10px;
}


img.curriculo{
    margin-bottom: 10px;
}