body{
	background-color: rgb(204, 185, 124);
	
}


#cierre{
	z-index: 2;
	text-align: center;
	position: absolute; 
	top: 0px;
	height:80px;
	width:100%;
	background-color:rgb(134, 190, 153);

}

#presenta{
	
	border:3px solid black;
	text-align: justify;
	padding: 20px;
	padding-top: 5px;
	position: absolute; 
	top: 100px;
	left: 100px;
	height:250px;
	width:80%;
	background-color:rgb(93, 129, 129);
	overflow-y: scroll;

}

#botonera{
	border:3px solid black;
	text-align: center;
	position: absolute; 
	top: 400px;
	left: 100px;
	width:80%;
	background-color:rgb(180, 121, 12);

}

#instruccion{
	
	border:3px solid black;
	text-align: justify;
	padding: 20px;
	padding-top: 5px;
	position: absolute; 
	top: 100px;
	left: 100px;
	height:400px;
	width:80%;
	background-color:rgb(93, 129, 129);

}

#botonerainst{
	border:3px solid black;
	text-align: center;
	position: absolute; 
	top: 550px;
	left: 100px;
	width:80%;
	background-color:rgb(180, 121, 12);
}


 
#uno{ 
	border:1px solid black;
	text-align: center;
	width: 100%;
	height:30%;
	margin:auto;
	background-color:rgb(148, 148, 151);
	}

#dos{ 

	border:1px solid black;
	text-align: center;
	width: 100%;
	height:70%;
	background-color:rgb(147, 229, 147);
}

#acceso{
	
	z-index: 2;
	position: absolute; 
	text-align: center;
	left:30%; 
	top: 20%;
	height:400px;
	width:600px;
	visibility:visible;
	background-color: #99cad3;
	border:10px solid black;
}



#grupomonitor{
	z-index: 5;
	position: absolute;
	text-align: center;
	left: 0px; 
	top: 0px;
	height:100%;
    width:100%;
    visibility:hidden;
    background-color: #6addf1;
	
}

#monitor{
	z-index: 4;
	position: absolute; 
	text-align: center;
	left: 0px; 
	top: 0px;
	height:100%;
    width:100%;
    visibility:hidden;
    background-color: #f16af1;
	
}

#planta{
	z-index: 1;
	position: absolute; 
	text-align: center;
	left: 0px; 
	top: 0px;
	height:100%;
    width:100%;
    
	
}


#opciones, #opcionesg1, #opcionesg2, #opcionesg3, #opcionesg4, #opcionesg5, #opcionesg6, #opcionesg7, #opcionesg8, #opcionesg9, #opcionesg10 {
	left: 10px; 
	width:200px;
	size:30;
	border:1px solid #04467E;
	background-color:#44c9c9;
	color:#2D4167;
	font-size:18px;

}


#plangrupos{
	z-index: 5;
	position: absolute; 
	text-align: center;
	left: 0px; 
	top: 0px;
	height:100%;
    width:100%;
	visibility:hidden;
    background-color: #eed14e;
	
}

#pantsalida{
	z-index: 8;
	position: absolute; 
	text-align: center;
	left: 0px; 
	top: 0px;
	height:100%;
    width:100%;
	visibility:hidden;
    background-color: #aa4594;
	
}


#admgrupo{
	z-index: 6;
	position: absolute; 
	text-align: center;
	left: 300px; 
	top: 200px;
	height:400px;
    width:300px;
	visibility:hidden;
    background-color: #be0a0a;
	
}

#participante{
	z-index: 3;
	position: absolute; 
	text-align: center;
	left: 50px; 
	top: 150px;
	height:400px;
    width:300px;
	visibility:hidden;
	border: rgb(212, 0, 255) 5px solid;
    background-color: #0ab2be;
	
}


#tgrupo{
	margin: 0 auto;
	text-align:center;
	height:100%;
    width:90%;
    background-color: #d6caca;
	border:1px solid #0c0707;
	
}

th, td {
	width: 25%;
	text-align: center;
	vertical-align: top;
	border: 1px solid #000;
 }


 #g1, #g2, #g3, #g4, #g5, #g6, #g7, #g8, #g9, #g10{
	margin: 0 auto;
	text-align:center;
	height:80%;
    width:90%;
    background-color: #d6caca;
 }