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

html{
    scrollbar-base-color:#d9ceb5;scrollbar-arrow-color:red;

/*    firefox*/
    scrollbar-face-color: #d9ceb5;
    scrollbar-arrow-color:red;
/*
    scrollbar-highlight-color: #FFFBF0;
    scrollbar-3dlight-color: #808080;
    scrollbar-shadow-color: #FFFBF0;
    scrollbar-darkshadow-color: #808080;
    scrollbar-track-color: #d9ceb5;

*/
}
body{
    padding: 0px;
    background: #ccc;
    margin: 0;
    overflow-x:hidden;

}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
    background-color:#d9ceb5;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(5,5,5,0.6);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
/* Background */
::-webkit-scrollbar-base{
    -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.9);

}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: rgba(255,0,0,0.8);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.6);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4);
}

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

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

#adServersCounters{
    display:none;
}

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

#INFOIG{
    position: relative;
    width: 988px;
    height: 618px;
    background: #d9ceb5;
    font-family: Arial;
}

#INFOIG #like{
    z-index:1000!important;
    top:610px!important;
    width: 988px;
    height: 44px;
    background: #f8f8f8;
}
#INFOIG #like p{
    float:right;
    margin-top:15px;
}
#INFOIG .hide{
    display:none;
}



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

/*
#INFOIG .ctTrava{
    position:absolute;
    top:0;
    left:0;
    background: #F00;
    width: 100%;
    height: 100%;
    z-index:899;
}
*/

#INFOIG #ie9 {
    position:fixed;
    width: 988px;
    height: 800px;
    padding: 0px;
    margin: 0px;
    color: gray;
    background: #d9ceb5;
    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;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: gray;
    background: #d9ceb5;
    z-index: 900;
}

#INFOIG #carregando{
   position: absolute;
    top:250px;
    left:350px;
    background:url(../img/carregando.gif)  no-repeat;
    width:289px;
    height:193px;

}


#INFOIG .ctTelaLoading .titulo{
    position: relative;
    top: 200px;
    left: 470px;
    font-size: 13px;
}



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


#INFOIG .ctSeloPublicitario{
    position: absolute;
    display: none;
    background: red;
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
    z-index: 950
}


#INFOIG .ctBannerPublicitario{
    display: none;
    position: absolute;
    background: red;
    width: 300px;
    height: 142px;
    top: 50%;
    left: 50%;
    margin-top: -71px;
    margin-left: -150px;
    z-index: 951;
}



/* =============================================== */
/* SKROLLR */

#INFOIG #scrollholder{
    position: absolute;
    height:649px;
    width:988px;
    overflow:hidden;

}
/* PAGE 1*/
#INFOIG{
/*    overflow-x:hidden;*/
    background-color:#d9ceb5;
}

#INFOIG #skrollr-body{
    height:610px;
    background-color:#d9ceb5;
}

#INFOIG #header1_1 {
    background:url(../img/topbar1.png?v1);
    width:988px;
    height:220px;
    top:50px;
}
#INFOIG #item1_entrada {
    background:url(../img/item_all.png)  no-repeat;
    width:340px;
    height:390px;
    top:220px;
    left:90px;
}
#INFOIG #item2_entrada {
    background:url(../img/item_all.png) no-repeat;
    background-position: 0px 0px;
    width:340px;
    height:390px;
    top:220px;
    left:560px;
    z-index:0;
}
#INFOIG #item_entrada {
    background:url(../img/item_all.png)  no-repeat;
    width:220px;
    height:390px;
    top:220px;
    left:381px;
}
#INFOIG #bg1 {
    background:url(../img/bg1.png);
    width:988px;
    height:610px;
    top:0px;
    left:0px;
}
#INFOIG .mark {
    position:relative;
    left:20px;
    background:url(../img/select.png);
    width:21px;
    height:21px;
    z-index:1000;
}
#INFOIG #mark1 {
    top:330px;
}
#INFOIG #mark2 {
    top:340px;
    background-position:0px -30px;

}
#INFOIG #mark3 {
    top:350px;
    background-position:0px -30px;
}
#INFOIG #mark4 {
    top:360px;
    background-position:0px -30px;
}
#INFOIG #mark5 {
    top:370px;
    background-position:0px -30px;
}
#INFOIG #mark6 {
    top:380px;
    background-position:0px -30px;
}
#INFOIG #mark7 {
    top:390px;
    background-position:0px -30px;
}
#INFOIG #mark8 {
    top:400px;
    background-position:0px -30px;
}

#INFOIG #mark9 {
    top:410px;
    background-position:0px -30px;
}
#INFOIG #mark10 {
    top:420px;
    background-position:0px -30px;
}
#INFOIG #mark11 {
    top:430px;
    background-position:0px -30px;
}
#INFOIG #arrow1 {
    position:absolute;
    left:50%;
    top:575px;
    margin-left:-29px;
    background:url(../img/arrow1.gif) no-repeat;
    width:57px;
    height:35px;
    z-index:10000;
}
#INFOIG #arrow2 {
    position:absolute;
    left:50%;
    top:575px;
    margin-left:-29px;
    background:url(../img/arrow2.gif) no-repeat;
    width:57px;
    height:35px;
    z-index:5000;
}
#INFOIG #arrow3 {
    position:absolute;
    left:50%;
    top:575px;
    margin-left:-29px;
    background:url(../img/arrow3.gif) no-repeat;
    width:57px;
    height:35px;
    z-index:10;
}


