body{
	background-color: black;
}

.contenedor
{
	 
width: 800px;
height: 600px;
     margin: auto;
 
}


 

#nivel1
{

position: absolute;
top: 85%;
left: 69%;
color: #FFF;
text-align: center;
border-radius: 25px;
width: 22%;
height: 5%;
background: #008C5A none repeat scroll 0% 0%;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif; 
font-size: 100%;



}

#nivel2
{
position: absolute;
top: 92%;
left: 69%;
color: #FFF;
text-align: center;
border-radius: 25px;
width: 22%;
height: 5%;
background: #008C5A none repeat scroll 0% 0%;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
}



#nivelsito2{
	position: absolute;
top: 85%;
left: 69%;
color: #FFF;
text-align: center;
border-radius: 25px;
width: 22%;
height: 5%;
background: #008C5A none repeat scroll 0% 0%;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif; 
font-size: 100%;
}

#munusito{
	position: absolute;
top: 92%;
left: 69%;
color: #FFF;
text-align: center;
border-radius: 25px;
width: 22%;
height: 5%;
background: #008C5A none repeat scroll 0% 0%;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;


}


@media only screen and (max-width: 768px) and (orientation: portrait)
{
	.contenedor
	{
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0%;
		top: 25%;
	}
}


@media only screen and (max-width: 1024px) and (orientation: portrait)
{
	.contenedor
	{
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0%;
		top: 25%;
	}
}
