/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12/01/2017, 17:18:40
    Author     : J.J.G.V
*/
/********loading***************/
.load-pdv {
    position: absolute;
    /*    left: 0px;
        top:0px;*/
    /*margin:0px;*/
    width: 100%;
    height: 100%;
    display:block;
    z-index: 9999997;
    /*opacity: 0.65;*/
    /*    -moz-opacity: 0.65;
        filter: alpha(opacity = 65);*/
    background: white;
    /*background-image: url("imagens/default.gif");*/
    background-repeat: no-repeat;
    /*background-position:50% 50%;*/
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    /*    color: #134894;*/
    /*padding-top: 25%;*/
}
.cssload-cube, .cssload-half1, .cssload-half2, .cssload-container {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
}

.cssload-container {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 10% auto 0;
    perspective: 750px;
    -o-perspective: 750px;
    -ms-perspective: 750px;
    -webkit-perspective: 750px;
    -moz-perspective: 750px;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
}

.cssload-cube {
    width: 250px;
    height: 250px;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
}

.cssload-cube {
    animation: cube 4s forwards infinite;
    -o-animation: cube 4s forwards infinite;
    -ms-animation: cube 4s forwards infinite;
    -webkit-animation: cube 4s forwards infinite;
    -moz-animation: cube 4s forwards infinite;
    transform-origin: center 125px;
    -o-transform-origin: center 125px;
    -ms-transform-origin: center 125px;
    -webkit-transform-origin: center 125px;
    -moz-transform-origin: center 125px;
}

.cssload-half1 {
    height: 100px;
    top: 0;
    position: absolute;
    animation: half-fold 4s forwards infinite;
    -o-animation: half-fold 4s forwards infinite;
    -ms-animation: half-fold 4s forwards infinite;
    -webkit-animation: half-fold 4s forwards infinite;
    -moz-animation: half-fold 4s forwards infinite;
    transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
}

.cssload-side {
    width: 50px;
    height: 50px;
    background: rgb(221,221,221);
    position: absolute;
}

.cssload-s1 {
    top: 0;
    left: 100px;
    transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    animation: s1ani 4s forwards infinite;
    -o-animation: s1ani 4s forwards infinite;
    -ms-animation: s1ani 4s forwards infinite;
    -webkit-animation: s1ani 4s forwards infinite;
    -moz-animation: s1ani 4s forwards infinite;
}

.cssload-s2 {
    top: 50px;
    left: 100px;
    transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    animation: s2ani 4s forwards infinite;
    -o-animation: s2ani 4s forwards infinite;
    -ms-animation: s2ani 4s forwards infinite;
    -webkit-animation: s2ani 4s forwards infinite;
    -moz-animation: s2ani 4s forwards infinite;
}

.cssload-s3 {
    top: 100px;
    left: 100px;
    transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    animation: s3ani 4s forwards infinite;
    -o-animation: s3ani 4s forwards infinite;
    -ms-animation: s3ani 4s forwards infinite;
    -webkit-animation: s3ani 4s forwards infinite;
    -moz-animation: s3ani 4s forwards infinite;
}

.cssload-s4 {
    top: 150px;
    left: 100px;
    transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    animation: s4ani 4s forwards infinite;
    -o-animation: s4ani 4s forwards infinite;
    -ms-animation: s4ani 4s forwards infinite;
    -webkit-animation: s4ani 4s forwards infinite;
    -moz-animation: s4ani 4s forwards infinite;
}

.cssload-s5 {
    left: 50px;
    top: 50px;
    transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    animation: s5ani 4s forwards infinite;
    -o-animation: s5ani 4s forwards infinite;
    -ms-animation: s5ani 4s forwards infinite;
    -webkit-animation: s5ani 4s forwards infinite;
    -moz-animation: s5ani 4s forwards infinite;
}

.cssload-s6 {
    left: 150px;
    top: 100px;
    transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    animation: s6ani 4s forwards infinite;
    -o-animation: s6ani 4s forwards infinite;
    -ms-animation: s6ani 4s forwards infinite;
    -webkit-animation: s6ani 4s forwards infinite;
    -moz-animation: s6ani 4s forwards infinite;
}












