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

/*landscape */
/*ipad */
@media only screen and (max-device-width:1025px) and (orientation : landscape) { 

/*index */
  .startAlpha {
	  opacity:0;
	  display: none !important;
  }


  #startScreen {
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 900;
	  background: #F68D3D;
  }
  
  #startText {
	  position: fixed;
      z-index: 900;
	  top: 0%;
	  left: 50%;
	  margin-left: -310px;
	  text-align: center;
	  font-size: 35px;
	  color: #21016D;
	  width: 620px;
  }
  
  #startLuna {
	  position: fixed;
	  z-index: 900;
	  top: 45%;
	  left: 50%;
	  text-align: center;
	  width: 300px;
	  height: 399px;
	  background-image: url(../images/startLunaMobile.png);
	  margin-left: -150px;
  }
  
  section.socialMedias {
	  top: 650px;
  }
  
  footer {
	  top: 590px;
  }
  
/*brincar */
  #brincar section.animation {
	  top: 140px;
	  transform: scale(0.75);
	  -webkit-transform: scale(0.75);
	  -moz-transform: scale(0.75);
	  -o-transform: scale(0.75);
	  -ms-transform: scale(0.75);
  }
  
  /*novidades */
  #novidades header a#logo {
	  margin-left: 15px;
  }
  
  #novidades #slider {
     top: 325px !important;
  }
  
  #novidades section.socialMedias {
	  top: 1000px !important;
	  transform: scale(0.85);
	  -webkit-transform: scale(0.85);
	  -moz-transform: scale(0.85);
	  -o-transform: scale(0.85);
	  -ms-transform: scale(0.85);
  }
  
  #novidades footer {
	  top: 923px !important;
	  transform: scale(0.85);
	  -webkit-transform: scale(0.85);
	  -moz-transform: scale(0.85);
	  -o-transform: scale(0.85);
	  -ms-transform: scale(0.85);
  }
  
  /*agenda */
  #agenda section.animation div.text h2 {
	  margin-top: 70px;
  }

}


/*iphone - landscape */
@media only screen and (max-device-width : 740px) and (orientation : landscape) { 

.alpha {
	opacity:0;
	display: none !important;
}


  #startScreen {
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 900;
	  background: #F68D3D;
  }
  
  #startText {
	  position: fixed;
	  z-index: 900;
	  top: 0%;
	  left: 50%;
	  margin-left: -210px;
	  text-align: center;
	  font-size: 17px;
	  color: #21016D;
	  width: 420px;
  }
  
  #startLuna {
	  position: fixed;
	  z-index: 900;
	  top: 45%;
	  left: 50%;
	  margin-left: -150px;
	  text-align: center;
	  width: 300px;
	  height: 399px;
	  background-image: url(../images/startLunaMobile.png);
  }

/*index */
  #index {
	  background-image: url(../images/mobileHomebg.png);
	  background-repeat: no-repeat;
  }
  
 #index section.animation {
    top: 100px;
	left: 50%;
	margin-left: -730px;
    width: 1626px;
	height: 310px;
}

#index section.animation aside {
	background-repeat: no-repeat;
	background-size: contain;
}

#index section.animation aside.funny1 {
	position: absolute;
	background-image: url(../images/mobileHomeClaudio.png);
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	width: 363px;
	height: 299px;
	margin:0 25px;
	margin-right: 430px;
	right: 0;
}

#index section.animation aside.funny2 {
	position: absolute;
	background-image: url(../images/mobileHomeLuna.png);
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	width: 363px;
	height: 299px;
	margin:0 25px;
	left: 50%;
	margin-left: -388px;
}

#index section.animation aside.funny3 {
	background-image: url(../images/mobileHomeJupiter.png);
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	width: 363px;
	height: 299px;
	margin:0 25px;
}

#index section.animation aside.funny4 {
	position: absolute;
	background-image: url(../images/mobileAgenda.png);
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	width: 363px;
	height: 310px;
	margin:0 25px;
	right: 0;
	
	display: none;
}

#index section.animation aside.funny1 a {
	width: 365px;
	height: 299px;
	display: block;
}

#index section.animation aside.funny2 a {
	width: 365px;
	height: 299px;
	display: block;
}

#index section.animation aside.funny3 a {
	width: 365px;
	height: 299px;
	display: block;
}

#index section.animation aside.funny4 a {
	width: 365px;
	height: 310px;
	display: block;
}

header a#logo {
	margin-top: 0px;
	margin-left: 760px;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
}

footer {
	top: 260px;
	right: -30px;
	z-index:100;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
}


/*novidades*/
#novidadesMobile {
	background-image: url(../images/mobileNovidadesBg.png);
	height: 416px;
	background-color: #F3F3C1;
}

#novidadesMobile #slider {
	background-image: url(../images/novidadesAhaSlider.png);
	background-repeat: no-repeat;
	position: absolute;
	width:904px;
	height:893px;
	top:-288px;
	left: -150px;
	transform: scale(0.35);
	-webkit-transform: scale(0.35);
	-moz-transform: scale(0.35);
	-o-transform: scale(0.35);
	-ms-transform: scale(0.35);
}

