/* 
    Created on : 25/06/2015, 17:26:32
    Author     : André
*/

@media screen and (max-width: 1280px) {

    .bg-cabecalho{
        min-width: 990px;
    }

    .cabecalho{
        width: 990px;
        margin: 0 auto;
    }

    .logo{
        margin-left: 50px;
    }

    .contador{
        margin:20px 5px 0px 0px; 
    }

    .prop-prata{
        width:320px;
        margin-left: 10px;

    }


    .container{
        width: 990px;        
        padding:0px 5px 0px 5px;
    }

    /*Box Slider*/
    .box-slider-destaques{
        width: 640px;
    }

    .box-destaques{
        width:640px;
    }
    /*Box TV Jogo Sério*/
    .box-tv-js{
        width:320px;
        margin-left: 10px;
    }
    .enquete{
        width: 640px;
    }
    .clima{
        width: 320px;
        margin-left: 10px;
    }
    .box-noticia{
        width:650px;
        margin-bottom:20px;
    }

    .box-destaques li:first-child  .box-img-principal{
        height: 304px;
    }

    /*Coluna Notícia*/

    .coluna-noticia{
        float:left;
        width:315px;
    }

    .coluna-noticia li:first-child .box-img-principal{
        width: 100%;
        height: 149px;
    }

    .coluna-noticia li a{
        min-height: 80px;
    }

    /*PAGINA CATEGORIA*/

    .box-categoria{
        width:990px;
    }

    .box-categoria li a{   
        width:310px;
    }

    /*Box Rodape*/
    .rodape{
        min-width: 990px;

    }

    .box-ropape{
        width:990px;
        margin:0 auto;
    }

    .coluna-rodape{
        width:180px;
    }

    .box-quem-somos{
        width: 350px;
    }

    .box-redes-sociais{
        width: 350px;
    }

}

@media screen and (max-width: 990px) {

    .bg-cabecalho{
        min-width: 100%;
    }

    .cabecalho{
        width: 768px;
        margin: 0 auto;
    }

    .dl-menuwrapper {
        width: 100%;
        z-index: 9998;
    }

    .logo{
        margin-left: -80px;
    }

    .prop-prata{
        width: 350px;
        float: left;
    }


    .container{
        width: 768px;        
        padding:0px 5px 0px 5px;
    }

    /*Box Slider*/
    .box-slider-destaques{
        width:99%;
    }

    .box-destaques{
        width:100%;
    }

    .box-destaques li a{
        width:360px;
    }
    /*Box TV Jogo Sério*/
    .box-tv-js{
        width:360px;
        float: left;
    }

    .box-noticia{
        width:100%;
        margin-bottom:20px;
    }

    .box-destaques li:first-child .box-img-principal{
        height: 359px;
        margin-bottom: 10px;
    }

    .enquete{
        width: 360px;
    }
    .clima{
        width: 360px;
        margin-left: 10px;
    }
    /*Coluna Notícia*/

    .coluna-noticia{
        padding:5px;
        float:left;
        width:360px;
        min-height: 1180px;
    }


    .coluna-noticia li:first-child .box-img-principal{
        width: 100%;
        height: 168px;
    }

    .coluna-noticia li .box-img-principal{
        width: 100%;
        height: 168px;
        margin-bottom: 10px;
    }

    .coluna-noticia li a{
        min-height: 245px;
    }

    .coluna-noticia .flexslider .slides > li a{ min-height: 100%; padding: 0px;}

    /*PAGINA CATEGORIA*/

    .box-categoria{
        width:90%;
    }

    .box-categoria li a{   
        width:100%;
    }

    /*Box Rodape*/
    .rodape{
        min-width: 100%;
    }

    .box-ropape{
        width:500px;
        margin:0 auto;
    }

    .coluna-rodape{
        width:100%;
    }

    .box-quem-somos{
        width: 100%;
    }

    .box-redes-sociais{
        width: 100%;
    }

}

