/* cabecera */



.bold{font-weight: bold !important;}
.normal{font-weight: normal !important;}
.c_black{color:black !important;}



.cerrar_a{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: black;
}


/*  */



/* para el calendario */
.calendario{
	background:url(../imagen/u297_normal.png) no-repeat;
	background-position: 95% center;
  	border:1px solid #ccc  
}


#contenido{
	border:1px solid #C9C9C9;
	width: 1139px;
	text-align:left;
	border-bottom:0; border-right:0
	/*margin-left:12px*/
}

.agregar{
	
	height:34;
	line-height:34;
	background:url(../imagen/mas.png) no-repeat;
	padding-left:30px;
	border-bottom-color:#FFF;
	text-align:center;
	border-bottom-style:none;
	border-image:none;
	border-style:none;
	text-align:center;
	vertical-align:central;
	
}

.agregar_mas{
	
	height:20;
	line-height:20;
	background:url(../imagen/plus_16.png) no-repeat;
	padding-left:30px;
	border-bottom-color:#FFF;
	text-align:center;
	border-bottom-style:none;
	border-image:none;
	border-style:none;
	text-align:center;
	vertical-align:central;
	
}


.actualizar{
	
	height:22;
	width:22;
	background:url(../imagen/actualizar.png) no-repeat;
	border-bottom-color:#FFF;
	border-bottom-style:none;
	border-image:none;
	border-style:none;
	text-align:center;
	vertical-align:central;
	alignment-baseline:central
	
}


.actualizar_deshabilitado{
	
	height:22;
	width:22;
	background:url(../imagen/actualizar_deshabilitado.png) no-repeat;
	border-bottom-color:#FFF;
	border-bottom-style:none;
	border-image:none;
	border-style:none;
	text-align:center;
	vertical-align:central;
	alignment-baseline:central
	
}

.grabar{
	
	height:28;
	line-height:28;
	background:url(../imagen/grabar.png) no-repeat;
	padding-left:30px;
	border-bottom-color:#FFF;
	text-align:center;
	border-bottom-style:none;
	border-image:none;
	border-style:none;
	text-align:center;
	vertical-align:central;
	
}


.mas{
	color:#4789E6; 
	display:block; 
	font-weight:bold; 
	font-size:12px;
	float:left;
	height:26px;
	line-height:26px;
	background:url(../imagen/mas.png) no-repeat;
	padding-left:28px;
}

.menos{	
	margin-left:15px;
	color:#4789E6; 
	display:block; 
	font-weight:bold; 
	font-size:12px;
	float:left;
	height:26px;
	line-height:26px;
	background:url(../imagen/menos.png) no-repeat;
	padding-left:28px;
}


/*
#footer
{
    width: 1131px;
    height: 20px;
    line-height:20px;
    margin:auto;
    text-align:right;
    float: left;
    background-color: #9F96C7;
    font-size: 11px;
    color: white;
    padding-right:10px;
}
*/


#menu_principal ul{
	float:left
}
/* menu principal */
#menu_principal ul li{
	/*background:url(../imagen/u19_normal.png) no-repeat;*/
	width:385px;
	height:64px;
	margin-left:35px;
	float:left!important;
	margin-top:5px;
	margin-bottom:5px;
	font-size:17px;
	font-weight:500;
}
#menu_principal ul li a{
	display:block;
	line-height:64px;
	color:#333333;
	font-weight:500;
	float:left
}

#menu_principal ul li a:hover{
	color:#9C91C4;
}

/***********modulos**************/

