/*
	RESET & BASICS
*/
html,body,h1,h2,h3,h4,h5 { font-family: "Montserrat"; }
ul		{ list-style: none inside; }
p		{ font-size: 1em; line-height: 1em; margin-bottom: 1em; color: #FFFFFF; }
a		{ outline: none; }
a img	{ border: none; }
/*
	END RESET
*/

/*
	TOOLBOX
*/
.floatleft	{ float: left; }
.floatright { float: right; }
.clear		{ clear: both; }
/*
	END TOOLBOX
*/

/* COLORES */
/*
	Red: #B13E3A
	Back: #333333
	Header: #666666
	Content: #BBBBBB, #DDDDDD
*/
/* END COLORES */

/*
	ESTRUCTURA
*/
body		{
	background-color: #333333;
}
#page-wrap	{
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 100vh;
}
#main-content	{
	padding: 30px 50px 30px 50px;
	background-color: #BBBBBB;
	font-size: 0.8em;
	padding-bottom: 2rem;
	min-height: 80vh;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	border-collapse: collapse;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

#main-content p{
	color: #222;
}
#errores{
	color: #b13f36;
}
#correcto{
	color: #006600;
	font-weight: bold;
}
.btn {
  background-color: #267207;
  border: none;
  border-radius: 3px;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 15px;
}
.btn:hover {
  background-color: #62ad46;
  color: #333333;
}
.cct{
	font-size: 1em;
	font-weight: bold;
	color: #b13f36;
}
.total{
	display: block;
	border: none;
	font-weight: bolder;
	background-color: inherit;
	cursor: not-allowed;
	color: black;
}
.total:hover{
	cursor: not-allowed;
}
/*TABLAS START*/
.contenido {
	border-collapse: collapse;
	margin: 3px 0;
	font-size: 0.9em;
	min-width: 100%;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
}
.contenido thead tr, .contenido th{
	background-color: #666666;
	color: #ffffff;
	//text-align: left;
	font-weight: bold;
}
.contenido th, .contenido td{
	padding: 1px 10px;
}
.contenido tbody tr{
	border-bottom: 1px solid #444444;
}
.contenido tbody tr:nth-of-type(even){
	background-color: #DDDDDD;
}
.contenido tbody tr:last-of-type{
	border-bottom: 2px solid #666666;
}
.contenido td, .contenido th{
	border-left: 1px solid #444444;
}
.contenido td:first-of-type{
	border-left: none;
}
.contenido th:first-of-type{
	border-left: none;
}
.docentes {
	background-color: #666666;
	color: #FFFFFF;
	border-bottom: 1px solid #444444;
	font-weight: bold;
	text-align: center;
}
.docentes tr:nth-of-type(even){
	background-color: #DDDDDD;
}
/*TABLAS END*/

/*INPUT START*/
.datos, .total{
	display:block;
	width: 20%;
	margin: 1px 0;
	padding: 0;
	background-color: inherit;
	text-align: center;
}
.datos {
	border-radius: 3px;
	border: 1px solid #aaa;
	transition: .2s border-color;
}
.datos:hover {
	border: 1px solid #fff;
}
/*INPUT END*/

/*BUTTON START*/
.button {
	display: inline-block;
	border-radius: 5px;
	background-color: #333333;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
	width: 100px;
	transition: all 0.1s;
	cursor: pointer;
	margin: 2px;
}
.button:hover{
	background-color: #000000;
	color: #AAAAAA;
	border: 1px solid #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 1);
}
/*BUTTON END*/

/* FOOTER INDEX*/
#footer-index {
	background-color: #DDD;
	font-size: 1.2em;
	padding: 20px 0px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2rem;
}
#footer-index a{
	text-decoration: none;
	font-weight: bold;
	color: black;
}
#footer-index a:hover{
	font-weight: bolder;
	color: gray;
}
/* END FOOTER INDEX */
/* FOOTER */
#footer {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 1em;
	padding: 20px 0px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 1);
}
#footer a{
	text-decoration: none;
	font-weight: bold;
	color: black;
}
#footer a:hover{
	font-weight: bolder;
	color: gray;
}
/* END FOOTER */