/*Perfil*/
header{
    background: #022351;
    width: 100%;
    height: 8em;
    display: flex;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.cabecera{
    max-height: 100vw;
    display: inline;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    /*margin: 0em auto;
    margin-left: 2em;*/
}
#logo img{
    height: 3em;
    display: flex;    
    align-items: center;
    margin: 0em auto;
    margin-left: 8em;
    margin-top: 1em;
    margin-bottom: 1em;
    
    display: flex;
	justify-content: center;
	align-items: center;
	align-content: space-around;
}
body{
    padding-bottom: 3em;
}
.menu{
    /*margin-top: -0.5em;
    margin: 0em auto;*/
    margin: auto;
    text-align: center;

	justify-content: center;
	align-items: center;
	align-content: center;
}
#menu nav ul a li{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.7em;
    font-weight: 200;
    line-height: 3em;
    color: white;
    text-align: center;
    letter-spacing: 0.3em;
    padding-right: -1.5em;
    padding-left: 2em;
    padding: 0.4em;
    margin-left: -1em;
    margin-left: 1em;
    margin-right: 0em;
    border-radius: 20em 20em;
    border: 1px solid #ffffff;
    text-align: center;
    
    display:inline;
    justify-content: center;
    align-items: center;  
}
#menu nav ul a li:hover{
    background-color: #325AA0;
    
    display:inline;
    justify-content: center;
    align-items: center;  
}
.sesion a{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.7em;
    font-weight: 300;
    list-style-type: none;
    color: #022351;
    margin-left: 2em;
    margin-right: 5em;
    margin-bottom: 1em;
}
.sesion a:hover{
    color:darkblue;    
}
.fotos{
    height: 15em;
    width: 98%
    
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
#gif img{
    width: 95%;
    height: 13em;
    margin-top: -1em;
    margin-bottom: 2em;
    margin-left: 0.5em;
    
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
#fotofacu img{
    height: 10em;
    width: auto;
    border-radius: 50%;
    margin-top: -14em;
    margin-bottom: -15em;
    margin-left: 4em;
    
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.fotoschicas{
    margin-left: 7em;
    margin-top:4em;
    
    display:inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
}
#fotoschicas img{
    height: 3em;
    width: auto;
    border-radius: 50%;
    margin-left: 9em;
    margin-top: 1em;
    margin-bottom: 1em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
}
.datospersonales{
    display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center;
}
h1{
   font-family: 'Montserrat', sans-serif;
   font-size: 1.5em;
   width:100%;
   color: white;
   background-color: #24B3AA;
   margin-top: 0em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   font-weight: 300;
   letter-spacing: 0.3em;
}
p, p1{
   font-family: 'Montserrat', sans-serif;
   font-size:0.6em;
   color: grey;
   font-weight: 200; 
   
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
}
h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #7DC6C1;
    font-weight: 100;
    margin-bottom: -0.3em;
}
p2{
    font-family: 'Montserrat', sans-serif;
    font-size:0.8em;
    color: grey;
    font-weight: 200; 
    padding: 0.5em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
}
.datosinfo{
    {
	display: flex;
	align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center;
}
}
.ubicacion{
    display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center;
    }
p3{
   font-family: 'Montserrat', sans-serif;
   font-size: 0.7em;
   color: grey;
   font-weight: 200; 
   line-height: 1.5em;
    margin-bottom: 0,em;
    
    display:flex;
   align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
}
#ubicacion iframe{
    width: 95%;
    height: 95%;
    margin-bottom: 0.5em;;
}
.botonera{
    width: 100vw;
    height: auto;
    position: fixed;
    bottom: 0;
    margin: 0em auto;
    text-align: center;
    margin-left: -1em;
    display:inline;
    flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#botones nav ul a{
    width: 100%;
    padding: 0.5em;
    padding-top: 1.1em;
    padding-bottom: 0.5em;
    margin:0em auto;
    margin-left: 1em;
    background-color: #021B3A;
    border-radius: 50% 50%;
    justify-content:space-around;
    display:inline;
    align-items: center;
}
#botones nav ul a:hover{
    background-color: #2E4475;
    justify-content:space-around;
}
.editar{
    display:flex;
    
    text-align: center;
    margin-top: -6em;
    margin-bottom: 2em;
}
#editar nav ul a li{
    color: #325AA0;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    margin-bottom: -2em;
    margin-top: 3em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
