* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   
}
.bodyLogin{
			background-size: cover;
			font-family: 'Roboto', sans-serif;
			overflow: hidden;
			padding: 0px;
			background-image: url(../imagenes/bg.jpg);
			position: relative;
			background-repeat: no-repeat;
			background-attachment: fixed;
			display: flex;
			flex-direction: column;
			min-height: 100vh;
			justify-content: space-between;

		}
#exactCenter {
 
   position: relative;
    background-color: #F7F7F7;
    border-radius: 0.7em;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    width: 90%;
    text-align: center;
    max-width: 18em;
  display: block;
 margin: auto;
    
   

}
#login
{
       margin-left: 15px;
	   margin-right: 15px;
	   margin-bottom: 30px;
	   margin-top: 30px;
}
#login-help {
  width: 100%;
  text-align: center;
  font-size: 12px;
  display: grid;
}
#user, #pass{
	height: 35px;
	font-size: 16px;
	width: 100%;
	margin-bottom: 0px;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	padding: 0 8px;
	box-sizing: border-box;
}

#login #botonIngresar {
	margin-left: 0px;
	margin-right: 0px;
					width: 100%;
					display: block;
					margin-bottom: 10px;
					margin-top: 10px;
					position: relative;
					border-radius: 0.4em;
					cursor: pointer;
					border: 0px;
					color: #fff;
					text-shadow: 0 1px rgba(0,0,0,0.1);
					background-color: #508fa2;
					text-align: center;
					font-size: 14px;
					font-family: 'Arial', sans-serif;
					font-weight: 700;
					height: 36px;
					padding: 0 8px;
				}
				#login #botonIngresar:hover
				{
				  border: 0px;
				  text-shadow: 0 1px rgba(0,0,0,0.3);
				  background-color: #55c1db;
				}
				.bodyLogin h1{
					text-align: center;
					 margin-top: 0;
                    margin-bottom: 1em;
				}
				.imagenLogin {
				   color: #55c1db;
				   border-radius: 797px;
                   border: 1px solid grey;
				   width: 35%;
                  text-align: center;
                   max-width: 18em;
                 height: 20e;
                 max-height: 25wm;
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 3vh;
 
					}
					
				
				#login-help a:hover {
					opacity: 1;
				}	
				#login-help a {
					text-decoration: none;
					color: #666;
					font-weight: 400;
					text-align: center;
					display: inline-block;
					opacity: 0.6;
					transition: opacity ease 0.5s;
				}

/*   inicio de principal.html */
/*

FONT
*/


@font-face {
    font-family: 'quicksandregular';
    src: url('quicksand-regular-webfont.eot');
    src: url('quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand-regular-webfont.woff2') format('woff2'),
         url('quicksand-regular-webfont.woff') format('woff'),
         url('quicksand-regular-webfont.ttf') format('truetype'),
         url('quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*FINFONT*/



/*header*/
#cabecera {
	display: flex;
    height: 3em;
    align-items: center;
    background-color: #262626;
	width:100%;
	justify-content:flex-end;
}

header
{
	width: 100vw;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 1100;
    text-decoration: none;
}
.menuPrincipal
{
	background: #262626;
    height: 3.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding-right: 1rem;
   z-index: 1;
}
.logo {
       width: 4.9em;
    display: block;
    margin-left: 0em;
    margin-right: 1em;
    margin-top: 1.7vh;
    margin-bottom: 0.7em;
}
.menu {
	height: 1.5em;;
}

.menuDesplegable
{
	width: 12rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 4rem 0em 1rem 2rem;
    background-color: #262626;
	position:fixed;
	right:-13em;
    padding-right: 2em;
	}

.cursada
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/cursadanuevo.svg);
	    display: flex;
}

.materias
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/inscripcioncursadanuevo.svg);
	    display: flex;
}
.exámenes
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/inscripcionexamennuevo.svg);
	    display: flex;
}

.perfil
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/perfilnuevo.svg);
	    display: flex;
    
    
}


.agenda{
    background-repeat: no-repeat;
    background-image: url(../imagenes/agendanuevo.svg);
	    display: flex;
    
    
}

            
.contacto{
    background-repeat: no-repeat;
    background-image: url(../imagenes/contactonuevo.svg);
	    display: flex;
    
    
}


