body {
    margin: 0;
    padding: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
	background-color: #666666;
}

.rodape {
    background: #504f4e;
    color: white;
    width: 100%;
    /* height: 277px; */
    margin-top: -4.64%;
    padding-top: 25px;
    padding-left:10%;
    padding-right:10%;


}

.rodape a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
.rodape    .logo-transparencia {
    background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017585%207497%22%20height%3D%2249%22%20width%3D%22107%22%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20shape-rendering%3D%22geometricPrecision%22%20text-rendering%3D%22geometricPrecision%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C%21%5BCDATA%5B.a%20%7Bfont%3A%20normal%20bold%201693px%20Open%20Sans%2C%20sans-serif%3B%7D%5D%5D%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28-1125%20-10350%29%22%3E%3Ccircle%20cx%3D%224864%22%20cy%3D%2214099%22%20r%3D%223739%22%20fill%3D%22%23f6a800%22%2F%3E%3Cpath%20d%3D%22M1835%2016193.3l-353%201005c-137%20389%2070%20596%20459%20459l1005-353z%22%20class%3D%22fil1%22%20fill%3D%22%23f6a800%22%2F%3E%3Ccircle%20r%3D%22750%22%20cy%3D%2212225%22%20cx%3D%224874%22%20fill%3D%22%2300692c%22%2F%3E%3Cpath%20d%3D%22M4874%2013350c-414%200-750%20336-750%20750v1877c0%20414%20336%20750%20750%20750s750-336%20750-750v-1877c0-414-336-750-750-750z%22%20fill%3D%22%2300692c%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ctext%20x%3D%228873%22%20y%3D%2213324%22%3E%3Ctspan%20class%3D%22a%22%20y%3D%2213324%22%3EAcesso%20%C3%A0%3C%2Ftspan%3E%3Ctspan%20class%3D%22a%22%20x%3D%228873%22%20y%3D%2215440%22%3EInforma%C3%A7%C3%A3o%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center no-repeat;
    width: 107px;
    height:49px;
    float:left;
}

.conteudo {
    background: url("../img/bg5.jpg") no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 66.64%;
    /* (img-height / img-width * width) */
    /* (853 / 1280 * 100) */
    -webkit-transition:background 1s linear;
    -moz-transition:background 1s linear;
    -o-transition:background 1s linear;
    -ms-transition:background 1s linear;
}
.barra-menu{
     position:fixed;
    top:-10px;
    width:100%;
    height:64px;
    padding-top: 8px;
}

.menu-label a {
    border: 3px solid black;
    color: #fff;
    background-color: #000;
    right: 0;
    width: 220px;
    text-decoration: none;
    padding: 3px;
}

.menu-label .menu-label1 {
   /* position: fixed;*/
   position: absolute;
    top: 35%;
}

.menu-label .menu-label2 {
   /* position: fixed;*/
   position: absolute;
    top: 41%;
}

.menu-label .menu-label3 {
   /* position: fixed;*/
   position: absolute;
    top: 47%;
}
.menu-label .menu-label4 {
   /* position: fixed;*/
   position: absolute;
    top: 53%;
}

.logodesk {
    /* position: fixed;*/
   position: absolute;
    top: 35%;
    left: 33%;
   /* width: 40%;*/
	background-color: #fff;
	opacity: 0.7;

}

.centralizado {
    margin-left: 25%;
    padding-top: 20px;
}

#menubtn {
    float: right;
    font-size: 16px;
    margin-top: -33px;
    padding-right: 10px;
}

.w3-sidenav {
    position: absolute !important;
    display: none;
    background: #000;
    color: #fff;
    top: 0;
    height: 89.33%;
    right: 0;
}

.w3-sidenav a {
    padding: 0 20px;
    color: #fff;
}

.w3-sidenav h2 {
    font-size: 20px;
    padding-left: 20px;
    color: #000000;
}

.w3-dropnav {
    display: none;
    padding-bottom: 40px;
}

.w3-dropnav h3 {
    padding-top: 20px;
}

.w3-dropnav .w3-col {
    height: 260px;
}

.w3-closebtn {
    padding: 10px 20px !important;
    position: absolute;
    right: 0;
}

#screensize {
    display: block;
}
.css-hide-when-small {
    display: block;
}
.css-hide-when-large {
    display: block;
}

@media only screen and (min-width:1201px) {
    .css-hide-when-large {
        display: none;

    }
}

@media only screen and (min-width:992px) {

    .css-hide-when-large {
        display: none;
    }

}

@media only screen and (max-width:1280px) {
    .css-hide-when-large {
        display: none;

    }
    .w3-sidenav {
        height: 81.95%;
    }
}

@media only screen and (max-width:1024px) {
    .w3-sidenav {
        height: 80.33%;
    }
    .css-hide-when-large {
        display: none;
    }
}

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

    .w3-sidenav {
        height: 75.33%;
    }
    .css-hide-when-large {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    h1 {
        font-size: 50px;
    }
    #main {
        margin-left: 0% !important;
    }

    .logodesk {
        left: 25%;
        top: 20%;
    }
    .menu-label .menu-label1 {
        top: 20%;
    }
    .menu-label .menu-label2 {
        top: 26%;
    }
    .menu-label .menu-label3 {
        top: 32%;
    }
    .w3-sidenav {
        height: 60.63%;
    }
    .css-hide-when-large {
        display: none;
    }
	  body {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 50px;
    }
    #main {
        margin-left: 0% !important;
    }

    .logodesk {
        left: 25%;
        top: 20%;
        width: 30%;
        opacity: 0.7;
    }
    .menu-label .menu-label1 {
        top: 20%;
    }
    .menu-label .menu-label2 {
        top: 25%;
    }
    .menu-label .menu-label3 {
        top: 30%;
    }
    .w3-sidenav {
        height: 46.33%;
    }
    .css-hide-when-large {
        display: none;
    }
}

@media screen and (max-width:600px) {
    .w3-dropnav .w3-col {
        height: auto;
    }

    .logodesk {
        display: none;
    }
    #sidemenu {
        height: 44.5%;
    }
    body {
        font-size: 12px;
    }
}
@media screen and (max-width:480px) {
    .w3-dropnav .w3-col {
        height: auto;
    }
    #screensize{
        block: none;
    }

    .logodesk {
        display: none;
    }
    #sidemenu {
        height: 100%;

    }
    .css-hide-when-small {
        display: none;
    }
    .css-hide-when-large {
        display: block;
    }
    .conteudo {
        height:400px;
        background-size: cover;
    }
    .w3-sidenav{
        top:60px;
    }
    body {
        font-size: 12px;
    }


}