/*------------------------------------*/
@media screen and (min-width: 801px) {
   #menu a{padding: 0 12px;}		
   .menu_f{display: none;}		
}
@media screen and (min-width: 600px) {	
 .abonos{width: 85%;}
 .abono_banco{width: 75%;}	
 .descuento{width: 65%;}
  body{margin: 100px 0 0 0;}
}
@media screen and (max-width: 599px) {	
 .abonos, .abono_banco, .descuento{width: 100%;}	
}
@media screen and (min-width: 400px) and (max-width: 599px) {	
  body{margin: 140px 0 0 0;}
}
@media screen and (max-width: 399px) {
  body{margin: 150px 0 0 0;}
}
@media screen and (max-width: 800px) {
   #menu a{padding: 0 8px;}	
  .table-responsive{margin-left: 15px !important;}	
}
/*------------------------------------*/
#menu {
	/* background-color: #eef8ff; */
	background-color: #f9f9f9; 
    width: 100%; float: left;
	padding-left:0px;font-size: 13px;
	font-family: "Times New Roman",Times,serif;
}
#menu ul {	
	list-style: none; margin: 0 0 0 -1px; padding-left: 0;
    z-index: 99999;	
}
#menu li {        
	float: left; position: relative;
}
#menu a {
	margin-left:1px;
	color: #535353; display: block;
	line-height: 35px;
	text-decoration: none; 
}
#menu a:hover{
   background: #61b0df; color: #FFFFFF;
   }
#menu ul ul a {
	 background: #F2F2F2; line-height: 12px; color: #535353;  /*#E6EFE6;*/
        padding: 10px 10px; width: 140px;
        margin-left:2px;
}
#menu li ul{
    	display:none;
    	position:absolute;  	
}  
#menu li:hover > ul{
    	display:block;
}
#menu li ul li{
    	position: relative;
    }
#menu li ul li ul{
	    right: -163px;
		top:0px;		
}
#menu li ul li ul{
      position: relative;
    } 
#menu li ul li ul li{
	    right:2px; top:-32px;
}