* {

	margin: 0px;

	border: 0px;

	padding: 0px;

}





body {

	background: #F9F9F9;

	font-family:Verdana, Arial, sans-serif;

	text-align: left;

	font-size:12px;

	color:#000;

}



#header {

	width: 100%;

	height: 30px;

	background: #dedede;

	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;

}



#footer-content img{

	vertical-align:middle;

}



#logo{

	margin:40px 0 30px 0;

	text-align:center;

}



#login{

position:relative;

background:#fff;

text-align:left;

width:330px;

margin:0px auto;

padding: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;

}

	

#login input:focus, #login input:hover{

border:1px #AB0900 solid;

}

	

#login .btn{

	float:left;

	background:#FFF;

	color:#AB0900;

	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:#AB0900;

	color:#FFF;



}



.fleft{float:left;}

	

.fright{float:right;}	



#recoverypass{

	padding:10px 5px 0 0;

}



#recoverypass :hover{

	color: #AB0900;

	text-decoration:underline;

}



#recordarlogin{

	padding:20px 5px 0 0;

}



#recordarlogin label:hover{

	color: #AB0900;

}



a {

	text-decoration: none;

}



li {

	list-style: none;

}



.cls {

	clear: both;

}



#logo_small{

float:left;

width: 182px;

height: 20px;

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

cursor:pointer;

margin:5px 20px 10px 0;

}



.info-empresa{

float: left;

height:26px;

font-size:18px;

margin:4px 10px 2px 10px;

color:#B80204;

}



.info-empresa span{

margin-left:5px;

color:#000;

}



#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;

}





/*

.asc{

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

width:15px;

height:12px;

display:inline-block;

cursor:pointer;

}



.asc:hover{

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

}



.desc{

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

width:15px;

height:12px;

display:inline-block;

cursor:pointer;

}



.desc:hover{

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

}

*/

.txt_center{

text-align:center;

}



.txt_left{

text-align:left;

}



.txt_right{

text-align:right;

}



.numreg, .paginador{

font-size:12px;

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:#f6f6f6;

padding:2px 4px; 

font-size:12px; 

font-weight:normal;

color:#999; 

width:23px;

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 #B80204;

color: #B80204;

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;

}



.lbl{color:#AB0900; font-weight:bold; padding-left:0px;}

	

.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: url('../images/bg-input-focus.png') repeat-x 0px 0px;*/

  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-weight:bold;

font-size:13px;	

}



#menu-lateral .menu, #menu-lateral .item{

cursor:pointer;	

}



#menu-lateral .menu{

background: url(../images/iconos/orange_button_16.png) 10px center #B80204 no-repeat;

border:#0850AA 1px solid;

padding:5px 5px 5px 35px;

margin:2px 0 0 0;

border-radius:7px 7px 0 0;

-moz-border-radius:	7px 7px 0 0;

-webkit-border-radius:7px 7px 0 0;

color:#fff;

}



#menu-lateral .menu:hover{

background: url(../images/iconos/orange_button_24.png) 5px center #B80204 no-repeat;

}



#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:#AB0900;

}



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

background: #f6f6f6;

color:#084EA3;

}



#menu-lateral .subitem{

border-left:0px;

border-right:0px;

}



#menu-lateral .open{

display:block;

background: #B80204;

}

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



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

#rocket_menu{

margin:0px auto 5px auto;

padding:0px 15px;

/*

border:#B80204 1px solid;

border-radius:0 0 15px 15px;

-moz-border-radius:	0 0 15px 15px;

-webkit-border-radius: 0 0 15px 15px;

background:#fff;

*/

width:320px;

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;

z-index:100;

}



#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:#B80204 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/new_page_32.png) #fff center no-repeat;}



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



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



