*{font-family:sans-serif;}

body{
	width:100%; 
	border-style:none; 
	min-width:500px;
	border-width:0; 
	background-color:rgba(0,0,0,0.1);  
	margin:0px 0px 0px 0px; 
	padding:0;
	}

.div_header_class{
	position:relative;
	display:block;	
	width:100%;
	min-width:400px;
	background-color:rgba(100,200,200,0.0);
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,55,0,0.9);
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.div_logo_class{
	position:relative;
	display:block;	
	width:100%;
	min-width:400px;
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.9);
	margin:0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	background-color:rgba(0,40,60,0.90);
}

.div_icon_class{
	position:relative;
	display: inline-block;	
	width:70px;
	height:50px;
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.9);
	margin:1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
}

.div_nombre_aplicacion_class{
	position:relative;
	display:inline-block;	
	width:30%;
	min-width:200px;
	min-height:50px;
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.9);
	margin:1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
}


.div_nombre_class{
	position:relative;
	display:inline-block;	
	width:30%;
	min-width:200px;
	max-height:50px;
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.9);
	margin:1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
}

@media only screen and (max-width:640px){
	.div_header_class{
	 width:100%;
	}	
	.div_icon_class{
		width:50px;
	}	
	.div_nombre_aplicacion_class{
		width:50%;
		min-width:200px;
		font-size:small;
	}
	.div_nombre_class{
		width:100%;
		display:none;
		font-size:small;
	}	
}



.div_tracking_registro_class {
	position:relative;
	display:block;	
	width:100%;
	min-width:200px;
	background-color:rgba(105,255,0,0.0);
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,255,0,0.9);
	margin:20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}





.form_iniciar_sesion_class{

	position:relative;

	display:block;	

	width:50%;

	min-width:400px;



	background-color:rgba(0,0,0,0.7);	

	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);

	border-style:solid;

	border-width:0px;

	border-color:rgba(20,200,20,0.5);

	color:white;

	

	margin:0px 0px 0px 0px;

	padding: 0px 0px 10px 0px;

}



.form_registro_class{

	position:relative;

	display:block;	

	width:50%;

	min-width:400px;



	background-color:rgba(0,0,0,0.7);	

	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);

	border-style:solid;

	border-width:0px;

	border-color:rgba(20,200,20,0.5);

	color:white;	

	margin:20px 0px 0px 0px;

	padding: 0px 0px 10px 0px;



}







.div_items_form {

	position:relative;

	display:inline-block;

	width:46%;

	min-width:300px;

	background-color:rgba(0,255,220,0.0);

	

}



.textoInformacion{
	position:relative;
	display:inline-block;
	width:70%;
	min-width:200px;
	text-align:center;
	top:0px;
	left:0px;
	margin:20px 2px 0px 2px;
	padding-bottom:0px;
	padding:0px;
	background-color:rgba(220,220,220,0.0); 
	color:rgba(0,200,255,0.90); 
	font-size:16px;
}

.entradaTexto_IniciarSesion{
	position:relative;
	display:inline-block;
	width:98%;
	height:25px;
	min-width:120px;
	vertical-align:top;
	margin:3px;	

	border-style:none; 
	border-width:1px; 
	background-color:rgba(0,0,0,0.5); 
	color:rgba(180,250,180,0.9);	
}



.class_submit_registrarse{
	position:relative;
	display:block;
	border-radius:3px; 
	box-shadow:0 0 1px 1px #007020; 
	border-color:rgba(100,180,0,0.9); 
	background-color:rgba(100,180,0,0.0); 
	margin: 0px;
	color:rgba(0,250,255,0.9); 
	height:35px;
	font-size:14px;
	cursor:pointer;
}



.class_submit_registrarse:hover{
	background-color:rgba(100,180,100,0.1);
}

.div_item_submit_form_class{
	position:relative;
	display:block;	
	background-color:rgba(100,100,130,0.0);
	margin: 20px 10px 10px 10px;
}

/* Clases para el pied de pagina */

.div_class_footer {

	position: relative;

	display:block;

	background:linear-gradient(#507060,#305030); 

	background:rgba(0,50,80,0.6);

	color:black;

	padding:0px;

	margin: 0px;

	bottom: 0;

}



.div_class_subfooter {
	position:relative;
	display:inline-block;
	width:25%;
	vertical-align:top;
	min-width:200px;
	margin: 0px;
	padding:0px;
}

.div_class_subfooter_1 {
	position:relative;
	display:inline-block;
	width:45%;
	vertical-align:top;
	top:0px;
	color:white;
	font-size:small;
	padding:0px;
}



/*Clases para Menu Tracking */

.div_container_menu_tracking_class{
	position:fixed;
	display:block;	
	width:230px;
	height:40px;
	background-color:rgba(150,255,40,0.8);
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,55,0,0.9);
	bottom: 0px;
	left:0px;
	z-index:2;
	color:rgba(0,50,40,1);
	padding:0px 5px 0px 5px;
}

.div_container_cerrar_sesion_tracking_class{
	position:absolute;
	width:170px;
	height:40px;
	background-color:rgba(100,255,0,0.0);
	border-style:double;	
	border-width:0px;
	border-color:rgba(0,55,0,0.9);
	bottom: 0px;
	right: 20px;
	z-index:2;
	color:rgba(0,50,40,1);
	padding:0px 0px 0px 0px;
	font-size: 9pt;
}

.div_container_menu_tracking_class:hover {
	height:500px;
	border-width:0px;
}

.div_container_menu_tracking_class:hover  .div_items_menu_tracking_class{
	display:inline-block;
}

