/*======================================
Menu
=======================================*/
@media screen and (max-width: 845px) {
    nav{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 250px;
        background: #9f2349;
        z-index: 10;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        display: block;
    }

    .list-auto{
        margin-left: 0px;
    }

    .list-auto li{
        list-style: none;
        display: table;
        width: 250px;
        padding-left: 15px;
        border-bottom: 1px solid #aa2f55;
    }

    .list-auto li a{
        color: #fff;
        text-decoration: none;
        margin-bottom: 10px;
    }

    .list-auto li:hover{
        background: none;
    }

    .list-auto li ul{
        background: transparent;
        display: inherit;
        position: relative;
    }

    .list-auto li ul li{
        margin-left: 0px;
        height: 20px;
        margin-left: 10px;
        border-bottom: none;
    }



    .list-auto li ul li a{
        color: #eea6bc;
        margin-top: -14px;
    }

    /*criando o icone do menu*/
    .control-nav {
        position: absolute;
        right: 20px;
        top: 20px;
        display: block;
        width: 30px;
        padding: 5px 0;
        border: solid #9f2349;
        border-width: 3px 0;
        z-index: 2;
        cursor: pointer;
    }

    .control-nav:before {
        content: "";
        display: block;
        height: 3px;
        background: #9f2349;
    }

    .control-nav-close {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 1;
        background: rgba(159,35,73,0.2);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    /* checando navegação */
    input#control-nav {
        display: block;
    }

    input#control-nav:focus ~ .control-nav {
        border-color: #000;
        box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
    }

    input#control-nav:focus ~ .control-nav:before {
        background: #000;
    }

    input#control-nav:checked ~ nav,
    input#control-nav:checked ~ .control-nav-close {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}


/*====================================================
Páginas
=====================================================*/
@media screen and (max-width: 1300px) {
     .list-auto{
         width: 70%;
         margin-left: 15%;
     }
}

@media screen and (max-width: 1200px) {
    #meio{
        width: 90%;
        margin-left: 5%;
    }
    .sub{
        width: 90%;
    }
}

@media screen and (max-width: 1130px) {
    .list-auto{
        width: 75%;
        margin-left: 12.5%;
    }
}

@media screen and (max-width: 1040px) {
    .sub{
        width: 100%;
    }

    .list-auto li{
        font-size: 0.95em;
    }

    .slide{
        width: 100%;
        height: 330px;
        clear: both;
    }

    .modalDialog > div, .modalDialog2 > div, .modalDialog3 > div, .modalDialog4 > div {
        width: 80%;
        height: auto;
        position: relative;
        margin: 5% auto;
        border-radius: 10px;
        background: #fff;
        box-shadow: 1px 1px 30px #000;
    }
}

@media screen and (max-width: 990px) {
    #meio{
        width: 100%;
        margin: 0;
    }

    .mapa{
        width: 90%;
        margin-left: 5%;
    }

    .list-auto{
        width: 90%;
        margin-left: 5%;
    }

    .slide{
        width: 100%;
        height: 350px;
        clear: both;
    }

}

@media screen and (max-width: 940px) {
    .texto, .lbl, .label_especial{
        width: 20%;
    }

    .inp2, .ipt, .seleciona, .seleciona2{
        width: 70%;
    }

    .slide{
        width: 100%;
        height: 330px;
        clear: both;
    }
}

@media screen and (max-width: 870px) {
    .list-auto {
        font-size: 0.95em;
    }

    .slide{
        height: 300px;
    }

}

@media screen and (max-width: 768px) {
    .coluna{
        width: 50%;
        min-height: auto;
    }

    .coluna img{
        display: block;
        width: 68%;
    }

    .direitos{
        border-top: 2px solid #ccc;
    }

    .cooperado{
        width: 50%;
        margin-top: 0em;
        margin-bottom: 1em;
    }

        .saex{
        width: 100%;
        margin-bottom: 1em;
    }

        .coluna_dupla{
            width: 100%;
        }

        .coluna_unica{
            width: 100%;
        }

        .duplo{
            width: 100%;
            margin: 0;
        }

        .single{
            width: 100%;
            margin: 0;
        }

    .news{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2em;
    }

    .slide{
        width: 100%;
        height: 270px;
        clear: both;
    }

    .edicao{
        width: 48%;
        height: 380px;
    }

    #boxes .window {
        width: 70%;
    }

    #boxes p{
        font-size: 16px;
    }
}

