/*body{
    margin: 0;
    font-family: sans-serif;
    
}*/

body {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 100%;
	height: auto;
	margin: 0;
	text-align: center;
}

#notas1 {
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}

#notas1 p {
	color:#6d6d6d;
	font-family: 'Abel', sans-serif;
	font-size: 1.05em;
	height: auto;
	/*overflow: hidden;*/
	position: relative;
	text-align:center;
	text-decoration: none;
	width: 100%;
}

#notas1 p a {
	color: #53419f;
	font-size:1.1em;
	font-weight:300;
	text-decoration: none;
}

#notas1 p a:hover {
	color:#CE003A;
	font-size:1.2em;
	font-weight:bold; 
	font-weight: 400;
}



@media(max-width: 799px) {
	
#notas1 {
	overflow:inherit;
}		
}




/*#navegasup2 { 
	background: #4E94AB;
	height: auto;
	position: relative;
    width: 100%;
	z-index: 50;
}

#btn-menu{
    display: none;
}

#navegasup2 label{
    display: none;
    width: 30px;  
    height: 30px;
    padding: 15px;
    border-right: 1px solid #fff;
}

#navegasup2 label:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.3);
}

.menu ul{
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex; /*importantisimo en filas horizontal*/
   /* justify-content: flex-end;* para que se valla a la derecha*/
   /*justify-content: center;*/
   /*flex-direction:row;*//*importantisimo lo pone en vertical

}

.menu li {
 /*text-align: center;*/
 /*flex-grow: 1;*/ /*para que ocupe todo el ancho */
 /*border-right: 1px solid #fff;
}

.menu li:hover{
 cursor: pointer;
 background: rgba(0,0,0,0.3);

}

main{
padding: 20px;
}

.menu li a {
background-color: #4E94AB;
 display: block;
 padding:  10px 30px;
 color: #fff;
 text-decoration:none;
}

.menu li a:hover{
 cursor: pointer;
 background: rgba(0,0,0,0.3);

}

.nav > li {
	float: left;
}

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

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

.menu li ul li {
	position: relative;
}

.menu li ul li ul {
	right: -200px;
	top: 0px;
	z-index: 50;
}



/*@media(max-width: 768px*/
/*@media(max-width: 650px){
#navegasup2 label{
display: block;
 }
	
.icon-menu {
	color:#fff;
	font-size:1.8em;
	font-weight: 300;
	margin-top: -15px;
}
	
#navegasup2 label{
   /* display: none;*/
   /* width: 30px;  
    height: 15px;
    padding: 15px;
    /*border-right: 1px solid #fff;
}
	
 .menu {
  position: absolute;
  background: #4E94AB;
  width: 40%;
  margin-left: -40%; /*como es negativo se sale del pantalla*/
  /*transition: all 0.5s;

 }
	
 .menu ul{
flex-direction: column;
 }
	
 .menu li {
  border-top: 1px   solid #fff;
 }
	
/*.menu li a {
background-color: #4E94AB;
 display: block;
 padding:  10px 30px;
 color: #fff;
 text-decoration:none;
}*/
	
/*.menu li ul li ul {
	right: -220px;
}

 #btn-menu:checked ~ .menu{
  margin:0;

 }
}



@media(max-width: 375px){
	
.menu {
  width: 50%;
  margin-left: -50%;

 }
	
.menu li ul li ul {
	right: -170px;
	width: 200px;
}
}



@media(max-width: 303px){
	
.menu {
  width: 54%;
  margin-left: -54%;

 }
	
.menu li ul li ul {
	right: -140px;
	width: 180px;
}
}

@media(max-width: 200px){
	
.menu {
  width: 60%;
  margin-left: -60%;
 }
	
.menu li a {
 font-size: .85em;
 padding:  10px 10px;
}

	
.menu li ul li ul {
	font-size: .85em;
	right: -100px;
	width: 160px;
}
}