* {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

body {
	background: ;
	font-family:Verdana, Arial, sans-serif;
	text-align: left;
	font-size:12px;
	color:#000;
}

#header {
	width: 100%;
	height: 30px;
	background: ;
	border-bottom:#bbb 1px solid;
	top: 0;
}

#footer{
	border-top:1px #BDBDBD solid;
	position: fixed;
	bottom: 0;
	width:100%;
	display:table;
	padding:3px;
}

#footer-content{
display:table-cell; 
vertical-align:middle;
text-align:center;
font-size:12px;
color:#666;
background:#fff;
}

#footer-content img{
	vertical-align:middle;
}

#logo{
margin:10px auto 20px auto;
text-align:center;
}

#login{
position:relative;
background:#fff;
text-align:left;
width:350px;
margin:20px auto 0 auto;
padding:5px 20px 10px 20px;
border:1px #dedede solid;
border-radius: 7px;
box-shadow: 1px 1px 10px #bbb;
}

#login .lbl, #login .lbl label{
font-size:13px;	
color:#888;
margin-bottom:2px;
padding-left:3px;
}

#login input[type="text"], #login input[type="password"]{
background:#fbfbfb;
border:1px #E6E6E6 solid;
font-size:30px;	
color:#888;
border-radius: 7px;
padding:0 5px;
margin-bottom:20px;
width: 335px;
}

#login input:focus, #login input:hover{
border:1px #AB0900 solid;
}

#login .btn{
	float:left;
	background:#FFF;
	color:;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	display:inline;
	padding:6px 12px 6px 12px;
	text-decoration:none;
	border:#D0D0D0 1px solid;
	border-radius:7px;
	-moz-border-radius:7px; /* Firefox */
	-webkit-border-radius:7px; /* Safari y Chrome */
}

#login .btn:hover{
	background:;
	color:#FFF;
}

.fleft{float:left;}
.fright{float:right;}	

#recoverypass{
	padding:10px 5px 0 0;
}

#recoverypass :hover{
	color: ;
	text-decoration:underline;
}

#recordarlogin{
	padding:20px 5px 0 0;
}

#recordarlogin label:hover{
	color: ;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

.cls {
	clear: both;
}


#logo_small{
float:left;
width: 185px;
height: 30px;
background: url(../images/logo_small.png) no-repeat center;
cursor:pointer;
margin:5px 20px 10px 0;
}

#logo_small{
float:left;
cursor:pointer;
margin:0 20px 0 5px;
}

.info-empresa{
float: left;
height:26px;
font-size:18px;
margin:4px 10px 2px 10px;
color:;
}

.info-empresa span{
margin-left:5px;
color:;
}

#avatar {
	float: left;
	margin: 0 -26px 0 0;
}

#avatar a {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/avatar.png) no-repeat;
	margin: 2px 0 0 0;
}

#admin_info {
	float:right;
	font-size: 8pt;
	color: #646464;
}

#admin_info li {
	display: block;
	margin: 0 0 0 30px;
}

#admin_info a {
	color: #646464;
}

.txt_center, .tc{text-align:center;}
.txt_left, .tl{text-align:left;}
.txt_right, .tr{text-align:right;}

.numreg, .paginador{
font-size:11px;
font-weight:bold;
color:#606060;
padding:10px 0 5px 3px;
height:20px;
backgroung:#D5D5D5;
}

.paginador .btn{ 
float:left;
margin-left:4px;
text-align:center; 
border:1px solid #D4D0C8; 
background:;
padding:2px 2px; 
font-size:11px; 
font-weight:normal;
color:#999; 
width:21px;
cursor:pointer;
_cursor:hand;
}

.paginador .off{ 
background:#fff;
color:#ccc;
cursor:auto;
}

.paginador .off:hover{ 
border:1px solid #D4D0C8 !important;
color:#ccc !important;
}

.paginador .cur{ 
border:1px solid ;
color: ;
cursor:auto;
}



.paginador .btn:hover{ 

border:1px solid #666; 

color:#666;

}



/*** Campos Formularios  de grabación ***/





#frm_grabar label{

	font-size:14px;

}





#frm_grabar input, #frm_grabar select, #frm_grabar textarea{

	font-size:12px;

}