#editar nav ul a li:hover{
    background-color:#023784;
    color: white;
    text-align: center;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;

    text-align: center;
}
a{
    text-decoration: none;
    list-style-type: none;
}
#carreradiseñografico{
    margin-left: 3em;
    width: 30%;
    
}
#trabajoperfil{
    width: 30%;
    margin-left: 13em;
    margin-top: -4.5em;
}

/*Bienvenido*/
#bienvenido{
    display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center;
}
#fotograndefacu img{
    height: 15em;
    width: auto;
    border-radius: 50%;
    margin-left: 0.5em;
    margin-right: 0.5em; 
    margin-top: 2em;
    
    display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;

}
#datosingreso{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    text-align: center;
}
.botonentrar{
    width: 100%;
    text-align: center;
    
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#botonentrar nav ul a{
    margin-bottom: 2em;
    font-family: 'Montserrat', sans-serif;

    font-weight: 200;
    font-size: 1em;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    color: white;
    padding: 0.5em;
    text-align: center;

    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#botonentrar nav ul a:hover{
    background-color: #74B2AF;
}

/*Info*/
.menuinfo{
    margin-top: 3em;
    margin-right: 5em;
    
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#menuinfo nav ul a{
    width
    background-color:white;
    padding: 0.5em;
    padding-top: 4em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 20em 20em; 
    border: 2px solid #80C9C8;
    margin-left: 2em;
    line-height: 5em;
    
    display: inline;
    flex-wrap: wrap;
}
#menuinfo nav ul a:hover{
    background-color:#B1DCDC;
    border: 2px solid white;
}

/*Fadu*/
.lafadu{
    display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center;
}
#textofadu{
    width: 98%;
}
.contenedorfilafadu{
    width: 98%;
    margin-bottom: 1em;
    
    display:block;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    text-align: center;
}
#fadu img{
    width: 94%;
    margin-top: 1em;
    margin-left: 0.5em;
}
#aguantefadu img{
    width: 93.5%;
    margin-left: 0.5em;
    margin-top: 0.4em
}
.contenedorfilafaduin{
    display:block;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    text-align: center;
    
    margin-top: 0.5em;
}
#datosfadu{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    margin-bottom: 2em;

    text-align: center;
}
#cbc{
    margin-left: -10em;
    margin-bottom: -8.7em;
}
#carreras{
    padding-bottom:em;
    margin-left: 10em;
}

/*Transporte*/
.transporte{
    display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center; 
}
.transportevector{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    
    text-align: center; 
}
#comoviajo nav ul a li{
    background-color: #80C9C8;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size:  1em;
    font-weight: 200;
    border-radius: 20em 20em;
    width: 10em;
    height: 3em;
    margin-bottom: -1em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
}
#comoviajo nav ul a li:hover{
    background-color: #74B2AF;
}
#columna1 img{
    margin-left: -10em; 
}
#textocolectivos{
    line-height: 1em;
    margin-left: -10em;
}
#columna2 img{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#transportetrenes img{
    margin-left: 9em;
    margin-top: -12.5em;
}
#textotrenes{
    margin-top: 3em;
    margin-left: 9em;
    line-height: 1em;
}