.cerrar
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/salirnuevo.svg);
	    display: flex;
}
.bodyPrincipal a, .bodyBaja a , 
.bodyConfirmarBaja a, .bodyEditarPerfil a,
.bodyAgenda a, .bodyContacto a, 
.bodyPerfil a, .bodyMensajeEnviado a,.bodyTipo a 
{
	 text-decoration: none;
    color: white;
    padding-left: 1.6em;
    margin-top: 0.6em;
    margin-bottom: 0.8em;
    font-family: 'quicksand', sans-serif;
    font-size: 1em;
	}
	
li{
	    margin: 1em 0em;
list-style: none;	
    padding: 0;
    box-sizing: border-box;
	}

body > div > ul{
    padding-right: 2em;	
	   margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bodyEditarPerfil > main > img{ 
width: 40%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    margin-top: 1.5em;
}
/* fin de header*/

/* comienzo de body */
.bodyPrincipal, .bodyConfirmarBaja, .bodyAgenda, .bodyContacto, .bodyPerfil, .bodyMensajeEnviado, .bodyTipo
{
	margin:0em;
    background-color: white;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	justify-content:space-between;	
	}

body > main{
    MARGIN-LEFT: 1.5em;
    margin-right: 1.5em;
}

body > main > article > h1{
    font-family: 'quicksand', sans-serif;
    font-size: 1em;
	text-align: center;
    line-height: 1.5;
    margin-bottom: 1.2em;
    border-radius: 0.5em;
    color: black;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 6em;
    
}

body > main > section.regularidad > h2{
   font-family: 'quicksand', sans-serif;
    text-align: center;
    font-size: 1.4em;
   
}

    

body > main > section.regularidad > p {
  font-family: 'quicksand', sans-serif;
    text-align: center;
    font-size: 0.9em;
}



body > main > section.encurso{
    background: rgba(91, 188, 213, 0.89);
    padding: 0;
   font-family: 'quicksand', sans-serif;
    margin-top: 1em;*/
    margin: 0px;
    padding: 0px;
    line-height: 1.33;
    font-size: 1em;
    text-align: center;
    margin-top: 1em;
    font-weight: bolder;
    margin-bottom: 1.2em;
    padding-bottom: 0em;
    background: #a0d5ea;
    
}

body > main > section.encurso > h3{
   font-family: 'quicksand', sans-serif;
    background: #d3e6f0;
    color: #000000;
    padding: 0.2em;
    width: auto;
}

body > main > section.encurso > p{
    margin: 0.5em;
}

body > main > section.encurso > h4{
    background: rgba(91, 188, 213, 0.89);
    padding: 0.2em;
}

body > main > section:nth-child(4){
   background: rgba(91, 188, 213, 0.89);
    padding: 0;
   font-family: 'quicksand', sans-serif;
    margin-top: 1em;
    margin: 0px;
    padding: 0px;
    line-height: 1.33;
    font-size: 1em;
    text-align: center;
    margin-top: 1em;
    font-weight: bolder;
    margin-bottom: 1.2em;
    padding-bottom: 0em;
    background: #88efe3;
    
}


body > main > section:nth-child(4) > h3{
    font-family: 'quicksand', sans-serif;
    background: #3dc3b4;
    color: #000000;
    padding: 0.2em;
    width: auto;
}

body > main > section.examenes > p{
    margin: 0.5em;
}

body > main > section:nth-child(4) > h4{
  background: #75d2c7;
    padding: 0.2em;
}

body > main > section:nth-child(5){
    background: rgba(169, 232, 240, 0.85);
    padding: 1em;
    border-radius: 0.5em;
      font-family: 'quicksand', sans-serif;
    margin-top: 1em;
}
body > main > section:nth-child(5) > h3{
     font-family: 'quicksand', sans-serif;
    background: #c8edf0;
    color: #036459;
    padding: 0.2em;
    width: auto;
}


/*FINBODY*/


/*footer*/
footer {
    background: #262626;
    color: #eaeaea; 
    margin-top: 2em;
    padding: 4em;
     font-family: 'quicksand', sans-serif;
    font-size: 0.7rem;
    font-weight: 400; 
    padding-top: 1.8em;
    padding-bottom: 1.8em;
}

#logos > a > img {
    height: 4.1em;
    width: auto;
    }

