@charset "UTF-8";
/* CSS Document */

body{
    padding: 0px;
    background: #ccc;
    margin: 0;
     -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* =============================================== */
/* RESET */

#INFOIG p, h1, h2, h3, h4, h5, ul, li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#adServersCounters{
    display:none;
}

/* =============================================== */
/* INIT */

#INFOIG{
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
    width: 988px;
    height: 618px;
    background: #000;
    overflow: hidden;
    background: black;
    font-size:16px;
}

#INFOIG .hide{
    display:none;
}



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

#INFOIG #ie9 {
    position:fixed;
    width: 988px;
    height: 800px;
    padding: 0px;
    margin: 0px;
    color: gray;
    background: #fff;
    z-index: 50000;
    display:block;

}
#INFOIG #ie9 p{
    position:relative;
    text-align:center;
    top:150px;

}
#INFOIG #ie9 ul li{
    position:relative;
    left:350px;
    top:200px;
    display:inline;
}

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

#INFOIG .ctTelaLoading{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: gray;
    background: #45b7b3;
    z-index: 13900;
}

#INFOIG .ctTelaLoading span{
    position:absolute;
    top:60px;
    left:300px;
    background:url('../img/logo-load.png');
    height:149px;
    width:375px;
}

#INFOIG .ctTelaLoading p{
    position:absolute;
    top:200px;
    left:420px;
    color:#fff;
}

/* =============================================== */
/* LOGO */
/*
#INFOIG .ctLogo{
    position:fixed;
    top:0;
    left:0;
    z-index: 10851;
    width: 295px;
    height: 88px;
    z-index: 10850;
    background: url('../img/logo.png');

}

*/


/* =============================================== */
/* TELAS */

#INFOIG .ctTela{
    height:100%;
    width: 100%;
    position:absolute;
/*    display: none;*/
    padding: 20px;
    width:1488px;
}

#INFOIG #masked{
    height:618px;
    width:1400px;
}

#INFOIG h2{
    font-weight:700;
     cursor:default;
}

#INFOIG p{
     font-weight:400;
    cursor:default;
}

#INFOIG #bg{
    background: url('../img/bg1.jpg?v=1') 0px 0px;
/*    background: url('../img/guide3.jpg') 0px 0px;*/
    height:100%;
    width: 100%;
    position:absolute;
    padding:0px;
    margin:0px;
}
#INFOIG .fixsize{
    position:absolute;
    width:200px;
    left:-80px;
/*    height:100px;*/
    text-align:center;
/*    background:#fff;*/
}
#INFOIG .bt{
    background: url('../img/pin.png') no-repeat;
    padding:0px;
    margin:0px;
    position:absolute;
    height:40px;
    width:40px;
    top:0px;
    left:0px;
    display:inline;
}

#INFOIG.no-touch .bt:hover{
    background: url('../img/pin.png') no-repeat 0px -40px;
}

#INFOIG .bt .label{
    display:none;
    position:relative;
    text-align:center;
    background:#002941;
    color:#fff;
    font-size:13px;
    font-weight:100;
    padding:2px 3px 2px 3px;
    margin:0 auto;
    top:39px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    text-transform:uppercase;

}

#INFOIG.no-touch .bt:hover .label{
        display:inline;
}

#INFOIG #info_tela_02 .bt, #INFOIG #info_tela_03 .bt{
    background: url('../img/pin2.png') no-repeat;
}

#INFOIG #info_tela_02 .bt:hover, #INFOIG #info_tela_03 .bt:hover{
    background: url('../img/pin2.png') no-repeat 0px -40px;
}

#INFOIG .desc{
    font-weight:300;
    font-size:16px;
    width:260px;
    top:44px;
    position:absolute;
}

#INFOIG .title{
    font-weight:700;
    font-size:16px;
    position:absolute;
    width:260px;
    top:18px;
    text-transform:uppercase;

}

#INFOIG .close{
    position:absolute;    background: url('../img/close.png') 0px 0px no-repeat;
    width:25px;    height:26px;
    transition:all 0.2s;
}

