/* READ ME */
/* Esta adaptação de layout para o modelo responsivo, foi escrita após o
// desenvolvimento do layout. Com isso, muitos estilos podem pertencer a módulos
// específicos. Os estilos correspondentes a módulos, com arquivos css separados
// dos demais arquivos de estilo do site, devem ser transpostos para seus
// determinados arquivos, utilizando as media-queries.
//
// Samuel Levy.*/

*{
  box-sizing: border-box;
}
@media (max-width: 700px) {
  /* Limpando */
  body{margin: 0;}

  footer.rodape{width: 100%; margin: 20px 0 0 0; padding: 0 0 20px 40px;}
  footer.rodape .creditos{display: none;}

  div.corpo{margin: 0; padding: 1%; width: 100% !important; float: left;}
  div.linha{margin: -1% 0 30px 0; width: 98%; position: fixed; z-index: 999;}


  /* Coding */
  header.cabecalho{
    margin: 50px 0 57px 0 !important;
  }

  /*header.cabecalho div.logotipo{
    margin: 0;
	margin-top: -15px;
	position: absolute;
	z-index: -1;
  }*/

  /* Class 'bloco': regras gerais */
  section.bloco{
    margin: 0 !important;
  }
section.faixa-banner{
    margin: 0 !important;
  }
  section.bloco.floatRight{
    display: table;
    margin: 3px !important;
  }


  /* Menu metro meio */
  .menu-metro-item{margin: 0 0 10px 0;}
  .margin_right_10{margin-right: 10px;}

  /* Vertical area */
  .vertical-areas-item{display: none;}

  /* Menu DJ */
  .dj-main li.last:hover ul.dj-submenu {
  	left: 0 !important;
  }

  /* COMUNS */

  /* Casts */
  div.multicast div.area-pesquisa div.titulo-combo{
    width: 100% !important;
  }

  div.multicast div.area-pesquisa div.divisor-combo{
    display: none !important;
  }

  div.multicast div.area-pesquisa div.combo{
    width: 100% !important;
  }

  /* Comuns */
  div.area-esteira{
    width: 100% !important;
    display: block !important;
    float: left !important;
  }

  div.area-esteira div.margem-faixa-branca{
    width: 100% !important;
  }

  div.area-esteira div.margem-faixa-branca .chamada-inferior{
   width: 100% !important;
 }

 div.cabecalho-barra{
   width: 100% !important;
 }

 /* Outras mídias */
 section.bloco.outras_midias{
   float: left !important;
   width: 100% !important;
 }

 /* Multitemas -> bloco */
 div.corpo.multitemas{
  min-width: 0;
  max-width: 100%;
  width: 100% !important;
 }
 div.multitemas div.multitemas{
   width: 100% !important;
 }
 div.corpo.definicao-leia div.multitemas div.multitemas div.multi div.tema{
   width: 100% !important;
 }

 /* TV */
 .definicao-assista div.cabecalho-barra{
   width: 100%;
 }

 .definicao-assista div.faixa-seta div.t630{
   width: 100%;
 }

 .chamada-assista div.titulo{
   margin-top: 0;
 }
 .chamada-inferior .imagem{
   margin-right: 5px;
 }

 .definicao-assista .floatRight{
   float: left;
   width: 100%;
   margin: 0;
 }

 .definicao-assista header .floatRight{
   float: right;
   width: auto;
 }

 .definicao-assista div.faixa-seta div.t310{
   width: 100%;
 }

 .corpo.definicao-assista section.bloco.floatRight{
   margin-left: 0px !important;
 }

 .programacaohoje{
     float: left;
     width: 100% !important;
   }

 div.corpo_destaques_selecionados.assist{
   width: 100%;
 }

 /* Leia */
  div.reportagens_e_artigos{
    float: left;
    width: 100%;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .definicao-leia div.faixa-seta div.t630{
    width: 100% !important;
  }

  .definicao-leia section.floatRight{
    float: left;
    width: 100%;
    margin-left: 0 !important;
  }

  .definicao-leia div.faixa-seta{

  }

  .definicao-leia div.faixa-seta div.t310{
    float: left;
    width: 100%;
    margin: 0;
  }

  /* Interaja */
  .definicao-interaja div.faixa-seta div.t630{
    width: 100%;
  }

  /* Estude */
  .definicao-estude div.faixa-seta div.t630{
    width: 100%;
  }

  /* MultiRio */
  .definicao-multirio div.faixa-seta div.t630{
    width: 100%;
  }

  div.multirio-contatos{
    width: 100% !important;
  }

  header section.floatRight{
    float: right !important;
    width: auto !important;
    margin-left: 0 !important;
  }



    /* Login front-end */
    div.login_busca_som div.login{
      width: 100% !important;
      margin: 10px 0 !important;
      height: auto !important;
    }

    div.login_busca_som div.login .remember_box{
      float: left;
      width: 100%;

    }
    div.login_busca_som div.login .remember_box div{
      float: left !important;
      width: 100% !important;
      text-align: left !important;
    }

    div.login_busca_som div.login .remember_box a{
      float: left !important;
    }

    div.login_busca_som div.login .faixa{
      text-align: left !important;
      width: 100% !important;
    }

    div.login_busca_som div.login .faixa label{
      width: 100% !important;
      float: left !important;
      text-align: left !important;
    }
    div.login_busca_som .texto{
      float: left !important;
      width: 100% !important;
    }

    .login_busca_som .busca_box{

    }

    /* geral */
    .definicao-assista div.cabecalho-barra{
      position: inherit;
      float: left;
      width: 100%;
    }
    /* Nova chamada (organizar) - TV */
    div.corpo_destaques_selecionados.assista{
      width: 100%;
    }
    div.corpo_destaques_selecionados.assista .chamadas{
      float: left;
    }
}