html{
    font:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body {
    padding-top: 0px;

}

a{
text-decoration: none !important;
}

.zf-green {
    color: #68b604;
}

.zf-red {
    color: #FF0000;
}


.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

.btn-success:active, .btn-success.active {
    background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

#topo-geral{
margin-top: 10px;
margin-bottom: 10px;
}

#menuSecundario ul li{
    float: left;
    list-style: none;
    margin: 1px;
}


/* CABEÇALHO */
.logo-topo-governo{
width: 80%;
margin-top: 15px;
}
.logo-topo-div{
min-height: 138px;
}


/* meio */
.painel-noticias .panel{
    min-height: 400px !important;
    border:1px solid #ebebeb;
    box-shadow: 6px 6px 6px #BBB;
    -webkit-box-shadow: 6px 6px 6px #BBB;
    -moz-box-shadow: 6px 6px 6px #BBB;
}

/*MODULOS*/
.titulo-modulo{
color: #FFF;
}

/* CURSOS */
.cursos{
    width: 97%;
    min-height: 300px;
    margin: 0 auto;
    padding: 5px;
}
.curso-bloco{
    min-height: 255px;
    margin-top: 15px;
    color: #fff;
}
.barra-titulo{
    width: 100%; 
    z-index: 1;
    min-height: 80px;
    background-color: #db6858;
    margin-bottom: 5px;

}


/*CELULARES*/
@media only screen and (min-width:282px){
    #menu-dinamico{
min-width: 400px; 
}
    //   .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}


}

@media only screen and (min-width:320px){
    // .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}

    #menu-dinamico{
min-width: 400px; 
}
}

@media only screen and (min-width:360px){
    //  .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}

    #menu-dinamico{
min-width: 400px; 
}
}

@media only screen and (min-width:414px){
    //  .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 400px; 
}

}

/*TABLETS*/
@media only screen and (min-width:480px){
    //   .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 400px; 
}
}

@media only screen and (min-width:533px){
    //  .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 400px; 
}
}
@media only screen and (min-width:600px){
    //  .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
}

@media only screen and (min-width:640px){
    // .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 400px; 
}
}

@media only screen and (min-width:768px){
    // .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
        min-width: 400px; 
    
    }

}

@media only screen and (min-width:800px){
    // .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 400px; 
}
}

/*MONITORES*/
@media only screen and (min-width:962px){
    //   .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 400px; 
}
}

@media only screen and (min-width:1024px){
    // .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 520px; 
}
}

@media only screen and (min-width:1280px){
    // .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 520px; 
}
}

@media only screen and (min-width:1366px){
    // .topo{background:  url('../img/topo.png') -234px -1px / 148% ;}
    #menu-dinamico{
min-width: 520px; 
}

}

@media only screen and (min-width:1440px){
    #menu-dinamico{
min-width: 520px; 
}
}

@media only screen and (min-width:1600px){
    #menu-dinamico{
min-width: 540px; 
}
}

@media only screen and (min-width:1680px){
    #menu-dinamico{
min-width: 540px; 
}

}
@media only screen and (min-width:1903px){
    /* for sumo sized (mac) screens */
    #menu-dinamico{
min-width: 540px; 
}

}
@media only screen and (min-width:1920px){
    #menu-dinamico{
min-width: 540px; 
}

}
@media only screen and (max-width:1280px){
  .navbar-default .navbar-nav>li>a   {  
      font-size: 0.80em !important;

  }
  .nav>li>a {
    padding: 15px 2px 15px 8px;
}
}

.navbar-default {
    background-color: #fff !important;
    border-color: #e7e7e7;
}

#menuSecundario ul li{
    float: left;
    list-style: none;
    margin: 1px;
}

.navbar-default .navbar-nav>li>a {
    color: #777777;
    text-transform: uppercase;
}


.navbar {
    margin-top: 10px !important;
}

.container{
min-width: 75%;
}

.barra-titulo a{
color: #fff !important;
}
.barra-titulo a:hover{
color:#e7473d; 
text-decoration: none;
}
.imagem-curso img{
margin: 0 auto;
margin-bottom: 25px;
}
.imagem-curso {
width: 444px;
height: 220px;
overflow:hidden;
}
.titulo-curso{
color:#fff;
}

.titulo-curso p{
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
}
.descricao-curso{
padding: 10px;
}

