.con1{
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.topo{
    width: auto;
    height: 100%;
    display: inline-block;
    max-width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;    
    /*margin: 1% 7% 2% 0;*/
}

.con2{
    /*width: 100%;
    height: 330px;*/
    background-color: #EFF6F8;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
}

.con5{
    background-color: #EFF6F8;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.cont{
    width: auto;
    max-width: 100%;
    height: 100%;
    display: inline-block; 
    margin-top:3%; 


   /* margin-left: 15%;    
    margin-bottom: 10%;  */
    /*vertical-align: top;*/
    /*text-align: left;*/
}

.con3{
    bottom: 0;
    width: 100%;
    height: auto;
    position: fixed;
    text-align: center;
    background-color:#59A670;
    
}

.con4{

    width: 100%;
    height: auto;
    position: absolute;
    text-align: center;
    background-color:#59A670;
}

.footer{
    width: auto;
    height: 100%;
    display: inline-block;
    max-width: 100%;
}

.img2, .img1{
    margin-top: 7%;
}

/*.imgfooter{
    margin-left: auto;
    margin-right: auto;
}*/

.pg{ 
    z-index: 20; 

}

.pg a {
    margin-right: auto;
    margin-left: auto;
    text-align: left;   
    color: white;
    text-decoration: none;
    
    }

.pg2{ 
    z-index: 20;   
}    

.pg2 a{       
    color: white;
    text-decoration: none;
    margin: 10%;       
}

#setavert{  
    padding: 0 0 8% 0;
    float: right;
}

.linha{
    z-index: 5;
}

.footer h3{
    text-align: left;
    color: white;
    font-family: gothambold;
    margin-bottom: 3%;
    margin-left: 10%;
}

.footer h5{
    text-align: left;
    color: white;
    font-family: gothambold;
    margin-bottom: 1%;
    margin-left: 17%;
}

.footerlogo img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    margin-top: 1%;

}

.linhatopo img{
    margin-left: auto;
    margin-right: auto;
}

img #efeito1 {background: url(img/.png);}
img #efeito1:hover {background: url(imagens/icone_acesso_visitante_mouse_over.png);}

img #efeito2 {background:transparent url(img/icone_matricula_certificacao_mouse_over.png);}
img #efeito2:hover {background:transparent url(imagens/icone_matricula_certificacao.png);}