@media screen and (max-width: 720px) {
    .sub ul li{
        font-size: 0.8em;
    }

    .direitos p{
        width: 80%;
        margin: 0 auto;
        padding-bottom: 1.2em;
        font-size: 0.9em;
    }

    .fatia li a{
        font-size: 1.2em;
    }

    .news{
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }

    .slide{
        width: 100%;
        height: 240px;
        clear: both;
    }

    .edicao{
        width: 48%;
        height: 350px;
    }
}

@media screen and (max-width: 650px) {
    .slide{
        height: 220px;
    }
}

@media screen and (max-width: 570px) {
    .sub{
        width: 90%;
    }

    .sub ul li{
        font-size: 1em;
        padding-top: 0.5em;
        height: 40px;
        line-height: 1em;
    }

    .texto, .lbl, .label_especial{
        width: 100%;
        height: 30px;
        line-height: 30px;
        float: left;
        text-align: left;
        padding-right: 0.5em;
    }

    .inp2, .ipt, .seleciona{
        width: 100%;
        height: 30px;
        border: 1px solid #ccc;
        box-shadow: 3px 3px 6px #ccc;
        border-radius: 6px 6px 6px;
    }

    .msg{
        width: 100%;
    }

    .seleciona2{
        margin-top: 0;
        width: 100%;
        height: 30px;
        border: 1px solid #ccc;
        box-shadow: 3px 3px 6px #ccc;
        border-radius: 6px 6px 6px;
    }

    .lbl-especial{
        width: 100%;
        background: transparent;
        text-align: left;
    }

    .jornal li{
        font-size: 1em;
    }

    .slide{
        width: 100%;
        height: 190px;
        clear: both;
    }
	
	.news{
		margin-top: 30px;
	}


}

@media screen and (max-width: 490px) {
    .single{
        margin-top: 40px;
    }
    .coluna{
        width: 100%;
        text-align: center;
    }

    .toogle h6{
        width: 95%;
    }

    .tgl, .tgl2, .tgl3, .tgl4, .tgl5, .tgl6, .tgl7, .tgl8, .tgl9, .tgl10, .tgl11, .tgl12,
    .tglp1, .tglp2, .tglp3, .tglp4, .tglp5, .tglp6, .tglp7, .tglp8, .tglp9, .tglp10, .tglp11, .tglp12,
    .tglu1, .tglu2, .tglu3, .tglu4, .tglu5, .tglu6, .tglu7, .tglu8, .tglu9, .tglu10, .tglu11, .tglu12,
    .tglr1, .tglr2, .tglr3, .tglr4, .tglr5, .tglr6, .tglr7, .tglr8, .tglr9, .tglr10, .tglr11, .tglr12
    {
        width: 98.5%;
    }

    .tglradio1, .tglradio2, .tglradio3, .tglradio4, .tglradio5, .tglradio6, .tglradio7, .tglradio8, .tglradio9, .tglradio10, .tglradio11,
    .tglurg1, .tglurg2, .tglurg3, .tglurg4, .tglurg5, .tglurg6
    {
        border: 1px solid #ccc;
        height: auto;
        padding: 1em;
        width: 90%;
    }

    .cooperado{
        margin-top: 0;
        margin-bottom: 0.9em;
        width: 50%;
    }

    .links_uteis{
        width: 100%;
    }

    .news{
        width: 90%;
        margin: 0 auto;
    }

    .slide{
        width: 100%;
        height: 150px;
        clear: both;
    }

    .edicao{
        width: 48%;
        height: 300px;
    }



}

@media screen and (max-width: 400px) {
    #header img{
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        width: 80%;
    }

    .sub ul li {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .historia h1{
        margin-top: 4em;
    }

    .trmax{
        width: 50%;
        font-size: 0.9em;
    }

    .trmin{
        width: 15%;
        font-size: 0.8em;
    }

    .toogle h6{
        font-size: 1em;
    }

    .fatia li a{
        font-size: 1em;
    }

    .slide{
        width: 100%;
        height: 120px;
        clear: both;
    }

    .edicao{
        width: 98%;
        height: 370px;
    }

    #boxes p{
        font-size: 13px;
    }

    .modalDialog > div, .modalDialog2 > div, .modalDialog3 > div, .modalDialog4 > div {
        width: 90%;
    }

    .facebook{
        clear: both;
        overflow: hidden;
    }
}

@media screen and (max-width: 350px) {
    .historia h1{
        font-size: 1.7em;
    }

    .trmax{
        width: 40%;
        font-size: 0.8em;
    }

    .trmin{
        width: 15%;
        font-size: 0.7em;
    }

    .botoes{
        width: 100%;
        margin-left: 5%;
    }

    .slide{
        width: 100%;
        height: 100px;
        clear: both;
    }

}

@media screen and (max-width: 300px) {
    .edicao{
        height: 310px;
    }
}