div#pagina{
    
	margin:auto;
    background-color: rgb(255, 255, 255);
    background-position: center;
    width: 1024px;
    height: 1200px;
   background-repeat:no-repeat;
    background-size: cover;
       
}
header{
   background-image: url(header2.png);       
    width: 100%;
  height: 200px;
    background-repeat: no-repeat;
}

nav{
    margin-top: 1rem;
}
header div#cintaazul {
    
}
header nav ul { 
    margin-top: 20%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
header nav ul li{ 
    margin-top: 14%;
    margin-left: 41%;
    width: 100%;
     margin-bottom: 0.1 rem;
}

header nav ul li a{
    
 text-decoration:overline;
    font-size: 14pt;
font-style:italic;
    
    color: #000;
    font-family:sans-serif;
    width: 100%;
    padding-right: 50px; 
    display:inline;
    text-align: center;
}
nav ul li a:hover{

    font-family: sans-serif;
	color: rgb(253, 253, 248);  
	    
}


div#logo {
    margin-top: 10%;
margin-left: 42%;
 }

article{
   background-repeat: no-repeat;
    margin-top: -2%;
       }

article h1 {
width: 290px;
font-size: 9pt;
    font-family:cursive;
    align-content:stretch;
    margin-left: 5%;
    margin-top: -25.6%
}
article p {
width: 260px;
font-size: 9pt;
    font-family:cursive;
    align-content:stretch;
    margin-left: 5%;
    margin-top: -1%
}


div#calendario {
margin-top: -46%;
    margin-left: 77%;
        }
div#ingresa {
margin-top: -2%;
    margin-left: 77%;
        }
div#ingresa h1{
font-size: 11pt;
    font-family: sans-serif;
color: rgb(253, 253, 253);
    margin-top: -140px;
    margin-left: 35px;
        }
div#ingresa nav ul {
    list-style: none;
}
div#ingresa nav ul li{
    margin-left: -27%;
        }
div#ingresa nav ul li a{
    font-size: 9pt;
font-style:italic;
    color: #faf2f2;
    font-family:sans-serif;
    width: 100%;
    padding-left: 50px; 
    text-align:left;
    display: inherit;
}
div#ingresa nav ul li a:hover{
font-family: sans-serif;
	color: rgb(248, 200, 69);  
	   }


section{
    margin-top: 1%;
width: 70%;    
}

section div#nivel1 {
margin-top: -40%;
}
section div#nivel2 {
margin-top: -43%;
    margin-left: 50%;
}

section nav ul {
    list-style: none;
}

section nav ul li{
    margin-top: -14%;
        }

section nav ul li a {
 font-size: 16pt;
font-style:normal;
    color: #faf2f2;
    font-family:sans-serif;
    width: 100%;
    text-align:left;
    text-decoration: none;
}

section nav ul li a:hover{
font-family: sans-serif;
	color: rgb(10, 9, 5);  
	   }

section div#tipo2 nav ul {
    list-style: none;
}

section div#tipo2 nav ul li{
    margin-top: -6%;
    margin-left: 53%;
        }
section div#tipo2 nav ul li a {
 font-size: 16pt;
font-style:normal;
    color: #faf2f2;
    font-family:sans-serif;
    width: 100%;
    text-align:left;
    text-decoration: none;
}
section div#tipo2 nav ul li a:hover{
font-family: sans-serif;
	color: rgb(10, 9, 5);  
	   }
section p {
    width: 290px;
font-size: 9pt;
    font-family:cursive;
    align-content:stretch;
    margin-left: 5%;
}

section div#texto p {
    width: 310px;
font-size: 9pt;
    font-family:cursive;
    align-content:stretch;
    margin-left: 55%;
    margin-top: -9%;
}


div#queeslatipo {
margin-top: 7%;
}

div#queeslatipo p {
  width: 210px;
font-size: 9pt;
    font-family:cursive;
    align-content:stretch;
    margin-left: 28%;
    margin-top: -27%;
}

div#videos {
margin-top: -30%;
    margin-left: 53%;
}

div#videos nav ul {
list-style:none;
}

div#videos nav ul li{
margin-top: -85.7%;
    margin-left: -8%;
}

div#videos nav ul li a{
font-size: 16pt;
font-style:normal;
    color: #d49913;
    font-family:sans-serif;
    text-align:left;
    text-decoration: none;
}

div#videos nav ul li a:hover{
font-family: sans-serif;
	color: rgb(10, 9, 5);  
	   }

footer{
	width:100%;
	display:table;
    margin-top: -60%;
	}
		
footer p { 
	font-size:10px; 
	text-align:center;
    font-family: 
        sans-serif;
        color:#538046;
	margin-top:100%;
}