/* layout */
body { 	margin:0; padding:0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px; 
		color:#000;
} 
h1 { font-size:22px; color:#000033; border-bottom:groove 4px #000066; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { font-size:14px; color:#006699; border-bottom:groove 2px #006699  }
h3 { font-size:16px; color:#660000; }
h4 { font-size:16px; color:#660000; margin:3px; }

table { border:0; padding:0; }
td { border:0; }
th { text-align:left;  font-weight:normal; color:#333333 }

tr { border:0 }
fieldset { padding:5px; }
legend { font-size:10px; color:#999999; vertical-align:top }
p { color:#333333 }
hr { border-top:#CCCCCC 1px dashed; border-bottom:0; border-left:0; }

.app_head { 
	background:url(../images/app/top.png);
	height:95px;  
}
.onlylogo {
	height:95px;
	width:300px;
	background:url(../images/app/logo.png);
}
/* absolute */
.app_content_abs { height:100%;   position:absolute; bottom:0px;  }
.app_foot_abs { background:url(../images/app/foot.png); height:65px; width:100%; position:absolute; bottom:0;  }
/* end ansolute */

.app_div_menu {
	background-color:#000000
}

.app_menu {
	height:20px; 
	background:#000000; padding:2px; color:#FF9900; 
	border-top:#666666 solid 2px;  
	border-bottom:#666666 solid 2px; 
	vertical-align:middle;
}


.app_menu .link { font-size:10px; color:#FF0000; font-weight:bold;  }
.app_menu .link_item { font-size:10px; color:#FF9900;  text-transform:capitalize; font-weight:bold;  }

.app_content { padding:20px; margin:0; min-height:400px;  }
.app_foot { 
	background:url(../images/app/foot.png); height:50px; 
	border-bottom:#000 solid 1px;
	border-top:#000 solid 2px;
	text-align:center; color:#FF9900; font-size:9px;
}
.app_foot a { color:#FF9900; text-decoration:none;  }

/*  Controles */
/*	FFFFCC = amarillo bajo, backgrounds controles
	FEB783 = marron, bordes, 
	FFFF99 = amarillo medio-bajo, hover
*/ 
 
input { font-family:inherit; font-size:11px; }
.cl_percent { font-size:10px; text-align:right; }

.def { 
    background-image:url(../images/app/bg2.png);
	border:1px solid #99CCFF;   
}

.def_ff {
	font-family: serif;
}
.def:focus { border-color:#0066FF; }
.def:hover { border-color:#0066FF;  } 


.panel_form input[type=text] {   
	min-width:200px;
}
.txt-center { text-align:center }
.txt-cap { text-transform:capitalize; }
.txt-up { text-transform:uppercase; }
.txt-lo { text-transform:lowercase; }
.txt-under { text-decoration:underline; }
.txt-curve { font-style:oblique; }
.txt-no-bold { font-weight:normal } 
.txt-9g { font-size:9px; color:#666666 }
.txt-10 { font-size:10px; }
.txt-11 { font-size:11px; }
.txt-12 { font-size:12px; }
.txt-14 { font-size:14px; }
.txt-16 { font-size:14px; }
.txt-18 { font-size:18px; }
.txt-24 { font-size:24px; } 
.txt-28 { font-size:28px; } 


.txt-bold { font-weight:bold }
.txt-white { color:#CCCCCC; }
.txt-red { color:#FF0000; }
.txt-blue { color:#0000CC; }
.txt-orange { color:#FF9900; }
.txt-black { color:#000000; }
.txt-horange { color:#990000; }


.txt-right { text-align:right; }
.m3x { margin:3px; } 

.color_def { color:#333333 }

.pagination { font-size:12px; padding-top:5px; padding-bottom:5px; }
.link_pag { color:#0066FF; text-decoration:none;  }
.nb_pag { color:#333333; font-weight:bold; font-size:14px;  }
.pagination_desc { font-family:11px; margin-top:5px; color:#666666; }

/* proforma */
.none {   }
.pro_cod { 
text-transform:uppercase;
width:55px; border:0; 
border:dashed #666666 1px;   
}

.pro_desc_l {  /* <-- L */
text-transform:capitalize;
width:220px; border:0; 
border:dashed #666666 1px;   
}

.pro_desc { 
text-transform:capitalize;
width:145px; border:0; 
border:dashed #666666 1px;   
}


.pro_cant { 
text-align:right;
width:35px; border:0; 
border:dashed #666666 1px;   
}
.pro_pu { 
text-align:right;
width:45px; border:0; 
border:dashed #666666 1px;   
}
.pro_pt { 
text-align:right;
width:45px; border:0; 
border:dashed #666666 1px;   
}

.label { border:1px #666666 dashed; } 


/* Docs - Factura NV Recibos  EBEBEB  */

.tr_hdoc { 
height:20px;  
background-color:#CCCC99;
}
.hd_def { 
border:#333333 solid;   
border-width:1px 0px 1px 0px;
padding:0px 5px 0px 5px; 
}

.hd_opc { 
width:48px; text-align:center;
}

.hd_cod { 
width:65px; text-align:center;
border:#333333 solid;
border-width:1px 0px 1px 0px;
padding:0px 5px 0px 5px;
}
.hd_desc { 
width:175px; text-align:center;
border:#333333 solid;
border-width:1px 0px 1px 0px;  
padding:0px 5px 0px 5px; 
}

.hd_generic { 
text-align:center;
border:#333333 solid;
border-width:1px 0px 1px 0px;  
padding:0px 5px 0px 5px; 
}


.hd_cant { 
text-align:center;
width:30px;
border:#333333 solid;
border-width:1px 0px 1px 0px;
padding:0px 5px 0px 5px; 
}
.hd_pu { 
text-align:center;
width:60px;  
border:#333333 solid;   
border-width:1px 0px 1px 0px;
padding:0px 5px 0px 5px; 
}

.hd_pt { 
text-align:center;
width:60px; 
border:#333333 solid;   
border-width:1px 0px 1px 0px;
padding:0px 5px 0px 5px; 
}

.hd_opc_history { 
width:100px; text-align:center;
border:#333333 solid;   
border-width:1px 0px 1px 0px;
padding:0px 5px 0px 5px; 
}


.doc_def {  
background-color:#F3F3E9;  
border:1px solid #666666;
}

.doc_def:focus  {  
background-color:#CCCCCC;  
border:1px solid #000000;
}


.doc_cod { 
text-transform:uppercase;
width:70px;  
}

.doc_desc { 
text-transform:capitalize;
width:180px;   
margin:auto;
}

.doc_cant { 
text-align:right;
width:35px;  
}
.doc_pu { 
text-align:right;
width:65px;    

}
.doc_pt { 
text-align:right;
width:65px; 
}


/* Find Docs */





input[type=checkbox] { 
    background-image:url(../images/app/bg2.png);
	border:1px solid #99CCFF;   
}
input[type=checkbox]:hover {
    background-image:url(../images/app/bg2.png);
	border:1px solid #99CCFF;   
 } 

input[type=radio] { 
 background-image:url(../images/app/bg2.png);
	border:1px solid #99CCFF;
}
input[type=radio]:hover { border-color:#0066FF; } 

textarea {
    background-image:url(../images/app/bg2.png);
	border:1px solid #99CCFF;   
	font-family:inherit; font-size:inherit; }
	
textarea:hover { border-color:#0066FF;}
textarea:focus { border-color:#0066FF;}

select { 
font-size:inherit; font-family:inherit; 
    background-image:url(../images/app/bg2.png);
	border:1px solid #99CCFF;   
	
	 } 

 
/* clases */

.error_list { font-size:9px; font-weight:bold; color:#FF0000; margin:0px; padding-left:15px;   }

.panel_content { margin:15px; padding:5px; }
.panel_report1 { font-size:11px; margin-left:25px; padding:5px; border:1px dashed #CCCCFF; }

.panel_reg_personal { border:1px solid #0066FF; width:320px;  }
.panel_reg_personal .cont { padding:20px; padding-bottom:35px; background-image:url(../images/app/bg2.png); }

.panel_reg_personal .title { letter-spacing:2px; background:url(../images/app/top.png);  color:#CCCCCC; font-family:"Courier New", Courier, monospace; font-size:12px; text-align:center; padding:3px; }

.panel_search { text-align:left; font-size:16px; border:dashed #CCCCCC 1px; padding:5px; padding-left:20px; padding-top:5px; }
.panel_dashed { border:dashed 1px #CCCCCC; padding:3px; }
.panel_solid { border:solid 1px #CCCCCC; padding:3px; }


.doc_main {	
	width:530px;
}
.doc_body {	
	padding:3px;
}


.panel_search input { font-size:16px }
/* para imgs */
.noborder { border:0;}
.size16 {  width:16px; }
.size24 {  width:22px; }
.img_ok {  background-image:url(../images/app/icons/apply_f2.png); width:36px; height:36px;  }

.dash_left { border-left:#CCCCCC 1px dashed }
.dash_top { border-top:#F3F3F3 1px dashed }

.tr_table {  background-image:url(../images/app/menu/main-bg.png) ; 
background-color:#000000; color:#FFFFFF; padding:9px; border-right:1px #000000 solid;  font-weight:bold; font-size:11px; }
.r_l_tr { border-left:solid 1px #000000;  }

.row_0 { background-color:#CCCCCC; 
border-right:solid 1px #999999; border-bottom:solid 1px #999999; 
padding:0px 8px 0px 8px;
}
.r_l { border-left:solid 1px #999999;  }
.row_1 { 
background-color:#EBEBEB; 
border-bottom:solid 1px #999999; 
border-right:solid 1px #999999; 
padding:0px 8px 0px 8px;
}

.row_3 { background-color:#FFFF99; 
border-right:solid 1px #999999; border-bottom:solid 1px #999999; 
padding:0px 8px 0px 8px;
}



.row_black { background-color:#000000 }
.border-def { border:1px #333333 solid; }

.link_black { color:#000000; text-decoration:underline; font-weight:bold; }

.panel_login {  background-image: url(../images/app/login.jpg); width:405px; height:250px; }
.no-visible { display:none }


/* CSS Print  */

.print_content { 
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; 
	margin: 5px;
}


/* END CSS Print  */


.no_style_t { text-decoration:none; }
.blue_link { color:#0066CC; }
.grey_link { color:#666666; }


.importante { padding:10px; clear:both; max-width:300px; text-align:center; color:#990000; font-size:14px; border:#FF0000 2px solid; background-color:#FFFF99; }

.importante_b { padding:10px; clear:both; max-width:300px; text-align:center; color:#000000; font-size:14px; border:#0066FF 2px solid; background-color:#CCFFFF; }

.topinfo {
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
padding:10px;
}

.h_ingreso {  
height:18px; cursor:pointer;
border:#0000CC 1px solid; background-color:#D9ECFF;
}

.h_ingreso:hover {    
 background-color:#B3D9FF;  
}

.def_r {  background-image:url(../images/app/bg2.png);
	border:1px solid #999999;
	color:#666666;
	
}



/* prf */
.prf{display:block}
.prf *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D7C8F7}
.prf1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3fcf2;
  border-right:1px solid #f3fcf2;
  background:#eafbe8}
.prf2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfefc;
  border-right:1px solid #fcfefc;
  background:#e9fae6}
.prf3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9fae6;
  border-right:1px solid #e9fae6;}
.prf4{
  border-left:1px solid #f3fcf2;
  border-right:1px solid #f3fcf2}
.prf5{
  border-left:1px solid #eafbe8;
  border-right:1px solid #eafbe8}
.prffg{
  background:#D7C8F7;
  padding:5px;
  
  }



/* nv */

.nv{display:block}
.nv *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D1DFF0}
.nv1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ebf1f8;
  border-right:1px solid #ebf1f8;
  background:#dce7f3}
.nv2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafbfd;
  border-right:1px solid #fafbfd;
  background:#d9e5f2}
.nv3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d9e5f2;
  border-right:1px solid #d9e5f2;}
.nv4{
  border-left:1px solid #ebf1f8;
  border-right:1px solid #ebf1f8}
.nv5{
  border-left:1px solid #dce7f3;
  border-right:1px solid #dce7f3}
.nvfg{
  background:#D1DFF0}
  
  /*   
  
<div>
  <b class="nv">
  <b class="nv1"><b></b></b>
  <b class="nv2"><b></b></b>
  <b class="nv3"></b>
  <b class="nv4"></b>
  <b class="nv5"></b></b>

  <div class="nvfg">
    <!-- content goes here -->
  </div>

  <b class="nv">
  <b class="nv5"></b>
  <b class="nv4"></b>
  <b class="nv3"></b>
  <b class="nv2"><b></b></b>
  <b class="nv1"><b></b></b></b>
</div>

  
   */




.fact{display:block}
.fact *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFF4A3}
.fact1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fffad7;
  border-right:1px solid #fffad7;
  background:#fff6ba}
.fact2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fffdf5;
  border-right:1px solid #fffdf5;
  background:#fff6b4}
.fact3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fff6b4;
  border-right:1px solid #fff6b4;}
.fact4{
  border-left:1px solid #fffad7;
  border-right:1px solid #fffad7}
.fact5{
  border-left:1px solid #fff6ba;
  border-right:1px solid #fff6ba}
.factfg{
  background:#FFF4A3}
/*

<div>
  <b class="fact">
  <b class="fact1"><b></b></b>
  <b class="fact2"><b></b></b>
  <b class="fact3"></b>
  <b class="fact4"></b>
  <b class="fact5"></b></b>

  <div class="factfg">
    <!-- content goes here -->
  </div>

  <b class="fact">
  <b class="fact5"></b>
  <b class="fact4"></b>
  <b class="fact3"></b>
  <b class="fact2"><b></b></b>
  <b class="fact1"><b></b></b></b>
</div>


*/

.ped{ display:block }
.ped *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E3E2C4}
.ped1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fffad7;
  border-right:1px solid #fffad7;
  background:#fff6ba}
.ped2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fffdf5;
  border-right:1px solid #fffdf5;
  background:#fff6b4}
.ped3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fff6b4;
  border-right:1px solid #fff6b4;}
.ped4{
  border-left:1px solid #fffad7;
  border-right:1px solid #fffad7}
.ped5{
  border-left:1px solid #fff6ba;
  border-right:1px solid #fff6ba}
.pedfg{
  background:#E3E2C4
}