/*Todos Tamanhos de tela*/
@media (min-width:120px) and (max-width:960px)  {

    #topo-fixed{
        display: none !important;
    }



    #fase1{
        min-height: 500px !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #fase1-meio{width: 100%!important;}

    #fase1-meio-logo {
        float: none;
        width: 50%;
        height: auto;
        margin: 0 auto;
        padding: 25px 0px;
    }

    #fase1-meio-logo img {margin: 0 auto; display: block; width: 80%;    }
    .font-item,#fase1-seta{display: none;}
    #fase1-meio-menu{float: none; width: 100%; height: 67px;}
    #fase1-meio-menu img{margin-right: 12px;}
    #fase1-meio-menu #redessociais img {margin-right: 6px; }
    #rss-icon{display: none;}
    #menu-acessibilidade {float: none; margin-top: 0px;}
    #acessibilidade {  width: auto;}
    #menu-acessibilidade-fase1{float: none; display: block;}
    #topbarContent {  margin: 0 auto !important;  display: block;  float: none!important; width: 230px;  clear: both;}
    #redessociais-menu {  float: left; width: 290px; margin: 0 auto; clear: both; position: absolute; left: 50% !important; margin-left: -145px;padding-top: 20px}       
    #redessociais{display:block;width: auto;}
    #fase1-titulo{font-size: 1.8em;  margin-bottom: 0px;text-shadow: #000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;padding-top: 35px;}
    #fase1-descricao{font-size: 15px;margin-top: 10px;  text-shadow: #000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
    #fase1-links {  width: 100%;}
    #fase1-links ul { top: 275px; left: 50%;margin-left: -150px !important;position: absolute;width: 300px;}
    #fase1-links li img{width: 45px;  top: 15px;}
    #fase1-links li{margin: 0 10px 0px 10px;}
    #fase1-legenda{font-size: 12px;padding-top: 75px; line-height: 20px;}
    
    
    #fase2-interna2{width: 100%;}
    #fase2-arte{float: left;width: 30%;position: absolute;top: 10px !important;}
    #fase2-arte img{padding-top: 0px;}
    #fase2-escrita{height: 100%;float: left;width: 100%;text-align: center;}
    #fase2-escrita-descricao{margin-left: 0px;padding-top: 20px;}
    #fase2-escrita-descricao {  margin-top: 60px;  font-size: 2em;}
    #fase3-interna{width: 100%;}

    #tabwrap{  width: 99%;  margin: 0 auto;}
    .tabs li a{width: 31%;padding: 10px 0px;font-size: 13px;}
    .tabs li.current a{width: 35%;}
    .tabs li.current a div {font-size: 14px;}
    .todos-chamadas{float:none;margin-top: 10px;  margin-right: 15px;  position: absolute;  margin-top: -25px;  right: 0px;  font-size: 17px;left: initial !important;}    
    .tab-interno-2, .current .tab-interno-2,.tab-interno-3, .current .tab-interno-3{display: none;}
    .tab-interno-1{width: 100%;border: 0px;padding-right: 0px; background: none;}


    #fase4{background-size: initial !important;}
    #fase4-interna{padding-top: 32px;}
    #fase4-interna2{width: 100%;}
    #fase4-arte {position: absolute;top: 0px;}
    #fase4-escrita {float: right;width: 100%;margin-top: 10%;}
    #fase4-escrita-descricao{  text-align: center; font-size: 2.0em;}

    #fase5-interna{width: 100%;}
    .fase5-meio{width: 100%;}
    .fase5-meio{display: none;}
    .fase5-meio:first-of-type{display: block;}
    .fase5-janela{text-align: center;margin: 0 auto;}
    #fase5-rodape{text-align: center;}
    .fase5-descricao-titulo{
        padding-left: 10px;
        width: 100%;
    }
    
    
    #fase6{background-size: initial !important;}
    #fase6-titulo{font-size: 22pt;}
    #fase6-escrita{background-size: 30%;}
    #fase6-escrita-interna h1{font-size: 16px;}
    #fase6-escrita-interna{font-size: 12px;padding-top: 11%;width: 95%;}
    #fase6-leia-mais a{float: left;}

    #fase7{height: 657px;}
    #fase7-interna{width: 93% !important;}

    #search-mobile{display:block}
    #search-desktop{display:none}

    #div-lateral-menu ul li a{
        padding-bottom: 5px;
        padding-top: 5px;
    }

    #div-lateral-menu ul li a{
        padding-bottom: 3px;
        padding-top: 4px;
    }

    #fase7{
        /*        height: 1000px;*/
        height: auto;
        float: left;
        padding-bottom: 110px;
        margin-top: -7px;
    }

    .fase7-endereco {
        min-height: 70px!important;
        float: left!important;
        border-left: 1px dotted #FFF;
        margin-top: 20px!important;
        margin-left: 10px!important;
        margin-right: 0px!important;
        width: 100%!important;
        padding-top: 30px!important;
    }

    #fase7-voltar-topo {
        float: left;
        margin-top: 30px!important;
        width: 100%;
        text-align: center;
        right: 0px; 

    }

    #fase7-voltar-topo div{
        margin-left: -5px;
    }
    
    .bolas{
        background-position: 10px 0px;
        margin-top: 15px;
    }
    
    #fase3-titulo{
        padding-top: 50px;
        line-height: 100%;
        height: auto;
    }
    
    #fase1-links .destaque_financiamento a{
        width: 90px;
        height: 90px;
    }
    
    #fase1-links .destaque_financiamento a:hover{
        width: 90px;
        height: 90px;
    }
    
    #fase1-links .destaque_financiamento a:hover img{
        width: 35px;
    }
    
    #fase3-modulo{
        float: left;
    }
    
    .separadorChamadasPublicas {
        border: 0px #005354 solid;
    }
    
    div#tituloEncerradas{
        margin-left: 16px;
    }
    
    #div-lateral-menu ul li a{
        padding-bottom: 3px;
        padding-top: 3px;
    }

    

    #div-lateral-menu{
        padding-top: 0px;
        margin-top: 30px;
    }

    #div-lateral-menu ul li:last-of-type{
        margin-bottom: 0px;
    }
    
    #div-lateral-menu ul{
        width: 87%;
        float: left;
        padding: 0px 0px 0px 20px;
    }
    #div-lateral-menu ul li:first-of-type{
        padding-top: 0px;
    }

    #div-lateral-separador{
        display: none;
    }

    #div-lateral-menu-inferior ul li a{
        color: #d7e5dc;
    }

    #div-lateral-menu-inferior li{
        border-bottom: 2px solid #176765;
    }

    
    .menu1 li:last-of-type{
        border-bottom: 2px solid #ec933c;
        margin-bottom: 10px;
    }
    
   
    
}

@media only screen 
and (min-device-width : 120px) 
and (max-device-width : 667px){
    
    .customacesso-informacao{
        width: 100%;
        float: left;
        padding-top: 30px;
    }
    
    #div-lateral-menu-inferior ul li a {
    
    }
    
}

@media only screen 
and (orientation : landscape) 
and (min-device-width : 120px) 
and (max-device-width : 667px){
    
    #div-lateral-menu-inferior ul li a {
        padding-left: 0px;
    }
    
}


@media (max-width:445px)  {
    
    .containerBolas {
         display: none !important; 
    }
    
    .tab-interno-1 {
        width: 100%;
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
        background: none;
    }
}