/*
.cabecalho{
 width:1920px;
 height:400px;
 
}

.img1{
 width:1920px;
 height:300px;
}

.butao1{
 width:150px;
 height:20px; 
 position:relative;
 left: 100%;
  
}

*/

.btns{
	text-align: center;
	/*margin-top: 30px;*/
	/*margin-left: 1650px;*/
    position: absolute;
	z-index: 16;	
}

.efeito {
    border: none;
    color: #ffffff;
    padding: 20px;
    margin: 40px;
    font-size: 60px;
    line-height: 24px;
    border-radius: 10px;  	
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 400ms ease;	
}

.efeito-1 {
background-color:#28348A;
}

.efeito-1:before { 
    content: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 64px;
	background: rgba(255,255,255,0.3);
	border-radius: 10px;
	transition: all 2s ease;
    	
}

.efeito-1:hover:before{  
     width:100%;
}

.efeito-2 {
background-color:#f3b61a; /*cor do botao estatico */
color: #0f4e85; /*cor da fonte no botao estatico */
}

.efeito-2:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}

.efeito-3 {
background-color:#0f4e85;
}

.efeito-3:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}

.efeito-4 {
background-color:#0f4e85;
}

.efeito-4:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}

.efeito-5 {
background-color:#0f4e85;
}

.efeito-5:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}

.efeito-6 {
background-color:#0f4e85;
}

.efeito-6:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}

.efeito-7 {
background-color:#0f4e85;
}

.efeito-7:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}

.efeito-8 {
background-color:#0f4e85;
}

.efeito-8:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}

.efeito-9 {
background-color:#0f4e85;
}

.efeito-9:hover{  
     background: rgba(0,0,0,0);
	 color: #d6c853;
	 box-shadow: inset 0 0 0 3px #d6c853;
}