label.lbl{
display:block;
margin:7px 0 4px 0; 
color:;
}

	

.asc{

background:url(../images/iconos/s_asc.png) no-repeat;

display:inline-block;

width:11px;

height:8px;

cursor:pointer;

margin: 0 4px 0 3px;

}



.asc:hover{

background:url(../images/iconos/s_asc2.png) no-repeat;

}



.desc{

background:url(../images/iconos/s_desc.png) no-repeat;

display:inline-block;

width:11px;

height:8px;

cursor:pointer;

margin: 0 3px 0 4px;

}



.desc:hover{

background:url(../images/iconos/s_desc2.png) no-repeat;

}



input, select, textarea, .box{

	border:#D0D0D0 2px solid;

	padding:5px;

	border-radius:5px;

	-moz-border-radius:5px; /* Firefox */

	-webkit-border-radius:5px; /* Safari y Chrome */

}



input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus{

	border:#FF7B32 2px solid;

}



.sololectura, .sololectura:hover{

	border:#D0D0D0 1px solid !important;

	background:#fdfdfd !important;

	color:#000 !important;

}



.upload .lbl{font-size:11px;}



.thumb_adm{ margin-bottom:3px;}



.cancel{

	vertical-align:middle;

}



#previewField{

   position: absolute;

   left: auto;

   right: 0px;

   top: 0px;

   margin:0;

   padding:0;

}



input.text,

input.email, 

input.password,

textarea.uniform {

  font-size: 12px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: normal;

  padding: 3px;

  color: #777;

  /*background: url('../images/bg-input-focus.png') repeat-x 0px 0px;

  background: url('../images/bg-input.png') repeat-x 0px 0px;*/

  border-top: solid 1px #aaa;

  border-left: solid 1px #aaa;

  border-bottom: solid 1px #ccc;

  border-right: solid 1px #ccc;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  outline: 0;

}



input.text:focus,

input.email:focus,

input.password:focus,

textarea.uniform:focus {

  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);

  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);

  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);

  border-color: #999;

  background: #e7fffd;

}



input.required,select.required, textarea.required {background: #FFFFB9;}



.msg{

	text-align:center;

	font-weight:bold;

	margin:10px 0;

}



/*****************************/

/****** MENU LATERAL *********/

/*****************************/

#menu-lateral{
margin-top:10px;
padding:0 3px;	
font-size:13px;	
}

#menu-lateral .item{
cursor:pointer;	
}

#menu-lateral .menu{
background: url(../images/iconos/orange_button_16.png) 10px center  no-repeat;
/*border:#0850AA 1px solid;*/
padding:5px 5px 5px 35px;
margin:10px 0 0 0;
color:#fff;

}


#menu-lateral .submenu{

border-radius:0;

-moz-border-radius:0;

-webkit-border-radius:0;

}



#menu-lateral .menu-block{

border-left:#aaa 1px solid;

border-right:#aaa 1px solid;

border-bottom:#aaa 1px solid;

color:#aaa;

display:none;

}



#menu-lateral .item{
background:#fff;
padding:4px 5px 4px 7px;
color:;
border-bottom:1px solid #ddd;
}



#menu-lateral .menu-block .item:hover{

background: ;
color:;

}



#menu-lateral .subitem{

border-left:0px;

border-right:0px;

}



#menu-lateral .open{

display:block;

background: ;

}

/*****************************/



/***** ROCKET *******/

#rocket_menu{

margin:-3px 0 5px 70px;

padding:5px 0px 15px;


width:420px;

height:36px;

}



#rocket_menu .btn{

float:left;

margin:0 2px 2px 2px;

padding:2px;

cursor:pointer;

border-radius:3px;

-moz-border-radius:	3px;

-webkit-border-radius: 3px;

border:#c6c6c6 1px solid;

width:32px;

height:32px;


}



#rocket_menu .disabled{

border:#a6a6a6 1px solid !important;

background-color:#f2f2f2 !important;

cursor:default !important;

opacity:.3;

-moz-opacity:0.3;

-khtml-opacity:0.3;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

filter: alpha(opacity=30);					

}