.div_nombre_menu_tracking_class{
	position:relative;
	display:block;
	width:100%;
	vertical-align:middle;
	margin:0px;
	text-align: center;
	font-size:small;
	font-weight:bold;
	font-style: normal;
	padding:1px;
}



.div_nombre_menu_tracking_class:hover{
	background-color:rgba(150,250,0,0.90);
	cursor:pointer;
}



.div_items_menu_tracking_class{
	position:relative;
	display:none;
	width:32%;
	vertical-align:middle;
	margin:0px;
	text-align: center;
	font-size:small;
	padding:5px 0px 0px 0px;	
	background-color:rgba(100,240,50,0.0);
	color:rgba(0,20,40,1);
}



.div_items_menu_tracking_class:hover{

	background-color:rgba(150,250,0,0.0);

	display:block;

	cursor:pointer;

	color:red;

}



.texto_items_menu_tracking_class{

	font-weight:bold;

	font-size:small;

	margin:0px;

	padding:4px 1px 4px 1px;

}


.div_container_asociar_dispositivo_class{
	position: fixed;
	display:none;
	background-color:rgba(150,250,0,0.9);
	color:black;
	height:100px;
	padding:2px;
	left:300px;
	bottom:0px;
	box-shadow: 0px 0px 20px 5px rgba(0,250,0,0.5);
	border-style:solid;	
	border-width:1px;
	border-color:rgba(0,255,0,0.9);
	text-align:center;
	z-index:2;
}

.div_cerrar_menu_asociar_class{
	position:absolute;
	display:block;
	cursor:pointer;
	width:60px;
	margin:0px;
	box-shadow: 0px 0px 20px 5px rgba(250,0,0,0.0);
	background:linear-gradient(#FF0000,#FF7777); 
	border-style:dotted;	
	border-width:1px;
	border-color:rgba(255,0,0,0.9);
	text-align:center;
	right:3px;
}

.div_asociar_dispositivo_class{
	position:relative;
	display:block;	
	width:98%;
	min-width:400px;
	background-color:rgba(0,0,0,0.70);	
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.0);
	border-style:solid;
	border-width:0px;
	border-color:rgba(20,200,20,0.5);
	color:white;
	margin:5px 0px 0px 15px;
	padding: 0px 0px 10px 0px;
}

.div_items_form_asociar_dispositivo{
	position:relative;
	display:inline-block;
	width:18%;
	min-width:100px;
	background-color:rgba(0,255,220,0.0);
	color:rgba(0,200,255,0.90); 
}

#map {
  height: 100%;
}


.asociar_textoInformacion_class{
	position:relative;
	display:inline-block;
	width:90%;
	min-width:100px;
	text-align:center;
	top:0px;
	left:0px;
	margin:2px 2px 0px 2px;
	padding-bottom:0px;
	padding:0px;
	background-color:rgba(220,220,220,0.0); 
	color:rgba(0,200,255,0.90); 
	font-size:16px;
}


.div_item_submit_form_asociar_class{
	position:relative;
	display:inline-block;
	width:18%;
	background-color:rgba(100,100,130,0.00);
	margin: 20px 10px 10px 10px;
	vertical-align:middle;
}

.label_center_class{
	position:relative;
	display:inline-block;
	margin:8px 0px 0px 0px;
	vertical-align:middle;
}



.div_regresar_class{
	position:relative;
	display:block;	
	width:50%;
	min-width:300px;

	background-color:rgba(255,255,255,0.7);	
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);
	border-style:solid;
	border-width:0px;
	border-color:rgba(20,200,20,0.5);
	color:white;	
	margin:20px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

.class_referencia_regresar{
	position:relative;
	display:block;
	border-radius:3px; 
	box-shadow:0 0 1px 1px #007020; 
	border-color:rgba(100,180,0,0.9); 
	background-color:rgba(100,180,0,0.5); 
	margin: 5px;
	padding:25px 0px 0px 0px;
	color:rgba(10,50,0,0.9); 
	width:200px; 
	height:40px;
	font-size:16px;
	text-decoration:none;
}


.div_container_menu_user_interfase_class{
	position:relative;
	display:block;
	background-color:rgba(250,250,250,0.9); 
	border-radius:3px; 
	box-shadow:0 0 1px 1px #007020; 
	border-color:rgba(100,180,0,0.9); 
	padding:5px 0px 5px 0px;
	font-size:small;
	margin:5px;
}

.div_menu_opciones_graficas_class{



}



.div_checkbox_centrar_option_class{
	position:relative;
	display:inline-block;	
	width:45%;
	padding: 5px 0px 0px 0px;	
}



.div_input_zoom_value_class{
	position:relative;
	display:inline-block;	
	width:70%;
	font-size:small;	
	font-weight:bold;
	padding: 5px;	
	margin: 5px;
}



.input_zoom_value_class{
	position:relative;
	display:inline-block;	
	width:50%;
	height:25px;
	text-align:center;
	font-weight:bold;

}



.div_config_UI_send_class{

	position:relative;

	display:inline-block;	

	width:70%;

	font-size:small;	

	font-weight:bold;

	padding: 5px;	

}



.config_UI_submit_class{

	position:relative;

	display:inline-block;	

	width:90%;

	font-size:small;	

	font-weight:bold;

	cursor:pointer;

}





.texto_operaciones_class{
	position:relative;
	display:inline-block;	
	width:90%;
	font-size:small;	
	font-weight:bold;
	cursor:pointer;	
	text-align:center;

}



.texto_operaciones_class:hover{

	color:green;

}