@charset "iso-8859-1";
/* CSS Document */
			
			.mascotes{
				margin-bottom:-70px;
			}
			
			.banner{
				padding-top:92px;;
			}

			.skull .logo{
				position:absolute;
				margin-top:-10px;
			}
			
			.skull .bubble{
				position:absolute;
				margin-top:-40px;
				margin-left:860px;
				padding:18px 0px 0px 14px;
				width:72px;
				height:68px;
			}
			
			.bubble {
				
				z-index:1000;
				
				}
			
			.bubble-1{
				background:url(../img/background/crianca/bolha.png) no-repeat;
			}
			
			.bubble-2{
				background:url(../img/background/pai/bolha.png) no-repeat;
			}
			
			.bubble-3{
				background:url(../img/background/professor/bolha.png) no-repeat;
			}
			
				.skull .bubble ul li{
					list-style:none;
					font-weight:bold;
					font-size:11px;
				}
									
					.bubble-1-ul-li-a{
						color:#ed1651;
					}
					
					.bubble-2-ul-li-a{
						color:#01aceb;
					}
					
					.bubble-3-ul-li-a{
						color:#f27448;
					}
					
						.bubble-1-ul-li-a:hover{
							color:#ffcb08;
						}
						
						.bubble-2-ul-li-a:hover{
							color:#36F;
						}
						
						.bubble-3-ul-li-a:hover{
							color:#37ab77;
						}
			
			.skull .characters{
				display:block;
				float:right;	
				width:750px;
			}
				.skull .characters .left{
					z-index:2;
					position: absolute;
				}
				
				.skull .characters .right{
					z-index:2;
					position: absolute;
					margin-top:0px;
					margin-left:420px;
				}
				
			.skull .intro{
				position:absolute;
				top:120px;
				margin-left:400px;
				width:270px;
				font-size:13px;
				color:#FFF;
			}
			
			.skull .intro-pais{
				width:258px;
			}
			
			.skull .intro-professores{
				margin-left:424px;
				width:242px;
			}

	.skull .content .left{
		float:left;
		margin-left:80px;
		_margin-left:40px;
		width:620px;
	}
	
		.skull .content .left .buttons ul li{
			float:left;
			margin-right:20px;
			list-style:none;
			width:185px;
		}
		
		.skull .content .left .buttons ul li.last{
			padding-top:27px;
		}
		

		
			.skull .content .left .buttons ul li img{
				margin-bottom:07px;
			}
			
		.skull .content .left .advice{
			margin-left:-10px;
			width:613px;
			height:194px;
			background:url(../img/background/dica.jpg)
		}	
		
			.skull .content .left .advice .text{
				padding:50px 80px 50px 50px;
				font-weight:bold;
			}	
	
	.skull .content .right{
		float:left;
		width:214px;
	}
	
		.skull .content .right .box{
			width:193px;
			min-height:284px;
			_min-height:284px;
		}
		
		.box-1{
			background:url(../img/background/crianca/px-inner-box.png) repeat;
		}
		
		.box-2{
			background:url(../img/background/pai/px-inner-box.png) repeat;
		}
		
		.box-3{
			background:url(../img/background/professor/px-inner-box.png) repeat;
		}
		
			.skull .content .right .box .bcontent{
				padding: 08px 08px 00px 08px;
				margin:0;
				min-height:274px;
				_height:274px;
			}
			
				.skull .content .right .box .bcontent img{
					float:right;
					margin:-26px -11px 04px 04px;
				}
			
			.bcontent-1{
				background:url(../img/background/crianca/corner-top.png) no-repeat;
			}
			
			.bcontent-2{
				background:url(../img/background/pai/corner-top.png) no-repeat;
			}

			.bcontent-3{
				background:url(../img/background/professor/corner-top.png) no-repeat;
			}

			.skull .content .right .box .corner-bottom{
				margin:0;
				width:193px;
				height:10px;
			}
			
			.corner-bottom-1{
				background:url(../img/background/crianca/corner-bottom.png) repeat;
			}
			
			.corner-bottom-2{
				background:url(../img/background/pai/corner-bottom.png) repeat;
			}
			
			.corner-bottom-3{
				background:url(../img/background/professor/corner-bottom.png) repeat;
			}
			
			
			#btn-small {
				position:relative;
				top: 10px;
				}
			
			#btn-small img { position:relative;
				margin-bottom: 1px;
				}


/**** GAME *****/

			#popup-game {
				z-index: 4000; 
				position: fixed;
				display:block;
				visibility: visible; 
				top: 240px; 
				left: 25%; 
				width: 368px; 
				height: 374px; 
				border: 1px none #000000;}

			#popup-game .popup-click {
				dispaly:block;
				position:relative;
				left:216px;
				top:212px;}
				
			#popup-game .popup-x {
				dispaly:block;
				position:relative;
				left:312px;
				top:61px;}
					
/**** HQ *****/


			#popup-hq{
				z-index: 4000; 
				position: fixed;
				display:block;
				visibility: visible; 
				top: 240px; 
				left: 25%; 
				width: 455px; 
				height: 338px; 
				border: 1px none #000000;}

			#popup-hq .popup-click {
				dispaly:block;
				position:relative;
				left:90px;
				top:175px;}
				
			#popup-hq .popup-x {
				dispaly:block;
				position:relative;
				left:392px;
				top:31px;}
				
/****  Safernet *****/


			#popup-sf{
				z-index: 4000; 
				position: fixed;
				display:block;
				visibility: visible; 
				top: 255px; 
				left: 30%; 
				width: 425px; 
				height: 438px; 
				border: 1px none #000000;
				}

				
			#popup-sf .popup-x {
				
				dispaly:block;
				position:absolute;
				left:332px;
				top:11px;
				z-index: 4000; 
				}