@keyframes cube {
    0% {
        transform: rotateX(0deg);
    }
    30% {
        transform: rotateX(0deg);
    }
    40% {
        transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        /* CUBE ROTATES BACK */
    }
    60% {
        transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        /* ARMS FOLD UP */
    }
    65% {
        transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        /* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
    }
    70% {
        transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
    }
    75% {
        transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        /* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
    }
    80% {
        transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
    }
    90% {
        transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        /* FADE TO BLACK */
    }
}

@-o-keyframes cube {
    0% {
        -o-transform: rotateX(0deg);
    }
    30% {
        -o-transform: rotateX(0deg);
    }
    40% {
        -o-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        /* CUBE ROTATES BACK */
    }
    60% {
        -o-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        /* ARMS FOLD UP */
    }
    65% {
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        /* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
    }
    70% {
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
    }
    75% {
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        /* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
    }
    80% {
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
    }
    90% {
        -o-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        /* FADE TO BLACK */
    }
}

@-ms-keyframes cube {
    0% {
        -ms-transform: rotateX(0deg);
    }
    30% {
        -ms-transform: rotateX(0deg);
    }
    40% {
        -ms-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        /* CUBE ROTATES BACK */
    }
    60% {
        -ms-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        /* ARMS FOLD UP */
    }
    65% {
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        /* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
    }
    70% {
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
    }
    75% {
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        /* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
    }
    80% {
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
    }
    90% {
        -ms-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        /* FADE TO BLACK */
    }
}

@-webkit-keyframes cube {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    30% {
        -webkit-transform: rotateX(0deg);
    }
    40% {
        -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        /* CUBE ROTATES BACK */
    }
    60% {
        -webkit-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        /* ARMS FOLD UP */
    }
    65% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        /* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
    }
    70% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
    }
    75% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        /* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
    }
    80% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
    }
    90% {
        -webkit-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        /* FADE TO BLACK */
    }
}

@-moz-keyframes cube {
    0% {
        -moz-transform: rotateX(0deg);
    }
    30% {
        -moz-transform: rotateX(0deg);
    }
    40% {
        -moz-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        /* CUBE ROTATES BACK */
    }
    60% {
        -moz-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        /* ARMS FOLD UP */
    }
    65% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        /* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
    }
    70% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
    }
    75% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        /* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
    }
    80% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
    }
    90% {
        -moz-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        /* FADE TO BLACK */
    }
}

@keyframes s1ani {
    0% {
        opacity: 1;
        transform: translateY(0px);
        background: rgb(221,221,221);
    }
    40% {
        transform: rotateX(0deg);
        background: rgb(255,68,0);
    }
    50% {
        transform: rotateX(-90deg);
        background: rgb(70,130,180);
    }
    90% {
        transform: rotateX(-90deg);
    }
}

@-o-keyframes s1ani {
    0% {
        opacity: 1;
        -o-transform: translateY(0px);
        background: rgb(221,221,221);
    }
    40% {
        -o-transform: rotateX(0deg);
        background: rgb(255,68,0);
    }
    50% {
        -o-transform: rotateX(-90deg);
        background: rgb(70,130,180);
    }
    90% {
        -o-transform: rotateX(-90deg);
    }
}

@-ms-keyframes s1ani {
    0% {
        opacity: 1;
        -ms-transform: translateY(0px);
        background: rgb(221,221,221);
    }
    40% {
        -ms-transform: rotateX(0deg);
        background: rgb(255,68,0);
    }
    50% {
        -ms-transform: rotateX(-90deg);
        background: rgb(70,130,180);
    }
    90% {
        -ms-transform: rotateX(-90deg);
    }
}

@-webkit-keyframes s1ani {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        background: rgb(221,221,221);
    }
    40% {
        -webkit-transform: rotateX(0deg);
        background: rgb(255,68,0);
    }
    50% {
        -webkit-transform: rotateX(-90deg);
        background: rgb(70,130,180);
    }
    90% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes s1ani {
    0% {
        opacity: 1;
        -moz-transform: translateY(0px);
        background: rgb(221,221,221);
    }
    40% {
        -moz-transform: rotateX(0deg);
        background: rgb(255,68,0);
    }
    50% {
        -moz-transform: rotateX(-90deg);
        background: rgb(70,130,180);
    }
    90% {
        -moz-transform: rotateX(-90deg);
    }
}