#logos{
    text-align: center;
    padding-right: 1em;
    }

#autoria{
    color:skyblue;
    font-size: 1.1em;
    text-align: center;
    
}

/*finfooter*/
/*fin de principal.html*/

/* principio de cursada */


@font-face {
    font-family: 'quicksandregular';
    src: url('quicksand-regular-webfont.eot');
    src: url('quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand-regular-webfont.woff2') format('woff2'),
         url('quicksand-regular-webfont.woff') format('woff'),
         url('quicksand-regular-webfont.ttf') format('truetype'),
         url('quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*FINFONT*/



/*header*/
#cabecera {
	display: flex;
    height: 3em;
    align-items: center;
    background-color: #262626;
	width:100%;
	justify-content:flex-end;
}



header{

	width: 100vw;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 1100;
    text-decoration: none;
}
.menuPrincipal
{
	background: #262626;
    height: 3.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding-right: 1rem;
}
.logo {
       width: 4.9em;
    display: block;
    margin-left: 0em;
    margin-right: 1em;
    margin-top: 1.7vh;
    margin-bottom: 0.7em;
}
.menu {
	height: 1.5em;;
}

.activo
{
	right: 0;
}

.materias
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/inscripcioncursadanuevo.svg);
	    display: flex;
}
.exámenes
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/inscripcionexamennuevo.svg);
	    display: flex;
}

.dardebaja
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/bajanuevo.svg);
	    display: flex;
}

.perfil
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/perfilnuevo.svg);
	    display: flex;
    
    
}


.agenda{
    background-repeat: no-repeat;
    background-image: url(../imagenes/agendanuevo.svg);
	    display: flex;
    
    
}

            
.contacto{
    background-repeat: no-repeat;
    background-image: url(../imagenes/contactonuevo.svg);
	    display: flex;
    
    
}


.cerrar
{
    background-repeat: no-repeat;
    background-image: url(../imagenes/salirnuevo.svg);
	    display: flex;
}
.bodyCursada a{
	 text-decoration: none;
    color: white;
    padding-left: 1.6em;
    margin-top: 0.6em;
    margin-bottom: 0.8em;
       font-family: 'quicksand', sans-serif;
    font-size: 1em;
	}
	
/* fin de header*/

 body{
	
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
	}
body > main > h1 {
       font-family: 'quicksand', sans-serif;
    font-size: 1.6em;
    text-align: center;
    
    border-radius: 0.5em;
    color: black;
    margin-left: AUTO;
    margin-right: AUTO;
    MARGIN-BOTTOM: 0.5EM;
}

body > main > h2{
         font-family: 'quicksand', sans-serif;
    font-size: 1em;
    border-radius: 0em;
    
    margin-right: 2em;
    margin-left: 2.3em;
    background: #47c7bb;
    color: white;
    padding: 0.4em;

}

.aprobadas {
    background-color: white;
    margin: 15px 5% 0 5%;
      font-family: 'quicksand', sans-serif;
    font-size: 0.9em;
    margin-left: 2.6em;
    margin-right: 2.3em;
}
.aprobadas h3 {
        border-bottom: 2px solid #358e90;
    padding-bottom: 10px;
       font-family: 'quicksand', sans-serif;
}

body > main > div > h3{
    BACKGROUND: #c9eff1;
    PADDING: 0.4EM;
      font-family: 'quicksand', sans-serif;
}
/*bodyy*/

    body > div.contenedortablas > div:nth-child(1) > ul{
    margin-top: 5em;
   
}
 


#autoria{

	    color:skyblue;
    font-size: 1.1em;
}


.bodyCursada > main {
	margin-top:5em;
}

table
{
	width: 100%;
    margin-top: 1em;
     color: #262626;
    font-family: quicksand, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-collapse: collapse;    
    
    
       
}

td, th { 
border: 1px solid #CCC; 
height: 30px; 
    padding: 0em 1em;
	
	} /* Make cells a bit taller */

