/*  CORPO */
body{
    font-family: sans-serif;
    color: #1c1c1c;
    background-color: #99ff99;
    align-items: center;
}
h1, h2, h3{
   font-family: sans-serif;
   color: #000000;
   
}

.botao{
    margin-top: 1px;
    color: #ffff00;
    text-decoration: none;
    padding: 10px 30px;
    background-color: #006600;
    font-size: .9em;
    border-radius: 3px;
    margin-bottom: 1px;
}

/* Navegação */

nav{
    padding-top: 1px;
    display: flex;
    flex-direction: column;  
    align-items: center;
    background-color: #5f915f;
    padding: 0 0 0px;
    margin-bottom: 10px;
    
}

nav > a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 63px;
    font-family: sans-serif;
}
nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    padding: 2px;
    width: 100%;
}
nav ul li{
    text-align: center;
    width: 98%;
}
nav ul li a{
    display: inline-block;
    padding: 10px 0;
    width: 98%;
    text-decoration: none;
    color: #134212;
    font-size: 21pt;
}
nav ul li :hover{
    text-transform: uppercase;
    color: #d2e662;
}

/* Cabeçalho */
header{
    display: flex;
    flex-direction: column;
    align-items: center;
   /* background-image: url("../slides/1000x400/ ");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
    color: #468038;
    font-size: 15pt;
    text-align: center;
    padding: 0px;
    margin-top: 5px;
}
header h1{
    color: #ffffff;
}
header p{
    margin-bottom: 2em;
}
header img{
    margin-top: 1px;
    width: 100%;
    height: 600px;

}
header img:hover{
    margin-top: 1px;
    width: 100%;
    height: 600px;
    
}



#pages{
    margin-top: 2pt;
    margin: 0 auto;
    width: 99%;
    height: 99%;   
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5px;
    margin-top: 2pt;
   
    
}

#pages #pg1{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 5pt;
    background-color: #ff9933;
   
}


#pages #pag1{
    width: 99%;
    height: 100px;
    border: solid 1px;  
}
#pages #pg2{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 5px;
    background-color: #ffffff;
   
}


#pages #pag2{
    width: 99%;
    height: 100px;
    border: solid 1px;  
}
#pages #pg3{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 5px;
    background-color: #9999ff;
   
}


#pages #pag3{
    width: 99%;
    height: auto;
    border: solid 1px;  
}


/*                        Divisória               */

#divi{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    margin-top: 2pt;
    
}

#divi div{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
   margin-bottom: 2pt;
}


/*                       Persiana              */

#persi{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    margin-top: 2pt;
   
}

#persi div{
     display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 2pt;
}

/*   CONTATO */

#contato{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    
}

#contato h2{
    color: #000000;
}

/*    RODAPE   */

footer{
    text-align: center;
    padding: 10px;
    background-color: #006600;
    color: #110a0a;
}
footer a{
    text-decoration: none;
    color: #050a0a;
}

@media screen and (min-width: 768px) {
    
/*  nav  */

nav{
    flex-direction: row;
    justify-content: space-around;
}

nav ul{
    flex-direction: row;
    width: 70%;
}

/*  CABEÇALHO  */



/*

#s1,#s2,#s3,#s4,#s5,#s6{
	opacity:0;
    display:none;
    
}

*/


header{
    height: 700px;
    height: 100vh;
    justify-content: center;
    
}

/*  CONTATO  */

#contato{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 500px;
    margin: 0 auto;
}

#contato h2, #contato p{
    width: 100%;
}

}