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

*{margin: 0; padding: 0}

/* index */

.index0 {background-color: #5dbdb8;}
.logo0 {width: 20%; height: auto; margin-top: 15%; margin-left: 40%;}

/* registro */

.logo1 {max-width: 200px;margin-top: 8%; margin-left: 44.9%;}
.iniciarsesion {font-family: roboto; font-weight: 700; font-size: 0.9rem; text-align: center; margin-top: 1%;}
.face {max-height: 12px;}
.ingresar {background-color:#f8b133; font-family: roboto;font-size: 1rem; font-weight: 700; color: white; text-align: center; padding: 0.5%; margin: auto; margin-top: 1%; max-width: 10rem; border-radius: 25px;}
.index3 {text-decoration: none;}
.mini {text-align: center; font-family: lato; font-size: 0.9rem; font-weight: 400; margin-top: 3%;}
.formulario {text-align: center;margin-top: 2%;}
.nombreregistro {font-family: lato; font-size: 1rem; font-weight: 700;}
.campo {background-color: #ececec; border-radius: 30px; height: 25px; margin-top: 0.5%; width: 10rem;}
.btn {font-family: Lato; font-size: 1.3rem; font-weight: 700; background-color: transparent; border-bottom: none; padding: 10px; border: none;}

/* noticias */

.redes img {margin-top: 10%;}
.redes p {font-family: lato; font-weight: 400; color: #5dbdb8;}

.headertop {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
    
}

.navegadorh {background-color: #5dbdb8; height: 3rem;margin-top: 2%; }
.navegadorh ul li {list-style-type: none; display: inline-block;padding:0 30px;}
.naveg {display: flex; flex-direction: row; margin-right: 12%;}
.icon img {max-height: 25px; margin-top: 35%;}
hr {max-height: 35px; color: white; margin-top: 3%;}
.titulospagina {display: none;}
.logopagina {display: none;}
.logoheader {margin-top: 0.5%;}
.logouba {margin-top: 0.5%;}
.redes {margin-top: 1%;}
.titulos {font-family: Raleway; font-weight: 500; font-size: 2rem; color: #ec695c; margin-left: 12%; margin-top: 2%; margin-bottom: 1%;}
.iconosnoticias {
	color: #000000; font-family: lato; font-weight: 700; text-align: left; font-size: 0.9rem; 
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
    margin-top: 3%;
}
.noticiasfadu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
    
    margin-left: 12.2%;
}
.parrafo {padding: 5%; margin-right: 10%;}
.titulos2 {font-family: Lato; font-size: 1.5rem; font-weight: 700; color: #5fbeb8; margin-bottom: 2%;}
.fechas {font-family: Lato; font-size: 1rem; font-weight: 700; margin-top: 2%;}
.info {font-family: Lato; font-size: 1rem; font-weight: 400;}

 .filasfooter {display:none;}

/* perfil */

.flexperfil {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
    
    font-family: Lato; font-size: 0.6; font-weight: 400; margin-bottom: 5%; max-width: 85rem; margin-left: 12%; margin-top: 5%;
}


.datosperfil {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
    
    font-family: Lato; font-size: 0.6; font-weight: 400; margin-bottom: 8%;
}
.datosperfil article {margin-right: 15%;}

.infoperfil {}

.nombre {color: #ec695c; font-family: Lato; font-weight: 700; font-size: 1.5rem; margin-bottom: 0.5%;}
.carrera {color: #5dbdb8; font-family: Lato; font-weight: 400; font-size: 1rem; margin-bottom: 10%;}


.menudesplegable select {border: none;
   font-size: 16px;
   height: 34px;
    width: 268px; font-family: Roboto; font-size: 1rem;}


.barrita {border: 1px solid #fbc579; margin-bottom: 5%; margin-top: 5%;}
.acordeontexto {color: #000;}






#accordion { list-style: none; padding: 0 0 0 0; width: 250px;  } 
#accordion div { display: block; background-color: transparent; font-weight: 700; margin: 1px; cursor: pointer; padding: 5 5 5 7px; 
    list-style: circle; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;font-family: Roboto; color: #fbc579; } 

#accordion ul { list-style: none; padding: 0 0 0 0;} 

#accordion ul{ display: none; } 
#accordion ul li { font-weight: normal; cursor: auto; background-color: #fff; padding: 0 0 0 7px;  } 
#accordion a { text-decoration: none; } 
#accordion a:hover { text-decoration: underline; }


/* chat */

#search {

}


#search input[type="text"] {margin-left: 12%;
    background: #fff; 
    border: 0 none; 
    font-family: Lato; font-size: 1rem;
    color: #ffffff;
    width:80rem;
    padding: 15px;
    border-radius: 30px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    transition: all 0.4s ease 0s;
    }
#search placeholder {margin-left: 10%;}

#search input[type="text"]:focus {
   
    color: #6a6f75;
    width: 200px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    }

.personaschat {margin-left: 12%; margin-top: 2%; margin-bottom: 2%; display: flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;}

.fotoschat {border: 4px solid; border-radius: 55px; border-color: #fbc579;}
.textochat {margin-left: 3%; margin-top: 0.1%;}
.nombreschat {font-family: Lato; font-size: 1.5rem;font-weight: 700;}
.carreraschat {font-family: Lato; font-size: 1rem;}
.descripcionchat {color: #5dbdb8; font-family: Lato; font-size: 0.7rem; margin-top: 5%;}
.flechachat {margin-left: 39.95rem;}
.flechachat2 {margin-left: 39rem;}
.flechachat3 {margin-left: 42.3rem;}
.flechachat4 {margin-left: 42rem;}
.barrita2 {border: 1px solid #fbc579; margin-bottom: 1%; margin-top: 1%; max-width: 82rem; margin-left: 12%;}
.entrarchat {text-decoration: none;}

/* conversacion */

#search2 {

}


#search2 input[type="text"] {margin-left: 12%;
    background: #fff; 
    border: 0 none; 
    font-family: Lato; font-size: 1rem;
    color: #ffffff;
    width:22rem;
    padding: 15px;
    border-radius: 30px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    transition: all 0.4s ease 0s;
    }
#search2 placeholder {margin-left: 10%;}

#search2 input[type="text"]:focus {
   
    color: #6a6f75;
    width: 200px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    }

.personaschat2 {margin-left: 12.5%; margin-top: 5%; margin-bottom: 2%; display: flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;}

.fotoschat2 {border: 4px solid; border-radius: 55px; border-color: #fbc579; max-height: 50px;}
.textochat2 {margin-left: 2%; margin-top: 0.1%;}
.nombreschat2 {font-family: Lato; font-size: 1.2rem;font-weight: 700;}
.carreraschat2 {font-family: Lato; font-size: 0.8rem;}
.descripcionchat2 {color: #5dbdb8; font-family: Lato; font-size: 0.6rem; margin-top: 5%;}
.flechachat02 {margin-left: 3.2rem; margin-top: 5%;}
.flechachat202 {margin-left: 2rem; margin-top: 5%;}
.flechachat302 {margin-left: 5.2rem; margin-top: 5%;}
.flechachat402 {margin-left: 4.9rem;margin-top: 5%;}
.barrita202 {border: 0.75px solid #fbc579; margin-bottom: 1%; margin-top: 1%; max-width: 27rem; margin-left: 12%;}

.todoelchat {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch; max-width: 150rem; margin-left: 10%; margin-top: 1%;
}
.listadodepersonas {margin-right: 15%;}
.globosdetexto {margin-left: 15%;
}

#search3 input[type="text"] {margin-left: 0;
    background: #fff; 
    border: 0 none; 
    font-family: Lato; font-size: 1rem;
    color: #ffffff;
    width:35rem;
    padding: 15px;
    border-radius: 30px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    transition: all 0.4s ease 0s;
    }
#search3 placeholder {margin-left: 10%;}

#search3 input[type="text"]:focus {
   
    color: #6a6f75;
    width: 200px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    }

.globosapp {display: none;}
.titulospagina2 {display: none;}


/* Inscripción */

.acheuno {text-align: center; color: #5dbdb8;font-family: roboto; font-weight: 700;font-size: 1.5rem;margin-bottom: 2%; margin-top: 6%;}
.niveles {text-align: center;background-color: #ffffff; margin-left: 15%; max-height: 5rem; padding-top: 1%; padding-bottom: 1%;margin-top: 3%; margin-bottom: 3%;}
.niveles h2 {color: #000000; font-family: Lato; font-weight: 900;font-size: 3rem;margin-bottom: 1%;margin-top: 0.5%;}
.niveles p {color: #000000; font-family: Lato; font-weight: 700;font-size: 1.5rem; border-style: solid; border-width: 1px; padding-bottom: 1rem; padding-top: 1rem; padding-left: 2rem; padding-right: 2rem; margin-top: 15%;
    }
.niveles a{text-decoration: none;}
.principalinscripcion {margin-bottom: 12%;}
.niveles h2:hover { 
    color: #ec695c;
}
.nivelesalineados {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch; margin-left: auto; margin-right: auto; max-width: 50rem; margin-top: 5%;
}
.titulospagina3{display: none;}

/* Materias */

.palabra {text-align: center; color: #ec695c;font-family: roboto; font-weight: 700;font-size: 1rem;margin-bottom: 7%; margin-top: 1%;}
.principalinscripcion {margin-left: auto; margin-right: auto; max-width: 20rem;}
.anu{text-align: center; color: #5dbdb8;font-family: roboto; font-weight: 400;font-size: 1.2rem;margin-bottom: 10%; }
.anuales {border: 1px solid; color: #000; margin-bottom: 5%; padding: 2rem;}
.materiasanuales {text-align: center; color: #000;font-family: roboto; font-weight: 400;font-size: 1rem;margin-bottom: 4%; margin-top: 4%; }
.rayamaterias {max-width: 15rem; margin-left: auto; margin-right: auto; border: 0.5px solid #fbc579;}
.titulospagina4 {display: none;}
.materiasdg {text-decoration: none; color: #000;}
.materiasdg:hover {background-color: #fbc579; color: #ec695c; }


/* dg */

.titulospagina5 {display: none;}
.principalinscripcion {margin-left: auto; margin-right: auto; max-width: 30rem;}
.descripcionmateriashorizontal2 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.descripcionmateriashorizontal {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.iconosdg {
	color: #000000; font-family: lato; font-weight: 700; text-align: left; font-size: 0.8rem; 
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
    margin-top: 7%;
    max-width: 20rem;
    margin-left: 10%;
}

.catedrasdg {border: 1px solid #000; padding: 1.5rem; margin-top: 5%;}
.gabrieletitulo {color: #ec695c; font-family: Lato; font-size: 1.5rem; font-weight: 700; margin-left: 5%;}
.botonmat {color: #5dbdb8; font-family: Lato; font-size: 1rem;  padding: 1 rem; text-align: center; text-decoration: none; margin: 5%;}
.gabriele {margin-right: 10%;}
.contenedorboton {border: 1px solid #5dbdb8; padding: 0.5rem; margin-top: 10%; width: 70px; height: 25px;}


/* catedragabriele */

.slideimg {width: auto;}
#exampleSlider {overflow: hidden; list-style: none; width: 560px; height: 250px; margin-left: auto; margin-right: auto; margin-top: 3%;}
.titulospagina6 {display: none;}
.titulosgabriele {color: #ec695c; font-family: Lato; font-weight: 700; text-align: center; margin-top: 5%; margin-bottom: 3%;}
.horariosgabriele {font-family: Lato; color: #000; font-weight: 400; text-align:center;}
.textosgabriele {font-family: Lato; color: #000; font-weight: 400; text-align:center;}
.rayagabriele {border:  1px solid #ec695c; text-align: center;}
.redesgabriele {color: #5dbdb8; font-family: Lato; font-weight: 700; text-align: center; margin-top: 5%; margin-bottom: 10%;}
.redesgab {margin-top: 5%; width: 200px;}
.botoninscripcion {background-color: #fbc579; padding: 1.1rem; text-align: center; border-radius: 15px; text-decoration: none; font-family: Roboto; font-weight: 700; color: #ec695c;}
.espaciogabriele {margin-top: 10%; text-align: center; }
.titulosgabriele8 {color: #ec695c; font-family: Lato; font-weight: 700; text-align: center; margin-top: 5%; margin-bottom: 3%;}

/* comprobante */
.titulospagina7 {display:none;}
.comprobantesiu {margin-left: 41.2%; margin-right: 50%;}
.botoneracomprobante {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center; max-width: 400px; margin: auto; margin-top: 3%;
}
.botoncomprobante {background-color: #fbc579; padding: 1.1rem; text-align: center; border-radius: 15px; text-decoration: none; font-family: Roboto; font-weight: 700; color: #ec695c;}
.acheuno2 {margin-top: 2%;text-align: center; color: #5dbdb8;font-family: roboto; font-weight: 700;font-size: 1.5rem;margin-bottom: 2%;}

/* historial académico */

.titulospagina8 {display: none;}
.porcentajes {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center; margin-top: 3%; max-width: 50rem; margin: auto;
}
.columnasaprobados {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch; margin-top: 3%;max-width: 50rem; margin: auto; margin-top: 5%;
}

.titulosporcentajes1 {font-family: Lato; font-weight: 900; color: #fbc579;}
.titulosporcentajes2 {font-family: Lato; font-weight: 900; color: #5dbdb8;}
.titulosporcentajes3 {font-family: Lato; font-weight: 900; color: #ec695c;}
.añoporcent {font-family: Lato; font-weight: 400;}
.examenesaprobados {font-family: Lato; font-weight: 700; color: #ec695c; margin-bottom: 7%;}
.materiasexamenesaprobados {font-family: Lato; font-weight: 400; text-decoration: none;}
.catedraexamenesaprobados {font-family: Lato; font-weight: 400; text-decoration: none; font-size: 0.8rem; color: #5dbdb8; margin-bottom: 2%;}


/* agenda */

.titulospagina9 {display: none;}
.calendario {background: #fbc579; padding-left: 41.4%; padding-right: 41.35%; padding-top: 3%; padding-bottom: 3%;margin: auto;}
.columnascalendario {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center; padding-top: 2%; max-width: 70rem; margin: auto;
}
.columnasinternascalendario {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
}

.diacalendario {font-family: Raleway; font-weight: 700; color: #000; font-size: 1.3rem;}
.infodiacalendario {font-family: Raleway; font-weight: 400; color: #000; font-size: 1.1rem;}
.lugardiacalendario {font-family: Raleway; font-weight: 400; color: #5dbdb8; font-size: 1.1rem; margin-bottom: 2%;}
.restotextocalendario {font-family: Lato; font-weight: 400;}
.textocalendario {font-family: Lato; font-weight: 400; margin-left: 4%; }
.barritavertical {height: 5.6rem;}


/* Consultas */
.titulospagina9 {display: none;}
.barrita5 {border: 1px solid #fbc579; margin-bottom: 5%; margin-top: 6%; width: 15.5rem;}
.columnasconsultas {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center; margin-top: 2%; max-width: 60rem; margin-left: auto; margin-right: auto; 
}
.acheuno3 {margin-top: 3%;text-align: center; color: #5dbdb8;font-family: roboto; font-weight: 700;font-size: 1.5rem;margin-bottom: 2%;}
.titulosconsultas {font-family: Lato; font-weight: 700; color: #000; font-size: 1.3rem;margin-bottom: 5%;}
.materiasconsultasdiv {margin-bottom: 5%;}
.materiasconsultas {font-family: Lato; font-weight: 400; color: #000; font-size: 1.1rem;}
.materiasconsultas2 {font-family: Lato; font-weight: 400; color: #5dbdb8; font-size: 0.9rem;margin-bottom: 5%;}

.materiasbajas {font-family: Lato; font-weight: 400; color: #ec695c; font-size: 1.1rem;}
.materiasbajas2 {font-family: Lato; font-weight: 400; color: #5dbdb8; font-size: 0.9rem;margin-bottom: 5%;}
.materiasconsultasdiv a:hover {background-color: lightgrey}
.materiasconsultasdiv a{text-decoration: none;}
.consultinterno2 {display: none}
    .divisor {display: none;} 

/* baja materias */

.titulobajamaterias {color: #ec695c;text-align: center; font-family: Raleway; font-weight: 700;font-size: 1.2rem;margin-bottom: 2%; }
.acordeonbajamaterias {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;margin-bottom: 10%; 
}
.titulo2bajamaterias {color: #ec695c;text-align: left; font-family: Raleway; font-weight: 700;font-size: 1.2rem; margin-bottom: 10%;}


.textobajamaterias {text-align: left; font-family: Lato; font-weight: 400;font-size: 1rem; margin-bottom: 2%; }
#accordion2 { list-style: none; padding: 0 0 0 0; width: 15rem; margin-left: auto; margin-right: auto; margin-bottom: 5%;  } 
#accordion2 div { display: block; background-color: transparent; font-weight: 700; margin: 1px; cursor: pointer; padding: 5 5 5 7px; 
    list-style: circle; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;font-family: Roboto; color: #000; } 

#accordion2 ul { list-style: none; padding: 0 0 0 0; text-align: center;} 

#accordion2 ul{ display: none; } 
#accordion2 ul li { font-weight: normal; cursor: auto; background-color: #fff; padding: 0 0 0 7px;  } 
#accordion2 a { text-decoration: none; } 
#accordion2 a:hover { text-decoration: underline; }
.mate {margin-left: 10%;}
.barritalate {height: 5rem;}
.textosbaja {text-align: center; font-family: Lato; font-weight: 400;font-size: 1rem; margin-bottom: 2%; text-decoration: none; color: #000;margin-top: 10%;}
.textosbaja:hover {background-color: #fbc579; padding: 0.5rem; border-radius: 5px; color: #ec695c; text-decoration: none;}
.barrita6 {border: 1px solid #fbc579; margin-bottom: 5%; margin-top: 6%; width: 15.5rem;}






/* hamburguesa */


.hamburger{
	position:absolute;
  background-color:transparent;
	left:11%;
	top:15%;
	height:30px;
	width:30px;
	padding:20px 20px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	z-index:1002;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.hamburger.is-active{
  background-color:none;
}
._layer{
	background:#ffffff;
	margin-bottom:4px;
	border-radius:2px;
	width:28px;
	height:4px;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
}
.hamburger:hover .-top{
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}
.hamburger:hover .-bottom{
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	}
.hamburger.is-active .-top{
	-webkit-transform:translateY(200%) rotate(45deg) !important;
	-ms-transform:translateY(200%) rotate(45deg) !important;
	transform:translateY(200%) rotate(45deg) !important;
}
.hamburger.is-active .-mid{
	opacity:0;
}
.hamburger.is-active .-bottom{
	-webkit-transform:translateY(-200%) rotate(135deg) !important;
	-ms-transform:translateY(-200%) rotate(135deg) !important;
	transform:translateY(-200%) rotate(135deg) !important;
}

.menuppal.is_active{
  transform: translate3d(0px, 0px, 0px);
}
.menuppal{
   background-color: rgba(255, 255, 255, 0.95);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
    width: 100%;
    z-index: 1001;
}
.menuppal ul{
  margin:0;padding:0; margin-top: 17%;
}
.menuppal ul li { 
  list-style: none;
	text-align:left;
	font-family: Lato;
	color:$nav-color-text;
	font-size:1rem;
	line-height:3em;
	height:3em;
  color:#000000;
	text-transform:none;
	font-weight:300;
    margin-left: 12.5%;
    }
.menuppal ul li a{
  text-decoration:none;
  color:#000000;
    
}
.menuppal ul li a:hover{
  text-decoration:none;
  color:#fbc579;
    
}
.iconhambu {max-height: 1.5rem; margin-right: 1%;}
    .barrahambu {
    display: block;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 12.5%;
    border-style: inset;
    border-width: 0.5px;
        max-width: 250px;
        border-color: #fbc579; }
















/* Para mobile */

@media screen and (max-width:375px) {
    
    /*index */
    .logo0 {width: 50%;margin-left: 25%; margin-top: 55%;}

    /* registro */

.logo1 {max-width: 10rem;margin-top: 28%; margin-left: 25%;}
.iniciarsesion {font-family: roboto; font-weight: 700; font-size: 0.9rem; text-align: center; margin-top: 1%;}
.face {max-height: 12px;}
.ingresar {background-color:#f8b133; font-family: roboto;font-size: 1rem; font-weight: 700; color: white; text-align: center; padding: 0.5%; margin: auto; margin-top: 1%; max-width: 10rem; border-radius: 25px;}
.index3 {text-decoration: none;}
.mini {text-align: center; font-family: lato; font-size: 0.9rem; font-weight: 400; margin-top: 3%;}
.formulario {text-align: center;margin-top: 10%;}
.nombreregistro {font-family: lato; font-size: 1rem; font-weight: 700;}
.campo {background-color: #ececec; border-radius: 30px; height: 25px; margin-top: 0.5%; width: 10rem;}
.btn {font-family: Lato; font-size: 1.3rem; font-weight: 700; background-color: transparent; border-bottom: none; padding: 10px; border: none;}
    
    /* noticias */
    .redes img {display: none;}
.redes p {display: none;}

.headertop {display: none;
}

.navegadorh {background-color: #5dbdb8; height: 3rem; margin-top: 0;}
.navegadorh ul li {list-style-type: none; display: inline-block;padding:0 30px;}
.naveg {display: flex; flex-direction: row; margin-right: 12%;}
.icon img {display: none}
hr {display: none;}
    .logoheader img {}
    
    .logouba img {display: none;}
    .titulospagina {display: inherit; position: absolute; margin-top: 4.5%; margin-left: 43%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
    .logopagina {display: inherit; position: absolute; margin-top: 2.5%; margin-left: 83%; max-height: 30px;}
.titulos {font-family: Raleway; font-weight: 500; font-size: 1rem; color: #ec695c; margin-left: 7%; margin-top: 7%; margin-bottom: 1%; }
    main {margin-left: auto;
    margin-right: auto;
    max-width: 30rem;}
    
    .imagenesnoticias {max-width:290px;}
.iconosnoticias {
	color: #000000; font-family: lato; font-weight: 700; text-align: left; font-size: 0.8rem; 
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
    margin-top: 7%;
}
    .noticiasfadu {display: block; margin: 7%;}

.titulos2 {font-family: Lato; font-size: 1.5rem; font-weight: 700; color: #5fbeb8; margin-bottom: 5%;}
.fechas {font-family: Lato; font-size: 1rem; font-weight: 700; margin-top: 5%;}
.info {font-family: Lato; font-size: 1rem; font-weight: 400;}
    
   .filasfooter {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
        font-family: roboto; font-size: 0.6rem; background-color: #ececec; padding: 1rem; 
       
        position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}
    a {text-decoration: none; color: #000000}
    
    .botonesfooter {text-align: center;}

    
  /* index 4 */

    .fotoperfil {max-height: 150px; margin-top: 7%;}
.flexperfil {	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
 
    font-family: Lato; font-size: 0.9rem; font-weight: 400; text-align: center; max-width: 15rem;margin: auto;
}


.datosperfil {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
    
    font-family: Lato; font-size: 0.6; font-weight: 400; margin-bottom: 20%; max-width: 7rem; text-align: center; margin: auto; 
}
.datosperfil article {margin-right: 15%;}

.infoperfil {text-align: center;}

.nombre {color: #ec695c; font-family: Lato; font-weight: 700; font-size: 1.2rem; margin-bottom: 0.5%; margin-top: 5%;}
.carrera {color: #5dbdb8; font-family: Lato; font-weight: 400; font-size: 1rem; margin-bottom: 10%;}


.barrita {border: 0.5px solid #fbc579; margin-bottom: 3%; margin-top: 3%; display: block;}

#accordion { list-style: none; padding: 0 0 0 0; width: 250px; margin-top: 8%; } 
#accordion div { display: block; background-color: transparent; font-weight: 700; margin: 1px; cursor: pointer; padding: 5 5 5 7px; 
    list-style: circle; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;font-family: Roboto; color: #fbc579; } 

#accordion ul { list-style: none; padding: 0 0 0 0;} 

#accordion ul{ display: none; } 
#accordion ul li { font-weight: normal; cursor: auto; background-color: #fff; padding: 0 0 0 7px;  } 
#accordion a { text-decoration: none; } 
#accordion a:hover { text-decoration: underline; } 
    
    /* index5 */

#search {

}


#search input[type="text"] {margin-left: 5%;
 font-size: 0.7rem; margin-top: 15%; margin-bottom: 7%;
       width:15.2rem;
    padding: 10px;
    border-radius: 30px;
 }
      
    
    
    #search {

}

    .chatprincipal {margin-left: auto;
    margin-right: auto;
    width: 18em}
.personaschat {margin-left: 5%; margin-top: 5%; display: flex; 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;}

.fotoschat {border: 4px solid; border-radius: 55px; border-color: #fbc579; max-height: 45px;}
.textochat {margin-left: 5%; margin-top: 0.1%;}
.nombreschat {font-family: Lato; font-size: 1rem;font-weight: 700;}
.carreraschat {font-family: Lato; font-size: 0.8rem;}
.descripcionchat {color: #5dbdb8; font-family: Lato; font-size: 0.7rem; margin-top: 3%;}
.flechachat {margin-left: 4rem; margin-top: 6%;}
    .flechachat img {height: 15px; width: auto;}
.flechachat2 {margin-left: 3.2rem; margin-top: 6%;}
    .flechachat2 img {height: 15px; width: auto;}
.flechachat3 {margin-left: 5.4rem; margin-top: 6%;}
    .flechachat3 img {height: 15px; width: auto;}
.flechachat4 {margin-left: 5.1rem; margin-top: 6%;}
    .flechachat4 img {height: 15px; width: auto;}
.barrita2 {border: 0.5px solid #fbc579; max-width: 16rem; margin-left: 5%; display: block;}
    .titulos {display: none;}

    
   /* index6 */

#search2 {

}


#search2 input[type="text"] {display: none
    }



.personaschat2 {display: none;}
.todoelchat {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch; margin-left: auto; margin-right: auto; max-width: 25rem;  margin-top: 6%; 
}

.globosdetexto {margin-left: auto; margin-right: auto; 
}
    .globosdetexto .globos {display: none;}

#search3 input[type="text"] {margin-left: 0;
    background: #fff; 
    border: 0 none; 
    font-family: Lato; font-size: 1rem;
    color: #ffffff;
    width:17rem;
    padding: 20px;
    border-radius: 30px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    transition: all 0.4s ease 0s;
    }
#search3 placeholder {margin-left: 10%;}

#search3 input[type="text"]:focus {
   
    color: #6a6f75;
    width: 200px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    }
    
    .globosapp {display: block; width: 300px; height: auto; margin-bottom: 3%;}
 
    .titulospagina2 {margin-left: 30%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}   
    
 
    
    /* Inscripción */

.acheuno {display: none;}
.niveles {text-align: center;background-color: #ffffff; margin: 15%; padding-top: 1%; padding-bottom: 1%;margin-top: 10%; margin-bottom: 5%;}
.niveles h2 {color: #000000; font-family: Lato; font-weight: 900;font-size: 2rem;margin-bottom: 1%;margin-top: 0.5%; }
.niveles p {color: #000000; font-family: Lato; font-weight: 700;font-size: 0.9rem; border-style: solid; border-width: 1px; padding-bottom: 1rem; padding-top: 1rem; padding-left: 2rem; padding-right: 2rem; margin-top: 10%;
   }
.niveles a{text-decoration: none; }
.principalinscripcion {margin-bottom: 12%;}
.nivelesalineados 
	{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch; margin-top: 9%; margin-left: auto; margin-right: auto; max-width: 70rem;
}
    
    
.titulospagina3 {text-align: center; margin-left: 35%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
    
    
    /* Materias */

.titulospagina4 {text-align: center; margin-left: 39%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
    .palabra {display: none;}   
 .niveles h2:hover { 
    color: #ec695c;
}   
    
   
.principalinscripcion {margin-left: auto; margin-right: auto; max-width: 15rem;}
.anu{text-align: center; color: #5dbdb8;font-family: roboto; font-weight: 400;font-size: 1.2rem;margin-bottom: 10%; }
.anuales {margin-bottom: 5%; padding: 2rem;
 -webkit-box-shadow: 5px 5px 0px 0px rgba(189,189,189,1);
-moz-box-shadow: 5px 5px 0px 0px rgba(189,189,189,1);
box-shadow: 5px 5px 0px 0px rgba(189,189,189,1);}
.materiasanuales {text-align: center; color: #000;font-family: roboto; font-weight: 400;font-size: 1rem;margin-bottom: 4%; margin-top: 4%; text-decoration: none; }
.rayamaterias {max-width: 15rem; margin-left: auto; margin-right: auto; border: 1px solid #fbc579;}
    .anualestodo {margin-top: 25%;}
    .materiasdg {text-decoration: none; color: #000;}
    
  
/* dg */

.titulospagina5 {text-align: center; margin-left: 32%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
.principalinscripcion {margin-left: auto; margin-right: auto; max-width: 17rem;}
.descripcionmateriashorizontal2 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.descripcionmateriashorizontal {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

.iconosdg {
	color: #000000; font-family: lato; font-weight: 700; text-align: left; font-size: 0.8rem; 
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
    margin-top: 7%;
    max-width: 20rem;
    
}

.catedrasdg {border: 1px solid #000; padding: 1.5rem; margin-top: 5%;}
.gabrieletitulo {color: #ec695c; font-family: Lato; font-size: 1.2rem; font-weight: 700; margin-left: 5%;}
.botonmat {color: #5dbdb8; font-family: Lato; font-size: 1rem;  padding: 1 rem; text-align: center; text-decoration: none; margin: 5%;}
.gabriele {margin-right: 10%; max-width: 130px;}
.contenedorboton {border: 1px solid #5dbdb8; padding: 0.1rem; margin-top: 10%; width: 70px; height: 25px;}    
    
    
    
    
/* catedragabriele */

.slideimg {width: auto;}
#exampleSlider {overflow: hidden; list-style: none; width: 275px; height: 150px; margin-left: auto; margin-right: auto; margin-top: 3%;}
    .videogabriele {display:none;}
.titulospagina6 {text-align: center; margin-left: 28%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
.titulosgabriele {color: #ec695c; font-family: Lato; font-weight: 700; text-align: center; margin-top: 5%; margin-bottom: 3%;}
.horariosgabriele {font-family: Lato; color: #000; font-weight: 400; text-align:center;}
.textosgabriele {font-family: Lato; color: #000; font-weight: 400; text-align:center;}
.rayagabriele {border:  1px solid #ec695c; text-align: center;}
.redesgabriele {color: #5dbdb8; font-family: Lato; font-weight: 700; text-align: center; margin-top: 5%; margin-bottom: 10%;}
.redesgab {margin-top: 5%; width: 200px;}
.botoninscripcion {background-color: #fbc579; padding: 1.1rem; text-align: center; border-radius: 15px; text-decoration: none; font-family: Roboto; font-weight: 700; color: #ec695c;}
.espaciogabriele {margin-top: 10%; text-align: center; }
    .titulosgabriele8 {display: none;}
    
/* comprobante */
    
.titulospagina7 {text-align: center; margin-left: 28%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
.comprobantesiu {margin-left: 2.5%; margin-top: 5%;}
.botoneracomprobante {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center; max-width: 400px; margin: auto; margin-top: 10%;
}
.botoncomprobante {background-color: #fbc579; padding: 1.1rem; text-align: center; border-radius: 15px; text-decoration: none; font-family: Roboto; font-weight: 700; color: #ec695c;}   
    
    
 /* historial académico */

.titulospagina8 {text-align: center; margin-left: 22%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
.porcentajes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: center; margin-left: auto; margin-right: auto; max-width: 15rem; margin-top: 10%;
}
.columnasaprobados {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch; margin-left: auto; margin-right: auto; max-width: 14rem;
}

    .acheuno2 {display: none;}
.titulosporcentajes1 {font-family: Lato; font-weight: 900; color: #fbc579;}
.titulosporcentajes2 {font-family: Lato; font-weight: 900; color: #5dbdb8;}
.titulosporcentajes3 {font-family: Lato; font-weight: 900; color: #ec695c;}
.añoporcent {font-family: Lato; font-weight: 400;}
.examenesaprobados {font-family: Lato; font-weight: 700; color: #ec695c; margin-bottom: 7%;}
.materiasexamenesaprobados {font-family: Lato; font-weight: 400; text-decoration: none;}
.catedraexamenesaprobados {font-family: Lato; font-weight: 400; text-decoration: none; font-size: 0.8rem; color: #5dbdb8; margin-bottom: 2%;}
    .columnaunoaprobados {margin-bottom: 10%; margin-top: 10%;}  
    
    
 /* agenda */

.titulospagina9 {text-align: center; margin-left: 41%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
.calendario {background: #fbc579; padding-left: 22%; padding-right: 22%; padding-top: 3%; padding-bottom: 3%;margin: auto; max-width: 11.4rem;}
.columnascalendario {display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: center; margin-left: 10%; margin-top: 5%;
	
}
.columnasinternascalendario {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center; margin-bottom: 5%;

}

.diacalendario {font-family: Raleway; font-weight: 700; color: #000; font-size: 1.1rem;}
.infodiacalendario {font-family: Raleway; font-weight: 400; color: #000; font-size: 1rem;}
.lugardiacalendario {font-family: Raleway; font-weight: 400; color: #5dbdb8; font-size: 1rem; margin-bottom: 2%;}
.restotextocalendario {font-family: Lato; font-weight: 400;font-size: 0.91rem}
.textocalendario {font-family: Lato; font-weight: 400; margin-left: 4%; max-width: 16rem; }
.barritavertical {height: 5.6rem;}
    
 /* Consultas */
.titulospagina9 {text-align: center; margin-left: 35%;display: inherit; position: absolute; margin-top: 4.5%; font-family: Roboto; font-size: 1rem; font-weight: 700; color: white;}
.barrita5 {border: 1px solid #fbc579; margin-bottom: 5%; margin-top: 6%; width: 15.5rem; display: block;}
.columnasconsultas {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center; margin-top: 10%; max-width: 15.5rem; margin-left: auto; margin-right: auto; 
}
.acheuno3 {display: none;}
.titulosconsultas {font-family: Lato; font-weight: 700; color: #000; font-size: 1.2rem;margin-bottom: 5%;}
.materiasconsultasdiv {margin-bottom: 5%;}
.materiasconsultas {font-family: Lato; font-weight: 400; color: #000; font-size: 0.9rem;}
.materiasconsultas2 {font-family: Lato; font-weight: 400; color: #5dbdb8; font-size: 0.7rem;margin-bottom: 5%;}

.materiasbajas {font-family: Lato; font-weight: 400; color: #ec695c; font-size: 0.9rem;}
.materiasbajas2 {font-family: Lato; font-weight: 400; color: #5dbdb8; font-size: 0.7rem;margin-bottom: 5%;}
.materiasconsultasdiv {background-color: #e0dfde; padding-bottom: 0.1rem; padding-top: 0.7rem; padding-left: 1rem; }   
    .articulosconsultas { margin-bottom: 1%;}
 
/* baja materias */

.titulobajamaterias {color: #ec695c;text-align: center; font-family: Raleway; font-weight: 700;font-size: 1.2rem;margin-bottom: 10%; margin-top: 10%;}
.acordeonbajamaterias {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;margin-bottom: 10%; 
}
.titulo2bajamaterias {color: #ec695c;text-align: left; font-family: Raleway; font-weight: 700;font-size: 1.2rem; margin-bottom: 10%;}


.textobajamaterias {text-align: left; font-family: Lato; font-weight: 400;font-size: 1rem; margin-bottom: 2%; }
#accordion2 { list-style: none; padding: 0 0 0 0; width: 12rem; margin-left: auto; margin-right: auto; margin-bottom: 10%;  } 
#accordion2 div { display: block; background-color: transparent; font-weight: 700; margin: 1px; cursor: pointer; padding: 5 5 5 7px; 
    list-style: circle; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;font-family: Roboto; color: #000; } 

#accordion2 ul { list-style: none; padding: 0 0 0 0; text-align: center;width: 12rem;} 

#accordion2 ul{ display: none; } 
#accordion2 ul li { font-weight: normal; cursor: auto; background-color: #fff; padding: 0 0 0 7px;  } 
#accordion2 a { text-decoration: none; } 
#accordion2 a:hover { text-decoration: underline; }
.mate {margin-left: 10%;}
.barritalate {height: 5rem;}
.textosbaja {text-align: center; font-family: Lato; font-weight: 400;font-size: 1rem; margin-bottom: 2%; text-decoration: none; color: #000;margin-top: 10%; }
.textosbaja:hover {background-color: #fbc579; padding: 0.5rem; border-radius: 5px; color: #ec695c; text-decoration: none;}
    .barrita6 {border: 1px solid #fbc579; margin-bottom: 5%; margin-top: 6%; width: 12rem; display: block;}
    
    
    
   /* hamburguesa */

.hamburger{
	position: absolute;
  background-color:transparent;
	left:2%;
	top:1%;
	height:20px;
	width:20px;
	padding:8px 8px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	z-index:1002;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.hamburger.is-active{
  background-color:none;
}
._layer{
	background:#ffffff;
	margin-bottom:4px;
	border-radius:2px;
	width:28px;
	height:4px;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
}
.hamburger:hover .-top{
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}
.hamburger:hover .-bottom{
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	}
.hamburger.is-active .-top{
	-webkit-transform:translateY(200%) rotate(45deg) !important;
	-ms-transform:translateY(200%) rotate(45deg) !important;
	transform:translateY(200%) rotate(45deg) !important;
}
.hamburger.is-active .-mid{
	opacity:0;
}
.hamburger.is-active .-bottom{
	-webkit-transform:translateY(-200%) rotate(135deg) !important;
	-ms-transform:translateY(-200%) rotate(135deg) !important;
	transform:translateY(-200%) rotate(135deg) !important;
}

.menuppal.is_active{
  transform: translate3d(0px, 0px, 0px);
}
.menuppal{
   background-color: rgba(255, 255, 255, 0.95);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
    width: 100%;
    z-index: 1001;
}
.menuppal ul{
  margin:0;padding:0; margin-top: 17%;
}
.menuppal ul li { 
  list-style: none;
	text-align:left;
    margin-left: 8%;
	font-family: Lato;
	color:$nav-color-text;
	font-size:0.8rem;
	line-height:3em;
	height:3em;
  color:#000000;
	text-transform:none;
	font-weight:300;
    }
.menuppal ul li a{
  text-decoration:none;
  color:#000000;
}
.menuppal ul li a:hover{
  text-decoration:none;
  color:#fbc579;
} 
    .iconhambu {max-height: 1rem; margin-right: 5%;}
    .barrahambu {color: #fbc579; 
    display: block;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 8%;
    border-style: inset;
    border-width: 0.5px;
        max-width: 250px;
}

    
    
    
    
}
























