MapaGF.css

* {
    margin: 0;
    padding: 0;
}
header
body {
    margin: 0 auto;
    overflow: hidden;
    background-color: #ffffff;
}
.banner{
    height: 22vh;
    width: 85vw;
    margin: 0 auto;
}
img.coat_of_arms{
    height: 19vh;
    margin: 1vh 1vw 0 0;
    float: left;
}
.teste{
    height: 19vh;
    margin:1vh 1vw;
}

nav.menu {
    width: 100vw;
    height: 6.5vh;
    background-color: #222;
    text-align: center ;
}
nav.menu ul {
    list-style: none;
    margin: 0 auto;
    width: 80%;
}
nav.menu ul li {
    height: 6vh;
    width: 10vw;
    margin-right: 1vw;
    float: left;
    position: relative;
    background-color:#222;
}
nav.menu a{
    display: block;
    text-decoration: none;
    background-color: #222;
    color: white;
    transition: background-color 0.3s;
    padding-right: 1vw;
    padding-left: 1vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    font-size: 2vh;
}
nav.menu ul ul{
    visibility: hidden;
    float: left;
    transition: visibility 0.3s;
}
nav.menu ul li:hover ul{
    visibility: visible;
}
nav.menu a:hover{
    background-color: blue;
}
nav.menu ul ul li{
    float: none;
}
nav.menu ul ul li a{
    background-color: #222
}

main{
    background-image: url(background.png);
    background-repeat-: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: 0 auto;
}
div.container{
    width:1500px;
    margin: 0 auto;
}

p.title{
    margin-left: 3vw;
    font-size: 6vh;
    text-align: left;
    margin-top: 1vh;
    width: 95%;
    border-bottom: solid darkred 1px;
    float: left;
    margin-bottom: 1vh;
}
img.mainimg{
    height: 40vh;
    float: left;
    margin:1vh 1vw 1vh 3vw;
    }
    img.mainimg1{
    height: 40vh;
    margin-left: 10vw;
    margin-top: 1vh;
    }
p.maintext{
    margin-left: 1vw;
    font-size: 2vh;
    text-align: justify;
    margin-top: 1vh;
    margin-left: 3vw;
    margin-right: 1vw;
    line-height: 1.6;
    font-family: Arial, Helvetica, sans-serif;
    color: #070000;
    font-weight: 700;
}
p.citation{
    font-style: italic;
    margin-left: 1vw;
    font-size: 2vh;
    text-align: left;
    margin-top: 2vh;
    margin-left: 3vw;
    margin-right: 1vw;
    font-weight: 700;
}

div.rodape{
}
div.r1{
}
.r1 h6{

}
.r1 a{

}
.r1 p{

}