.mod_area_comercial{
	line-height:64px !important;
	background:url(../imagen/area_comercial.png) no-repeat 0px center !important;
	padding-left:82px;
}
.mod_area_comercial_plomo{
	line-height:64px !important;
	background:url(../imagen/area_comercial-inac.png) no-repeat 0px center !important;
	padding-left:82px;
}
.mod_area_comercial_plomo:hover{
	color:#333333!important;
}
.mod_desarrollo_producto{
	line-height:64px !important;
	background:url(../imagen/evolution-contacts.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_desarrollo_producto_plomo{
	line-height:64px !important;
	background:url(../imagen/evolution-contacts_inac.png) no-repeat 0px center !important;
	padding-left:82px;
}
.mod_desarrollo_producto_plomo:hover{
	color:#333333!important;
}
.mod_administracion_usuario{
	line-height:64px !important;
	background:url(../imagen/admin_add_user_edit_delete-48.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_administracion_usuario_plomo{
	line-height:64px !important;
	background:url(../imagen/admin_add_user_edit_delete-48_inac.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_administracion_usuario_plomo:hover{
	color:#333333!important;
}
.mod_mantenedor{
	line-height:64px !important;
	background:url(../imagen/mantenedores.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_mantenedor_plomo{
	line-height:64px !important;
	background:url(../imagen/mantenedores_inac.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_mantenedor_plomo:hover{
	color:#333333!important;
}
.mod_logistica{
	line-height:64px !important;
	background:url(../imagen/logistica.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_logistica_plomo{
	line-height:64px !important;
	background:url(../imagen/logistica_inac.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_logistica_plomo:hover{
	color:#333333!important;
}
.mod_gerencia{
	line-height:64px !important;
	background:url(../imagen/gerencia_produccionl.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_gerencia_plomo{
	line-height:64px !important;
	background:url(../imagen/gerencia_produccionl_ina.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_gerencia_plomo:hover{
	color:#333333!important;
}
.mod_almacen{
	line-height:64px !important;
	background:url(../imagen/almacen.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_almacen_plomo{
	line-height:64px !important;
	background:url(../imagen/almacen_inac.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_almacen_plomo:hover{
	color:#333333!important;
}
.mod_produccion{
	line-height:64px !important;
	background:url(../imagen/produccion.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_produccion_plomo{
	line-height:64px !important;
	background:url(../imagen/produccion_inac.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_produccion_plomo:hover{
	color:#333333!important;
}
.mod_contabilidad{
	line-height:64px !important;
	background:url(../imagen/contabilidad.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_contabilidad_plomo{
	line-height:64px !important;
	background:url(../imagen/contabilidad_inac.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_contabilidad_plomo:hover{
	color:#333333!important;
}
.mod_gerencia_finanzas{
	line-height:64px !important;
	background:url(../imagen/gerenciales_finanzas.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_gerencia_finanzas_plomo{
	line-height:64px !important;
	background:url(../imagen/gerenciales_finanzas_inac.png) no-repeat 0px center !important;
	padding-left:82px
}
.mod_gerencia_finanzas_plomo:hover{
	color:#333333!important;
}
.mod_comercio_exterior{
	line-height:64px !important;
	background:url(../imagen/registry_settings_registration-64_.png) no-repeat 0px 10px !important;
	padding-left:82px;
}
.mod_comercio_exterior_plomo{
	line-height:64px !important;
	background:url(../imagen/registry_settings_registration-64_inac.png) no-repeat 0px 10px !important;
	padding-left:82px;
}
.mod_comercio_exterior_plomo:hover{
	color:#333333!important;
}

/*********submodulos*************/

.requerimiento{
	line-height:64px !important;
	/*background:url(../imagen/tijera.png) no-repeat 15px center !important;*/
	background:url(../imagen/client_list_text-128.png) no-repeat 0px center !important;
	padding-left:82px
	
}
.proforma_muestra{
	line-height:64px !important;	
	/*background:url(../imagen/polo.png) no-repeat 15px center !important;*/
	background:url(../imagen/deded.png) no-repeat 0px center !important;
	padding-left:82px;
}
.proforma{
	line-height:64px !important;	
	padding-left:82px;
	/*background:url(../imagen/polo.png) no-repeat 15px center !important;*/
	background:url(../imagen/1014527776563430861.png) no-repeat 0px center !important;
}
.busqueda_proforma{
	line-height:65px !important;	
	/*background:url(../imagen/u41_normal.png) no-repeat 15px center!important;*/
	background:url(../imagen/file-manager.png) no-repeat 0px center!important;
	padding-left:82px
}
.aprobacion_proformas{
	line-height:65px !important;	
	/*background:url(../imagen/u41_normal.png) no-repeat 15px center!important;*/
	background:url(../imagen/AprobacionProforma.png) no-repeat 0px center!important;
	padding-left:82px
}
/********************/


.ruta_prenda{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/arrows_blue.png) no-repeat 0px center!important;
}

.asignacion_moldes{
	line-height:64px !important;	
	padding-left:82px;	background:url(../imagen/design.png) no-repeat 0px center!important;
}

.asignacion_artes_lavanderia{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/lavanderia.png) no-repeat 0px center!important;
}

.asignacion_corte_confeccion{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/Corte_Confeccion.png) no-repeat 0px center!important;
}

.asignacion_ficha_tecnica{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/FichaTecnica.png) no-repeat 0px center!important;
}

.seguimiento_desarrollo_muestras{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/seguimiento.png) no-repeat 0px center!important;
}

.solicitud_tela_avios{
	line-height:65px !important;	
	background:url(../imagen/Solicitud_Telas.png) no-repeat 0px center!important;
	padding-left:82px
}

.solicitud_tela_avios_logistica{
	line-height:65px !important;	
	background:url(../imagen/u45_normal.png) no-repeat 0px center!important;
	padding-left:82px
}


.cuadro_telas{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/CuadroTelas.png) no-repeat 0px center!important;
}

.patronaje{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/u59_normal.png) no-repeat 0px center!important;
}

.factura_comercial{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/Factura_comercial.png) no-repeat 0px center!important;
}

.cuadro_avios{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/CuadroAvios.png) no-repeat 0px center!important;
}


.consumo_telas{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/CuadroTelas.png) no-repeat 0px center!important;
}

.requerimiento_servicio{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/RequerimeitoServicio.png) no-repeat 0px center!important;
}
.corte{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/apache_pb2.png) no-repeat 0px center!important;
}
.calidad{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/calidad.png) no-repeat 0px center!important;
}
.status_produccion{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/Status.png) no-repeat 0px center!important;
}



.orden_compra_servicio{
	line-height:65px !important;	
	background:url(../imagen/OrdenCompraServicio.png) no-repeat 0px center!important;
	padding-left:82px
}
.ficha_tecnica_tela{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/u51_normal.png) no-repeat 0px center!important;
}
.consumo_materiales{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/u73_normal.png) no-repeat 0px center!important;
}

.proformas{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/file-manager.png) no-repeat 0px center!important;
}


.cotizacion_hilo{
	line-height:65px !important;	
	background:url(../imagen/CotizacionHilo.png) no-repeat 0px center!important;
	padding-left:82px
}

.busqueda_orden{
	line-height:65px !important;	
	background:url(../imagen/file-manager.png) no-repeat 0px center!important;
	padding-left:82px
}

.busqueda_orden_gerencia{
	line-height:65px !important;	
	background:url(../imagen/OrdenCompraServicio.png) no-repeat 0px center!important;
	padding-left:82px
}

.busqueda_orden_almacen{
	line-height:65px !important;	
	background:url(../imagen/OrdenCompraServicio.png) no-repeat 0px center!important;
	padding-left:82px
}

.ingreso_almacen{
	line-height:65px !important;	
	background:url(../imagen/IngresoAlmacen.png) no-repeat 0px center!important;
	padding-left:82px
}

.salida_almacen{
	line-height:65px !important;	
	background:url(../imagen/SalidaAlmacen.png) no-repeat 0px center!important;
	padding-left:82px
}
.requerimiento_producccion{
	line-height:65px !important;	
	background:url(../imagen/RequerimientoProduccion.png) no-repeat 0px center!important;
	padding-left:82px
}

.kardex{
	line-height:65px !important;	
	background:url(../imagen/Kardex.png) no-repeat 0px center!important;
	padding-left:82px
}

.exportacion_compras{
	line-height:65px !important;	
	background:url(../imagen/Kardex.png) no-repeat 0px center!important;
	padding-left:82px
}

.acabado_empaque{
	line-height:65px !important;	
	background:url(../imagen/AcabadosEmpaque.png) no-repeat 0px center!important;
	padding-left:82px
}


.instrucciones_embarque{
	line-height:65px !important;	
	background:url(../imagen/instrucciones.png) no-repeat 0px center!important;
	padding-left:82px
}
.packinglist{
	line-height:65px !important;	
	background:url(../imagen/PackingList.png) no-repeat 0px center!important;
	padding-left:82px
}
.facturas_venta{
	line-height:65px !important;	
	background:url(../imagen/FacturaVentas.png) no-repeat 0px center!important;
	padding-left:82px
}
.caja_chica{
	line-height:65px !important;	
	background:url(../imagen/CajaChica.png) no-repeat 0px center!important;
	padding-left:82px
}
.planilla_personal{
	line-height:65px !important;	
	background:url(../imagen/PlanillaPersonal.png) no-repeat 0px center!important;
	padding-left:82px
}
.pagos_proveedores{
	line-height:65px !important;	
	background:url(../imagen/PagosProveedores.png) no-repeat 0px center!important;
	padding-left:82px
}
.consumo_avios{
	line-height:64px !important;	
	padding-left:82px;
	background:url(../imagen/ConsumoAvios.png) no-repeat 0px center!important;
}
.tela_acabada{
	line-height:65px !important;	
	background:url(../imagen/ReporteTela.png) no-repeat 0px center!important;
	padding-left:82px
}

.estado_cuenta_cliente{
	line-height:65px !important;	
	background:url(../imagen/EstadoCuenta.png) no-repeat 0px center!important;
	padding-left:82px
}
.pagares{
	line-height:65px !important;	
	background:url(../imagen/Pagare.png) no-repeat 0px center!important;
	padding-left:82px
}
.planilla_personal_obreros{
	line-height:65px !important;	
	background:url(../imagen/PlanillaPersonal.png) no-repeat 0px center!important;
	padding-left:82px
}
.dua{
	line-height:65px !important;	
	background:url(../imagen/DUA.png) no-repeat 0px center!important;
	padding-left:82px
}
.status_proforma{
	line-height:65px !important;	
	background:url(../imagen/Status.png) no-repeat 0px center!important;
	padding-left:82px
}
.aprobacion_proforma{
	line-height:65px !important;	
	background:url(../imagen/AprobacionPRoforma.png) no-repeat 0px center!important;
	padding-left:82px
}

.sin_informe{
	position:absolute;
	left:-50px;
	top:2px;
	color:#FFF!important;
	font-weight:bold;
	background:url(../imagen/mensaje.png) no-repeat 0px 9px!important;
	width:50px;
	height:50px;
	padding:0px 0px 0px 15px;
	margin-bottom:10px;
	font-weight:bold!important;
	font-size:17px
}

/* login */
.login{
	background:url(../imagen/u28_normal.png) no-repeat;
	width:128px;
	height:128px;
	display:block;
	float:left
}
.recuperar_contrasena{
	background:url(../imagen/registration_registration2-128.png) no-repeat;
	width:128px;
	height:128px;
	display:block;
	float:left
}


.img_busqueda{
	background:url(../imagen/u184_normal.png) no-repeat;
	width:85px;
	height:87px;
	display:block;
	float:left;
}

.logo_unic{
	background:url(../imagen/u49_normal.png) no-repeat;
	width:165px;
	height:30px;
	display:block;
	float:left
}

.aprobado{
	background:url(../imagen/u187_normal.png) no-repeat;
	width:22px;
	height:22px;
	display:block;
	float:left;
	margin-left:5px
}
.corregir{
	background:url(../imagen/u268_normal.png) no-repeat;
	width:20px;
	height:20px;
	display:block;
	float:left;
	margin-left:5px
}
.rechazar{
	background:url(../imagen/u185_normal.png) no-repeat;
	width:18px;
	height:18px;
	display:block;
	float:left;
	margin-left:5px
}

.verdetalle{text-decoration: underline;color:#000;font-weight: bold;}

.insumo_costura{
	float:left;
	display:block;
	line-height:20px !important;	
	padding:8px 0px;
	background:url(../imagen/u180_normal.png) no-repeat 15px center!important;
	/*padding-left:30px*/
}

.pdf{
	float:left;
	display:block;
	line-height:20px !important;	
	padding:8px 0px;
	background:url(../imagen/u309_normal.png) no-repeat 15px center!important;
	padding-left:40px;
	color:#F00;
	text-decoration:underline
}


.excel{
	float:left;
	display:block;
	line-height:20px !important;	
	padding:8px 0px 0px 50px;
	background:url(../imagen/export_to_excel.gif) no-repeat 15px center!important;
	text-decoration:underline
}
.excel:hover{
	cursor:pointer;
}
.title_general{
	color:#9088B9;
	font-size:22px;
	font-family:Century Gothic!important;
}

.title_general_login{
	color:#fafafa;
	font-size:22px;
	font-family:Century Gothic!important;
}


.title_general span{
	font-weight:700
}


.cerrar_sesion{
	float:right;
	display:block;
	background:url(../imagen/Cerrar_Sesion.png) no-repeat 0px center!important;
	padding-left:22px;
	color:#F00;
	text-decoration:underline
}

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

/* --------------
MESSAGES
* -------------*/
.message {
    display: block;
    padding: 5px 15px 15px 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}
.warning {
    float: left;
    height: 64px;
    width: 64px;
    background: url("../imagen/female-user-info.png") no-repeat center;
    /*background-size: 90%;*/
    /*	border: 3px solid #f2dd8c;
            color: #7b7100;*/
}
.information {
    background: #e8f6ff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 3px solid #b8e2fb;
    color: #005898;
}

.information_boton_direccion {
    background: #e8f6ff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 3px solid #b8e2fb;
    color: #005898;
}



.information_boton_direccion:hover {
  background: #b8e2fb;
  border: 3px solid #b8e2fb;
  
  text-decoration: none;

}





.information_13 {
    background: #e8f6ff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 3px solid #b8e2fb;
    color: #005898;
	FONT-SIZE: 13px;
}

.information_12 {
    background: #e8f6ff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 3px solid #b8e2fb;
    color: #005898;
	FONT-SIZE: 12px;
}

.information_11 {
    background: #e8f6ff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #b8e2fb;
    color: #005898;
	FONT-SIZE: 11px;
}


.information_azul {
    background: #e8f6ff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #b8e2fb;
    color: #005898;
}

.information_azul_oscuro {
    background: #005898 url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #005898;
    color: #005898;
}



.information_azul_oscuro_conletra {
    background: #005898 url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #005898;
   
	
	
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma;
	text-align: justify;
}








.information_melon {
    background: #faf0ec url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #FFEEE6;
    color: #fd580b;
}

.information_verde {
    background: #e5f7e8 url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #d4f5da;
    color: #09811e;
}



.information_magenta {
    background: #ffffff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #c52de0;
    color: #620672;
}



.information_rosado {
    background: #f6e0ee url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #ffc7ed;
    color: #f34dd2;
}


.information_negro {
    background: #eaeaea url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #6f686d;
    color: #21181f;
}


.information_rosado_marco {
 
   
   
	FONT-WEIGHT: bold; FONT-SIZE: 15px; WORD-SPACING: normal; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION:  none
}

.information_melon_color {
    background: #faf0ec url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #fe844b;
    color: #ff651c;
}



.information_azul a:link { color: #005898 ; font-size: 15px; font-family: verdana; text-decoration: none; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left: 3px; }
.information_azul a:hover { color: #005898 ; font-size: 15px; font-family: verdana; text-decoration: none; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left: 3px; }
.information_azul a:active { color: #005898 ; font-size: 15px; font-family: verdana; text-decoration: none; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left: 3px; }



.information_msn {
    background: #ffffff url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 1px solid #b8e2fb;
    color: #ffffff;
}


.information_anaranjado {
    background: #ffedd6 url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #f6cf9b;
    color: #f1b566;
}

.information_gris {
    background: #efeeed url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #c5c3c0;
    color: #9a9998;
}

.information_rojo {
    background: #ffdfd6 url("../img/information.png")/*tpa=http://www.mantizdev.net/magneto_admin/gfx/information.png*/ no-repeat 7px center;
    border: 2px solid #f9c5b8;
    color: #f79e97;
}

.success{
    /*background: url("../imagen/succes.png") no-repeat center transparent;*/
	background: url("../imagen/ok.png") no-repeat center transparent;
    /*    border: 3px solid #BBDF8D;*/
    color: #336801;
    float: left;
    height: 64px;
    width: 64px;
}
.error_msg {
    background: url("../imagen/error.png") no-repeat 7px center transparent ;
    color: #336801;
    float: left;
    height: 90px;
    width: 125px;
    background-size: 60%;
}
.welcome {
    background: #eeff88 url("../img/welcome.png") no-repeat 7px center;
    border: 3px solid #c7e22c;
    color: #5b6b00;
}
.new-mail {
    background: #feeaf8 url("../img/new_mail.png") no-repeat 7px center;
    border: 3px solid #ffc7ed;
    color: #ea00a0;
}



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

.rojo{
	background:#E94F44	
}
.verde{
	background:#92DF82
}
.amarillo{
	background:#FBE893
}
.texto_azul{
	color:#4C8CD9	
}

.texto_plomo{
	color:#a8b0ba	
}

/************/
.lado_izquierda {
    float: left;
    height: auto;
    width: 224px;
}

.lado_derecho{
	width: 917px;
	float:right;
	text-align:left;
	border-bottom:0; border-right:0;
	min-height:450px
}


#col1 {
    margin: 0;
    width: 210px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#subnav ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 224px;
}
#subnav {
    /*border-top: 1px solid #3381E6;*/
    z-index: 1;
	font-size:12px;
	width: 210px;
	margin:0;padding:0
}

#subnav li {
    line-height: 14px;
    margin: 0;
	font-size:11px;
	float:left;
	width: 210px;
}
ol, ul {
    list-style: none outside none;
}


#subnav a.active{
    background: #9F96C7;
    border-bottom: 0;
	border-top:0;
    color: #FFFFFF;
    float: left;;
    text-align: center;
    width: 195px;	
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	float:left;
}


#subnav ul a {
    color: #000000;
    float: left;
    font-weight: normal;
    text-align: left;
    width: 155px;
	line-height:31px;
	padding-left:40px
}
#subnav a {
    color: #000000;
    display: block;
    font-size: 10pt;
	float:left
}
a {
    border-style: none;
    margin: 0;
    text-decoration: none;
}

#subnav li ul li{
	border-bottom: 1px solid #CCCCCC;	
	display:block;
	height:32px;
	width: 195px;
	float:left;
}
#subnav li ul li.adm_usuario{
	background:url(../imagen/u216_normal.png) no-repeat;
}
#subnav li ul li.adm_busqueda{
	background:url(../imagen/u220_normal.png) no-repeat;
}
#subnav li ul li.adm_permiso{
	background:url(../imagen/u218_normal.png) no-repeat;
}
#subnav li ul li.adm_log{
	background:url(../imagen/u222_normal.png) no-repeat;
}

#subnav li ul li.adm_usuario:hover,#subnav li ul li.active_adm_usuario{
	background:url(../imagen/u216_normal.png) no-repeat #DEDEDE;
}
#subnav li ul li.adm_busqueda:hover,#subnav li ul li.active_adm_busqueda{
	background:url(../imagen/u220_normal.png) no-repeat #DEDEDE;
}
#subnav li ul li.adm_permiso:hover,#subnav li ul li.active_adm_permiso{
	background:url(../imagen/u218_normal.png) no-repeat #DEDEDE;
}
#subnav li ul li.adm_log:hover,#subnav li ul li.active_adm_log{
	background:url(../imagen/u222_normal.png) no-repeat #DEDEDE;
}


/********estilos para mantenedores******************/

#subnav li ul li.man_cliente{
	background:url(../imagen/u34_normal.png) no-repeat 5px 3px;
}
#subnav li ul li.man_marca{
	background:url(../imagen/marca.png) no-repeat 4px 3px;
}
#subnav li ul li.man_color{
	background:url(../imagen/u38_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_pais{
	background:url(../imagen/u40_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_genero{
	background:url(../imagen/Generos.png) no-repeat 4px 3px;
}
#subnav li ul li.man_talla{
	background:url(../imagen/u43_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_tipo_lavado_tela{
	background:url(../imagen/u250_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_tipo_lavado_prenda{
	background:url(../imagen/u252_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_proveedor{
	background:url(../imagen/u246_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_materiales{
	background:url(../imagen/material.png) no-repeat 4px 3px;
}

#subnav li ul li.man_hilo{
	background:url(../imagen/u150_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_tela{
	background:url(../imagen/tela.png) no-repeat 4px 3px;
}

#subnav li ul li.man_configuracionfactura{
	background:url(../imagen/tela.png) no-repeat 4px 3px;
}
#subnav li ul li.man_tipocambio{
	background:url(../imagen/tela.png) no-repeat 4px 3px;
}
#subnav li ul li.man_banco{
	background:url(../imagen/tela.png) no-repeat 4px 3px;
}
#subnav li ul li.man_unidadmedida{
	background:url(../imagen/material.png) no-repeat 4px 3px;
}
#subnav li ul li.man_igv{
	background:url(../imagen/u297_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.man_centrocosto{
	background:url(../imagen/tela.png) no-repeat 4px 3px;
}
#subnav li ul li.man_subdiario{
	background:url(../imagen/tela.png) no-repeat 4px 3px;
}

#subnav li ul li.man_tipo_servicio{
	background:url(../imagen/servicios.png) no-repeat 4px 3px;
}
#subnav li ul li.man_coleccion{
	background:url(../imagen/colleccion.png) no-repeat 4px 3px;
}


#subnav li ul li.man_cliente:hover,#subnav li ul li.active_man_cliente{
	background:url(../imagen/u34_normal.png) no-repeat 5px 3px #DEDEDE;
}
#subnav li ul li.man_marca:hover,#subnav li ul li.active_man_marca{
	background:url(../imagen/marca.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_color:hover,#subnav li ul li.active_man_color{
	background:url(../imagen/u38_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_pais:hover,#subnav li ul li.active_man_pais{
	background:url(../imagen/u40_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_genero:hover,#subnav li ul li.active_man_genero{
	background:url(../imagen/Generos.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_talla:hover,#subnav li ul li.active_man_talla{
	background:url(../imagen/u43_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_tipo_lavado_tela:hover,#subnav li ul li.active_man_tipo_lavado_tela{
	background:url(../imagen/u250_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_tipo_lavado_prenda:hover,#subnav li ul li.active_man_tipo_lavado_prenda{
	background:url(../imagen/u252_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_proveedor:hover,#subnav li ul li.active_man_proveedor{
	background:url(../imagen/u246_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_materiales:hover,#subnav li ul li.active_man_materiales{
	background:url(../imagen/material.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.man_hilo:hover,#subnav li ul li.active_man_hilo{
	background:url(../imagen/u150_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_tela:hover,#subnav li ul li.active_man_tela{
	background:url(../imagen/tela.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_configuracionfactura:hover,#subnav li ul li.active_man_configuracionfactura{
	background:url(../imagen/tela.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_tipocambio:hover,#subnav li ul li.active_man_tipocambio{
	background:url(../imagen/tela.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_banco:hover,#subnav li ul li.active_man_banco{
	background:url(../imagen/tela.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_unidadmedida:hover,#subnav li ul li.active_man_unidadmedida{
	background:url(../imagen/material.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_igv:hover,#subnav li ul li.active_man_igv{
	background:url(../imagen/u297_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_centrocosto:hover,#subnav li ul li.active_man_centrocosto{
	background:url(../imagen/tela.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_subdiario:hover,#subnav li ul li.active_man_subdiario{
	background:url(../imagen/tela.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.man_tipo_servicio:hover,#subnav li ul li.active_man_tipo_servicio{
	background:url(../imagen/servicios.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.man_coleccion:hover,#subnav li ul li.active_man_coleccion{
	background:url(../imagen/colleccion.png) no-repeat 4px 3px #DEDEDE;
}

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

#subnav li ul li.ficha_tecnica{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.ficha_busqueda{
	background:url(../imagen/u179_normal.png) no-repeat 4px 8px;
}


#subnav li ul li.ficha_tecnica:hover,#subnav li ul li.active_ficha_tecnica{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.ficha_busqueda:hover,#subnav li ul li.active_ficha_busqueda{
	background:url(../imagen/u179_normal.png) no-repeat 4px 8px #DEDEDE;
}


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

#subnav li ul li.orden_compra{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.ingreso_almacen_prenda{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.orden_compra_tela{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.orden_servicio{
	background:url(../imagen/u177_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.orden_busqueda{
	background:url(../imagen/u179_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.kardex_valorizado_avios{
	background:url(../imagen/u179_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.kardex_valorizado_tela{
	background:url(../imagen/tela.png) no-repeat 4px 3px;
}

#subnav li ul li.orden_trozado{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.orden_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.planilla_enumerado_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.patronaje_op{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.consumo_tela{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.orden_trozado{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.orden_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.seguimiento_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.status_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.lavado_pano{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.prendas_estilo{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.prendas_locales{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.busqueda_prendas_locales{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.prendas_segunda{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.busqueda_prendas_segunda{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.packing_list{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.busqueda_packing_list{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.cajachica{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.busqueda_cajachica{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.embarque{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.busqueda_embarque{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.facturacomercial{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.facturacomercial_busqueda{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.telaacabada{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.busqueda_telaacabada{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.auditoria_proceso{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.busqueda_auditoria_proceso{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.auditoria_proceso_linea{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.medida_producto{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.medida_molde_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.asistenciapersonal{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.pagocredito{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.pagoletra{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.pagocontado{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}

#subnav li ul li.planillaobreros{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.planillapersonal{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.configuracionplanilla{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}
#subnav li ul li.configuracionplanillafecha{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px;
}


#subnav li ul li.orden_compra:hover,#subnav li ul li.active_orden_compra{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.ingreso_almacen_prenda:hover,#subnav li ul li.active_ingreso_almacen_prenda{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.orden_compra_tela:hover,#subnav li ul li.active_orden_compra_tela{
	background:url(../imagen/u175_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.orden_servicio:hover,#subnav li ul li.active_orden_servicio{
	background:url(../imagen/u177_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.orden_busqueda:hover,#subnav li ul li.active_orden_busqueda{
	background:url(../imagen/u179_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.kardex_valorizado_avios:hover,#subnav li ul li.active_kardex_valorizado_avios{
	background:url(../imagen/u179_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.kardex_valorizado_tela:hover,#subnav li ul li.active_kardex_valorizado_tela{
	background:url(../imagen/tela.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.orden_trozado:hover,#subnav li ul li.active_orden_trozado{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.orden_corte:hover,#subnav li ul li.active_orden_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.planilla_enumerado_corte:hover,#subnav li ul li.active_planilla_enumerado_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.patronaje_op:hover,#subnav li ul li.active_patronaje_op{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.consumo_tela:hover,#subnav li ul li.active_consumo_tela{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.orden_trozado:hover,#subnav li ul li.active_orden_trozado{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.orden_corte:hover,#subnav li ul li.active_orden_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.seguimiento_corte:hover,#subnav li ul li.active_seguimiento_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.status_corte:hover,#subnav li ul li.active_status_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.lavado_pano:hover,#subnav li ul li.active_lavado_pano{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.prendas_estilo:hover,#subnav li ul li.active_prendas_estilo{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.prendas_locales:hover,#subnav li ul li.active_prendas_locales{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.busqueda_prendas_locales:hover,#subnav li ul li.active_busqueda_prendas_locales{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.prendas_segunda:hover,#subnav li ul li.active_prendas_segunda{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.busqueda_prendas_segunda:hover,#subnav li ul li.active_busqueda_prendas_segunda{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.packing_list:hover,#subnav li ul li.active_packing_list{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.busqueda_packing_list:hover,#subnav li ul li.active_busqueda_packing_list{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.cajachica:hover,#subnav li ul li.active_cajachica{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.busqueda_cajachica:hover,#subnav li ul li.active_busqueda_cajachica{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.embarque:hover,#subnav li ul li.active_embarque{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.busqueda_embarque:hover,#subnav li ul li.active_busqueda_embarque{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.facturacomercial:hover,#subnav li ul li.active_facturacomercial{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.facturacomercial_busqueda:hover,#subnav li ul li.active_facturacomercial_busqueda{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.telaacabada:hover,#subnav li ul li.active_telaacabada{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.busqueda_telaacabada:hover,#subnav li ul li.active_busqueda_telaacabada{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.auditoria_proceso:hover,#subnav li ul li.active_auditoria_proceso{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.auditoria_proceso_linea:hover,#subnav li ul li.active_auditoria_proceso_linea{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.busqueda_auditoria_proceso:hover,#subnav li ul li.active_busqueda_auditoria_proceso{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.medida_producto:hover,#subnav li ul li.active_medida_producto{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.medida_molde_corte:hover,#subnav li ul li.active_medida_molde_corte{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.asistenciapersonal:hover,#subnav li ul li.active_asistenciapersonal{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.pagocredito:hover,#subnav li ul li.active_pagocredito{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.pagoletra:hover,#subnav li ul li.active_pagoletra{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.pagocontado:hover,#subnav li ul li.active_pagocontado{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}

#subnav li ul li.planillaobreros:hover,#subnav li ul li.active_planillaobreros{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.planillapersonal:hover,#subnav li ul li.active_planillapersonal{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.configuracionplanilla:hover,#subnav li ul li.active_configuracionplanilla{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}
#subnav li ul li.configuracionplanillafecha:hover,#subnav li ul li.active_configuracionplanillafecha{
	background:url(../imagen/u34_normal.png) no-repeat 4px 3px #DEDEDE;
}



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


.cerrar_dialog{ 
	float:right;
	width:30px;
	margin-right:20px;
	cursor:pointer
}

.ui-dialog-title{width:80%!important}
/*.ui-dialog-buttonset{
	width:180px;
	margin:0 auto;
	float:none!important;
	padding-left:40px!important	;
	
}	*/

/*
.caja_gris{
    background-color: #CCCCCC;
    border: 1px groove #CCCCCC;
    color: #000000;
    float: left;
    height: 16px;
    width: 180px;
}
*/
}



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


.dfileupload{position:relative;overflow:hidden;margin:0px 0px 0 0}
.dfileupload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:11px;cursor:pointer;opacity:0;filter:alpha(opacity=0); font-weight:bold }




/* pedido especial */
.bg_pedido_importante{background: #BE1E1E;color:#fff;}
.bg_pedido_importante a {color:#fff !important;}
.campos_obligatorios{float:left;width:100%;height:auto;text-align:left;margin:10px 0px;color:#f00}


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

.fila_mantenedor{
float: left;
width: 100%;
height: auto;
margin-bottom: 10px
}

.fila_mantenedor span{
float: left;
height: auto;
margin-top: 3px;
width: 140px;
}

.fila_mantenedor select{   
	border: 1px solid #CCCCCC;
    width: 188px;
}
.fila_mantenedor input{border: 1px solid #ccc;float: left;width: 186px;height: 20px}

#mensaje_mantenedor{
		color: #82B3D3;
		display: none;
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: auto;
		text-shadow: 0 2px #CCCCCC;
		width: 100%;	
}
.mensaje_mantenedor{
		color: #82B3D3;
		display: block;
		float: left;
		font-size: 14px;
		font-weight: bold;
		height: auto;
		text-shadow: 0 2px #CCCCCC;
		width: 100%;	
}



.borde_plomo{
	border: 5px solid #B9B9B9;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;border-left:1px solid #B9B9B9; border-top:1px solid #B9B9B9
}

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

.cls_cabecera{
	width:902px;
	float:left;
	padding-left:15px;
	font-size:14px;
	line-height:30px;
	height:30px;
	background:#E5E5E5; 
	font-family:Century Gothic;
	font-weight:500; 
	color:#000;	
}

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

.ui-datepicker .ui-datepicker-header{
	font-size:12px;
	background:#8F83BD;
}

.ui-datepicker .ui-state-default{
	background:#8F83BD!important;
}

.ui-datepicker .ui-state-active{
	background:#FFF!important;
	color:#000!important;
}

#ui-datepicker-div .ui-state-active {color:#000;background:#FFF!important}
#ui-datepicker-div .ui-state-highlight {color:#000;background:#FFF!important}

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

#AjaxLoading {
	display: none;
	text-align: center;
	background: #FCF5AA;
	width: 200px;
	z-index: 10000000000;
	padding: 5px 10px;
	line-height:normal;
	color:#676767;
	font-family:Arial, Tahoma;
	font-size:11px;
}

#AjaxLoading img {
	vertical-align: bottom;
	margin-right: 5px;
}

#cargan {
	/*float:left;*/
	display: none;
	/*text-align: left;*/
	/*background: url(../imagen/dialog/warning.png) no-repeat 5px 0px #FCF5AA;*/
	height:26px;
	line-height:26px;
	/*padding-left:34px;*/
	z-index: 10000000000;
	color:#676767!important;
	font-family:Arial, Tahoma;
	font-size:11px;
	
}
#cargan div{
	background: url(../imagen/dialog/warning.png) no-repeat 5px 0px;
	background-size:7%;	
	padding-left:37px;
}

.ui-dialog {
    position: relative; 
    padding: 0px!important; 
    /*border: 1px solid #8F83BD!important;*/
	border: 4px solid #C8C2D6!important;
	border-radius: 6px 6px 0px 0px!important;
	-moz-border-radius: 6px 6px 0px 0px!important;
	-webkit-border-radius: 6px 6px 0px 0px!important;
	-o-border-radius: 6px 6px 0px 0px!important;
	
}
/*
.ui-dialog .ui-dialog-content {
    padding: 0;
}
*/

/*.ui-dialog .ui-dialog-titlebar {
    border:0px!important;
	-o-border-radius: 6px 6px 0px 0px!important;
}
.ui-dialog .ui-dialog-title {
	border:0px!important;
   margin: 0.1em 16px 0.2em 0;
}*/

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
	border-bottom-left-radius:0px!important;
	border-bottom-right-radius:0px!important;
	border-top-left-radius:2px!important;
	border-top-right-radius:2px!important
}

div.selected{
	background-color:#FFD7EF !important;
}


.rotate{
	height: 200px!important;
  	white-space: nowrap;
	width: 34px!important;
	margin:0px;
	padding:0px;
	vertical-align: middle;
}
th.rotate > div {
  	transform: 
    translate(0px, 80px) 
	rotate(-90deg);
  	width: 28px!important;
	float:left;
	display:block;
	margin:0px;
	padding:1px;
	vertical-align: middle;
}
/*
td.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
*/


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




#pie {
  z-index:501;
  position: fixed;
        left: 0px;
	bottom: 0px;
	width: 100%;
	height: 2%;
  padding:20px;
  color:#ffffff;
  font-size:8px;
  background-image: url(../img_campusvirtual/barra_inferior.png);

  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  
}

#header2{
  z-index:500;
  position: fixed;
  top:0;
  width:100%;
  height:80px;
  padding:0px;
}
 
/* logo) */
.header .logo-real{
	position:absolute;
	left:40;
	top:-0px;
	height:120px;
	width:150px;
	overflow:hidden;
	background-image: url(../imagen/logo-real.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.header .logo-real a{display:block;padding-left:100%;width:0;height:100%;font-size:0}


.header .logo{
	position:absolute;
	left:40;
	top:-0px;
	height:85px;
	width:320px;
	overflow:hidden;
	background-image: url(../imagen/logo-unic.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.header .logo a{display:block;padding-left:100%;width:0;height:100%;font-size:0}


.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#ffffff;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{
	color: #FF0000;
	background-color: #FF0000;
}



/* aqui abajo. ancho de submenu y alto del submenu hacia arriba top */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 170px;
position: absolute;
top: 40px;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #450111;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 200px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:9px;
background:#72021c;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#72021c;
color:#ffffff;
text-decoration:none;
}


@media (min-width: 768px) and (max-width: 1200px) {

.mainWrap{width:1200px;}
.menu ul {top:10px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{
	width:auto;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: px;
	padding-left: 20px;
}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:20px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:3px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #450111;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}

.channel-title{overflow:hidden}.article{

	width:1020px;

	margin-right:0;

	display:block

}
.cate-all-item{line-height:36px;text-indent:10px;font-weight:700;font-family:Verdana}

.channel-zone{}.channel-title{height:33px;font:700 16px/33px arial;color:#333;border-bottom:3px solid #999}


.channel-title2{overflow:hidden}.article{

	width:1020px;

	margin-right:0;

	display:block

}
.cate-all-item{line-height:36px;text-indent:10px;font-weight:700;font-family:Verdana}

.channel-zone{}.channel-title2{height:33px;font:700 16px/33px arial;color:#b4b4b5;border-bottom:3px solid #a1a2a9}



.channel-title3{overflow:hidden}.article{
	width:1020px;
	margin-right:0;
	display:block
	}
	
	

	
.cate-all-item{line-height:36px;text-indent:10px;font-weight:700;font-family:Verdana}
.channel-zone{}.channel-title3{height:33px;font:700 16px/33px arial;color:#63d6fb;border-bottom:3px solid #43cffc}

.channel-title4{overflow:hidden}.article{
	width:1020px;
	margin-right:0;
	display:block
	}
	
	

	
.cate-all-item{line-height:36px;text-indent:10px;font-weight:700;font-family:Verdana}
.channel-zone{}.channel-title4{height:33px;font:700 16px/33px arial;color:#FFEEE6;border-bottom:3px solid #fee9df}



.cate-all-item{line-height:36px;text-indent:10px;font-weight:700;font-family:Verdana}
.channel-zone{}.channel-title3{height:33px;font:700 16px/33px arial;color:#63d6fb;border-bottom:3px solid #43cffc}

.channel-title5{overflow:hidden}.article{
	width:1020px;
	margin-right:0;
	display:block
	}
	
	

	
.cate-all-item{line-height:36px;text-indent:10px;font-weight:700;font-family:Verdana}
.channel-zone{}.channel-title4{height:33px;font:700 16px/33px arial;color:#c1f7cb;border-bottom:3px solid #b0f7be}




.channel-title6{overflow:hidden}.article{
	width:1020px;
	margin-right:0;
	display:block
	}
	
.cate-all-item{line-height:36px;text-indent:10px;font-weight:700;font-family:Verdana}
.channel-zone{}.channel-title6{height:33px;font:700 16px/33px arial;color:#f94e4e;border-bottom:3px solid #ba2e2e}




.info, .correcto, .ojo, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    text-align:left;
    width:auto;
}



.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../imagen//info.jpg');
}
.correcto {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../imagen/correcto.JPG');
}
.ojo {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../imagen/ojo.JPG');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../imagen/error.jpg');
}