/* @font-face {

    font-family: "GothamBlackRegular";
    src: url("/fontes/GothamBlackRegular.ttf") format("truetype");
    }
    
 @font-face {

        font-family: "OpenSans-Bold";
        src: url("/fontes/OpenSans-Bold.ttf") format("truetype");

        }

*/
  @font-face {

        font-family: "Cambria";
        src: url("/fontes/'Cambria.ttf") format("truetype");

        }


html, body {font-family: 'Cambria' ; background-color: #eef9fb; 
			
			/*
			background-image: url("https://www.transparenttextures.com/patterns/ag-square.png");

			background-image: url("https://www.transparenttextures.com/patterns/black-thread-light.png");
			
			background-image: url("https://www.transparenttextures.com/patterns/candyhole.png");
			
			background-image: url("https://www.transparenttextures.com/patterns/climpek.png");

			background-image: url("https://www.transparenttextures.com/patterns/concrete-wall.png");

			background-image: url("https://www.transparenttextures.com/patterns/connected.png");

			background-image: url("https://www.transparenttextures.com/patterns/fake-luxury.png"); 
			*/

			background-image: url("https://www.transparenttextures.com/patterns/ag-square.png");
		}



.row{margin-top:  10px; }

h5{color: white; }

h6{color:black; text-align: justify; }


.ctt{ margin-top: 3%;}



.secaoVerde{ text-align: center; margin-top: 0.5% ; border-radius: 5px; }
.secaoVerde:hover{background-color: #697c4d}

.secaoAzul{ text-align: center; margin-top: 0.5% ; border-radius: 5px; }

.linha {
	  border: 8px solid  #3c6e73;
      width: 7%;
      position:absolute;
  	  margin-left: 0%;
  	  margin-top: -2%;
  	  z-index: 0;
  	   
    }



.flutuante{  background-color: #2d919d;  position:absolute;  z-index: 10; width:  100% ; height: 91%;
				-webkit-filter: opacity(.6);  filter: opacity(.6);
}


#navlist li
{
		display: inline;
		list-style-type: none;
		padding-right: 5px;
}

.navlist{  z-index: 50; position:absolute; margin-top: -8%;
				width: 100%;
}


.degrade{

            height: 10%; 
            background-image: linear-gradient(to right, transparent, transparent,  #3398a5, #35929d, #40a5b1, #47a8b1,#60b6ba, transparent);
}



 .linha1{
          
           width: 35%; 
           height: 3% ;
           margin-left: 15%; 
           border-bottom-left-radius: 15px;
           border: 8px solid  #3c6e73;
           position:absolute;
           margin-top: -1%;
           z-index: 0;
           background-color:  #3c6e73;
 } 

