* { -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
	
	
body {
    font-family: Arial, sans-serif;
}

body {
    background-color: #fff;
    margin: 0px;
}
#ad {
	position: absolute;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 112px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#banner {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #Fcfcfc;
    overflow: hidden;
}


.buttons {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:100;
}
.button {
	border:none;
	background:transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:1;
}




#borde {
    border:1px solid #000000;
	position:absolute;
	z-index:5;
	width:100%;
	height:100%;
}






.textos{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    color: #fff;
	width:100%;
	text-align: center;	
}


.textos > div{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
 	opacity: 0.0; filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}

.textos > div.visible{
 	opacity: 1.0; filter: alpha(opacity=100);
    -webkit-transition: all 0.6s ease 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;	
}
.textos > div img{
	width:100%;
}





#juegos{
    position: absolute;
    left: 0px;
    top: 0px;
	width:100%;
	height:100%;
    z-index: 3;
}

#juegos > div {
    position: absolute;
    left: -100%;
    top: 0px;
	width:100%;
	height:100%;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}
#juegos > div img{
	width:100%;
}

#juegos > div.visible {
 	left:0px;
}

#juegos #juego1.visible2, #juegos #juego1.visible3 {
    left: 41px;
    top: 46px;
    width: 37px;
    transform: skewY(-10deg);
}
#juegos #juego1.visible3 {
 	opacity: 0.0; filter: alpha(opacity=0);
}

#juego1.visible4 {
    left: 47px;
    top: 12px;
    width: 69px;
}


#juegos #juego2.visible2, #juegos #juego2.visible3 {
    left: 36px;
    top: 56px;
    width: 38px;
    transform: skewY(-12deg);
}



#juegos #juego2.visible3 {
 	opacity: 0.0; filter: alpha(opacity=0);
}

#juegos #juego2.visible4 {
 	opacity: 0.0; filter: alpha(opacity=0);
    left: -21px;
    top: -2px;
    width: 71px;
}


#juegos #juego3.visible2, #juegos #juego3.visible3 {
    left: 4px;
    top: 11px;
    width: 62px;
    transform: skewY(-1deg) rotate(-3deg);
}

#juegos #juego3.visible3 {
 	opacity: 0.0; filter: alpha(opacity=0);
}




#juegos #juego5.visible {
 	opacity: 1.0; filter: alpha(opacity=100);
}

#juegos #juego5.visible2, #juegos #juego5.visible3 {
    left: 60px;
    top: 58px;
    width: 37px;
    transform: skewX(9deg) rotate(-50deg) skewY(24deg);
 	opacity: 1.0; filter: alpha(opacity=100);
}

#juegos #juego5, #juegos #juego5.visible3 {
 	opacity: 0.0; filter: alpha(opacity=0);
}