/* GENERAL */
body{
	background: url('../img/geral/body-bg.gif');
	margin:0px 0px 0px 0px;
}

#container{
	width: 799px;
	height: 600px;
	background: url('../img/geral/background.jpg') no-repeat ;
    margin:0 auto;
    margin-top: 80px;
}






/* IMAGES */


#parabens{
	position: absolute;
	width: 529px;
	height: 262px;
	margin-left: 140px;
	margin-top: 40px;
}

#final_anim{
	width: 166px;
	height: 247px;
	margin-top: 345px;
	margin-left:auto;
	margin-right:auto;
}


#final_animation{
	width:166px;
	height:247px;
	margin-left:319px;
	

}

.img_1{
 position:absolute;
 margin-left:100px;
 margin-top:100px;
}
.img_2{
 position:absolute;
 margin-left:-20px;
 margin-top:10px;
}
.img_3{
	position:absolute;
	margin-left:60px;
	margin-top:338px;
}
.img_4{
	position:absolute;
	margin-left:138px;
	margin-top:193px;
}
.img_5{
	position:absolute;
	margin-left:110px;
	margin-top:69px;
}



/* BUTTONS */


#start_button{
	position: absolute;
	width:236px;
	height:97px;
	background-image: url("../img/geral/start_button.png");
	margin-left:491px;
	margin-top:342px;
	transition: all 0.25s;
	cursor:pointer;
}
#start_button:hover{
	background-position: 0px -97px;
}


#instructions_button{
	position:absolute;
	width:236px;
	height:97px;
	background-image: url("../img/geral/instructions_button.png");
	margin-top:455px;
	margin-left:491px;
	transition: all 0.25s;
	cursor:pointer;
}
#instructions_button:hover{
	background-position: 0px -97px;
}



#sound_button{
	position:absolute;
	width:73px;
	height:72px;
	background: url("../img/geral/sound_button.png") no-repeat;
	margin-left:30px;
	margin-top:15px;
	cursor:pointer;
}




#left_arrow{
	position:absolute;
	width:72px;
	height:48px;
	background: url("../img/geral/arrow_left.png") no-repeat;
	margin-left:120px;
	margin-top:15px;
	cursor:pointer;
}

#left_arrow:hover{
	background-position: 0px -48px;
}




#right_arrow{
	position:absolute;
	width:72px;
	height:48px;
	background: url("../img/geral/arrow_right.png") no-repeat;
	background-position: 0px -48px;
	margin-left:390px;
	margin-top:15px;
	cursor:pointer;
}

#right_arrow:hover{
	background-position: 0px 0px;
}

#help_button{
	background-image: url('../img/geral/interrogation.png');
 position: absolute;
  background-size: 31px 42px;
 width: 31px;
 height: 42px;
 margin-top: 15px;
 margin-left: 485px;
 cursor:pointer;
 -webkit-transition:0.2s;
 -moz-transition:0.2s;
 transition:0.2s;
}

#help_button:hover{
 background-image: url('../img/geral/interrogation_hover.png');
 background-size: 31px 42px;
 width: 31px;
 height: 42px;
}




/* OBJECTS */
.allObjects{
	width: 235px;
	height: 556px;
	position:absolute;
	list-style-type: none;
	padding-left: 0px;
	margin-left:536px;
	margin-top:23px;
}



.object_1{
	position: absolute;
	width:113px;
	height:102px;
	border-top-left-radius:25px;
	border-radius:2px solid;
	background: url("../img/geral/background_t.png");
}
#cap_t{
	width:86px;
	height:76px;
	margin-left:15px;
	margin-top:15px;
	cursor:pointer;
}



.object_2{
	position: absolute;
	width:113px;
	height:102px;
	border-top-right-radius:25px;
	border-radius:2px solid;
	background: url("../img/geral/background_t.png");
	margin-left: 123px;
}
#colete_t{
	width:72px;
	height:77px;
	margin-left:21px;
	margin-top:15px;
	cursor:pointer;
}