#rocket_menu .btn:hover{

	border: 1px solid;

/*

width:48px;

height:48px;

*/

}



#rocket_menu #btn_grabar      {background: url(../images/iconos/save_32.png) #fff center no-repeat;}
#rocket_menu #btn_imprimir    {background: url(../images/iconos/printer_32.png) #fff center no-repeat;}
#rocket_menu #btn_editar      {background: url(../images/iconos/edit_32.png) #fff center no-repeat;}
#rocket_menu #btn_eliminar    {background: url(../images/iconos/delete_32.png) #fff center no-repeat;}
#rocket_menu #btn_buscar      {background: url(../images/iconos/search_32.png) #fff center no-repeat;}
#rocket_menu #btn_nuevo       {background: url(../images/iconos/edit_32.png) #fff center no-repeat;}
#rocket_menu #btn_xls         {background: url(../images/iconos/xls_32.png) #fff center no-repeat;}
#rocket_menu #btn_masiva      {background: url(../images/iconos/masiva_32.png) #fff center no-repeat;}
#rocket_menu #btn_imagen      {background: url(../images/iconos/image_32.png) #fff center no-repeat;}
#rocket_menu #btn_actualizar  {background: url(../images/iconos/refresh_32.png) #fff center no-repeat;}
#rocket_menu #btn_mapa        {background: url(../images/iconos/clusmap_32.png) #fff center no-repeat;}
#rocket_menu #btn_mapacluster {background: url(../images/iconos/clusmap_32.png) #fff center no-repeat;}
#rocket_menu #btn_volver      {background: url(../images/iconos/back_32.png) #fff center no-repeat;}
#rocket_menu #btn_blank       {background: transparent !important; border:0px !important;}

/*** #rocket_menu #btn_blank{background: url(../images/iconos/blank_32.png) #fff center no-repeat;} ***/


/*******************/

#ot_menu .btn{
float:left;
margin:0 2px 2px 2px;
padding:2px;
cursor:pointer;
border-radius:3px;
-moz-border-radius:	3px;
-webkit-border-radius: 3px;
border:#c6c6c6 1px solid;
width:32px;
height:32px;
}

#ot_menu #btn_mapcliente{background: url(../images/iconos/clusmap_32.png) #fff center no-repeat;}
#ot_menu #btn_imprimir {background: url(../images/iconos/printer_32.png) #fff center no-repeat;}
#ot_menu #btn_xlsexportar{background: url(../images/iconos/xls_file_32.png) #fff center no-repeat;}
#ot_menu #btn_ok{background: url(../images/iconos/accept_32.png) #fff center no-repeat;}

/***** Content *********/


/***********************/

#subwrapper{
position:relative;
width:1004px;
margin:0 auto 10px auto;
padding:0 7px 7px 7px;
background:#fff;
text-align:left;
border-left:1px #dedede solid;
border-right:1px #dedede solid;
border-bottom:1px #dedede solid;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-bottom-left-radius:	7px;
-moz-bottom-right-radius:	7px;
-webkit-bottom-left-radius: 7px;
-webkit-bottom-right-radius: 7px;
box-shadow: 1px 1px 4px #bbb;
}

/***** Filtrado para búsqueda *********/

#div_filtro{
margin-top:0px;
padding:0 0 3px 0;
border:1px  solid;

background: ;

font-weight:bold;

font-size:11px;

color:#bb0204;

}



#div_filtro_btn{

display:inline-block;

margin:0 2px;

padding-left:18px;

vertical-align:middle;

cursor:pointer;

background:url(../images/iconos/add_16.png) left no-repeat;		

}

#div_filtro_title{
padding:3px 5px;
background:;
font-weight:bold;
font-size:11px;
color:#fff;
}

#div_filtro table{
border-collapse:separate;
border-spacing:2px;
}

#div_filtro table tr td{padding: 0 1px 0 0;}
#div_filtro .lbl{padding-left:10px;}
#div_filtro label{font-size:11px;}

#div_filtro input,#div_filtro select,#div_filtro textarea{
font-size:11px;
border:#a6a6a6 1px solid;
padding:4px;
border-radius:3px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */
}



#div_filtro input:hover, 

#div_filtro select:hover, 