/*

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

#rocket_menu #btn_grabar:hover{background: url(../images/iconos/save_48.png) #fff center no-repeat;}

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

#rocket_menu #btn_imprimir:hover{background: url(../images/iconos/printer_48.png) #fff center no-repeat;}

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

#rocket_menu #btn_editar:hover{background: url(../images/iconos/edit_48.png) #fff center no-repeat;}

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

#rocket_menu #btn_eliminar:hover{background: url(../images/iconos/delete_48.png) #fff center no-repeat;}

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

#rocket_menu #btn_buscar:hover{background: url(../images/iconos/search_48.png) #fff center no-repeat;}

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

#rocket_menu #btn_nuevo:hover{background: url(../images/iconos/new_page_48.png) #fff center no-repeat;}

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

#rocket_menu #btn_actualizar:hover{background: url(../images/iconos/refresh_48.png) #fff center no-repeat;}

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

#rocket_menu #btn_volver:hover{background: url(../images/iconos/back_48.png) #fff center no-repeat;}

*/



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



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

#content{

position:relative;

width:980px;

margin:0px auto 10px auto;

padding:3px 7px 7px 7px;

background:#fff;

text-align:left;

border:1px #dedede solid;

border-radius: 7px;

-moz-border-radius:	7px;

-webkit-border-radius: 7px;

box-shadow: 1px 1px 4px #bbb;

}

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



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

#div_filtro{

margin-top:0px;

padding:0 0 3px 0;

border:1px #bb0204 solid;

background: #F9F9F9;

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:#bb0204;

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:#B80204 1px solid;

}



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

#listado {

	margin-top:2px;

	font-size:12px;

}



#listado table{

	border-collapse:separate;

	border-spacing:2px;

	width:100%;

}



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



#listado .tr_head, .tr_head:hover, #listado_menu .tr_head{

background:#bb0204 !important;

color:#fff !important;

height:25px !important;

vertical-align:middle;

}



#listado .tr_par, #listado tr{background:#fcfcfc;}
#listado .tr_impar, #listado tr:nth-child(2n+1){background:#f6f6f6;}

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



#listado .btn{

float:left;

padding:0 2px;

border:transparent 1px solid;

border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

cursor:pointer;

width:24px;

height:24px;

margin: auto auto;

}



#listado .btn:hover{

border:#D0D0D0 1px solid;

background-color:#fff;

}



#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_24.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:#f6f6f6;}

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





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

background:#fcfcfc;

}

.onthefly tr:nth-child(odd) {

background:#f6f6f6;

}



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

background:#bb0204 !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 #bb0204 solid;

background: #F9F9F9;



font-weight:bold;

font-size:11px;

color:#bb0204;

}



#div_grabar #title{

padding:3px 5px;

margin-bottom:10px;

background:#bb0204;

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;

}

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



#div_grabar .lbl{

padding-left:10px;

font-size: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:#B80204 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_kit{

width:16px;

height:16px;

display:inline-block;

margin:0 2px;

vertical-align:middle;

cursor:pointer;

background:url(../images/iconos/shopping_cart_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:7px auto;
width:300px;
height:45px;
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;
}



fieldset{

border:1px solid #D0D0D0;

padding:5px; 

margin:0 5px; 

margin-bottom:12px;

}



.locked{

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

width:16px;

height:16px;

display:inline-block;	

cursor:pointer;

}

.fieldsetleft{

	min-width:685px; 

	max-width:685px;

}

.fieldsetright{

	min-width:248px;

	max-width:248px;

}

.btn_anular{
 background:#F00; 
 font-size:18px !important; 
 font-weight:bold !important;
 color:#fff; 
 cursor:pointer; 
 border-radius:15px !important; 
 text-align:center;
}

.imagennulo {
 background:url(../images/documentonulo.png);
 position:absolute;
 top:120px;
 left:120px;
 border:none;
 width:494px;
 height:322px;
 opacity:0.6;
}

.enblanco{
color:#fff;
display:inline;	
}
.tr_aldia{ color:#000;}
.tr_paracambio{ background:#FFCC00;}
.tr_vencido{ color:#fff; background:#f00;}
.tr_atrasado{ color:#fff; background:#BB2B61;}

.tr_vencido:hover, .tr_atrasado:hover{ color:#000;}


#alertify-logs article span{
margin: auto 5px;
padding: 6px;
border-radius: 12px;
color: #fff;
cursor: pointer;
}

.sp_label{
	color:#000 !important;
	cursor:auto !important;
}


.sp_cambio{
	background:#00AE00;
}

.sp_vencido{
	background:#FE1A00
}

.sp_atrasado{
	background:#BB2B61;
}
.sp_amarillo{
	background:#FC0;
}