/*
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 : 19-mag-2015, 17.21.59
Author     : Amministratore

*/
#load_marker {
    position: fixed;
    background-color: rgba(0,0,0,.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 999999;
    text-align: center;
}
#load_marker:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
/*loader icon*/
.fond {
    vertical-align: middle;
    display: inline-block;
}
.contener_general {
    -webkit-animation: animball_two 1.5s infinite;
    -moz-animation: animball_two 1.5s infinite;
    -ms-animation: animball_two 1.5s infinite;
    animation: animball_two 1.5s infinite;
    width: 44px;
    height: 44px;
    display: inline-block;
}
.contener_mixte {
    width: 44px;
    height: 44px;
    position: absolute;
}
.ballcolor {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.ball_1, .ball_2, .ball_3, .ball_4 {
    position: absolute;
    -webkit-animation: animball_one 1.5s infinite ease;
    -moz-animation: animball_one 1.5s infinite ease;
    -ms-animation: animball_one 1.5s infinite ease;
    animation: animball_one 1.5s infinite ease;
}
.ball_1 {
    background-color: #cb2025;
    top: 0;
    left: 0;
}
.ball_2 {
    background-color: #f8b334;
    top: 0;
    left: 24px;
}
.ball_3 {
    background-color: #00a096;
    top: 24px;
    left: 0;
}
.ball_4 {
    background-color: #97bf0d;
    top: 24px;
    left: 24px;
}

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

@-webkit-keyframes 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 animball_two
{
    0%{-moz-transform:rotate(0deg) scale(1);}
    50%{-moz-transform:rotate(360deg) scale(1.3);}
    100%{-moz-transform:rotate(720deg) scale(1);}
}
@-ms-keyframes animball_two
{
    0%{-ms-transform:rotate(0deg) scale(1);}
    50%{-ms-transform:rotate(360deg) scale(1.3);}
    100%{-ms-transform:rotate(720deg) scale(1);}
}
@keyframes animball_two
{
    0%{transform:rotate(0deg) scale(1);}
    50%{transform:rotate(360deg) scale(1.3);}
    100%{transform:rotate(720deg) scale(1);}
}