#INFOIG .close:hover {
    background: url('../img/close.png') 0px -26px no-repeat;
}


/* TELA 1 */

#INFOIG #info_tela_01{
    z-index:10001;

}


/*  ITEMS 1 1  */

#INFOIG #bt1_1{
  position:absolute;    left:590px;    top:240px;
}

#INFOIG #ct1_1.mask{
    position:absolute;    text-align:right;     overflow:hidden;
    left:660px;    top:230px;
    width:0px;    height:230px;
}

#INFOIG #info_tela_01 #ct1_1 #img1_1{
    position:absolute;    background: url('../img/tela1-0.png') no-repeat;
    width:268px;    height:40px;
    left:270px;    top:10px;
}

#INFOIG #ct1_1 .content{
    position:absolute;
    left:-570px;    top:0px;
}

#INFOIG #ct1_1 .close{
    left:0px;    top:14px;
}


/*  ITEMS 1 2  */

#INFOIG #bt1_2{
    position:absolute;
    left:710px;    top:340px;
}

#INFOIG #ct1_2.mask{
    position:absolute;    overflow:hidden;    text-align:left;
    left:700px;    top:260px;
    width:0px;    height:230px;
}

#INFOIG #info_tela_01 #ct1_2 #img1_2{
    position:absolute;    background: url('../img/tela1-1.png') no-repeat;
    width:330px;    height:109px;
    left:-190px;    top:10px;
}

#INFOIG #ct1_2 .content{
    position:absolute;
    left:200px;    top:0px;
    width:700px;
}

#INFOIG #ct1_2 .close{
    left:425px;    top:5px;
}

#INFOIG #ct1_2 .desc{
    left:154px;    top:35px;
}

#INFOIG #ct1_2 .title{
    left:154px;    top:9px;
}



/* TELA 2 */

#INFOIG #info_tela_02{
    z-index:10000;

}


#INFOIG .sprite{
    position:absolute;
    background: url('../img/anima.png');
    width:256px;    height:256px;
    left:410px;    top:195px;
}

/*  ITEMS 2 1  */

#INFOIG #bt2_1{
    position:absolute;    left:357px;    top:123px;
}

#INFOIG #ct2_1.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:400px;    top:104px;
    width:0px;    height:200px;
}

#INFOIG #info_tela_02 #ct2_1 #img2_1{
    position:absolute;    background: url('../img/tela2-0.png') no-repeat;
    width:131px;    height:65px;
    left:255px;    top:12px;
}

#INFOIG #ct2_1 .content{
    position:absolute;
    left:-400px;    top:0px;
    width:200px;
}

#INFOIG #ct2_1 .close{
    left:40px;    top:8px;
}

#INFOIG #ct2_1 .desc{
    left:62px;    top:34px;
    width:180px;
}

#INFOIG #ct2_1 .title{
    left:44px;    top:10px;
    width:200px;
}


/*  ITEMS 2 2  */

#INFOIG #bt2_2{
    position:absolute;
    left:417px;    top:220px;
}

#INFOIG #ct2_2.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:420px;    top:200px;
    width:0px;    height:200px;
}

#INFOIG #info_tela_02 #ct2_2 #img2_2{
    position:absolute;    background: url('../img/tela2-1.png') no-repeat;
    width:131px;    height:65px;
    left:315px;    top:12px;
}

#INFOIG #ct2_2 .content{
    position:absolute;
    left:-420px;    top:0px;
    width:200px;
}

#INFOIG #ct2_2 .close{
    left:110px;    top:8px;
}

#INFOIG #ct2_2 .desc{
    left:126px;    top:34px;
    width:180px;
}

#INFOIG #ct2_2 .title{
    left:46px;    top:10px;
}


/*  ITEMS 2 3  */

#INFOIG #bt2_3{
    position:absolute;
    left:594px;    top:309px;
}

#INFOIG #ct2_3.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:630px;    top:291px;
    width:0px;    height:200px;
}

#INFOIG #info_tela_02 #ct2_3 #img2_3{
    position:absolute;    background: url('../img/tela2-2.png') no-repeat;
    width:326px;    height:65px;
    left:296px;    top:12px;
}