th {  
    background: #ccf3ef; /* Light grey background */
    font-weight: bold; /* Make sure they're bold */
}

td {  
    background: #FAFAFA; /* Lighter grey background */
    text-align: center; /* Center our text */
}
body > main > table > tbody > tr:nth-child(2) > td:nth-child(1)
{
    text-align: left;
}
body > main > table > tbody > tr:nth-child(3) > td:nth-child(1){
    text-align: left;
}
body > main > table > tbody > tr:nth-child(4) > td:nth-child(1)
{
    text-align: left;
}
body > main > table > tbody > tr:nth-child(5) > td:nth-child(1){
    text-align: left;
}
body > main > table > tbody > tr:nth-child(6) > td:nth-child(1)
{
    text-align: left;
}

/*finfooter*/
/* fin de cursada */

/*inscripcionMaterias*/

/*para todos los iconos de las materias*/
.icono_diseño, .icono_tipografia, 
.icono_morfologia, .icono_historia{  
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
    bottom:2em;
    PADDING-BOTTOM: 7.5EM;
    font-family: quicksand;
    text-decoration: none;
    color: white;
	display:block;
	padding-left: 0em !important;
	text-align: center;
	font-size:0.9em !important;
    
}
.icono_diseño
{
    background-image: url(../imagenes/diseno.svg);	
}
.icono_tipografia
{
	    background-image: url(../imagenes/tipo.svg);
}
.icono_morfologia
{
	 background-image: url(../imagenes/morfo.svg);
}
.icono_historia, .historia
{
	    background-image: url(../imagenes/histo.svg);
}
.listaIconos
{
	display: flex;
    list-style: none;
    padding: 0;
    margin: auto;
    FLEX-WRAP: wrap;
    MARGIN-TOP: 1em;
	
}
.listaIconos > li 
{
	    height: 40%;
		flex-basis: 50%;
		margin: 1em 0em;
}
.mainGeneral h1
{
	display: flex;
    justify-content: center;
    margin-top: 2.3em;
    margin-bottom: 0.3em;
    font-family: 'quicksand', sans-serif;
    color: #000000;
    font-size: 1.6em;
    padding-top: 1em;

}
/*fin de inscripcionMaterias*/

/*inicio inscripcionexamennuevo*/
.historia, .tecnologia, .medios{
   display: block;
    padding: 2em;
    text-align: center;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    height: 13em;
	}
.tecnologia
{
	    background-image: url(../imagenes/tecno.svg);
}

.medios
{
	background-image: url(../imagenes/medios.svg);
}
.mainGeneral
{
		MARGIN-LEFT: 0em;
    margin-right: 0em;
}
.mainGeneral> ul > li > a > p
{
	    margin-top: 7em;
}

.menuDesplegable > ul
{
    padding: 0em;	
}
/*fin de inscripcionexamenes*/

.bajas > ul
{
	width:100%;
	text-align: center;
}
.bajas > ul > li:nth-child(1) 
{
	background-color:lightblue;
}
.bajas > ul > li
{
    width: 60%;
    background: #5abbc7;
    display: inline-block;
    margin: 0em;
    text-align: center;
    padding: 0.5em 0em;
}
div.bajas:nth-child(4) > ul:nth-child(1) > li:nth-child(3){
    background: aquamarine;
}
div.bajas:nth-child(6) > ul:nth-child(1) > li:nth-child(3){
    background: aquamarine;
}

.titulo
{
	text-align: center;
    font-family: 'quicksand', sans-serif;
    font-size: 1.2em;
    margin: 1em 0em 0.3em 0em;
    color: black;
    background: white;
}
.parrafo
{
    text-align: center;
    margin-top: 1em;
    font-family: 'quicksand', sans-serif;
    font-size: 1em;
    margin-bottom: 1em;
}
.bajas > ul > li >a
{
	text-decoration: none;
    color: black;
    font-family: 'quicksand', sans-serif;
    font-size: 1em;
    padding-left: 0em;
}

