@charset "UTF-8";

/* =============================================== */
/* LOADING */

#INFOIG .ctTelaLoading{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    color: gray;
    background: #d8d8d8;
    z-index: 10000;
}


        #INFOIG .ctTelaLoading .ctElementsLoader{
            position: absolute;
            
            width: 300px;
            height: 60px;
            
            top: 50%;
            left: 50%;
            
            margin-left: -150px;
            margin-top: -30px;
            
            background: url("../img/loaderArea_bg.png") repeat-x;
            background-size: contain;
    
            border-radius: 3px;
            border: 2px solid rgba(255, 255, 255, 0.52);
    
            box-sizing: border-box;
            
            box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.22);
            
            transition: all 0.4s;
        }

        #INFOIG.comPublicidade .ctTelaLoading .ctElementsLoader{
    
            top: 130px;
        }


        #INFOIG .ctTelaLoading .ctElementsLoader h6{
            position: absolute;
            
            margin:0;
            padding: 0;
            color: #959595;
    
            top: 50%;
            left: 8px;
    
            margin-top: -17px;
            
            font-size: 10px;
            font-weight: bold;
    
            opacity: 0.8;
            
        }
    
                #INFOIG .ctTelaLoading .ctElementsLoader .ctBarra{
                    position: absolute;
                    
                    width: 280px;
                    height: 8px;
                
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
    
                    border-right: 1px solid #fff;
                    border-left: 1px solid #fff;
                    
                    margin: auto;
                }

                        #INFOIG .ctTelaLoading .ctElementsLoader .ctBarra .barra{
                            position: absolute;
        
                            width: 0;
                            height: 100%;
    
                            overflow: hidden;
                        }


                        #INFOIG .ctTelaLoading .ctElementsLoader .ctBarra .barra .color{
                            width: 100%;
                            height: 100%;
                            
                            background-color: #007de8; 
                        }

                        #INFOIG .ctTelaLoading .ctElementsLoader .ctBarra .barra .frisado{
                            position: absolute;
                            
                            top: 0;
                            left: 0;
    
                            width: 100%;
                            height: 100%;
    
                            opacity: 0.3;
    
                            background-image: url("../img/frisadoLoader.gif");
                        }



                #INFOIG .ctTelaLoading .ctElementsLoader .displayPct{
                    position: absolute;
                    
                    font-family: Verdana;
                    font-size: 14px;
                    font-weight: lighter;
                    color: #959595;
    
                    bottom: 50%;
                    right: 8px;
    
                    margin-bottom: -23px;
    
                    opacity: 0.8;
                    
                }


/* =============================================== */