/*noticias */
h2.titulo-noticia{
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 20px;
}
.p-conteudo{  
    color: #555;
    font-size: 0.95em;
    letter-spacing: 0;
    line-height: 20px;
    padding-bottom: 1.4em;
    word-wrap: break-word;
}
.linha-topo{
    width: 100%;
    height: 7px;
    background: #b7be34;
}

.todas-noticias{
    width: 100%;
    min-height: 30px;    
    background: -webkit-gradient(linear, left top, left bottom, from(#c44d3d), to(#db311a));
    background: -moz-linear-gradient(top, #c44d3d, #db311a);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c44d3d', EndColorStr='#db311a');   
}
.todas-noticias a {
    color: #FFF;
    padding-top:18px;
    padding-right:10px;
    float: right;
}
.todas-noticias h2 {   
    padding-left:15px ;
    float: right;
}
a.link-noticia{
    color: #db311a !important;
    line-height: 1.3em;
    font-size: 1.3em;
}
a.link-noticia:hover{
    color: #f37a1f !important; 
}
h4.texto-noticia{
    color: #9E9E9E;
    line-height: 1.0em;
}

/*BARRAS ROIDAPE*/

.barra-cinza{ 
    background: #5f6062;
    height: 100%;  
    width: 13%;
    color: #fff;
    padding: 10px;
    font-size: 1.3em;
    line-height: 1.6;
}/*
 
 /*MENU GERAL*/


/*localizar*/


.flipkart-navbar-input {
    padding: 11px 16px;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
}

.flipkart-navbar-button {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 0 2px 2px 0;
    color: #006699;
    padding: 10px 0;
    height: 45px;
    cursor: pointer;
    left: -51px;
}

.cart-button {
    background-color: #2469d9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    padding: 10px 0;
    text-align: center;
    height: 41px;
    border-radius: 2px;
    font-weight: 500;
    width: 120px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
}

.cart-button:hover{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.cart-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.item-number {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    height: 20px;
    padding: 3px 6px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    line-height: 12px;
    margin-left: 10px;
}

.upper-links {
    display: inline-block;
    padding: 0 11px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    color: inherit;
    border: none;
    outline: none;
    font-size: 12px;
}

/*menu*/

.dropdown-menu li a{
font-size: 1.1em;
}
.navbar-nav>li a:hover{
color:#c33137 !important;
background-color: #e7e7e7 !important;
}
.dropdown-menu > li a:hover{
color:#c33137 !important;
background-color: #e7e7e7 !important;
}
.navbar-nav>li a:hover{
color:#c33137 !important;
background-color: #e7e7e7 !important;
}
/*MENU ACESSIBILIDADE*/

.menu-acessibilidade{
background:#4b4a4a;
margin-bottom: 0px; 
height: 35px; 
}
.menu-acessibilidade a{
color:#fff;
font-size: 0.9em; 
}

/*BREADCRUMB*/
ol.breadcrumb{
}
ol.breadcrumb li{
}
ol.breadcrumb li a{
color: #e84832;
}
ol.breadcrumb li a:hover{
color: #cb7b6f;
}

/*classes de extensão*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #e84832;
    border-color: #e84832;
}

.pagination>li>a, .pagination>li>span {
    color: #e84832;
    background-color: #fff;
    border: 1px solid #f9d2cc;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #e84832;
    background-color: #f9d2cc;
    border-color: #e84832;
}

.list-group-item-yellow {
    color: #eee34e;
    background-color: #fbf6ab;
}
a.list-group-item-yellow {
    color: #e84832;
}
a.list-group-item-yellow .list-group-item-heading {
    color: inherit;
}
a.list-group-item-yellow:hover,
a.list-group-item-yellow:focus {
    color: #a99e0f;
    background-color: #eee34e;
}
a.list-group-item-yellow.active,
a.list-group-item-yellow.active:hover,
a.list-group-item-yellow.active:focus {
    color: #fff;
    background-color: #fbf6ab;
    border-color: #a94442;
}

.link-vermelho{
color: #e84832;
}


.bg-red{
background: #e84832 !important;
}
.bg-default{
background: #dbdbdb !important;
}
.border-red{
border: 1px solid #e84832 !important;
}

.bg-red-grad{ 
    background: -webkit-gradient(linear, left top, left bottom, from(#a60d12), to(#f15a21)) !important;
    background: -moz-linear-gradient(top, #a60d12, #f15a21) !important;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#a60d12', EndColorStr='#f15a21') !important;
}
.bg-yellow-grad{ 
    background: -webkit-gradient(linear, left top, left bottom, from(#eee34e), to(#e4de83)) !important;
    background: -moz-linear-gradient(top, #eee34e, #e4de83) !important;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eee34e', EndColorStr='#e4de83') !important;
}

.border-red{
border: 1px solid #e84832 !important;
}
.bg-blue{
background: #0178b9 !important;
}
.border-blue{
border: 1px solid #0178b9 !important;
}
.bg-blue-claro{
background: #25beea !important;
}
.border-blue-claro{
border: 1px solid #25beea !important;
}
.bg-yellow{
background: #eee34e !important;
}
.border-yellow{
border: 1px solid #eee34e !important;
}
.bg-white{
background: #fff !important;
}
.border-white{
border: 1px solid #fff !important;
}
.font-white{
color: #fff !important;
}
.font-red{
color: #e84832 !important;
}
.font-red-2{
color: #cb7b6f !important;
}
.font-cinza{
color:#5f6062;
}
.titulo-legenda{
color: #bf151b !important;
}
.titulo-legenda-azul{
color: #428bca !important;
}
legend{
color: #bf151b;
}

.fale-conosco > form > div > label.label{    
width: 150px !important;
color: #333;
font: 100% Arial, Verdana;
display: inline-block;
text-align: left; 
vertical-align: top;
}

/*CARROUSSEL projetos-carroussel */

.caroussel-thumbs li{
display: inline-table; 
width: 45px;
}
.caroussel-thumbs li img{
width: 40px;
height: 40px;
}
#projetos-carroussel .caroussel-thumbs {
width: 100%;
}



/*CARROUSSEL*/
#noticia-destaque-carroussel .bolinhas-carroussel{
bottom: 0px;
}
#noticia-destaque-carroussel .carousel-indicators .active{
background: #ff0000;
}
#noticia-destaque-carroussel .carousel-indicators {
bottom: 0px;
}

