
.slider{
    margin-top: 50px;
    width: 100%;
    overflow: hidden;

}

.slider ul{
    padding: 0;
    display: flex;
    width: 400%;
    animation: cambio 20s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-out;
}

.slider li{
    list-style: none;
    width:100%;
    
}

.slider img{
    width:100%;
}

#corpinfo{
    
    height: auto;
    background: rgba(6, 45, 78, 0.9);

    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
    color: white;
    
    
}

#corpinfo p{
    width: auto;
    margin: 10px;
    font-size: 16px;
    
}


@keyframes cambio{
    0%  {margin-left: 0;}
    15% {margin-left: 0;}
    
    25%  {margin-left: -100%;}
    40% {margin-left: -100%;}
    
    50%  {margin-left: -200%;}
    65% {margin-left: -200%;}    
    
    75%  {margin-left: -300%;}
    100% {margin-left: -300%;}        
    
    
    
}


.descarga{
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 5%;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;    
    width: 100%;
    
}

.brochure{
    padding: 20px;
    border: none;
    background: rgb(56, 96, 150);
    color: white;

    
}

.contacto-corp{
    position: relative;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    padding: 10px;
    
    background: rgb(56, 96, 150);
    color: rgb(255, 255, 255);
    max-width: 800px;

}

.contacto-corp:hover{
    
    background: rgb(64, 132, 203);


}



.servicios{
    background: rgb(144, 191, 239);
    padding: 30px;
	/*border-radius: 20%;*/
    border: 5px solid #647e9b;   
    width: 250px;
    text-align: center;
    height: 100%;
    
}




.servicios:hover{
    background: rgb(36, 98, 170);
        

}

.servicios:hover p{
    
    color: white;
}

.servicios:hover h2{
  
    color: white;
}

.servicios h2{
    font-size: 18px;
    color: #475d76;
    
}

.servicios p{
    color: rgb(52, 52, 52);
    
    
}

@media (max-width:430px){
    .slider{
        width:350px; 
        margin-left: -40px;
    }
    
    .contacto-corp{
        font-size: 15px;
        margin: auto;
        margin-bottom: 8px;
    }
    
    
}

