body {
	font-family: 'Open Sans';
	background: #fff;
}
h1 {
	font-weight: 800;
	font-size: 4.8em;/*color: #fff;*/
}
h2 {
	font-size: 1.6em;
	margin: 20px 0;
}
p {
	font-size: 1.4em;
}
label {
	font-size: 1.4em;
	color: #333;
	display: block;
	margin: 5px 0;
}
input {
	padding: 8px 25px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-right: 5px;
}
#horas{
	font-family: 'Open Sans';
	font-size: 1.4em;
	border: 1px solid #707070;
	padding-left: 20px;
	width: 5%;
}
select {
	padding: 10px;
	font-size: 1.4em;
	width: 25%;
	margin-bottom:20px;
}
tr {
	margin: 10px 0;
}
tr:nth-of-type(odd) {
	background: #eee;
}
td {
	padding: 10px;
	font-size: 1.4em;
	border: 1px solid #aaa;
}
.logo {
	margin: 0 auto;
}
.logo img {
	margin: 0 auto;
	display: block;
	/*width: 45%;*/
	max-width: 250px;
	width: 100%;
	margin-bottom:30px;
}
/*Login form*/

#login {
	max-width: 290px;
	margin: 0 auto;
}
.estilo-boton {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	font-size: 1.6em;
	background: #000;
	border: 1px solid #000;
}
a.estilo-boton:hover {
	background: #262626;
	-webkit-transition: all ease 200ms;
	-o-transition: all ease 200ms;
	transition: all ease 200ms;
}
.estilo-boton input {
	position: absolute;
	width: 0;
	height: 0;
	visibility: hidden;
}
.botonera {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
a.recuperar {
	font-size: 1.2em;
	text-decoration: none;
	color: #393C70;
}
a.recuperar:hover {
	color: #5F6070;
}
.contenedor {
	/*background: #ccc;*/
	width: 100%;
	height: auto;
}
#contenedor_tabla {
	margin: 20px 0;
}
#contenedor_tabla p.sin_registros {
	width: 100%;
	text-align: center;
	color: #c00;
}
.text {
	font-family: 'Open Sans';
	font-size: 1.4em;
	color: #6B6B6B;
	border: 1px solid #707070;
	padding-left: 15px;
	text-align: center;
	width: 100%;
}
#form_login .bloque_form {
	margin-bottom: 10px;
	width: 100%;
}
#contenedor {
	width: 100%;
	border: 1px solid #000000;
}
.contenedor_login {
	border: 1px solid #000000;
	width: 500px;
	margin: 100px auto auto auto;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
}
.bloque {
	width: 100%;
	border: 1px solid #F96366;
}
/****Estilos interior*****/

#cuerpo {
	margin-bottom: 20px;
}
.datos {
	width: 100%;
	height: auto;
}
.datos img {
	max-width: 150px;
	display: block;
	float: right;
}
.datos h4 {
	font-size: 1.6em;
	color: #000;
	font-weight: 300;
	text-align: none;
}
a.boton-verde {
	display: inline-block;
	font-size: 1.4em;
	color: #fff;
	background: #333;
	border-radius: 2px;
	height: auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
a.boton-verde:hover {
	background: #000;
}
a.boton-cerrar {
	text-decoration: none;
	color: #3a7999;
	font-size: 1.2em;
}
.contenedor-table {
	margin: 30px -15px 0;
	margin-bottom: 10%;
}
.cuerpo {
	margin-top: 20px;
}
.exito {
	background: #5EA359;
	padding: 5px 10px;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	margin-top: 15px;
}
.error {
	background: #D84949;
	padding: 5px 10px;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	margin-top: 15px;
}
.imput-derecha {
	width: 25%;
	height: 100px;
	font-size: 1.4em;
	padding: 5px;
	display: block;
	margin-bottom: 17px;
}
/***Tabla***/

table td.ultimo {
	width: 10%;
	background: #fff;
	border: none;
	text-decoration: none;
}

table td.ultimo a{
	text-decoration: none;
	color: darkred;
}

table td.ultimo a:hover{
	text-decoration: underline;
	color: red;
}

#aviso {
	width:50%;
	position:fixed;
	bottom:10px;
	left:25%;
	text-align:center;
	/*background:#666;*/
	background:#3a7999 none repeat scroll 0 0;
	color:#fff;
	font-size:1.2em;
	line-height:18px;
	padding:10px 10px;
	box-sizing:border-box;
	-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16) , 0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16) , 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.16) , 0 2px 10px 0 rgba(0,0,0,.12);
	z-index:9999;
}
.requerido_bitacora{
	color: #d9534f;
}
#cuerpo span{
	font-size: 1.4em;
	color: #333;
	margin: 5px 0;
}
/****media queries******/


@media only screen and (max-width: 768px) {
.imput-derecha {
	width: 70%;
}
}

@media only screen and (max-width: 435px) {
h2 {
	font-size: 2em;
	text-align: center;
	margin: 20px 0;
}
.imput-derecha {
	width: 100%;
}
tr {
	display: block;
}
table td:nth-child(1) {
	width: 100%;
	display: block;
	text-align: center;
}
table td:nth-child(2) {
	width: 100%;
	display: block;
	text-align: center;
}
table td:nth-child(3) {
	width: 100%;
	display: block;
	text-align: center;
}
table td:nth-child(4) {
	width: 100%;
	display: block;
	text-align: center;
}

table td.ultimo {
   text-align: center;
}
		
.datos img {
	max-width: 150px;
	display: block;
	float: none !important;
	margin: 0 auto;
	margin-bottom: 20px;
}
select {
	width: 100%;
}
input.requerido.valido, textarea.requerido.valido, select.requerido.valido {
	border: 1px solid #ccc !important;
}
label {
	text-align: center;
}
a #cerrar_sesion .boton {
	width: 100%;
}
a.boton-verde {
	display: block;
}
a.boton-cerrar {
	display: block;
	text-align: center;
	/*margin: 0 auto;*/
	padding: 10px;
	text-decoration: none;
	/*border: 1px solid #000;*/
	color: #3a7999;
	margin: 2% 33%;
	background: #ccc;
	border-radius: 2px;
}
.datos h4 {
	text-align: center;
}
}

#comunidad{
	background:#333;
	font-size:1.2em;
	line-height:30px;
	padding-right:20px;
	margin-bottom:30px;
}
#comunidad a, #comunidad span{
	float:left;
	background:#666;
	color:#fff;
	padding:0 20px;
	margin:0;
	margin-right:2px;
	text-decoration:none;
}
#comunidad span{
	background:#fff;
	color:#333;
}
#usuario{
	color:#fff;
	float:right;
}