/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
    #box-depoimentos #bt_prevIN-dep {margin-left: 0%;}
    #box-depoimentos #bt_nextIN-dep {margin-left: 40%;}

    #box-topo{height: 245px;}
    #tempo {height: 120px;}
    #box-topo #texto-topo {height: 120px;}
}
/* tablets */
@media only screen and (max-width : 992px) {
    #nav{display: none;}
    #div-menu-topo {display: block; width: 180px; z-index:99999999;margin: 10px auto;}
    .nav {position: relative;min-height: 40px;} 
    .nav ul {
        width: 180px;
        padding: 5px 0;
        position: absolute;
        top: 0;
        left: 0;
        border: solid 1px #aaa;
        background: #fff url('../img/icon-menu.png') no-repeat 10px 11px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
        height: auto;
        margin: 0px auto;
    }
    .nav li {display: none; /* hide all <li> items */   margin: 0; float:none;}
    .nav .current {display: block; /* show only current <li> item */}
    .nav a {    display: block; padding: 5px 5px 5px 32px;text-align: left;line-height: 100%; color: #666;}
    .nav .current a {   background: none;color: #666;}
    /* on nav hover */
    .nav ul:hover {background-image: none;}
    .nav ul:hover li {display: block;margin: 0 0 5px;}
    .nav .current a:hover, .nav a:hover {background: url('../img/icon-check.png') no-repeat 10px 7px;}

    #box-topo #texto-topo{width: 100%; text-align: center;}
    #tempo{width: 100%;}
    #tempo #right-tempo {width: 55%;margin-right: 5%}
    #tempo #right-tempo #saudacao{text-align: right;}
    #tempo #right-tempo #data{text-align: right;}
    #tempo #right-tempo #hora{text-align: right;}

    #idocumentos{ min-height: 200px;clear: both;width: 100%;}
    form#form_documentos{width: 100%;  margin: 20px auto; height: 150px;}
    form#form_documentos input {
        width: 50%;
        margin: 0px auto;
        padding: 0px;
        float: none;
        display: block; 
    }

    form#form_documentos button {
        position: static;
        margin: 5px auto;      
        width: 50%;
        height: 25px;
        float: none;
        display: block;        
    }
    form#form_documentos span{display: none;}

    #box-left{width: 100%; margin: 30px auto;padding: 0px;}

    #box-news {       
        margin: 20px auto;       
        padding:0px;
        width: 90%;
        float: none;
    }

    #ferramentas {
        width: 90%;
        margin: 10px auto;        
        float: none;
        clear: both;
    }
    form#form_newsletter {
        width: 100%;       
    }

    form#form_newsletter input {
        position: static;
        margin: 5px auto;       
        width: 50%;
        padding: 0px;
        float: none;
        display: block;        
    }
    form#form_newsletter button {
        position: static;
        margin: 5px auto;       
        width: 50%;   
        float: none;
        display: block;    
    }
    #icalendario{width: 80%; margin: 30px auto; padding: 0px ;text-align: center;}

    #box-right{width: 90%; margin: 0px auto; padding: 0px; float: none;}
    #home{width: 100%; padding: 0px; margin: 0px auto; float: none;}

    #wrap-conteudo #links div{
        width: 33%;
        margin: 10px auto;
        float: left;
        min-height: 150px;
        text-align: center;
     }
    #wrap-conteudo #links{margin: 0px auto;width: 90%;}
    #wrap-conteudo #links div a img{max-width: 100%;}

    div#box-depoimentos{   
        width: 90%;
        clear: both;
        margin: 10px auto;
        background: #fff;
    }
    #box-depoimentos #depoimentos{margin: 10px auto;}
     #box-depoimentos #bt_nextIN-dep {margin-left: 50%;}
    
    #footer1{display: none;}
    #footer2{display: none;}

    #wrap-footer #logos-desenvolvimento{ width: 25%;}

}

@media only screen and (max-width : 920px) {
    #organograma{display: none;}
    #org-descricao{display: none;}
    .reveal-modal{display: none;}
}


/* celulares */
@media only screen and (max-width : 768px) {
    #wrap-topo a img{ width: 250px;}

    #wrap-conteudo { width: 100%;  }  
   div#box-depoimentos{display: none;}
   #box-topo #texto-topo{height: 140px;}
   #footer3 {width: 100%; height: 98px;margin: 15px auto 0px auto;}

   #wrap-footer #logos-desenvolvimento {
        width: 100%;
        height: 100px;
        margin: 15px auto 0px auto;
    }

    #wrap-conteudo #links div a img{display: none;}
    #wrap-conteudo #links{ min-height: 375px;}    
    #wrap-conteudo #links div{float: none; min-height: 30px; width: 90%;}

    p#rodape_endereco, p#rodape_telefone, p#rodape_email {font-size: 12px;}

    .box-par {width: 100%;}
}