/* ------------------------------ MENSAGEM ---------------------------------- */

#mensagem_fundo {
    position:fixed;
    margin-left:0px;
    top:0px;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    z-index:1;
    background-color:#555;
    opacity: .4;
    /*filter: alpha(opacity=50);*/
    overflow:auto;
    z-index: 1000;
}

#mensagem_div {
    position: fixed;
    left: 50%; 
    top: 50%;  
    background-color: transparent;
    text-align: left;
    z-index: 5000;
}

.mensagem_div_confirmacao {
    background: url("../imagem/confirmacao.png") no-repeat 20px 35px;
    background-size: 55px 52px;
    border:none !important;
    color: #777;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff !important;
    text-align: justify;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    
    -webkit-box-shadow: 1px 2px 7px rgba(46, 50, 50, 1);
    -moz-box-shadow:    1px 2px 7px rgba(46, 50, 50, 1);
    box-shadow:         1px 2px 7px rgba(46, 50, 50, 1);
}

.mensagem_div_sucesso {
    background: url("../imagem/sucesso.png") no-repeat 20px 35px;
    background-size: 55px 52px;
    border:none !important;
    color: #777;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff !important;
    text-align: justify;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    
    -webkit-box-shadow: 1px 2px 7px rgba(46, 50, 50, 1);
    -moz-box-shadow:    1px 2px 7px rgba(46, 50, 50, 1);
    box-shadow:         1px 2px 7px rgba(46, 50, 50, 1);
}

.mensagem_div_erro {
    background: url("../imagem/erro.png") no-repeat 20px 35px;
    background-size: 55px 52px;
    border:none !important;
    color: #900;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff !important;
    text-align: justify;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    
    -webkit-box-shadow: 1px 2px 7px rgba(46, 50, 50, 1);
    -moz-box-shadow:    1px 2px 7px rgba(46, 50, 50, 1);
    box-shadow:         1px 2px 7px rgba(46, 50, 50, 1);
}

#mensagem_aguarde{
    border:none;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%; 
}

#mensagem_fechar { 
    margin: 5px; 
    font-size: 12px; 
    color: #000; 
    background-color: transparent;
    height: 17px;
}

#mensagem_fechar div{
    background: url("../imagem/fechar.png") no-repeat;
    height: 17px;
    width: 17px;
}

#mensagem_rodape { 
    position:absolute;
    bottom:0;
    font-size: 12px; 
    color: #000; 
    background-color: #ccc;
    height:50px;
    width:100%;
   -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgb(240, 240, 240);
    background: -moz-linear-gradient(90deg, rgb(240, 240, 240) 15%, rgb(220, 220, 220) 50%);
    background: -webkit-linear-gradient(90deg, rgb(240, 240, 240) 15%, rgb(220, 220, 220) 50%);
    background: -o-linear-gradient(90deg, rgb(240, 240, 240) 15%, rgb(220, 220, 220) 50%);
    background: -ms-linear-gradient(90deg, rgb(240, 240, 240) 15%, rgb(220, 220, 220) 50%);
    background: linear-gradient(180deg, rgb(240, 240, 240) 15%, rgb(220, 220, 220) 50%);
    border-top: 1px solid #aaa;
}

#mensagem_rodape input[type="button"]{
    float:right;
    margin-right: 30px;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    border: 1px solid #ACBECE;
    background-color: #166F94;
    border-bottom: 2px solid #12586D;
    border-radius: 4px;
    color: #fff;
} 



#floatingCirclesG{
position:relative;
width:300px;
height:100px;
margin: 0 auto;
margin-top:-64px;

-moz-transform:scale(0.7);
-webkit-transform:scale(0.7);
-o-transform:scale(0.7);
-ms-transform:scale(0.7);
transform:scale(0.7);
background: url("../imagem/aguarde2.gif") no-repeat;
}

.f_circleG{
position:absolute;
background-color:#2686fc;
height:23px;
width:23px;
/*
-moz-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
border-radius:12px;
*/
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.32s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;

-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.32s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;

-o-animation-name:f_fadeG;
-o-animation-duration:0.32s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;

-ms-animation-name:f_fadeG;
-ms-animation-duration:0.32s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;

animation-name:f_fadeG;
animation-duration:0.32s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:15px;
top:46px;
-moz-animation-delay:0.12s;
-webkit-animation-delay:0.12s;
-o-animation-delay:0.12s;
-ms-animation-delay:0.12s;
animation-delay:0.12s;
}

#frotateG_02{
left:15px;
top:0px;
-moz-animation-delay:0.16s;
-webkit-animation-delay:0.16s;
-o-animation-delay:0.16s;
-ms-animation-delay:0.16s;
animation-delay:0.16s;
}

#frotateG_03{
left:61px;
top:0;
-moz-animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-o-animation-delay:0.2s;
-ms-animation-delay:0.2s;
animation-delay:0.2s;
}

#frotateG_04{
left: 107px;
top:0px;
-moz-animation-delay:0.24s;
-webkit-animation-delay:0.24s;
-o-animation-delay:0.24s;
-ms-animation-delay:0.24s;
animation-delay:0.24s;
}

#frotateG_05{
left: 107px;
top:46px;
-moz-animation-delay:0.28s;
-webkit-animation-delay:0.28s;
-o-animation-delay:0.28s;
-ms-animation-delay:0.28s;
animation-delay:0.28s;
}

#frotateG_06{
left: 107px;
bottom:15px;
-moz-animation-delay:0.32s;
-webkit-animation-delay:0.32s;
-o-animation-delay:0.32s;
-ms-animation-delay:0.32s;
animation-delay:0.32s;
}

#frotateG_07{
left:61px;
bottom:15px;
-moz-animation-delay:0.36s;
-webkit-animation-delay:0.36s;
-o-animation-delay:0.36s;
-ms-animation-delay:0.36s;
animation-delay:0.36s;
}

#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-o-animation-delay:0.4s;
-ms-animation-delay:0.4s;
animation-delay:0.4s;
}

@-moz-keyframes f_fadeG{
50%{
background-color:#FF8A8A}
70%{
background-color:#81ff75}
150%{
background-color:#ab9898}

}

@-webkit-keyframes f_fadeG{
50%{
background-color:#FF8A8A}
70%{
background-color:#81ff75}
150%{
background-color:#ab9898}

}

@-o-keyframes f_fadeG{
50%{
background-color:#FF8A8A}
70%{
background-color:#81ff75}
150%{
background-color:#ab9898}

}

@-ms-keyframes f_fadeG{
50%{
background-color:#FF8A8A}
70%{
background-color:#81ff75}
150%{
background-color:#ab9898}

}

@keyframes f_fadeG{
50%{
background-color:#FF8A8A}
70%{
background-color:#81ff75}
150%{
background-color:#ab9898}

}