/*Alojamiento*/
.menualojamiento{
    display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center;
}
#textoalojamiento{
    width: 95%;
    text-align: center;
}
#fotoalojamiento img{
    margin-top: 1em;
    margin-left: -0.5em;
    width: 70%;
    height: 10em;
    border-radius: 2em 2em;
}
.alojamiento{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    
    margin-bottom: -5em;
    text-align: center;
}
#fotosalojamientos img{
    height: 5em;
    width: 5em;
    border-radius: 20em 20em;
    margin-left: -5em;
    margin-top: 0.5em;
    margin-bottom: 2em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.paginasalojamientos{
    margin-top: -23.5em;
    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#paginaalojamientos nav ul a li{
    font-size: 0.6em;
    margin-top: 8.5em;
    padding: 0.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    
    color: #80C9C8;
    border-radius: 20em 20em;
    border: 1px dotted #80C9C8;
    width: 12em;
}
#paginaalojamientos nav ul a li:hover{
    background-color: #80C9C8;
    color:white;
}
.ubicacionalejamientos{
    font-size: 0.7em;
    font-weight: 100;
    margin-top: -25.5em;
    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#ubicacionalejamientos nav ul a li{
    font-size: 0.8em;
    margin-top: 10em;
    margin-bottom: 4em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    
    color:#6DAFAC;
    border-radius: 20em 20em;
    border: 1px dotted #6DAFAC;
    width: 10em;
}
#ubicacionalejamientos nav ul a li:hover{
    color: white;
    background-color: #6DAFAC;
}

/*Chat*/
.chat{
     display:inline;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
    
    text-align: center;
}
.chatgeneral{
    margin-bottom: 2em;
}
#imagenchat img{
    width: 5em;
    border-radius: 50%;
    margin-left: 2em;
}
#infochat{
    margin-top: -2.3em;
    line-height: 1em;
}
#facuiconos img{
    width: 15%;
    padding: 0.5em;
    margin-top: 2em;
    
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around; 
}
.facucharla{
    margin-left: -7em;
    margin-top: -19em;
    line-height: 6.5em;
}
.yochat{
    margin-top: -18em;
}
#yoiconos img{
    width: 15%;
    padding: 0.5em;
    margin-top: 2em;
    margin-left: 19em;
    
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-content: space-around; 
}
.yocharla{
    margin-left: 9em;
    margin-top: -12em;
    line-height: 6.5em;
}
.barrabuscar{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;  
}
#barrabuscar{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;  
    
    margin-top: 5em;
    margin-left: -2em;
    padding: 1em;
    padding-right: 15em;
    border-radius: 20em 20em;
    box-shadow: inset 10px 10px 60px -7px rgba(242,239,242,1);
}
#botonenviar{
    width: 2em;
    height: 2em;
    background-color: #80C9C8;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    margin-left: 25em;
    margin-top: -3em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around; 
}
#botonenviar:hover{
    background-color: #74B2AF;
}

/*Home*/
.cabeceraprincipal{
    display: inline;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 0;
    
}
#menuotro nav ul a li{
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 1em;
    margin-left: -3em;
    color: white;
}
#menuotro nav ul a li:hover{
     background-color: #325AA0;
    padding: 0.5em;
}
#logootro img{
    height: 3em;  
    margin-left: 11em; 
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
}
.contenedorgeneral{
    text-align: center;
   
}
#textoinicio{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    text-align: center;
    width: 98%;   
}
#imageninicio img{
    width: 98%;
    margin-bottom: 1em;
    margin-top: 1em;
    border-radius: 3em 3em;
}
#imagenlogo{
    margin-bottom: 1em;
    margin-top: 1.2em;
    
    
    
  }
#textointro{
    width: 95%;
}
.bloque{
    width: 98%;
}
#textointro{
    width: 98%;
}
.botonesinicio{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-left: -5em;
    
}
#botonesresgistro nav ul a{
    font-family: 'Montserrat', sans-serif;
    width: 25%;
    font-weight: 200;
    font-size: 1em;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    color: white;
    padding: 01em;
    
    display:inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-left: 2em;
}
#botonesresgistro nav ul a:hover{
    background-color: #74B2AF;
}
.video{
    margin-left: 5em;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
   
}
.botonerabloqueada{
    width: 100%;
    height: 4em;
    position: fixed;
    bottom: 0;
    margin: 0em auto;
    text-align: center;
}
#botonesbloqueada nav ul a{
    width: 100%;
    padding: 0.5em;
    padding-top: 1.1em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 1em;
    background-color: darkgrey;
    border-radius: 50% 50%;

    display:inline;
	justify-content: center;
	align-items: center;
	align-content: center;
}


