@font-face 
{
    font-family: myFirstFont;
    src: url(images/oxygen.woff);
}

*
{
	font-family: myFirstFont;
}

body
{
	background-color: #FFF;
	background-size: cover;
	background-blend-mode: color-dodge;
}

.crusito{
	padding: 15px;
	width: 70%;
	margin-bottom: 10px;
	background-color: #DBDBDB;
	border-radius: 12px;
}

span.titulocurso{
	font-size: 20px;
	color: white;
	font-weight: bold;
	background-color: #D9022E;
	border-radius: 12px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.Horarios span
{
	color: #D9022E;
	font-weight: bold;
	text-align: left;
}

.Horarios p
{
	font-weight: bold;
	text-align: left;
	margin-left: 5%;
}

.login
{
	text-align: center;
}

#cuerpo
{
	padding: 10px;
	margin-left: 5%;
}

#cuerpoPrincipal
{
	padding: 10px;
	width: 940px;
	background-color: white;
}

#cuerpo input
{
	margin: 5px;
	padding: 5px;
	text-align: center;
	border-radius: 10px;
}

#cuerpo textarea
{
	margin: 5px;
	padding: 5px;
	text-align: center;
	border-radius: 10px;
	width: 80%;
	max-width: 80%;
	min-height: 250px;
}

.muestra
{
	display: inline-block;
	width: 100%;
	height: 45px;
	border-radius: 10px;
	padding: 10px;
	margin: 5px;
	margin-top:0px;
	padding-top: 0px; 
	background-color: #f1f1f1;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
    overflow: auto;
    margin-right: -100px;
    padding-right: 100px;
}

.desimagen
{
	height: 32px;
	width: 100%;
}

.hide-scroll
{
	display: inline-block;
	width: 25%;
	height: 250px;
	border-radius: 10px;
	padding: 10px;
	margin: 5px;
	background-color: #f1f1f1;
	position: relative;	
	overflow: hidden;
}

.titulo
{
	font-size: 14pt;
	text-align: right;
	margin-right: 15px;
	margin-top: 15px;
	color: white;
	margin-bottom: 20px;
	display: block;
	text-decoration: none;
}

.enlace
{
	background-color: #d9022e;
	padding: 3px;	
	display: block;
	text-decoration: none;
	border-radius: 10px;
	margin:2px auto;
	color: white;
}

#contenedor
{
	background-color: white;
	margin: 50px auto;
	max-width: 1000px;
	height: auto;
	border: 1px dotted silver;
	margin: 10px auto;
	border-radius: 10px;
}

#contenedorlogin
{
	background-color: white;
	margin: 50px auto;
	max-width: 700px;
	height: auto;
	border: 1px dotted silver;
	margin: 10px auto;
	border-radius: 10px;
}

#contenedorPrincipal
{
	background-color: white;
	margin: 50px auto;
	max-width: 960px;
	height: auto;
	border: 1px dotted silver;
	margin: 10px auto;
	border-radius: 10px;
}

.descargar
{
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 10px;
	top: 40px;
}

.ver
{
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 10px;
	top: 10px;
}

.ver img, .descargar img, .iconborrar img
{
	width: 32px;
	height: 32px;
}

.iconborrar
{
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 10px;
	top: 75px;
	cursor: pointer;
}

table.admin
{
	margin-top: 35px;
}

a.veraprobados
{
	margin-left: 100px;
	font-size: 18px;
	text-decoration: none;
	padding: 6px;
	background: #009E30;
	color: white;
	border-radius: 8px;
	font-weight: normal;
}

a.versuspensos
{
	margin-left: 100px;
	font-size: 18px;
	text-decoration: none;
	padding: 6px;
	background: #FF232D;
	color: white;
	border-radius: 8px;
	font-weight: normal;
}

h4#CuentaAtras
{
	position: fixed;
	right: 15px;
	top: 15px;
	background-color: #D9022E;
	border-radius: 10px;
	padding: 10px;
	border: 2px solid #000000;
	color: white;
}

table.cur
{
	border: 1px solid black;
	border-radius: 12px;
	padding: 2px;
	background-color: #E0E0E0;
}

table.curol
{
	border-radius: 12px;
	padding: 2px;
}

td.notas
{
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 4px; 
	background-color: #FCC91A;
}

td.lineas
{
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 4px; 
	height: 50px;
	background-color: #00B8EB;
}

td.apto
{
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 4px; 
	background-color: #009E30;
}

td.noapto
{
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 4px; 
	background-color: #FF232D;
}
d
td.repetir
{
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 2px; 
}

a.tiempo
{
	text-decoration: none;
	color: #FF232D;
	font-size: 12px;
	font-weight: bold;
}

div.entregado
{
	background-color: #3DE0CF;
	border:solid 2px;
	width: 80%;
}

div.suspenso
{
	background-color: #F85656;
	border:solid 2px;
	width: 80%;
}

a.curso
{
	text-decoration: none;
}

a.hazexamen
{
    -webkit-appearance:none;
    background:#d82031;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    min-width:155px;
    border-radius:25px;
    display:block;
    padding:14px 28px 13px 28px;
    line-height:1;
    border:2px solid #d82031;
    line-height : 15px;
    color:#fff;
    max-width:180px; 
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1.3px;
    text-decoration: none;
}

.hazexamen:hover
{
    background:#fff;
    border:2px solid;
    border-color:#d82031;
    color:#b82426 !important;
}   

/*/////////////////////////////CABECERA////////////////////////////*/
#cabecera
{
	background-image: url(images/logo2.png);
	background-position: 20px 15px;
	background-size: 120px ;
	background-repeat: no-repeat;
	padding: 10px;
	min-height: 50px;
	width: 680px;
	background-color:#D9022E; 
	margin-bottom: 0px;
	text-align: center;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

#cabeceralogin
{
	background-image: url(images/logo2.png);
	background-position: 20px 15px;
	background-size: 120px ;
	background-repeat: no-repeat;
	padding: 10px;
	min-height: 50px;
	width: 680px;
	background-color:#D9022E; 
	margin-bottom: 0px;
	text-align: center;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

#cabeceraPrincipal
{
	background-image: url(images/logo2.png);
	background-position: 20px 15px;
	background-size: 120px ;
	background-repeat: no-repeat;
	padding: 10px;
	min-height: 50px;
	width: 940px;
	background-color:#D9022E; 
	margin-bottom: 0px;
	text-align: center;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.cabecera2
{
	margin-top: 0px;
	padding: 5px;
	background-color: #c0c0c0;
	text-align: center;
}

.numsuper
{
	width: 120px;
	float: left;
	margin-right: 15px;
	display: inline-block;
}

.dirsuper
{
	width: 450px;
	display: inline-block;
	line-height: 1.5;
}

.bloqueimagen
{
	width: 80%;
	margin: 0 auto;
}
.izq
{
	display: inline-block;
	width: 45%;
	text-align: right;
}
.der
{
	display: inline-block;
	width: 45%;
	text-align: left;
}

.volver
{ 	
	cursor: pointer;
	font-family: myFirstFont;
	font-size: 16px;
	display: block;
	width: 100px;
	color: white;
	display: block;
	margin: 10px auto;
	background-color: #d9022e;
	border-radius: 10px;
	border: 1px solid  white;
	padding: 10px;
}

.volver:hover
{
	display: block;
	width: 100px;
	color: #d9022e;
	display: block;
	margin: 10px auto;
	background-color: white;
	border: 1px solid  #d9022e;
	padding: 10px;
}

.error404
{
	max-width: 100%;
}

.numsuper input, .dirsuper input
{
	margin-left: 15px;
	color: white;
	border: 0;
	height: 90%;
	line-height: 1.5;
	background-color: #fff;
	padding: 15px;
	border-bottom: 2px solid white !important;
	border-right:  1px solid white !important;
	width:95%;
}

/*/////////////////////////////CUERPO////////////////////////////*/

#tabla
{
	text-align: center;
	margin-bottom: 20px;
	border-collapse: collapse;
	display: inline-table;
	background-color: #F7F7F7;
	border-radius: 10px;
}
#tabla input
{
	background-color: #fff;
	border-radius: 10px;
}
#centro
{
	min-height:20px;
	width: 100%;
	text-align:center;
}

.separador
{
	background-color: black;
	color: white;
	font-size: 20pt;
	width:30px;
}

#margen
{
	margin-bottom: 100px;
}

#tabla th
{
	background-color:#D9022E;
	color: white;
	height: 30px;
}

#tabla th, #tabla td
{
	min-width: 100px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#tabla td input
{
	width: 80%;
	border: 0px;
	text-align: center;
}

#abajo
{
	padding: 10px;
	border: 1px dashed silver;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

#cierre
{
	margin-top: 10px;
	text-align: center;
}

#cierre input[type='submit']
{
	text-align: center;
	display: block;
	margin: 5px auto;
}

#botonlugar
{
	border-radius: 15px;
}

.cerrados
{
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

#abajoinicio
{
	background-color: #D9022E;
	padding: 10px;
	color: white;
	font-weight: bolder;
	width: 680px;
	margin-top: 30px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
 
#tabla2{ display: block;  margin: 10px auto; border-radius: 10px; padding: 10px; color: white;	border: solid 1px #FFF;	width: 140px; }
#tabla2 input{ width: 100px; border-radius: 10px; }
#tabla2 tbody tr{  }
.fila-base{ display: none; } /* fila base oculta */
.eliminar{ cursor: pointer; color: #000; width: 30px; text-align: center; }
.beliminar{  border-radius: 15px; }
.beliminar:hover{ color: #FFF; background-color: gray; border-radius: 15px; }
.numero{ text-align: center; }
 
.botonagregar
{
	border-radius: 10px;
}

.botonagregar:hover
{
 	color: #FFF; background-color: gray; border-radius: 15px; 
}

.sendform
{
    -webkit-appearance:none;
    background:#d82031;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    min-width:155px;
    border-radius:10px;
    display:block;
    padding:16px 28px 16px 28px;
    line-height:1;
    border:2px solid #d82031;
    color:#fff;
    max-width:155px;
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin: 0px auto;
}     

.sendform:hover
{
    background:#fff;
    border:2px solid;
    border-color:#d82031;
    color:#b82426 !important;
}            

.delform
{
    -webkit-appearance:none;
    background:#d82031;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    border-radius:25px;
    display:block;
    line-height:1;
    border:2px solid #d82031;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin: 0 auto;
    padding: 3px 8px 3px 8px;
}     

.delform:hover
{
    background:#fff;
    border:2px solid;
    border-color:#d82031;
    color:#b82426 !important;
}    

.copiar
{
	cursor: pointer;
}

.header
{
	width: 680px;
	margin: 15px auto;
}

.header nav
{
	height: 50px;
	background-color:#fff;
	opacity: 0.8;	
	width: 520px;
	margin: 15px auto;
	text-align: center;
	vertical-align: middle;
	line-height: 3;
	border-radius: 15px;
}

.header nav a
{
	font-size: 14pt;
	margin: 10px;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-radius: 10px;
	padding:5px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.header nav a:hover
{
	background-color: #ccc;
	opacity: 1;
}

/*
	TABLA CON PAGINACION PARA MOSTRAR LOS RESULTADOS DE LA TABLA TEMPORAL.
*/

#tabla3
{
	width: 90%;
	top: 15px;
	text-align: center;
	border-collapse: collapse;
	display: inline-table;
	background-color: #F7F7F7;
	border-radius: 10px;
}


#tabla3 th
{
	background-color:#D9022E;
	color: white;
	height: 30px;
	padding: 5px;
}


#tabla3 th, #tabla td
{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
}

#tabla3 td input
{
	width: 80%;
	border: 0px;
	text-align: center;
}


#tabla3 tr:first-child th:first-child
{
	border-top-left-radius: 25px;
}

#tabla3 tr:last-child th:first-child
{
	border-bottom-left-radius: 25px;
}

.paginacion
{
	width: 650px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 5px;
	text-decoration: none;
	text-underline-position: none;
	font-weight: bold;
	font-size: 14pt;
}

.paginacion a
{
	text-decoration: none;
	display: inline-block;
	padding: 3px;
	color: black;
}

.paginacion span
{
	text-decoration: none;
	display: inline-block;
	padding: 3px;
	color: red;
}

#cierre p span a
{
	display:inline-block;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 2px black solid;
}

#cierre p span a:last-child 
{
	border-right: 0px;
}

.panelusuario
{
	width: 50px;
	height: 50px;
	position: fixed;
	top:15px;
	right: 15px;
	background-color: #FcFcFc;
	border-radius: 10px;
	border: 2px red dotted;
}

h2
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 22px;
}

/* BUSCADOR AJAX */
#buscar
{
	margin-top: 50px;
	margin-left: 100px;
	font-weight: bold;
	font-size: 16px;
}

input.form-control
{
	margin-left: 10px;
	width: 300px;
}

.imagenmensaje{

  width: 150px;

}