/* PAGE2 */
#INFOIG #bg2 {
    background:url(../img/bg2.png);
    width:988px;
    height:610px;
    top:590px;
    left:0px;
}
#INFOIG #titulo2 {
    position:absolute;
    background:url(../img/titulo2.png);
    width:682px;
    height:120px;
    top:35px;
    left:147px;
}
#INFOIG #ponzi {
    position:absolute;
    background:url(../img/ponzi.png);
    width:195px;
    height:40px;
    top:198px;
    left:146px;
}
#INFOIG #piramide {
    position:absolute;
    background:url(../img/piramide.png);
    width:195px;
    height:40px;
    top:198px;
    left:644px;
}
#INFOIG #p2item1 {
    position:absolute;
    background:url(../img/p2_item1.png?v1);
    width:208px;
    height:280px;
    top:255px;
    left:24px;
}
#INFOIG #p2item2 {
    position:absolute;
    background:url(../img/p2_item2.png?v1);
    width:208px;
    height:280px;
    top:255px;
    left:245px;
}
#INFOIG #p2item3 {
    position:absolute;
    background:url(../img/p2_item3.png?v2);
    width:208px;
    height:280px;
    top:255px;
    left:520px;
}
#INFOIG #p2item4 {
    position:absolute;
    background:url(../img/p2_item4.png?v2);
    width:208px;
    height:280px;
    top:255px;
    left:748px;
}

/* PAGE 3 */
#INFOIG .markx {
    position:relative;
    top:252px !important;
    margin-top:8px;
    left:20px;
    background:url(../img/select.png?v1);
    width:21px;
    height:21px;
}
#INFOIG #bg3 {
    background:url(../img/bg3.jpg);
    width:988px;
    height:620px;
    top:600px;
    left:0px;
}
#INFOIG #titulo3 {
    position:absolute;
    background:url(../img/titulo3.png);
    width:572px;
    height:125px;
    left:215px;
}
#INFOIG #subtitulo3 {
    position:absolute;
    background:url(../img/subtitulo3.png?v1);
    width:513px;
    height:42px;
    left:242px;
}

#INFOIG #item1 {
    background:url(../img/item1.png?v1)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:81px;
}
#INFOIG #item2_1 {
    background:url(../img/item2_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:81px;
}
#INFOIG #item2_2 {
    background:url(../img/item2_2.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:81px;
}
#INFOIG #item3_1 {
    background:url(../img/item3_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item3_2 {
    background:url(../img/item3_2.png?v1)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item4_1 {
    background:url(../img/item4_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item4_2 {
    background:url(../img/item4_2.png?v1)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}

#INFOIG #item5_1 {
    background:url(../img/item5_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item5_2 {
    background:url(../img/item5_2.png?v1)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}

#INFOIG #item6_1 {
    background:url(../img/item6_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item6_2 {
    background:url(../img/item6_2.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item7_1 {
    background:url(../img/item7_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item7_2 {
    background:url(../img/item7_2.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item8_1 {
    background:url(../img/item8_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item8_2 {
    background:url(../img/item8_2.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item9_1 {
    background:url(../img/item9_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item9_2 {
    background:url(../img/item9_2.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item10_1 {
    background:url(../img/item10_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item10_2 {
    background:url(../img/item10_2.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item11_1 {
    background:url(../img/item11_1.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}
#INFOIG #item11_2 {
    background:url(../img/item11_2.png)  no-repeat;
    width:820px;
    height:390px;
    top:220px;
    left:100px;
}

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

#INFOIG .ctTela{
    height:100%;
    width: 100%;
    position:absolute;
    display: none;
}


/* TELA 1 */

#INFOIG #info_tela_01{
    background: url('../img/bg.jpg');
}
#INFOIG .textoInicio{
    width:400px;
    font-family: 'Istok Web', sans-serif;
    font-weight:400;
    font-style:italic;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    text-shadow:2px 2px #000;
    font-size:14px;
    position:absolute;
    top: 550px;
    left: 250px;


}


#INFOIG .rc{
    width:640px;
    height:360px;
    -moz-border-radius:6px;
    border-radius:6px;
    overflow:hidden;
    border:3px solid;
    border-color:#888888;
/*
    -webkit-mask-image: url(../img/rect.svg);
    -webkit-mask-position: 3px 3px;
*/
}


/*
 * This file is NOT needed in order to use skrollr.
 * The demo uses it and it may help you as well.
 */


/*
html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow-x:hidden;
}
*/

.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

.skrollr-mobile .skrollable {
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}