body{
	background-color: black;
	
}

#cabecera{
		
	height: 10%;
	background-color: gray;
	clear: both;
	position: fixed;
	bottom: 90%;
	left: 0px;
	width: 100%;
	border-bottom: groove;
}

#menu{
	height: 100%;
	left: 0px;
	width: 18%;
	background-color: gray;
	float: left;
	position: fixed;
	margin-top: 58px;
	border-right-style: groove;


	font-family: arial, helvetica, sans-serif;
}


#menu ul ol{
	list-style: none;
}

#menu .nav li a{
	
	text-orientation: none;
	display: block;
}

#menu .nav > li{
	float:left; 
}

#menu .nav li ul {
	display: none;
	position: absolute;
	min-width: 140px;
}

#menu .nav li:hover > ul{
	display: block;
}



#menu a{ /*coloca css a todos los enlaces que estan dentro del div #menu*/
	text-decoration: none; /*quita la rallita que esta abajo de un link */
	margin-right: 100px; /*separa el margen de los item del menu*/
	font-size: 20px; /*cambiar tamaño de los item del menu */
	color: white;
	margin: auto;
}

#menu a:hover{ /*monitorear cuando el puntero este ensima sobre un elemento*/
	color: black;
	border-bottom: solid 1px black;
}

#contenido {
	background-color: black;
	clear: both;
	position: fixed;
	bottom: 0%;
	left: 250px;
	width: 80%;
	height: 100%;
	top: 10%;
	text-align: center;
	height:auto;
	overflow:scroll;
}

#contenido td{
	color: white;
}


#contenido p{
	color: white;
	font-size: 20px;
}






//--------------------------------------------------------------------------------
#caja4 {
	height: 10%;
	background-color: gray;
	clear: both;
	position: fixed;
	bottom: 90%;
	left: 0px;
	width: 100%;
}



iframe{
	display: block; /*convertir elemento en bloque que ocupe todo el ancho*/
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}