#div_filtro textarea:hover, 

#div_filtro input:focus, 

#div_filtro select:focus, 

#div_filtro textarea:focus{

border: 1px solid;

}



/****** Listado (index) ******/

#listado {
	font-size:12px;
}



#listado table, #fixedtableheader0{
	border-collapse:separate;
	border-spacing:2px;
	width:100%;
    font-size:11px;
    font-weight:normal;
}



#listado table tr td, #fixedtableheader0 tr td{padding:0 3px;}

#listado table tr.det, #fixedtableheader0 tr.det{height:25px;}

#listado table tr td div.nada, #fixedtableheader0 tr td div.nada{min-height:20px; padding-top:8px;}

#listado .tr_head, .tr_head:hover, #listado_menu .tr_head,#fixedtableheader0 .tr_head{
background: !important;
color:#fff !important;
height:25px !important;
vertical-align:middle;
}

#listado table tr td .td_div, #fixedtableheader0 tr td .td_div{min-height:20px;}

.tbl tr, #personalizar tr, #fixedtableheader0 tr{background:#fff;}
.tbl tr:nth-child(2n+1), #personalizar  tr:nth-child(2n+1), #fixedtableheader0  tr:nth-child(2n+1){background:#eee;}

.lnk{
cursor:pointer;
}

#listado table tr:hover{background:#FFFFB9;}






#listado .disabled{

background-color:#f2f2f2 !important;

cursor:default !important;

opacity:.3;

-moz-opacity:0.3;

-khtml-opacity:0.3;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

filter: alpha(opacity=30);					

}



#listado .ver{background: url(../images/iconos/zoom_in_24.png) center no-repeat;}

#listado .editar{background: url(../images/iconos/edit_24.png) center no-repeat;}

#listado .eliminar{background: url(../images/iconos/delete_16.png) center no-repeat;}

/********************/



.lbl_menu {

	color:#000;

	font-size:11px;

}



/*** TABLAS DE GRABACION ON THE FLY ***/

.onthefly table{

	margin-top:2px;

	border-collapse:separate;

	border-spacing:2px;

	width:100%;

	background:#FFF;

}



.onthefly input{padding:0;}



.onthefly .tr_par{background:#fcfcfc;}

.onthefly .tr_impar{background:;}

.onthefly table tr:hover{background:#FFFFB9;}





.onthefly tr:nth-child(2n+1) {

background:#fcfcfc;

}

.onthefly tr:nth-child(odd) {

background:;

}



.onthefly tr.tr_head, .onthefly tr.tr_head:hover{

background: !important;

color:#fff !important;

vertical-align:middle;

height:20px !important;

}



.onthefly tr.tr_cont{

vertical-align:middle;

height:18px !important;

font-size:10px !important;

color:#444;

}



.onthefly tr td{

padding:0 3px !important;

font-size:11px !important;



}



.onthefly_btn{

float:left;

padding:0 2px;

border:transparent 1px solid;

border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

cursor:pointer;

width:16px;

height:16px;

margin: auto auto;

}



.onthefly_btn:hover{

border:#D0D0D0 1px solid;

background-color:#fff;


}



.onthefly_disabled{

background-color:#f2f2f2 !important;

cursor:default !important;

opacity:.3;

-moz-opacity:0.3;

-khtml-opacity:0.3;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

filter: alpha(opacity=30);					

}



.onthefly_eliminar{

	background: url(../images/iconos/delete_16.png) center no-repeat;

}



.onthefly_modificar{

	background: url(../images/iconos/up_16.png) center no-repeat;

}



.item_btn{

float:left;

padding:0 2px;

border:#d0d0d0 1px solid;

border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

cursor:pointer;

width:26px;

height:26px;

margin: auto auto;

}



.item_btn:hover{

border:#D0D0D0 1px solid;
background-color:#fff;

}



.item_agregar{background: url(../images/iconos/down_32.png) center no-repeat;}

.item_reporte{background: url(../images/iconos/forward_32.png) center no-repeat;}

/********************/



/*******  FORMULARIO GRABAR ********/

#div_grabar{
margin-top:15px;
padding:0 0 5px 0;
border:1px  solid;
background: ;
font-weight:bold;
font-size:11px;
color:;
}



#div_grabar #title{
padding:3px 5px;
margin-bottom:10px;
background:;
color:#fff;
}