#INFOIG #ct2_3 .content{
    position:absolute;
    left:-630px;    top:0px;
    width:200px;
}

#INFOIG #ct2_3 .close{
    left:80px;    top:8px;
}

#INFOIG #ct2_3 .desc{
    left:96px;    top:34px;
    width:180px;
}

#INFOIG #ct2_3 .title{
    left:16px;    top:10px;
}


/*  ITEMS 2 4  */

#INFOIG #bt2_4{
    position:absolute;
    left:394px;    top:409px;
}

#INFOIG #ct2_4.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:450px;    top:391px;
    width:0px;    height:230px;
}

#INFOIG #info_tela_02 #ct2_4 #img2_4{
    position:absolute;    background: url('../img/tela2-3.png') no-repeat;
    width:126px;    height:65px;
    left:296px;    top:12px;
}

#INFOIG #ct2_4 .content{
    position:absolute;
    left:-450px;    top:0px;
    width:400px;
}

#INFOIG #ct2_4 .close{
    left:28px;    top:0px;
}

#INFOIG #ct2_4 .desc{
    left:5px;    top:24px;
    width:280px;
}

#INFOIG #ct2_4 .title{
    left:24px;    top:0px;
}



/*  ITEMS 2 5  */

#INFOIG #bt2_5{
    position:absolute;
    left:760px;    top:124px;
}

#INFOIG #ct2_5.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:770px;    top:102px;
    width:0px;    height:180px;
}

#INFOIG #info_tela_02 #ct2_5 #img2_5{
    position:absolute;    background: url('../img/tela2-4.png') no-repeat;
    width:150px;    height:65px;
    left:0px;    top:15px;
}

#INFOIG #ct2_5 .content{
    position:absolute;
    left:0px;    top:0px;
    width:500px;
}

#INFOIG #ct2_5 .close{
    left:428px;    top:10px;
}

#INFOIG #ct2_5 .desc{
    left:165px;    top:34px;
    width:260px;
    text-align:left;
}

#INFOIG #ct2_5 .title{
    left:164px;    top:10px;
    text-align:left;
}



/*  ITEMS 2 6  */

#INFOIG #bt2_6{
    position:absolute;
    left:756px;    top:218px;
}

#INFOIG #ct2_6.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:756px;    top:197px;
    width:0px;    height:190px;
}

#INFOIG #info_tela_02 #ct2_6 #img2_6{
    position:absolute;    background: url('../img/tela2-5.png') no-repeat;
    width:242px;    height:64px;
    left:0px;    top:15px;
}

#INFOIG #ct2_6 .content{
    position:absolute;
    left:0px;    top:0px;
    width:600px;
}

#INFOIG #ct2_6 .close{
    left:528px;    top:10px;
}

#INFOIG #ct2_6 .desc{
    left:255px;    top:34px;
    width:280px;
    text-align:left;
}

#INFOIG #ct2_6 .title{
    left:254px;    top:10px;
    text-align:left;
}

/*  ITEMS 2 7  */

#INFOIG #bt2_7{
    position:absolute;
    left:783px;    top:450px;
}

#INFOIG #ct2_7.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:796px;    top:293px;
    width:0px;    height:230px;
}

#INFOIG #info_tela_02 #ct2_7 #img2_7{
    position:absolute;    background: url('../img/tela2-6.png') no-repeat;
    width:243px;    height:184px;
    left:0px;    top:10px;
}

#INFOIG #ct2_7 .content{
    position:absolute;
    left:0px;    top:0px;
    width:600px;
}

#INFOIG #ct2_7 .close{
    left:528px;    top:10px;
}

#INFOIG #ct2_7 .desc{
    left:255px;    top:34px;
    width:280px;
    text-align:left;
}

#INFOIG #ct2_7 .title{
    left:254px;    top:10px;
    text-align:left;
}


/*  ITEMS 2 8  */

#INFOIG #bt2_8{
    position:absolute;
    left:716px;    top:450px;
}

#INFOIG #ct2_8.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:726px;    top:390px;
    width:0px;    height:200px;
}

