*{
        margin:0;
        padding:0;
}

#main{
        position:absolute;
        width:100%;
        height:100%;
        top:0px;
        left:0px;
        z-index:-1;
        overflow-x:hidden;

}


/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */

#box {
	position:relative; 
	z-index:1; 
	padding: 0px; 
    margin: 0px auto;
	width:960px;
    height:600px;
}

#mainindex {
	position:relative; 
	z-index:1; 
	padding: 0 px; 
    margin: 0px auto;
	width:900px;
    height:600px;
    background-image:url(infoindex.png);
	background-repeat:no-repeat;
	background-position: center;
}

#maindemais {
	position:relative; 
	z-index:1; 
	padding: 0 px; 
    margin: 0px auto;
	width:900px;
    height:600px;
    background-image:url(infodemais.png);
	background-repeat:no-repeat;
	background-position: center;
}

#menu{
	position: absolute; 
	z-index:2; 
	left: 40px;
	top: 200px;
    width: 270px;
	height: 80px;
	font-family:"Century Gothic";
	font-size:19px;
	color:#FFF;
	list-style-type: none;

}

a:link {
	text-decoration:none;
	color:#FFF;
}

a:visited {
	color:#FFF;
}

a:hover {
	text-decoration: underline;
}

#players{
	
	position: absolute; 
	z-index:2; 
	top: 70px;
   	left: 510px;
    	width: 250px;
	height: 180px;
	font-family:"Century Gothic";
	font-size:19px;
	color:#FFF;
	list-style-type: none;
}

#forms{

	position: absolute; 
	z-index:2; 
	top: 200px;
    	left: 390px;
    	width: 250px;
	height: 80px;
	font-family:"Century Gothic";
	font-size:19px;
	color:#FFF;
	list-style-type: none;		

}

#tabela{
	
	position: absolute; 
	z-index:2; 
    top: 400px;
    left: 70px;
    width: 700px;
	height: 180px;
	font-family:"Century Gothic";
	font-size:15px;
	color:#FFF;
	list-style-type: none;	

}


#frames{

	position: absolute; 
	z-index:2;
    top: 50px;
    left: 220px;
    width: 40px;
	height: 300px;
	color:#FFF;
	font-family:"Century Gothic";
}


#cont01{
	list-style-type: none;
	position: absolute; 
	z-index:2;
    top: 450px;
    left: 500px;
    width: 200px;
	height: 300px;
	color:#FFF;
	font-family:"Century Gothic";
	font-weight:bolder;
	font-size: 15px;

}

#cont02{

	position: absolute; 
	z-index:2;
    top: 450px;
    left: 700px;
    width: 300px;
	height: 300px;
	color:#FFF;
	font-family:"Century Gothic";
	font-weight:bolder;
	font-size: 15px;
	list-style-type: none;
}

#footer{

	position: absolute; 
	z-index:2;
    top: 575px;
    left: 220px;
    width: 900px;
	height: 10px;
	color:#FFF;
	font-family:"Century Gothic";
	font-weight:bolder;
	font-size: 13px;

}

#footer_home{

	position: absolute; 
	z-index:2;
    top: 600px;
    left: 220px;
    width: 900px;
	height: 10px;
	color:#FFF;
	font-family:"Century Gothic";
	font-weight:bolder;
	font-size: 13px;

}