body
{
    margin: 0;
}


.noto-sans-<uniquifier> {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

img {
    width: 100%;
    margin-top: -10px;
}

ul{
  margin-top: 25px;
}

ul li{
    display: inline;
    padding: 0 ;

}

a {
     color: #fff;
    text-decoration: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
  font-weight: 500;
}


           
            .menu li {
                float:left;
                clear: right;
            }
            
            .menu li a {
                color:#fff;
                text-decoration:none;
                padding:10px 12px;
                display:block;
                width: inherit;
                  float: left;
                  clear: right;
                  font-size: 14px;
            }
            
            .menu li a:hover {
                background-color:#38b6ff;
                margin-left: 0;

            }
            
            .menu li ul {
                display:none;
                position:absolute;
                margin-left: 0;

                width: 150px;

            }
            
            .menu li:hover > ul {
                display:block;
                margin-top: 40px;
                background-color:#38b6ff;

               
            }
            
            .menu ul li ul li {
                position:relative;
                display: block;
                float: none;
                background-color:#38b6ff;
                margin-left: 0;
            }

            .menu ul li ul li a {
               
                border-bottom: #1fa3e5 1px solid;
                margin-left: -30px;
                min-width: 150px;
            }

            .menu ul li ul li a:hover {
                color: #005083;
                margin-left: -30px;
                border-radius: 30px;
            }
            
            

.wp-nav{
    width: 100%; 
    height: 80px; 
    padding: 40px 0 25px;
    background-image: url(img/bg-nav.png);

}

.nav{
    width: 100%; margin: 0 auto;
}

.logo{
    width: 20%;
    float: left;
    clear: right;
    margin-left: 5%;
    text-align: center;

}

.menu{
    width: 70%;
    float: left;
}

.atencion{
    width: 490px; position: absolute; right: 10px; top:5px
}
.contacto{
    margin-left: 10px;
}
.contacto a{
 background-color: #38b6ff;  border-radius: 30px;
}

.contacto a:hover {
 background-color: #98c11e;   
}

.slider-frame{
    width: 100%;
    height: auto;
    margin: 0px auto 0;
    overflow: hidden;
}

.slider-frame ul{
    display: flex;
    padding: 0;
    width: 700%;
    margin: 0;
   
    animation: slide 49s infinite alternate ease-in-out;
}

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

}

.slider-frame img{
    width: 100%;
}

@keyframes slide {
    0% {margin-left: 0%}
    15% {margin-left: 0%}

    18% {margin-left: -100%}
    30% {margin-left: -100%}

    35% {margin-left: -200%}
    45% {margin-left: -200%}

    50% {margin-left: -300%}
    65% {margin-left: -300%}

    78% {margin-left: -400%}
    80% {margin-left: -400%}

    85% {margin-left: -500%}
    95% {margin-left: -500%}

    95% {margin-left: -600%}
    100% {margin-left: -600%}
}



.slider2-frame{
    width: 100%;
    height: auto;
    margin: 0px auto 0;
    overflow: hidden;
}

.slider2-frame ul{
    display: flex;
    padding: 0;
    width: 500%;
    margin: 0;
   
    animation: slide2 35s infinite alternate ease-in-out;
}

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

}

.slider2-frame img{
    width: 100%;
}

@keyframes slide2 {
    0% {margin-left: 0%}
    15% {margin-left: 0%}

    20% {margin-left: -100%}
    35% {margin-left: -100%}

    40% {margin-left: -200%}
    55% {margin-left: -200%}

    60% {margin-left: -300%}
    75% {margin-left: -300%}

    100% {margin-left: -400%}

}