#ite table tr > td{

border-collapse:separate;

border-spacing:2px;

border:1px solid #777;

}



#ite table tr.tr_fields > td{

border:0px solid #777 !important;

}



.ite table tr > td{

border-collapse:separate;

border-spacing:2px;

border:1px solid #777;

}



.ite table tr.tr_fields > td{

border:0px solid #777 !important;

}



#tot{

	margin-top:10px;	

}



#tot #pagos{

	margin-left:50px;



}



#tot #totales{

 margin-right:33px;

}



#tot .box{

border:1px solid #777;

border-radius:7px;

-moz-border-radius:7px; /* Firefox */

-webkit-border-radius:7px; /* Safari y Chrome */

}



#tot table table{

border-collapse:separate;

border-spacing:2px;

}



#ventapagosform, #ventapagosfechas{

margin-left:20px;	

}



#div_grabar table{
border-collapse:separate;
border-spacing:2px;
color:#000;
}

#div_grabar table tr td{height:30px;padding: 0 1px 0 10px;}

#div_grabar label{font-size:11px;}



#div_grabar input,#div_grabar select,#div_grabar textarea{

font-size:12px;

border:#a6a6a6 1px solid;

padding:4px;

border-radius:3px;

-moz-border-radius:3px; /* Firefox */

-webkit-border-radius:3px; /* Safari y Chrome */

}



#div_grabar input:hover, #div_grabar select:hover, #div_grabar textarea:hover, #div_grabar input:focus, #div_grabar select:focus, #div_grabar textarea:focus{

border: 1px solid;

}



.lb_add{

width:16px;

height:16px;

display:inline-block;

margin:0 2px;

vertical-align:middle;

cursor:pointer;

background:url(../images/iconos/add_16.png) center no-repeat;	

}



.lb_search{

width:16px;

height:16px;

display:inline-block;

margin:0 2px;

vertical-align:middle;

cursor:pointer;

background:url(../images/iconos/search_16.png) center no-repeat;	

}



.lb_calendar{

width:24px;

height:24px;

display:inline-block;

margin:0 2px;

vertical-align:middle;

cursor:pointer;

background:url(../images/iconos/calendar_24.png) center no-repeat;	

}



.lb_less{

width:16px;

height:16px;

display:inline-block;

margin:0 2px;

vertical-align:middle;

cursor:pointer;

background:url(../images/iconos/less_16.png) center no-repeat;	



}



.div_img{

	width:120px; 

	height:150px; 

	border:1px solid #BABABA; 

	background:url(../images/imagen_nodisponible.jpg) center no-repeat;

}



.div_sep{

	background-color:#777;

	height:1px;

}

.oculto{

	display:none;	

}



.debug{

	text-align:center;

	font-size:12px;

	padding:5px;

}

#contenidoleft{

	float:left;

	margin-left:5px;

}


#contenidoright{

	float:right;

	margin-right:5px;

}



#menucajero{

margin:5px 30px 40px 30px;	
min-height:500px;


}



.btn_cajero{

margin:10px auto;

width:300px;

height:50px;

cursor:pointer;

font-size:16px;

font-weight: bold;	

}



#menucajero .submenu{

	display:none;

}



.info-empresa span select{

	padding:1px;

	min-width:150px;

}



.btn_cajero_disabled{

	color:#aaa;	

	cursor:auto;

}

.locked{
background:url(../images/iconos/lock_16.png) no-repeat center;
width:16px;
height:16px;
display:inline-block;	
cursor:pointer;
}

fieldset{
border:1px solid #D0D0D0;
padding:5px; 
margin:0 5px; 
margin-bottom:10px;
border-radius:5px;
font-weight:normal;
background:#fff;
}

#divleft{
	float:left;
	width:505px; 
}

#divright{
	float:right;
	width:240px;
}

