/*.cssload-container {
    position: relative;
}

.cssload-whirlpool, .cssload2-whirlpool2 {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 3px solid rgb(224,224,224);
    border-left-color: rgb(57,149,247);
    border-radius: 2622px;
    -o-border-radius: 2622px;
    -ms-border-radius: 2622px;
    -webkit-border-radius: 2622px;
    -moz-border-radius: 2622px;
}

.cssload-whirlpool {
    margin: -66px 0 0 -66px;
    height: 131px;
    width: 131px;
    animation: cssload-rotate 1900ms linear infinite;
    -o-animation: cssload-rotate 1900ms linear infinite;
    -ms-animation: cssload-rotate 1900ms linear infinite;
    -webkit-animation: cssload-rotate 1900ms linear infinite;
    -moz-animation: cssload-rotate 1900ms linear infinite;
}


.cssload2-whirlpool2 {
    margin: -76px 0 0 -76px;
    height: 150px;
    width: 150px;
    animation: cssload-rotate 1900ms linear infinite reverse;
    -o-animation: cssload-rotate 1900ms linear infinite reverse;
    -ms-animation: cssload-rotate 1900ms linear infinite reverse;
    -webkit-animation: cssload-rotate 1900ms linear infinite reverse;
    -moz-animation: cssload-rotate 1900ms linear infinite reverse;
}


@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes cssload2-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload2-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload2-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload2-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload2-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}*/


