.contener_loader_18 {
    width: 85px;
    height: 85px;
    background-image: url(https://www.diftecoman.gob.mx/img/ico40_.ico);
    background-position: center;
    background-repeat: no-repeat
}

.rond_sup {
    border-radius: 90px;
    width: 80px;
    height: 80px;
    border-top: 5px solid #F2F2F2;
    border-right: 5px solid #a31e39;
    border-bottom: 5px solid #a31e39;
    border-left: 5px solid #a31e39;
    -webkit-animation: anim_sup 1.4s infinite linear;
    -moz-animation: anim_sup 1.4s infinite linear;
    -ms-animation: anim_sup 1.4s infinite linear;
    -o-animation: anim_sup 1.4s infinite linear;
    animation: anim_sup 1.4s infinite linear
}

.rond_mil {
    border-radius: 80px;
    width: 70px;
    height: 70px;
    border-top: 5px solid #F2F2F2;
    border-right: 5px solid #691a32;
    border-bottom: 5px solid #691a32;
    border-left: 5px solid #691a32;
    -webkit-animation: anim_mil 1.4s infinite linear;
    -moz-animation: anim_mil 1.4s infinite linear;
    -ms-animation: anim_mil 1.4s infinite linear;
    -o-animation: anim_mil 1.4s infinite linear;
    animation: anim_mil 1.4s infinite linear
}

.rond_petit {
    border-radius: 70px;
    width: 60px;
    height: 60px;
    border-top: 5px solid #F2F2F2;
    border-right: 5px solid #bc955b;
    border-bottom: 5px solid #bc955b;
    border-left: 5px solid #bc955b;
    -webkit-animation: anim_petit 3s infinite linear;
    -moz-animation: anim_petit 3s infinite linear;
    -ms-animation: anim_petit 3s infinite linear;
    -o-animation: anim_petit 3s infinite linear;
    animation: anim_petit 3s infinite linear
}

.rond_mini {
    border-radius: 60px;
    width: 50px;
    height: 50px;
    border-top: 5px solid #F2F2F2;
    border-right: 5px solid #EA088B;
    border-bottom: 5px solid #EA088B;
    border-left: 5px solid #EA088B;
    -webkit-animation: anim_mini 8s infinite linear;
    -moz-animation: anim_mini 8s infinite linear;
    -ms-animation: anim_mini 8s infinite linear;
    -o-animation: anim_mini 8s infinite linear;
    animation: anim_mini 8s infinite linear
}

#loadpage {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #FFF;
    opacity: 1;
}

#loader {
    position: absolute;
    left: 50%;
    top: 35%;
    z-index: 999999;
    opacity: 1;
}

#text-loader {
    color: #000;
}

@-webkit-keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@-webkit-keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-webkit-keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}

@-moz-keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@-moz-keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-moz-keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}

@-ms-keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@-ms-keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-ms-keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}

@keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}