/* Armar perfil*/
.contenedorlegal{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-left: -1em;
    text-align: center;
    width: 98%;   
}
#botoncuestionario nav ul a li{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    line-height: 3em;
    color: white;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    margin-top: 1em;
    padding: 1em;

    
    display:inline;
    justify-content: center;
    align-items: center;  
}
#botoncuestionario nav ul a li:hover{
    background-color: #74B2AF;
}
.fotosarmar{
    height: 15em;
    width: 98%;
    margin-bottom: -6em;

    
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
 
}
#fotofacuarmar img{
    height: 7em;
    width: auto;
    border-radius: 50%;
    margin-top: -6em;
    
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
#editarcuestionario form{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
    text-align: center;
}
#editarcuestionario p3{
    margin-top: 0em;
    width: 19em;
    margin-left: 12em;
    margin-left: 12em;
    text-align: left;
   
}
#llenarcuestionario h2{
    width: 5em;
    margin-left: 2em;
    flex-direction: column;
    text-align: left;
    }
.llenarcuestionariorespuesta input{
    width: 13em;
    margin-top: 2em;
    margin-left: 2em;
    font-family: 'Montserrat', sans-serif;
   font-size:0.8em;
   color: grey;

}

/* Enviar cuestionario*/
.enviarcuestionario{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-left: -1em;
    text-align: center;
    width: 98%;   
}
#enviarcuestionario nav ul a li{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    line-height: 3em;
    color: white;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    margin-top: 1em;
    padding: 1em;

    
    display:inline;
    justify-content: center;
    align-items: center;  
}
#enviarcuestionario nav ul a li:hover{
    background-color: #74B2AF;
}

/*Enviado cuestionario*/
.enviadocuestionario{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-left: -1em;
    text-align: center;
    width: 98%;   
}
#enviadocuestionario nav ul a li{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    line-height: 3em;
    color: white;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    margin-top: 1em;
    padding: 1em;

    
    display:inline;
    justify-content: center;
    align-items: center;  
}
#enviadocuestionario nav ul a li:hover{
    background-color: #74B2AF;
}

/*Perfil terminado*/
.estaterminado{
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    margin-left: -1em;
    text-align: center;
    width: 98%;   
}
#estaterminado nav ul a li{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    line-height: 3em;
    color: white;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    margin-top: 1em;
    padding: 1em;

    
    display:inline;
    justify-content: center;
    align-items: center; 
}
#estaterminado nav ul a li:hover{
   background-color: #74B2AF; 
}

/*Cuestionario*/
.cuestionario form{
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
   }
.contenedordepregunta p2{
    flex-direction: column;
    width: 15em;
    
 }
textarea{
    resize: vertical;
    width: 12.5em;
}
.cuestionario p3{
    margin-top: -0.7em;
}
.contenedorderespuesta input, textarea{
    font-family: 'Montserrat', sans-serif;
   font-size:0.8em;
   color: grey;
    text-align: left;
    flex-direction: column;
    display: flex;
    padding: 0.2em;
    }
.contenedorderespuesta select {
    font-family: 'Montserrat', sans-serif;
   font-size:0.8m;
   color: grey;
    flex-direction: column;
    display: flex;
    width: 12.6em;
    padding: 0.2em;
}
#continuabienvenido{
    display: flex;
    flex-direction: column;
    margin-left: 14em;
    margin-top: -30.8em;
}
.enviarcuestionario{
    margin-top: 1em;
}

/*Cierra sesión*/
.cierredesesion{
    width: 100%;
    height: auto;
    
    display: flex;
    flex-direction: column;
}
#cierredesesion{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    
}
#cierredesesion img{
    width: 50%;

    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    
}
#cierredesesion{
    width: 100%
    margin-left: 5em;
    margin-top: 2em;
    text-align: center;
    
    display: flex;
    flex-direction: column;
}
#iniciarsesiondenuevo{
    text-align: center;
    
    display: flex;
    flex-direction: column;
}
#iniciarsesiondenuevo a{
    width: 40%;
    background-color: #80C9C8;
    text-align: center;
    color: white;
    font-family: 'Montserrat', sans-serif;
    border-radius: 20em 20em;
    padding: 0.5em;
    font-size: 0.8em;
    font-weight: 200;
    margin-left: 10em;
    margin-top: 5em;
    margin-bottom: 1em;
    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#iniciarsesiondenuevo a:hover{
    background-color: #74B2AF;
}

