* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.nav-usuario,
.nav-cerrarsesion {
	display: none;
}

html {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background-color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
	color: #434142;
}

.invalido {
	box-shadow: 0.3em 0.3em 0.9em #f15656;
}

/* Large devices (laptops/desktops, 992px and up) 
@media only screen and (max-width: 992px) {
    body {
        background-color: #434142;
    }
} */

.boton {
	background-color: #288FC5;
	border-radius: 10px;
	margin: 0.25rem;
	padding: 1rem 2rem;
	color: #FFFFFF;
}

.container {
	width: 75%;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.container {
		width: 90%;
	}
}

/* INGRESO */

.ingreso {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 85vh;
}

@media only screen and (max-width: 576px) {
	.ingreso {
		height: auto;
	}
}

.ingreso__contenido {
	display: flex;
	height: 420px;
}

@media only screen and (max-width: 992px) {
	.ingreso__contenido {
		width: 100%;
		height: 100%;
	}
}

@media only screen and (max-width: 576px) {
	.ingreso__contenido {
		flex-direction: column;
	}
}

/* INGRESO - TITULOS */

.ingreso__titulos {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 100%;
	border-radius: 8px 0 0 8px;
	background-image: url(../img/fondo-tech-azul.jpg);
}

@media only screen and (max-width: 992px) {
	.ingreso__titulos {
		border-radius: 0;
	}
}

@media only screen and (max-width: 576px) {
	.ingreso__titulos {
		width: 100%;
		flex-direction: column-reverse;
	}
}

h2 {
	font-size: 22px;
	text-align: initial;
}

.ingreso__titulos h1 {
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 2rem 0;
	padding: 0 .5rem;
}

.ingreso__titulos h1 span {
	font-weight: 400;
	font-size: 1.8rem;
}

@media only screen and (max-width: 576px) {

	.ingreso__titulos h1,
	.ingreso__titulos h1 span {
		font-size: 1rem;
		margin-bottom: 1.2rem;
	}

	.ingreso__titulos h1 br {
		display: none;
	}
}

.nro-inscripcion {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #288FC5;
}

hr {
	height: 1px;
	background-color: #FFFFFF;
	width: 40%;
	margin: 0;
	width: 180px;
}

.ocultarescritorio {
	display: none;
}

@media only screen and (max-width: 576px) {
	hr {
		margin: .5rem;
		height: .25px;
		width: 35%;
	}

	.ocultarcelular {
		display: none;
	}

	.ocultarescritorio {
		display: block;
	}
}

.ingreso__logo {
	width: 70%;
	margin-top: 2rem;
}

@media only screen and (max-width: 576px) {
	.ingreso__logo {
		width: 60%;
		margin-top: 1rem;
	}
}

/* INGRESO - FORMULARIO */

.ingreso__formulario {
	background-color: #FFFFFF;
	width: 50%;
	height: 100%;
	border-radius: 0 8px 8px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 992px) {
	.ingreso__formulario {
		border-radius: 0;
	}
}

@media only screen and (max-width: 576px) {
	.ingreso__formulario {
		width: 100%;
		display: block;
	}
}

.ingreso__form {
	display: flex;
	flex-direction: column;
	padding: 1rem;
}

@media only screen and (max-width: 576px) {
	.ingreso__form {
		height: 442px;
		padding: 2rem 1rem;
	}
}

.ingreso__form label {
	font-size: .9rem;
	font-weight: 600;
	padding-bottom: .25rem;
}

.ingreso__form label span {
	color: #288FC5;
	font-weight: 900;
}

.ingreso__form input {
	background-color: none;
	border: none;
	border-bottom: 1px solid #ECEDEF;
	font-size: .8rem;
	padding: .5rem 0 .75rem .5rem;
	margin-bottom: 1rem;
}

.ingreso__botones {
	margin: .5rem 0 1.5rem 0;
	display: flex;
}

@media only screen and (max-width: 768px) {
	.ingreso__botones {
		flex-direction: column;
	}
}

.ingreso__botones button {
	padding: .8rem 1.2rem;
	margin-right: .5rem;
	background-color: #288FC5;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
}

@media only screen and (max-width: 768px) {
	.ingreso__botones button {
		padding: .8rem 1.2rem;
		margin: 0 0 .5rem 0;
	}
}

.ingreso__form a {
	color: #288FC5;
	text-decoration: none;
	font-size: 9rem;
	width: fit-content;
}

