.link_verde {color: #3c5d53; text-decoration: none;}
.link_branco {color: white; text-decoration: none;}
.link_amarelo {color: #e5bb6e; text-decoration: none;}
.link_preto { color: black }

.title{ margin-bottom: 20px; font-size: 25px; }

.bola_verde { 

  background-image: url('../images/bola_verde.png');
width: 90px;
height: 91px;
position: absolute;
margin-top: 60px;
margin-left: 40px;

}




.programa {
    background-image: url('../images/programa.png');
width: 280px;
height: 390px;
position: absolute;
margin-top: 270px;  
    
}


#box_verde {
   width: 0px; border: 0;
    overflow: hidden;
   height: 80px;
    margin-left: 519px;
    position: absolute;
   
}

.abre{ 
  
    -moz-animation-name: abre;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
	
	-moz-animation-name: abre;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
}

.fecha{ 
   
    -moz-animation-name: fecha;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function:linear;
    -moz-animation-direction: alternate;
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
}

.menu_verde{

height: 26%;
 border: 2px solid #49665B;
overflow: hidden;
color: #3c5d53;

}

.menu_claro{

height: 13%;
border: 2px solid #AEBA7A;
overflow: hidden;
color: #AEBA7A;
margin-top: 30px;

}


.menu_amarelo{

height: 17%;
border: 2px solid #e5bb6e;
overflow: hidden;
color: #e5bb6e;

}

.menu_preto{

height: 67%;
border: 2px solid black;
overflow: hidden;
color: black;

}


@-moz-keyframes abre { 
    
0% { width: 0px; border: 0; height: 80px; } 

50% { 
    
    width: 100px;
   height: 400px;

} 
100% { 
    
   width: 300px;
   height: 400px;

} 

}

@-moz-keyframes fecha { 
    
0% { 

   width: 200px;
   height: 130px;
 
} 

50% {
    height: 130px;
     width: 130px;
    
} 
100% { width: 0px;  border: 0;  height: 80px;} 

}



#setinha_verde {
    
    background-image: url('../images/seta.png');
    position: absolute;
    width: 80px;
    height: 30px;
    background-color: green;
    margin-top: 87px;
    margin-left: 140px;
    
}

.move_esquerda{ 
    -moz-animation-name: move_esquerda;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
}


@-moz-keyframes move_esquerda { 
    
0% { 

   
    
} 

50% { 
    
    

} 
100% { 
    
    margin-left: 0px;
    width: 220px;
} 

}


/* FIM SETA VERDE */



#box_amarelo{
    width: 0; border: 0;
overflow: hidden;
height: 40px;
position: absolute;
margin-top: 89px;
margin-left: 654px; 
}

.abre_amarelo{ 
    -moz-animation-name: abre;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
     border: 2px solid #dba527;
}

.fecha_amarelo{ 
    -moz-animation-name: fecha;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function:linear;
    -moz-animation-direction: alternate;
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
     border: 2px solid #dba527;
}

#setinha_amarela {
    
    background-image: url('../images/seta.png');
position: absolute;
width: 60px;
height: 30px;
margin-top: 147px;
margin-left: 120px;

}


/* SETA PRETA */




#box_preto {
width: 0; border: 0;
overflow: hidden;
height: 400px;
position: absolute;
margin-top: 227px;
margin-left: 654px;
}


.abre_preto{ 
    -moz-animation-name: abre;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
     border: 2px solid #696969;
}

.fecha_preto{ 
    -moz-animation-name: fecha;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function:linear;
    -moz-animation-direction: alternate;
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
     border: 2px solid black;
}

#setinha_preto {
    
    background-image: url('../images/seta.png');
width: 200px;
height: 30px;
position: absolute;
margin-left: 180px;
margin-top: 281px;

}

.move_esquerda_preto{ 
    -moz-animation-name: move_esquerda_preto;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
}

@-moz-keyframes move_esquerda_preto { 
    
0% { 

   
    
} 

50% { 
    
     

} 
100% { 
    
    margin-left: 0px;
    width: 344px;
} 

}

.move_direita_preto{ 
    -moz-animation-name: move_direita_preto;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
}

@-moz-keyframes move_direita_preto { 
    
0% { 
     

} 

50% { 
  
} 
100% { 
     margin-left: 0px;
    width: 344px;
   

} 

}


/* SETA CLARA */




#box_claro {
    width: 0; border: 0;
overflow: hidden;
   height: 68px;
position: absolute;
margin-top: 521px;
margin-left: 461px;
}

.abre_claro{ 
    -moz-animation-name: abre;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
     border: 2px solid #aab870;
}

.fecha_claro{ 
    -moz-animation-name: fecha;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function:linear;
    -moz-animation-direction: alternate;
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
     border: 2px solid #aab870;
}

#setinha_claro {
    
   background-image: url('../images/seta.png');
width: 200px;
height: 30px;
position: absolute;
margin-left: 140px;
margin-top: 456px;
    
}

.move_esquerda_claro{ 
    -moz-animation-name: move_esquerda_claro;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
}

@-moz-keyframes move_esquerda_claro { 
    
0% { 

   
    
} 

50% { 
    
     

} 
100% { 
    
   margin-left: 0px;
    width: 340px;
} 

}


.move_direita_claro{ 
    -moz-animation-name: move_direita_claro;
    -moz-animation-duration: 0.5s; 
    -moz-animation-timing-function: linear;
    -moz-animation-direction: alternate; 
    animation-iteration-count: infinite; 
    -moz-animation-fill-mode: forwards; 
}

@-moz-keyframes move_direita_claro { 

    0% { 

        margin-left: 250px;
    width: 150px;

    } 

    50% { 

         margin-left: 200px;
    width: 150px;


    } 
    100% { 



    }
}