html{ font-size: 0.55em; }
main{ padding: 0 2em; }
main section, main form{ margin: 0; }
main .left{ float: none; margin: 0 0 0.7em 0; padding: 0; width: 100%; }
main .horizontal_menu a{ padding: 6px 20px; background-position:center; width: 1px; text-indent: -200px; overflow: hidden; }
main table, main .ok, main .error{ width: 100%; margin-top: 0; }
main h2{ margin: 4em 0 0.6em 0;}
main h2 small{ margin: 0;}

header{ height: 40px;}
header h1{ display: none; }
header p{ display: block; width: 100%; text-align:left; margin-top: 10px; }
form div span:empty{ width: 0; }

#entregas th:nth-child(3),
#entregas td:nth-child(3),
#entregas th:nth-child(4),
#entregas td:nth-child(4){ display: none; }

#alumnos_toolbar{ display: none; }

nav { position: fixed; left: -100%; z-index: 100; width: 90%; height: 80vh; top: 50px; border-radius: 0.75em; opacity: 0; box-shadow: 0 0 10px rgba(0,0,0,0.7); border: 1px solid black; }
nav:target{ left: 5%; opacity: 1; }
nav+main{ margin-left: 0em; }

.error,
.ok,
.warning,
.notice{
	font: bold 1rem/1.2rem "Consolas", monospace; 
	padding: 0.35em 3em; 
	background-size: 2.1em; 
	width: 74%; 
}

form select, form textarea, form input[type=file]{ width: 100%;}
#tbl_listado_alumnos{ width: 100% !important; }
#tbl_listado_alumnos td{ font-size: 0.88em; font-family: Tahoma, Geneva, sans-serif; word-break:break-all; }
#tbl_listado_alumnos th{ font-size: 0.78em}
#tbl_listado_alumnos th:nth-child(5) a{ width: 15px; margin: 0;}
#tbl_listado_alumnos th:nth-child(3){ display: none; }
#tbl_listado_alumnos td:nth-child(3){ display: none; }
#tbl_listado_alumnos td{ width: 25% }
#tbl_listado_alumnos td:nth-child(4){ width: 50%; }
#tbl_listado_alumnos td:nth-child(4) input{ width: 90% !important }

#cronograma_editar{ width: 100% }

form h3, h3.grey, form .fecha, form .fecha input[type=text], form .fecha textarea, #final{ width: 100%; }
form .fecha input[type=text]{ display: block; margin-bottom: 10px; }
form .notice{ width: 100%; line-height: 140%; }
form textarea{ height: 7em;}

a.delete.white{ display: none; }
#buscador { display: block; width: 96%; left: 2%; top: 40px; height: 40px;}
#buscador input, #buscador input:focus{
	padding-left: 5px;
	width: 100%;
}
#menu{ transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
#menu ul{ position: relative; }

#menutoggle{
	position: absolute;
	top: 5px; right: 5px;
	background: url(icon/mobile_menu.png) no-repeat;
	display: block;
	width: 30px; height: 30px;
}

#closeme{
	display: block;
	border-bottom: 1px solid white;
	background: url(icon/mobile_close.png) right 3px no-repeat;
	width: 96%;
	height: 30px;
	position: absolute;
	top: 0;
	left: 2%; 
}

#datos div{ width: 95%; }
#datos div input[type=password]{ width: 100%; }
#datos div input[type=email]{ width: 100%; }