.ingreso__form hr {
	width: 100%;
	margin-top: 1rem;
	background-color: #434142;
	height: .5px;
}

.ingreso__form a {
	font-size: .9rem;
	font-weight: 600;
}

.ingreso__form h5 {
	font-weight: 600;
	font-size: .9rem;
	margin: 1rem 0;
}

.ingreso__form h5 span {
	font-weight: 900;
	color: #288FC5;
}

.ingreso__registro {
	display: flex;
}

@media only screen and (max-width: 768px) {
	.ingreso__registro {
		flex-direction: column;
	}
}

.ingreso__registro button {
	padding: .8rem 1.2rem;
	background-color: #288FC5;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
}

.ingreso__form button:hover {
	background-color: #263774;
	transition: all ease .3s;
}

.ingreso__form a:hover {
	color: #263774;
	transition: all ease .3s;
}

/* HEADER */
.card {
	box-shadow: 0px 0px 5px #00000066;
	padding: 15px;
	border-radius: 15px;
	margin-bottom: 10px;
}

.card.respuesta {
	box-shadow: 0px 0px 5px #00000066;
	padding: 15px;
	border-radius: 15px;
	margin-bottom: 10px;
	background-color: rgb(214, 214, 214);
	transition: all ease .8s;
}

.titulo_card {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	justify-content: space-between;
}

.header {
	background-image: url(../img/fondo-tech-azul.jpg);
	background-size: cover;
}


.header__contenido {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .75rem 0;
}

@media only screen and (max-width: 768px) {
	.header__contenido {
		justify-content: center;
	}
}

.header__logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: #FFFFFF;
}

.header__logo img {
	width: 240px;
}

.header__logo h3 {
	margin: 0;
	font-size: 1.1rem;
}

.header__datos {
	color: #FFFFFF;
	text-align: right;
	display: flex;
	flex-direction: column;
}

.header__telefono,
.header__direccion {
	padding: .25rem 0;
}

.header__datos ion-icon {
	margin: 0;
	padding-right: .5rem;
}

@media only screen and (max-width: 768px) {
	.header__datos {
		display: none;
	}

}

.divagregarcursada {
	padding: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}



/* NAV RESPONSIVE */

.navbar {
	display: flex;
	background-color: #434142;
	padding: 1rem 0;
}

.nav-list {
	list-style: none;
	display: flex;
	gap: 3rem;

}

.nav-list li a {
	text-decoration: none;
	color: #ffffff;
}

.nav-list li {
	text-decoration: none;
	color: #ffffff;
}

/*.linksindecorar {
    text-decoration: none;
    color: #ffffff;
}*/

.nav-list li .active {
	color: #288FC5;
}

.nav-list li:hover a {
	transition: all ease .2s;
	color: #288FC5;
}

.abrir-menu,
.cerrar-menu {
	display: none;
	border: 0;
	background-color: transparent;
	font-size: 2rem;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0 auto;
}

.cerrar-menu {
	margin: 0;
}

.abrir-menu:hover,
.cerrar-menu:hover {
	color: #288FC5;
	transition: all ease .2s;
}

@media only screen and (max-width: 768px) {

	.nav-usuario,
	.nav-cerrarsesion {
		display: block;
	}

	.navbar {
		padding: .5rem 0;
	}

	.abrir-menu,
	.cerrar-menu {
		display: flex;
	}

	.nav {
		opacity: 0;
		visibility: hidden;
		display: flex;
		flex-direction: column;
		gap: 1rem;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .9);
		padding: 3rem;
		bottom: 0;
		box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .5);
	}

	.nav.visible {
		opacity: 1;
		visibility: visible;
		width: 85%;
		z-index: 2;
	}

	.nav-list {
		flex-direction: column;
		margin-top: 2rem;
		gap: 3rem;
		align-items: center;
		text-align: center;
	}

	.nav-list li a {
		color: #ffffff;
	}

	.nav-list li:hover a {
		display: block;
	}

}

/* BARRA */

.barra {
	background-color: #ECEDEF;
}

.barra__list {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.barra__list a {
	display: flex;
	margin: .75rem 0;
	text-decoration: none;
	color: #434142;
	padding-right: .5rem;
}

.barra__list span {
	font-weight: 900;
	color: #288FC5;
	padding-right: .5rem;
}

/* MAIN */

.main {
	padding: 3rem 0;
	background-color: #FFFFFF;
}

.main__title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
}

