/*** Globales ***/
body {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #333;
	color: #fff;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
}

a:link { text-decoration: none; color: #fff; background: inherit; }
a:visited { text-decoration: none; color: #fff; background: inherit; }
a:hover { text-decoration: underline; color: #ffcc33; background: inherit; }
a:active { text-decoration: underline; color: #ffcc33; background: inherit; }
img { border: 0; }

fieldset {
	position: relative;
	float: left;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	background: #999;
	border-top: 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: center;
}

legend {
	position: absolute;
	top: -10px;
	left: 10px;
	font-size: 14px;
	padding: 0 3px;
	color: #CCC;
	background: #333;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 4px #666;;
}

/* Menu */
#nav {
	width: 1000px;
	float: left;
	height: 55px;
	background: #666;
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#nav a, #nav form, #nav > span {
	float: left;
	width: auto;
	height: 45px;
	padding: 10px 16px 0 16px;
	font-size: 16px;
	font-weight: bold;
	border-right: 1px solid #CCC;
}
#nav a:hover { text-decoration: none; color: #ffcc33; background: #333; }
#nav > span { background: #999; border-bottom: 1px solid #999; }
#nav form { width: 280px; border: 0; }
#nav input[type=text] { width: 90px; }

/* Footer */
#footer {
	position: relative;
	float: left;
	width: 1000px;
	height: 70px;
	margin: -1px auto 0 auto;
	background: #666;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: 1px solid #CCC;
	text-align: right;
}
#footer a { color: #aaa; font-size: 8px; }
#footer a:hover { color: #eeb211; background: inherit; }
#footer img { margin-right: 300px; }
.valid { margin-right: 15px; }

/* Table */
#listado table { width: 100%; border-collapse: collapse; }
#listado tr { border-bottom: 1px solid #CCC; }
#listado td { border: 1px solid #CCC; height: 30px; text-align: center; white-space: nowrap; }
#listado tbody tr:hover { background: #333; }
#listado th { border-right: 1px solid #CCC; border-left: 1px solid #CCC; cursor: pointer; }
#listado thead tr:hover { background: inherit; }
#listado tr :first-child { border-left: 0; }
#listado tr :last-child { border-right: 0; }
#listado .odd { background: #8a8a8a; }

/*** Estudiante ***/
/* Globales */
#addB, #editB { float: right; margin-top: -15px; margin-right: 4px; box-shadow: 1px 3px 4px #666; }
#estudiante th, #estudiante h2, #estudiante h3, #estudiante input, #estudiante select { font-size: 10px; margin: 0; padding: 0; }

div.col1, div.col2 { width: 498px; float: left; }
div.col1 { margin: 7px 0 0 3px; }
div.col2 { margin: -6px 0 0 1px; }

#estudiante table {
	float: left;
	width: 495px;
	margin-top: 10px;
	background: #666;
	border: 1px solid #CCC;
	border-collapse: collapse;
}

#estudiante table th { color: #FFCC33; background: #333; padding: 0; }
#estudiante table td { height: 26px; border: 1px solid #CCC; text-align: left; padding: 0; }
.col1 tr > td:first-child, .col2 tr > td:first-child { background: #333; width: 145px; border-right: 2px solid #CCC; }
#estudiante table td h2 { margin: 0 0 0 2px; }
#estudiante table td h3 { margin: 0 0 0 2px; font-weight: normal; }
#estudiante table td span { color: #FFCC33; }
#estudiante table td input { width: 346px; height: 20px; border: 0; padding: 4px 0; }
#estudiante table td select { width: 346px; height: 28px; border: 0; padding-top: 6px; }

/* detalles.php */
#estudiante #listado table {
	width: 994px;
	margin: 10px 0 0 3px;
	background: #666;
	border: 1px solid #CCC;
}
#estudiante #listado td { text-align: center; }
#estudiante #listado table tr > td:first-child { background: inherit; width: auto; border-right: 0; }
#listado td.abierta { color: #ffcc33; }
#listado tr.abierta { background: #b3393d; }

/* estudiante.php */
#estudiante #listado td input, #estudiante #listado td select { width: auto; }

/*** Listado ***/
#filtros div { margin-top: 15px; text-align: center; }
#filtros span { margin-left: 5px; }