/*confirmarbaja.html*/
.confirmarBaja
{
	width: 50%;
    text-align: center;
    max-width: 25em;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vh;
    border-width: thick;
}
.bodyConfirmarBaja h1 {
	    display: flex;
    justify-content: center;
    margin-top: 2.3em;
    margin-bottom: 0.3em;
    font-family: 'quicksand', sans-serif;
    color: #000000;
    font-size: 1.6em;
    padding-top: 1em;
	text-align: center;
    border-radius: 0.5em;
	margin-left: AUTO;
    margin-right: AUTO;
}
.bodyConfirmarBaja h2 {
    font-family: 'quicksand', sans-serif;
    font-size: 1.2em;
    text-align: center;
    background: lightblue;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-left: 1.5em;
    margin-right: 1.5em;
}
.botonVolver {
	text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: 'quicksand', sans-serif;
    color: black !important;
    font-weight: bold;
    padding-bottom: 2em;
    padding-left: 0;
    text-decoration: none;
	padding-left: 0em !important;
}
/*fin confirmarbaja.html*/

/*fin editarperfil.html*/
.bodyEditarPerfil > main{
 padding-top: 5em;
 }
.bodyEditarPerfil > main> p {
	text-align: center;
    font-family: 'quicksand', sans-serif;
    padding: 0px;
    font-weight: bold;
    line-height: 1.33;
    color: #262626;
    font-size: 0.9em;
    margin-top: 1em;
}
.cambiardatospersonales
{
font-family: 'quicksand', sans-serif;
    text-align: center;
    background: #d8e9ef;
    margin-left: 1.5em;
    margin-right: 1.5em;
    padding-bottom: 0.8em;	
}
.cambiardatospersonales h2
{
    margin: 0px;
    padding: 0px;
    line-height: 1.33;
    color: #05082f;
    font-size: 1em;
    text-align: center;
    margin-top: 1em;
    font-weight: bolder;
    margin-bottom: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: #a0d5ea;
    font-family: 'quicksand', sans-serif;
}
.cambiardatospersonales  ul li {
	    FONT-SIZE: 0.9EM;
}

.cambiarcontraseña
{
    font-family: quicksand, sans-serif;
    text-align: center;
    margin-left: 1.5em;
    margin-right: 1.5em;
    padding-bottom: 0.8em;
background: rgb(216, 233, 239);
}
.cambiarcontraseña h3
{
    font-family: quicksand, sans-serif;
    line-height: 1.33;
    color: rgb(5, 8, 47);
    font-size: 1em;
    text-align: center;
    font-weight: bolder;
    margin: 1em 0px 1.2em;
    padding: 0.5em 0px;
    background: rgb(160, 213, 234);
}
.botonesConfirmar {
	display: flex;
    justify-content: space-around;
}
#botonCerrar {
    display: block;
    margin-bottom: 10px;
    margin-top: 2em;
    background-color: #508fa2;
    font-size: 14px;
    font-family: 'quicksand' , sans-serif;
    font-weight: 700;
    padding: 1em;
}

/*fin editarperfil.html*/

/*agenda*/
#calendar-container {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

#calendar-header {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-around;
    flex: 1;
    font-size: 1.2em;
    margin-top: 4em;
}
#calendar-header > h1 {
    width: 50%;
    text-align: center;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 5vh;
    font-family: 'quicksand', sans-serif;
    font-size: 1.6em;
}
#calendar-semana {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    margin-top: 0.1em;
    text-align: center;
}

#calendar-semana .a1 {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 7em;
    margin: auto;
    margin-top: 0.2em;
    text-align: left;
    border-bottom-style: solid;
    padding-top: 0.2em;
    border-left: solid;
	border-width: 0.07em;
    border-color: black;
}
#calendar-semana .a4 {
    width: 100%;
    height: 5em;
    margin: auto;
    margin-top: 0.1em;
    text-align: left;
    background-color: #262626;
    border-color: #d4d4d4;
	border-left: solid;
    border-bottom-style: solid;
    padding-top: 0.2em;
    border-width: 0.07em;
}
.jfadu {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: auto;
    margin-top: 0.2em;
    text-align: left;
    padding-top: 0.2em;
    background-color: #5dd4b7;
}
#calendar-semana a4 {
    width: 100%;
    height: 5em;
    margin: auto;
    margin-top: 0.1em;
    text-align: left;
    background-color: #262626;
    border-color: #d4d4d4;
}
#calendar-semana > div.jfadu > p {
    padding-top: 0em;
    padding-bottom: 1em;
}