/*.cssload-body {
    position: absolute;
    margin-left: -75px;
    left: 50%;
    animation: speeder 0.22s linear infinite;
    -o-animation: speeder 0.22s linear infinite;
    -ms-animation: speeder 0.22s linear infinite;
    -webkit-animation: speeder 0.22s linear infinite;
    -moz-animation: speeder 0.22s linear infinite;
}

    .cssload-body > span {
        height: 8px;
        width: 53px;
        background: rgb(255,0,0);
        position: absolute;
        top: -29px;
        left: 90px;
        border-radius: 3px 15px 2px 0;
    }

.cssload-base span {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 150px solid rgb(0,0,0);
    border-bottom: 9px solid transparent;
}

    .cssload-base span:after {
        content: "";
        height: 33px;
        width: 33px;
        border-radius: 50%;
        background: rgb(0,0,0);
        position: absolute;
        right: -165px;
        top: -24px;
    }

    .cssload-base span:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 0 solid transparent;
        border-right: 83px solid rgb(0,0,0);
        border-bottom: 24px solid transparent;
        top: -24px;
        right: -147px;
    }

.cssload-face {
    position: absolute;
    height: 18px;
    width: 30px;
    background: rgb(245,233,0);
    border-radius: 30px 30px 0 0;
    transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    right: -188px;
    top: -23px;
}

    .cssload-face:after {
        content: "";
        height: 18px;
        width: 18px;
        background: rgb(0,0,0);
        right: 6px;
        top: 11px;
        position: absolute;
        border-radius: 0 0 0 3px;
        transform: rotate(40deg);
        -o-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
    }

.cssload-body > span > span:nth-child(1),
.cssload-body > span > span:nth-child(2),
.cssload-body > span > span:nth-child(3),
.cssload-body > span > span:nth-child(4) {
    width: 45px;
    height: 2px;
    background: rgb(230,14,14);
    position: absolute;
    animation: fazer1 0.11s linear infinite;
    -o-animation: fazer1 0.11s linear infinite;
    -ms-animation: fazer1 0.11s linear infinite;
    -webkit-animation: fazer1 0.11s linear infinite;
    -moz-animation: fazer1 0.11s linear infinite;
}

.cssload-body > span > span:nth-child(2) {
    top: 5px;
    animation: fazer2 0.22s linear infinite;
    -o-animation: fazer2 0.22s linear infinite;
    -ms-animation: fazer2 0.22s linear infinite;
    -webkit-animation: fazer2 0.22s linear infinite;
    -moz-animation: fazer2 0.22s linear infinite;
}

.cssload-body > span > span:nth-child(3) {
    top: 2px;
    animation: fazer3 0.22s linear infinite;
    -o-animation: fazer3 0.22s linear infinite;
    -ms-animation: fazer3 0.22s linear infinite;
    -webkit-animation: fazer3 0.22s linear infinite;
    -moz-animation: fazer3 0.22s linear infinite;
    animation-delay: -0.55s;
    -o-animation-delay: -0.55s;
    -ms-animation-delay: -0.55s;
    -webkit-animation-delay: -0.55s;
    -moz-animation-delay: -0.55s;
}

.cssload-body > span > span:nth-child(4) {
    top: 6px;
    animation: fazer4 0.55s linear infinite;
    -o-animation: fazer4 0.55s linear infinite;
    -ms-animation: fazer4 0.55s linear infinite;
    -webkit-animation: fazer4 0.55s linear infinite;
    -moz-animation: fazer4 0.55s linear infinite;
    animation-delay: -0.55s;
    -o-animation-delay: -0.55s;
    -ms-animation-delay: -0.55s;
    -webkit-animation-delay: -0.55s;
    -moz-animation-delay: -0.55s;
}

fazer1 {
    0%;

{
    left: 0;
}

100% {
    left: -120px;
    opacity: 0;
}

}

fazer2 {
    0%;

{
    left: 0;
}

100% {
    left: -150px;
    opacity: 0;
}

}

fazer3 {
    0%;

{
    left: 0;
}

100% {
    left: -75px;
    opacity: 0;
}

}

fazer4 {
    0%;

{
    left: 0;
}

100% {
    left: -225px;
    opacity: 0;
}

}



.cssload-longfazers {
    position: absolute;
    width: 100%;
    height: 200px;
}

    .cssload-longfazers span {
        position: absolute;
        height: 3px;
        width: 20%;
        background: rgb(255,255,255);
    }

        .cssload-longfazers span:nth-child(1) {
            top: 20%;
            animation: cssload-lf 0.33s linear infinite;
            -o-animation: cssload-lf 0.33s linear infinite;
            -ms-animation: cssload-lf 0.33s linear infinite;
            -webkit-animation: cssload-lf 0.33s linear infinite;
            -moz-animation: cssload-lf 0.33s linear infinite;
            animation-delay: -2.75s;
            -o-animation-delay: -2.75s;
            -ms-animation-delay: -2.75s;
            -webkit-animation-delay: -2.75s;
            -moz-animation-delay: -2.75s;
        }

        .cssload-longfazers span:nth-child(2) {
            top: 40%;
            animation: cssload-lf 0.44s linear infinite;
            -o-animation: cssload-lf 0.44s linear infinite;
            -ms-animation: cssload-lf 0.44s linear infinite;
            -webkit-animation: cssload-lf 0.44s linear infinite;
            -moz-animation: cssload-lf 0.44s linear infinite;
            animation-delay: -0.55s;
            -o-animation-delay: -0.55s;
            -ms-animation-delay: -0.55s;
            -webkit-animation-delay: -0.55s;
            -moz-animation-delay: -0.55s;
        }

        .cssload-longfazers span:nth-child(3) {
            top: 60%;
            animation: cssload-lf 0.33s linear infinite;
            -o-animation: cssload-lf 0.33s linear infinite;
            -ms-animation: cssload-lf 0.33s linear infinite;
            -webkit-animation: cssload-lf 0.33s linear infinite;
            -moz-animation: cssload-lf 0.33s linear infinite;
        }

        .cssload-longfazers span:nth-child(4) {
            top: 80%;
            animation: cssload-lf 0.275s linear infinite;
            -o-animation: cssload-lf 0.275s linear infinite;
            -ms-animation: cssload-lf 0.275s linear infinite;
            -webkit-animation: cssload-lf 0.275s linear infinite;
            -moz-animation: cssload-lf 0.275s linear infinite;
            animation-delay: -1.65s;
            -o-animation-delay: -1.65s;
            -ms-animation-delay: -1.65s;
            -webkit-animation-delay: -1.65s;
            -moz-animation-delay: -1.65s;
        }



@keyframes fazer1 {
    0% {
        left: 0;
    }

    100% {
        left: -120px;
        opacity: 0;
    }
}

}
}

@-o-keyframes fazer1 {
    0% {
        left: 0;
    }

    100% {
        left: -120px;
        opacity: 0;
    }
}

}
}

@-ms-keyframes fazer1 {
    0% {
        left: 0;
    }

    100% {
        left: -120px;
        opacity: 0;
    }
}

}
}

@-webkit-keyframes fazer1 {
    0% {
        left: 0;
    }

    100% {
        left: -120px;
        opacity: 0;
    }
}

}
}

@-moz-keyframes fazer1 {
    0% {
        left: 0;
    }

    100% {
        left: -120px;
        opacity: 0;
    }
}

}
}

@keyframes fazer2 {
    0% {
        left: 0;
    }

    100% {
        left: -150px;
        opacity: 0;
    }
}

}
}

@-o-keyframes fazer2 {
    0% {
        left: 0;
    }

    100% {
        left: -150px;
        opacity: 0;
    }
}

}
}

@-ms-keyframes fazer2 {
    0% {
        left: 0;
    }

    100% {
        left: -150px;
        opacity: 0;
    }
}

}
}

@-webkit-keyframes fazer2 {
    0% {
        left: 0;
    }

    100% {
        left: -150px;
        opacity: 0;
    }
}

}
}

@-moz-keyframes fazer2 {
    0% {
        left: 0;
    }

    100% {
        left: -150px;
        opacity: 0;
    }
}

}
}

@keyframes fazer3 {
    0% {
        left: 0;
    }

    100% {
        left: -75px;
        opacity: 0;
    }
}

}
}

@-o-keyframes fazer3 {
    0% {
        left: 0;
    }

    100% {
        left: -75px;
        opacity: 0;
    }
}

}
}

@-ms-keyframes fazer3 {
    0% {
        left: 0;
    }

    100% {
        left: -75px;
        opacity: 0;
    }
}

}
}

@-webkit-keyframes fazer3 {
    0% {
        left: 0;
    }

    100% {
        left: -75px;
        opacity: 0;
    }
}

}
}

@-moz-keyframes fazer3 {
    0% {
        left: 0;
    }

    100% {
        left: -75px;
        opacity: 0;
    }
}

}
}

@keyframes fazer4 {
    0% {
        left: 0;
    }

    100% {
        left: -225px;
        opacity: 0;
    }
}

}
}

@-o-keyframes fazer4 {
    0% {
        left: 0;
    }

    100% {
        left: -225px;
        opacity: 0;
    }
}

}
}

@-ms-keyframes fazer4 {
    0% {
        left: 0;
    }

    100% {
        left: -225px;
        opacity: 0;
    }
}

}
}

@-webkit-keyframes fazer4 {
    0% {
        left: 0;
    }

    100% {
        left: -225px;
        opacity: 0;
    }
}

}
}

@-moz-keyframes fazer4 {
    0% {
        left: 0;
    }

    100% {
        left: -225px;
        opacity: 0;
    }
}

}
}

@keyframes speeder {
    0% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    10% {
        transform: translate(-2px, -5px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(2px, 3px) rotate(0deg);
    }

    40% {
        transform: translate(2px, -2px) rotate(1deg);
    }

    50% {
        transform: translate(-2px, 5px) rotate(-1deg);
    }

    60% {
        transform: translate(-2px, 2px) rotate(0deg);
    }

    70% {
        transform: translate(5px, 2px) rotate(-1deg);
    }

    80% {
        transform: translate(-3px, -2px) rotate(1deg);
    }

    90% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(2px, -3px) rotate(-1deg);
    }
}

@-o-keyframes speeder {
    0% {
        -o-transform: translate(3px, 2px) rotate(0deg);
    }

    10% {
        -o-transform: translate(-2px, -5px) rotate(-1deg);
    }

    20% {
        -o-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -o-transform: translate(2px, 3px) rotate(0deg);
    }

    40% {
        -o-transform: translate(2px, -2px) rotate(1deg);
    }

    50% {
        -o-transform: translate(-2px, 5px) rotate(-1deg);
    }

    60% {
        -o-transform: translate(-2px, 2px) rotate(0deg);
    }

    70% {
        -o-transform: translate(5px, 2px) rotate(-1deg);
    }

    80% {
        -o-transform: translate(-3px, -2px) rotate(1deg);
    }

    90% {
        -o-transform: translate(3px, 2px) rotate(0deg);
    }

    100% {
        -o-transform: translate(2px, -3px) rotate(-1deg);
    }
}

@-ms-keyframes speeder {
    0% {
        -ms-transform: translate(3px, 2px) rotate(0deg);
    }

    10% {
        -ms-transform: translate(-2px, -5px) rotate(-1deg);
    }

    20% {
        -ms-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -ms-transform: translate(2px, 3px) rotate(0deg);
    }

    40% {
        -ms-transform: translate(2px, -2px) rotate(1deg);
    }

    50% {
        -ms-transform: translate(-2px, 5px) rotate(-1deg);
    }

    60% {
        -ms-transform: translate(-2px, 2px) rotate(0deg);
    }

    70% {
        -ms-transform: translate(5px, 2px) rotate(-1deg);
    }

    80% {
        -ms-transform: translate(-3px, -2px) rotate(1deg);
    }

    90% {
        -ms-transform: translate(3px, 2px) rotate(0deg);
    }

    100% {
        -ms-transform: translate(2px, -3px) rotate(-1deg);
    }
}

@-webkit-keyframes speeder {
    0% {
        -webkit-transform: translate(3px, 2px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-2px, -5px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(2px, 3px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(2px, -2px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-2px, 5px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-2px, 2px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(5px, 2px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-3px, -2px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(3px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(2px, -3px) rotate(-1deg);
    }
}

@-moz-keyframes speeder {
    0% {
        -moz-transform: translate(3px, 2px) rotate(0deg);
    }

    10% {
        -moz-transform: translate(-2px, -5px) rotate(-1deg);
    }

    20% {
        -moz-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -moz-transform: translate(2px, 3px) rotate(0deg);
    }

    40% {
        -moz-transform: translate(2px, -2px) rotate(1deg);
    }

    50% {
        -moz-transform: translate(-2px, 5px) rotate(-1deg);
    }

    60% {
        -moz-transform: translate(-2px, 2px) rotate(0deg);
    }

    70% {
        -moz-transform: translate(5px, 2px) rotate(-1deg);
    }

    80% {
        -moz-transform: translate(-3px, -2px) rotate(1deg);
    }

    90% {
        -moz-transform: translate(3px, 2px) rotate(0deg);
    }

    100% {
        -moz-transform: translate(2px, -3px) rotate(-1deg);
    }
}

@keyframes cssload-lf {
    0% {
        left: 200%;
    }

    100% {
        left: -200%;
        opacity: 0;
    }
}

@-o-keyframes cssload-lf {
    0% {
        left: 200%;
    }

    100% {
        left: -200%;
        opacity: 0;
    }
}

@-ms-keyframes cssload-lf {
    0% {
        left: 200%;
    }

    100% {
        left: -200%;
        opacity: 0;
    }
}

@-webkit-keyframes cssload-lf {
    0% {
        left: 200%;
    }

    100% {
        left: -200%;
        opacity: 0;
    }
}

@-moz-keyframes cssload-lf {
    0% {
        left: 200%;
    }

    100% {
        left: -200%;
        opacity: 0;
    }
}*/
.cssload-fond{
	position:relative;
	margin: auto;
}

