@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');


/*BODY*/

body            {background-color: #E7E6E6;
                font-family: 'Roboto', sans-serif;
                background-image: url(../img/FondoSuperior.jpg);
                background-size: 15%;
                padding: 0%;
                margin: 0;
                }

/*HEADER*/

header          {text-align: center;
                background-image: url(../img/fondo.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: bottom;
                padding: 2%;
                margin: 0;
                border: 0;}
                

header h1 a      {color: #1085c7;
                 line-height: 6.5rem;
                 text-decoration: none;
                 font-family: 'Roboto', sans-serif;
                 font-size: 4rem;
                 font-weight: 900}

/*BARRA DE NAVEGACION*/
.barranavegacion {text-align: center;}

nav a { display: inline-flex; padding: 1rem;}


nav ul  {margin: 1rem;
        padding: 0;
        display: flex;
        justify-content: space-between;}



nav ul li {margin: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    list-style-type: none;
    }

li a {display: block;
    color: white;
    border: none;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;}

li a:hover { background-color: rgba(16, 133, 199, 0.6);
color: white;
transition: background-color 0.5s ease;}

/*DATOS PERSONALES*/

main            { margin: 2rem;
                padding: 2rem;
                background-color: rgba(16, 133, 199, 0.5);
                border-radius: 2rem;}

.personal       {text-align: center}
    

.personal .fotoagos   {display: flex;
                       margin: auto;
                      width: 25%;
                      border-radius: 50rem;}




.personal h2        {font-family: 'Roboto', sans-serif;
                    font-weight: 700;
                    font-size: 2rem;
	                text-decoration: none;
                    list-style-type: none;
                    color: white}
                           



.personal h3        {font-family: 'Roboto', sans-serif;
                    font-weight: 700;
                    font-size: 1.5rem;
                    color: white;
                    margin: -1.5%}


/*MATERIAS APROBADAS*/


h4  {background-color: #10bef0;
    color: white;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size:1.2rem;
    margin: 2% 0%;
    padding: 2%;
border-radius: 2rem}





.materiasaprobadas        {display: flex;
	                      justify-content: center;
	                      align-content: center;
                          padding: 1rem;
                          background-color:#E7E6E6;
                          margin: 0% 0% 5% 0%;
                          border-radius: 2rem;}


.columna1 p           {text-align: left;} 
.columna1             {padding-right: 3rem;}

 
.columna2 p            {text-align: left;}                                 
.columna2              {padding-left: 3rem;}
  

h5                   {text-align: center; 
                     font-family: 'Roboto', sans-serif;
                     font-size: 1rem;
	                 font-weight: 700;               
                     margin: 1% 0% 1% 0%;}


h6                   {text-align: center; 
                     font-family: 'Roboto', sans-serif;
                     font-size: 1rem;
	                 font-weight: 700;               
                     margin: 1% 0% 1% 0%;}

/*MATERIAS EN CURSO*/

h7                   {background-color: #10bef0;
                      color: white;
                      display: block;
                      text-align: center; 
                      font-family: 'Roboto', sans-serif;
                      font-size: 1.2rem;        
                      margin: 2% 0%;
                      padding: 2%;
                      border-radius: 2rem}

.materia{ padding: 1rem;
                background-color:#E7E6E6;
                margin: 0% 0% 5% 0%;
                border-radius: 2rem;}

.materiasencurso {display: flex;
	              justify-content: center;
	            align-content: center;
                }

h8             { text-align: center;
                display: block;
                font-family: 'Roboto', sans-serif;
                font-size: 1rem;
	            font-weight: 700;               
                margin: 1% 0% 1% 0%;}

h9              {text-align: center;
                display: block;
                font-family: 'Roboto', sans-serif;
                font-size: 1rem;
	            font-weight: 700;               
                margin: 1% 0% 1% 0%;}

h10             {text-align: center;
                display: block;
                font-family: 'Roboto', sans-serif;
                font-size: 1rem;
	            font-weight: 700;               
                margin: 1% 0% 1% 0%;}

.columna3 p            {text-align: left;}                                 
.columna3              {padding-right: 3rem;}

 
.columna4 p            {text-align: left;}                                 
.columna4              {padding-left: 3rem;}                   
                         
                         
  
/*MATERIAS PENDIENTES*/

h11                   {background-color: #10bef0;
                      color: white;
                      display: block;
                      text-align: center; 
                      font-family: 'Roboto', sans-serif;
                      font-size: 1.2rem;        
                      margin: 2% 0%;
                      padding: 2%;
                      border-radius: 2rem}

h12                   {text-align: center; 
                     font-family: 'Roboto', sans-serif;
                     font-size: 1rem;
	                 font-weight: 700;               
                     margin: 1% 0% 1% 0%;}

.columna5            {text-align: center;} 

.materiaspendientes {display: flex;
	              justify-content: center;
	            align-content: center;
                padding: 1rem;
                background-color:#E7E6E6;
                margin: 0% 0% 1% 0%;
                border-radius: 2rem;}



/*RETORNO INICIO*/


.up p {margin: 4% 0% 0% 0%;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
    color: white;}


/*FOOTER*/

footer              {background-color: #1085c7;
                    text-align: center;
                    padding: 1rem;
                    font-family: 'Roboto', sans-serif;
	                font-weight: 400;
                    font-size: 1rem;
                    color: white;}

footer div { font-size: 1.5rem;}