#calendar-semana > div.jfadu > p {
    color: black;
}
#calendar-semana > div.jfadu > a {
    margin: 0em;
    padding-top: 0.5em;
}
#calendar-container a {
    color: #262626;
    font-size: 1.5em;
}

#calendar-container .a4 a {
    color: #5dd4b7;
    font-size: 1em;
}
#calendar-container p {
    color: skyblue;
    font-size: 1em;
    margin-top: 1em;
    font-family: 'quicksand', sans-serif;
	    MARGIN-LEFT: 1EM;
}
.jfadu p {
    padding: 1em;
}
#logos > a
{
	font-size:1em;
}
/*fin agenda*/

/*indexTp*/
#logoinicio {
    justify-content: center;
    z-index: 0;
    margin: 0;
    padding: 0;
}
.bodyIndex
{
	background: #dce9f7;
}
#logoinicio > img {
    width: 45%;
    text-align: center;
    max-width: 15em;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
}
.bodyIndex video {
    width: 90%;
    text-align: center;
    max-width: 40EM;
    height: 25EM;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.bodyIndex > div.videoresponsive > a:nth-child(2) {
    width: 35%;
    text-align: center;
    max-width: 10EM;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10vh;
    text-decoration: none;
    font-family: quicksand, sans-serif;
    background: #00a8b4;
    color: white;
    padding-top: 0.5em;
    padding-bottom: 0.5EM;
    font-size: 0.9em;
}
/*fin indexTp*/

/*contacto*/
.mainContacto h1 {
	font-family: 'quicksand', sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 3.5em;
    text-align: center;
}
#contactate {
    background-color: #a0d5ea;
    margin: 0 auto;
    width: 80%;
    border-radius: 10px;
    text-align: center;
    margin-top: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
}
#contact_form > div > label {
    font-family: 'quicksand', sans-serif;
}
 .mainContacto {
     MARGIN-LEFT: 0em; 
     margin-right: 0em;
}
#contactate > a {
    padding-left: 0;
    background: #45aad2;
    padding: 0.4em;
text-decoration: none;
    color: white;
    margin-top: 0.6em;
    margin-bottom: 0.8em;
    font-family: 'quicksand', sans-serif;
    font-size: 1em;

	}
	
	#message {
    margin-bottom: 1em;
	}
/*fin contacto*/

/*perfil */
.bodyPerfil > main > a > img {
    width: 10%;
    padding-top: 5em;
}
.bodyPerfil > main > img {
    width: 40%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}
.bodyPerfil h1{
	    font-family: 'quicksand', sans-serif;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.4em;
    padding: 0em;
    line-height: 1.33;
    color: #262626;
    font-size: 1.5em;
    font-weight: bolder;
}
.bodyPerfil > main > p {
    text-align: center;
    font-family: 'quicksand', sans-serif;
    padding: 0px;
    font-weight: bold;
    line-height: 1.33;
    color: #262626;
    font-size: 0.9em;
}
.bodyPerfil > main > article.datospersonales {
    BACKGROUND: #d8e9ef;
    margin-left: 1.5em;
    margin-right: 1.5em;
    text-align: center;
    padding-bottom: 0.2em;
}
.bodyPerfil > main > article > h2 {
    margin: 0px;
    padding: 0px;
    line-height: 1.33;
    color: #05082f;
    font-size: 1em;
    text-align: center;
    margin-top: 1em;
    font-weight: bolder;
    margin-bottom: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: #a0d5ea;
    font-family: 'quicksand', sans-serif;
}
.bodyPerfil > main > article.datosacademicos {
    BACKGROUND: #d8e9ef;
    margin-left: 1.5em;
    margin-right: 1.5em;
    padding-bottom: 0.3em;
    text-align: center;
}
.bodyPerfil > main > article.datospersonales > ul > li , .bodyPerfil > main > article.datosacademicos > ul > li
{
	font-size: 0.8em;
    font-family: 'quicksand', sans-serif;
    font-weight: bold;
    text-align: center;
    margin-top: 0.5em;
    list-style: none;
	    margin: 1em 0em;
}
#botonCerrar {
    margin-left: 0px;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #fff;
    background-color: #508fa2;
    text-align: center;
    font-size: 14px;
    font-family: 'quicksand', sans-serif;
    font-weight: 700;
    height: 25px;
    TEXT-DECORATION: NONE;
    PADDING-TOP: 1em;
    margin-left: 1.7em;
    margin-right: 1.7em;
    padding-bottom: 2em;
    padding-right: 1.5em;
}