.object_3{
	position: absolute;
	width:113px;
	height:102px;

	background: url("../img/geral/background_t.png");
	margin-top:114px;
}
#helmet_t{
	width:93px;
	height:63px;
	margin-left:10px;
	margin-top:15px;
	cursor:pointer;
}



.object_4{
	position: absolute;
	width:113px;
	height:102px;
	background: url("../img/geral/background_t.png");
	margin-left: 123px;
	margin-top:114px;
}



#watch_t{
	width:25px;
	height:86px;
	margin-left:45px;
	margin-top:9px;
	cursor:pointer;
}



.object_5{
	position: absolute;
	width:113px;
	height:102px;
	background: url("../img/geral/background_t.png");
	margin-top:228px;
}
#lolipop_t{
	width:83px;
	height:72px;
	margin-left:15px;
	margin-top:15px;
	cursor:pointer;
}



.object_6{
	position: absolute;
	width:113px;
	height:102px;
	background: url("../img/geral/background_t.png");
	margin-left: 123px;
	margin-top:228px;
}
#elbow_t{
	width:75px;
	height:80px;
	margin-left:15px;
	margin-top:10px;
	cursor:pointer;
}



.object_7{
	position: absolute;
	width:113px;
	height:102px;
	background: url("../img/geral/background_t.png");	
	margin-top:342px;
}
#tennis_t{
	width:79px;
	height:90px;
	margin-left:15px;
	margin-top:5px;
	cursor:pointer;
}



.object_8{
	position: absolute;
	width:113px;
	height:102px;
	background: url("../img/geral/background_t.png");
	margin-left: 123px;
	margin-top:342px;
}
#glasses_t{
	width:100px;
	height:68px;
	margin-left:5px;
	margin-top:20px;
	cursor:pointer;
}



.object_9{
	position: absolute;
	width:113px;
	height:102px;
	border-bottom-left-radius:25px;
	border-radius:2px solid;
	background: url("../img/geral/background_t.png");
	margin-top:456px;
}
#kneepads_t{
	width:88px;
	height:77px;
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
}



.object_10{
	position: absolute;
	width:113px;
	height:102px;
	border-bottom-right-radius:25px;
	background: url("../img/geral/background_t.png");
	margin-left: 123px;
	margin-top:456px;
}
#jacket_t{
	width:100px;
	height:61px;
	margin-left:5px;
	margin-top:15px;
	cursor:pointer;
}


/* DRESSING */


#glasses{
	position: absolute;
	width: 181px;
	height: 83px;
	margin-top: 302px;
	margin-left: 263px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#cap{
	position:absolute;
	width: 231px;
	height:167px;
	margin-left: 225px;
	margin-top: 185px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#colete{
	position: absolute;
	width: 145px;
	height: 74px;
	margin-left:288px;
	margin-top: 400px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#helmet{
	position: absolute;
	width: 221px;
	height: 147px;
	margin-left: 240px;
	margin-top: 212px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#watch{
	position: absolute;	
	width: 20px;
	height: 47px;
	margin-left: 429px;
	margin-top: 390px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#lolipop{
	position:absolute;
	width: 35px;
	height: 73px;
	margin-left: 470px;
	margin-top: 350px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#elbow{
	position: absolute;
	width: 156px;
	height: 51px;
	margin-left: 281px;
	margin-top: 388px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#tennis{
	position: absolute;
	width: 356px;
	height: 124px;
	margin-left: 155px;
	margin-top: 470px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}



#kneepads{
	position: absolute;
	width: 199px;
	height: 63px;
	margin-top: 450px;
	margin-left: 250px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#jacket{
	position: absolute;
	width: 185px;
	height: 86px;
	margin-top: 387px;
	margin-left: 270px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#cap_t:hover{
	zoom:105%;
}

#colete_t:hover{
	zoom:105%;
}

#helmet_t:hover{
	zoom:105%;
}

#watch_t:hover{
	zoom:105%;
}

#lolipop_t:hover{
	zoom:105%;
}

#elbow_t:hover{
	zoom:105%;
}

