@font-face {
/*
	font-family: Code;
	src: url("fre3of9x.ttf") format("truetype");
*/
}





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




@media screen {




	body {
		/* background-color: #dec; #9b9 */
		background-image: -moz-linear-gradient( top left, #ded, #aca );
		background-image: -webkit-linear-gradient( top left, #ded, #aca );

		color:#222;
		background-attachment:fixed;
	}




	header {
		padding:4px 25px;
		text-shadow:2px 2px 3px gray;
		display:table;
		min-width:320px;
		max-width:1024px;
		height:48px;
		margin:0 auto;
		width:100%;
	}

	header h1 {
		display:table-cell;
		float:left;
		text-align:center;
		vertical-align:middle;
		width:45%;
	}

	header h2 {
		display:table-cell;
		font-size:11pt;
		float:left;
		vertical-align:middle;
		width:55%;
	}




	nav {
		display:table;
		max-width:1024px;
		margin:0 auto;
		width:100%;
	}

	nav ul {
		width:100%;
	}

	nav ul li {
		box-shadow:6px 6px 12px gray;
		float:left;
		display:table;
		width:100%;
	}

	nav ul li a {
		background-image:-moz-linear-gradient( top, lightgray, darkgray );
		background-image:-webkit-linear-gradient( top, lightgray, darkgray );
		background-image:linear-gradient( top, lightgray, darkgray );
		color:darkgreen;
		display:table-cell;
		font-size:14pt;
		text-decoration:none;
		text-align:center;
		vertical-align:middle;
		height:32px;
		width:100%;
	}

	nav ul li a:hover {
		background-image:-moz-linear-gradient( bottom, lightgray, darkgray );
	}




	section {
		clear:left;
		max-width:1024px;
		margin:10px auto;
		width:100%;
	}

	section article {
		margin:20px 0;
	}

	table.grilla {
		font-size:12pt;
		background-color:gray;
		color:black;
		margin:0 auto;
	}

	table.grilla caption {

	}

	table.grilla tr:hover > td {
		background-color:#fb8;
	}

	table.grilla th {
		background-color:darkgray;
		padding:0 1px;
	}

	table.grilla td {
		background-color:white;
		padding:0 6px;
	}


	.error {
		color:red;
		font-size:28pt;
	}


	aside {}




	footer {
		background-color:#666;
		background-image:-moz-linear-gradient( top, #666, #333 );
		border:1px gray solid;
		border-radius:18px 18px 0 0;
		color:lightgray;
		display:table;
		max-width:1024px;
		margin:0 auto;
		width:100%;
	}

	footer div {
		display:table-cell;
		font-size:11pt;
		padding:12px;
		text-align:center;
		vertical-align:middle;
	}




/*
	input:required:valid {border:1px green solid;}
	input:required:invalid {
		border:1px yellow solid;
		box-shadow:0px 0px 8px #6f6;
	}
*/
	input, textarea {
		border:1px gray solid;
		border-radius:6px;
		font-family:monospace, courier;
		font-size:15pt;
	}

	textarea {
		overflow:scroll;
	}

	select {
/*		border:1px gray solid;
		border-radius:6px;
*/		font-family: monospace, courier;
		font-size:15pt;
		width:95%;
	}

	input:focus, textarea:focus {
		background-color:#cfc;
		border:1px green solid;
	}

	button {
		width:210px;
	}

	button img {
		float:left;
	}

	.tb_frm {
		font-size:15pt;
		margin:0 auto;
		width:70%;
	}

	.label {
		float:left;
		width:100%;
	}

	.control {
		float:left;
		width:100%;
	}

	.ancho {
		float:left;
		text-align:left;
		width:100%;
	}

	.ancho hr {
		margin:8px 0;
	}




	.enlaces {
		color:red;
		display:block;
		text-decoration:none;
	}

	.enlaces:hover {
		color:orange;
	}




	td {
		margin:1px 0;
	}

	.item_alumno {
		border-bottom:1px gray solid;
		text-transform:capitalize;
		height:30px;
	}





	#citaciones {
		font-family:arial;
		background-color:white;
		border:1px gray solid;
		box-shadow:8px 8px 18px black;
		padding:40px 60px;
		margin:40px auto;
		width:830px;
	}
	#citaciones h1 {
		font-size:18pt;
	}
	#citaciones h2 {
		font-size:16pt 0;
		margin:20px 0;
	}
	#citaciones p {
		color:black;
		font-size:14pt;
		margin:40px 0;
		text-align:justify;
	}
	#citaciones p[align="center"] {
		text-align:center;
	}
	#citaciones p[align="right"] {
		text-align:right;
	}
	#citaciones div {
		color:black;
		font-size:14pt;
		margin:0;
		text-align:justify;
	}





	#menu {
		position:absolute;
		top:8px;left:4px;
	}

	#ver_menu[value="0"] ~ nav {
		display:none;
	}




	.mensajes {
		display:table;
		border:1px gray solid;
		border-radius:12px;
		box-shadow:5px 5px 8px gray;
		font-size:13pt;
		background-color:lightgray;
		background-image:-moz-linear-gradient( top, lightgray, darkgray );
		color:black;
		margin:25px auto;
		padding:10px 15px 25px;
		text-align:justify;
		max-width:800px;
		width:90%;
		white-space: pre-line;
	}




	.rojo {
		color:red;
	}

	#imagen {
		width:120px;
	}




	#acles ~ span {display:none;}
	#acles:checked ~ span {background-color:rgba(100,100,100,.2);display:table-cell;}

	#hora_regreso ~ span {display:none;}
	#hora_regreso:checked ~ span {background-color:rgba(100,100,100,.2);display:table-cell;}

	#obs_llegada ~ span {display:none;}
	#obs_llegada:checked ~ span {background-color:rgba(100,100,100,.2);display:table-cell;}




	@media (min-width:420px) {

		header h2 {
			font-size:13pt;
		}

		nav ul li {
			width:50%;
		}

		.tb_frm {
			width:85%;
		}

		.label {
			width:30%;
		}

		.control {
			width:70%;
		}

	}




	@media (min-width:720px) {

		header h2 {
			font-size:16pt;
		}

		nav ul li {
			width:25%;
		}

		.tb_frm {
			width:50%;
		}

		#menu {
			display:none;
		}

		#ver_menu[value="0"] ~ nav {
			display:table;
		}

		#imagen {
			width:180px;
		}

	}




	@media (min-width:1024px) {

		.tb_frm {
			width:85%;
		}

		.label {
			width:17%;
		}

		.control {
			width:33%;
		}

	}




	.texto {
		font-family: courier new, monospace;
		font-size:16pt;
		white-space: pre-wrap;
	}



	.impress {
		display:none;
	}





	.card {
		border:1px gray solid;
		border-radius:6px;
		display:table;
		margin:40px auto;
		height:186px;
		width:345px;
	}

	.card pre {display:table-cell;}


	.card * {
		float:left;
		display:table-cell;
		text-align:center;
		width:100%;
	}

	.card span {
		font-family:"segoe UI",Arial;
		font-size:14pt;
	}

	.card span:nth-child(6) {
/*		font-family:"Free 3 of 9 Extended"; */
		font-family: Code;
		font-size: 36pt;
	}


}




