/*A maioria dos celulares em pé (Exceção: Moto G, Moto X, Linha Nexus)*/
@media (min-width:120px) and (max-width:320px)  { 
    #div-lateral{
        width: 100%;
    }
    /*    #topo-fixed{
            display: none !important;
        }
        
        #fase1-meio{width: 100%!important;}
        
        #fase1-meio-logo {
          float: none;
          width: 50%;
          height: auto;
          margin: 0 auto;
          padding: 15px 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;}
        #menu-acessibilidade {float: none; margin-top: 0px;}
        #acessibilidade {  width: auto;}
        #menu-acessibilidade-fase1{float: none;}
        #topbarContent {  margin: 0 auto !important;  display: block;  float: none!important; width: 260px;  clear: both;}
        #redessociais-menu {  float: left;  width: 230px;  margin: 0 auto;  clear: both; margin-top: -14px;  margin-left: 10%;}       #redessociais{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;}
        #fase1-descricao{font-size: 15px;margin-top: 10px;  text-shadow: #000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
        #fase1-links {  text-align: center;   width: 100%;    margin-left: 0px;  margin-top: 5px;}
        #fase1-links li img{width: 80px;}
        #fase1-links li{margin: 0 10px 0px 10px;}
        
        #fase2-interna2{width: 100%;}
        #fase2-escrita-descricao {  margin-top: 60px;  font-size: 2em;}
        #fase3-interna{width: 100%;}
        
        #tabwrap{  width: 96%;  margin: 0 auto;  float: none;}
        .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: 30px;  position: absolute;  margin-top: -30px;  right: 0px;  font-size: 17px;}    
        .tab-interno-2, .current .tab-interno-2,.tab-interno-3, .current .tab-interno-3{display: none;}
        .tab-interno-1{width: 100%;border: 0px;}
        
        #fase4-interna{padding-top: 32px;}
        #fase4-interna2{width: 100%;}
        #fase4-arte {position: absolute;}
        #fase4-escrita {float: right;width: 90%}
        #fase4-escrita-descricao{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{max-width: 100%;text-align: center;}
        #fase5-rodape{text-align: center;}
        
        #fase6-escrita{background-size: 50%;}
        #fase6-escrita-interna h1{font-size: 16px;}
        #fase6-escrita-interna{font-size: 12px;padding-top: 11%;}
        #fase6-leia-mais a{float: left;}
        
        #fase7{height: 607px;}
        
        #search-mobile{display:block}
        #search-desktop{display:none}
        
        #div-lateral-menu ul li a{
            padding-bottom: 3px;
            padding-top: 4px;
        }*/

}

/*Todos celulares em pé*/
@media (min-width:120px) and (max-width:384px)  { 

}

/*Tamanhos, de: iPhone a Moto G*/
/*@media (min-width:320px) and (max-width:360px)  { 
    
    #topo-fixed{
        display: none !important;
    }
    
    #fase1-meio{width: 100%!important;}
    
    #fase1-meio-logo {
      float: none;
      width: 50%;
      height: auto;
      margin: 0 auto;
      padding: 15px 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;}
    #menu-acessibilidade {float: none; margin-top: 0px;}
    #acessibilidade {  width: auto;}
    #menu-acessibilidade-fase1{float: none;}
    #topbarContent {  margin: 0 auto !important;  display: block;  float: none!important; width: 260px;  clear: both;}
    #redessociais-menu {  float: left;  width: 230px;  margin: 0 auto;  clear: both; margin-top: 0px;  margin-left: 10%;}       #redessociais{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;}
    #fase1-descricao{font-size: 15px;margin-top: 10px;  text-shadow: #000 1px -1px, #000 -1px 1px, #000 1px 1px, #000 -1px -1px;}
    #fase1-links {  text-align: center;   width: 100%;    margin-left: 0px;  margin-top: 15%; float: left;}
    #fase1-links li img{width: 80px;}
    #fase1-links li{margin: 0 10px 0px 10px;}
    
    #fase2-interna2{width: 100%;}
    #fase2-escrita-descricao {  margin-top: 60px;  font-size: 2em;}
    #fase3-interna{width: 100%;}
    
    #tabwrap{  width: 96%;  margin: 0 auto;  float: none;}
    .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: 30px;  position: absolute;  margin-top: -30px;  right: 0px;  font-size: 17px;}    
    .tab-interno-2, .current .tab-interno-2,.tab-interno-3, .current .tab-interno-3{display: none;}
    .tab-interno-1{width: 100%;border: 0px;}
    
    #fase4-interna{padding-top: 32px;}
    #fase4-interna2{width: 100%;}
    #fase4-arte {position: absolute;}
    #fase4-escrita {float: right;width: 90%}
    #fase4-escrita-descricao{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{max-width: 100%;text-align: center;}
    #fase5-rodape{text-align: center;}
    
    #fase6-escrita{background-size: 50%;}
    #fase6-escrita-interna h1{font-size: 16px;}
    #fase6-escrita-interna{font-size: 12px;padding-top: 11%;}
    #fase6-leia-mais a{float: left;}
    
    #fase7{height: 607px;}

    #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;
    }
    
}*/

/*Tamanhos, de: Moto G a Nexus*/
@media (min-width:120px) and (max-width:768px)  {




}

/*Todos celulares deitados*/
@media (min-width:480px) and (max-width:768px)  { 
    #div-lateral {
        width: auto; 
        overflow-y: scroll;
        height: 100%;
    }
    #fase1{min-height: 520px !important;}
    #fase1-meio-logo{width: 30%;}

}