*{
    margin: 0;
    padding: 0;
}

body{
    background: #703B0F;
    font-family: Franklin Gothic Heavy;
}

.contenedor{
    width: 1280px;
    background: white;
    margin: 10px auto;
}

.superior{
    background: #E6E6E6;
    overflow: hidden;
}

.logo{
    float: left;
    width: 370px;
    padding: 25px;
}

.menu{
    float: left;
}

/*estilos para el menú de opciones*/

.menu{
    float: left;
    padding: 70px;
}
.opciones li {
    float: left;
    list-style: none;
}

.opciones li a{
    color: #808080;
    padding: 25px;
    text-decoration: none;
    border: 2px solid white
}

.opciones li a:hover{
    background: white;
}

.slider-frame{
    width: 1280px;
    height: 600px;
    overflow: hidden;

    
}

.slider-frame ul {
    display: flex;
    padding: 0;
    width: 400%;

    animation: slide 15s infinite alternate ease-in-out;
}

.slider-frame li {
    list-style: none;
    width: 100%;
}

.slider-frame img {
    width: 100;
}

@keyframes slide {
    0% {margin-left: 0%;}
    20%{margin-left: 0%;}

    25% {margin-left: -100%;}
    45%{margin-left: -100%;}

    50% {margin-left: -200%;}
    70%{margin-left: -200%;}

    75% {margin-left: -300%;}
    100%{margin-left: -300%;}
}

/* estilos para el cuerpo*/

.cuerpo{
    overflow: hidden;
}

.caja{
    float: left;
    width: 395px;
    margin: 14px;
}

.subtitulo{
    background: #A32831;
}

.servicios{
    color: #E6E6E6;
    text-align: center;
    padding: 15px 0;
}

.efecto:hover{
    opacity: 0.7;
    cursor: pointer;
}

.caja{
    float: left;
    width: 395px;
    margin: 11 px;
    border: 1px solid;
}

.contenido{
    padding: 20px;
    text-align: justify;
}

.boton{
    padding: 15px 20px;
    margin: 20px 0;
    color: white;
    background: #A32831;
    border-radius: 5px;
}

.boton:hover{
    background: #F7931E;
    cursor: pointer;
}

.titulo{
    text-align: center;
    padding: 20px 0 15px 0;
    color: #A32831;
    font-size: 60;
}

 /*estilos del footer*/
 .pie{
     background: #E6E6E6;
     overflow: hidden;
 }

 .izquierda{
     float: left;
     width: 500px;
     padding: 60px;
 }

 .derecho{
     float: left;
     width: 500px;
     padding: 60px;
 }

 .abajo