legend{
padding:0 5px;
}




 /* el menú en si mismo */
 #menu{
 margin:0 auto;
 z-index:2000;
 height:40px;
 text-align:center;
 width:805px;
 margin-bottom: 10px;
 }
 
  .mi-menu  {
	position:fixed;
	z-index:1000;
    border-radius: 0 0 15px 15px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    padding-right:12px;
    /* la altura y su ancho dependerán de los textos */
    height: 42px; 
    width: auto;
    
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    /* el color de fondo */
    background: #fff;
    background: -moz-linear-gradient(#fff,#eee);
    background: -webkit-linear-gradient(#fff,#eee);
    background: -o-linear-gradient(#fff,#eee);
    background: -ms-linear-gradient(#fff,#eee);
    background: linear-gradient(#fff,#eee);
    text-align:center;
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    border-left: 1px solid #bbb;
    border-right: 1px solid #eee;
    color: ;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: ; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 7px 7px 7px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 34px; /* se ubican debajo del enlace principal */
    border:1px solid #bbb;
    /* el color de fondo */
    background: #eee;
    background: -moz-linear-gradient(#eee,#eee);
    background: -webkit-linear-gradient(#eee,#eee);
    background: -o-linear-gradient(#eee,#eee);
    background: -ms-linear-gradient(#eee,#eee);
    background: linear-gradient(#eee,#eee);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #bbb;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    /*width: 100px;*/
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }
  
  
.wrapper-file-input {
  position: relative;
  overflow: hidden;
  float: left;
}

.wrapper-file-input input[type="file"] {
  /** Posicionamos de forma absoluta **/
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  /** Cambiamos los bordes **/
  border: solid transparent;
  border-width: 0 0 100px 200px;
  /** Lo hacemos transparente **/
  opacity: 0;
  filter: alpha(opacity=0);
  width:90px; 
height:90px;
cursor:pointer !important;
}

.prev_container{
	overflow: auto;
	width: 90px;
	height: 90px;
    margin:auto;
}

.prev_thumb{
    margin:auto;
height: 90px;
}

#btn_excel{background: url(../images/iconos/xls_32.png) #fff center no-repeat; width:32px;height:32px;}
/*** ESTO ES DE LOS RECURSOS EN ADMIN ***/
.recurso{
float:left; 
border:1px dashed #ccc; 
margin:10px 2px 10px 3px; 
padding:5px;
}

.img_left{
float:left;
}

.preview{
background: #fafafa;
border:1px solid #ddd; 
width:90px; 
height:90px; 
}

.preview_new{
background: url(../images/iconos/image_64.png) no-repeat center #fafafa;
}
.preview_adj{
background: url(../images/iconos/attachment_64.png) no-repeat center #fafafa;
}

.img_right{
float:left; 
padding-left:2px;
}

.img_texto{
font-size:11px; 
background:#fdfdfd;
width:120px; 
height:81px;
}

.img_data{
width:218px;
height:17px;
overflow:hidden;
margin-top:1px;
padding:2px;
border:1px solid #ddd; 
font-size:11px;
background:#fafafa;
}

.heightOt{
 height:30px;
}

#buscador{
margin-top:15px;
font-size:11px;
}

#buscador input, select, textarea, .box {
border: #D0D0D0 1px solid;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#buscador input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {
border: #004EB9 1px solid;
}

#buscador #btn_search {
padding: 2px;
}

#buscador #p_busqueda{
 width:180px;
}

#buscador select{
 font-size:11px;
}

.logo_cliente{
	max-width:150px;
  max-height:70px;
}

		.g{
			height:17px;
			width:100px;
			margin-top:2px;
			text-align:right;
			color:#fff;
			overflow:hidden;
		}
		
		.gl{
			float:left;
			width:55px;
			padding-left:2px;
		}
		
		.gv{
			float:left;
			width:40px;
		}
		
		.gg{
			width:100px; 
			height:100%;
			background-color:#0045B8; 
		}
	
		.gg div{
			height:100%;
			background-color:#DD1100; 
		}
		
		.gi{
			width:28px;
			height:28px;
			background:url('../images/iconos/chart_48.png') no-repeat;
			background-position: center center;
			background-size:100% 100%;
		}
		
		.nada{
			text-align:center;
		}
		
		.cls{
			clear:both;
		}
    
    .tr_verde{
    	background:chartreuse !important;
    }