@-webkit-keyframes c1 {
    0%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    16%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    32%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
@-webkit-keyframes c2 {
    0%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    16%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    32%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
@-webkit-keyframes c3 {
    32%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    48%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    72%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
@-webkit-keyframes c4 {
    48%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    72%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    96%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
@keyframes c1 {
    0%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    16%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    32%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
@keyframes c2 {
    0%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    16%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    32%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
@keyframes c3 {
    32%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    48%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    72%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
@keyframes c4 {
    48%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
    72%{
        transform : scale(1.2);
	-moz-transform : scale(1.2); /* Firefox */
	-webkit-transform : scale(1.2); /* Chrome - Safari */
	-o-transform : scale(1.2); /* Opera */
	-ms-transform : scale(1.2); /* IE9 */
    }
    96%{
        transform : scale(1);
	-moz-transform : scale(1); /* Firefox */
	-webkit-transform : scale(1); /* Chrome - Safari */
	-o-transform : scale(1); /* Opera */
	-ms-transform : scale(1); /* IE9 */
    }
}
#fondoLoading{
    background-color: rgba(255,255,255,1);
    top:0px;left: 0px;right: 0px;bottom: 0px;
    position: fixed;
    display: block;
    z-index: 10;
}
#loading{
    margin: 20% auto;
    height: 102px;
    width: 102px;
}
#loadingBuscador{
    margin: 10% auto;
    height: 102px;
    width: 102px;
    display: none;
}
.loadingMini{
    margin: 200px auto;
    height: 50px;
    width: 50px;
    display: none;
}
#resultado{
    margin: 5px auto;
    padding: 5px;
    text-align: center;
    height: auto;
    width: 100%;
    display: none;
    color: white;
}
.correcto{
    background-color: #95C23D;
}
.incorrecto{
    background-color: tomato;
}
.animacion{
    height: 45px;
    width: 45px;
    float: left;
    position: relative;
    margin: 3px 3px;
}
.animacionMini{
    height: 20px;
    width: 20px;
    float: left;
    position: relative;
    margin: 2px 2px;
}
#c1{
    background-color: #D2D3D5;
    -webkit-animation-name: c1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: -0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: c1; /* Chrome, Safari, Opera */
    animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-delay: -0.5s; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;
    
}
#c2{
    background-color: #95C23D;
    -webkit-animation-name: c2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: c2; /* Chrome, Safari, Opera */
    animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;

}
#c3{
    background-color: #009EC7;
    -webkit-animation-name: c4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: c4; /* Chrome, Safari, Opera */
    animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;
}
#c4{
    background-color: #0078AB;
    -webkit-animation-name: c3; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: c3; /* Chrome, Safari, Opera */
    animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-delay: 0s; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;
    
    
}