.cssload-container-general
{
	animation:cssload-animball_two 1.15s infinite;
		-o-animation:cssload-animball_two 1.15s infinite;
		-ms-animation:cssload-animball_two 1.15s infinite;
		-webkit-animation:cssload-animball_two 1.15s infinite;
		-moz-animation:cssload-animball_two 1.15s infinite;
	width:83px; height:83px;
}
.cssload-internal
{
	width:83px; height:83px; position:absolute;
}
.cssload-ballcolor
{
	width: 38px;
	height: 38px;
	border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
	position: absolute;
	animation:cssload-animball_one 1.15s infinite ease;
		-o-animation:cssload-animball_one 1.15s infinite ease;
		-ms-animation:cssload-animball_one 1.15s infinite ease;
		-webkit-animation:cssload-animball_one 1.15s infinite ease;
		-moz-animation:cssload-animball_one 1.15s infinite ease;
}
.cssload-ball_1
{
	background-color:rgb(203,32,37);
	top:0; left:0;
}
.cssload-ball_2
{
	background-color:rgb(248,179,52);
	top:0; left:45px;
}
.cssload-ball_3
{
	background-color:rgb(0,160,150);
	top:45px; left:0;
}
.cssload-ball_4
{
	background-color:rgb(151,191,13);
	top:45px; left:45px;
}





@keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
	0%{transform:rotate(0deg) scale(1);}
	50%{transform:rotate(360deg) scale(1.3);}
	100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
	0%{-o-transform:rotate(0deg) scale(1);}
	50%{-o-transform:rotate(360deg) scale(1.3);}
	100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
	0%{-ms-transform:rotate(0deg) scale(1);}
	50%{-ms-transform:rotate(360deg) scale(1.3);}
	100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
	0%{-webkit-transform:rotate(0deg) scale(1);}
	50%{-webkit-transform:rotate(360deg) scale(1.3);}
	100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
	0%{-moz-transform:rotate(0deg) scale(1);}
	50%{-moz-transform:rotate(360deg) scale(1.3);}
	100%{-moz-transform:rotate(720deg) scale(1);}
}