<?php require_once('Connections/conexionabm.php'); 

session_start();
date_default_timezone_set('America/St_Lucia');

if (!isset($_SESSION['nombreuser'])) {
	echo '<script language = javascript>
	self.location = "index"
	</script>';
}

if (!isset($_SESSION['niveluser'])) {
	echo '<script language = javascript>
	self.location = "index"
	</script>';
}

//if (!isset($_SESSION['sistema'])) {
	$_SESSION['sistema'] = 100;
//}

$checke = 0;
$checkmora = 0;
$checkbalanc = 0;
$proceso = 0;

$dias  = array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado");    
$meses = array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
//---------------------------------------
$_SESSION['valor_comision'] = 0;
$_SESSION['valor_fact2'] = 0;
$_SESSION['tel_proveedor'] = '';
$_SESSION['numcotiza'] = '';
$_SESSION['vlor_impuesto'] = 0;
$_SESSION['cheque_fact'] = '';

$_SESSION['valor2'] 			= 0;
$_SESSION['valor_imponible2'] 	= 0;
$_SESSION['excento2'] 			= 0;
$_SESSION['valor_itbis2'] 		= 0;
$_SESSION['saldo_fact2'] 		= 0;

$_SESSION['valor'] 				= 0;
$_SESSION['valor_imponible'] 	= 0;
$_SESSION['excento'] 			= 0;
$_SESSION['valor_itbis'] 		= 0;
$_SESSION['saldo_fact'] 		= 0;
$_SESSION['valor_fact']			= 0;

$_SESSION['fechaordenc'] = date('Y-m-d');
$_SESSION['factura_existente'] = 0;
$_SESSION['fact_proveedor'] = '';
$_SESSION['idproveedor'] = '';
$_SESSION['proveedor'] = '';
$_SESSION['partida'] = '';
$_SESSION['saldo_fact'] = 0;
$_SESSION['PVD_DIASCREDITO'] = 0;
$_SESSION['PVD_DIASALERTA'] = 0;
$_SESSION['comision'] = 0;
$_SESSION['tipocomision'] = 0;
$_SESSION['fechaordenc'] = 0;
$_SESSION['valor_imponible'] = 0;
$_SESSION['cheque_fact'] = 0;

 		
$_SESSION['departamento'] = '';
$_SESSION['codactivo'] = '';
$_SESSION['act_codigo'] = '';
$_SESSION['act_mto_depreciado'] = '';
$_SESSION['Codigo_Interno'] = 0;
$_SESSION['act_desc'] = '';
$_SESSION['act_prov'] = '';
$_SESSION['act_depto'] = '';
$_SESSION['act_resp'] = '';
$_SESSION['act_costo'] = '';
$_SESSION['act_num_oc'] = '';
$_SESSION['act_valor_libros'] = '';
$_SESSION['act_valor_resid'] = 1.00;
$_SESSION['act_vida_util'] = 48;
$_SESSION['act_tipo_dep'] = '';
$_SESSION['act_fec_compra'] = date('Y-m-d');
$_SESSION['act_fec_ult_dep'] = '';
$_SESSION['act_tipo_act'] = '';
$_SESSION['act_fecha_capit'] = date('Y-m-d');
$_SESSION['act_serie'] = '';
$_SESSION['act_desincorp'] = '';
$_SESSION['act_fecha_desinc'] = '';
$_SESSION['act_asegurado'] = '';
$_SESSION['act_valor_seguro'] = '';
$_SESSION['tac_modelo'] = '';
$_SESSION['act_tipo_act'] = '';
$_SESSION['act_fecha_ven_gtia'] = '';
$_SESSION['act_valor_seguro'] = '';
$_SESSION['act_fecha_venc_seg'] = '';
$_SESSION['deprecia_acum'] = '';
$_SESSION['valor_por_depreciar'] = '';	
$_SESSION['act_mto_depreciado'] = '';
$_SESSION['act_desc'] = '';
$_SESSION['notificacion'] = 0;

$SqlNotificacion = "SELECT COUNT(id) AS Notif FROM notificacion WHERE status != 1";
if ($resultNotificacion = $mysqli->query($SqlNotificacion)) {
	while ($row_Notificacion = $resultNotificacion->fetch_assoc()) {
		$_SESSION['notificacion'] 	= $row_Notificacion['Notif'];
	}
}

//$_SESSION['notificacion'] = 0;

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon1.png" />
<title><?php echo $_SESSION['cia'] ?></title>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery_min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>

<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />

<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />

<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>

