body {
	margin: 0;
	padding: 0px 0 0 0;
}
 
#page {
    margin: 0px auto;
    width: 100%;
	
}
 
#header {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 5px 0 0 0;
    background-color: #8d857e;
    font-size: 20px;
    color: #0000;
}
 
#content {
    height: 100%;
    overflow: auto;
    padding: 0% 1% 0% 1%;
    width: 98%;
}



.logininput{
	
	
    font-size: 0.8rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 13px 10px;
    width: 230px;
    margin-bottom: 20px;
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
    clear: both;
	}	


.buttona {
    background-color:#CFEA64; 
    border: none;
    color: black;
    padding: 9px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.buttona1:hover {
    background-color: #555555;
    color: white;
}



.boton2 {
  font-family: Georgia;
   background-color: #157dc3; 
    border: none;
    color: black;
    padding: 12px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    margin: 0px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.boton2:hover {
   background-color: #555555;
    color: white;
}



	
.header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px;
	background-color: #afa669;
	padding: 0px;
	z-index: 1;
}
#tabla1 {
    font-family: Roboto;
    border-collapse: collapse;
   	font-size:12px;
	border: 1px solid #000000;
	}

#tabla1 td, #customers th {
    border: 1px solid #000000;
    padding: 8px;
	
}

#tabla1 tr:nth-child(even){background-color: #ffffff
}

#tabla1 tr:hover {background-color:#E9FAFE;}

#tabla1 th {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E1E1E1;
	color: black;
	text-align: center;
	padding: 2px 2px;
	font-family: Roboto;
	border: 1px solid #000000;
	
}

.button {
    background-color: #F0AC1E; 
	font-family: "Fira Sans", sans-serif;
    border: none;
    color: black;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.button1:hover {
    background-color: #F7D288;
	font-family: "Fira Sans", sans-serif;
    color: white;
}
.buttonx {
    background-color: #157dc3; 
    border: none;
    color: black;
    padding: 1px 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttonc {
    background-color:#CCE379; 
    border: none;
    color: black;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttoncr {
    background-color:#000; 
	color:#FFF;
    border: none;
    color: black;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}


.calendar-day, .calendar-day-head{
    border: 1px solid #ddd;
    padding: 5px;
	font-family: Roboto;
}
.calendar-day-head{
    background: #ddd;
	font-family: Roboto;
}

input:valid {
    background-color:#F5F5F5;
	
}

input:invalid {
    background-color:#CBCAC9;
	border-color:#EC6451
}
/*estilos tabla*/

.tabla1 {
    border-collapse: collapse;
    font-size:12px;
	border: 1px solid #000000;	}
.tabla1 td, #customers th {
    border: 1px solid #000000;
    text-align: left;
    }	
.tabla1 tr:nth-child(even){background-color: #ffffff}
.tabla1 tr:hover {background-color:#E9FAFE;}
.tabla1 th {
	padding-top: 8px;
	padding-bottom: 8px;	
	background-color: #E1E1E1;
	color: black;
	text-align: center;
	padding: 12px 12px 14px;
	font-family: Roboto;
	border: 1px solid #000000;}