table {
	width: 300px;
	height: 100px;
}

th.th  {
	text-align: center;
	color: black;
	font-size: 16px;
}

td {
	height: 50px;
}

input.form-control {
	font-size: 15px;
}

th p {
	color: white;
	background: #008888;
	border-radius: 10px;
}
.inicio .header img{
	max-width: 700px;
}
.inicio .header {
	text-align:center;
}
.container {
	font-family: 'Quattrocento Sans', sans-serif;
}

html,body, .login .container {
	height: 100%;
}

.log {
	height: 50px;
	text-align: center;
}

.cerrar_sesion {
	text-align: right;
}

.video-tema {
	text-align: center;
}

.loading {
	width: 50px;
}
.temas p{
	font-weight: 600;
	color: #2daee7;
}
.tema {
    line-height: 20px;
}
.temas, .opciones{
	padding: 0 0 10px 10px; 
}
.panel-izquierdo {
	border-right: 2px solid black;
	min-height: 528px;
	padding-left: 10px;
	padding-right: 10px; 
}
.temas li, .opciones li{
	border-bottom: 1px solid gray;
	font-size: 13px;
}
.temas li i {
    font-size:16px;
    font-weight: bold;
}
.temas li div {
    padding: 10px;
}
.temas li a, .opciones li a{
    font-size: 14px;
	color: black;
	font-weight: bold;
	padding: 5px;
}
#muestra {
    padding-top: 100px;
}

.temas li a:hover {
    color: gray;
}

.selected {
	border-bottom: 1px solid gray;
    font-weight: bold;
}
.footer {
	text-align:center;
	background: #168946;
	padding: 30px 0;
	color: #ffffff;
}
.footer a {
	color: white;
}
.img-b {
	max-width: 70%;
}
.encabezado {
	margin: 5px auto;
	padding: 10px 20px 0px 20px;
	border: 2px dashed gray;
}
.encabezado p {
	font-weight: bold;
}
.encabezado span {
	color: gray;
}
.cuerpo {
	margin-top: 30px;
}

.login .container {
	display: flex;
    justify-content: center;
    align-items: center;
}
a {
	color: black;
	cursor: pointer;
}
.glyphicon.glyphicon-book {
	 color:#fdca17;
}
.glyphicon.glyphicon-book:hover {
	color: #fe5a0c;
}
.temas-parent, .opciones-parent {
	cursor: pointer;
}
.temas-parent {
	font-size: 16px;
	text-transform: uppercase;
	color: #678c03;
}
h5 {
	font-weight: bold;
}
#current-name {
	margin: 20px 10px;
}

form {
	text-align:center;
}

#prev {
	font-size: 20px;
}

form#consulta {
	text-align: left;
}
label.form-label {
	font-size: 15px;
}

.btn.btn-info {
	font-size: 15px;
}
.intro {
	border-bottom: 2px solid gray;
	margin-bottom: 15px;
}
.intro p {
	font-size: 15px;
	color: black;
}