body{
	background:#FFFFFF;
}

.sitio {
	background: #fff;
	font-family: Arial;
	width: 100%;

}


.acceso{
	font-size: 10px;
	text-align: right;
}

.marca{
	
	text-align: center;
	box-sizing:border-box;
}

.menup {
	text-align: center;
	box-sizing:border-box;
}
.menup ul li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	cursor:pointer;
	color: #000;
	Background-color: #fff;	
}

.menup ul li:hover{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	color: green;
	cursor:pointer;
	color: #fff;
	Background-color: #000;		
	
}

section {
	float: right;
	margin: 0 1%;
	width: 80%;
	height: 100%;
	box-sizing:border-box;
	background: #fff;
}
aside {
	float: left;
	margin: 0 1%;
	width: 16%;
	height: 100%;
	box-sizing:border-box;
	background: #fff;
}


footer {
	clear:both;
	float: bottom;
	box-sizing:border-box;
	width:100%;
	color:#fff;
	background: #069141;
	height: 20px;
	position: relative;
	bottom:0px;
	text-align:center;
}

.menu tr td {
  Background-color: #15f373;
  cursor:pointer;
  color: #FFF;
}

.menu tr td:hover {
  Background-color: #15f373;
  cursor:pointer;
  color: #000;
}

.submenu{
	list-style-type: none;
    margin: 0;
    padding: 0;

}
.submenu li {
	color: #ffffff;
	cursor:pointer;
	Background-color: #1dbc61;
    list-style-type: none;
    margin: 0;
    padding: 0;
	
	
}

.submenu li:hover {
	color: #000;
	cursor:pointer;
	Background-color: #5f5f5f;
    list-style-type: none;
    margin: 0;
    padding: 0;
	
}

.rcaja td {
	font-size:20px;
	width: 200px;
}

.rcaja th {
	font-size:20px;
	width: 200px;
}

.deuda {
	Background-color: #ff0000;
}
.favor {
	Background-color: #00ff00;
}

@media screen and (max-width: 480px){

aside {
	float: none;
	margin: 0 1%;
	width: 100%;
	
	box-sizing:border-box;
	background: #fff;
}
}