*{margin:0px;padding:0px;}
html{background:#eaeaea;}
body {
    font-family: Arial, sans-serif;
    margin: 0px auto;
    padding: 0;
    max-width:1000px;border:0px solid #000000;
    background:#ffffff;
}

div.table {
    flex-wrap: wrap;
}

div.table div {
    padding: 10px;
}

header, main, footer {
    padding:20px;
}



/* Estilos do cabeçalho */
header{background:url('images/header.png') no-repeat;padding:240px 0px 0px 0px;border-bottom:1px solid #cccccc}
header h1 {
    padding:10px 20px;color: #002200;background-color: rgba(255, 255, 255, 0.9);
}
img {
    max-width: 100%;
    height: auto;
}


/* Estilos do conteúdo principal */
main h2 {
    color: #001100;margin:40px 0px 20px 0px
}

main h3 h3{margin:0px 0px 10px 10px;}

main p{font-size:15px;padding-bottom: 20px;}

/* Estilos do rodapé */
footer {
    text-align: center;
    color: #999;
}
main ul{margin-left:20px;}

hr{border:0px;border-top:1px solid #cccccc;margin:10px 0px;}


div.table{
    display: flex;text-align: center;
    }
div.table divx{padding:20px;;width: 100%;}

a{color:#003300;font-weight:bold;text-decoration:none;}

div.galeria{margin:10px 0px;padding:10px;background:#f5f5f5;overflow-x:auto;border-radius:10px;text-align:center;}
div.galeria a{margin:10px;float:left;gap:10px;padding:15px;border-radius:10px;background:#eaeaea}
div.galeria a img{border:1px solid #cccccc;border-radius:10px;}
div.galeria iframe{margin:10px;float:left;padding:15px;border:1px solid #cccccc;clear:both;}

table{border-collapse:collapse;width:100%;margin-bottom:20px;border:1px solid #eaeaea}
table th, table td{border:1px solid #cccccc;padding:10px;text-align:left;border:1px solid #eaeaea}
table th{background-color:#f2f2f2;} 


ul{list-style-type:none;}
ul.ul li{margin-bottom:15px;padding-left:20px;position:relative;}
ul.ul li:before{content:'›';position:absolute;left:0px;color:#002200;font-weight:bold;}


@media (max-width: 768px) {

    body {max-width: 100%;}

    nav {font-size:1em}
    nav ul li {
    padding:0px 10px;}

    header h1 {
        font-size: 1.2em;
    }

    main p {
        font-size: 16px;
    }

    iframe {
        height: 300px;
    }
}




/* Container */
.menu-container {
    position: absolute;
}

/* Botão hambúrguer */
.menu-toggle {
    margin:10px;
    font-size: 28px;
    background: #f5f5f5;
    color: #002200;
    border: 2px 2px 2px 0px solid yellow;
    padding: 10px 15px;
    cursor: pointer;
}

/* Menu escondido */
nav {
    margin:10px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 220px;
    background: #002200;
    display: none;
}

/* Links */
nav a {
    color: #fff;
    padding: 15px;
    text-decoration: none;
    border-bottom: 1px solid #335533;
    display: block;
}

nav a:hover {
    background: #000;
}