/* Hotsite Lua Nova */

* {
	margin:0;
	padding:0;
}
ul {list-style:none;}
fieldset , img {
	border-top-width: 0;
	border-right-width: 0px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-left-style: 0;
	padding-left: 0px;
	border-top-style: 5;
	border-right-style: 0;
	border-bottom-style: 0;
}
html, body { height: 100%;}
body { font-size:62.5%; line-height:1.25;  font-family: arial, verdana, freesans, garuda, helvetica, sans-serif; color: #666; }
p { color:#fff; margin:0.5em 0; font-size:1.3em; }
h2, h3 { color:#fff; }


#header { position:relative; z-index:10; } 
#page {overflow:hidden; width: 98em; margin: 0 auto; }
#col1 {  width:14em;  float:left; position:relative; overflow:hidden; }
#content  {background: #fff; }
#footer {clear:both; }
#area1saga { overflow:hidden; background:#001a3b url(../img/bgHome.jpg) no-repeat top; margin:12px; }
#mainContent { overflow:hidden; background:#fff; }
#mainContent .join { background:#001a3b url(../img/fundo_principal.jpg) no-repeat top; height: 989px; width:935px; overflow:hidden;}
#mainContent .howto{  background:#001a3b url(../img/fundo_crepusculo.jpg) no-repeat top; height: 832px; width:935px; overflow:hidden;}
#mainContent .awards { background:#001a3b url(../img/fundo_lua_nova.jpg) no-repeat top; height: 832px; width:935px; overflow:hidden; }
#mainContent .rules { background:#001a3b url(../img/fundo_twilight.jpg) no-repeat top; height: 834px; width:935px; overflow:hidden; }
#mainContent .novo { background:#001a3b url(../img/fundo_eclipse.jpg) no-repeat top; height: 834px; width:935px; overflow:hidden; }

#link1 {
	float: left;
	padding-left: 10px;
	padding-top: 31px;
	text-decoration: none;
	top:50px;
	}

#link2 {
	float: left;
	top:55px;
	margin-left: -20px;
	padding-top: 20px;
	
}
#link3 {
	float: left;
	margin-left: -10px;
	top:20px;
	padding-top: 25px;
}

#link4 {
	float:left;
	margin-left: -10px;
	top:1px;
	margin-top: 13px;
}

#link5 {
	float:left;
	margin-left: 350px;
	top:-20px;
	margin-top:-110px;
}


/* Pg Home */
#join {  padding-top:340px; *padding-top:225px; padding-right:0px;  padding-bottom:0px; padding-left:140px;}
 	
#join #boxhome{ clear:both; padding-left:1px; padding-top:80px;}
#join #listhome li { display:inline; float:left; margin-left:-40px; padding-left:30px;  }
#join .boxlink { display:block; width:180px; height:250px;}


/* Pg crepusculo */
#howto {  padding-top:350px; *padding-top:230px; padding-right:0px;  padding-bottom:0px; padding-left:185px;}

#howto #boxcrepusculo1 { clear:both; padding-top:10px; padding-left:70px;}
#howto #listcrep1 li { display:inline; float: left; margin-left:12px; }
#howto #listcrep1 li .boxcrep1 { display:block; width:180px; height:270px;}
				 	
#howto #boxcrepusculo2 { clear:both; padding-left:1px; padding-top:80px; *padding-top:41px; }
#howto #listcrep2 li {display:inline; float:left; margin-left:7px; }
#howto #listcrep2 li .boxcrep2 { display:block; width:122px; height:95px; }


/* Pg Lua Nova */
#awards {   padding-top:350px; *padding-top:230px; padding-right:0px;  padding-bottom:0px; padding-left:200px;}

#awards #boxluanova1 { clear:both; padding-top:10px; padding-left:40px; *padding-top:18px; }
#awards #listlua1 li { display:inline; float: left; margin-left:27px; }
#awards #listlua1 li .boxlua1 { display:block; width:172px; height:275px; }
				 	
#awards #boxluanova2 { clear:both; padding-left:2px; padding-top:75px; *padding-top:35px;}
#awards #listlua2 li { display:inline; float:left; margin-left:7px; }
#awards #listlua2 li .boxlua2 { display:block; width:121px; height:97px; }
		 
/* Pg Eclipse */
#novo {  padding-top:338px; *padding-top:215px; padding-right:0px; padding-bottom:0px; padding-left:200px;}

#novo #box_eclipse1 { clear:both;  padding-top:1px;  *padding-top:-20px; padding-left:50px;}
#novo #listeclipse1 li { display:inline; float: left; margin-left:12px; }
#novo #listeclipse1 li .boxeclipse1 { display:block; width:180px; height:270px;}
				 	
#novo #box_eclipse2 { clear:both; padding-left:5px; padding-top:105px; *padding-top:54px; }
#novo #listeclipse2 li {display:inline; float:left; margin-left:5px; }
#novo #listeclipse2 li .boxeclipse2 { display:block; width:122px; height:95px; }


/* Pg Twilight */
#rules { padding-top:420px; *padding-top:295px; padding-right:0px;  padding-bottom:0px; padding-left:200px; padding-left:380px;}

#rules #boxtwilight {  display:block; width:176px; height:295px; }