#INFOIG #info_tela_02 #ct2_8 #img2_8{
    position:absolute;    background: url('../img/tela2-7.png') no-repeat;
    width:360px;    height:87px;
    left:0px;    top:10px;
}

#INFOIG #ct2_8 .content{
    position:absolute;
    left:0px;    top:0px;
    width:500px;
}

#INFOIG #ct2_8 .close{
    left:558px;    top:7px;
}

#INFOIG #ct2_8 .desc{
    left:375px;    top:31px;
    width:200px;
    text-align:left;
}

#INFOIG #ct2_8 .title{
    left:375px;    top:7px;
    text-align:left;
}



/* TELA 3 */

#INFOIG #info_tela_03{
    z-index:10004;
}

/*  ITEMS 3 1  */

#INFOIG #bt3_1{
    position:absolute;    left:672px;    top:114px;
}

#INFOIG #ct3_1.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:760px;    top:104px;
    width:0px;    height:220px;
}

#INFOIG #info_tela_03 #ct3_1 #img3_1{
    position:absolute;    background: url('../img/tela3-0.png') no-repeat;
    width:330px;    height:65px;
    left:370px;    top:3px;
}

#INFOIG #ct3_1 .content{
    position:absolute;
    left:-760px;    top:0px;
    width:600px;
}

#INFOIG #ct3_1 .close{
    left:40px;    top:2px;
}

#INFOIG #ct3_1 .desc{
    left:72px;    top:28px;
    width:280px;
}

#INFOIG #ct3_1 .title{
    left:55px;    top:4px;
    width:300px;
}


/*  ITEMS 3 2  */

#INFOIG #bt3_2{
    position:absolute;    left:617px;    top:454px;
}

#INFOIG #ct3_2.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:760px;    top:335px;
    width:0px;    height:220px;
}

#INFOIG #info_tela_03 #ct3_2 #img3_2{
    position:absolute;    background: url('../img/tela3-1.png') no-repeat;
    width:367px;    height:153px;
    left:278px;    top:3px;
}

#INFOIG #ct3_2 .content{
    position:absolute;
    left:-760px;    top:0px;
    width:600px;
}

#INFOIG #ct3_2 .close{
    left:70px;    top:2px;
}

#INFOIG #ct3_2 .desc{
    left:82px;    top:28px;
    width:180px;
}

#INFOIG #ct3_2 .title{
    left:65px;    top:4px;
    width:200px;
}


/*  ITEMS 3 3  */

#INFOIG #bt3_3{
    position:absolute;    left:747px;    top:114px;
}


#INFOIG #ct3_3.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:756px;    top:97px;
    width:0px;    height:230px;
}

#INFOIG #info_tela_03 #ct3_3 #img3_3{
    position:absolute;    background: url('../img/tela3-2.png') no-repeat;
    width:360px;    height:87px;
    left:0px;    top:10px;
}

#INFOIG #ct3_3 .content{
    position:absolute;
    left:0px;    top:0px;
    width:460px;
}

#INFOIG #ct3_3 .close{
    left:428px;    top:7px;
}

#INFOIG #ct3_3 .desc{
    left:205px;    top:31px;
    width:250px;
    text-align:left;
}

#INFOIG #ct3_3 .title{
    left:205px;    top:7px;
    text-align:left;
}


/*  ITEMS 3 4  */

#INFOIG #bt3_4{
    position:absolute;    left:747px;    top:344px;
}


#INFOIG #ct3_4.mask{
    position:absolute;
    overflow:hidden;
    text-align:right;
    left:756px;    top:327px;
    width:0px;    height:220px;
}

#INFOIG #info_tela_03 #ct3_4 #img3_4{
    position:absolute;    background: url('../img/tela3-3.png') no-repeat;
    width:360px;    height:87px;
    left:0px;    top:10px;
}

#INFOIG #ct3_4 .content{
    position:absolute;
    left:0px;    top:0px;
    width:500px;
}

#INFOIG #ct3_4 .close{
    left:578px;    top:7px;
}

