Style

            *{text-align: justify;
              font-family: calibri, sans-serif;
              font-size: 30px;}

            #principal{width: 95%;
                       height: 700px;
                       margin: 0 auto;
                       position: relative;
                       background-color: beige;}

            #topo{width: 100%;
                  height: 20%;
                  background-color: white ;}

            #conteudo{width: 100%;
                      height: 62%;
                      float: left;
                      background-color: white;
                      z-index: 0;}

            #conteudo p
            {
                font-size:15px;
            }

            .centraliza
            {
                margin:0 auto;
                width: 30%;
            }

           #titulo
           {
            position: relative;
            height:5%;
            width: 100%;
            border-top: 2px solid black;
            border-bottom: 2px solid black;
            background-color:gray;
            color:black;
           }

           #titulo h1
           {
            margin-top:0.09%;
            font-size:30px;
            text-align:center;
           }


            #rodape{
                    border-top:2px solid black;
                    width: 100%;
                    height: 8%;
                    float: left;
                    background-color: green;}
            /*-------------------- Classes do Menu -----------------*/

            #barramenu{
                    width: 100%;
                       height: 35%;
                       position: relative;}

            #barramenu nav{
                        padding-top: 1.75%;
                        padding-right:4%;
                        width: 10%;
                           height: 100%;
                           color: black;
                           float: right;
                           position: relative;
                           z-index:10;
                           }

            #barramenu nav:hover{
                                 position: relative;
                                 transition: height 0.2s;
                                z-index: 10;}

            .centraliza
            {
                width: auto;
                margin: 0 auto;
            }


            .direita
            {
                float:right;
            }

            a
            {
                text-decoration: none;
                color:black;
            }

            a:hover{
                color:orange;
                text-decoration: none;
            }

            a:visited
            {
                color:black;
                text-decoration:none;
            }