/*Más info*/
h5{
  font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #7DC6C1;
    font-weight: 100;
    margin-bottom: -0.3em;
}
.masinfo{
    display: flex;
    flex-direction: column;
    
    margin-top: 3em;
    margin-left: em;
    line-height: 0.8em;
    text-align: center;
}
#calificaestrellas img{
    width: 40%;
    margin-top: 1em;
}
#contactanos{
    margin-top: 1em;
}
#notificar img{
    width: 3em;
    margin-top: 0.5em;
}
#contacto a{
    color: #7DC6C1;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 100;
    margin-bottom: -0.5em;
    margin-top: 3em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
#contacto a:hover{
    color: #B0DBDB;
}
#sobreunictados a{
    color: #7DC6C1;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 100;
    margin-bottom: 0.5em;
    margin-top: 1em;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
#sobreunictados a:hover{
    color: #B0DBDB;
}

/*Legales*/
#datosingreso{
    width: 95%;
    margin-left: 0.5em;
}
.botoneslegales{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    

    text-align: center;
}
#botoneslegal nav ul a li{
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    color: white;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    margin-top: 1em;
    margin-left: 2em;
    padding: 1em;
    width: 50%
}
#botoneslegal nav ul a li:hover{
    background-color: #74B2AF;
}

/*Index intro*/
.cabeceraintro{
    margin-left: auto;
    margin-right: auto;
}
.entrarhome{
    display: flex;
    flex-direction: column;

    margin-top: 1em;
    margin-bottom: -1em;
}
#entrarhome a{
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    line-height: 3em;
    color: white;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    width: 30%;
    margin: 0em auto;
    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#entrarhome a:hover{
     background-color: #74B2AF;
}
#textoentrar{
    margin-top: 1em;
    margin: 0em
    margin-left: -11em;
    text-align: center;
    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    
    margin: 0em a
}
.videointro iframe{
    width: 98%;
    height: 20em;
    margin-top: 2em;
}
#textointro{
    width: 95%;
    text-align: center;
    margin-top: 1em;
    margin-left: 0.5em;
}
p5{
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size:0.5em;
    font-weight: 200;
    
    display:flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    align-content: space-around;
    margin: auto;
}

    
/*Contacto*/
#formulariodeduda form{
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    width: 100%;
    
}
.pantalladuda {
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-left: 2em;
    width: 10em;
    
}
.responderpantalladuda input{
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0.2em;
    width: 13em;
    margin-top: 0.8em;
    margin-left: 2em;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    color: grey;
}
.responderpantalladuda textarea{
    width: 13em;
    margin-top: 1em;
    margin-left: 2em;
     display: flex;
    flex-direction: column;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    color: grey;
} 
#textocontactanos{
    text-align: center;
}
.enviarconsultadeduda{
     width: 100%;
    text-align: center;
    
   display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#enviarduda a{
    margin-bottom: 2em;
    font-family: 'Montserrat', sans-serif;

    font-weight: 200;
    font-size: 1em;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    color: white;
    padding: 0.5em;
    text-align: center;

    
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#enviardudae a:hover{
     background-color: #74B2AF;
}
.enviarconsultadeduda{
    margin:0;
   
    text-align: center;
    
}

/*contacto*/

/*Mensaje enviado*/
.mensajeneviadocorrectamente{
    width: 100%;
    height: auto;
    text-align: center;
    
    display: flex;
    flex-direction: column;
}
#imagenmensaje img{
    width: 30%;
    margin-left: em;
    margin-top: 2em;
}
#cierredesesion{
    width: 100%
    margin-left: 5em;
    margin-top: 2em;
    text-align: center;
    
    display: flex;
    flex-direction: column;
}

/* USUARIOS */
.titulo-usuarios{
    width: 100%;
    display: flex;
    background: #57b3a9;
    text-align: center;
    margin: auto;
    justify-content: center;
    
    }
.titulo-usuarios div{
    width: 95%;
    list-style: none;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    color: #ffffff;
    flex-wrap:nowrap;
    }