.main__title h1 {
	color: #434142;
	text-align: center;
	padding: 0 1rem .5rem 1rem;
	margin: 0;
}

.main__title hr {
	background-color: #ECEDEF;
	height: .1px;
}

.main__contenido {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.ancor-novedad {
	text-decoration: none;
	font-size: larger;
	font-weight: bold;
	color: #288FC5;
}

.main__items {
	text-decoration: none;
	background-size: cover;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: .5rem;
	width: 340px;
	height: 220px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}

@media only screen and (max-width: 786px) {
	.main__items {
		width: 80%;
		color: #ECEDEF;
	}
}

@media only screen and (max-width: 576px) {
	.main__items {
		width: 100%;
	}
}

.imagen-novedad {
	width: 100%;
	margin-top: 10px;
	border-radius: 4px;
}

.main__items-1 {
	background-image: url(../img/capacitacion_docentes.jpg);
}

.main__items-2 {
	background-image: url(../img/convocatoria-becas-estudiantes.jpg);
}

.main__items-3 {
	background-image: url(../img/estudiantes.jpg);
}

.main__items-4 {
	background-image: url(../img/inscripciones-iteco.jpg);
}

.main__items:hover .main__novedad {
	font-size: 1.05rem;
	text-align: center;
	transition: all ease .3s;
}

.main__items .main__novedad {
	height: 55%;
}

.main__items .main__fecha {
	height: 45%;
}

.main__items .main__novedad,
.main__items .main__fecha {
	display: flex;
	align-items: flex-end;
	margin: 0;
	text-align: center;
	z-index: 1;
}

.main__items .main__fecha {
	margin-bottom: .5rem;
}

.main__gradiente {
	background-image: linear-gradient(to right, rgba(40, 143, 197, .8), rgba(38, 55, 116, .8));
	width: 100%;
	height: 100%;
	position: absolute;
}

.main__paginas {
	display: flex;
	justify-content: center;
	margin: 0;
	padding-top: 2rem;
	align-items: center;
}

.main__paginas p {
	margin: 0;
}

.main__paginas a {
	text-decoration: none;
	color: #434142;
	padding: 0 .5rem;
}

.main__paginas a span {
	color: #288FC5;
	font-weight: 900;
}

/* MIS MATERIAS */

.info-materia {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.main__contenido-materias {
	flex-direction: column;
}

.main__pestanas ul {
	list-style: none;
	display: flex;
	gap: 2rem;
	padding-bottom: .5rem;
}

.main__pestanas ul li a {
	text-decoration: none;
	color: #434142;
	padding: .5rem;
}

@media only screen and (max-width: 786px) {
	.main__pestanas ul {
		gap: 1rem;
		font-size: .85rem;
	}

	.main__pestanas ul li a {
		padding: .25rem;
	}
}

.main__pestanas ul li:hover a {
	font-weight: 700;
	transition: all ease .2s;
}

.main__pestanas ul li.active {
	border-bottom: 4px solid #288FC5;
	padding-bottom: .5rem;
	font-weight: 700;
}

li.active {
	border-bottom: 4px solid #288FC5;
	padding-bottom: .5rem;
	font-weight: 700;
	padding: 5px;
	cursor: pointer
}

.icon-btnrespuesta {
	padding: 2px;
}

/* .main__pestanas hr {
    margin-top: -.5rem;
    width: 100%;
} */

.main__tabla {
	margin-top: 2rem;
}

.main__tabla-encabezado,
.main__tabla-row {
	display: flex;
	list-style: none;
	width: 100%;
	padding: 1rem 2rem;
	justify-content: space-between;
	align-items: center;
}



@media only screen and (max-width: 786px) {
	.main__tabla {
		font-size: .85rem;
	}

	.main__tabla-encabezado,
	.main__tabla-row {
		padding: 1rem;
	}
}

.main__tabla-encabezado {
	opacity: .75;
}

.main__tabla-row {
	background-color: #ECEDEF;
	border-radius: 8px;
	margin-bottom: .75rem;
}

.main__tabla-encabezado li,
.main__tabla-row li {
	width: 25%;
	padding-left: 1rem;
}

.tabla-notas {
	background-color: #ECEDEF;
	border-radius: 2px;
	margin-bottom: 0.75rem;
	display: flex;
	list-style: none;
	width: 100%;
	padding: 1rem 2rem;
	justify-content: space-between;
	align-items: center;
}

.div-nota-fecha {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.negrita-notas {
	text-decoration: none;
	font-size: x-large;
	font-weight: 600;
	color: #434142;
}

@media only screen and (max-width: 786px) {

	.main__tabla-encabezado li,
	.main__tabla-row li {
		padding-left: 0;
	}
}

/* MATERIA ELEGIDA */

.main__pestanas-materias ul {
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.main__pestanas-materias ul a {
	text-decoration: none;
	background-color: #ECEDEF;
	color: #434142;
	margin: .35rem;
	padding: 1rem 2rem;
	border-radius: 10px;
	transition: all ease .2s;
	cursor: pointer;
}

.main__pestanas-materias ul a:hover li {
	opacity: 1;
}

.main__pestanas-materias ul a li {
	opacity: .75;
}

.main__pestanas-materias ul .active {
	cursor: pointer;
	background-color: #288FC5;
	color: #FFFFFF;
}

.main__pestanas-materias ul .active:hover {
	background-color: #263774;
}

.main__pestanas-materias ul a.btn-rojo {
	color: white;
	padding: 3px 10px;
	margin: 0px;
	display: inline-block;
	width: 135px;
	text-align: center;
	background-color: #ff2424;
	border-radius: 5px;
	transition: all ease .2s;
}

.main__pestanas-materias ul a.btn-rojo:hover {
	background-color: #a81f1f;
	cursor: pointer;
}

.main__pestanas-materias ul .active li {
	opacity: 1;
}


.main__pestana-elegida {
	margin: 2rem .5rem;
	/*max-width: 750px;*/
	text-align: justify;
}

/* FOOTER */

.footer {
	background-color: #434142;
	/* height: 15vh; */
	height: auto;
	padding: 1.5rem;
	font-size: .9rem;
	margin-top: auto;
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
}

@media only screen and (max-width: 576px) {
	.footer {
		height: auto;
	}
}

.footer__contenido {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mesasexamen {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-left: 15px
}

.phorariolugar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


@media only screen and (max-width: 576px) {
	.footer__contenido {
		display: flex;
		flex-direction: column;
	}

	.mesasexamen {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		margin-left: 0px;
		margin-bottom: 10px;
	}

	.mesasexamen h2 {
		text-align: center;
	}

	.phorariolugar {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center
	}
}

.fechagrande {
	font-weight: 600;
	text-align: center;
}

@media only screen and (max-width: 576px) {
	.info-materia {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 20px;
		align-items: center;
	}
}

.footer__iteco {
	display: flex;
	color: #FFFFFF;
	align-items: center;
	flex-direction: column;
}

.footer__iteco img {
	width: 220px;
}

.footer__iteco-datos {
	display: flex;
	color: #288FC5;
}

.footer__iteco-datos span {
	padding: .5rem 1rem;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 576px) {
	.footer__iteco-datos {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.footer__iteco-datos span {
		padding: .25rem;
	}

}

.footer__iteco-datos ion-icon {
	padding-right: .5rem;
}

.footer__hr {
	display: none;
	width: 80%;
}

@media only screen and (max-width: 576px) {
	.footer__hr {
		display: block;
		margin: 1rem;
	}

	.footer__logo {
		width: -webkit-fill-available;
	}
}

.footer__sc3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer__sc3 p {
	color: #288FC5;
	text-align: center;
}

.footer__sc3 img {
	width: 100px;
}

/*MIS EXAMENES*/

.nota-final-letrachica {
	font-size: 14px;
}

.div-container-examenes {
	justify-content: space-between;
	margin-left: 0px;
}

.div-centro-examenes {
	display: flex;
	padding: 8px;
	flex-direction: column;
}

.examen-inscripcion {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-top: 20px
}

.examen-inscripto {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

/*CONTACTO*/
.maps {
	width: 100%;
	border-radius: 8px;
	left: 400px;
	z-index: 1;

}

.imagen-contacto {
	border-radius: 5px;
	width: 100%;
}

.div-img-maps {
	display: flex;
	flex-direction: row;
}

/* CONTACTO */

main .g-contacts.footer {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	color: #777
}

@media only screen and (max-width: 576px) {
	main .g-contacts.footer {
		flex-direction: column;
	}
}

.g-contacts-item {

	padding: 5px;
}

/* CURSADAS */

.boton-cursadas {
	background-color: #288FC5;
	border-radius: 10px;
	margin: 0.25rem;
	padding: 1rem 2rem;
	color: #FFFFFF;
}

.icono-materias {
	color: #288FC5;
	padding: 5px
}

@media only screen and (max-width: 576px) {
	.boton-cursadas {
		background-color: #288FC5;
		border-radius: 5px;
		padding: 1.1rem;
		color: #FFFFFF;
	}
}

.boton-cursadas:hover {
	background-color: #263774;
	transition: all ease .3s;
	cursor: pointer;
}

.btn-rojo-cursadas {
	color: white;
	padding: 3px 10px;
	margin: 0px;
	display: inline-block;
	width: 135px;
	text-align: center;
	background-color: #ff2424;
	border-radius: 5px;
	transition: all ease .2s;
}

.btn-rojo-cursadas:hover {
	background-color: #a81f1f;
	cursor: pointer;
}

@media only screen and (max-width: 576px) {
	.btn-rojo-cursadas {
		color: white;
		padding: 3px 10px;
		margin: 0px;
		display: inline-block;
		width: 85px;
		text-align: center;
		background-color: #ff2424;
		border-radius: 5px;
		transition: all ease .2s;
	}
}

.boxejecutando {
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	background-color: #ffffff;
	border: 1px solid black;
	filter: alpha(opacity=60);
	opacity: 0.6;
	align-items: center;
	justify-content: center;
}

.notificacion-circulo {
	background-color: #434142;
	text-align: center;
	border-radius: 1000px;
	padding: 2px 2px 2px 4px;
	position: absolute;
	margin-left: 125px;
	font-size: 13px;
	color: #ECEDEF;
	width: 20px;
	height: 20px;
}

.notificacion-circulo.activo {
	background-color: red;
	color: white;
}

.boton-responder {
	display: flex;
	justify-content: space-between;
	background-color: #286cc5;
	color: blanchedalmond;
	padding: 8px;
	border-radius: 5px;
	align-items: center;
	transition: all ease .2s;
	margin: 2px;
	margin-top: 20px;
}

.boton-responder:hover {
	background-color: #184074;
	cursor: pointer;
}

.div-crearconsulta {
	DISPLAY: FLEX;
	justify-content: center;
	margin: 30px;
}

/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
	transition: all ease .5s;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	/* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	border-radius: 10px;
	width: 80%;
	/* Could be more or less, depending on screen size */
	transition: all ease .5s;
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	transition: all ease .5s;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
	transition: all ease .5s;
}

.drop-zone {
	background-color: #c8dadf;
	border: #92b0b3 3px dashed;
	width: 310px;
	height: 80px;
	padding: 8px;
	font-size: 10px;
	color: #616161;
}

.w3-modal {
	z-index: 3;
	display: none;
	padding-top: 25px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4)
}

.w3-modal-content {
	margin: auto;
	background-color: #fff;
	position: relative;
	padding: 0;
	outline: 0;
	width: 650px
}

@media only screen and (max-width: 576px) {

	.drop-zone {
		width: 220px;
	}

	.table-dropzone {
		width: 200px;
	}
}

@media (max-width:600px) {
	.w3-modal-content {
		margin: 0 10px;
		width: auto !important
	}

	.w3-modal {
		padding-top: 30px
	}

	.w3-dropdown-hover.w3-mobile .w3-dropdown-content,
	.w3-dropdown-click.w3-mobile .w3-dropdown-content {
		position: relative
	}

	.w3-hide-small {
		display: none !important
	}

	.w3-mobile {
		display: block;
		width: 100% !important
	}

	.w3-bar-item.w3-mobile,
	.w3-dropdown-hover.w3-mobile,
	.w3-dropdown-click.w3-mobile {
		text-align: center
	}

	.w3-dropdown-hover.w3-mobile,
	.w3-dropdown-hover.w3-mobile .w3-btn,
	.w3-dropdown-hover.w3-mobile .w3-button,
	.w3-dropdown-click.w3-mobile,
	.w3-dropdown-click.w3-mobile .w3-btn,
	.w3-dropdown-click.w3-mobile .w3-button {
		width: 100%
	}
}

@media (max-width:768px) {
	.w3-modal-content {
		width: 500px
	}

	.w3-modal {
		padding-top: 20px
	}
}

@media (min-width:993px) {
	.w3-modal-content {
		width: 900px
	}

	.w3-hide-large {
		display: none !important
	}

	.w3-sidebar.w3-collapse {
		display: block !important
	}
}

/*MC: mejores modales y grandes*/
@media (min-width:1100px) {
	.w3-modal-content {
		width: 85vw;
	}
}