#INFOIG #ct3_4 .desc{
    left:285px;    top:31px;
    width:300px;
    text-align:left;
}

#INFOIG #ct3_4 .title{
    left:285px;    top:7px;
    width:300px;
    text-align:left;
}







#INFOIG #status{
    position:absolute;
    z-index:11899;
    background: black;
    color: white;
    left:200px;
    top:200px;
}


/*  MENU  */
#INFOIG ul.menu li{
    top:570px;
    left:200px;
    width:200px;
    height:34px;
    position:absolute;
    display: inline;
    z-index:12000;

}

#INFOIG ul.menu li:nth-child(1) {
    top:576px;
    height:30px;
    background: url('../img/menu.png') 0px -6px no-repeat;
    transition:all 0.2s;
}

#INFOIG ul.menu li:nth-child(1):hover {
    top:576px;
    height:30px;
    background: url('../img/menu.png') 0px -40px no-repeat;
}

#INFOIG ul.menu li:nth-child(1).selected, #INFOIG ul.menu li:nth-child(1):active {
    top:570px;
    height:40px;
    background: url('../img/menu.png') 0px -68px no-repeat;
}

#INFOIG ul.menu li:nth-child(2) {
    background: url('../img/menu.png') -200px -6px no-repeat;
    top:576px;
    height:30px;

    left:400px;
    width:240px;
    transition:all 0.2s;
}

#INFOIG ul.menu li:nth-child(2):hover {
    top:576px;
    height:30px;
    background: url('../img/menu.png') -200px -40px no-repeat;
}

#INFOIG ul.menu li:nth-child(2).selected, #INFOIG ul.menu li:nth-child(2):active {
    top:570px;
    height:40px;
    background: url('../img/menu.png') -200px -68px no-repeat;
}

#INFOIG ul.menu li:nth-child(3) {
    background: url('../img/menu.png') -440px -6px no-repeat;
    top:576px;
    height:30px;

    left:640px;
    width:205px;
    transition:all 0.2s;
}

#INFOIG ul.menu li:nth-child(3):hover {
    top:576px;
    height:30px;
    background: url('../img/menu.png') -440px -40px no-repeat;
}

#INFOIG ul.menu li:nth-child(3).selected, #INFOIG ul.menu li:nth-child(3):active {
    top:570px;
    height:40px;
    background: url('../img/menu.png') -440px -68px no-repeat;
}


/* =============================================== */
/* TRAVA CLIQUE */

#INFOIG .ctTrava{
    position:absolute;
    top:0;
    left:0;
    background: #f9f9f9;
    width: 100%;
    height: 100%;
    z-index:10899;
}


/* =============================================== */
/* COMPARTILHAR */

#INFOIG .ctCompartilhar{
    position: absolute;
    background: #eee;
    width: 100px;
    height: 42px;
    z-index:890;
    bottom: 10px;
    left: 50%;
    margin-left: -50px;
}

#INFOIG .ctCompartilhar .fb{
    position: absolute;
    width: 42px;
    height: 42px;
    background: url('../img/bt_fb.png') no-repeat;
    cursor: pointer;
    left:0;
}

#INFOIG .ctCompartilhar .fb:hover,
#INFOIG .ctCompartilhar .tt:hover{
    background-position: right;
}

#INFOIG .ctCompartilhar .tt{
    position: absolute;
    width: 42px;
    height: 42px;
    background: url('../img/bt_tt.png') no-repeat;
    cursor: pointer;
    right: 0;
}


/* =============================================== */
/* NAVEGADOR - AVANCAR */

#INFOIG .ctNav{
    position: absolute;
    z-index: 10851;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    background: red;
    color: white;
    cursor: pointer;
}


/* =============================================== */
/* PUBLICIDADE */


#INFOIG .ctSeloPublicitario{
    position: absolute;
/*    background: #CCC;*/
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
    z-index: 13950
}


#INFOIG .ctBannerPublicitario{
    position: absolute;
/*    background: #CCC;*/
    width: 300px;
    height: 142px;
    top: 50%;
    left: 50%;
    margin-top: -71px;
    margin-left: -150px;
    z-index: 13951;
}