@charset "UTF-8";
/* CSS Document */

/*media queries movil*/
@media only screen and (min-width: 766px) and (max-width: 780px) {
	
}
@media only screen and (max-width: 765px) {
	
	.web-content{ width:100%;}
	.header-content{ width:68%; float:left; font-size:14px; text-align:left;}
	.header-content-izqda{ width:68%; float:left; text-align:center; margin-top:0; font-size:14px; text-align:left;}
	.logoup{ float:left; width:91px;}
	.header-content-izqda > p{ margin-top:0;}
	.txt-footer{ width:100%;}
	.mod-home{ margin-top:20px; width:100%;}
	.menu ul{ margin-top:0;}
	.menu ul li{ margin-left:6%;}
	.menu{ position:relative;}
	.back{ top:0px; position:relative;}
	.logoup img{ width:86%;}
	.mod-button{ width:100%;}
	
	/*HORARIOS*/
	.action{ position:relative; top:0; left:0;}
	.action-button{ margin-left:0;}
	.print{ width:100%;}
	
	/*PROFESORES*/
	.txt-prof{ width:99%;}
	
	/*CONTACTO*/
	.column-contact{ width:100%;}
	.form-button input{ width:100%;}
	.form-button{ width:100%;}
	.campo{ width:100%;}
	.campo textarea{ width:100%;}
	.campo input{ width:100%;}
	
	/*UBICACIÓN*/
	iframe{ width:98%!important;}

	/*tabla horario*/
	table{width: 100%;border-collapse: collapse; }
	td {padding-left: 0%;}	
	
}
@media only screen and (max-width: 700px) {
	
}
@media only screen and (max-width: 640px) {
table, table tr, table td{font-size:13px}
}

@media only screen and (max-width: 568px) {
	table, table tr, table td{font-size:12px}
}

@media only screen and (max-width: 480px) {
	
}
@media only screen and (min-width: 385px) and (max-width:479px) {

}
	
@media only screen and (max-width: 384px) {
	td { padding: 2px 1px;}
	table, table tr, table td{white-space: nowrap;  font-size: 10px;}
}
@media only screen and (max-width: 320px) {
}

@media only screen and (max-width:480px) {
	.modal-window-content img {
		width: 90%;
		margin: 0 auto;
		object-fit: contain;
	}
}

@media only screen and (max-width:480px) {
	.modal-close {
		max-width: 90%;
	}
}