#tennis_t:hover{
	zoom:105%;
}

#glasses_t:hover{
	zoom:105%;
}

#kneepads_t:hover{
	zoom:105%;
}

#jacket_t:hover{
	zoom:105%;
}







#sound{
	position: absolute;
	margin-top: -30px;
	visibility: hidden;
} 




/* NIVEL 3 */

#cap_t3{
	position:absolute;
	width: 93px;
	height:63px;
	margin-left:10px;
	margin-top: 20px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#cap_t3:hover{
	zoom:105%;
}


#cap3{
	position:absolute;
	width: 231px;
	height:167px;
	margin-left: 225px;
	margin-top: 185px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


/* ----------- NIVEL 3 -------------*/

.object_backlight{
	position: absolute;
	width:113px;
	height:102px;
	background: url("../img/geral/background_t.png");
	margin-left: 123px;
	margin-top:114px;
	cursor:pointer;
}

#backlight_t2{
	width:93px;
	height:70px;
	margin-left:10px;
	margin-top:25px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#backlight_t2:hover{
	zoom: 105%;
}


#glasses_t2{
	width:100px;
	height:68px;
	margin-left:5px;
	margin-top:20px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#glasses_t2:hover{
	zoom: 105%;
}

#protetor_t2{
	width:63px;
	height:84px;
	margin-left:25px;
	margin-top:10px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#protetor_t2:hover{
	zoom: 105%;
}

#gelado_t2{
	width:63px;
	height:84px;
	margin-left:25px;
	margin-top:10px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#gelado_t2:hover{
	zoom: 105%;
}

#elbow_t2{
	width:75px;
	height:80px;
	margin-left:15px;
	margin-top:10px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#elbow_t2:hover{
	zoom: 105%;
}

#tennis_t2{
	width:79px;
	height:90px;
	margin-left:15px;
	margin-top:5px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#tennis_t2:hover{
	zoom: 105%;
}

#colete_t2{
	width:72px;
	height:77px;
	margin-left:21px;
	margin-top:15px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#colete_t2:hover{
	zoom: 105%;
}

#kneepads_t2{
	width:88px;
	height:77px;
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;

	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#cap_t2{
	width:93px;
	height:54px;
	margin-left:10px;
	margin-top:20px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#cap_t2:hover{
	zoom:105%;
}

#kneepads_t2:hover{
	zoom: 105%;
}

#helmet_t2{
	margin-left:10px;
	margin-top:20px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}

#helmet_t2:hover{
	zoom:105%;
}

/*---------------- CENAS BONECO -------------*/

#helmet2{
	position: absolute;
	width: 221px;
	height: 147px;
	margin-left: 240px;
	margin-top: 212px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}



#glasses2{
	position: absolute;
	width: 181px;
	height: 83px;
	margin-top: 302px;
	margin-left: 263px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#protetor{
	position:absolute;
	width: 60px;
	height: 110px;
	margin-left: 210px;
	margin-top: 360px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#backlight{
	position:absolute;
	width: 41px;
	height: 31px;
	margin-left: 120px;
	margin-top: 365px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#elbow2{
	position: absolute;
	width: 156px;
	height: 51px;
	margin-left: 281px;
	margin-top: 388px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#gelado{
	position: absolute;
	width: 90px;
	height: 115px;
	margin-left: 445px;
	margin-top: 340px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#tennis2{
	position: absolute;
	width: 356px;
	height: 124px;
	margin-left: 155px;
	margin-top: 470px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#colete2{
	position: absolute;
	width: 145px;
	height: 74px;
	margin-left:288px;
	margin-top: 400px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#kneepads2{
	position: absolute;
	width: 199px;
	height: 63px;
	margin-top: 450px;
	margin-left: 250px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


#cap2{
	position:absolute;
	width: 228px;
	height:131px;
	margin-left: 215px;
	margin-top: 200px;
	cursor:pointer;
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	transition:all 0.1s;
}


/* ------- END OF NIVEL 3 ----------*/