/*REDES SOCIAIS*/
.caixa-redes-sociais{
width:40%;
margin-top: 45px !important;
}
.caixa-redes-sociais ul li{
float: left;
margin: 0;
width: 125px; 
color:#fff;
}
.caixa-redes-sociais ul li img{
width:37%;
margin-right: 2px;
}
.twitter > div{
border-left: 1px solid #fff;
min-height: 100px;
color: #fff;
}
.twitter > div:first-child{
border-left: none;
}

/*RODAPE*/
#footer{   
    width: 100%;
    background: #666;   
}

#footer ul li{
    float: left ;
    list-style: none ;
    margin: 1px;
}

.menu-rodape{
position: relative; 
top: 90px;
}
.menu-rodape a{ 
color: #fff;
font-size: 1.6em;
}
.logo-rodape img{
width: 45%;
margin-top: 50px;
}
.cadastro-rodape{
    margin-left: 20px;
    margin-top: 30px;
    padding-right: 33px;
    border-right: 1px solid #fff;
}

/*INDEX*/

.noticia>.panel {
    margin-bottom: 5px !important;
}
.carousel-control.right {
    background: none !important;
    color: #fff;
    top: 0px;
}
.carousel-control.left {
    background-image: none !important;
    color: #fff;
    top: 0px;
}

.eventos-caixa{
    box-shadow: 3px 3px 3px #BBB;
    -webkit-box-shadow: 3px 3px 3px #BBB;
    -moz-box-shadow: 3px 3px 3px #BBB;
}


/*MENU DROPDOWN */
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
left:100%;
    margin-top:-6px;
margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;  
    height: 0;     
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: underline;
}  


@media (max-width: 1265px) {
    .navbar-default .navbar-nav>li>a {  
    font-size: 0.70em !important; 

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

    .navbar-nav  {
        display: inline;
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-toggle .icon-bar {

    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;

        border-radius: 4px;
        margin-top: 2px;   
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc;
    }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white; 
        border-radius: 0;
    }
    .dropdown-menu {
        padding-left: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }
    li.dropdown.open {
        border: 0px solid red;
    }

}
.carousel-indicators li  {
    width: 20px !important;
    height: 20px !important;

}
.carousel-indicators li.active  {
    width: 20px;
    height: 20px;

}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999p


@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
    #navbar {
        text-align: center;
    }
} 