@media print {



	header, nav, aside, .tb_frm, footer, #menu {display:none;}




	/*	PASES	*/
	.impress {
		display:block;
		font-family:monospace, courier;
		font-size:10pt;
		font-weight: bold;
		white-space: pre-wrap;
	}




	.grilla {
		border:1px solid gray;
		font-size:10pt;
		width:100%;
	}

	.grilla th {
		border:1px solid gray;
		padding:0px 4px;
		margin:0;
	}

	.grilla td {
		padding:0px 3px;
		margin:0;
	}




	#citaciones {
		font-family:arial;
	}
	#citaciones h1 {
		font-size:18pt;
	}
	#citaciones h2 {
		font-size:16pt 0;
		margin:20px 0;
	}
	#citaciones p {
		color:black;
		font-size:14pt;
		margin:40px 0;
		text-align:justify;
	}
	#citaciones p[align="center"] {
		text-align:center;
	}
	#citaciones p[align="right"] {
		text-align:right;
	}
	#citaciones div {
		color:black;
		font-size:14pt;
		margin:0;
		text-align:justify;
	}




	/*	CREDENCIALES	*/
	.card {
		display:table;
		height:186px;
		width:100%;
	}

	.card pre {display:table-cell;}

	.card * {
		float:left;
		display:table-cell;
		text-align:center;
		width:100%;
	}

	.card span {
		font-family:"segoe UI",Arial;
		font-size:14pt;
	}

	.card span:nth-child(6) {
		font-family: "Free 3 of 9";
		font-size:36pt;
	}


}


/*

input:invalid {
 
border: 1px solid red;
 
}
 
Estilo por defecto
 
input:valid {
 
border: 1px solid green;
 
}

*/
/* Estilo por defecto
 
input:required:invalid {
 
border: 1px solid red;
 
}
 
input:required:valid {
 
border: 1px solid green;
 
}

*/