<script>
jQuery(function($){
$("#dinero").mask("999,99");
$("#hora1").mask("99:99:99");
$("#hora2").mask("99:99:99");
$("#horarecepcion").mask("99:99:99");
$("#valorprest").mask("999,999,99999");
$("#cedula").mask("999-9999999-9");
$("#cedulasospechoso").mask("999-9999999-9");
$("#telefono").mask("999-999-9999");
$("#celcontacto1").mask("999-999-9999");
$("#celcontacto2").mask("999-999-9999");
$("#celular").mask("999-999-9999");
$("#flota").mask("999-999-9999");
$("#fecha").mask("99-99-9999");
$("#fecha2").mask("99-99-9999");
$("#telefonop").mask("999-999-9999");
$("#celularp").mask("999-999-9999");
$("#telefonom").mask("999-999-9999");
$("#celularm").mask("999-999-9999");
$("#telcontacto").mask("999-999-9999");
$("#telefonosup").mask("999-999-9999");
$("#telconyugue").mask("999-999-9999");
});
</script> 



<style type="text/css">
<!--
.fullHeight {
	position:absolute;
	top:0;
	bottom:0;
}

.fullHeight2 { 
	height:100vh;
}

.brilloCliente:hover {
	background-color: #EFC89C;
}
.brillo:hover {
	background-color: #EFC89C;
}
.textobox41 {    
	font-family: Arial, Helvetica, sans-serif;
	border: solid #CCC;	
	border-radius: 50px;
	color: #000;
	font-size: 14px;
	width: 300px;
	height: 22px;
	padding: 4px;
	background-color: #FFF;	
	font-weight: normal;
}
#Layer1 {
	position:absolute;
	width:257px;
	height:393px;
	z-index:1;
	background-color: #CDDFF5;
	left: 16px;
	top: 241px;
}
#Layer2 {
	position:absolute;
	width:258px;
	height:673px;
	z-index:1;
	top: 243px;
	background-color: #D8D8D8;
	left: 287px;
}
#apDiv1 {
	position:absolute;
	width:1000px;
	height:736px;
	z-index:2;
	left: 126px;
	top: 472px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: justify;
	border: 0;
	background-color: #E2E2E2;
	padding-left: 5px;
	padding-right: 5px;
}
#apDiv2 {
	position:absolute;
	left:225px;
	top:977px;
	width:132px;
	height:107px;
	z-index:3;
	background-color: #CCCCCC;
}

#apDiv3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 14px;
}
#apDiv4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:4;
}
#apDiv5 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
	left: 39px;
	top: 626px;
}
#apDiv6 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 38px;
	top: 663px;
}
#apDiv7 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 44px;
	top: 650px;
}
.us {
	font-size: 12px;
}
.style3 {
	font-size: 12px;
	color: #666666;
}
.style4 {
	color: #333333;
	text-align: center;
}
.menubar {
	font-size: 12px;
	width: auto;
}
.menubar {
	font-size: 12px;
	width: auto;
}
body table tr td table tr td {
	color: #033;
	font-size: 24px;
}
.menubrt {
	color: #FFFFFF;
	font-size: 12px;
}