.titulo-usuarios div div a :hover{
    color:  white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-align: center;
      }
.usuarios {
    width: 100vw;
    height: auto;
    margin: auto;
    list-style: none;
    display: flex;
    flex-direction:column;
    justify-content: center;
     background: #ffffff;
    }
.rec-usuarios ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items:center;
    margin: 4px;
    padding-right:0px;
    padding-left: 0px;
    margin: 10px;
   
    }
.rec-usuarios ul li h2{
    
   justify-content:flex-start;
   margin-right: 10px;
    text-align: left;
   
    }
.avatar-usuarios {
    flex-wrap: wrap;
    margin-top: 40px;
    margin-left: 10px;
    width: 70px;
    height: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
    align-items: center;

    }
.info{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items:center;
	align-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    color: white;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    margin-top:1em;
    margin-left: 0em;
    padding: 1em;
    width: 50%; 
}


/* más páginas*/
.num-paginas{
  
width: 100vw;
    height: auto;
    margin: auto;
    list-style: none;
    display: flex;
    flex-direction:column;
    justify-content: center;
     background: #ffffff;
}
.num-paginas ul {
    vertical-align: middle;
     margin-left: auto;
  margin-right: auto;
   text-align: center;
    color: #fffff8;
    background-color: #80C9C8;
    border-radius: 50em 50em;
    text-align: center;
    padding: 0.5em;
   

}
.num-paginas ul li {
    list-style: none;
    display:inline-flex;
    flex-wrap: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    vertical-align: middle;

}
.num-paginas ul li a{
    list-style: none;
    display:inline-flex;
    color: #fffff8;
    flex-wrap: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    vertical-align: middle;

}

/* termina más páginas*/
/* PAISES*/
.paises {
    margin-top: 10px;
    padding: 2vw;
    width: 100%;
    display: inline-flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
}
.avatar-pais {
    flex-wrap: wrap;
    margin:10px;
    width: 60px;
    height: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
    
    }

/*  CARRERAS  */
.div-carreras{
    margin-top: 10px;
    
    }
.info-carreras{
    color: #fffff8;
    margin: 0em;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content:space-around;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    background-color: #80C9C8;
    border-radius: 20em 20em;
    text-align: center;
    margin-top: 10px;
    padding: 1em;
      background-size: 100% auto;
}
.info-carreras a:hover{
    color: #ffffff;
    background: #50C9C8;

}

/*Pantalla pc*/
 @media all (max-width: 700px){ 
    header{
        height: 9em;
    }
    .cabecera{
        margin-left: 29em;
    }
    #logo img{
        width: 5em;
        height: auto;
        margin-left: em;
    }
     #gif img{
         width: 35%;
         height: 20em;
     }
     h1{
         width: 61.6%;
         margin-left: 19em;
         margin-top: -13.8em;
     }
     p{
         margin-left: -7em;
         margin-top: 4em;
     }
     p, p1, p2, p3{
         font-size: 0.8em;
         line-height: 1.5em;
     }
     #fotofacu img{
         height: 18em;
         width: auto;
         margin-top: -21em;
         margin-left: 5em;
        
     }
     .fotoschicas{
         margin-left: 1.5em;
         margin-top: 2em;
     }
     #fotoschicas img{
         width: 4em;
         height: auto;
         margin-left: 3em;
         margin-top: 15em;
         display: inline-flex;
     }
     #carreradiseñografico{
         margin-left: 39em;
         margin-top: -7.7em;
     }
     #trabajoperfil{
          margin-left: 55em;
         margin-top: -6.5em;
     }
     h4{
         margin-left: 23em;
         margin-top: 5em;
         margin-bottom: -1.5em;
     }
     p3{
         margin-left: 28em;
         margin-top: 2em;
     }
     #ubicacion iframe{
         width: 60.5%;
         margin-left: 27em;
     }
     .botonera{
         width: auto;
         height: 100vw;
}
     #botones{
         margin-left: -6em;
     }
     #botones nav ul a{
         margin-left: 10em;
     }
     .editar{
         margin-top: 1em;
     }