@charset "utf-8";
/* Este arquivo estiliza as páginas */

/* estilo para tela maior */
@media (min-width: 321px){

    body {
        font-family: Trebuchet MS;
        margin: 0px;
        overflow: hidden;
    }
    nav {/*largura dos menus*/
        width: 100%;
    }
    .item label {/*estilo dos menus*/
        font-size: 14px;
        color: #333;
        height: 20px;
        display: block;
        padding: 5px;
        background: #c3d69b;
        cursor: text;
        border-radius: 5px;/* cantos arredondados */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius:5px;
        -o-border-radius: 5px;
    }
    .item ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        background: #fefefe;
        border-radius: 5px;/* cantos arredondados */
        -webkit-border-radius: 5px;/* cantos arredondados */
        -moz-border-radius: 5px;
        -ms-border-radius:5px;
        -o-border-radius: 5px;
    }
    .item ul li a {
        padding-left: 1rem;
        font-size: 14px;
        color: #333;
        background: #fff;
        text-decoration: none;
    }

    .item ul li a:hover {
        text-decoration: underline;
    }
    .item input {
        display: none;
    }
    p {
        font-size: 14px;
        text-align: justify;
    }

}

/* estilo para tela menor */
@media (max-width: 321px){

    body {
        font-family: Trebuchet MS;
        margin: 0px;
        overflow: hidden;
    }
    nav {/*largura dos menus*/
        width: 100%;
    }
    .item label {/*estilo dos menus*/
        font-size: 12px;
        color: #333;
        height: 20px;
        display: block;
        padding: 5px;
        background: #c3d69b;
        cursor: text;
        border-radius: 5px;/* cantos arredondados */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius:5px;
        -o-border-radius: 5px;
    }
    .item ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        background: #fefefe;
        border-radius: 5px;/* cantos arredondados */
        -webkit-border-radius: 5px;/* cantos arredondados */
        -moz-border-radius: 5px;
        -ms-border-radius:5px;
        -o-border-radius: 5px;
    }
    .item ul li a {
        padding-left: 1rem;
        font-size: 12px;
        color: #333;
        background: #fff;
        text-decoration: none;
    }

    .item ul li a:hover {
        text-decoration: underline;
    }
    .item input {
        display: none;
    }
    p {
        font-size: 12px;
        text-align: justify;
    }

}