.style41 {


	color: #FFFFFF;



	text-align: center;
}
.style4 {
	text-align: left;
	color: #FFFFFF;
}
/*
----------------------------------------------------------------
-------------------------------------------------------------------
----------------------------------------------------------------------
*/
.boton_menu2 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #d1cfd1));
	background:-moz-linear-gradient(top, #f7f7f7 5%, #d1cfd1 100%);
	background:-webkit-linear-gradient(top, #f7f7f7 5%, #d1cfd1 100%);
	background:-o-linear-gradient(top, #f7f7f7 5%, #d1cfd1 100%);
	background:-ms-linear-gradient(top, #f7f7f7 5%, #d1cfd1 100%);
	background:linear-gradient(to bottom, #f7f7f7 5%, #d1cfd1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#d1cfd1',GradientType=0);
	background-color:#d9d9d9;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:5px;
	border:1px solid skyblue;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:14px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;	
	width:120px;
	height:75px;
}
.boton_menu2:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7faf0), color-stop(1, #b6c2ae));
	background: -moz-linear-gradient(top, #f7faf0 5%, #b6c2ae 100%);
	background: -webkit-linear-gradient(top, #f7faf0 5%, #b6c2ae 100%);
	background: -o-linear-gradient(top, #f7faf0 5%, #b6c2ae 100%);
	background: -ms-linear-gradient(top, #f7faf0 5%, #b6c2ae 100%);
	background: linear-gradient(to bottom, #f7faf0 5%, #b6c2ae 100%);

	background-image: url(img/img_depura1.png);
	background-size: 30px 28px;
	background-position: center top;
	background-repeat: no-repeat;	

	background-color: #dde6ca;
}
/*
----------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------
*/

/*
button {
 border: none;
 background: #3a7999;
 color: #f2f2f2;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

button:hover:before {
 width: 100%;
}

button {
 transform-style: preserve-3d;
}

button:after {
 top: -100%;
 left: 0px;
 width: 100%;
 position: absolute;
 background: #3a9999;
 border-radius: 5px;
 content: 'Flipped';
 transform-origin: left bottom;
 transform: rotateX(90deg);
}

button:hover {
 transform-origin: center bottom;
 transform: rotateX(-90deg) translateY(100%);
}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}
*/

.tit_mod {
	font-weight: bold;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #036;
}
a:link {
	color: #000000;
	text-decoration: none;
}

.menu {
	color: #000;
}
.Letra_Menu {
	color: #000;
	font-size: 13px;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
	text-align: left;
}
.zoom{
	/* Aumentamos la anchura y altura durante 2 segundos */
	transition: width 0.5s, height 0.5s, transform 0.5s;
	-moz-transition: width 0.5s, height 0.5s, -moz-transform 0.5s;
	-webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
	-o-transition: width 0.5s, height 0.5s,-o-transform 0.5s;
}
.zoom:hover{
	/* tranformamos el elemento al pasar el mouse por encima al doble de
	   su tamaño con scale(2). */
	transform : scale(1.1);
	-moz-transform : scale(1.1);      /* Firefox */
	-webkit-transform : scale(1.1);   /* Chrome - Safari */
	-o-transform : scale(1.1);        /* Opera */
}
.tit_mod1 {	font-weight: bold;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #F2EFEA;
}

.border_tabla {
	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
}

.border_tabla2 {
	border: 1px solid #CCC;
	border-radius: 13px;
}

.border_tabla3 {
	border: 1px solid #CCC;
}

.border_tabla4 {
	style="border-width: 1px;border: solid; border-color: #FF0000;"
}

.normal {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.Gestion {
	font-size: 36px;
}
.Gestion {
	font-weight: bold;
}
.Gestion {
	color: #007500;
	font-size: 26px;
}
.Gestion .Gestion .Gestion {
	color: #BB0000;
	font-size: 32px;
}
.

.Boton_Rojo11 {	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cf2317), color-stop(1, #960d00));
	background:-moz-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:-webkit-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:-o-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:-ms-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:linear-gradient(to bottom, #cf2317 5%, #960d00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf2317', endColorstr='#960d00',GradientType=0);
	background-color: #F00;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:50px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:10px 40px;
	text-decoration:none; 
	text-align:center;
	text-shadow:0px 1px 0px #810e05;
}

.Boton_Rojo11:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3230a), color-stop(1, #f5b6a6));
	background:-moz-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:-webkit-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:-o-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:-ms-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:linear-gradient(to bottom, #a3230a 5%, #f5b6a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3230a', endColorstr='#f5b6a6',GradientType=0);
	background-color:#a3230a;
}

.Boton_Rojo2 {	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cf2317), color-stop(1, #960d00));
	background:-moz-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:-webkit-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:-o-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:-ms-linear-gradient(top, #cf2317 5%, #960d00 100%);
	background:linear-gradient(to bottom, #cf2317 5%, #960d00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf2317', endColorstr='#960d00',GradientType=0);
	background-color: #F00;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:50px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:10px 40px;
	text-decoration:none; 
	text-align:center;
	text-shadow:0px 1px 0px #810e05;
}

.Boton_Rojo2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3230a), color-stop(1, #f5b6a6));
	background:-moz-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:-webkit-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:-o-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:-ms-linear-gradient(top, #a3230a 5%, #f5b6a6 100%);
	background:linear-gradient(to bottom, #a3230a 5%, #f5b6a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3230a', endColorstr='#f5b6a6',GradientType=0);
	background-color:#a3230a;
}

.BotonVerde1 {
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:linear-gradient(to bottom, #32c700 5%, #095702 100%);
	background-color:#32c700;
	border-radius:29px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.BotonVerde1:hover {
	background:linear-gradient(to bottom, #095702 5%, #32c700 100%);
	background-color:#095702;
}
.BotonVerde1:active {
	position:relative;
	top:1px;
}

.Boton_selecc {	
	background-color: #FFF;
	border-radius:10px;
	color: #095702;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	border:0px;
	padding:6px 10px;
	text-align:left;
	width:270px;
}

.Boton_selecc:hover {	
	background-color: #32c700;
	color:#FFF;
}

.Boton_selecc_boot {	
	background-color: #FFF;
	border: 2px solid #007500;
	border-radius:10px;
	color: #095702;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-align:left;	
}

.Boton_selecc_boot:hover {	
	background-color: #32c700;
	color:#FFF;
}

.boton_menu {	
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:linear-gradient(to bottom, #095702 5%, #32c700 100%);
	background-color:#0D7C03;
	border-radius:29px;
	border-left:5px solid #268a16;
	border-right:5px solid #268a16;;
	border-bottom:5px solid #268a16;;
	border-radius:0px 0px 15px 15px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	width:250px;
	height:85px;
}

.boton_menu:hover {
	background:linear-gradient(to bottom, #32c700 5%, #095702 100%);
	background-color:#289F00;
}
.gris1 {
	color: #666;
}
.gris2 {
	color: #666;
	font-weight: bold;
}
</style>

<style> 
/* TABLA RESPONSIVE */
body{
	margin: 0;
	font-family: sans-serif;
	background-image: url();
	background-repeat: no-repeat;
}

{
	box-sizing: border-box;
}

.responsiv{
	max-width: 100%px;
/*	height:100vh;*/
	border-collapse: collapse;
}

.responsiv td,.responsiv th{
	padding: 0px 0px;
	text-align: center;
	font-size: 12px;
}

.responsiv th{
	color: #003366;
	text-align: center;
}



/*responsive*/

@media(max-width: 500px){
	.responsiv thead{
		display: none;
	}

	.responsiv, .responsiv tbody, .responsiv tr, .responsiv td{
		display: block;
		width: 100%;
	}
	.responsiv tr{
		margin-bottom:15px;
	}
	.responsiv td{
		text-align: center;
		position: relative;
	}
	.responsiv td::before{
		content: attr(data-label);
		position: absolute;
		font-size:15px;
		font-weight: bold;
		text-align: left;
	}
}

#form1 .responsiv tr td table tr td {
	color: #C00;
}
.responsiv tr td table {
	text-align: right;
}
/*.responsiv tr td table tr td table tr td {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}*/
</style>

<style>
	#map {      	
		width:310px;
		height: 285px;
	}
	#map2 {      	
			width:400px;
			height: 320px;
	}	
	/* Optional: Makes the sample page fill the window. */
	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.fecha {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.tit1 {	font-weight: bold;
	}
	.tit1 {	color: #03C;
	}
	.tit1º {	font-family: Arial, Helvetica, sans-serif;
	}
	.tit2 {
		font-size: 20px;
		color: #06F;
	}
		inic {
		font-size: 14px;
	}
		.fecha a {
		font-size: 16px;
	}
.border_tabla21 {border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #CCC;
	color: #00C;
}
.Azul1 {	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009;
}
</style>
    
<script type="text/JavaScript">
function deshabilitaRetroceso(){
    window.location.hash="no-back-button";
    window.location.hash="Again-No-back-button" //chrome
    window.onhashchange=function(){window.location.hash="no-back-button";}
}

</script><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery_min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>


<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<style type="text/css">
.checkbxinput {  color: green;
  background-color: green;
}
.Azul2 {    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #009;
}
.desglose {    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #000;
}
.totales2 {    
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
	font-weight:bold;
}

.titrepderec {    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000;
}
.total {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.totalCliente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000;
}
.totaldet {    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}
#alfabetos {border-collapse:collapse; background:buttonface;}
#contEncCol {scrollbar-face-color:buttonface; scrollbar-highlight-color:buttonface; scrollbar-shadow-color:buttonface; scrollbar-arrow-color:buttonface; scrollbar-track-color:buttonface; scrollbar-base-color:buttonface; scrollbar-3dlight-color:buttonface; scrollbar-darkshadow-color:buttonface; }
#contEncFil {scrollbar-face-color:buttonface; scrollbar-highlight-color:buttonface; scrollbar-shadow-color:buttonface; scrollbar-arrow-color:buttonface; scrollbar-track-color:buttonface; scrollbar-base-color:buttonface; scrollbar-3dlight-color:buttonface; scrollbar-darkshadow-color:buttonface; }
#contenedor {	overflow: auto;
	width: 310px;
	height: 285px;
	text-align: center;
}
#encCol {height:100%}
.responsiv tr td table tr td #div_cheque table tr td #alfabetos tr td #contenedor table .total .desglose {
	color: #000;
}
.ttotal {
	font-size: 11px;
}
.responsiv tr td table tr td #div_cheque table tr td #alfabetos tr td #contenedor table tr td {
	color: #000;
}
.TITARMA {
	font-size: 16px;
}
.responsiv tr td table tr td table {
	text-align: left;
}


.aumento:hover {
	transform: scale(1.05);
	transition-duration: 0.5s;
	box-shadow: 5px 6px 14px -3px #949494;
	text-align: right;
}

.responsiv tr td .border_tabla3 tr td {
	text-align: left;
}
.responsiv tr td .border_tabla3 tr td table tr td {
	text-align: center;
}
.letraRoja { 
	color: #FF8080; 
	font-weight:bold;
}
</style>
<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript">
    function ocultaDivInicial() {
		element1 = document.getElementById("div_cheque");
        element1.style.display='none';
    }
</script>

<script type="text/javascript">
    function showContent() {
        element = document.getElementById("div_cheque");
        element2 = document.getElementById("div_mapa2");
				
        check = document.getElementById("chk_comite");
		
        if (check.checked) {
            element.style.display='block';
            element2.style.display='none';
        }
        else {
            element.style.display='none';
            element2.style.display='block';
        }
    }
</script>

<script>
function MuestraMenu() {
        element = document.getElementById("div_menuPrinc");
        element2 = document.getElementById("div_cliente2");
        element3 = document.getElementById("div_cliente3");
/* 		$("#div_cliente2").hide("slow");
		$("#div_cliente3").show("slow"); */
//        element2 = document.getElementById("div_administracion");

		if($('#div_menuPrinc').is(':visible')) {	
            element.style.display='none';		// OCULTA ELEMENTO
            element2.style.display='none';		
            element3.style.display='block';		// MUESTRA ELEMENTO 
		}else{
            element.style.display='block';
            element2.style.display='block';
            element3.style.display='none'; 
	   
 }
}
</script>

<script>
function VerificaMuestra() {
//		if($('#div_cheque').css('display') == 'none'){
        element = document.getElementById("div_cheque");
        element2 = document.getElementById("div_mapa2");
		
		if($('#div_cheque').is(':visible')) {	
		   // Acción si el elemento no es visible
            element.style.display='none';
            element2.style.display='block';
		   
		}else{
		   // Acción si el elemento es visible
            element.style.display='block';
            element2.style.display='none';		   
		}
}
</script>

<script type="text/javascript">
function load_inicializa() {	

	inicial = 1;
	proceso = document.getElementById('procesar').value;

	if (proceso == 1) {
         element = document.getElementById("div_cheque");
        element2 = document.getElementById("div_rrhh");
        element3 = document.getElementById("div_administracion");
		
		if($('#div_cheque').is(':visible')) {	
            element.style.display='none';
            element2.style.display='block';
            element3.style.display='none';		   		   
		}else{
            element.style.display='block';
            element2.style.display='none';		   
		}
		
		$("#div_cliente3").hide("");		
		Localiza_personal() 
	}
	if (proceso != 1) {
		$("#div_cliente").hide("slow");
	
		var xhttp = new XMLHttpRequest();
		xhttp.onreadystatechange = function() {
			if (xhttp.readyState == 4 && xhttp.status == 200) {
				document.getElementById("div_cliente").innerHTML = xhttp.responseText;
				$("#div_cliente").show("slow");
			}
		};
	
		xhttp.open("POST", "inicial_g_operacion2.php", true);
	
		xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhttp.send("inicial ="+inicial );
	}
}
</script>

<script>
function load_maximixa1() {	
		self.name = 'opener';
		remote = open('maximixa_map', 'remote',
				'top=40,left=600, width=950,height=750,location=no,scrollbars=yes,menubars=no,toolbars=no,resizable=yes,fullscreen=no,status=yes');
		remote.focus();
		
/* 	inicial = 1;
	
	$("#div_cliente").hide("slow");
	$("#div_cliente2").hide("slow");
	$("#div_muestra2").hide("slow");
	$("#div_muestra3").hide("slow");

	var xhttp = new XMLHttpRequest();
	xhttp.onreadystatechange = function() {
		if (xhttp.readyState == 4 && xhttp.status == 200) {
			document.getElementById("div_cliente").innerHTML = xhttp.responseText;
			$("#div_cliente").show("slow");
		}
	};

	xhttp.open("POST", "maximixa_map.php", true);

	xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhttp.send("inicial ="+inicial );
 */
}

function muestraNovedades() {
	inicial = 1;
	
//	$("#div_cliente").hide("slow");
	$("#div_cliente2").hide("slow");

	var xhttp = new XMLHttpRequest();
	xhttp.onreadystatechange = function() {
		if (xhttp.readyState == 4 && xhttp.status == 200) {
			document.getElementById("div_cliente2").innerHTML = xhttp.responseText;
			$("#div_cliente2").show("slow");
		}
	};

	xhttp.open("POST", "novedad_seleccion.php", true);

	xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhttp.send("inicial ="+inicial );
}


function load_minimiza1() {	
	inicial = 1;
	
	$("#div_cliente").hide("slow");

	var xhttp = new XMLHttpRequest();
	xhttp.onreadystatechange = function() {
		if (xhttp.readyState == 4 && xhttp.status == 200) {
			document.getElementById("div_cliente").innerHTML = xhttp.responseText;
			$("#div_cliente").show("slow");
		}
	};

	xhttp.open("POST", "inicial_g_operacion2.php", true);

	xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhttp.send("inicial ="+inicial );
}
</script>


<script>
function novedadClientes() {
	inicial = 1;
	
	$("#div_de_cliente").hide("slow");
	$("#div_de_personal").hide("slow");
	

	var xhttp = new XMLHttpRequest();
	xhttp.onreadystatechange = function() {
		if (xhttp.readyState == 4 && xhttp.status == 200) {
			document.getElementById("div_de_cliente").innerHTML = xhttp.responseText;
			$("#div_de_cliente").show("slow");
		}
	};

	xhttp.open("POST", "novedad_cliente.php", true);

	xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhttp.send("inicial ="+inicial );	
}

function novedadPersonales() {
	inicial = 1;
	
	$("#div_de_cliente").hide("slow");
	$("#div_de_personal").hide("slow");

	var xhttp = new XMLHttpRequest();
	xhttp.onreadystatechange = function() {
		if (xhttp.readyState == 4 && xhttp.status == 200) {
			document.getElementById("div_de_personal").innerHTML = xhttp.responseText;
			$("#div_de_personal").show("slow");
		}
	};

	xhttp.open("POST", "novedad_personal.php", true);

	xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhttp.send("inicial ="+inicial );	
}

function inicializa() {
	$("#div_cliente3").hide("");
}
</script>

</head>
<body onload="inicializa()">
<table max-width="1366px" height="100%" border="1" bordercolor="#CCCCCC" align="center" class="responsiv">
  <tr bgcolor="#FFFFFF">
    <td height="7" colspan="2" align="center" valign="top" bgcolor="#E7E7E7">
    <table width="100%" border="0">
      <tr bgcolor="#E7E7E7">
        <td width="7%" rowspan="4" valign="middle">&nbsp;</td>
        <td width="30%" rowspan="4" bgcolor="#E7E7E7" style="text-align:left"><input name="procesar" type="text" id="procesar" value="<?php echo $proceso ?>" hidden="true"/></td>
        <td width="25%" rowspan="4" bgcolor="#E7E7E7" style="text-align:left"><label for="txtbuscar"></label>
          <input name="txtbuscar" type="text" class="textobox41" id="txtbuscar" placeholder="BUSCAR"/></td>
        <td width="22%" align="right" style="text-align:right"></td>
        <td width="5%" align="center" style="text-align:right"><a href="index_rigo"><img src="images/boton_left_gris1.png" width="46" height="46" class="aumento"/></a></td>
        <td width="5%" align="center" style="text-align: center"><img src="images/boton_left_gris2.png" width="46" height="46" class="aumento" /></td>
        <td align="right" style="text-align:right"><input name="button" type="submit" class="BotonVerde1" id="button" value="SALIDA" onclick="location='cerrar'"/></td>
      </tr>
      <tr bgcolor="#E7E7E7">
        <td colspan="3" align="right" valign="bottom" style="text-align:right"><span class="gris1">Usuario</span></td>
        <td width="6%" rowspan="2" align="left" valign="bottom" style="text-align:left"><img src="images/img_usuario_verde.png" width="50" height="50" /></td>
      </tr>
      <tr bgcolor="#E7E7E7">
        <td colspan="3" align="right" valign="top" style="text-align:right"><span class="gris2"><?php echo $_SESSION['nombreuser']?></span> <span class="gris2"><?php echo $_SESSION['apellidouser']?></span></td>
      </tr>
    </table>
    </td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td height="10" colspan="2" align="center" valign="middle">
    <table width="100%" border="0" align="left" max-width="1366" >
      <tr bgcolor="#CDCDCD">
        <td align="left" valign="top" bgcolor="#CDCDCD"><table width="100%" border="0" align="center">
          <tr>
            <td width="106" align="left" valign="middle"><a href="index_operacion2"><img src="images/img_index_operacion2.png" width="107" height="75" /></a></td>
            <td width="664" align="left" valign="middle" style="text-align:left"><span class="Gestion">GESTION <br/>
OPERACIONES</span></td>
            <td width="38" align="right" valign="middle"><input name="chk_comite" type="checkbox" class="checkbxinput" id="chk_comite" style="width:17px; height:17px" onchange="showContent()"  value="1" hidden="true"/>
              <img src="images/mostrar.jpg" alt="" width="40" height="32" onclick="MuestraMenu()"/></td>
            <td width="180" align="right" valign="top"><button class="boton_menu">LEVANTAMIENTO Y SEGUIMIENTO DE ACCIONES CORRECTIVAS</button></td>
            <td width="188" align="right" valign="top"><button class="boton_menu" <?php if ($_SESSION['notificacion'] > 0) { ?>style="background-image: url(img/campana2.png); 
              background-position:center right; background-size:30px 35px; background-repeat:no-repeat;"<?php }?> value="<?php echo $_SESSION['notificacion'] ?>" onclick="muestraNovedades()">NOVEDADES <?php if ($_SESSION['notificacion'] > 0) { ?>
              <span class="letraRoja">[<?php echo $_SESSION['notificacion'] ?>]</span><?php }?></button></td>
            <td width="148" align="right" valign="top"><button class="boton_menu">NUEVAS ASIGNACIONES</button></td>
            <td width="273" align="center" valign="middle">&nbsp;</td>
            <td width="11" align="center" valign="middle">&nbsp;</td>
            <td width="7" align="center" valign="middle">&nbsp;</td>
            <td width="101" align="center" valign="middle"><img src="images/operador_verde.png" width="60" height="83" class="aumento" /></td>
            <td width="114" align="right" valign="middle"><img src="images/mantenimiento_verde.png" width="71" height="83" class="aumento" /></td>
            </tr>        
        </table>        </td>
        </tr>
    </table></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td width="50" height="24" align="left" valign="top" bgcolor="#C3C3C3" style="text-align:left">          <div id="div_menuPrinc">
            <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#EEEEEE">
              <tr>
                <td width="35" align="right" bgcolor="#C3C3C3"><img src="images/laterar_verde.png" alt="4" width="35" height="50" /></td>
                <td width="270" align="left" valign="middle" bgcolor="#C3C3C3"><input name="button2" type="button" class="Boton_selecc" id="button2" value="INICIO" onclick="location='index_rigo'"/></td>
                </tr>
              <tr>
                <td align="right" bgcolor="#C3C3C3"><img src="images/laterar_verde.png" alt="3" width="35" height="50" /></td>
                <td align="left" valign="middle" bgcolor="#C3C3C3"><input name="button3" type="button" class="Boton_selecc" id="button3" value="RHH OPERACIONES" /></td>
                </tr>
              <tr>
                <td align="right" bgcolor="#C3C3C3"><img src="images/laterar_verde.png" alt="2" width="35" height="50" /></td>
                <td align="left" valign="middle" bgcolor="#C3C3C3"><input name="button4" type="button" class="Boton_selecc" id="button4" value="SUPERVISION" /></td>
                </tr>
              <tr>
                <td align="right" bgcolor="#C3C3C3"><img src="images/laterar_verde.png" alt="1" width="35" height="50" /></td>
                <td align="left" valign="middle" bgcolor="#C3C3C3"><input name="button5" type="button" class="Boton_selecc" id="button5" value="CLIENTES" /></td>
                </tr>
              <tr>
                <td align="right" bgcolor="#C3C3C3"><img src="images/laterar_verde.png" alt="1" width="35" height="50" /></td>
                <td align="left" valign="middle" bgcolor="#C3C3C3"><input name="button6" type="button" class="Boton_selecc" id="button6" value="CONTROL DE ARMAS" /></td>
                </tr>
              </table>
          </div>
          </td>
    <td width="1566" align="center" valign="top" bgcolor="#FFFFFF"><div id="div_cliente"></div>
      <div id="div_cliente2">
<table width="100%" align="center" cellpadding="0" cellspacing="0" class="border_tabla21">
  <tr>
    <td height="33" colspan="3" align="center" valign="middle" bgcolor="#FFFFFF" style="text-align: center; color: #033; font-family: 'Times New Roman', Times, serif; font-size: 24px;">Te damos la bienvenida a SGCS</td>
    </tr>
  <tr>
    <td align="center" valign="middle" bgcolor="#060" style="text-align: center; color: #FFF;"><span class="arial_tit">MONITOREO EN TIEMPO REAL</span></td>
    <td height="33" align="center" valign="middle" bgcolor="#060" style="text-align: center; color: #FFF;"><span class="arial_tit">MATRIZ DE RIEZGO</span></td>
    <td align="center" valign="middle" bgcolor="#060" style="text-align: center; color: #FFF;"><span class="arial_tit">PLANIFICACION OPERACIONES</span></td>
  </tr>
  <tr>
    <td align="center">
      <table width="100%" border="0" ondblclick="load_maximixa1()">
        <tr>
          <td align="center" valign="middle">
            <table width="325" height="275" border="0" align="center" class="border_tabla2">
              <tr>
                <td><div id="map"></div></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td align="center">
    <div id="muestra2">
    <table width="325" height="275" border="0" align="center" class="border_tabla2">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </div>
    </td>
    <td align="center">
    <div id="muestra3">
    <table width="325" height="275" border="0" align="center" class="border_tabla2">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
    </div>
    </td>
  </tr>
  <tr>
    <td align="center"><input name="button7" type="button" class="Boton_selecc_boot" id="button7" value="SUPERVISORES" />
&nbsp;
<input name="button8" type="button" class="Boton_selecc_boot" id="button8" value="ZONA" />
&nbsp;
<input name="button9" type="button" class="Boton_selecc_boot" id="button9" value="CLIENTES" /></td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
  </tr>
</table>      
      </div>
      <div id="div_cliente3">
        <table width="100%" align="center" cellpadding="0" cellspacing="0" class="border_tabla21">
          <tr>
            <td height="33" colspan="3" align="center" valign="middle" bgcolor="#FFFFFF" style="text-align: center; color: #033; font-family: 'Times New Roman', Times, serif; font-size: 24px;">Te damos la bienvenida a SGCS</td>
          </tr>
          <tr>
            <td align="center" valign="middle" bgcolor="#060" style="text-align: center; color: #FFF;"><span class="arial_tit">MONITOREO EN TIEMPO REAL</span></td>
            <td height="33" align="center" valign="middle" bgcolor="#060" style="text-align: center; color: #FFF;"><span class="arial_tit">MATRIZ DE RIEZGO</span></td>
            <td align="center" valign="middle" bgcolor="#060" style="text-align: center; color: #FFF;"><span class="arial_tit">PLANIFICACION OPERACIONES</span></td>
          </tr>
          <tr>
            <td align="center"><table width="100%" border="0" ondblclick="load_maximixa1()">
              <tr>
                <td align="center" valign="middle"><table width="325" height="275" border="0" align="center" class="border_tabla2">
                  <tr>
                    <td><div id="map2"></div></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            <td align="center"><div id="muestra">
              <table width="400" height="320" border="0" align="center" class="border_tabla2">
                <tr>
                  <td>&nbsp;</td>
                </tr>
              </table>
            </div></td>
            <td align="center"><div id="muestra4">
              <table width="400" height="320" border="0" align="center" class="border_tabla2">
                <tr>
                  <td>&nbsp;</td>
                </tr>
              </table>
            </div></td>
          </tr>
          <tr>
            <td align="center"><input name="button10" type="button" class="Boton_selecc_boot" id="button10" value="SUPERVISORES" />
              &nbsp;
              <input name="button10" type="button" class="Boton_selecc_boot" id="button11" value="ZONA" />
              &nbsp;
              <input name="button10" type="button" class="Boton_selecc_boot" id="button12" value="CLIENTES" /></td>
            <td align="center">&nbsp;</td>
            <td align="center">&nbsp;</td>
          </tr>
        </table>
      </div>
    <p>&nbsp;</p></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td height="7%" colspan="2" align="center" valign="middle" bgcolor="#004C00" style="background-image:url(images/linea_verde_pie1.png)"><img src="images/LOGO.png" width="105" height="100" /></td>
  </tr>
</table>

<script>
      var marker;


      function initMap() { 
			var map = new google.maps.Map(document.getElementById('map'), {
			  zoom: 14,
			  center: {lat: 18.455452977082558, lng: -69.91930425167084}
			});
	
			marker = new google.maps.Marker({
			  map: map,
			  draggable: true,
			  animation: google.maps.Animation.DROP,
			  position: {lat: 18.455452977082558, lng: -69.91930425167084}
			});
			marker.addListener('click', toggleBounce);
	
			var contentString = 'Ubicacion Actual'

	        var infowindow = new google.maps.InfoWindow({
			  content: contentString,
			});
		
			marker.addListener('click', function() {
			  infowindow.open(map, marker);
			  marker.showInfoWindow();
			});

		var infowindow = new google.maps.InfoWindow();
		infowindow.setContent('Ubicacion Actual');
		infowindow.open(map, marker);			
      }
	  //--------------------------
      function initMap2() { 
			var map2 = new google.maps.Map(document.getElementById('map2'), {
			  zoom: 14,
			  center: {lat: 18.455452977082558, lng: -69.91930425167084}
			});
	
			marker = new google.maps.Marker({
			  map2: map2,
			  draggable: true,
			  animation: google.maps.Animation.DROP,
			  position: {lat: 18.455452977082558, lng: -69.91930425167084}
			});
			marker.addListener('click', toggleBounce);
	
			var contentString = 'Ubicacion Actual'

	        var infowindow = new google.maps.InfoWindow({
			  content: contentString,
			});
		
			marker.addListener('click', function() {
			  infowindow.open(map2, marker);
			  marker.showInfoWindow();
			});

		var infowindow = new google.maps.InfoWindow();
		infowindow.setContent('Ubicacion Actual');
		infowindow.open(map2, marker);			
      }

      function toggleBounce() {
        if (marker.getAnimation() !== null) {
          marker.setAnimation(null);
        } else {
          marker.setAnimation(google.maps.Animation.BOUNCE);
        }
      }
</script>
<script async="async" defer="defer"
	 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBYqf2hpqWVtfx3Co2EZlkrY9OFrMnc0PM&amp;callback=initMap">
</script>
<script async="async" defer="defer"
	 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBYqf2hpqWVtfx3Co2EZlkrY9OFrMnc0PM&amp;callback=initMap2">
</script>

<script type="text/javascript" src="jscript/js.js"></script>
</p>


</body>
</html>