.bannerControlsNext {
	padding-right: 25px !important;
	transform: scale(1.5);
}

.bannerControlsPrev {
	left: 80px !important;
	padding-left: 100px !important;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
}

/* brincar */
#brincarMobile {
	background-image: url(../images/mobileHomebg.png);
	height: 416px;
	background-color: #91BB50;
}

section#brincar {
	position: absolute;
	width: 650px;
	height: 360px;
	left: 50%;
	margin-left: -325px;
	transform: scale(0.55);
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	-o-transform: scale(0.55);
	-ms-transform: scale(0.55);
}

section#brincar aside a {
	cursor: pointer;
	float: left;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	width: 299px;
	height: 367px;
	margin: 0;
}

section#brincar aside.apps a { background-image: url(../images/mobileApps.png); }
section#brincar aside.jogar a { background-image: url(../images/mobileJogar.png); margin-left: 350px; }


/* apps */
#appsMobile {
	background-image: url(../images/mobileHomebg.png);
	height: 416px;
	background-color: #91BB50;
}

section#apps {
	position: absolute;
	width: 950px;
	height: 360px;
	left: 50%;
	margin-left: -475px;
	transform: scale(0.55);
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	-o-transform: scale(0.55);
	-ms-transform: scale(0.55);
}

section#apps aside a {
	cursor: pointer;
	float: left;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	width: 246px;
	height: 353px;
	margin: 0;
}

section aside a h2 {
	display: block;
	margin-top: 370px;
    text-align: center;
    font-size: 34px;
    color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

section#apps aside.quebraCabeca a { background-image: url(../images/brincarQuebraCabeca.png); }
section#apps aside.memoria a { background-image: url(../images/brincarMemoria2.png); margin-left: 350px; }
section#apps aside.colorir a { background-image: url(../images/brincarColorir2.png); margin-left: 700px;}

/*app canvas 
div#Cocos2dGameContainer {
	left: -38px;
	top: -38px;
	width:100%;
	height:100%;
}

/* jogar */
#jogarMobile {
	background-image: url(../images/mobileHomebg.png);
	height: 416px;
	background-color: #91BB50;
}

section#jogar {
	position: absolute;
	width: 950px;
	height: 360px;
	left: 50%;
	margin-left: -475px;
	transform: scale(0.55);
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	-o-transform: scale(0.55);
	-ms-transform: scale(0.55);
}

section#jogar aside a {
	cursor: pointer;
	float: left;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	width: 246px;
	height: 353px;
	margin: 0;
}

section#jogar aside.cade a { background-image: url(../images/brincarCade.png); }
section#jogar aside.memoria a { background-image: url(../images/brincarMemoria.png); margin-left: 350px; }
section#jogar aside.pontos a { background-image: url(../images/brincarPontos.png); margin-left: 700px;}


/*agenda*/
#agendaMobile {
	background-image: url(../images/mobileAgendaBg.png);
	background-color: #FAF3B8;
	background-repeat: repeat;
	height: 1566px;
	width: 100%;
	overflow: scroll;
	overflow-x: hidden;
}

#agendaMobile section.animation {
	height: 5000px;
}

#agendaMobile section.animation div.text{
	position: absolute;
	top: 0px;
	left: 110px;
    width: 380px;
}

#agendaMobile section.animation div.text h2 {
	font-size: 24px;
	color: #F26822;
	margin-top: 50px;
	margin-bottom: 90px;
}

#agendaMobile section.animation div.text ul {
	margin-top: -50px;
}

#agendaMobile section.animation div.text ul li {
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	text-decoration: none;
	list-style: circle;
	margin-bottom: 25px;
    line-height: 34px;
    text-indent: 20px;
}

/* cross */
#voltar a {
	background-image: url(../images/mobileBtnBack.png);
	width: 211px;
	height: 78px;
	float: right;
	margin-right: -40px;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
}

}

/*iphone - landscape */
@media only screen and (max-device-width : 565px) and (orientation : landscape) { 

header {
	top: -70px;
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-o-transform: scale(0.3);
	-ms-transform: scale(0.3);
}


 #index section.animation {
	 top: 65px;
     transform: scale(0.3);
     -webkit-transform: scale(0.3);
	 -moz-transform: scale(0.3);
	 -o-transform: scale(0.3);
	 -ms-transform: scale(0.3);
 }
 
 footer {
	 top: 230px;
 }
 
 section#brincar {
	 top:-30px;
     transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);

}

section#apps {
    top: -30px;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
}

section#jogar {
	top: -30px;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
}

#novidadesMobile #slider {
	left: 50%;
	margin-left: -450px;
    top: -320px;
	transform: scale(0.25);
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -ms-transform: scale(0.25);
}

#agendaMobile section.animation div.text {
    left: 100px;
    width: 280px;
}

.leftcurtain {
	display: none;
}

.rightcurtain {
	display: none;
}

}