@font-face{
                 font-family: Roboto-Light;
                 src: url(fontes/Roboto-Light.ttf); 
               }

     body{background-color: #213c31; 
          color: white;
          font-family: Roboto-Light;
          }

     #conteudo{
               font-size: 17px;
               max-width: 80%;
               margin: auto;
               margin-top: 3%;
               text-align: justify;
               }

     .titulo{ background-color: black;
     font-size: 40px; 
     color: green;
     text-align: center;
     padding: 0.5%;
     }

     .fotos{
            width: 50%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            }

     .fotosh{
            width: 50%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            }

     nav{
         background: #111111;
         font_size: 19px;
         margin-top: -1%;
         padding: 1%;
         text-align: center;
         }
     nav ul li {
         display: inline-block;
         margin: 1%;
               }
     nav ul li a{color: white; text-decoration: none;} 
     nav ul li a:hover{color: white; text-shadow: 1px 1px 10px green;}
     
     .box {
	      width: 350px;
	      display: inline-block;
             }   
     
     
     footer{
            background-color: black; 
            color: white;
            text-align: center;
            padding: 1%;
            margin-top: 1%;
            } 
            
      table{margin-top: 2%;}
      th {background-color: gray; color: black; font-size: 22px; text-align: justify; padding-top: 1%; padding-bottom: 1%;}     
      td{padding-top: 1%; padding-bottom: 1%;}