/*fin perfil*/

/*mensaje enviado*/
.bodyMensajeEnviado >section> img{
width: 35%;
    text-align: center;
    max-width: 25em;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vh;
    border-width: thick;
	}

.bodyMensajeEnviado  h1	
{	font-family: 'quicksand', sans-serif;
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 1em;
    margin-top: 3.3em;
}
.bodyMensajeEnviado  h2	{
width: 100%;
    max-width: 19em;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: 'quicksand', sans-serif;
    text-align: center;
    background: lightblue;
    margin-top: 2.5em;
    margin-bottom: 2.9em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 0.9em;
    padding-left: 0.2em;
    padding-right: 0.2em;
	}
.bodyMensajeEnviado > a{	
	    width: 35%;
    text-align: center;
    max-width: 10EM;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    font-family: 'quicksand', sans-serif;
    background: #00a8b4;
    color: white;
    FONT-WEIGHT: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5EM;
    font-size: 0.9em;
    padding-left: 0.5em;
    padding-right: 0.5em;
	}
/*fin mensaje enviado*/

.bodyTipo > div.tipo > h2 {
	    margin-top: 4em;
    margin-bottom: 1em;
	font-size: 1.6em;
}

.bodyTipo > div {
    width: 100%;
    text-align: center;
    font-family: quicksand;
    margin: 0px;
	    display: block;
}
.bodyTipo > div > p {
    line-height: 1.5;
    font-size: 0.9em;
    text-align: center;
    margin: auto;
    margin-left: 1.5em;
margin-right: 1.5em;
margin-bottom: 2em;
}
.bodyTipo > div.tipo > ul {
    padding-bottom: 1.1em;
    padding-right: 2em;
}

.bodyTipo > div > ul:nth-child(4) > li > a{
background: #59d0cb;
    color: white;
    font-weight: bold;
    padding: 0.3em;
    margin-left: 2em;
    padding-left: 4em;
    padding-right: 3.5em;
}
.bodyTipo > div > ul:nth-child(5) > li:nth-child(2){
    margin-bottom: 1em;
    
}


.bodyTipo > div > ul:nth-child(5) > li:nth-child(2) > a{
      background: #59d0cb;
    color: white;
    font-weight: bold;
    padding: em;
    
    padding: 0.3em;
   
    padding-left: 3em;
    padding-right: 2em;
    margin-left: 2em;
}
.bodyTipo > div > ul:nth-child(5) > li:nth-child(3) > a{
        background: #59d0cb;
    color: white;
    font-weight: bold;
    padding: 0.3em;
    
    padding-left: 3em;
    padding-right: 2.4em;
    margin-left: 2em;
}

.bodyTipo > div > ul:nth-child(5) > li:nth-child(3){
    margin-bottom: 1em;
}




.bodyTipo > div > ul:nth-child(5) > li:nth-child(4) > a{
   background: #59d0cb;
    color: white;
    font-weight: bold;
    padding: 0.3em;
   
    padding-left: 3me;
    padding-right: 3em;
    padding-left: 3em;
    margin-left: 2em;
}


.bodyTipo > div > ul:nth-child(5) > li:nth-child(4){
    margin-bottom: 1em;
    }
    
.bodyTipo > div > ul:nth-child(5) > li:nth-child(5) > a{
    background: #59d0cb;
    color: white;
    font-weight: bold;
    padding: 0.3em;
    
    padding-left: 0em;
    
    margin-left: 2em;
    padding-left: 3em;
    padding-right: 3em;
}
.bodyTipo  > div > ul:nth-child(3) > li > a {
    background: #59d0cb;
    color: white;
    font-weight: bold;
    padding: 0.3em;
    padding-left: 3em;
    padding-right: 3em;
    margin-left: em;
    margin-left: 2em;
}