@media screen and (max-width: 768px) {

    .cabecalho{
        width: 520px;
        margin: 0 auto;
    }

    .logo{
        width:280px;
        float: left;
        margin-top: 15px;
        margin-left: -160px;
        border:0px;
        z-index: 9999;

    }

    .contador{
        width:100px;
        margin:20px 15px 0px 0px;
        float:right;

    }

    .contador img{
        width: 35px;
    }

    .contador .numero{
        font-size: 26px;
    }

    .prop-prata{
        float: left;
        width: 480px;
        margin-left: 25px;
        margin-top: 15px;
    }


    .container{
        width: 520px;        
        padding:0px 5px 0px 0px;
    }
    /*Box Slider*/
    .box-slider-destaques{
        width:99%;
    }

    .box-destaques li:first-child span{
        font-size:1.6em;
    }

    .box-destaques li span{
        font-size:1.6em;
    }

    .box-destaques{
        width:100%;
    }

    .box-destaques li a{
        width:510px;
    }
    /*Box TV Jogo Sério*/
    .box-tv-js{
        width:510px;
        float: left;
    }

    .box-noticia{
        width:100%;
        margin-bottom:20px;
    }

    .box-destaques li:first-child .box-img-principal{
        height: 238px;
        margin-bottom: 10px;
    }

    .box-destaques li .box-img-principal{
        width: 100%;
        height: 238px;
        margin-bottom: 10px;
    }

    .enquete{
        margin-left: 5px;
        width: 510px;
    }
    .clima{
        width: 360px;
        margin-top: 20px;
        margin-left: 80px;
    }
    /*Coluna Notícia*/

    .coluna-noticia{
        float:left;
        width:510px;
        min-height: 1180px;
        margin-left: 0px;
    }


    .coluna-noticia li:first-child span{
        font-size:1.6em;
    }

    .coluna-noticia li span{
        font-size:1.6em;
    }

    .coluna-noticia li:first-child .box-img-principal{
        width: 100%;
        height: 238px;
    }

    .coluna-noticia li .box-img-principal{
        width: 100%;
        height: 238px;
        margin-bottom: 10px;
    }

    .coluna-noticia li a{
        min-height: 245px;
        margin-bottom: 15px;
    }

    .metade{
        float: left;
        width: 100%;
    }

    .box-ropape{
        width:400px;
        margin:0 auto;
    }
}


@media screen and (max-width: 520px) {

    .cabecalho{
        width: 300px;
        margin: 0 auto;
    }

    .logo{
        display: none;
    }

    .logo-mobile{
        display: inline-block;
        width: 127px;
        margin-top:-50px; 
        margin-left: 80px;
        z-index: 9999;
    }

    .contador{
        width:60px; 
        margin: -50px 0px 0px 15px;;
        float: right;

    }

    .contador img{
        width: 50px;
        float:left;
        margin: 3px 5px 0px 0px;
    }

    .contador .numero{
        width: 100%;
        font-size: 23px;
        height: 25px;
    }
    
    .visitante{
        display: none;
    }

    .prop-prata{
        width: 290px;
        margin-left: 14px;
    }


    .container{
        width: 300px;        
        padding:0px 5px 0px 5px;
    }
    /*Box Slider*/
    .box-slider-destaques{
        width:99%;
    }

    .box-destaques li:first-child span{
        font-size:1.6em;
    }

    .box-destaques li span{
        font-size:1.6em;
    }

    .box-destaques{
        width:100%;
    }

    .box-destaques li a{
        width:290px;
    }
    /*Box TV Jogo Sério*/
    .box-tv-js{
        width:290px;
        float: left;
    }

    .box-noticia{
        width:100%;
        margin-bottom:20px;
    }

    .box-destaques li:first-child .box-img-principal{
        height: 135px;
        margin-bottom: 10px;
    }

    .box-destaques li .box-img-principal{
        width: 100%;
        height: 135px;
        margin-bottom: 10px;
    }

    .enquete{
        margin-left: 5px;
        width: 290px;
    }
    .clima{
        width: 290px;
        overflow: scroll;
        margin-top: 20px;
        margin-left:0px;
    }
    /*Coluna Notícia*/

    .coluna-noticia{
        float:left;
        width:290px;
        min-height: 1180px;
        margin-left: 0px;
    }


    .coluna-noticia li:first-child span{
        font-size:1.6em;
    }

    .coluna-noticia li span{
        font-size:1.6em;
    }

    .coluna-noticia li:first-child .box-img-principal{
        width: 100%;
        height: 135px;
    }

    .coluna-noticia li .box-img-principal{
        width: 100%;
        height: 135px;
        margin-bottom: 10px;
    }

    .coluna-noticia li a{
        min-height: 245px;
        margin-bottom: 15px;
    }

    .box-ropape{
        width:300px;
        margin:0 auto;
        overflow: hidden;
    }

}