body{
	background-color: grid;
	margin: 0;
	font-family: Verdana;
	font-family: 'PT Sans';

}

/*Panel principal */
.panel{
	/* background: rgb(34,12,42); */
	/*background: linear-gradient(315deg, rgba(125,84,208,1) 10%,#23004c 78%); */
	background-color: #23004c;
	position:static;
	padding-top:30px;
	margin-top:10px;
	margin-left:-10px;
	width:40%;
	height:1400px;
	overflow: none;
	box-shadow: 0px 20px 25px #222;
}

/*Seccion de menu*/
.menu{
	position: sticky;
	top:5%;
	left:10px;
}
.menu ul{
	list-style:'\00bb    ';
}
/*Animacion de Menus */
.menu p{
        color:white;
	font-size: 20px;
	opacity: 1;
	animation: mover-abajo 2s 1;
	animation-fill-mode: forwards;
}
@keyframes mover-abajo{
	from{transform: translateY(-10px);}
	to{transform: translateY(1px)}
	
}

/*Sections*/
.section{
	position:static;
        margin-top: 10px;
        padding: 9px;
        border-radius: 100px;
        color: white;
        cursor: pointer;
        font-size:16px;
        transition: all 0.5s;
}

.section a{
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
	font-weight:bold;
	font-size: 26px;
}
.section a:after{
	display:none;
        content: '\00bb';
        color: white;
        position: absolute;
        top:0;
        opacity: 1;
        left:50px;
        transition: 0.5s;
}
.section:hover a{
	display:block;
	text-shadow: 1px 1px 2px #943874, 0 0 1em pink, 0 0 0.2em blue;
	padding-left: 10px;
}
.section:hover a:after{
        opacity:1;
        left:0;
}
/*frames*/
.frames{
	/*position: fixed; */
	position: absolute;
	overflow: hidden;
	/* left:490px; */
	left:120%;
	top: 0;
	height: 100%;
	width: 100%;
}

.mFrame{
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}


/*contenido*/

.contenido{
	position:absulte;
	width:auto;
	padding-top:5px;
	display: none;
	height:300px;
	overflow:auto;
}