@keyframes s2ani {
    0% {
        opacity: 0;
        transform: rotateX(-179deg);
    }
    10% {
        opacity: 1;
        transform: rotateX(0deg);
    }
    40% {
        background: rgb(180,180,180);
    }
    45% {
        background: rgb(180,180,180);
    }
    65% {
        opacity: 1;
        background: rgb(255,68,0);
        /* DARKEST VISIBLE */
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes s2ani {
    0% {
        opacity: 0;
        -o-transform: rotateX(-179deg);
    }
    10% {
        opacity: 1;
        -o-transform: rotateX(0deg);
    }
    40% {
        background: rgb(180,180,180);
    }
    45% {
        background: rgb(180,180,180);
    }
    65% {
        opacity: 1;
        background: rgb(255,68,0);
        /* DARKEST VISIBLE */
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes s2ani {
    0% {
        opacity: 0;
        -ms-transform: rotateX(-179deg);
    }
    10% {
        opacity: 1;
        -ms-transform: rotateX(0deg);
    }
    40% {
        background: rgb(180,180,180);
    }
    45% {
        background: rgb(180,180,180);
    }
    65% {
        opacity: 1;
        background: rgb(255,68,0);
        /* DARKEST VISIBLE */
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes s2ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
    }
    10% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
    }
    40% {
        background: rgb(180,180,180);
    }
    45% {
        background: rgb(180,180,180);
    }
    65% {
        opacity: 1;
        background: rgb(255,68,0);
        /* DARKEST VISIBLE */
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes s2ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg);
    }
    10% {
        opacity: 1;
        -moz-transform: rotateX(0deg);
    }
    40% {
        background: rgb(180,180,180);
    }
    45% {
        background: rgb(180,180,180);
    }
    65% {
        opacity: 1;
        background: rgb(255,68,0);
        /* DARKEST VISIBLE */
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes s3ani {
    0% {
        opacity: 0;
        transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
        transform: rotateX(-179deg);
    }
    20% {
        opacity: 1;
        transform: rotateX(0deg);
    }
    40% {
        background: rgb(70,130,180);
    }
    45% {
        background: rgb(150,150,150);
        /* DARKEST VISIBLE */
    }
    90% {
        opacity: 1;
        transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes s3ani {
    0% {
        opacity: 0;
        -o-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
        -o-transform: rotateX(-179deg);
    }
    20% {
        opacity: 1;
        -o-transform: rotateX(0deg);
    }
    40% {
        background: rgb(70,130,180);
    }
    45% {
        background: rgb(150,150,150);
        /* DARKEST VISIBLE */
    }
    90% {
        opacity: 1;
        -o-transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes s3ani {
    0% {
        opacity: 0;
        -ms-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
        -ms-transform: rotateX(-179deg);
    }
    20% {
        opacity: 1;
        -ms-transform: rotateX(0deg);
    }
    40% {
        background: rgb(70,130,180);
    }
    45% {
        background: rgb(150,150,150);
        /* DARKEST VISIBLE */
    }
    90% {
        opacity: 1;
        -ms-transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes s3ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
    }
    20% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
    }
    40% {
        background: rgb(70,130,180);
    }
    45% {
        background: rgb(150,150,150);
        /* DARKEST VISIBLE */
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes s3ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
        -moz-transform: rotateX(-179deg);
    }
    20% {
        opacity: 1;
        -moz-transform: rotateX(0deg);
    }
    40% {
        background: rgb(70,130,180);
    }
    45% {
        background: rgb(150,150,150);
        /* DARKEST VISIBLE */
    }
    90% {
        opacity: 1;
        -moz-transform: rotateX(0deg);
    }
    100% {
        opacity: 0;
    }
}

@keyframes s4ani {
    0% {
        opacity: 0;
        transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 0;
        transform: rotateX(-179deg);
    }
    30% {
        opacity: 1;
        transform: rotateX(0deg);
    }
    40% {
        transform: rotateX(0deg);
        background: rgb(180,180,180);
    }
    50% {
        transform: rotateX(90deg);
        background: rgb(255,68,0);
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
        transform: rotateX(90deg);
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes s4ani {
    0% {
        opacity: 0;
        -o-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 0;
        -o-transform: rotateX(-179deg);
    }
    30% {
        opacity: 1;
        -o-transform: rotateX(0deg);
    }
    40% {
        -o-transform: rotateX(0deg);
        background: rgb(180,180,180);
    }
    50% {
        -o-transform: rotateX(90deg);
        background: rgb(255,68,0);
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
        -o-transform: rotateX(90deg);
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes s4ani {
    0% {
        opacity: 0;
        -ms-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 0;
        -ms-transform: rotateX(-179deg);
    }
    30% {
        opacity: 1;
        -ms-transform: rotateX(0deg);
    }
    40% {
        -ms-transform: rotateX(0deg);
        background: rgb(180,180,180);
    }
    50% {
        -ms-transform: rotateX(90deg);
        background: rgb(255,68,0);
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
        -ms-transform: rotateX(90deg);
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes s4ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
    }
    40% {
        -webkit-transform: rotateX(0deg);
        background: rgb(180,180,180);
    }
    50% {
        -webkit-transform: rotateX(90deg);
        background: rgb(255,68,0);
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateX(90deg);
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes s4ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 0;
        -moz-transform: rotateX(-179deg);
    }
    30% {
        opacity: 1;
        -moz-transform: rotateX(0deg);
    }
    40% {
        -moz-transform: rotateX(0deg);
        background: rgb(180,180,180);
    }
    50% {
        -moz-transform: rotateX(90deg);
        background: rgb(255,68,0);
    }
    80% {
        background: rgb(180,180,180);
    }
    90% {
        opacity: 1;
        -moz-transform: rotateX(90deg);
    }
    100% {
        opacity: 0;
    }
}

@keyframes s5ani {
    0% {
        opacity: 0;
        transform: rotateY(-179deg);
    }
    10% {
        opacity: 0;
        transform: rotateY(-179deg);
    }
    20% {
        opacity: 1;
        background: rgb(221,221,221);
        transform: rotateY(0deg);
    }
    40% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(90deg);
    }
    55% {
        background: rgb(221,221,221);
    }
    60% {
        background: rgb(200,200,200);
    }
    90% {
        transform: rotateY(90deg);
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes s5ani {
    0% {
        opacity: 0;
        -o-transform: rotateY(-179deg);
    }
    10% {
        opacity: 0;
        -o-transform: rotateY(-179deg);
    }
    20% {
        opacity: 1;
        background: rgb(221,221,221);
        -o-transform: rotateY(0deg);
    }
    40% {
        -o-transform: rotateY(0deg);
    }
    50% {
        -o-transform: rotateY(90deg);
    }
    55% {
        background: rgb(221,221,221);
    }
    60% {
        background: rgb(200,200,200);
    }
    90% {
        -o-transform: rotateY(90deg);
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes s5ani {
    0% {
        opacity: 0;
        -ms-transform: rotateY(-179deg);
    }
    10% {
        opacity: 0;
        -ms-transform: rotateY(-179deg);
    }
    20% {
        opacity: 1;
        background: rgb(221,221,221);
        -ms-transform: rotateY(0deg);
    }
    40% {
        -ms-transform: rotateY(0deg);
    }
    50% {
        -ms-transform: rotateY(90deg);
    }
    55% {
        background: rgb(221,221,221);
    }
    60% {
        background: rgb(200,200,200);
    }
    90% {
        -ms-transform: rotateY(90deg);
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes s5ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg);
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg);
    }
    20% {
        opacity: 1;
        background: rgb(221,221,221);
        -webkit-transform: rotateY(0deg);
    }
    40% {
        -webkit-transform: rotateY(0deg);
    }
    50% {
        -webkit-transform: rotateY(90deg);
    }
    55% {
        background: rgb(221,221,221);
    }
    60% {
        background: rgb(200,200,200);
    }
    90% {
        -webkit-transform: rotateY(90deg);
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes s5ani {
    0% {
        opacity: 0;
        -moz-transform: rotateY(-179deg);
    }
    10% {
        opacity: 0;
        -moz-transform: rotateY(-179deg);
    }
    20% {
        opacity: 1;
        background: rgb(221,221,221);
        -moz-transform: rotateY(0deg);
    }
    40% {
        -moz-transform: rotateY(0deg);
    }
    50% {
        -moz-transform: rotateY(90deg);
    }
    55% {
        background: rgb(221,221,221);
    }
    60% {
        background: rgb(200,200,200);
    }
    90% {
        -moz-transform: rotateY(90deg);
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes s6ani {
    0% {
        opacity: 0;
        transform: rotateY(179deg);
    }
    20% {
        opacity: 0;
        transform: rotateY(179deg);
    }
    30% {
        opacity: 1;
        transform: rotateY(0deg);
    }
    40% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(-90deg);
        background: #dddddd;
    }
    60% {
        background: #c8c8c8;
    }
    80% {
        background: #c8c8c8;
    }
    90% {
        opacity: 1;
        transform: rotateY(-90deg);
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes s6ani {
    0% {
        opacity: 0;
        -o-transform: rotateY(179deg);
    }
    20% {
        opacity: 0;
        -o-transform: rotateY(179deg);
    }
    30% {
        opacity: 1;
        -o-transform: rotateY(0deg);
    }
    40% {
        -o-transform: rotateY(0deg);
    }
    50% {
        -o-transform: rotateY(-90deg);
        background: #dddddd;
    }
    60% {
        background: #c8c8c8;
    }
    80% {
        background: #c8c8c8;
    }
    90% {
        opacity: 1;
        -o-transform: rotateY(-90deg);
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes s6ani {
    0% {
        opacity: 0;
        -ms-transform: rotateY(179deg);
    }
    20% {
        opacity: 0;
        -ms-transform: rotateY(179deg);
    }
    30% {
        opacity: 1;
        -ms-transform: rotateY(0deg);
    }
    40% {
        -ms-transform: rotateY(0deg);
    }
    50% {
        -ms-transform: rotateY(-90deg);
        background: #dddddd;
    }
    60% {
        background: #c8c8c8;
    }
    80% {
        background: #c8c8c8;
    }
    90% {
        opacity: 1;
        -ms-transform: rotateY(-90deg);
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes s6ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(179deg);
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateY(179deg);
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
    40% {
        -webkit-transform: rotateY(0deg);
    }
    50% {
        -webkit-transform: rotateY(-90deg);
        background: #dddddd;
    }
    60% {
        background: #c8c8c8;
    }
    80% {
        background: #c8c8c8;
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateY(-90deg);
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes s6ani {
    0% {
        opacity: 0;
        -moz-transform: rotateY(179deg);
    }
    20% {
        opacity: 0;
        -moz-transform: rotateY(179deg);
    }
    30% {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
    40% {
        -moz-transform: rotateY(0deg);
    }
    50% {
        -moz-transform: rotateY(-90deg);
        background: #dddddd;
    }
    60% {
        background: #c8c8c8;
    }
    80% {
        background: #c8c8c8;
    }
    90% {
        opacity: 1;
        -moz-transform: rotateY(-90deg);
    }
    100% {
        opacity: 0;
    }
}

@keyframes half-fold {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(0deg);
    }
    60% {
        transform: rotateX(-90deg);
    }
    90% {
        transform: rotateX(-90deg);
    }
}

@-o-keyframes half-fold {
    0% {
        -o-transform: rotateX(0deg);
    }
    50% {
        -o-transform: rotateX(0deg);
    }
    60% {
        -o-transform: rotateX(-90deg);
    }
    90% {
        -o-transform: rotateX(-90deg);
    }
}

@-ms-keyframes half-fold {
    0% {
        -ms-transform: rotateX(0deg);
    }
    50% {
        -ms-transform: rotateX(0deg);
    }
    60% {
        -ms-transform: rotateX(-90deg);
    }
    90% {
        -ms-transform: rotateX(-90deg);
    }
}

@-webkit-keyframes half-fold {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    50% {
        -webkit-transform: rotateX(0deg);
    }
    60% {
        -webkit-transform: rotateX(-90deg);
    }
    90% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes half-fold {
    0% {
        -moz-transform: rotateX(0deg);
    }
    50% {
        -moz-transform: rotateX(0deg);
    }
    60% {
        -moz-transform: rotateX(-90deg);
    }
    90% {
        -moz-transform: rotateX(-90deg);
    }
}
/********************/


/**************/
.load-pdv_sm {
    position: absolute;
    /*    left: 0px;
        top:0px;*/
    /*margin:0px;*/
    width: 100%;
    height: 100%;
    display:block;
    z-index: 9999997;
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity = 65);
    background: white;
    /*background-image: url("imagens/default.gif");*/
    background-repeat: no-repeat;
    /*background-position:50% 50%;*/
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    /*    color: #134894;*/
    /*padding-top: 25%;*/
}