*
{
	font-family:arial;
	text-align:center;
}
body
{
	top:50%;
	left:50%;
	position: absolute;
	transform: translate(-50%,-50%);
	background: orange; 
}
.ub1
{
text-align:left;
font-weight: bold;

margin-bottom:0.5em;
margin-top:0.5em;
}
.caja1
{
	background:white;
	width:20em;
    height: auto;
    position: relative;
    margin: auto;
    padding: 2em;
	border-radius: 1em;
	color:black;


}
input, select
{
	width: 100%;
    padding: 0.5em;
	font-size:1em;
	border-radius:5px;
	border:1px solid black;
	color:black;
	text-align:left;
	
}
input[type=submit],input[type=reset]
{
margin-top: 1.5em;
width:48%;
text-align:center;

}
input[type=checkbox]
{
margin-left:0;
width:10%;

}

table
{
	width:50em;
	margin:0;
	border-collapse:collapse;
	border: 0.1em solid black;
	background: #2CA0DF;
	top:50%;
	left:50%;
	position: absolute;
	transform: translate(-50%,-50%);
}

td
{
	padding:1em 2em;
	border: 0.1em solid black;
	text-align: center;
	background: #f3f3f3;
	font-weight: bold;
}

th
{
	padding:1em;
	border: 0.1em solid black;
	background-color: #70C1F7;
}
a
{
	font-size: 1em;
	text-align:center;
	
	display: inline-block;
	background-color:#FABD44;
	padding: 0.5em 0.5em;
	border-radius:0.2em;
	text-decoration: none;
	color:black;
	border:0.1em solid black;
	cursor:pointer;
}

.formtlo
{
	font-size:2em;
	font-weight: bold;
	padding-bottom:0.8em;
	color:black;
}


.caja 
{
	width: 80%;
}

.caja2 
{
	width: 30%;	
}

.caja2 p 
{
	display: inline-block;
}

.fecha 
{
	font-family: Arial;
	text-align: center;
	font-size: 1em;
	margin-bottom: 1em;
	background: white; 
	border:2px solid black;	
	padding: 20px;
	width: 100%;
	font-weight: bold;
	border-radius:5px;
		
}

.reloj2 
{
	font-weight: bold;
	font-family: Arial;
	width: 100%;
	padding: 20px;
	font-size: 2em;
	text-align: center;
	background: white;
	border:2px solid black;
	border-radius:5px;
}