@charset "utf-8";
/* Este arquivo estiliza as páginas de demografia infraestrutura e meio ambiente */

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

    body {/* estiliza a tag body */
        font-family: Trebuchet MS;/* define estilo da fonte */
        margin: 0px;/* retira as margem do body */
        overflow: hidden;
    }
    nav {/* estiliza a tag nav */
        width: 100%;/* largura dos menus */
    }
    .item label {/* estiliza os menus */
        font-size: 14px;/* define o tamanho da fonte */
        color: #333;/* define cor da fonte cinza */
        height: 20px;/* altura */
        display: block;/* fixa */
        padding: 5px;/* define espaçamento interno */
        background: #E1E1E1;/* define fundo cinza claro */
        cursor: text;/* cursor do mouse tipo texto*/
        border-radius: 5px;/* cantos arredondados */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius:5px;
        -o-border-radius: 5px;
    }
    .item ul{/* estiliza os sub menus */
        margin: 0px;/* retira as margem */
        padding: 0px;/* define espaçamento interno */
        list-style:none;/* oculta caracteres da lista */
        background: #fefefe;/* define fundo claro */
        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 {/* estiliza os links dos menus na tag 'a' */
        padding-left: 10px;/* define espaçamento a esquerda */
        font-size: 14px;/* define o tamanho da fonte */
        color: #333;/* define cor da fonte cinza */
        background:#fff;/* define fundo branco */
        text-decoration:none;/* sem efeito */
    }
    .item ul li a:hover {/* configura entrada do cursor do mouse na tag 'a' */
        text-decoration:underline;/* efeito sublinhado */
    }
    .space{/* espaço entre os menus */
        padding-bottom: 4px;/* define espaçamento na base */
    }
    p{/* estiliza a tag 'p' */
        font-size: 14px;/* define o tamanho da fonte */
        text-align: justify;/* define texto justificado */
    }

}

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

    body {/* estiliza a tag body */
        font-family: Trebuchet MS;/* define estilo da fonte */
        margin: 0px;/* retira as margem do body */
        overflow: hidden;
    }
    nav {/* estiliza a tag nav */
        width: 100%;/* largura dos menus */
    }
    .item label {/* estiliza os menus */
        font-size: 12px;/* define o tamanho da fonte */
        color: #333;/* define cor da fonte cinza */
        height: 20px;/* altura */
        display: block;/* fixa */
        padding: 5px;/* define espaçamento interno */
        background: #e3f2e1;/* define fundo verde claro */
        cursor: text;/* cursor do mouse tipo texto*/
        border-radius: 5px;/* cantos arredondados */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius:5px;
        -o-border-radius: 5px;
    }
    .item ul{/* estiliza os sub menus */
        margin: 0px;/* retira as margem */
        padding: 0px;/* define espaçamento interno */
        list-style:none;/* oculta caracteres da lista */
        background: #fefefe;/* define fundo claro */
        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 {/* estiliza os links dos menus na tag 'a' */
        padding-left: 10px;/* define espaçamento a esquerda */
        font-size: 12px;/* define o tamanho da fonte */
        color: #333;/* define cor da fonte cinza */
        background:#fff;/* define fundo branco */
        text-decoration:none;/* sem efeito */
    }
    .item ul li a:hover {/* configura entrada do cursor do mouse na tag 'a' */
        text-decoration:underline;/* efeito sublinhado */
    }
    .space{/* espaço entre os menus */
        padding-bottom: 4px;/* define espaçamento na base */
    }
    p{/* estiliza a tag 'p' */
        font-size: 12px;/* define o tamanho da fonte */
        text-align: justify;/* define texto justificado */
    }

}