Gobierno propone eliminar beneficios tributarios para la importación de vehículos híbridos
El 25 de octubre de 2024, el Ministerio de Comercio, Industria y Turismo de Colombia, en conjunto con el Ministerio de Hacienda y Crédito Público, presentó un proyecto de decreto con el que se busca derogar el Decreto 1116 de 2017.
Chile y Bolivia realizaron XXIII Comisión Administradora del Acuerdo de Complementación Económica e iniciaron negociaciones para incluir capítulos de Género y MiPymes
Uno de ellos fue el inicio de las negociaciones para incluir en el Acuerdo dos nuevos capítulos: uno de Género y Comercio, y otro de Micro, Pequeñas y Medianas Empresas (MiPymes), lo que permitirá avanzar en un comercio más inclusivo, tema donde Chile ha sido pionero a nivel global.
“Uno de nuestros objetivos es promove
Reforma aduanera en Colombia: declaración de importación anticipada
El cambio con mayor impacto al régimen de aduanas que trae el Decreto 659 de 2024 es la obligatoriedad del uso de las declaraciones anticipadas para la generalidad de las mercancías que ingresan al país.
Esta modificación, que entrará en vigencia a partir del día
Nuevas regiones aguacateras de Colombia se abren paso en el mercado japonés
Con un mercado creciente en Japón, donde el aguacate Hass colombiano se suma a una prestigiosa lista de productos de alta calidad como el café, las flores y las plantas ornamentales, Colombia reafirma su lugar como un referente en la exportación de productos agrícolas.
Productores chilenos de aceituna, uva de mesa y pasas completaron exitosa misión comercial en Egipto
Los representantes de las empresas Atacama Aceitunas, Agro Amalfi, Quebrada Seca, Agrocastilla, Agrícola Hidronorte y Agrícola Marquezado, tuvieron la oportunidad de visitar diferentes parcelas, fábricas, supermercados y ferias, además de ser recibidos en la sede de la Federación de la Cámara de Comercio de Egipto, donde conocieron una completa presentación acerca de las características de este mercado.
Negociación y la Multiculturalidad_prueba
Builder
<!----https://www.legiscomex.com/HerramientaClienteWeb/Formas/Formularios_Arancelarios/MenuFormularios/MenuFormulario.aspx?Token=dcfaab99-d992-46e7-a5e6-9258a1a6b175&TipoFormulario=&Formulario=31----->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Negociación y Multiculturalidad</title>
<link rel="shortcut icon" type="image/x-icon" href="/Presentaciones/MAPA-PROCESOS-EXPO/img/favicon.ico">
<!--<link rel="stylesheet" type="text/css" href="css/style.css">--> <!--estilos propios-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/MAPA-PROCESOS-EXPO/css/bootstrap.min.css">
<!----------------------------------fancybox------------------------------------------>
<link rel="stylesheet" type="text/css" href="/Presentaciones/MAPA-PROCESOS-EXPO/css/jquery.fancybox.css?v=2.1.5.css" media="screen" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!-----------------------------------fancybox----------------------------------------->
</head>
<style type="text/css">
.font-gilroy{
font-family: "Gilroy-Bold";
}
#invidentes {
width: auto;
font-size: 17px;
padding: 5px 11px 6px 14px;
background-color: #1937ee;
color: #ffffff;
position: relative;
z-index: 300;
top: 26px;
border: 1px solid #1937ee;
/* left: 79%; */
font-family: "tahoma";
float: right;
text-align: right;
margin-right: 17px;
cursor: pointer;
}
span.btn.btn-info {
margin: 4px 0px !important;
}
.desplegar_footer{
display: none;
}
alert{
background-color: red;
}
span.bullet {
color: #fff;
font-size: 23px;
position: absolute;
left: 10px;
top: -7px;
}
#pantalla, #pantalla2{
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.56);
z-index: 20000;
position: fixed;
top: 0;
display: none;
}
.estilos_boton, .estilos_boton2 {
margin: -15px 20px 26px 20px;
}
.arreglar_cajon_z1{
line-height: 49px;
display: none;
}
#video_intro{
opacity: 1;
display: none;
}
.slider{
display: none;
}
.introduccion{
display: none;
}
.video{
display: none;
}
.seccion3{
display: none;
}
.proceso1, .proceso2, .proceso3, .proceso4, .proceso5, .proceso6, .proceso7, .proceso8, .proceso9{
display: none;
}
#formulario_1, #formulario_2, #formulario_3{
display: none;
}
#imagen_audio{
display: none;
}
/*--------------------------------------------------------*/
@font-face {
font-family: 'Gilroy-Bold';
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.eot');
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.svg#Gilroy-Bold') format('svg'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.ttf') format('truetype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.woff') format('woff'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tahoma';
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Tahoma.svg#Tahoma') format('svg'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Tahoma.ttf') format('truetype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tahoma';
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/tahoma.eot');
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/tahoma.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/tahoma.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
a:hover {
color: #0056b3;
text-decoration: none !important;
}
.row{
margin-left: 0px !important;
margin-right: 0px !important;
}
.ocultar_contenido_escritorio{
display: none !important;
}
#carouselExampleIndicators {
margin-top: 83px;
width: 100%;
}
/*----------------------------------------header-------------------------------------------*/
.fila_de_header {
background-color: #fff;
position: fixed;
width: 100%;
z-index: 90;
border-bottom: 1px solid #1937ef;
}
.logo_legiscomex {
width: 243px;
padding: 13px 34px;
height: 83px;
}
.iconos_redes_sociales {
width: 46px;
padding: 20px 3px;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
/*---------------------------------------fin header-------------------------------------------*/
/*--------------------------------------------slider-----------------------------------------*/
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 20px !important;
height: 20px !important;
border-radius: 100% !important;
margin-right: 3px;
margin-left: 10px !important;
text-indent: -999px;
background-color: rgba(255,255,255,.5);
}
.carousel-indicators .active {
background-color: #fca200 !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: none !important;
}
/*-----------------------------------------fin slider----------------------------------------*/
/*---------------------------------------seccion principal #1-------------------------------------------*/
.ocultar_480{
display: none;
}
#video-principal{
max-width: 100%;
}
.fila_contenedor_1 {
padding: 100px 0px;
}
.container-mod {
max-width: 1200px !important;
}
.titulo_principal {
background-color: #1937ef;
padding: 29px 44px 23px 44px;
color: #fff;
text-transform: uppercase;
font-size: 49px;
line-height: 38px;
width: 100%;
font-family: "Gilroy-Bold";
}
.fuente_pequeña {
font-size: 20px;
padding-left: 73px;
}
.texto_principal {
padding: 32px 60px 28px 60px;
width: 100%;
font-size: 24px;
text-align: center;
font-family: "tahoma";
font-weight: initial;
color: #4c4c4c;
margin-bottom: 0px;
}
.card_text {
font-size: 16px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
color: #4c4c4c;
margin-bottom: 0px;
}
.imagen_boton_audio {
width: 336px;
margin-left: 122px;
height: 81px;
}
/*---------------------------------------fin seccion principal #1-------------------------------------------*/
/*---------------------------------------seccion principal #2-------------------------------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 33px;
color: #002E72;
font-family: "Gilroy-Bold";
margin-top: -16px;
margin-bottom: 55px;
font-weight: inherit;
}
.cuadro_modulos {
width: 100%;
display: table;
text-align: center;
height: 334px;
}
.modulo_azul {
background-color: #1937ef;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
cursor: pointer;
}
.modulo_amarillo {
background-color: #fca200;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
cursor: pointer;
}
.modulo_azul:hover{
transform: scale(0.8);
background-color: #002E72;
}
.modulo_amarillo:hover{
transform: scale(0.8);
background-color: #ffc107;
}
.icono_modulos {
width: 126px;
padding: 20px 0px 10px 0px;
height: 154px;
}
.nombre_de_modulo {
color: #fff;
font-size: 17px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 25px;
}
.modulo_blanco {
background-color: #ffffff;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
cursor: pointer;
border: solid 1px rgba(25, 55, 239, 0.2784313725490196);
}
.modulo_blanco:hover {
transform: scale(0.8);
border: none;
background-color: #edefff;
}
.nombre_de_modulo_azul {
color: #1937ef;
font-size: 17px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 25px;
}
.quitar-padding {
padding: 0px !important;
}
.boton_ir_formulario{
width: 100%;
}
.texto_de_ir_a_formulario {
margin-bottom: 0px;
text-align: center;
background-color: #fca200;
padding: 7px 10px 10px 10px;
font-size: 18px;
font-family: "tahoma";
font-weight: inherit;
color: #ffffff;
margin-top: -44px;
position: relative;
z-index: 86;
}
.texto_de_ir_a_formulario:hover{
background-color: #002E72;
color: #fff;
text-decoration: none;
}
/*---------------------------------------fin seccion principal #2-------------------------------------------*/
/*---------------------------------------------------flotante-------------------------------------------------*/
.volver_a_formualrios {
font-size: 18px;
padding: 32px 20px;
float: right;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.normativa_zonas {
font-size: 18px;
padding: 32px 20px;
text-align: center;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.boton_de_volver_a_inicio {
padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
font-size: 17px;
}
.ir_normativa {
padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
}
.fila_boton_flotante {
padding: 2px 0px;
background-color: #fff;
}
.boton_de_volver_a_inicio:hover {
padding: 8px 20px;
background-color: rgb(25, 55, 239);
color: #fff;
text-decoration: none;
}
.ir_normativa:hover {
padding: 8px 20px;
background-color: rgb(25, 55, 239);
color: #fff;
text-decoration: none;
}
/*---------------------------------------------- fin flotante-------------------------------------------------------------*/
/*---------------------------------------------------Inicio footer------------------------------------------------*/
@font-face {
font-family: 'Gilroy-Regular';
src: url('font/Gilroy-Regular.eot');
src: url('font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('font/Gilroy-Regular.svg#Gilroy-Regular') format('svg'),
url('font/Gilroy-Regular.ttf') format('truetype'),
url('font/Gilroy-Regular.woff') format('woff'),
url('font/Gilroy-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.text_hover:hover {
/* text-decoration: underline !important; */
color: #fbb029;
}
.franja_naranja {
width: 100%;
height: 7px;
background-color: rgb(249, 176, 0);
}
.fila_footer{
padding-bottom: 43px;
}
#footer{
background-color: rgb(41, 58, 232);
height: 240px;
display: table;
width: 100%;
}
.texto_logo{
margin-left: 58px;
font-size: 16px;
}
.logo_de_legis {
width: 227px;
padding: 61px 29px 0px 36px;
}
.pata_footer {
width: 145px;
position: absolute;
margin: -28px 10px 6px 68px;
}
.footer-sin-padding{
padding-right: 0 !important;
padding-left: 0 !important;
}
/*
.text_footer {
color: #fff;
/* font-family: fantasy; */
/* font-family: "tahoma";
font-family: 'Gilroy-Regular';
font-size: 17px;
margin-bottom: 9px;
}
*/
.text_footer {
color: #fff;
/* font-family: fantasy; */
/* font-family: "tahoma"; */
/* font-family: 'Gilroy-Regular'; */
font-size: 17px;
margin-bottom: 2px;
}
.fondo_oscuro{
background-color: #002c54;
}
.derechos{
color: rgba(255, 255, 255, 0.74);
font-size: 14px;
}
hr {
width: 87%;
background-color: #fff;
margin: 0 auto;
}
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 20px 0px;
}
.footer_redes:hover{
color: #f9b000;
}
.circulo_redes:hover{
color: #f9b000;
}
.tamaño_font{
font-size: 17px;
}
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 62px;
margin-bottom: 18px;
}
.subtitulo_footer2{
font-family: "Gilroy-Bold";
color: #fff;
font-weight: 100;
font-size: 21px;
margin-top: 31px;
}
.espacio_padding{
padding: 0px 20px;
}
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 20% !important;
flex: auto;
}
.col-xs-5 {
float: left;
width: 20%;
}
.footer_redes {
color: rgba(255, 255, 255, 0.54);
font-size: 29px;
margin-top: 65px;
margin-left: 25px;
}
.circulo_redes {
position: absolute;
top: 144px;
left: 104px;
font-size: 47px;
color: #ffffff5c;
}
.ocultar_modulos{
display: none;
}
.ver_mas {
text-decoration: underline;
color: #fca200;
cursor: pointer;
}
/*
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 25px 0px;
}
*/
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 13px 0px;
}
.facebook_z3{
margin-left: 68px;
}
.buttom_text {
text-align: center;
background-color: #002c54;
padding: 20px 0px 13px 0px;
}
/*---------------------------------------------------Fin footer------------------------------------------------*/
/*---------------------------------------------------contenido cajon intro------------------------------------------------*/
.estilos_cajon {
padding: 32px 49px 43px 49px;
max-width: 1016px;
width: 100%;
}
.DANE .nombre_de_modulo_cajon {
color: #4c4c4c
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 19px;
padding: 20px;
font-family: "tahoma";
font-weight: inherit;
text-align: left;
line-height: 28px;
font-weight: inherit;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 25px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
width: 100%;
text-align: center;
}
.subtitulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 25px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
width: 100%;
text-align: left;
}
.contenido_fancybox{
display: none;
}
.audio_intro {
width: 317px;
margin-top: -3px;
transition: all 0.2s ease;
margin-top: 0px;
cursor: pointer;
display: none;
}
.audio_intro:hover{
transform: scale(0.9);
}
/*---------------------------------------------------fin contenido cajon intro------------------------------------------------*/
.audio {
margin-left: 126px;
max-width: 297px;
height: 46px;
}
.audio_textos{
margin-left: 11px;
}
.indicador_audio_intro {
color: #1937ef;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 14px;
font-size: 16px;
padding-left: 14px;
}
.ocultar_escritorio{
display: none;
}
@media (max-width: 1280px) {
#invidentes{
display: none;
}
}
@media (max-width: 1270px) {
.col-md-3 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.col-md-6 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 100% !important;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.subtitulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 17px;
line-height: 27px;
padding: 0px 20px 20px 20px;
}
.ocultar_escritorio{
display: block;
}
/*------------------------------------header----------------------------------*/
.iconos_redes_sociales {
width: 35px;
padding: 12px 3px;
height: 67px;
}
.logo_legiscomex {
width: 214px;
padding: 13px 34px;
height: 73px;
}
#carouselExampleIndicators {
margin-top: 67px;
}
iframe {
width: 76%;
height: 396px;
margin: auto;
}
/*------------------------------------header----------------------------------*/
.contenedor_de_video {
text-align: center;
}
.fila_contenedor_1 {
padding: 12px 0px 30px 0px;
}
.float-right {
float: none !important;
}
.imagen_boton_audio {
width: 336px;
margin-left: 0;
}
.titulo_principal {
width: 75%;
font-size: 36px;
padding: 19px 21px 9px 26px;
margin: 36px auto 0px auto;
}
.texto_principal {
width: 74%;
margin: auto;
font-size: 16px;
padding: 25px 0px 30px 0px;
}
.imagen_boton_audio {
width: 272px;
margin-left: 70px;
display: none;
}
.audio {
margin-left: 117px;
max-width: 251px;
height: 38px;
margin-bottom: 24px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 29px;
margin-top: 1px;
}
.icono_modulos {
width: 110px;
padding: 6px 0px 10px 0px;
height: 154px;
}
.ocultar_movil{
display: none;
}
.iconos_responsive{
width: 149px;
}
.volver_a_formualrios {
font-size: 16px;
padding: 48px 20px;
float: left;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.normativa_zonas {
font-size: 16px;
padding: 48px 20px;
text-align: center;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.ocultar_contenido_movil{
display: none !important;
}
.ocultar_contenido_escritorio {
display: block !important;
}
.espacio_top {
margin-top: 45px;
margin-bottom: 60px;
}
.simulador_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
.normativa_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
#invidentes{
display: none;
}
}
@media (max-width: 1150px) {
.col-md-3 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.col-md-6 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 100% !important;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.subtitulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 17px;
line-height: 27px;
padding: 0px 20px 20px 20px;
}
.ocultar_escritorio{
display: block;
}
/*------------------------------------header----------------------------------*/
.iconos_redes_sociales {
width: 35px;
padding: 12px 3px;
height: 67px;
}
.logo_legiscomex {
width: 214px;
padding: 13px 34px;
height: 73px;
}
#carouselExampleIndicators {
margin-top: 67px;
}
iframe {
width: 76%;
margin: auto;
}
/*------------------------------------header----------------------------------*/
.contenedor_de_video {
text-align: center;
}
.fila_contenedor_1 {
padding: 12px 0px 30px 0px;
}
.float-right {
float: none !important;
}
.imagen_boton_audio {
width: 336px;
margin-left: 0;
}
.titulo_principal {
width: 75%;
font-size: 36px;
padding: 19px 21px 9px 26px;
margin: 36px auto 0px auto;
}
.texto_principal {
width: 74%;
margin: auto;
font-size: 16px;
padding: 25px 0px 30px 0px;
}
.imagen_boton_audio {
width: 272px;
margin-left: 70px;
display: none;
}
.audio {
margin-left: 117px;
max-width: 251px;
height: 38px;
margin-bottom: 24px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 29px;
margin-top: 1px;
}
.icono_modulos {
width: 110px;
padding: 6px 0px 10px 0px;
height: 154px;
}
.ocultar_movil{
display: none;
}
.iconos_responsive{
width: 149px;
}
.volver_a_formualrios {
font-size: 16px;
padding: 48px 20px;
float: left;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.normativa_zonas {
font-size: 16px;
padding: 48px 20px;
text-align: center;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.ocultar_contenido_movil{
display: none !important;
}
.ocultar_contenido_escritorio {
display: block !important;
}
.espacio_top{
margin-top: 30px;
margin-bottom: 15px;
}
.simulador_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
.normativa_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
}
@media (max-width: 950px) {
/*-----------------footer--------------------*/
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 33px;
}
.facebook_z3 {
margin-left: 0;
}
.circulo_redes {
position: relative;
top: 2px;
left: 24px;
font-size: 35px;
color: #ffffff5c;
}
.texto_logo {
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 51px 40px 73px;
text-align: left;
}
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 50% !important;
}
.logo_de_legis {
width: 182px;
padding: 45px 29px 0px 0px;
margin-left: -27px;
}
.pata_footer {
width: 127px;
position: absolute;
margin: -24px 10px 6px 39px;
}
/*-------------fin footer-----------------------*/
.margen_responsiva{
margin-top: 149px;
}
}
@media (max-width: 900px) {
.bullet{
display: none;
}
iframe {
width: 76%;
height: 334px;
}
}
@media (max-width: 800px) {
.audio {
margin-left: 86px;
}
iframe {
width: 76%;
height: 290px;
}
}
@media (max-width: 600px) {
/*-----------------------------footer---------------------*/
.ocultar_movil_2{
display: none;
}
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
.text_footer {
color: #fff;
font-size: 15px;
}
.boton_underline_politicas {
text-decoration: underline;
}
.text_hover {
text-decoration: underline !important;
}
.desplegar_footer {
text-align: center;
margin: 15px auto 0 auto;
font-size: 37px;
color: #fff;
display: block;
}
.logo_de_legis {
width: 145px;
padding: 0;
margin-top: 24px;
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 0px 40px 0px;
text-align: center;
}
.margen_responsiva {
margin-top: 36px;
}
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 100% !important;
}
.ocultar_movil{
display: none;
}
.ver_mas {
/* text-decoration: underline; */
background-color: #fca200;
cursor: pointer;
padding: 5px 5px 9px 6px;
font-size: 20px;
margin: 24px auto;
width: 60%;
color: #ffffff;
}
/*-----------------------------fin footer---------------------*/
.icono_modulos {
width: 111px;
padding: 4px 0px 13px 0px;
height: 106px;
}
.cuadro_modulos {
height: 299px;
}
.partir_mitad_movil {
width: 50% !important;
}
.nombre_de_modulo {
color: #fff;
font-size: 15px;
line-height: 20px;
}
iframe {
width: 76%;
height: 209px;
}
.texto_principal {
width: 74%;
margin: auto;
font-size: 16px;
padding: 25px 0px 10px 0px;
}
.nombre_de_modulo_azul {
color: #1937ef;
font-size: 15px;
line-height: 19px;
}
.boton_de_volver_a_inicio {
font-size: 15px;
}
.ir_normativa {
font-size: 15px;
}
.fuente_pequeña {
font-size: 20px;
padding-left: 38px;
}
.audio {
margin-left: 62px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 24px;
line-height: 26px;
padding: 0px 27px;
margin-top: 1px;
}
}
@media (max-width: 550px) {
.texto_principal {
font-size: 15px;
}
.titulo_principal {
width: 75%;
font-size: 30px;
}
.texto_de_ir_a_formulario {
font-size: 15px;
margin-top: -39px;
}
.nombre_de_modulo_azul {
font-size: 13px;
line-height: 16px;
}
.nombre_de_modulo {
color: #fff;
font-size: 13px;
line-height: 19px;
}
.icono_modulos {
width: 151px;
padding: 4px 0px 13px 0px;
height: 106px;
}
.nombre_de_modulo {
color: #fff;
font-size: 15px;
}
.nombre_de_modulo_azul {
font-size: 15px;
}
.titulo_principal {
line-height: 23px;
}
.fuente_pequeña {
font-size: 17px;
padding-left: 25px;
}
.cuadro_modulos {
height: 261px;
}
}
@media (max-width: 490px) {
.ocultar_escritorio_z2 {
display: none;
}
.col-md-3 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.nombre_de_modulo_cajon {
padding: 4px 20px 20px 20px;
margin-bottom: 16px;
}
.titulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.subtitulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.nombre_de_modulo_cajon {
color: #03040ed4;
font-size: 15px;
line-height: 23px;
}
.estilos_cajon {
padding: 18px 4px 43px 9px;
max-width: 1016px;
width: 100%;
}
.carousel-indicators {
top: 75%;
}
.boton_de_volver_a_inicio {
width: 100%;
font-size: 19px;
}
.ir_normativa {
width: 100%;
font-size: 19px;
}
.simulador_text {
font-size: 19px;
}
.normativa_text {
font-size: 19px;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.boton_de_volver_a_inicio {
width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}
.ir_normativa {
width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}
.modulo_azul {
background-color: #1937ef;
padding: 3px 40px 38px 40px;
}
.modulo_amarillo {
background-color: #fca200;
padding: 3px 40px 38px 40px;
}
.padding-responsive {
padding: 0px 34px !important;
}
.ocultar_escritorio {
display: block !important;
}
/*
.ocultar_movil{
display: none !important;
}
*/
.fila_contenedor_1 {
padding: 45px 0px 53px 0px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 21px;
margin-top: 1px;
padding: 0px 54px;
}
iframe {
width: 100%;
height: 189px;
margin: auto;
}
.audio {
margin-left: 13px;
max-width: 274px;
height: 37px;
width: 100%;
}
.imagen_boton_audio {
width: 272px;
margin-left: 0;
display: none;
}
.fuente_pequeña {
width: 100%;
font-size: 14px;
padding-left: 0px;
}
.titulo_principal {
width: 87%;
font-size: 30px;
padding: 16px 21px 11px 26px;
line-height: 23px;
margin: 0px auto;
}
.texto_principal {
width: 86%;
font-size: 14px;
padding: 25px 0px 6px 0px;
margin: auto;
}
#carouselExampleIndicators {
margin-top: 0;
}
.logo_legiscomex {
width: 150px;
padding: 13px 7px;
height: 67px;
}
.partir_mitad_movil{
width: 50% !important;
}
.fila_redes_sociales {
text-align: right;
padding-right: inherit;
padding-right: 24px !important;
}
.fila_de_header{
position: relative;
}
.ocultar_480{
display: block;
}
.ocultar_escritorio_z2{
display: none;
}
.texto_de_ir_a_formulario {
margin-top: 0;
}
}
@media (max-width: 380px) {
/*-----------footer-------------*/
.logo_de_legis {
width: 180px;
padding: 2px 30px 1px 30px;
}
.desplegar_footer {
font-size: 33px;
}
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
/*-------------fin footer--------*/
.carousel-indicators {
margin-top: -1%;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
}
footer#footer {
text-align: center;
}
.pata_footer {
display: none;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.simulador_text {
font-size: 15px;
}
.normativa_text {
font-size: 15px;
}
iframe {
width: 100%;
height: 132px;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.modulo_azul {
background-color: #1937ef;
padding: 40px 40px 50px 40px;
}
.modulo_amarillo {
background-color: #fca200;
padding: 40px 40px 50px 40px;
}
.cuadro_modulos {
width: 100%;
display: table;
text-align: center;
height: 248px;
}
.nombre_de_modulo_azul {
color: #1937ef;
font-size: 15px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 20px;
}
.nombre_de_modulo {
color: #fff;
font-size: 15px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 22px;
}
.icono_modulos {
width: 133px;
padding: 6px 0px 10px 0px;
height: 106px;
}
.audio {
margin-left: 0;
max-width: 100%;
height: 40px;
}
.fuente_pequeña {
font-size: 14px;
}
.titulo_principal {
width: 100%;
font-size: 25px;
padding: 16px 21px 11px 26px;
line-height: 18px;
}
.texto_principal {
padding: 25px 0px 6px 0px;
width: 100%;
font-size: 13px;
}
}
@media (max-width: 362px) {
.boton_de_volver_a_inicio {
width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}
.ir_normativa {
width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}
.simulador_text {
font-size: 16px;
}
.normativa_text {
font-size: 16px;
}
}
@media (max-width: 350px) {
.nombre_de_modulo {
color: #fff;
font-size: 14px;
}
.icono_modulos {
width: 93px;
padding: 6px 0px 10px 0px;
height: 93px;
}
.padding-responsive {
padding: 0px 22px !important;
}
}
@media (max-width: 250px) {
.carousel-indicators {
margin-top: -4%;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 0px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 0px;
}
.logo_legiscomex {
width: 120px;
}
.titulo_principal {
width: 100%;
font-size: 21px;
}
.iconos_redes_sociales {
width: 28px;
padding: 12px 3px;
height: 60px;
}
}
/*---------------------------------------------------------------*/
</style>
<body >
<header>
<!--<button class="btn btn-primary" id="intr">Activar pagina para personas con discapacidad visual</button>-->
<div id="pantalla"></div>
<div id="pantalla2"></div>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/intro.mp3" autostart="true" loop="false" id="video_intro" class="video_intro" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/slider.mp3" autostart="true" loop="false" id="slider" class=" slider" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/introduccion.mp3" id="introduccione" autostart="true" loop="false" class="introduccion" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/video_3.mp3" id="video" autostart="true" loop="false" class="video" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/intro3.mp3" id="seccion3" autostart="true" loop="false" class="seccion3" height="0" width="0" ></audio>
<!---------------------------------------------procesos---------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso1.mp3" id="proceso1" autostart="true" loop="false"proceso1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso2.mp3" id="proceso2" autostart="true" loop="false" class="proceso2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso3.mp3 " id="proceso3" autostart="true" loop="false" class="proceso3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso4.mp3" id="proceso4" autostart="true" loop="false" class="proceso4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso5.mp3" id="proceso5" autostart="true" loop="false" class="proceso5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso6.mp3" id="proceso6" autostart="true" loop="false" class="proceso6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso7.mp3" id="proceso7" autostart="true" loop="false" class="proceso7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso8.mp3" id="proceso8" autostart="true" loop="false" class="proceso8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso9.mp3" id="proceso9" autostart="true" loop="false" class="proceso9" height="0" width="0" ></audio>
<!---------------------------------------------formularios---------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario1.mp3" id="formulario_1" autostart="true" loop="false" class="formulario1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario2.mp3" id="formulario_2" autostart="true" loop="false" class="formulario2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario3.mp3" id="formulario_3" autostart="true" loop="false" class="formulario3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario4.mp3" id="formulario_4" autostart="true" loop="false" class="formulario4" height="0" width="0" ></audio>
<!-----------------------------------------------contenido dento del cada modulo----------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido1.mp3" id="contenido_1" autostart="true" loop="false" class="contenido1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido2.mp3" id="contenido_2" autostart="true" loop="false" class="contenido2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido3.mp3" id="contenido_3" autostart="true" loop="false" class="contenido3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido4.mp3" id="contenido_4" autostart="true" loop="false" class="contenido4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido5.mp3" id="contenido_5" autostart="true" loop="false" class="contenido5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido6.mp3" id="contenido_6" autostart="true" loop="false" class="contenido6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido7.mp3" id="contenido_7" autostart="true" loop="false" class="contenido7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido8.mp3" id="contenido_8" autostart="true" loop="false" class="contenido8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido9.mp3" id="contenido_9" autostart="true" loop="false" class="contenido9" height="0" width="0" ></audio>
<!--------------------------------------------------------salir del modulo---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/salir_proceso.mp3" id="salir_proceso" autostart="true" loop="false" class="salir_proceso" height="0" width="0"></audio>
<!--------------------------------------------------------intro seccion 2 de la pagina---------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/intro_seccion_2.mp3" autostart="true" loop="false" id="intro_seccion2" class="intro_seccion2" height="0" width="0"></audio>
<!------------------------------------------------------video legis---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/legis_2.mp3" autostart="true" loop="false" id="legis" class="legis" height="0" width="0"></audio>
<!------------------------------------------------------video legis---------------------------------------------------------------->
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/salir_proceso.mp3" autostart="true" loop="false" id="header" class="header" height="0" width="0"></audio>
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/principal_legicomex.mp3" autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0" width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<div class="row fila_de_header" id="fila_header">
<div class="col-xs-6 col-sm-6 col-md-7 partir_mitad_movil">
<a href="https://www.legiscomex.com/"><img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/logo-legiscomex.svg" class="logo_legiscomex" id="logo_header"></a>
</div>
<div class="col-xs-6 col-sm-6 col-md-5 fila_redes_sociales partir_mitad_movil">
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank"><img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-twitter.svg" class="iconos_redes_sociales twitter_z1"></a>
<a href="https://www.facebook.com/Legiscomex/" target="_blank"><img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-facebook.svg" class="iconos_redes_sociales facebook_z1"></a>
</div>
</div>
</header>
<section>
<!---------------------------------------imagen principal------------------------------------------------>
<img src="/sites/legiscomex/files/2024-10/multiculturalidad%20%282%29.png" width="100%" id="imagen_principal_z1"> <!--class="imagen_principal"-->
<!---------------------------------------fin imagen principal-------------------------------------------->
<!---------------------------------------Inicio seccion 1------------------------------------->
<div class="container mb-5">
<div class="row" id="intro_seccion_z2">
<div class="col-md-12 contenedor_ancho_cien" id="introduccion">
<br/>
<div class="accordion" id="accordionExample" style="width: 100%;">
<div class="card">
<div class="card-header" id="headingEighteen">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center" type="button" data-toggle="collapse" data-target="#collapseEighteen" aria-expanded="true" aria-controls="collapseEighteen">
Qué encontrarás
</button>
</h2>
</div>
<div id="collapseEighteen" class="collapse" aria-labelledby="headingEighteen" data-parent="#accordionExample">
<div class="card-body">
<p>Al abordar el curso de "Negociación y Multiculturalidad," es fundamental comenzar explorando diversos temas clave que te ayudarán a dominar el arte de negociar en un entorno globalizado.</p>
<p>A lo largo del curso, se analizarán las fases esenciales de la negociación intercultural: Primero, examinaremos la Identidad Cultural y el Poder Blando, analizando cómo la identidad cultural influye en las dinámicas de poder y en la forma en que se establecen relaciones internacionales.</p>
<p>Luego, nos enfocaremos en la Diferencia entre lo Local y lo Global, comprendiendo cómo las estrategias de negociación deben adaptarse a contextos específicos para ser efectivas en diferentes escalas.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Negociacion_Multiculturalidad.png" class="rounded img-fluid" alt="data_zonas">
</div>
<br/>
<p>A continuación, abordaremos el concepto de Más allá de un Simple Acuerdo, profundizando en cómo las negociaciones exitosas van más allá de los acuerdos superficiales y buscan construir valor a largo plazo. </p>
<p>También discutiremos los Posibles Obstáculos y Sus Soluciones, identificando desafíos comunes en las negociaciones multiculturales y estrategias para superarlos.</p>
<p>Finalmente, exploraremos como Entender las necesidades y objetivos del otro y la forma en que busca alcanzarlos, enfocándonos en comprender las verdaderas motivaciones y métodos de las otras partes para facilitar acuerdos más efectivos y satisfactorios.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingNineteen">
<h2 class="mb-0">
<button href="#headingNineteen" class="btn btn-link btn-block text-center" type="button" data-toggle="collapse" data-target="#collapseNineteen" aria-expanded="true" aria-controls="collapseNineteen">
1. Identidad Cultural y Poder Blando
</button>
</h2>
</div>
<div id="collapseNineteen" class="collapse" aria-labelledby="headingNineteen" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">¿Qué es la Identidad Cultural?</h2>
<p>La identidad cultural es el conjunto de características, valores, creencias, tradiciones y comportamientos que definen a un grupo social o a una nación. Esta identidad se transmite de generación en generación y es un pilar fundamental en la forma en que los individuos se ven a sí mismos y cómo interactúan con otros.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Identidad_Cultural.png" class="rounded img-fluid" alt="data_zonas">
</div>
<br/>
<h5> Componentes de la Identidad Cultural</h5>
<p>• Lenguaje: El idioma es una herramienta crucial de la identidad cultural. Ejemplo: El español en Latinoamérica o el mandarín en China.</p>
<p>• Costumbres y Tradiciones: Estas prácticas reflejan la historia y los valores de una cultura. Ejemplo: El Día de Muertos en México.</p>
<p>• Religión: Influye en las normas sociales y las interacciones personales. Ejemplo: El cristianismo en Europa.</p>
<p>• Símbolos: Bandera, himno, monumentos, entre otros, que representan la esencia de una cultura. Ejemplo: La Torre Eiffel en Francia.</p>
<h2 class="subtitulo_de_informacion_cajon">Poder Blando en la Negociación</h2>
<p>El poder blando es la capacidad de influir en otros sin coerción, utilizando la atracción y la persuasión. En el contexto de la negociación internacional, el poder blando se manifiesta en la capacidad de un país o cultura para moldear las preferencias de los demás a través de su cultura, valores y políticas.</p>
<h5> Estrategias de Poder Blando</h5>
<p>• Diplomacia Cultural: Utilizar la cultura (arte, cine, educación) para fortalecer relaciones. Ejemplo: Intercambios culturales entre paísess.</p>
<p>• Relaciones Públicas Internacionales: Construir una imagen favorable mediante la utilización de medios de comunicación. Ejemplo: La campaña "I ♥ NY" para promover la ciudad de Nueva York como un destino turístico atractivo.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Plantilla%20noticias%20nueva%20-%202024-11-05T121426.827.png" class="rounded img-fluid" alt="data_zonas">
</div>
<p>• Colaboración Internacional: Participar en alianzas y organizaciones internacionales para influir en decisiones globales. Ejemplo: La colaboración de la Organización Mundial de la Salud (OMS) en la coordinación de respuestas globales a pandemias.</p>
<h5> Ejemplos de poder blando</h5>
<p>• Japón: La popularidad de los animes y mangas ha permitido a Japón proyectar su cultura pop y valores únicos a una audiencia global, atrayendo a personas de diferentes países.</p>
<p>• Colombia: La creciente fama del café colombiano, promovido por marcas como Juan Valdez, ha contribuido a una imagen positiva de Colombia como productor de café de alta calidad.</p>
<p>• Corea del Sur: El K-pop y el cine han llevado la cultura surcoreana a todo el mundo, fortaleciendo su influencia internacional.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwenty">
<h2 class="mb-0">
<button href="#headingTwenty" class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwenty" aria-expanded="false" aria-controls="collapseTwenty">
2. Diferencia entre lo Local y lo Global
</button>
</h2>
</div>
<div id="collapseTwenty" class="collapse" aria-labelledby="headingTwenty" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Contexto Local vs. Contexto Global</h2>
<p>La negociación en un entorno local implica un profundo conocimiento de la cultura, normas, y expectativas específicas de un lugar. Por otro lado, en un entorno global, se requiere una comprensión más amplia de cómo diferentes culturas y mercados interactúan y se influencian mutuamente.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/cultura.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Características del Contexto Local:</h5>
<p>• Conocimiento del Terreno: Familiaridad con la economía local, leyes, y regulaciones. Ejemplo: Negociar en una comunidad indígena de Bolivia requiere entender sus costumbres y forma de vida.</p>
<p>• Relaciones Personales: En muchos lugares, las relaciones personales son clave para establecer confianza. Ejemplo: En Japón, las relaciones comerciales a menudo se construyen durante años antes de cerrar un acuerdo. </p>
<h5>Características del Contexto Global:</h5>
<p>• Diversidad Cultural: Capacidad de adaptarse a diferentes culturas simultáneamente. Ejemplo: Negociar con una multinacional que tiene oficinas en Asia, Europa y América. </p>
<p>• Competencia Internacional: Entender y manejar la competencia en un mercado globalizado. Ejemplo: La competencia tecnológica entre empresas como Samsung y Apple en el mercado global de smartphones.</p>
<p>• Adaptación a Normas Internacionales: Cumplimiento de estándares internacionales y regulación. Ejemplo: Certificaciones ISO en procesos industriales.</p>
<h2 class="subtitulo_de_informacion_cajon">Impacto de la Globalización en la Negociación</h2>
<p>La globalización ha hecho que las empresas y los individuos interactúen más allá de sus fronteras tradicionales, lo que crea oportunidades y desafíos únicos.</p>
<h5>Desafíos de la Globalización:</h5>
<p>• Diferencias Culturales: Lo que es aceptable en una cultura puede ser mal visto en otra. Ejemplo: Diferencias en las percepciones sobre la puntualidad entre Alemania y Latinoamérica.</p>
<p>• Barreras Idiomáticas: Las negociaciones pueden complicarse cuando no se comparte un idioma común. Ejemplo: Negociaciones entre empresas chinas y brasileñas.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Barreras_Idiomaticas.png" class="rounded img-fluid" alt="data_zonas">
</div>
<p>• Regulación Internacional: Adaptación a diferentes normativas y leyes. Ejemplo: Regulaciones de privacidad de datos en la UE vs. EE UU.</p>
<h5>Estrategias para Manejar la Globalización:</h5>
<p>• Capacitación Intercultural: Formación en las diferencias culturales para evitar malentendidos. Ejemplo: Talleres de adaptación cultural para empleados internacionales.</p>
<p>• Consultoría Local: Utilizar expertos locales para entender mejor el mercado. Ejemplo: Contratar una firma de consultoría en India antes de entrar en ese mercado.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyOne">
<h2 class="mb-0">
<button href="#headingTwentyOne" class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyOne" aria-expanded="false" aria-controls="collapseTwentyOne">
3. Más allá de un simple acuerdo
</button>
</h2>
</div>
<div id="collapseTwentyOne" class="collapse" aria-labelledby="headingTwentyOne" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Relaciones a Largo Plazo</h2>
<p>Las negociaciones exitosas no se limitan a cerrar un acuerdo inmediato. La verdadera fortaleza radica en construir relaciones sostenibles que beneficien a todas las partes a lo largo del tiempo.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Relaciones_Sostenibles.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Importancia de las Relaciones Duraderas:</h5>
<p>• Confianza y Lealtad: Las relaciones a largo plazo fomentan la confianza, que es esencial para superar desafíos futuros. Ejemplo: Alianzas en la industria del café en Colombia, donde la colaboración entre caficultores y exportadores puede mantenerse durante décadas</p>
<p>• Reducción de Costos: Relaciones estables pueden reducir costos asociados con nuevas negociaciones o conflictos. Ejemplo: Proveedores que ofrecen descuentos por fidelidad a largo plazo</p>
<p>• Acceso a Nuevas Oportunidades: Relaciones bien mantenidas pueden abrir puertas a nuevas oportunidades y mercados. Ejemplo: Una empresa que mantiene una buena relación con distribuidores internacionales tiene más facilidad para expandirse</p>
<h2 class="subtitulo_de_informacion_cajon">Valor Compartido en la Negociación</h2>
<p>El concepto de valor compartido implica que, en lugar de enfocarse solo en los propios intereses, las partes buscan generar resultados que favorezcan a ambos y refuercen la relación. Este enfoque promueve la colaboración y el entendimiento mutuo, esenciales para superar diferencias culturales y alcanzar acuerdos que respeten y valoren las perspectivas de todos los involucrados.</p>
<h5>Crear Valor Compartido:</h5>
<p>• Identificación de Intereses Comunes: Encontrar áreas donde ambas partes pueden beneficiarse. Ejemplo: Empresas que colaboran en investigación y desarrollo para innovar en productos.</p>
<p>• Negociación Integrativa: Se trata de encontrar soluciones que amplíen el valor para todas las partes. Ejemplo: Un fabricante y un minorista que colaboran para mejorar la cadena de suministro, beneficiando a ambos.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Negociacion_Integrativa.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Ética en la Negociación</h5>
<p>La ética es fundamental para asegurar que las negociaciones sean justas y que las relaciones a largo plazo se mantengan sólidas.</p>
<h5>Prácticas Éticas en la Negociación:</h5>
<p>• Transparencia: Ser honesto sobre las intenciones y capacidades. Ejemplo: No ocultar información crucial durante una negociación.</p>
<p>• Responsabilidad Social: Considerar el impacto de las decisiones de negocio en la sociedad y el medio ambiente. Ejemplo: Negociar acuerdos que no impliquen explotación laboral en países en desarrollo.</p>
<p>• Cumplimiento Legal: Asegurar que todas las partes actúan dentro de la ley. Ejemplo: Respetar las leyes de propiedad intelectual en acuerdos internacionales.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyTwo">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyTwo" aria-expanded="false" aria-controls="collapseTwentyTwo">
4. Posibles Obstáculos y Sus Soluciones
</button>
</h2>
</div>
<div id="collapseTwentyTwo" class="collapse" aria-labelledby="headingTwentyTwo" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Barreras Culturales</h2>
<p>Las barreras culturales pueden dificultar la comunicación y la confianza en una negociación. Identificarlas y abordarlas es clave para una negociación exitosa.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Barreras_Culturales.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Identificación de Barreras Culturales:</h5>
<p>• Diferencias en Normas Sociales: Lo que es educado en una cultura puede ser considerado grosero en otra. Ejemplo: El contacto visual directo puede ser considerado desafiante en algunas culturas asiáticas.</p>
<p>• Percepciones de Jerarquía: La manera en que se respetan las jerarquías varía. Ejemplo: En algunas culturas, es esencial que los líderes tomen todas las decisiones importantes.</p>
<h5>Estrategias para Superar Barreras Culturales:</h5>
<p>• Capacitación Cultural: Formación para entender y respetar las diferencias culturales. Ejemplo: Cursos sobre etiqueta en la negociación con japoneses.</p>
<p>• Mediadores Culturales: Utilizar intermediarios que comprendan ambas culturas para facilitar la comunicación. Ejemplo: Contratar un consultor local durante una negociación internacional.</p>
<h2 class="subtitulo_de_informacion_cajon">Lenguaje y Comunicación</h2>
<p>El lenguaje es una de las barreras más directas en la negociación intercultural. No se trata solo de hablar el mismo idioma, sino de comprender el significado y la intención detrás de las palabras.</p>
<h5>Desafíos del Idioma:</h5>
<p>• Traducción Inexacta: Palabras o conceptos que no tienen una traducción directa pueden causar malentendidos. Ejemplo: Términos legales que difieren entre sistemas jurídicos.</p>
<p>• Matices y Tono: Lo que se dice y cómo se dice puede variar drásticamente entre culturas. Ejemplo: El sarcasmo o la ironía pueden ser mal interpretados en culturas donde el lenguaje es más directo.</p>
<h5>Técnicas para Mejorar la Comunicación:</h5>
<p>• Clarificación Constante: Repetir y confirmar lo que se ha dicho para asegurar la comprensión. Ejemplo: Resumir los puntos clave al final de cada discusión.</p>
<p>• Uso de Intérpretes Profesionales: En situaciones críticas, utilizar intérpretes capacitados para asegurar que no se pierda información. Ejemplo: Un intérprete durante negociaciones contractuales complejas.</p>
<h2 class="subtitulo_de_informacion_cajon">Conflictos de Intereses</h2>
<p>Los conflictos de intereses son comunes en la negociación, especialmente cuando las partes tienen objetivos muy diferentes.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Conflicto%20de%20intereses.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Gestión de Conflictos:</h5>
<p>• Identificación Temprana: Reconocer los conflictos de intereses desde el principio ayuda a manejarlos mejor. Ejemplo: Discrepancias sobre precios o condiciones de pago.</p>
<p>• Negociación Orientada a Intereses: En lugar de discutir por posiciones fijas, como el precio, enfócate en entender lo que realmente importa para cada parte. Por ejemplo, en vez de solo hablar del costo, trata de comprender qué significa ese costo para cada uno.</p>
<h5>Ejemplos de Soluciones Creativas:</h5>
<p>• Soluciones de "Ganar-Ganar": Buscar alternativas que beneficien a ambas partes. Ejemplo: Ofrecer un contrato a largo plazo en lugar de un precio más bajo. Si estas interesado en obtener más información te recomendamos ingresar a la materia “Técnicas de negociación”</p>
<p>• Compensaciones: Hacer concesiones en temas secundarios para conseguir beneficios en aspectos importantes. Ejemplo: Podrías estar dispuesto a reducir los plazos de entrega si obtienes un contrato más grande y estable.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyThree">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyThree" aria-expanded="false" aria-controls="collapseTwentyThree">
5. "Entender las necesidades y objetivos del otro y la forma en que busca alcanzarlos."
</button>
</h2>
</div>
<div id="collapseTwentyThree" class="collapse" aria-labelledby="headingTwentyThree" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Entender las Motivaciones del Otro</h2>
<p>Para una negociación exitosa, es crucial entender no solo lo que la otra parte quiere, sino por qué lo quiere. Esto permite formular propuestas que satisfagan ambas partes.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Motivaciones_del_otro.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Técnicas para Descubrir Motivaciones:</h5>
<p>• Preguntas Abiertas: Realiza preguntas que exploren los intereses y necesidades ocultas, considerando las diferencias culturales y contextuales. Ejemplo: "¿Qué es lo más importante para su empresa en este acuerdo?"</p>
<p>• Observación y Escucha Activa: Prestar atención a lo que se dice y cómo se dice. Ejemplo: Notar cuando alguien parece incómodo con una propuesta y preguntar por qué.</p>
<h2 class="subtitulo_de_informacion_cajon">Empatía en la Negociación:</h2>
<p>• Ponerse en el Lugar del Otro: Entender los desafíos y restricciones de la otra parte. Ejemplo: Considerar las limitaciones presupuestarias de un socio comercial.</p>
<p>• Construcción de Soluciones Conjuntas: Trabajar juntos para encontrar soluciones que satisfagan a ambas partes. Ejemplo: Negociar un cronograma que funcione para ambos.</p>
<h2 class="subtitulo_de_informacion_cajon">Negociación Basada en Intereses:</h2>
<p>La negociación basada en intereses se enfoca en los objetivos fundamentales en lugar de las posiciones fijas. Esto permite soluciones más flexibles y creativas.</p>
<h2 class="subtitulo_de_informacion_cajon">Diferencia entre Posiciones e Intereses:</h2>
<p>• Posiciones: Son las demandas explícitas de cada parte. Ejemplo: "Quiero un descuento del 10%".</p>
<p>• Intereses: Son las razones detrás de esas demandas. Ejemplo: "Necesito reducir costos para mantener mi negocio a flote".</p>
<h5>Ejemplos de Negociación Basada en Intereses:</h5>
<p>• Caso de Colaboración: Dos empresas que inicialmente competían por el mismo mercado encuentran una manera de colaborar, compartiendo recursos y costos.</p>
<p>• Caso de Ajuste de Precios: Un proveedor ofrece mejores términos de pago en lugar de un descuento directo, ayudando al comprador a gestionar su flujo de caja.</p>
<h2 class="subtitulo_de_informacion_cajon">Técnicas de Persuasión Intercultural</h2>
<p>Persuadir en un entorno multicultural requiere entender los valores, creencias y estilos de comunicación de la otra parte.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Persuasion.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Estrategias de Persuasión Adaptadas a la Cultura:</h5>
<p>• Cultura Colectivista vs. Individualista: En culturas colectivistas, enfatizar el beneficio para el grupo puede ser más efectivo que enfocarse en los beneficios individuales. Ejemplo: En negociaciones con India, enfocarse en cómo el acuerdo beneficiará a los líderes y tomadores de decisiones clave puede ser más efectivo que en culturas donde el enfoque está en la igualdad y la participación del grupo.</p>
<p>• Relación vs. Tarea: En culturas donde las relaciones personales son clave, dedicar tiempo a construir una relación antes de discutir negocios puede ser crucial. Ejemplo: En Medio Oriente, es común dedicar tiempo a socializar antes de entrar en temas de negocios.</p>
<h5>Cómo Influir Respetando Valores y Creencias:</h5>
<p>• Adaptación de Mensajes: Ajustar la forma en que se presenta una propuesta según los valores de la otra cultura. Ejemplo: En una negociación con una empresa escandinava, donde la igualdad es un valor central, destacar cómo el acuerdo promueve la equidad.</p>
<p>• Uso de Narrativas: Utilizar historias y ejemplos que resuenen culturalmente con la otra parte. Ejemplo: Al negociar en Latinoamérica, utilizar historias que reflejen la importancia de la familia y la comunidad.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyFour">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyFour" aria-expanded="false" aria-controls="collapseTwentyFour">
Actividades del Curso
</button>
</h2>
</div>
<div id="collapseTwentyFour" class="collapse" aria-labelledby="headingTwentyFour" data-parent="#accordionExample">
<div class="card-body">
<h5>Estudio de Caso: Negociación Intercultural</h5>
<p>• Descripción: Los estudiantes analizarán un caso real de negociación intercultural (por ejemplo, la negociación entre una empresa europea y un gobierno asiático) y evaluarán cómo las diferencias culturales afectaron el proceso y resultado.</p>
<p>• Objetivos: Identificar barreras culturales y proponer soluciones basadas en los temas del curso.</p>
<p>• Entrega: Informe escrito y presentación en clase.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Estudio_Caso.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Simulación de Negociación</h5>
<p>• Descripción: Los estudiantes se dividirán en grupos y participarán en una simulación de negociación que involucra a actores de diferentes culturas. Cada grupo deberá aplicar las técnicas y estrategias aprendidas.</p>
<p>• Objetivos: Practicar la adaptación a contextos multiculturales, superar obstáculos y crear valor compartido.</p>
<p>• Entrega: Participación en la simulación y un análisis reflexivo sobre lo aprendido</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Simulacion_Negociacion.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Proyecto Final: Diseño de una Estrategia de Negociación</h5>
<p>• Descripción: Cada estudiante diseñará una estrategia de negociación para un escenario específico que incluya actores de diferentes culturas. Deberán considerar aspectos como la identidad cultural, el poder blando, y la construcción de relaciones a largo plazo.</p>
<p>• Objetivos: Demostrar la capacidad de aplicar conocimientos teóricos en un plan práctico de negociación.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Diseno_Estrategia.png" class="rounded img-fluid" alt="data_zonas">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--------------------------------contendor movil---------------------------------------------->
</div>
<!---------------------------------------fin seccion 1------------------------------------->
<!---------------------------------------Inicio seccion 2------------------------------------->
<div class="container-fluid quitar-padding" id="zonasfrancasdept">
<h2 class="subtitulo_seccion_modulos" id="inicio_seccion_3">AYUDAS PRACTICAS</h2>
<div class="row">
<div class="col-sm-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
Taller
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<embed src="/sites/legiscomex/files/2024-11/Taller%20Sin%20Respuestas.pdf" width="600" height="850" type="application/pdf">
<center>
</center>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingNine">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
Infografia
</button>
</h2>
</div>
<div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordionExample">
<div class="card-body">
<center>
<img src="https://www.legiscomex.com/sites/legiscomex/files/2024-11/Infografia_Negociaci%C3%B3n%20y%20la%20Multiculturalidad.png" alt="" width="80%">
</center>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
Taller con respuestas
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<embed src="/sites/legiscomex/files/2024-11/Taller%20OK_Con%20Respuestas.pdf" width="600" height="850" type="application/pdf">
<center>
</center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!----------------------------------------------------FIN CONTENIDO 480------------------------------------------------>
<!-----------------------------------------fin seccion 2------------------------------------->
<!-----------------------------------------seccion flotante------------------------------------->
<div class="container-fluid">
<div class="row fila_boton_flotante">
<div class="col-md-12">
<p class="volver_a_formualrios"><a href="/informacion-universidades-abc-del-comercio-internacional/negociacion-y-la-multiculturalidad" class="boton_de_volver_a_inicio">Volver al inicio</a> <!--<span class="simulador_text"> </span>--> </p>
</div>
</div>
</div>
<!-----------------------------------------fin flotante------------------------------------->
</section>
<div class="container-fluid footer-sin-padding">
<footer id="footer">
<img src="/Presentaciones/procesos_importaciones/img/pata_footer.svg" class="pata_footer">
<div class="container-fluid footer-sin-padding">
<div class="row fila_footer">
<div class="espacio_padding col-lg-5">
<a href="https://www.legis.com.co/"><img
src="/Presentaciones/procesos_importaciones/img/logo_legis.svg"
class="logo_de_legis"></a>
<p class="text_footer texto_logo tamaño_font">Legiscomex.com</p>
<p class="text_footer texto_logo tamaño_font">ISSN 2027-8314</p>
</div>
<i class="fas fa-angle-double-down desplegar_footer"></i>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer margen_responsiva">Sobre nosotros</h2>
<a href="https://www.legiscomex.com/nosotros" target="_blank">
<p class="text_footer text_hover">Quiénes somos</p>
</a>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Nuestros módulos</h2>
<a href="https://www.legiscomex.com/arancel-de-aduanas" target="_blank">
<p class="text_footer text_hover">Arancel de Aduanas</p>
</a>
<a href="https://www.legiscomex.com/analisis-de-mercados-internacionales" target="_blank">
<p class="text_footer text_hover">Análisis de Mercados</p>
</a>
<p class="text_footer ver_mas">ver más</p>
<div class="ocultar_modulos">
<a href="https://www.legiscomex.com/regulacion-aduanera-colombiana-0" target="_blank">
<p class="text_footer text_hover">Regulación Aduanera Colombiana</p>
</a>
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales" target="_blank">
<p class="text_footer text_hover">Oportunidades comerciales</p>
</a>
<a href="https://www.legiscomex.com/ranking-de-importaciones-y-exportaciones-0"
target="_blank">
<p class="text_footer text_hover">Ranking de Importaciones y Exportaciones</p>
</a>
<a href="https://www.legiscomex.com/informacion-financiera-de-empresas-0" target="_blank">
<p class="text_footer text_hover">Información Financiera de Empresas</p>
</a>
<a href="https://www.legiscomex.com/universidades-abc-del-comercio-internacional"
target="_blank">
<p class="text_footer text_hover">Universidades ABC</p>
</a>
<a href="https://www.legiscomex.com/simulador-de-formularios" target="_blank">
<p class="text_footer text_hover">Simulador de Formularios</p>
</a>
</div>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Contáctenos</h2>
<p class="text_footer">E-mail sclientes@legis.com.co</p>
<p class="text_footer">Línea Nacional: 018000912101</p>
<h2 class="subtitulo_footer2">Oficina principal y notificaciones</h2>
<p class="text_footer">Calle 70 No 7-30, Piso 8, Bogotá; D.C. (Colombia)</p>
<p class="text_footer">Tel: (601)4255200 WhatsApp: <a href="https://api.whatsapp.com/send?phone=573102114444&text=Hola%2C%20quiero%20recibir%20m%C3%A1s%20informaci%C3%B3n%0A%20%0A" target="_blank">3102114444</a></p>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<a href="https://www.facebook.com/Legiscomex/" target="_blank">
<i class="fab fa-facebook-f footer_redes facebook_z3"></i>
</a>
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank">
<i class="fab footer_redes fa-linkedin-in"></i>
</a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="https://www.youtube.com/channel/UC0ranDo4unRk_hbB6deufoQ" target="_blank">
<i class="fab fa-youtube footer_redes"></i>
</a>
</div>
</div>
<div class="franja_naranja"></div>
<div class="container-fliud fondo_oscuro">
<div class="row centrar_texto buttom_text">
<div class="col-sm-4 col-md-4">
<p class="text_footer boton_underline_politicas">Términos y condiciones</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Política de privacidad</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Línea ética de denuncia</p>
</div>
</div>
<hr>
<div class="row centrar_texto" style="padding: 16px 0px 0px 0px;">
<div class="col-md-12">
<p class="text_footer derechos">Pertenece al Módulo de Universidades ABC del comercio
internacional</p>
</div>
</div>
<div class="row centrar_texto">
<div class="col-md-12">
<p class="text_footer derechos">2023 © Todos los derechos reservados. Prohibida su
reproducción total o parcial, así como su traducción a cualquier idioma sin autorización
escrita de su titular. </p>
</div>
</div>
<div class="row centrar_texto"
style="padding: 6px 0px 6px 0px;background-color: #293ae8;border-top: 1px solid #fff;">
<div class="col-md-12">
<p class="text_footer derechos" style="color: fff; font-size: 14px; ">Legiscomex 2023</p>
</div>
</div>
</div>
</div>
</footer>
<!-------------------------------------------------------nuevos------------------------------------------->
</div>
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script>
<!--<script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>-->
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/popper.min.js"></script>
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/bootstrap.min.js"></script>
<script type="text/javascript">
setTimeout(function(){
$('.carousel').carousel({
interval: 2000
})
}, 1000);
</script>
<script type="text/javascript">
$(".desplegar_footer").click(function(event) {
$(".ocultar_movil_2").toggle(function() {
}, function() {
});
});
/*----------------------------scroll---------------------------*/
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1500);
});
});
/*---------------------------- final de scroll---------------------------*/
/*---------------------------- final de scroll---------------------------*/
$(".ver_mas").click(function(event) {
$(".ocultar_modulos").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
$(".ver_mas").css('display', 'none');
});
/*---------------------------- fin final de scroll---------------------------*/
</script>
<script type="text/javascript">
/*---------------------------------------AUDIOS---------------------------------------*/
/*
swal({
title: "¿Desea activar contenido para personas con discapacidad visual?",
text: "Oprime ok para confirmar",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
*/
var comprobar = 1;
$("#invidentes").click(function(event) {
if(comprobar == 1){
$(".fila_de_header").css('position', 'absolute');
$("#content_video").css('display', 'none');
$("#imagen_audio").css('display', 'block');
$(".quitar_fancybox").removeClass('fancybox');
$("#invidentes").css('background-color', 'red');
$("#invidentes").css('border', '1px solid red');
$("#invidentes").text('Página En Modo Invidente Activado');
var pantalla_cierre2 = document.getElementById("pantalla2");
var v0 = document.getElementsByTagName("audio")[0];
var sound = false;
v0.pause();
v0.loop = false;
/*----------------------audio salir contenido-----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[27];
volPRO2.pause();
volPRO2.loop = false;
/*----------------------audio salir contenido-----------------------*/
v0.play();
pantalla_cierre2.style.display = 'block'; /*---------------mostar al pantalla---------------*/
sound = true;
pantalla_cierre2.addEventListener("click", function(){
v0.pause();
sound = false;
volPRO2.play();
setTimeout(function(){
pantalla_cierre2.style.display = 'none';
volPRO2.pause();
}, 10000);
});
/*--------------------------- fin audio home--------------------------------------*/
/*---------------------------audio slider--------------------------------------*/
var boton = document.getElementById("carouselExampleIndicators");
var v = document.getElementsByTagName("audio")[1];
var sound = false;
var slider = document.getElementById("slider"); /*--------------resetiar---------------*/
v.pause();
v.loop = false;
boton.addEventListener("mouseover", function(){
v.play();
sound = true;
v0.pause(); /*------------------primer audio-------------*/
slider.currentTime = 0; /*--------------resetiar---------------*/
});
boton.addEventListener("mouseout", function(){
v.pause();
sound = false;
});
/*--------------------------- fin audio slider--------------------------------------*/
/*---------------------------audio introduccion--------------------------------------*/
var boton2 = document.getElementById("introduccion");
var v2 = document.getElementsByTagName("audio")[2];
var sound2 = false;
var introduccione = document.getElementById("introduccione");
v2.pause();
v2.loop = false;
boton2.addEventListener("mouseover", function(){
v2.play();
sound2 = true;
v0.pause();/*------------------primer audio-------------*/
introduccione.currentTime = 0;/*--------------resetiar---------------*/
v_2.pause();
sound_2 = false;
});
boton2.addEventListener("mouseout", function(){
v2.pause();
sound2 = false;
});
/*---------------------------fin audio introduccion--------------------------------------*/
/*-------------------------------------audio video--------------------------------------*/
var contenido_video = document.getElementById("content_video_2");
var v3 = document.getElementsByTagName("audio")[3];
var sound3 = false;
var video = document.getElementById("video");
v3.pause();
v3.loop = false;
contenido_video.addEventListener("mouseover", function(){
v3.play();
sound3 = true;
v0.pause();/*------------------primer audio-------------*/
video.currentTime = 0;/*--------------resetiar---------------*/
v_2.pause();
sound_2 = false;
});
contenido_video.addEventListener("mouseout", function(){
v3.pause();
sound3 = false;
});
/*-------------------------------------fin audio video--------------------------------------*/
/*-------------------------------------inicio seccion 3--------------------------------------*/
var seccion3 = document.getElementById("inicio_seccion_3");
var v4 = document.getElementsByTagName("audio")[4];
var sound4 = false;
var audio_seccion3 = document.getElementById("seccion3");
v4.pause();
v4.loop = false;
seccion3.addEventListener("mouseover", function(){
v4.play();
sound4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_seccion3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion3.addEventListener("mouseout", function(){
v4.pause();
sound4 = false;
});
/*------------------------------------- fin inicio seccion 3--------------------------------------*/
/*---------------------------------------------proceso 1--------------------------------------*/
var seccion_proceso1 = document.getElementById("proceso_1");
var vol1 = document.getElementsByTagName("audio")[5];
var sonido1 = false;
var audio_proceso1 = document.getElementById("proceso1");
vol1.pause();
vol1.loop = false;
seccion_proceso1.addEventListener("mouseover", function(){
vol1.play();
sonido1 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso1.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso1.addEventListener("mouseout", function(){
vol1.pause();
sonido1 = false;
});
/*------------------------------------- fin proceso 1--------------------------------------*/
/*-------------------------------------proceso 2--------------------------------------*/
var seccion_proceso2 = document.getElementById("proceso_2");
var vol2 = document.getElementsByTagName("audio")[6];
var sonido2 = false;
var audio_proceso2 = document.getElementById("proceso2");
vol2.pause();
vol2.loop = false;
seccion_proceso2.addEventListener("mouseover", function(){
vol2.play();
sonido2 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso2.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso2.addEventListener("mouseout", function(){
vol2.pause();
sonido2 = false;
});
/*------------------------------------- fin proceso 2--------------------------------------*/
/*-------------------------------------proceso 3--------------------------------------*/
var seccion_proceso3 = document.getElementById("proceso_3");
var vol3 = document.getElementsByTagName("audio")[7];
var sonido3 = false;
var audio_proceso3 = document.getElementById("proceso3");
vol3.pause();
vol3.loop = false;
seccion_proceso3.addEventListener("mouseover", function(){
vol3.play();
sonido3 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso3.addEventListener("mouseout", function(){
vol3.pause();
sonido3 = false;
});
/*------------------------------------- fin proceso 3--------------------------------------*/
/*-------------------------------------proceso 4--------------------------------------*/
var seccion_proceso4 = document.getElementById("proceso_4");
var vol4 = document.getElementsByTagName("audio")[8];
var sonido4 = false;
var audio_proceso4 = document.getElementById("proceso4");
vol4.pause();
vol4.loop = false;
seccion_proceso4.addEventListener("mouseover", function(){
vol4.play();
sonido4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso4.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso4.addEventListener("mouseout", function(){
vol4.pause();
sonido4 = false;
});
/*------------------------------------- fin proceso 4--------------------------------------*/
/*-------------------------------------proceso 5--------------------------------------*/
var seccion_proceso5 = document.getElementById("proceso_5");
var vol5 = document.getElementsByTagName("audio")[9];
var sonido5 = false;
var audio_proceso5 = document.getElementById("proceso5");
vol5.pause();
vol5.loop = false;
seccion_proceso5.addEventListener("mouseover", function(){
vol5.play();
sonido5 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso5.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso5.addEventListener("mouseout", function(){
vol5.pause();
sonido5 = false;
});
/*------------------------------------- fin proceso 5--------------------------------------*/
/*-------------------------------------proceso 6--------------------------------------*/
var seccion_proceso6 = document.getElementById("proceso_6");
var vol6 = document.getElementsByTagName("audio")[10];
var sonido6 = false;
var audio_proceso6 = document.getElementById("proceso6");
vol6.pause();
vol6.loop = false;
seccion_proceso6.addEventListener("mouseover", function(){
vol6.play();
sonido6 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso6.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso6.addEventListener("mouseout", function(){
vol6.pause();
sonido6 = false;
});
/*------------------------------------- fin proceso 6--------------------------------------*/
/*-------------------------------------proceso 7--------------------------------------*/
var seccion_proceso7 = document.getElementById("proceso_7");
var vol7 = document.getElementsByTagName("audio")[11];
var sonido7 = false;
var audio_proceso7 = document.getElementById("proceso7");
vol7.pause();
vol7.loop = false;
seccion_proceso7.addEventListener("mouseover", function(){
vol7.play();
sonido7 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso7.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso7.addEventListener("mouseout", function(){
vol7.pause();
sonido7 = false;
});
/*------------------------------------- fin proceso 7--------------------------------------*/
/*-------------------------------------proceso 8--------------------------------------*/
var seccion_proceso8 = document.getElementById("proceso_8");
var vol8 = document.getElementsByTagName("audio")[12];
var sonido8 = false;
var audio_proceso8 = document.getElementById("proceso8");
vol8.pause();
vol8.loop = false;
seccion_proceso8.addEventListener("mouseover", function(){
vol8.play();
sonido8 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso8.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso8.addEventListener("mouseout", function(){
vol8.pause();
sonido8 = false;
});
/*------------------------------------- fin proceso 8--------------------------------------*/
/*-------------------------------------proceso 8--------------------------------------*/
var seccion_proceso9 = document.getElementById("proceso_9");
var vol9 = document.getElementsByTagName("audio")[13];
var sonido9 = false;
var audio_proceso9 = document.getElementById("proceso9");
vol9.pause();
vol9.loop = false;
seccion_proceso9.addEventListener("mouseover", function(){
vol9.play();
sonido9 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso9.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso9.addEventListener("mouseout", function(){
vol9.pause();
sonido9 = false;
});
/*------------------------------------- fin proceso 8--------------------------------------*/
/*---------------------------------------- formulario1-----------------------------------------*/
var seccion_formulario1 = document.getElementById("formulario1");
var volF1 = document.getElementsByTagName("audio")[14];
var sonidoF1 = false;
var audio_formulario1 = document.getElementById("formulario_1");
volF1.pause();
volF1.loop = false;
seccion_formulario1.addEventListener("mouseover", function(){
volF1.play();
sonidoF1 = true;
v0.pause();/*------------------primer audio-------------*/
audio_formulario1 .currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario1.addEventListener("mouseout", function(){
volF1.pause();
sonidoF1 = false;
});
/*---------------------------------------- formulario1-----------------------------------------*/
/*---------------------------------------- formulario2-----------------------------------------*/
var seccion_formulario2 = document.getElementById("formulario2");
var volF2 = document.getElementsByTagName("audio")[15];
var sonidoF2 = false;
var audio_formulario2 = document.getElementById("formulario_2");
volF2.pause();
volF2.loop = false;
seccion_formulario2.addEventListener("mouseover", function(){
volF2.play();
sonidoF2 = true;
audio_formulario2.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario2.addEventListener("mouseout", function(){
volF2.pause();
sonidoF2 = false;
});
/*---------------------------------------- formulario2-----------------------------------------*/
/*---------------------------------------- formulario3-----------------------------------------*/
var seccion_formulario3 = document.getElementById("formulario3");
var volF3 = document.getElementsByTagName("audio")[16];
var sonidoF3 = false;
var audio_formulario3 = document.getElementById("formulario_3");
volF3.pause();
volF3.loop = false;
seccion_formulario3.addEventListener("mouseover", function(){
volF3.play();
sonidoF3 = true;
v0.pause();/*------------------primer audio-------------*/
audio_formulario3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario3.addEventListener("mouseout", function(){
volF3.pause();
sonidoF3 = false;
});
/*---------------------------------------- formulario3-----------------------------------------*/
/*---------------------------------------- formulario4-----------------------------------------*/
var seccion_formulario4 = document.getElementById("formulario4");
var volF4 = document.getElementsByTagName("audio")[17];
var sonidoF4 = false;
var audio_formulario4 = document.getElementById("formulario_4");
volF4.pause();
volF4.loop = false;
seccion_formulario4.addEventListener("mouseover", function(){
volF4.play();
sonidoF4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_formulario4.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario4.addEventListener("mouseout", function(){
volF4.pause();
sonidoF4 = false;
});
/*------------------------------------------------fin formulario4-----------------------------------------*/
/*---------------------------------------------header logo legiscomex--------------------------------------
var seccion_header = document.getElementById("fila_header");
var audioH_1 = document.getElementsByTagName("audio")[30];
var sonidoH_1 = false;
var audio_proceso1 = document.getElementById("header");
audioH_1.pause();
audioH_1.loop = false;
seccion_header.addEventListener("mouseover", function(){
audioH_1.play();
sonidoH_1 = true;
audio_proceso1.currentTime = 0;/*--------------resetiar---------------
});
seccion_header.addEventListener("mouseout", function(){
audioH_1.pause();
sonidoH_1 = false;
});
/*--------------------------------------------- fin header logo legiscomex--------------------------------------*/
/*--------------------------------------------click en header---------------------------------------------
var header_click = document.getElementById("fila_header");
var pantalla_cierre_z = document.getElementById("pantalla2");
/*---------------------audio salir contenido----------------------
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[31];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------
header_click.addEventListener("click", function(){
audioH_1.pause();
sonidoH_1 = false;
volPRO2.play();
pantalla_cierre_z.style.display = 'block';
setTimeout(function(){
location.href="https://www.legiscomex.com/";
volPRO.pause();
}, 6000);
})
/*-------------------------------------------------click en header-----------------------------------------*/
/*----------------------------------------INGRESO AL CONTENIDOS-----------------------------------------*/
/*----------------------------------------video legiscomex---------------------------------------------*/
var video_legis = document.getElementById("content_video_2");
var pantalla_cierre = document.getElementById("pantalla");
var volV = document.getElementsByTagName("audio")[29];
var sonidoV = false;
var audio_contenidoV = document.getElementById("legis");
volV.pause();
volV.loop = false;
video_legis.addEventListener("click", function(){
volV.play();
sonidoV = true;
v3.pause();
sound3 = false;
v0.pause();/*------------------primer audio-------------*/
audio_contenidoV.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';
});
pantalla_cierre.addEventListener("click", function(){
volV.pause();
sonidoV = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_1-----------------------------------------*/
/*----------------------------------------contenido_1---------------------------------------------*/
var seccion_contenido1 = document.getElementById("proceso_1");
var pantalla_cierre = document.getElementById("pantalla");
var volC1 = document.getElementsByTagName("audio")[18];
var sonidoC1 = false;
var audio_contenido1 = document.getElementById("contenido_1");
volC1.pause();
volC1.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido1.addEventListener("click", function(){
volC1.play();
sonidoC1 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido1.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';
});
pantalla_cierre.addEventListener("click", function(){
volC1.pause();
sonidoC1 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_1-----------------------------------------*/
/*----------------------------------------contenido_2---------------------------------------------*/
var seccion_contenido2 = document.getElementById("proceso_2");
var pantalla_cierre = document.getElementById("pantalla");
var volC2 = document.getElementsByTagName("audio")[19];
var sonidoC2 = false;
var audio_contenido2 = document.getElementById("contenido_2");
volC2.pause();
volC2.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido2.addEventListener("click", function(){
volC2.play();
sonidoC2 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido2.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';
});
pantalla_cierre.addEventListener("click", function(){
volC2.pause();
sonidoC2 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_2-----------------------------------------*/
/*----------------------------------------contenido_3---------------------------------------------*/
var seccion_contenido3 = document.getElementById("proceso_3");
var pantalla_cierre = document.getElementById("pantalla");
var volC3 = document.getElementsByTagName("audio")[20];
var sonidoC3 = false;
var audio_contenido3 = document.getElementById("contenido_3");
volC3.pause();
volC3.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido3.addEventListener("click", function(){
volC3.play();
sonidoC3 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido3.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC3.pause();
sonidoC3 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_3-----------------------------------------*/
/*----------------------------------------contenido_4---------------------------------------------*/
var seccion_contenido4 = document.getElementById("proceso_4");
var pantalla_cierre = document.getElementById("pantalla");
var volC4 = document.getElementsByTagName("audio")[21];
var sonidoC4 = false;
var audio_contenido4 = document.getElementById("contenido_4");
volC4.pause();
volC4.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido4.addEventListener("click", function(){
volC4.play();
sonidoC4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido4.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al pantalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC4.pause();
sonidoC4 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_4-----------------------------------------*/
/*----------------------------------------contenido_5---------------------------------------------*/
var seccion_contenido5 = document.getElementById("proceso_5");
var pantalla_cierre = document.getElementById("pantalla");
var volC5 = document.getElementsByTagName("audio")[22];
var sonidoC5 = false;
var audio_contenido5 = document.getElementById("contenido_5");
volC5.pause();
volC5.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido5.addEventListener("click", function(){
volC5.play();
sonidoC5 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido5.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC5.pause();
sonidoC5 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_5-----------------------------------------*/
/*----------------------------------------contenido_6---------------------------------------------*/
var seccion_contenido6 = document.getElementById("proceso_6");
var pantalla_cierre = document.getElementById("pantalla");
var volC6 = document.getElementsByTagName("audio")[23];
var sonidoC6 = false;
var audio_contenido6 = document.getElementById("contenido_6");
volC6.pause();
volC6.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido6.addEventListener("click", function(){
volC6.play();
sonidoC6 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido6.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC6.pause();
sonidoC6 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_6-----------------------------------------*/
/*----------------------------------------contenido_7---------------------------------------------*/
var seccion_contenido7 = document.getElementById("proceso_7");
var pantalla_cierre = document.getElementById("pantalla");
var volC7 = document.getElementsByTagName("audio")[24];
var sonidoC7 = false;
var audio_contenido7 = document.getElementById("contenido_7");
volC7.pause();
volC7.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido7.addEventListener("click", function(){
volC7.play();
sonidoC7 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido7.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC7.pause();
sonidoC7 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_7-----------------------------------------*/
/*----------------------------------------contenido_8---------------------------------------------*/
var seccion_contenido8 = document.getElementById("proceso_8");
var salir_contenido8 = document.getElementById("proceso_8");
var volC8 = document.getElementsByTagName("audio")[25];
var sonidoC8 = false;
var audio_contenido8 = document.getElementById("contenido_8");
volC8.pause();
volC8.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido8.addEventListener("click", function(){
volC8.play();
sonidoC8 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido8.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC8.pause();
sonidoC8 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_8-----------------------------------------*/
/*----------------------------------------contenido_9---------------------------------------------*/
var seccion_contenido9 = document.getElementById("proceso_9");
var body = document.getElementById("body");
var volC9 = document.getElementsByTagName("audio")[26];
var sonidoC9 = false;
var audio_contenido9 = document.getElementById("contenido_9");
volC9.pause();
volC9.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido9.addEventListener("click", function(){
volC9.play();
sonidoC9 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido9.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC9.pause();
sonidoC9 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
}
/*
else{
comprobar = 1;
$("#invidentes").text('Audio desactivado');
$("#invidentes").css('background-color', '#1937ee');
$("#invidentes").css('border', '1px solid #1937ee');
}
*/
});
/*----------------------------------------fin contenido_9-----------------------------------------*/
/*---------------------------audio home--------------------------------------*/
/*
$(".video_intro").css('display', 'block');
$("#carouselExampleIndicators").hover(function() {
$(".slider").css('display', 'block');
}, function() {
$(".slider").css('display', 'none');
});
$(".clearfix").hover(function() {
$(".introduccion").css('display', 'block');
}, function() {
$(".introduccion").css('display', 'none');
});
*/
/*---------------------------------------AUDIOS---------------------------------------*/
$(".estilos_boton").click(function(event) {
$(".arreglar_cajon_z1").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
/*
$(".imagen_boton_audio").hover(function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio2.svg');
}, function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio.svg');
});
/*-----------------------------REDES---------------------------------*/
$(".facebook_z1").hover(function() {
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/hover_facebook.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-facebook.svg');
});
$(".twitter_z1").hover(function() {
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/hover_twitter.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-twitter.svg');
});
/*-----------------------------REDES---------------------------------*/
if ($(window).width() < 1100) {
$( ".titulo_principal, .texto_principal").removeClass('float-right ');
}
</script>
<script type="text/javascript"> /*-------------------FANCYBOX--------------------*/
/*!
* fancyBox - jQuery Plugin
* version: 2.1.7 (Tue, 28 Feb 2017)
* requires jQuery v1.6 or later
*
* Examples at http://fancyapps.com/fancybox/
* License: www.fancyapps.com/fancybox/#license
*
* Copyright 2017 fancyapps.com
*
*/
(function (window, document, $, undefined) {
"use strict";
var H = $("html"),
W = $(window),
D = $(document),
F = $.fancybox = function () {
F.open.apply( this, arguments );
},
IE = navigator.userAgent.match(/msie/i),
didUpdate = null,
isTouch = document.createTouch !== undefined,
isQuery = function(obj) {
return obj && obj.hasOwnProperty && obj instanceof $;
},
isString = function(str) {
return str && $.type(str) === "string";
},
isPercentage = function(str) {
return isString(str) && str.indexOf('%') > 0;
},
isScrollable = function(el) {
return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
},
getScalar = function(orig, dim) {
var value = parseInt(orig, 10) || 0;
if (dim && isPercentage(orig)) {
value = F.getViewport()[ dim ] / 100 * value;
}
return Math.ceil(value);
},
getValue = function(value, dim) {
return getScalar(value, dim) + 'px';
};
$.extend(F, {
// The current version of fancyBox
version: '2.1.7',
defaults: {
padding : 15,
margin : 20,
width : 800,
height : 600,
minWidth : 100,
minHeight : 100,
maxWidth : 9999,
maxHeight : 9999,
pixelRatio: 1, // Set to 2 for retina display support
autoSize : true,
autoHeight : false,
autoWidth : false,
autoResize : true,
autoCenter : !isTouch,
fitToView : true,
aspectRatio : false,
topRatio : 0.5,
leftRatio : 0.5,
scrolling : 'auto', // 'auto', 'yes' or 'no'
wrapCSS : '',
arrows : true,
closeBtn : true,
closeClick : false,
nextClick : false,
mouseWheel : true,
autoPlay : false,
playSpeed : 3000,
preload : 3,
modal : false,
loop : true,
ajax : {
dataType : 'html',
headers : { 'X-fancyBox': true }
},
iframe : {
scrolling : 'auto',
preload : true
},
swf : {
wmode: 'transparent',
allowfullscreen : 'true',
allowscriptaccess : 'always'
},
keys : {
next : {
13 : 'left', // enter
34 : 'up', // page down
39 : 'left', // right arrow
40 : 'up' // down arrow
},
prev : {
8 : 'right', // backspace
33 : 'down', // page up
37 : 'right', // left arrow
38 : 'down' // up arrow
},
close : [27], // escape key
play : [32], // space - start/stop slideshow
toggle : [70] // letter "f" - toggle fullscreen
},
direction : {
next : 'left',
prev : 'right'
},
scrollOutside : true,
// Override some properties
index : 0,
type : null,
href : null,
content : null,
title : null,
// HTML templates
tpl: {
wrap : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
image : '<img class="fancybox-image" src="{href}" alt="" />',
iframe : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
error : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
next : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
prev : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>',
loading : '<div id="fancybox-loading"><div></div></div>'
},
// Properties for each animation type
// Opening fancyBox
openEffect : 'fade', // 'elastic', 'fade' or 'none'
openSpeed : 250,
openEasing : 'swing',
openOpacity : true,
openMethod : 'zoomIn',
// Closing fancyBox
closeEffect : 'fade', // 'elastic', 'fade' or 'none'
closeSpeed : 250,
closeEasing : 'swing',
closeOpacity : true,
closeMethod : 'zoomOut',
// Changing next gallery item
nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
nextSpeed : 250,
nextEasing : 'swing',
nextMethod : 'changeIn',
// Changing previous gallery item
prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
prevSpeed : 250,
prevEasing : 'swing',
prevMethod : 'changeOut',
// Enable default helpers
helpers : {
overlay : true,
title : true
},
// Callbacks
onCancel : $.noop, // If canceling
beforeLoad : $.noop, // Before loading
afterLoad : $.noop, // After loading
beforeShow : $.noop, // Before changing in current item
afterShow : $.noop, // After opening
beforeChange : $.noop, // Before changing gallery item
beforeClose : $.noop, // Before closing
afterClose : $.noop // After closing
},
//Current state
group : {}, // Selected group
opts : {}, // Group options
previous : null, // Previous element
coming : null, // Element being loaded
current : null, // Currently loaded element
isActive : false, // Is activated
isOpen : false, // Is currently open
isOpened : false, // Have been fully opened at least once
wrap : null,
skin : null,
outer : null,
inner : null,
player : {
timer : null,
isActive : false
},
// Loaders
ajaxLoad : null,
imgPreload : null,
// Some collections
transitions : {},
helpers : {},
/*
* Static methods
*/
open: function (group, opts) {
if (!group) {
return;
}
if (!$.isPlainObject(opts)) {
opts = {};
}
// Close if already active
if (false === F.close(true)) {
return;
}
// Normalize group
if (!$.isArray(group)) {
group = isQuery(group) ? $(group).get() : [group];
}
// Recheck if the type of each element is `object` and set content type (image, ajax, etc)
$.each(group, function(i, element) {
var obj = {},
href,
title,
content,
type,
rez,
hrefParts,
selector;
if ($.type(element) === "object") {
// Check if is DOM element
if (element.nodeType) {
element = $(element);
}
if (isQuery(element)) {
obj = {
href : element.data('fancybox-href') || element.attr('href'),
title : $('<div/>').text( element.data('fancybox-title') || element.attr('title') || '' ).html(),
isDom : true,
element : element
};
if ($.metadata) {
$.extend(true, obj, element.metadata());
}
} else {
obj = element;
}
}
href = opts.href || obj.href || (isString(element) ? element : null);
title = opts.title !== undefined ? opts.title : obj.title || '';
content = opts.content || obj.content;
type = content ? 'html' : (opts.type || obj.type);
if (!type && obj.isDom) {
type = element.data('fancybox-type');
if (!type) {
rez = element.prop('class').match(/fancybox\.(\w+)/);
type = rez ? rez[1] : null;
}
}
if (isString(href)) {
// Try to guess the content type
if (!type) {
if (F.isImage(href)) {
type = 'image';
} else if (F.isSWF(href)) {
type = 'swf';
} else if (href.charAt(0) === '#') {
type = 'inline';
} else if (isString(element)) {
type = 'html';
content = element;
}
}
// Split url into two pieces with source url and content selector, e.g,
// "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
if (type === 'ajax') {
hrefParts = href.split(/\s+/, 2);
href = hrefParts.shift();
selector = hrefParts.shift();
}
}
if (!content) {
if (type === 'inline') {
if (href) {
content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
} else if (obj.isDom) {
content = element;
}
} else if (type === 'html') {
content = href;
} else if (!type && !href && obj.isDom) {
type = 'inline';
content = element;
}
}
$.extend(obj, {
href : href,
type : type,
content : content,
title : title,
selector : selector
});
group[ i ] = obj;
});
// Extend the defaults
F.opts = $.extend(true, {}, F.defaults, opts);
// All options are merged recursive except keys
if (opts.keys !== undefined) {
F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
}
F.group = group;
return F._start(F.opts.index);
},
// Cancel image loading or abort ajax request
cancel: function () {
var coming = F.coming;
if (coming && false === F.trigger('onCancel')) {
return;
}
F.hideLoading();
if (!coming) {
return;
}
if (F.ajaxLoad) {
F.ajaxLoad.abort();
}
F.ajaxLoad = null;
if (F.imgPreload) {
F.imgPreload.onload = F.imgPreload.onerror = null;
}
if (coming.wrap) {
coming.wrap.stop(true, true).trigger('onReset').remove();
}
F.coming = null;
// If the first item has been canceled, then clear everything
if (!F.current) {
F._afterZoomOut( coming );
}
},
// Start closing animation if is open; remove immediately if opening/closing
close: function (event) {
F.cancel();
if (false === F.trigger('beforeClose')) {
return;
}
F.unbindEvents();
if (!F.isActive) {
return;
}
if (!F.isOpen || event === true) {
$('.fancybox-wrap').stop(true).trigger('onReset').remove();
F._afterZoomOut();
} else {
F.isOpen = F.isOpened = false;
F.isClosing = true;
$('.fancybox-item, .fancybox-nav').remove();
F.wrap.stop(true, true).removeClass('fancybox-opened');
F.transitions[ F.current.closeMethod ]();
}
},
// Manage slideshow:
// $.fancybox.play(); - toggle slideshow
// $.fancybox.play( true ); - start
// $.fancybox.play( false ); - stop
play: function ( action ) {
var clear = function () {
clearTimeout(F.player.timer);
},
set = function () {
clear();
if (F.current && F.player.isActive) {
F.player.timer = setTimeout(F.next, F.current.playSpeed);
}
},
stop = function () {
clear();
D.unbind('.player');
F.player.isActive = false;
F.trigger('onPlayEnd');
},
start = function () {
if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
F.player.isActive = true;
D.bind({
'onCancel.player beforeClose.player' : stop,
'onUpdate.player' : set,
'beforeLoad.player' : clear
});
set();
F.trigger('onPlayStart');
}
};
if (action === true || (!F.player.isActive && action !== false)) {
start();
} else {
stop();
}
},
// Navigate to next gallery item
next: function ( direction ) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.next;
}
F.jumpto(current.index + 1, direction, 'next');
}
},
// Navigate to previous gallery item
prev: function ( direction ) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.prev;
}
F.jumpto(current.index - 1, direction, 'prev');
}
},
// Navigate to gallery item by index
jumpto: function ( index, direction, router ) {
var current = F.current;
if (!current) {
return;
}
index = getScalar(index);
F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
F.router = router || 'jumpto';
if (current.loop) {
if (index < 0) {
index = current.group.length + (index % current.group.length);
}
index = index % current.group.length;
}
if (current.group[ index ] !== undefined) {
F.cancel();
F._start(index);
}
},
// Center inside viewport and toggle position type to fixed or absolute if needed
reposition: function (e, onlyAbsolute) {
var current = F.current,
wrap = current ? current.wrap : null,
pos;
if (wrap) {
pos = F._getPosition(onlyAbsolute);
if (e && e.type === 'scroll') {
delete pos.position;
wrap.stop(true, true).animate(pos, 200);
} else {
wrap.css(pos);
current.pos = $.extend({}, current.dim, pos);
}
}
},
update: function (e) {
var type = (e && e.originalEvent && e.originalEvent.type),
anyway = !type || type === 'orientationchange';
if (anyway) {
clearTimeout(didUpdate);
didUpdate = null;
}
if (!F.isOpen || didUpdate) {
return;
}
didUpdate = setTimeout(function() {
var current = F.current;
if (!current || F.isClosing) {
return;
}
F.wrap.removeClass('fancybox-tmp');
if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
F._setDimension();
}
if (!(type === 'scroll' && current.canShrink)) {
F.reposition(e);
}
F.trigger('onUpdate');
didUpdate = null;
}, (anyway && !isTouch ? 0 : 300));
},
// Shrink content to fit inside viewport or restore if resized
toggle: function ( action ) {
if (F.isOpen) {
F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
// Help browser to restore document dimensions
if (isTouch) {
F.wrap.removeAttr('style').addClass('fancybox-tmp');
F.trigger('onUpdate');
}
F.update();
}
},
hideLoading: function () {
D.unbind('.loading');
$('#fancybox-loading').remove();
},
showLoading: function () {
var el, viewport;
F.hideLoading();
el = $(F.opts.tpl.loading).click(F.cancel).appendTo('body');
// If user will press the escape-button, the request will be canceled
D.bind('keydown.loading', function(e) {
if ((e.which || e.keyCode) === 27) {
e.preventDefault();
F.cancel();
}
});
if (!F.defaults.fixed) {
viewport = F.getViewport();
el.css({
position : 'absolute',
top : (viewport.h * 0.5) + viewport.y,
left : (viewport.w * 0.5) + viewport.x
});
}
F.trigger('onLoading');
},
getViewport: function () {
var locked = (F.current && F.current.locked) || false,
rez = {
x: W.scrollLeft(),
y: W.scrollTop()
};
if (locked && locked.length) {
rez.w = locked[0].clientWidth;
rez.h = locked[0].clientHeight;
} else {
// See http://bugs.jquery.com/ticket/6724
rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();
rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
}
return rez;
},
// Unbind the keyboard / clicking actions
unbindEvents: function () {
if (F.wrap && isQuery(F.wrap)) {
F.wrap.unbind('.fb');
}
D.unbind('.fb');
W.unbind('.fb');
},
bindEvents: function () {
var current = F.current,
keys;
if (!current) {
return;
}
// Changing document height on iOS devices triggers a 'resize' event,
// that can change document height... repeating infinitely
W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
keys = current.keys;
if (keys) {
D.bind('keydown.fb', function (e) {
var code = e.which || e.keyCode,
target = e.target || e.srcElement;
// Skip esc key if loading, because showLoading will cancel preloading
if (code === 27 && F.coming) {
return false;
}
// Ignore key combinations and key events within form elements
if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
$.each(keys, function(i, val) {
if (current.group.length > 1 && val[ code ] !== undefined) {
F[ i ]( val[ code ] );
e.preventDefault();
return false;
}
if ($.inArray(code, val) > -1) {
F[ i ] ();
e.preventDefault();
return false;
}
});
}
});
}
if ($.fn.mousewheel && current.mouseWheel) {
F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
var target = e.target || null,
parent = $(target),
canScroll = false;
while (parent.length) {
if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
break;
}
canScroll = isScrollable( parent[0] );
parent = $(parent).parent();
}
if (delta !== 0 && !canScroll) {
if (F.group.length > 1 && !current.canShrink) {
if (deltaY > 0 || deltaX > 0) {
F.prev( deltaY > 0 ? 'down' : 'left' );
} else if (deltaY < 0 || deltaX < 0) {
F.next( deltaY < 0 ? 'up' : 'right' );
}
e.preventDefault();
}
}
});
}
},
trigger: function (event, o) {
var ret, obj = o || F.coming || F.current;
if (obj) {
if ($.isFunction( obj[event] )) {
ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
}
if (ret === false) {
return false;
}
if (obj.helpers) {
$.each(obj.helpers, function (helper, opts) {
if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
}
});
}
}
D.trigger(event);
},
isImage: function (str) {
return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
},
isSWF: function (str) {
return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
},
_start: function (index) {
var coming = {},
obj,
href,
type,
margin,
padding;
index = getScalar( index );
obj = F.group[ index ] || null;
if (!obj) {
return false;
}
coming = $.extend(true, {}, F.opts, obj);
// Convert margin and padding properties to array - top, right, bottom, left
margin = coming.margin;
padding = coming.padding;
if ($.type(margin) === 'number') {
coming.margin = [margin, margin, margin, margin];
}
if ($.type(padding) === 'number') {
coming.padding = [padding, padding, padding, padding];
}
// 'modal' propery is just a shortcut
if (coming.modal) {
$.extend(true, coming, {
closeBtn : false,
closeClick : false,
nextClick : false,
arrows : false,
mouseWheel : false,
keys : null,
helpers: {
overlay : {
closeClick : false
}
}
});
}
// 'autoSize' property is a shortcut, too
if (coming.autoSize) {
coming.autoWidth = coming.autoHeight = true;
}
if (coming.width === 'auto') {
coming.autoWidth = true;
}
if (coming.height === 'auto') {
coming.autoHeight = true;
}
/*
* Add reference to the group, so it`s possible to access from callbacks, example:
* afterLoad : function() {
* this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
* }
*/
coming.group = F.group;
coming.index = index;
// Give a chance for callback or helpers to update coming item (type, title, etc)
F.coming = coming;
if (false === F.trigger('beforeLoad')) {
F.coming = null;
return;
}
type = coming.type;
href = coming.href;
if (!type) {
F.coming = null;
//If we can not determine content type then drop silently or display next/prev item if looping through gallery
if (F.current && F.router && F.router !== 'jumpto') {
F.current.index = index;
return F[ F.router ]( F.direction );
}
return false;
}
F.isActive = true;
if (type === 'image' || type === 'swf') {
coming.autoHeight = coming.autoWidth = false;
coming.scrolling = 'visible';
}
if (type === 'image') {
coming.aspectRatio = true;
}
if (type === 'iframe' && isTouch) {
coming.scrolling = 'scroll';
}
// Build the neccessary markup
coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
$.extend(coming, {
skin : $('.fancybox-skin', coming.wrap),
outer : $('.fancybox-outer', coming.wrap),
inner : $('.fancybox-inner', coming.wrap)
});
$.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
});
F.trigger('onReady');
// Check before try to load; 'inline' and 'html' types need content, others - href
if (type === 'inline' || type === 'html') {
if (!coming.content || !coming.content.length) {
return F._error( 'content' );
}
} else if (!href) {
return F._error( 'href' );
}
if (type === 'image') {
F._loadImage();
} else if (type === 'ajax') {
F._loadAjax();
} else if (type === 'iframe') {
F._loadIframe();
} else {
F._afterLoad();
}
},
_error: function ( type ) {
$.extend(F.coming, {
type : 'html',
autoWidth : true,
autoHeight : true,
minWidth : 0,
minHeight : 0,
scrolling : 'no',
hasError : type,
content : F.coming.tpl.error
});
F._afterLoad();
},
_loadImage: function () {
// Reset preload image so it is later possible to check "complete" property
var img = F.imgPreload = new Image();
img.onload = function () {
this.onload = this.onerror = null;
F.coming.width = this.width / F.opts.pixelRatio;
F.coming.height = this.height / F.opts.pixelRatio;
F._afterLoad();
};
img.onerror = function () {
this.onload = this.onerror = null;
F._error( 'image' );
};
img.src = F.coming.href;
if (img.complete !== true) {
F.showLoading();
}
},
_loadAjax: function () {
var coming = F.coming;
F.showLoading();
F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
url: coming.href,
error: function (jqXHR, textStatus) {
if (F.coming && textStatus !== 'abort') {
F._error( 'ajax', jqXHR );
} else {
F.hideLoading();
}
},
success: function (data, textStatus) {
if (textStatus === 'success') {
coming.content = data;
F._afterLoad();
}
}
}));
},
_loadIframe: function() {
var coming = F.coming,
iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
.attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
.attr('src', coming.href);
// This helps IE
$(coming.wrap).bind('onReset', function () {
try {
$(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
} catch (e) {}
});
if (coming.iframe.preload) {
F.showLoading();
iframe.one('load', function() {
$(this).data('ready', 1);
// iOS will lose scrolling if we resize
if (!isTouch) {
$(this).bind('load.fb', F.update);
}
// Without this trick:
// - iframe won't scroll on iOS devices
// - IE7 sometimes displays empty iframe
$(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
F._afterLoad();
});
}
coming.content = iframe.appendTo( coming.inner );
if (!coming.iframe.preload) {
F._afterLoad();
}
},
_preloadImages: function() {
var group = F.group,
current = F.current,
len = group.length,
cnt = current.preload ? Math.min(current.preload, len - 1) : 0,
item,
i;
for (i = 1; i <= cnt; i += 1) {
item = group[ (current.index + i ) % len ];
if (item.type === 'image' && item.href) {
new Image().src = item.href;
}
}
},
_afterLoad: function () {
var coming = F.coming,
previous = F.current,
placeholder = 'fancybox-placeholder',
current,
content,
type,
scrolling,
href,
embed;
F.hideLoading();
if (!coming || F.isActive === false) {
return;
}
if (false === F.trigger('afterLoad', coming, previous)) {
coming.wrap.stop(true).trigger('onReset').remove();
F.coming = null;
return;
}
if (previous) {
F.trigger('beforeChange', previous);
previous.wrap.stop(true).removeClass('fancybox-opened')
.find('.fancybox-item, .fancybox-nav')
.remove();
}
F.unbindEvents();
current = coming;
content = coming.content;
type = coming.type;
scrolling = coming.scrolling;
$.extend(F, {
wrap : current.wrap,
skin : current.skin,
outer : current.outer,
inner : current.inner,
current : current,
previous : previous
});
href = current.href;
switch (type) {
case 'inline':
case 'ajax':
case 'html':
if (current.selector) {
content = $('<div>').html(content).find(current.selector);
} else if (isQuery(content)) {
if (!content.data(placeholder)) {
content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
}
content = content.show().detach();
current.wrap.bind('onReset', function () {
if ($(this).find(content).length) {
content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
}
});
}
break;
case 'image':
content = current.tpl.image.replace(/\{href\}/g, href);
break;
case 'swf':
content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
embed = '';
$.each(current.swf, function(name, val) {
content += '<param name="' + name + '" value="' + val + '"></param>';
embed += ' ' + name + '="' + val + '"';
});
content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
break;
}
if (!(isQuery(content) && content.parent().is(current.inner))) {
current.inner.append( content );
}
// Give a chance for helpers or callbacks to update elements
F.trigger('beforeShow');
// Set scrolling before calculating dimensions
current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
// Set initial dimensions and start position
F._setDimension();
F.reposition();
F.isOpen = false;
F.coming = null;
F.bindEvents();
if (!F.isOpened) {
$('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
} else if (previous.prevMethod) {
F.transitions[ previous.prevMethod ]();
}
F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
F._preloadImages();
},
_setDimension: function () {
var viewport = F.getViewport(),
steps = 0,
canShrink = false,
canExpand = false,
wrap = F.wrap,
skin = F.skin,
inner = F.inner,
current = F.current,
width = current.width,
height = current.height,
minWidth = current.minWidth,
minHeight = current.minHeight,
maxWidth = current.maxWidth,
maxHeight = current.maxHeight,
scrolling = current.scrolling,
scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
margin = current.margin,
wMargin = getScalar(margin[1] + margin[3]),
hMargin = getScalar(margin[0] + margin[2]),
wPadding,
hPadding,
wSpace,
hSpace,
origWidth,
origHeight,
origMaxWidth,
origMaxHeight,
ratio,
width_,
height_,
maxWidth_,
maxHeight_,
iframe,
body;
// Reset dimensions so we could re-check actual size
wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
wPadding = getScalar(skin.outerWidth(true) - skin.width());
hPadding = getScalar(skin.outerHeight(true) - skin.height());
// Any space between content and viewport (margin, padding, border, title)
wSpace = wMargin + wPadding;
hSpace = hMargin + hPadding;
origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
if (current.type === 'iframe') {
iframe = current.content;
if (current.autoHeight && iframe && iframe.data('ready') === 1) {
try {
if (iframe[0].contentWindow.document.location) {
inner.width( origWidth ).height(9999);
body = iframe.contents().find('body');
if (scrollOut) {
body.css('overflow-x', 'hidden');
}
origHeight = body.outerHeight(true);
}
} catch (e) {}
}
} else if (current.autoWidth || current.autoHeight) {
inner.addClass( 'fancybox-tmp' );
// Set width or height in case we need to calculate only one dimension
if (!current.autoWidth) {
inner.width( origWidth );
}
if (!current.autoHeight) {
inner.height( origHeight );
}
if (current.autoWidth) {
origWidth = inner.width();
}
if (current.autoHeight) {
origHeight = inner.height();
}
inner.removeClass( 'fancybox-tmp' );
}
width = getScalar( origWidth );
height = getScalar( origHeight );
ratio = origWidth / origHeight;
// Calculations for the content
minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
// These will be used to determine if wrap can fit in the viewport
origMaxWidth = maxWidth;
origMaxHeight = maxHeight;
if (current.fitToView) {
maxWidth = Math.min(viewport.w - wSpace, maxWidth);
maxHeight = Math.min(viewport.h - hSpace, maxHeight);
}
maxWidth_ = viewport.w - wMargin;
maxHeight_ = viewport.h - hMargin;
if (current.aspectRatio) {
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
if (height > maxHeight) {
height = maxHeight;
width = getScalar(height * ratio);
}
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (height < minHeight) {
height = minHeight;
width = getScalar(height * ratio);
}
} else {
width = Math.max(minWidth, Math.min(width, maxWidth));
if (current.autoHeight && current.type !== 'iframe') {
inner.width( width );
height = inner.height();
}
height = Math.max(minHeight, Math.min(height, maxHeight));
}
// Try to fit inside viewport (including the title)
if (current.fitToView) {
inner.width( width ).height( height );
wrap.width( width + wPadding );
// Real wrap dimensions
width_ = wrap.width();
height_ = wrap.height();
if (current.aspectRatio) {
while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
if (steps++ > 19) {
break;
}
height = Math.max(minHeight, Math.min(maxHeight, height - 10));
width = getScalar(height * ratio);
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
inner.width( width ).height( height );
wrap.width( width + wPadding );
width_ = wrap.width();
height_ = wrap.height();
}
} else {
width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
}
}
if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
width += scrollOut;
}
inner.width( width ).height( height );
wrap.width( width + wPadding );
width_ = wrap.width();
height_ = wrap.height();
canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
$.extend(current, {
dim : {
width : getValue( width_ ),
height : getValue( height_ )
},
origWidth : origWidth,
origHeight : origHeight,
canShrink : canShrink,
canExpand : canExpand,
wPadding : wPadding,
hPadding : hPadding,
wrapSpace : height_ - skin.outerHeight(true),
skinSpace : skin.height() - height
});
if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
inner.height('auto');
}
},
_getPosition: function (onlyAbsolute) {
var current = F.current,
viewport = F.getViewport(),
margin = current.margin,
width = F.wrap.width() + margin[1] + margin[3],
height = F.wrap.height() + margin[0] + margin[2],
rez = {
position: 'absolute',
top : margin[0],
left : margin[3]
};
if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
rez.position = 'fixed';
} else if (!current.locked) {
rez.top += viewport.y;
rez.left += viewport.x;
}
rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
return rez;
},
_afterZoomIn: function () {
var current = F.current;
if (!current) {
return;
}
F.isOpen = F.isOpened = true;
F.wrap.css('overflow', 'visible').addClass('fancybox-opened').hide().show(0);
F.update();
// Assign a click event
if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
e.preventDefault();
F[ current.closeClick ? 'close' : 'next' ]();
}
});
}
// Create a close button
if (current.closeBtn) {
$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
e.preventDefault();
F.close();
});
/*----------------------pausa audios internos-----------------------*/
$(".fancybox-close").click(function(event) {
var v1 = document.getElementById("audios_internos");
v1.pause();
var v2 = document.getElementById("audios_internos2");
v2.pause();
var v3 = document.getElementById("audios_internos3");
v3.pause();
var v4 = document.getElementById("audios_internos4");
v4.pause();
var v5 = document.getElementById("audios_internos5");
v5.pause();
var v6 = document.getElementById("audios_internos6");
v6.pause();
var v7 = document.getElementById("audios_internos7");
v7.pause();
var v8 = document.getElementById("audios_internos8");
v8.pause();
var v9 = document.getElementById("audios_internos9");
v9.pause();
});
/*----------------------fin pausa audios internos-----------------------*/
}
// Create navigation arrows
if (current.arrows && F.group.length > 1) {
if (current.loop || current.index > 0) {
$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
}
if (current.loop || current.index < F.group.length - 1) {
$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
}
}
F.trigger('afterShow');
// Stop the slideshow if this is the last item
if (!current.loop && current.index === current.group.length - 1) {
F.play( false );
} else if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play(true);
}
},
_afterZoomOut: function ( obj ) {
obj = obj || F.current;
$('.fancybox-wrap').trigger('onReset').remove();
$.extend(F, {
group : {},
opts : {},
router : false,
current : null,
isActive : false,
isOpened : false,
isOpen : false,
isClosing : false,
wrap : null,
skin : null,
outer : null,
inner : null
});
F.trigger('afterClose', obj);
}
});
/*
* Default transitions
*/
F.transitions = {
getOrigPosition: function () {
var current = F.current,
element = current.element,
orig = current.orig,
pos = {},
width = 50,
height = 50,
hPadding = current.hPadding,
wPadding = current.wPadding,
viewport = F.getViewport();
if (!orig && current.isDom && element.is(':visible')) {
orig = element.find('img:first');
if (!orig.length) {
orig = element;
}
}
if (isQuery(orig)) {
pos = orig.offset();
if (orig.is('img')) {
width = orig.outerWidth();
height = orig.outerHeight();
}
} else {
pos.top = viewport.y + (viewport.h - height) * current.topRatio;
pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
}
if (F.wrap.css('position') === 'fixed' || current.locked) {
pos.top -= viewport.y;
pos.left -= viewport.x;
}
pos = {
top : getValue(pos.top - hPadding * current.topRatio),
left : getValue(pos.left - wPadding * current.leftRatio),
width : getValue(width + wPadding),
height : getValue(height + hPadding)
};
return pos;
},
step: function (now, fx) {
var ratio,
padding,
value,
prop = fx.prop,
current = F.current,
wrapSpace = current.wrapSpace,
skinSpace = current.skinSpace;
if (prop === 'width' || prop === 'height') {
ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
if (F.isClosing) {
ratio = 1 - ratio;
}
padding = prop === 'width' ? current.wPadding : current.hPadding;
value = now - padding;
F.skin[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) ) );
F.inner[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
}
},
zoomIn: function () {
var current = F.current,
startPos = current.pos,
effect = current.openEffect,
elastic = effect === 'elastic',
endPos = $.extend({opacity : 1}, startPos);
// Remove "position" property that breaks older IE
delete endPos.position;
if (elastic) {
startPos = this.getOrigPosition();
if (current.openOpacity) {
startPos.opacity = 0.1;
}
} else if (effect === 'fade') {
startPos.opacity = 0.1;
}
F.wrap.css(startPos).animate(endPos, {
duration : effect === 'none' ? 0 : current.openSpeed,
easing : current.openEasing,
step : elastic ? this.step : null,
complete : F._afterZoomIn
});
},
zoomOut: function () {
var current = F.current,
effect = current.closeEffect,
elastic = effect === 'elastic',
endPos = {opacity : 0.1};
if (elastic) {
endPos = this.getOrigPosition();
if (current.closeOpacity) {
endPos.opacity = 0.1;
}
}
F.wrap.animate(endPos, {
duration : effect === 'none' ? 0 : current.closeSpeed,
easing : current.closeEasing,
step : elastic ? this.step : null,
complete : F._afterZoomOut
});
},
changeIn: function () {
var current = F.current,
effect = current.nextEffect,
startPos = current.pos,
endPos = { opacity : 1 },
direction = F.direction,
distance = 200,
field;
startPos.opacity = 0.1;
if (effect === 'elastic') {
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
if (direction === 'down' || direction === 'right') {
startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
endPos[ field ] = '+=' + distance + 'px';
} else {
startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
endPos[ field ] = '-=' + distance + 'px';
}
}
// Workaround for http://bugs.jquery.com/ticket/12273
if (effect === 'none') {
F._afterZoomIn();
} else {
F.wrap.css(startPos).animate(endPos, {
duration : current.nextSpeed,
easing : current.nextEasing,
complete : F._afterZoomIn
});
}
},
changeOut: function () {
var previous = F.previous,
effect = previous.prevEffect,
endPos = { opacity : 0.1 },
direction = F.direction,
distance = 200;
if (effect === 'elastic') {
endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
}
previous.wrap.animate(endPos, {
duration : effect === 'none' ? 0 : previous.prevSpeed,
easing : previous.prevEasing,
complete : function () {
$(this).trigger('onReset').remove();
}
});
}
};
/*
* Overlay helper
*/
F.helpers.overlay = {
defaults : {
closeClick : true, // if true, fancyBox will be closed when user clicks on the overlay
speedOut : 200, // duration of fadeOut animation
showEarly : true, // indicates if should be opened immediately or wait until the content is ready
css : {}, // custom CSS properties
locked : !isTouch, // if true, the content will be locked into overlay
fixed : true // if false, the overlay CSS position property will not be set to "fixed"
},
overlay : null, // current handle
fixed : false, // indicates if the overlay has position "fixed"
el : $('html'), // element that contains "the lock"
// Public methods
create : function(opts) {
var parent;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.close();
}
parent = F.coming ? F.coming.parent : opts.parent;
this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( parent && parent.length ? parent : 'body' );
this.fixed = false;
if (opts.fixed && F.defaults.fixed) {
this.overlay.addClass('fancybox-overlay-fixed');
this.fixed = true;
}
},
open : function(opts) {
var that = this;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.overlay.unbind('.overlay').width('auto').height('auto');
} else {
this.create(opts);
}
if (!this.fixed) {
W.bind('resize.overlay', $.proxy( this.update, this) );
this.update();
}
if (opts.closeClick) {
this.overlay.bind('click.overlay', function(e) {
if ($(e.target).hasClass('fancybox-overlay')) {
if (F.isActive) {
F.close();
} else {
that.close();
}
return false;
}
});
}
this.overlay.css( opts.css ).show();
},
close : function() {
W.unbind('resize.overlay');
if (this.el.hasClass('fancybox-lock')) {
$('.fancybox-margin').removeClass('fancybox-margin');
this.el.removeClass('fancybox-lock');
W.scrollTop( this.scrollV ).scrollLeft( this.scrollH );
}
$('.fancybox-overlay').remove().hide();
$.extend(this, {
overlay : null,
fixed : false
});
},
// Private, callbacks
update : function () {
var width = '100%', offsetWidth;
// Reset width/height so it will not mess
this.overlay.width(width).height('100%');
// jQuery does not return reliable result for IE
if (IE) {
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
if (D.width() > offsetWidth) {
width = D.width();
}
} else if (D.width() > W.width()) {
width = D.width();
}
this.overlay.width(width).height(D.height());
},
// This is where we can manipulate DOM, because later it would cause iframes to reload
onReady : function (opts, obj) {
var overlay = this.overlay;
$('.fancybox-overlay').stop(true, true);
if (!overlay) {
this.create(opts);
}
if (opts.locked && this.fixed && obj.fixed) {
obj.locked = this.overlay.append( obj.wrap );
obj.fixed = false;
}
if (opts.showEarly === true) {
this.beforeShow.apply(this, arguments);
}
},
beforeShow : function(opts, obj) {
if (obj.locked && !this.el.hasClass('fancybox-lock')) {
if (this.fixPosition !== false) {
$('*:not(object)').filter(function(){
return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") );
}).addClass('fancybox-margin');
}
this.el.addClass('fancybox-margin');
this.scrollV = W.scrollTop();
this.scrollH = W.scrollLeft();
this.el.addClass('fancybox-lock');
W.scrollTop( this.scrollV ).scrollLeft( this.scrollH );
}
this.open(opts);
},
onUpdate : function() {
if (!this.fixed) {
this.update();
}
},
afterClose: function (opts) {
// Remove overlay if exists and fancyBox is not opening
// (e.g., it is not being open using afterClose callback)
if (this.overlay && !F.coming) {
this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this ));
}
}
};
/*
* Title helper
*/
F.helpers.title = {
defaults : {
type : 'float', // 'float', 'inside', 'outside' or 'over',
position : 'bottom' // 'top' or 'bottom'
},
beforeShow: function (opts) {
var current = F.current,
text = current.title,
type = opts.type,
title,
target;
if ($.isFunction(text)) {
text = text.call(current.element, current);
}
if (!isString(text) || $.trim(text) === '') {
return;
}
title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
switch (type) {
case 'inside':
target = F.skin;
break;
case 'outside':
target = F.wrap;
break;
case 'over':
target = F.inner;
break;
default: // 'float'
target = F.skin;
title.appendTo('body');
if (IE) {
title.width( title.width() );
}
title.wrapInner('<span class="child"></span>');
//Increase bottom margin so this title will also fit into viewport
F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
break;
}
title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target);
}
};
// jQuery plugin initialization
$.fn.fancybox = function (options) {
var index,
that = $(this),
selector = this.selector || '',
run = function(e) {
var what = $(this).blur(), idx = index, relType, relVal;
if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
relType = options.groupAttr || 'data-fancybox-group';
relVal = what.attr(relType);
if (!relVal) {
relType = 'rel';
relVal = what.get(0)[ relType ];
}
if (relVal && relVal !== '' && relVal !== 'nofollow') {
what = selector.length ? $(selector) : that;
what = what.filter('[' + relType + '="' + relVal + '"]');
idx = what.index(this);
}
options.index = idx;
// Stop an event from bubbling if everything is fine
if (F.open(what, options) !== false) {
e.preventDefault();
}
}
};
options = options || {};
index = options.index || 0;
if (!selector || options.live === false) {
that.unbind('click.fb-start').bind('click.fb-start', run);
} else {
D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
}
this.filter('[data-fancybox-start=1]').trigger('click');
return this;
};
// Tests that need a body at doc ready
D.ready(function() {
var w1, w2;
if ( $.scrollbarWidth === undefined ) {
// http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
$.scrollbarWidth = function() {
var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
child = parent.children(),
width = child.innerWidth() - child.height( 99 ).innerWidth();
parent.remove();
return width;
};
}
if ( $.support.fixedPosition === undefined ) {
$.support.fixedPosition = (function() {
var elem = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
elem.remove();
return fixed;
}());
}
$.extend(F.defaults, {
scrollbarWidth : $.scrollbarWidth(),
fixed : $.support.fixedPosition,
parent : $('body')
});
//Get real width of page scroll-bar
w1 = $(window).width();
H.addClass('fancybox-lock-test');
w2 = $(window).width();
H.removeClass('fancybox-lock-test');
$("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
});
}(window, document, jQuery));
</script>
<script src="https://lablegis.azurewebsites.net/scripts/customize-lcx.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Negociación y Multiculturalidad</title>
<link rel="shortcut icon" type="image/x-icon" href="/Presentaciones/MAPA-PROCESOS-EXPO/img/favicon.ico">
<!--<link rel="stylesheet" type="text/css" href="css/style.css">--> <!--estilos propios-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/MAPA-PROCESOS-EXPO/css/bootstrap.min.css">
<!----------------------------------fancybox------------------------------------------>
<link rel="stylesheet" type="text/css" href="/Presentaciones/MAPA-PROCESOS-EXPO/css/jquery.fancybox.css?v=2.1.5.css" media="screen" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!-----------------------------------fancybox----------------------------------------->
</head>
<style type="text/css">
.font-gilroy{
font-family: "Gilroy-Bold";
}
#invidentes {
width: auto;
font-size: 17px;
padding: 5px 11px 6px 14px;
background-color: #1937ee;
color: #ffffff;
position: relative;
z-index: 300;
top: 26px;
border: 1px solid #1937ee;
/* left: 79%; */
font-family: "tahoma";
float: right;
text-align: right;
margin-right: 17px;
cursor: pointer;
}
span.btn.btn-info {
margin: 4px 0px !important;
}
.desplegar_footer{
display: none;
}
alert{
background-color: red;
}
span.bullet {
color: #fff;
font-size: 23px;
position: absolute;
left: 10px;
top: -7px;
}
#pantalla, #pantalla2{
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.56);
z-index: 20000;
position: fixed;
top: 0;
display: none;
}
.estilos_boton, .estilos_boton2 {
margin: -15px 20px 26px 20px;
}
.arreglar_cajon_z1{
line-height: 49px;
display: none;
}
#video_intro{
opacity: 1;
display: none;
}
.slider{
display: none;
}
.introduccion{
display: none;
}
.video{
display: none;
}
.seccion3{
display: none;
}
.proceso1, .proceso2, .proceso3, .proceso4, .proceso5, .proceso6, .proceso7, .proceso8, .proceso9{
display: none;
}
#formulario_1, #formulario_2, #formulario_3{
display: none;
}
#imagen_audio{
display: none;
}
/*--------------------------------------------------------*/
@font-face {
font-family: 'Gilroy-Bold';
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.eot');
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.svg#Gilroy-Bold') format('svg'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.ttf') format('truetype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.woff') format('woff'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Gilroy-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tahoma';
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Tahoma.svg#Tahoma') format('svg'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Tahoma.ttf') format('truetype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tahoma';
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/tahoma.eot');
src: url('/Presentaciones/MAPA-PROCESOS-EXPO/font/tahoma.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/MAPA-PROCESOS-EXPO/font/tahoma.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
a:hover {
color: #0056b3;
text-decoration: none !important;
}
.row{
margin-left: 0px !important;
margin-right: 0px !important;
}
.ocultar_contenido_escritorio{
display: none !important;
}
#carouselExampleIndicators {
margin-top: 83px;
width: 100%;
}
/*----------------------------------------header-------------------------------------------*/
.fila_de_header {
background-color: #fff;
position: fixed;
width: 100%;
z-index: 90;
border-bottom: 1px solid #1937ef;
}
.logo_legiscomex {
width: 243px;
padding: 13px 34px;
height: 83px;
}
.iconos_redes_sociales {
width: 46px;
padding: 20px 3px;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
/*---------------------------------------fin header-------------------------------------------*/
/*--------------------------------------------slider-----------------------------------------*/
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 20px !important;
height: 20px !important;
border-radius: 100% !important;
margin-right: 3px;
margin-left: 10px !important;
text-indent: -999px;
background-color: rgba(255,255,255,.5);
}
.carousel-indicators .active {
background-color: #fca200 !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: none !important;
}
/*-----------------------------------------fin slider----------------------------------------*/
/*---------------------------------------seccion principal #1-------------------------------------------*/
.ocultar_480{
display: none;
}
#video-principal{
max-width: 100%;
}
.fila_contenedor_1 {
padding: 100px 0px;
}
.container-mod {
max-width: 1200px !important;
}
.titulo_principal {
background-color: #1937ef;
padding: 29px 44px 23px 44px;
color: #fff;
text-transform: uppercase;
font-size: 49px;
line-height: 38px;
width: 100%;
font-family: "Gilroy-Bold";
}
.fuente_pequeña {
font-size: 20px;
padding-left: 73px;
}
.texto_principal {
padding: 32px 60px 28px 60px;
width: 100%;
font-size: 24px;
text-align: center;
font-family: "tahoma";
font-weight: initial;
color: #4c4c4c;
margin-bottom: 0px;
}
.card_text {
font-size: 16px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
color: #4c4c4c;
margin-bottom: 0px;
}
.imagen_boton_audio {
width: 336px;
margin-left: 122px;
height: 81px;
}
/*---------------------------------------fin seccion principal #1-------------------------------------------*/
/*---------------------------------------seccion principal #2-------------------------------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 33px;
color: #002E72;
font-family: "Gilroy-Bold";
margin-top: -16px;
margin-bottom: 55px;
font-weight: inherit;
}
.cuadro_modulos {
width: 100%;
display: table;
text-align: center;
height: 334px;
}
.modulo_azul {
background-color: #1937ef;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
cursor: pointer;
}
.modulo_amarillo {
background-color: #fca200;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
cursor: pointer;
}
.modulo_azul:hover{
transform: scale(0.8);
background-color: #002E72;
}
.modulo_amarillo:hover{
transform: scale(0.8);
background-color: #ffc107;
}
.icono_modulos {
width: 126px;
padding: 20px 0px 10px 0px;
height: 154px;
}
.nombre_de_modulo {
color: #fff;
font-size: 17px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 25px;
}
.modulo_blanco {
background-color: #ffffff;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
cursor: pointer;
border: solid 1px rgba(25, 55, 239, 0.2784313725490196);
}
.modulo_blanco:hover {
transform: scale(0.8);
border: none;
background-color: #edefff;
}
.nombre_de_modulo_azul {
color: #1937ef;
font-size: 17px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 25px;
}
.quitar-padding {
padding: 0px !important;
}
.boton_ir_formulario{
width: 100%;
}
.texto_de_ir_a_formulario {
margin-bottom: 0px;
text-align: center;
background-color: #fca200;
padding: 7px 10px 10px 10px;
font-size: 18px;
font-family: "tahoma";
font-weight: inherit;
color: #ffffff;
margin-top: -44px;
position: relative;
z-index: 86;
}
.texto_de_ir_a_formulario:hover{
background-color: #002E72;
color: #fff;
text-decoration: none;
}
/*---------------------------------------fin seccion principal #2-------------------------------------------*/
/*---------------------------------------------------flotante-------------------------------------------------*/
.volver_a_formualrios {
font-size: 18px;
padding: 32px 20px;
float: right;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.normativa_zonas {
font-size: 18px;
padding: 32px 20px;
text-align: center;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.boton_de_volver_a_inicio {
padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
font-size: 17px;
}
.ir_normativa {
padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
}
.fila_boton_flotante {
padding: 2px 0px;
background-color: #fff;
}
.boton_de_volver_a_inicio:hover {
padding: 8px 20px;
background-color: rgb(25, 55, 239);
color: #fff;
text-decoration: none;
}
.ir_normativa:hover {
padding: 8px 20px;
background-color: rgb(25, 55, 239);
color: #fff;
text-decoration: none;
}
/*---------------------------------------------- fin flotante-------------------------------------------------------------*/
/*---------------------------------------------------Inicio footer------------------------------------------------*/
@font-face {
font-family: 'Gilroy-Regular';
src: url('font/Gilroy-Regular.eot');
src: url('font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('font/Gilroy-Regular.svg#Gilroy-Regular') format('svg'),
url('font/Gilroy-Regular.ttf') format('truetype'),
url('font/Gilroy-Regular.woff') format('woff'),
url('font/Gilroy-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.text_hover:hover {
/* text-decoration: underline !important; */
color: #fbb029;
}
.franja_naranja {
width: 100%;
height: 7px;
background-color: rgb(249, 176, 0);
}
.fila_footer{
padding-bottom: 43px;
}
#footer{
background-color: rgb(41, 58, 232);
height: 240px;
display: table;
width: 100%;
}
.texto_logo{
margin-left: 58px;
font-size: 16px;
}
.logo_de_legis {
width: 227px;
padding: 61px 29px 0px 36px;
}
.pata_footer {
width: 145px;
position: absolute;
margin: -28px 10px 6px 68px;
}
.footer-sin-padding{
padding-right: 0 !important;
padding-left: 0 !important;
}
/*
.text_footer {
color: #fff;
/* font-family: fantasy; */
/* font-family: "tahoma";
font-family: 'Gilroy-Regular';
font-size: 17px;
margin-bottom: 9px;
}
*/
.text_footer {
color: #fff;
/* font-family: fantasy; */
/* font-family: "tahoma"; */
/* font-family: 'Gilroy-Regular'; */
font-size: 17px;
margin-bottom: 2px;
}
.fondo_oscuro{
background-color: #002c54;
}
.derechos{
color: rgba(255, 255, 255, 0.74);
font-size: 14px;
}
hr {
width: 87%;
background-color: #fff;
margin: 0 auto;
}
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 20px 0px;
}
.footer_redes:hover{
color: #f9b000;
}
.circulo_redes:hover{
color: #f9b000;
}
.tamaño_font{
font-size: 17px;
}
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 62px;
margin-bottom: 18px;
}
.subtitulo_footer2{
font-family: "Gilroy-Bold";
color: #fff;
font-weight: 100;
font-size: 21px;
margin-top: 31px;
}
.espacio_padding{
padding: 0px 20px;
}
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 20% !important;
flex: auto;
}
.col-xs-5 {
float: left;
width: 20%;
}
.footer_redes {
color: rgba(255, 255, 255, 0.54);
font-size: 29px;
margin-top: 65px;
margin-left: 25px;
}
.circulo_redes {
position: absolute;
top: 144px;
left: 104px;
font-size: 47px;
color: #ffffff5c;
}
.ocultar_modulos{
display: none;
}
.ver_mas {
text-decoration: underline;
color: #fca200;
cursor: pointer;
}
/*
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 25px 0px;
}
*/
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 13px 0px;
}
.facebook_z3{
margin-left: 68px;
}
.buttom_text {
text-align: center;
background-color: #002c54;
padding: 20px 0px 13px 0px;
}
/*---------------------------------------------------Fin footer------------------------------------------------*/
/*---------------------------------------------------contenido cajon intro------------------------------------------------*/
.estilos_cajon {
padding: 32px 49px 43px 49px;
max-width: 1016px;
width: 100%;
}
.DANE .nombre_de_modulo_cajon {
color: #4c4c4c
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 19px;
padding: 20px;
font-family: "tahoma";
font-weight: inherit;
text-align: left;
line-height: 28px;
font-weight: inherit;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 25px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
width: 100%;
text-align: center;
}
.subtitulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 25px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
width: 100%;
text-align: left;
}
.contenido_fancybox{
display: none;
}
.audio_intro {
width: 317px;
margin-top: -3px;
transition: all 0.2s ease;
margin-top: 0px;
cursor: pointer;
display: none;
}
.audio_intro:hover{
transform: scale(0.9);
}
/*---------------------------------------------------fin contenido cajon intro------------------------------------------------*/
.audio {
margin-left: 126px;
max-width: 297px;
height: 46px;
}
.audio_textos{
margin-left: 11px;
}
.indicador_audio_intro {
color: #1937ef;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 14px;
font-size: 16px;
padding-left: 14px;
}
.ocultar_escritorio{
display: none;
}
@media (max-width: 1280px) {
#invidentes{
display: none;
}
}
@media (max-width: 1270px) {
.col-md-3 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.col-md-6 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 100% !important;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.subtitulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 17px;
line-height: 27px;
padding: 0px 20px 20px 20px;
}
.ocultar_escritorio{
display: block;
}
/*------------------------------------header----------------------------------*/
.iconos_redes_sociales {
width: 35px;
padding: 12px 3px;
height: 67px;
}
.logo_legiscomex {
width: 214px;
padding: 13px 34px;
height: 73px;
}
#carouselExampleIndicators {
margin-top: 67px;
}
iframe {
width: 76%;
height: 396px;
margin: auto;
}
/*------------------------------------header----------------------------------*/
.contenedor_de_video {
text-align: center;
}
.fila_contenedor_1 {
padding: 12px 0px 30px 0px;
}
.float-right {
float: none !important;
}
.imagen_boton_audio {
width: 336px;
margin-left: 0;
}
.titulo_principal {
width: 75%;
font-size: 36px;
padding: 19px 21px 9px 26px;
margin: 36px auto 0px auto;
}
.texto_principal {
width: 74%;
margin: auto;
font-size: 16px;
padding: 25px 0px 30px 0px;
}
.imagen_boton_audio {
width: 272px;
margin-left: 70px;
display: none;
}
.audio {
margin-left: 117px;
max-width: 251px;
height: 38px;
margin-bottom: 24px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 29px;
margin-top: 1px;
}
.icono_modulos {
width: 110px;
padding: 6px 0px 10px 0px;
height: 154px;
}
.ocultar_movil{
display: none;
}
.iconos_responsive{
width: 149px;
}
.volver_a_formualrios {
font-size: 16px;
padding: 48px 20px;
float: left;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.normativa_zonas {
font-size: 16px;
padding: 48px 20px;
text-align: center;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.ocultar_contenido_movil{
display: none !important;
}
.ocultar_contenido_escritorio {
display: block !important;
}
.espacio_top {
margin-top: 45px;
margin-bottom: 60px;
}
.simulador_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
.normativa_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
#invidentes{
display: none;
}
}
@media (max-width: 1150px) {
.col-md-3 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.col-md-6 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 100% !important;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.subtitulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 17px;
line-height: 27px;
padding: 0px 20px 20px 20px;
}
.ocultar_escritorio{
display: block;
}
/*------------------------------------header----------------------------------*/
.iconos_redes_sociales {
width: 35px;
padding: 12px 3px;
height: 67px;
}
.logo_legiscomex {
width: 214px;
padding: 13px 34px;
height: 73px;
}
#carouselExampleIndicators {
margin-top: 67px;
}
iframe {
width: 76%;
margin: auto;
}
/*------------------------------------header----------------------------------*/
.contenedor_de_video {
text-align: center;
}
.fila_contenedor_1 {
padding: 12px 0px 30px 0px;
}
.float-right {
float: none !important;
}
.imagen_boton_audio {
width: 336px;
margin-left: 0;
}
.titulo_principal {
width: 75%;
font-size: 36px;
padding: 19px 21px 9px 26px;
margin: 36px auto 0px auto;
}
.texto_principal {
width: 74%;
margin: auto;
font-size: 16px;
padding: 25px 0px 30px 0px;
}
.imagen_boton_audio {
width: 272px;
margin-left: 70px;
display: none;
}
.audio {
margin-left: 117px;
max-width: 251px;
height: 38px;
margin-bottom: 24px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 29px;
margin-top: 1px;
}
.icono_modulos {
width: 110px;
padding: 6px 0px 10px 0px;
height: 154px;
}
.ocultar_movil{
display: none;
}
.iconos_responsive{
width: 149px;
}
.volver_a_formualrios {
font-size: 16px;
padding: 48px 20px;
float: left;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.normativa_zonas {
font-size: 16px;
padding: 48px 20px;
text-align: center;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.ocultar_contenido_movil{
display: none !important;
}
.ocultar_contenido_escritorio {
display: block !important;
}
.espacio_top{
margin-top: 30px;
margin-bottom: 15px;
}
.simulador_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
.normativa_text {
font-size: 21px;
text-align: center;
width: 100%;
padding: 7px 10px;
display: block;
}
}
@media (max-width: 950px) {
/*-----------------footer--------------------*/
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 33px;
}
.facebook_z3 {
margin-left: 0;
}
.circulo_redes {
position: relative;
top: 2px;
left: 24px;
font-size: 35px;
color: #ffffff5c;
}
.texto_logo {
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 51px 40px 73px;
text-align: left;
}
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 50% !important;
}
.logo_de_legis {
width: 182px;
padding: 45px 29px 0px 0px;
margin-left: -27px;
}
.pata_footer {
width: 127px;
position: absolute;
margin: -24px 10px 6px 39px;
}
/*-------------fin footer-----------------------*/
.margen_responsiva{
margin-top: 149px;
}
}
@media (max-width: 900px) {
.bullet{
display: none;
}
iframe {
width: 76%;
height: 334px;
}
}
@media (max-width: 800px) {
.audio {
margin-left: 86px;
}
iframe {
width: 76%;
height: 290px;
}
}
@media (max-width: 600px) {
/*-----------------------------footer---------------------*/
.ocultar_movil_2{
display: none;
}
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
.text_footer {
color: #fff;
font-size: 15px;
}
.boton_underline_politicas {
text-decoration: underline;
}
.text_hover {
text-decoration: underline !important;
}
.desplegar_footer {
text-align: center;
margin: 15px auto 0 auto;
font-size: 37px;
color: #fff;
display: block;
}
.logo_de_legis {
width: 145px;
padding: 0;
margin-top: 24px;
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 0px 40px 0px;
text-align: center;
}
.margen_responsiva {
margin-top: 36px;
}
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 100% !important;
}
.ocultar_movil{
display: none;
}
.ver_mas {
/* text-decoration: underline; */
background-color: #fca200;
cursor: pointer;
padding: 5px 5px 9px 6px;
font-size: 20px;
margin: 24px auto;
width: 60%;
color: #ffffff;
}
/*-----------------------------fin footer---------------------*/
.icono_modulos {
width: 111px;
padding: 4px 0px 13px 0px;
height: 106px;
}
.cuadro_modulos {
height: 299px;
}
.partir_mitad_movil {
width: 50% !important;
}
.nombre_de_modulo {
color: #fff;
font-size: 15px;
line-height: 20px;
}
iframe {
width: 76%;
height: 209px;
}
.texto_principal {
width: 74%;
margin: auto;
font-size: 16px;
padding: 25px 0px 10px 0px;
}
.nombre_de_modulo_azul {
color: #1937ef;
font-size: 15px;
line-height: 19px;
}
.boton_de_volver_a_inicio {
font-size: 15px;
}
.ir_normativa {
font-size: 15px;
}
.fuente_pequeña {
font-size: 20px;
padding-left: 38px;
}
.audio {
margin-left: 62px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 24px;
line-height: 26px;
padding: 0px 27px;
margin-top: 1px;
}
}
@media (max-width: 550px) {
.texto_principal {
font-size: 15px;
}
.titulo_principal {
width: 75%;
font-size: 30px;
}
.texto_de_ir_a_formulario {
font-size: 15px;
margin-top: -39px;
}
.nombre_de_modulo_azul {
font-size: 13px;
line-height: 16px;
}
.nombre_de_modulo {
color: #fff;
font-size: 13px;
line-height: 19px;
}
.icono_modulos {
width: 151px;
padding: 4px 0px 13px 0px;
height: 106px;
}
.nombre_de_modulo {
color: #fff;
font-size: 15px;
}
.nombre_de_modulo_azul {
font-size: 15px;
}
.titulo_principal {
line-height: 23px;
}
.fuente_pequeña {
font-size: 17px;
padding-left: 25px;
}
.cuadro_modulos {
height: 261px;
}
}
@media (max-width: 490px) {
.ocultar_escritorio_z2 {
display: none;
}
.col-md-3 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 25% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.nombre_de_modulo_cajon {
padding: 4px 20px 20px 20px;
margin-bottom: 16px;
}
.titulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.subtitulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.nombre_de_modulo_cajon {
color: #03040ed4;
font-size: 15px;
line-height: 23px;
}
.estilos_cajon {
padding: 18px 4px 43px 9px;
max-width: 1016px;
width: 100%;
}
.carousel-indicators {
top: 75%;
}
.boton_de_volver_a_inicio {
width: 100%;
font-size: 19px;
}
.ir_normativa {
width: 100%;
font-size: 19px;
}
.simulador_text {
font-size: 19px;
}
.normativa_text {
font-size: 19px;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.boton_de_volver_a_inicio {
width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}
.ir_normativa {
width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}
.modulo_azul {
background-color: #1937ef;
padding: 3px 40px 38px 40px;
}
.modulo_amarillo {
background-color: #fca200;
padding: 3px 40px 38px 40px;
}
.padding-responsive {
padding: 0px 34px !important;
}
.ocultar_escritorio {
display: block !important;
}
/*
.ocultar_movil{
display: none !important;
}
*/
.fila_contenedor_1 {
padding: 45px 0px 53px 0px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 21px;
margin-top: 1px;
padding: 0px 54px;
}
iframe {
width: 100%;
height: 189px;
margin: auto;
}
.audio {
margin-left: 13px;
max-width: 274px;
height: 37px;
width: 100%;
}
.imagen_boton_audio {
width: 272px;
margin-left: 0;
display: none;
}
.fuente_pequeña {
width: 100%;
font-size: 14px;
padding-left: 0px;
}
.titulo_principal {
width: 87%;
font-size: 30px;
padding: 16px 21px 11px 26px;
line-height: 23px;
margin: 0px auto;
}
.texto_principal {
width: 86%;
font-size: 14px;
padding: 25px 0px 6px 0px;
margin: auto;
}
#carouselExampleIndicators {
margin-top: 0;
}
.logo_legiscomex {
width: 150px;
padding: 13px 7px;
height: 67px;
}
.partir_mitad_movil{
width: 50% !important;
}
.fila_redes_sociales {
text-align: right;
padding-right: inherit;
padding-right: 24px !important;
}
.fila_de_header{
position: relative;
}
.ocultar_480{
display: block;
}
.ocultar_escritorio_z2{
display: none;
}
.texto_de_ir_a_formulario {
margin-top: 0;
}
}
@media (max-width: 380px) {
/*-----------footer-------------*/
.logo_de_legis {
width: 180px;
padding: 2px 30px 1px 30px;
}
.desplegar_footer {
font-size: 33px;
}
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
/*-------------fin footer--------*/
.carousel-indicators {
margin-top: -1%;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
}
footer#footer {
text-align: center;
}
.pata_footer {
display: none;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.simulador_text {
font-size: 15px;
}
.normativa_text {
font-size: 15px;
}
iframe {
width: 100%;
height: 132px;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.modulo_azul {
background-color: #1937ef;
padding: 40px 40px 50px 40px;
}
.modulo_amarillo {
background-color: #fca200;
padding: 40px 40px 50px 40px;
}
.cuadro_modulos {
width: 100%;
display: table;
text-align: center;
height: 248px;
}
.nombre_de_modulo_azul {
color: #1937ef;
font-size: 15px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 20px;
}
.nombre_de_modulo {
color: #fff;
font-size: 15px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 22px;
}
.icono_modulos {
width: 133px;
padding: 6px 0px 10px 0px;
height: 106px;
}
.audio {
margin-left: 0;
max-width: 100%;
height: 40px;
}
.fuente_pequeña {
font-size: 14px;
}
.titulo_principal {
width: 100%;
font-size: 25px;
padding: 16px 21px 11px 26px;
line-height: 18px;
}
.texto_principal {
padding: 25px 0px 6px 0px;
width: 100%;
font-size: 13px;
}
}
@media (max-width: 362px) {
.boton_de_volver_a_inicio {
width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}
.ir_normativa {
width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}
.simulador_text {
font-size: 16px;
}
.normativa_text {
font-size: 16px;
}
}
@media (max-width: 350px) {
.nombre_de_modulo {
color: #fff;
font-size: 14px;
}
.icono_modulos {
width: 93px;
padding: 6px 0px 10px 0px;
height: 93px;
}
.padding-responsive {
padding: 0px 22px !important;
}
}
@media (max-width: 250px) {
.carousel-indicators {
margin-top: -4%;
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 0px;
}
.normativa_zonas {
width: 100%;
display: block;
text-align: center;
padding: 59px 0px;
}
.logo_legiscomex {
width: 120px;
}
.titulo_principal {
width: 100%;
font-size: 21px;
}
.iconos_redes_sociales {
width: 28px;
padding: 12px 3px;
height: 60px;
}
}
/*---------------------------------------------------------------*/
</style>
<body >
<header>
<!--<button class="btn btn-primary" id="intr">Activar pagina para personas con discapacidad visual</button>-->
<div id="pantalla"></div>
<div id="pantalla2"></div>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/intro.mp3" autostart="true" loop="false" id="video_intro" class="video_intro" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/slider.mp3" autostart="true" loop="false" id="slider" class=" slider" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/introduccion.mp3" id="introduccione" autostart="true" loop="false" class="introduccion" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/video_3.mp3" id="video" autostart="true" loop="false" class="video" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/intro3.mp3" id="seccion3" autostart="true" loop="false" class="seccion3" height="0" width="0" ></audio>
<!---------------------------------------------procesos---------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso1.mp3" id="proceso1" autostart="true" loop="false"proceso1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso2.mp3" id="proceso2" autostart="true" loop="false" class="proceso2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso3.mp3 " id="proceso3" autostart="true" loop="false" class="proceso3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso4.mp3" id="proceso4" autostart="true" loop="false" class="proceso4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso5.mp3" id="proceso5" autostart="true" loop="false" class="proceso5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso6.mp3" id="proceso6" autostart="true" loop="false" class="proceso6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso7.mp3" id="proceso7" autostart="true" loop="false" class="proceso7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso8.mp3" id="proceso8" autostart="true" loop="false" class="proceso8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso9.mp3" id="proceso9" autostart="true" loop="false" class="proceso9" height="0" width="0" ></audio>
<!---------------------------------------------formularios---------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario1.mp3" id="formulario_1" autostart="true" loop="false" class="formulario1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario2.mp3" id="formulario_2" autostart="true" loop="false" class="formulario2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario3.mp3" id="formulario_3" autostart="true" loop="false" class="formulario3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/formulario4.mp3" id="formulario_4" autostart="true" loop="false" class="formulario4" height="0" width="0" ></audio>
<!-----------------------------------------------contenido dento del cada modulo----------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido1.mp3" id="contenido_1" autostart="true" loop="false" class="contenido1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido2.mp3" id="contenido_2" autostart="true" loop="false" class="contenido2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido3.mp3" id="contenido_3" autostart="true" loop="false" class="contenido3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido4.mp3" id="contenido_4" autostart="true" loop="false" class="contenido4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido5.mp3" id="contenido_5" autostart="true" loop="false" class="contenido5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido6.mp3" id="contenido_6" autostart="true" loop="false" class="contenido6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido7.mp3" id="contenido_7" autostart="true" loop="false" class="contenido7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido8.mp3" id="contenido_8" autostart="true" loop="false" class="contenido8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/contenido9.mp3" id="contenido_9" autostart="true" loop="false" class="contenido9" height="0" width="0" ></audio>
<!--------------------------------------------------------salir del modulo---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/salir_proceso.mp3" id="salir_proceso" autostart="true" loop="false" class="salir_proceso" height="0" width="0"></audio>
<!--------------------------------------------------------intro seccion 2 de la pagina---------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/intro_seccion_2.mp3" autostart="true" loop="false" id="intro_seccion2" class="intro_seccion2" height="0" width="0"></audio>
<!------------------------------------------------------video legis---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/legis_2.mp3" autostart="true" loop="false" id="legis" class="legis" height="0" width="0"></audio>
<!------------------------------------------------------video legis---------------------------------------------------------------->
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/salir_proceso.mp3" autostart="true" loop="false" id="header" class="header" height="0" width="0"></audio>
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/principal_legicomex.mp3" autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0" width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<div class="row fila_de_header" id="fila_header">
<div class="col-xs-6 col-sm-6 col-md-7 partir_mitad_movil">
<a href="https://www.legiscomex.com/"><img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/logo-legiscomex.svg" class="logo_legiscomex" id="logo_header"></a>
</div>
<div class="col-xs-6 col-sm-6 col-md-5 fila_redes_sociales partir_mitad_movil">
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank"><img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-twitter.svg" class="iconos_redes_sociales twitter_z1"></a>
<a href="https://www.facebook.com/Legiscomex/" target="_blank"><img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-facebook.svg" class="iconos_redes_sociales facebook_z1"></a>
</div>
</div>
</header>
<section>
<!---------------------------------------imagen principal------------------------------------------------>
<img src="/sites/legiscomex/files/2024-10/multiculturalidad%20%282%29.png" width="100%" id="imagen_principal_z1"> <!--class="imagen_principal"-->
<!---------------------------------------fin imagen principal-------------------------------------------->
<!---------------------------------------Inicio seccion 1------------------------------------->
<div class="container mb-5">
<div class="row" id="intro_seccion_z2">
<div class="col-md-12 contenedor_ancho_cien" id="introduccion">
<br/>
<div class="accordion" id="accordionExample" style="width: 100%;">
<div class="card">
<div class="card-header" id="headingEighteen">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center" type="button" data-toggle="collapse" data-target="#collapseEighteen" aria-expanded="true" aria-controls="collapseEighteen">
Qué encontrarás
</button>
</h2>
</div>
<div id="collapseEighteen" class="collapse" aria-labelledby="headingEighteen" data-parent="#accordionExample">
<div class="card-body">
<p>Al abordar el curso de "Negociación y Multiculturalidad," es fundamental comenzar explorando diversos temas clave que te ayudarán a dominar el arte de negociar en un entorno globalizado.</p>
<p>A lo largo del curso, se analizarán las fases esenciales de la negociación intercultural: Primero, examinaremos la Identidad Cultural y el Poder Blando, analizando cómo la identidad cultural influye en las dinámicas de poder y en la forma en que se establecen relaciones internacionales.</p>
<p>Luego, nos enfocaremos en la Diferencia entre lo Local y lo Global, comprendiendo cómo las estrategias de negociación deben adaptarse a contextos específicos para ser efectivas en diferentes escalas.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Negociacion_Multiculturalidad.png" class="rounded img-fluid" alt="data_zonas">
</div>
<br/>
<p>A continuación, abordaremos el concepto de Más allá de un Simple Acuerdo, profundizando en cómo las negociaciones exitosas van más allá de los acuerdos superficiales y buscan construir valor a largo plazo. </p>
<p>También discutiremos los Posibles Obstáculos y Sus Soluciones, identificando desafíos comunes en las negociaciones multiculturales y estrategias para superarlos.</p>
<p>Finalmente, exploraremos como Entender las necesidades y objetivos del otro y la forma en que busca alcanzarlos, enfocándonos en comprender las verdaderas motivaciones y métodos de las otras partes para facilitar acuerdos más efectivos y satisfactorios.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingNineteen">
<h2 class="mb-0">
<button href="#headingNineteen" class="btn btn-link btn-block text-center" type="button" data-toggle="collapse" data-target="#collapseNineteen" aria-expanded="true" aria-controls="collapseNineteen">
1. Identidad Cultural y Poder Blando
</button>
</h2>
</div>
<div id="collapseNineteen" class="collapse" aria-labelledby="headingNineteen" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">¿Qué es la Identidad Cultural?</h2>
<p>La identidad cultural es el conjunto de características, valores, creencias, tradiciones y comportamientos que definen a un grupo social o a una nación. Esta identidad se transmite de generación en generación y es un pilar fundamental en la forma en que los individuos se ven a sí mismos y cómo interactúan con otros.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Identidad_Cultural.png" class="rounded img-fluid" alt="data_zonas">
</div>
<br/>
<h5> Componentes de la Identidad Cultural</h5>
<p>• Lenguaje: El idioma es una herramienta crucial de la identidad cultural. Ejemplo: El español en Latinoamérica o el mandarín en China.</p>
<p>• Costumbres y Tradiciones: Estas prácticas reflejan la historia y los valores de una cultura. Ejemplo: El Día de Muertos en México.</p>
<p>• Religión: Influye en las normas sociales y las interacciones personales. Ejemplo: El cristianismo en Europa.</p>
<p>• Símbolos: Bandera, himno, monumentos, entre otros, que representan la esencia de una cultura. Ejemplo: La Torre Eiffel en Francia.</p>
<h2 class="subtitulo_de_informacion_cajon">Poder Blando en la Negociación</h2>
<p>El poder blando es la capacidad de influir en otros sin coerción, utilizando la atracción y la persuasión. En el contexto de la negociación internacional, el poder blando se manifiesta en la capacidad de un país o cultura para moldear las preferencias de los demás a través de su cultura, valores y políticas.</p>
<h5> Estrategias de Poder Blando</h5>
<p>• Diplomacia Cultural: Utilizar la cultura (arte, cine, educación) para fortalecer relaciones. Ejemplo: Intercambios culturales entre paísess.</p>
<p>• Relaciones Públicas Internacionales: Construir una imagen favorable mediante la utilización de medios de comunicación. Ejemplo: La campaña "I ♥ NY" para promover la ciudad de Nueva York como un destino turístico atractivo.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Plantilla%20noticias%20nueva%20-%202024-11-05T121426.827.png" class="rounded img-fluid" alt="data_zonas">
</div>
<p>• Colaboración Internacional: Participar en alianzas y organizaciones internacionales para influir en decisiones globales. Ejemplo: La colaboración de la Organización Mundial de la Salud (OMS) en la coordinación de respuestas globales a pandemias.</p>
<h5> Ejemplos de poder blando</h5>
<p>• Japón: La popularidad de los animes y mangas ha permitido a Japón proyectar su cultura pop y valores únicos a una audiencia global, atrayendo a personas de diferentes países.</p>
<p>• Colombia: La creciente fama del café colombiano, promovido por marcas como Juan Valdez, ha contribuido a una imagen positiva de Colombia como productor de café de alta calidad.</p>
<p>• Corea del Sur: El K-pop y el cine han llevado la cultura surcoreana a todo el mundo, fortaleciendo su influencia internacional.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwenty">
<h2 class="mb-0">
<button href="#headingTwenty" class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwenty" aria-expanded="false" aria-controls="collapseTwenty">
2. Diferencia entre lo Local y lo Global
</button>
</h2>
</div>
<div id="collapseTwenty" class="collapse" aria-labelledby="headingTwenty" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Contexto Local vs. Contexto Global</h2>
<p>La negociación en un entorno local implica un profundo conocimiento de la cultura, normas, y expectativas específicas de un lugar. Por otro lado, en un entorno global, se requiere una comprensión más amplia de cómo diferentes culturas y mercados interactúan y se influencian mutuamente.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/cultura.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Características del Contexto Local:</h5>
<p>• Conocimiento del Terreno: Familiaridad con la economía local, leyes, y regulaciones. Ejemplo: Negociar en una comunidad indígena de Bolivia requiere entender sus costumbres y forma de vida.</p>
<p>• Relaciones Personales: En muchos lugares, las relaciones personales son clave para establecer confianza. Ejemplo: En Japón, las relaciones comerciales a menudo se construyen durante años antes de cerrar un acuerdo. </p>
<h5>Características del Contexto Global:</h5>
<p>• Diversidad Cultural: Capacidad de adaptarse a diferentes culturas simultáneamente. Ejemplo: Negociar con una multinacional que tiene oficinas en Asia, Europa y América. </p>
<p>• Competencia Internacional: Entender y manejar la competencia en un mercado globalizado. Ejemplo: La competencia tecnológica entre empresas como Samsung y Apple en el mercado global de smartphones.</p>
<p>• Adaptación a Normas Internacionales: Cumplimiento de estándares internacionales y regulación. Ejemplo: Certificaciones ISO en procesos industriales.</p>
<h2 class="subtitulo_de_informacion_cajon">Impacto de la Globalización en la Negociación</h2>
<p>La globalización ha hecho que las empresas y los individuos interactúen más allá de sus fronteras tradicionales, lo que crea oportunidades y desafíos únicos.</p>
<h5>Desafíos de la Globalización:</h5>
<p>• Diferencias Culturales: Lo que es aceptable en una cultura puede ser mal visto en otra. Ejemplo: Diferencias en las percepciones sobre la puntualidad entre Alemania y Latinoamérica.</p>
<p>• Barreras Idiomáticas: Las negociaciones pueden complicarse cuando no se comparte un idioma común. Ejemplo: Negociaciones entre empresas chinas y brasileñas.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Barreras_Idiomaticas.png" class="rounded img-fluid" alt="data_zonas">
</div>
<p>• Regulación Internacional: Adaptación a diferentes normativas y leyes. Ejemplo: Regulaciones de privacidad de datos en la UE vs. EE UU.</p>
<h5>Estrategias para Manejar la Globalización:</h5>
<p>• Capacitación Intercultural: Formación en las diferencias culturales para evitar malentendidos. Ejemplo: Talleres de adaptación cultural para empleados internacionales.</p>
<p>• Consultoría Local: Utilizar expertos locales para entender mejor el mercado. Ejemplo: Contratar una firma de consultoría en India antes de entrar en ese mercado.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyOne">
<h2 class="mb-0">
<button href="#headingTwentyOne" class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyOne" aria-expanded="false" aria-controls="collapseTwentyOne">
3. Más allá de un simple acuerdo
</button>
</h2>
</div>
<div id="collapseTwentyOne" class="collapse" aria-labelledby="headingTwentyOne" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Relaciones a Largo Plazo</h2>
<p>Las negociaciones exitosas no se limitan a cerrar un acuerdo inmediato. La verdadera fortaleza radica en construir relaciones sostenibles que beneficien a todas las partes a lo largo del tiempo.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Relaciones_Sostenibles.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Importancia de las Relaciones Duraderas:</h5>
<p>• Confianza y Lealtad: Las relaciones a largo plazo fomentan la confianza, que es esencial para superar desafíos futuros. Ejemplo: Alianzas en la industria del café en Colombia, donde la colaboración entre caficultores y exportadores puede mantenerse durante décadas</p>
<p>• Reducción de Costos: Relaciones estables pueden reducir costos asociados con nuevas negociaciones o conflictos. Ejemplo: Proveedores que ofrecen descuentos por fidelidad a largo plazo</p>
<p>• Acceso a Nuevas Oportunidades: Relaciones bien mantenidas pueden abrir puertas a nuevas oportunidades y mercados. Ejemplo: Una empresa que mantiene una buena relación con distribuidores internacionales tiene más facilidad para expandirse</p>
<h2 class="subtitulo_de_informacion_cajon">Valor Compartido en la Negociación</h2>
<p>El concepto de valor compartido implica que, en lugar de enfocarse solo en los propios intereses, las partes buscan generar resultados que favorezcan a ambos y refuercen la relación. Este enfoque promueve la colaboración y el entendimiento mutuo, esenciales para superar diferencias culturales y alcanzar acuerdos que respeten y valoren las perspectivas de todos los involucrados.</p>
<h5>Crear Valor Compartido:</h5>
<p>• Identificación de Intereses Comunes: Encontrar áreas donde ambas partes pueden beneficiarse. Ejemplo: Empresas que colaboran en investigación y desarrollo para innovar en productos.</p>
<p>• Negociación Integrativa: Se trata de encontrar soluciones que amplíen el valor para todas las partes. Ejemplo: Un fabricante y un minorista que colaboran para mejorar la cadena de suministro, beneficiando a ambos.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Negociacion_Integrativa.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Ética en la Negociación</h5>
<p>La ética es fundamental para asegurar que las negociaciones sean justas y que las relaciones a largo plazo se mantengan sólidas.</p>
<h5>Prácticas Éticas en la Negociación:</h5>
<p>• Transparencia: Ser honesto sobre las intenciones y capacidades. Ejemplo: No ocultar información crucial durante una negociación.</p>
<p>• Responsabilidad Social: Considerar el impacto de las decisiones de negocio en la sociedad y el medio ambiente. Ejemplo: Negociar acuerdos que no impliquen explotación laboral en países en desarrollo.</p>
<p>• Cumplimiento Legal: Asegurar que todas las partes actúan dentro de la ley. Ejemplo: Respetar las leyes de propiedad intelectual en acuerdos internacionales.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyTwo">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyTwo" aria-expanded="false" aria-controls="collapseTwentyTwo">
4. Posibles Obstáculos y Sus Soluciones
</button>
</h2>
</div>
<div id="collapseTwentyTwo" class="collapse" aria-labelledby="headingTwentyTwo" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Barreras Culturales</h2>
<p>Las barreras culturales pueden dificultar la comunicación y la confianza en una negociación. Identificarlas y abordarlas es clave para una negociación exitosa.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Barreras_Culturales.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Identificación de Barreras Culturales:</h5>
<p>• Diferencias en Normas Sociales: Lo que es educado en una cultura puede ser considerado grosero en otra. Ejemplo: El contacto visual directo puede ser considerado desafiante en algunas culturas asiáticas.</p>
<p>• Percepciones de Jerarquía: La manera en que se respetan las jerarquías varía. Ejemplo: En algunas culturas, es esencial que los líderes tomen todas las decisiones importantes.</p>
<h5>Estrategias para Superar Barreras Culturales:</h5>
<p>• Capacitación Cultural: Formación para entender y respetar las diferencias culturales. Ejemplo: Cursos sobre etiqueta en la negociación con japoneses.</p>
<p>• Mediadores Culturales: Utilizar intermediarios que comprendan ambas culturas para facilitar la comunicación. Ejemplo: Contratar un consultor local durante una negociación internacional.</p>
<h2 class="subtitulo_de_informacion_cajon">Lenguaje y Comunicación</h2>
<p>El lenguaje es una de las barreras más directas en la negociación intercultural. No se trata solo de hablar el mismo idioma, sino de comprender el significado y la intención detrás de las palabras.</p>
<h5>Desafíos del Idioma:</h5>
<p>• Traducción Inexacta: Palabras o conceptos que no tienen una traducción directa pueden causar malentendidos. Ejemplo: Términos legales que difieren entre sistemas jurídicos.</p>
<p>• Matices y Tono: Lo que se dice y cómo se dice puede variar drásticamente entre culturas. Ejemplo: El sarcasmo o la ironía pueden ser mal interpretados en culturas donde el lenguaje es más directo.</p>
<h5>Técnicas para Mejorar la Comunicación:</h5>
<p>• Clarificación Constante: Repetir y confirmar lo que se ha dicho para asegurar la comprensión. Ejemplo: Resumir los puntos clave al final de cada discusión.</p>
<p>• Uso de Intérpretes Profesionales: En situaciones críticas, utilizar intérpretes capacitados para asegurar que no se pierda información. Ejemplo: Un intérprete durante negociaciones contractuales complejas.</p>
<h2 class="subtitulo_de_informacion_cajon">Conflictos de Intereses</h2>
<p>Los conflictos de intereses son comunes en la negociación, especialmente cuando las partes tienen objetivos muy diferentes.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Conflicto%20de%20intereses.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Gestión de Conflictos:</h5>
<p>• Identificación Temprana: Reconocer los conflictos de intereses desde el principio ayuda a manejarlos mejor. Ejemplo: Discrepancias sobre precios o condiciones de pago.</p>
<p>• Negociación Orientada a Intereses: En lugar de discutir por posiciones fijas, como el precio, enfócate en entender lo que realmente importa para cada parte. Por ejemplo, en vez de solo hablar del costo, trata de comprender qué significa ese costo para cada uno.</p>
<h5>Ejemplos de Soluciones Creativas:</h5>
<p>• Soluciones de "Ganar-Ganar": Buscar alternativas que beneficien a ambas partes. Ejemplo: Ofrecer un contrato a largo plazo en lugar de un precio más bajo. Si estas interesado en obtener más información te recomendamos ingresar a la materia “Técnicas de negociación”</p>
<p>• Compensaciones: Hacer concesiones en temas secundarios para conseguir beneficios en aspectos importantes. Ejemplo: Podrías estar dispuesto a reducir los plazos de entrega si obtienes un contrato más grande y estable.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyThree">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyThree" aria-expanded="false" aria-controls="collapseTwentyThree">
5. "Entender las necesidades y objetivos del otro y la forma en que busca alcanzarlos."
</button>
</h2>
</div>
<div id="collapseTwentyThree" class="collapse" aria-labelledby="headingTwentyThree" data-parent="#accordionExample">
<div class="card-body">
<h2 class="subtitulo_de_informacion_cajon">Entender las Motivaciones del Otro</h2>
<p>Para una negociación exitosa, es crucial entender no solo lo que la otra parte quiere, sino por qué lo quiere. Esto permite formular propuestas que satisfagan ambas partes.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Motivaciones_del_otro.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Técnicas para Descubrir Motivaciones:</h5>
<p>• Preguntas Abiertas: Realiza preguntas que exploren los intereses y necesidades ocultas, considerando las diferencias culturales y contextuales. Ejemplo: "¿Qué es lo más importante para su empresa en este acuerdo?"</p>
<p>• Observación y Escucha Activa: Prestar atención a lo que se dice y cómo se dice. Ejemplo: Notar cuando alguien parece incómodo con una propuesta y preguntar por qué.</p>
<h2 class="subtitulo_de_informacion_cajon">Empatía en la Negociación:</h2>
<p>• Ponerse en el Lugar del Otro: Entender los desafíos y restricciones de la otra parte. Ejemplo: Considerar las limitaciones presupuestarias de un socio comercial.</p>
<p>• Construcción de Soluciones Conjuntas: Trabajar juntos para encontrar soluciones que satisfagan a ambas partes. Ejemplo: Negociar un cronograma que funcione para ambos.</p>
<h2 class="subtitulo_de_informacion_cajon">Negociación Basada en Intereses:</h2>
<p>La negociación basada en intereses se enfoca en los objetivos fundamentales en lugar de las posiciones fijas. Esto permite soluciones más flexibles y creativas.</p>
<h2 class="subtitulo_de_informacion_cajon">Diferencia entre Posiciones e Intereses:</h2>
<p>• Posiciones: Son las demandas explícitas de cada parte. Ejemplo: "Quiero un descuento del 10%".</p>
<p>• Intereses: Son las razones detrás de esas demandas. Ejemplo: "Necesito reducir costos para mantener mi negocio a flote".</p>
<h5>Ejemplos de Negociación Basada en Intereses:</h5>
<p>• Caso de Colaboración: Dos empresas que inicialmente competían por el mismo mercado encuentran una manera de colaborar, compartiendo recursos y costos.</p>
<p>• Caso de Ajuste de Precios: Un proveedor ofrece mejores términos de pago en lugar de un descuento directo, ayudando al comprador a gestionar su flujo de caja.</p>
<h2 class="subtitulo_de_informacion_cajon">Técnicas de Persuasión Intercultural</h2>
<p>Persuadir en un entorno multicultural requiere entender los valores, creencias y estilos de comunicación de la otra parte.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Persuasion.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Estrategias de Persuasión Adaptadas a la Cultura:</h5>
<p>• Cultura Colectivista vs. Individualista: En culturas colectivistas, enfatizar el beneficio para el grupo puede ser más efectivo que enfocarse en los beneficios individuales. Ejemplo: En negociaciones con India, enfocarse en cómo el acuerdo beneficiará a los líderes y tomadores de decisiones clave puede ser más efectivo que en culturas donde el enfoque está en la igualdad y la participación del grupo.</p>
<p>• Relación vs. Tarea: En culturas donde las relaciones personales son clave, dedicar tiempo a construir una relación antes de discutir negocios puede ser crucial. Ejemplo: En Medio Oriente, es común dedicar tiempo a socializar antes de entrar en temas de negocios.</p>
<h5>Cómo Influir Respetando Valores y Creencias:</h5>
<p>• Adaptación de Mensajes: Ajustar la forma en que se presenta una propuesta según los valores de la otra cultura. Ejemplo: En una negociación con una empresa escandinava, donde la igualdad es un valor central, destacar cómo el acuerdo promueve la equidad.</p>
<p>• Uso de Narrativas: Utilizar historias y ejemplos que resuenen culturalmente con la otra parte. Ejemplo: Al negociar en Latinoamérica, utilizar historias que reflejen la importancia de la familia y la comunidad.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwentyFour">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwentyFour" aria-expanded="false" aria-controls="collapseTwentyFour">
Actividades del Curso
</button>
</h2>
</div>
<div id="collapseTwentyFour" class="collapse" aria-labelledby="headingTwentyFour" data-parent="#accordionExample">
<div class="card-body">
<h5>Estudio de Caso: Negociación Intercultural</h5>
<p>• Descripción: Los estudiantes analizarán un caso real de negociación intercultural (por ejemplo, la negociación entre una empresa europea y un gobierno asiático) y evaluarán cómo las diferencias culturales afectaron el proceso y resultado.</p>
<p>• Objetivos: Identificar barreras culturales y proponer soluciones basadas en los temas del curso.</p>
<p>• Entrega: Informe escrito y presentación en clase.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Estudio_Caso.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Simulación de Negociación</h5>
<p>• Descripción: Los estudiantes se dividirán en grupos y participarán en una simulación de negociación que involucra a actores de diferentes culturas. Cada grupo deberá aplicar las técnicas y estrategias aprendidas.</p>
<p>• Objetivos: Practicar la adaptación a contextos multiculturales, superar obstáculos y crear valor compartido.</p>
<p>• Entrega: Participación en la simulación y un análisis reflexivo sobre lo aprendido</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Simulacion_Negociacion.png" class="rounded img-fluid" alt="data_zonas">
</div>
<h5>Proyecto Final: Diseño de una Estrategia de Negociación</h5>
<p>• Descripción: Cada estudiante diseñará una estrategia de negociación para un escenario específico que incluya actores de diferentes culturas. Deberán considerar aspectos como la identidad cultural, el poder blando, y la construcción de relaciones a largo plazo.</p>
<p>• Objetivos: Demostrar la capacidad de aplicar conocimientos teóricos en un plan práctico de negociación.</p>
<div style="text-align: center; display: block;">
<img src="/sites/legiscomex/files/2024-11/Diseno_Estrategia.png" class="rounded img-fluid" alt="data_zonas">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--------------------------------contendor movil---------------------------------------------->
</div>
<!---------------------------------------fin seccion 1------------------------------------->
<!---------------------------------------Inicio seccion 2------------------------------------->
<div class="container-fluid quitar-padding" id="zonasfrancasdept">
<h2 class="subtitulo_seccion_modulos" id="inicio_seccion_3">AYUDAS PRACTICAS</h2>
<div class="row">
<div class="col-sm-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
Taller
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<embed src="/sites/legiscomex/files/2024-11/Taller%20Sin%20Respuestas.pdf" width="600" height="850" type="application/pdf">
<center>
</center>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingNine">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
Infografia
</button>
</h2>
</div>
<div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordionExample">
<div class="card-body">
<center>
<img src="https://www.legiscomex.com/sites/legiscomex/files/2024-11/Infografia_Negociaci%C3%B3n%20y%20la%20Multiculturalidad.png" alt="" width="80%">
</center>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
Taller con respuestas
</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<embed src="/sites/legiscomex/files/2024-11/Taller%20OK_Con%20Respuestas.pdf" width="600" height="850" type="application/pdf">
<center>
</center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!----------------------------------------------------FIN CONTENIDO 480------------------------------------------------>
<!-----------------------------------------fin seccion 2------------------------------------->
<!-----------------------------------------seccion flotante------------------------------------->
<div class="container-fluid">
<div class="row fila_boton_flotante">
<div class="col-md-12">
<p class="volver_a_formualrios"><a href="/informacion-universidades-abc-del-comercio-internacional/negociacion-y-la-multiculturalidad" class="boton_de_volver_a_inicio">Volver al inicio</a> <!--<span class="simulador_text"> </span>--> </p>
</div>
</div>
</div>
<!-----------------------------------------fin flotante------------------------------------->
</section>
<div class="container-fluid footer-sin-padding">
<footer id="footer">
<img src="/Presentaciones/procesos_importaciones/img/pata_footer.svg" class="pata_footer">
<div class="container-fluid footer-sin-padding">
<div class="row fila_footer">
<div class="espacio_padding col-lg-5">
<a href="https://www.legis.com.co/"><img
src="/Presentaciones/procesos_importaciones/img/logo_legis.svg"
class="logo_de_legis"></a>
<p class="text_footer texto_logo tamaño_font">Legiscomex.com</p>
<p class="text_footer texto_logo tamaño_font">ISSN 2027-8314</p>
</div>
<i class="fas fa-angle-double-down desplegar_footer"></i>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer margen_responsiva">Sobre nosotros</h2>
<a href="https://www.legiscomex.com/nosotros" target="_blank">
<p class="text_footer text_hover">Quiénes somos</p>
</a>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Nuestros módulos</h2>
<a href="https://www.legiscomex.com/arancel-de-aduanas" target="_blank">
<p class="text_footer text_hover">Arancel de Aduanas</p>
</a>
<a href="https://www.legiscomex.com/analisis-de-mercados-internacionales" target="_blank">
<p class="text_footer text_hover">Análisis de Mercados</p>
</a>
<p class="text_footer ver_mas">ver más</p>
<div class="ocultar_modulos">
<a href="https://www.legiscomex.com/regulacion-aduanera-colombiana-0" target="_blank">
<p class="text_footer text_hover">Regulación Aduanera Colombiana</p>
</a>
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales" target="_blank">
<p class="text_footer text_hover">Oportunidades comerciales</p>
</a>
<a href="https://www.legiscomex.com/ranking-de-importaciones-y-exportaciones-0"
target="_blank">
<p class="text_footer text_hover">Ranking de Importaciones y Exportaciones</p>
</a>
<a href="https://www.legiscomex.com/informacion-financiera-de-empresas-0" target="_blank">
<p class="text_footer text_hover">Información Financiera de Empresas</p>
</a>
<a href="https://www.legiscomex.com/universidades-abc-del-comercio-internacional"
target="_blank">
<p class="text_footer text_hover">Universidades ABC</p>
</a>
<a href="https://www.legiscomex.com/simulador-de-formularios" target="_blank">
<p class="text_footer text_hover">Simulador de Formularios</p>
</a>
</div>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Contáctenos</h2>
<p class="text_footer">E-mail sclientes@legis.com.co</p>
<p class="text_footer">Línea Nacional: 018000912101</p>
<h2 class="subtitulo_footer2">Oficina principal y notificaciones</h2>
<p class="text_footer">Calle 70 No 7-30, Piso 8, Bogotá; D.C. (Colombia)</p>
<p class="text_footer">Tel: (601)4255200 WhatsApp: <a href="https://api.whatsapp.com/send?phone=573102114444&text=Hola%2C%20quiero%20recibir%20m%C3%A1s%20informaci%C3%B3n%0A%20%0A" target="_blank">3102114444</a></p>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<a href="https://www.facebook.com/Legiscomex/" target="_blank">
<i class="fab fa-facebook-f footer_redes facebook_z3"></i>
</a>
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank">
<i class="fab footer_redes fa-linkedin-in"></i>
</a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="https://www.youtube.com/channel/UC0ranDo4unRk_hbB6deufoQ" target="_blank">
<i class="fab fa-youtube footer_redes"></i>
</a>
</div>
</div>
<div class="franja_naranja"></div>
<div class="container-fliud fondo_oscuro">
<div class="row centrar_texto buttom_text">
<div class="col-sm-4 col-md-4">
<p class="text_footer boton_underline_politicas">Términos y condiciones</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Política de privacidad</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Línea ética de denuncia</p>
</div>
</div>
<hr>
<div class="row centrar_texto" style="padding: 16px 0px 0px 0px;">
<div class="col-md-12">
<p class="text_footer derechos">Pertenece al Módulo de Universidades ABC del comercio
internacional</p>
</div>
</div>
<div class="row centrar_texto">
<div class="col-md-12">
<p class="text_footer derechos">2023 © Todos los derechos reservados. Prohibida su
reproducción total o parcial, así como su traducción a cualquier idioma sin autorización
escrita de su titular. </p>
</div>
</div>
<div class="row centrar_texto"
style="padding: 6px 0px 6px 0px;background-color: #293ae8;border-top: 1px solid #fff;">
<div class="col-md-12">
<p class="text_footer derechos" style="color: fff; font-size: 14px; ">Legiscomex 2023</p>
</div>
</div>
</div>
</div>
</footer>
<!-------------------------------------------------------nuevos------------------------------------------->
</div>
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script>
<!--<script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>-->
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/popper.min.js"></script>
<script type="text/javascript" src="/Presentaciones/MAPA-PROCESOS-EXPO/js/bootstrap.min.js"></script>
<script type="text/javascript">
setTimeout(function(){
$('.carousel').carousel({
interval: 2000
})
}, 1000);
</script>
<script type="text/javascript">
$(".desplegar_footer").click(function(event) {
$(".ocultar_movil_2").toggle(function() {
}, function() {
});
});
/*----------------------------scroll---------------------------*/
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1500);
});
});
/*---------------------------- final de scroll---------------------------*/
/*---------------------------- final de scroll---------------------------*/
$(".ver_mas").click(function(event) {
$(".ocultar_modulos").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
$(".ver_mas").css('display', 'none');
});
/*---------------------------- fin final de scroll---------------------------*/
</script>
<script type="text/javascript">
/*---------------------------------------AUDIOS---------------------------------------*/
/*
swal({
title: "¿Desea activar contenido para personas con discapacidad visual?",
text: "Oprime ok para confirmar",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
*/
var comprobar = 1;
$("#invidentes").click(function(event) {
if(comprobar == 1){
$(".fila_de_header").css('position', 'absolute');
$("#content_video").css('display', 'none');
$("#imagen_audio").css('display', 'block');
$(".quitar_fancybox").removeClass('fancybox');
$("#invidentes").css('background-color', 'red');
$("#invidentes").css('border', '1px solid red');
$("#invidentes").text('Página En Modo Invidente Activado');
var pantalla_cierre2 = document.getElementById("pantalla2");
var v0 = document.getElementsByTagName("audio")[0];
var sound = false;
v0.pause();
v0.loop = false;
/*----------------------audio salir contenido-----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[27];
volPRO2.pause();
volPRO2.loop = false;
/*----------------------audio salir contenido-----------------------*/
v0.play();
pantalla_cierre2.style.display = 'block'; /*---------------mostar al pantalla---------------*/
sound = true;
pantalla_cierre2.addEventListener("click", function(){
v0.pause();
sound = false;
volPRO2.play();
setTimeout(function(){
pantalla_cierre2.style.display = 'none';
volPRO2.pause();
}, 10000);
});
/*--------------------------- fin audio home--------------------------------------*/
/*---------------------------audio slider--------------------------------------*/
var boton = document.getElementById("carouselExampleIndicators");
var v = document.getElementsByTagName("audio")[1];
var sound = false;
var slider = document.getElementById("slider"); /*--------------resetiar---------------*/
v.pause();
v.loop = false;
boton.addEventListener("mouseover", function(){
v.play();
sound = true;
v0.pause(); /*------------------primer audio-------------*/
slider.currentTime = 0; /*--------------resetiar---------------*/
});
boton.addEventListener("mouseout", function(){
v.pause();
sound = false;
});
/*--------------------------- fin audio slider--------------------------------------*/
/*---------------------------audio introduccion--------------------------------------*/
var boton2 = document.getElementById("introduccion");
var v2 = document.getElementsByTagName("audio")[2];
var sound2 = false;
var introduccione = document.getElementById("introduccione");
v2.pause();
v2.loop = false;
boton2.addEventListener("mouseover", function(){
v2.play();
sound2 = true;
v0.pause();/*------------------primer audio-------------*/
introduccione.currentTime = 0;/*--------------resetiar---------------*/
v_2.pause();
sound_2 = false;
});
boton2.addEventListener("mouseout", function(){
v2.pause();
sound2 = false;
});
/*---------------------------fin audio introduccion--------------------------------------*/
/*-------------------------------------audio video--------------------------------------*/
var contenido_video = document.getElementById("content_video_2");
var v3 = document.getElementsByTagName("audio")[3];
var sound3 = false;
var video = document.getElementById("video");
v3.pause();
v3.loop = false;
contenido_video.addEventListener("mouseover", function(){
v3.play();
sound3 = true;
v0.pause();/*------------------primer audio-------------*/
video.currentTime = 0;/*--------------resetiar---------------*/
v_2.pause();
sound_2 = false;
});
contenido_video.addEventListener("mouseout", function(){
v3.pause();
sound3 = false;
});
/*-------------------------------------fin audio video--------------------------------------*/
/*-------------------------------------inicio seccion 3--------------------------------------*/
var seccion3 = document.getElementById("inicio_seccion_3");
var v4 = document.getElementsByTagName("audio")[4];
var sound4 = false;
var audio_seccion3 = document.getElementById("seccion3");
v4.pause();
v4.loop = false;
seccion3.addEventListener("mouseover", function(){
v4.play();
sound4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_seccion3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion3.addEventListener("mouseout", function(){
v4.pause();
sound4 = false;
});
/*------------------------------------- fin inicio seccion 3--------------------------------------*/
/*---------------------------------------------proceso 1--------------------------------------*/
var seccion_proceso1 = document.getElementById("proceso_1");
var vol1 = document.getElementsByTagName("audio")[5];
var sonido1 = false;
var audio_proceso1 = document.getElementById("proceso1");
vol1.pause();
vol1.loop = false;
seccion_proceso1.addEventListener("mouseover", function(){
vol1.play();
sonido1 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso1.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso1.addEventListener("mouseout", function(){
vol1.pause();
sonido1 = false;
});
/*------------------------------------- fin proceso 1--------------------------------------*/
/*-------------------------------------proceso 2--------------------------------------*/
var seccion_proceso2 = document.getElementById("proceso_2");
var vol2 = document.getElementsByTagName("audio")[6];
var sonido2 = false;
var audio_proceso2 = document.getElementById("proceso2");
vol2.pause();
vol2.loop = false;
seccion_proceso2.addEventListener("mouseover", function(){
vol2.play();
sonido2 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso2.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso2.addEventListener("mouseout", function(){
vol2.pause();
sonido2 = false;
});
/*------------------------------------- fin proceso 2--------------------------------------*/
/*-------------------------------------proceso 3--------------------------------------*/
var seccion_proceso3 = document.getElementById("proceso_3");
var vol3 = document.getElementsByTagName("audio")[7];
var sonido3 = false;
var audio_proceso3 = document.getElementById("proceso3");
vol3.pause();
vol3.loop = false;
seccion_proceso3.addEventListener("mouseover", function(){
vol3.play();
sonido3 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso3.addEventListener("mouseout", function(){
vol3.pause();
sonido3 = false;
});
/*------------------------------------- fin proceso 3--------------------------------------*/
/*-------------------------------------proceso 4--------------------------------------*/
var seccion_proceso4 = document.getElementById("proceso_4");
var vol4 = document.getElementsByTagName("audio")[8];
var sonido4 = false;
var audio_proceso4 = document.getElementById("proceso4");
vol4.pause();
vol4.loop = false;
seccion_proceso4.addEventListener("mouseover", function(){
vol4.play();
sonido4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso4.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso4.addEventListener("mouseout", function(){
vol4.pause();
sonido4 = false;
});
/*------------------------------------- fin proceso 4--------------------------------------*/
/*-------------------------------------proceso 5--------------------------------------*/
var seccion_proceso5 = document.getElementById("proceso_5");
var vol5 = document.getElementsByTagName("audio")[9];
var sonido5 = false;
var audio_proceso5 = document.getElementById("proceso5");
vol5.pause();
vol5.loop = false;
seccion_proceso5.addEventListener("mouseover", function(){
vol5.play();
sonido5 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso5.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso5.addEventListener("mouseout", function(){
vol5.pause();
sonido5 = false;
});
/*------------------------------------- fin proceso 5--------------------------------------*/
/*-------------------------------------proceso 6--------------------------------------*/
var seccion_proceso6 = document.getElementById("proceso_6");
var vol6 = document.getElementsByTagName("audio")[10];
var sonido6 = false;
var audio_proceso6 = document.getElementById("proceso6");
vol6.pause();
vol6.loop = false;
seccion_proceso6.addEventListener("mouseover", function(){
vol6.play();
sonido6 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso6.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso6.addEventListener("mouseout", function(){
vol6.pause();
sonido6 = false;
});
/*------------------------------------- fin proceso 6--------------------------------------*/
/*-------------------------------------proceso 7--------------------------------------*/
var seccion_proceso7 = document.getElementById("proceso_7");
var vol7 = document.getElementsByTagName("audio")[11];
var sonido7 = false;
var audio_proceso7 = document.getElementById("proceso7");
vol7.pause();
vol7.loop = false;
seccion_proceso7.addEventListener("mouseover", function(){
vol7.play();
sonido7 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso7.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso7.addEventListener("mouseout", function(){
vol7.pause();
sonido7 = false;
});
/*------------------------------------- fin proceso 7--------------------------------------*/
/*-------------------------------------proceso 8--------------------------------------*/
var seccion_proceso8 = document.getElementById("proceso_8");
var vol8 = document.getElementsByTagName("audio")[12];
var sonido8 = false;
var audio_proceso8 = document.getElementById("proceso8");
vol8.pause();
vol8.loop = false;
seccion_proceso8.addEventListener("mouseover", function(){
vol8.play();
sonido8 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso8.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso8.addEventListener("mouseout", function(){
vol8.pause();
sonido8 = false;
});
/*------------------------------------- fin proceso 8--------------------------------------*/
/*-------------------------------------proceso 8--------------------------------------*/
var seccion_proceso9 = document.getElementById("proceso_9");
var vol9 = document.getElementsByTagName("audio")[13];
var sonido9 = false;
var audio_proceso9 = document.getElementById("proceso9");
vol9.pause();
vol9.loop = false;
seccion_proceso9.addEventListener("mouseover", function(){
vol9.play();
sonido9 = true;
v0.pause();/*------------------primer audio-------------*/
audio_proceso9.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso9.addEventListener("mouseout", function(){
vol9.pause();
sonido9 = false;
});
/*------------------------------------- fin proceso 8--------------------------------------*/
/*---------------------------------------- formulario1-----------------------------------------*/
var seccion_formulario1 = document.getElementById("formulario1");
var volF1 = document.getElementsByTagName("audio")[14];
var sonidoF1 = false;
var audio_formulario1 = document.getElementById("formulario_1");
volF1.pause();
volF1.loop = false;
seccion_formulario1.addEventListener("mouseover", function(){
volF1.play();
sonidoF1 = true;
v0.pause();/*------------------primer audio-------------*/
audio_formulario1 .currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario1.addEventListener("mouseout", function(){
volF1.pause();
sonidoF1 = false;
});
/*---------------------------------------- formulario1-----------------------------------------*/
/*---------------------------------------- formulario2-----------------------------------------*/
var seccion_formulario2 = document.getElementById("formulario2");
var volF2 = document.getElementsByTagName("audio")[15];
var sonidoF2 = false;
var audio_formulario2 = document.getElementById("formulario_2");
volF2.pause();
volF2.loop = false;
seccion_formulario2.addEventListener("mouseover", function(){
volF2.play();
sonidoF2 = true;
audio_formulario2.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario2.addEventListener("mouseout", function(){
volF2.pause();
sonidoF2 = false;
});
/*---------------------------------------- formulario2-----------------------------------------*/
/*---------------------------------------- formulario3-----------------------------------------*/
var seccion_formulario3 = document.getElementById("formulario3");
var volF3 = document.getElementsByTagName("audio")[16];
var sonidoF3 = false;
var audio_formulario3 = document.getElementById("formulario_3");
volF3.pause();
volF3.loop = false;
seccion_formulario3.addEventListener("mouseover", function(){
volF3.play();
sonidoF3 = true;
v0.pause();/*------------------primer audio-------------*/
audio_formulario3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario3.addEventListener("mouseout", function(){
volF3.pause();
sonidoF3 = false;
});
/*---------------------------------------- formulario3-----------------------------------------*/
/*---------------------------------------- formulario4-----------------------------------------*/
var seccion_formulario4 = document.getElementById("formulario4");
var volF4 = document.getElementsByTagName("audio")[17];
var sonidoF4 = false;
var audio_formulario4 = document.getElementById("formulario_4");
volF4.pause();
volF4.loop = false;
seccion_formulario4.addEventListener("mouseover", function(){
volF4.play();
sonidoF4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_formulario4.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_formulario4.addEventListener("mouseout", function(){
volF4.pause();
sonidoF4 = false;
});
/*------------------------------------------------fin formulario4-----------------------------------------*/
/*---------------------------------------------header logo legiscomex--------------------------------------
var seccion_header = document.getElementById("fila_header");
var audioH_1 = document.getElementsByTagName("audio")[30];
var sonidoH_1 = false;
var audio_proceso1 = document.getElementById("header");
audioH_1.pause();
audioH_1.loop = false;
seccion_header.addEventListener("mouseover", function(){
audioH_1.play();
sonidoH_1 = true;
audio_proceso1.currentTime = 0;/*--------------resetiar---------------
});
seccion_header.addEventListener("mouseout", function(){
audioH_1.pause();
sonidoH_1 = false;
});
/*--------------------------------------------- fin header logo legiscomex--------------------------------------*/
/*--------------------------------------------click en header---------------------------------------------
var header_click = document.getElementById("fila_header");
var pantalla_cierre_z = document.getElementById("pantalla2");
/*---------------------audio salir contenido----------------------
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[31];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------
header_click.addEventListener("click", function(){
audioH_1.pause();
sonidoH_1 = false;
volPRO2.play();
pantalla_cierre_z.style.display = 'block';
setTimeout(function(){
location.href="https://www.legiscomex.com/";
volPRO.pause();
}, 6000);
})
/*-------------------------------------------------click en header-----------------------------------------*/
/*----------------------------------------INGRESO AL CONTENIDOS-----------------------------------------*/
/*----------------------------------------video legiscomex---------------------------------------------*/
var video_legis = document.getElementById("content_video_2");
var pantalla_cierre = document.getElementById("pantalla");
var volV = document.getElementsByTagName("audio")[29];
var sonidoV = false;
var audio_contenidoV = document.getElementById("legis");
volV.pause();
volV.loop = false;
video_legis.addEventListener("click", function(){
volV.play();
sonidoV = true;
v3.pause();
sound3 = false;
v0.pause();/*------------------primer audio-------------*/
audio_contenidoV.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';
});
pantalla_cierre.addEventListener("click", function(){
volV.pause();
sonidoV = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_1-----------------------------------------*/
/*----------------------------------------contenido_1---------------------------------------------*/
var seccion_contenido1 = document.getElementById("proceso_1");
var pantalla_cierre = document.getElementById("pantalla");
var volC1 = document.getElementsByTagName("audio")[18];
var sonidoC1 = false;
var audio_contenido1 = document.getElementById("contenido_1");
volC1.pause();
volC1.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido1.addEventListener("click", function(){
volC1.play();
sonidoC1 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido1.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';
});
pantalla_cierre.addEventListener("click", function(){
volC1.pause();
sonidoC1 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_1-----------------------------------------*/
/*----------------------------------------contenido_2---------------------------------------------*/
var seccion_contenido2 = document.getElementById("proceso_2");
var pantalla_cierre = document.getElementById("pantalla");
var volC2 = document.getElementsByTagName("audio")[19];
var sonidoC2 = false;
var audio_contenido2 = document.getElementById("contenido_2");
volC2.pause();
volC2.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido2.addEventListener("click", function(){
volC2.play();
sonidoC2 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido2.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';
});
pantalla_cierre.addEventListener("click", function(){
volC2.pause();
sonidoC2 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_2-----------------------------------------*/
/*----------------------------------------contenido_3---------------------------------------------*/
var seccion_contenido3 = document.getElementById("proceso_3");
var pantalla_cierre = document.getElementById("pantalla");
var volC3 = document.getElementsByTagName("audio")[20];
var sonidoC3 = false;
var audio_contenido3 = document.getElementById("contenido_3");
volC3.pause();
volC3.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido3.addEventListener("click", function(){
volC3.play();
sonidoC3 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido3.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC3.pause();
sonidoC3 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_3-----------------------------------------*/
/*----------------------------------------contenido_4---------------------------------------------*/
var seccion_contenido4 = document.getElementById("proceso_4");
var pantalla_cierre = document.getElementById("pantalla");
var volC4 = document.getElementsByTagName("audio")[21];
var sonidoC4 = false;
var audio_contenido4 = document.getElementById("contenido_4");
volC4.pause();
volC4.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido4.addEventListener("click", function(){
volC4.play();
sonidoC4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido4.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al pantalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC4.pause();
sonidoC4 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_4-----------------------------------------*/
/*----------------------------------------contenido_5---------------------------------------------*/
var seccion_contenido5 = document.getElementById("proceso_5");
var pantalla_cierre = document.getElementById("pantalla");
var volC5 = document.getElementsByTagName("audio")[22];
var sonidoC5 = false;
var audio_contenido5 = document.getElementById("contenido_5");
volC5.pause();
volC5.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido5.addEventListener("click", function(){
volC5.play();
sonidoC5 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido5.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC5.pause();
sonidoC5 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_5-----------------------------------------*/
/*----------------------------------------contenido_6---------------------------------------------*/
var seccion_contenido6 = document.getElementById("proceso_6");
var pantalla_cierre = document.getElementById("pantalla");
var volC6 = document.getElementsByTagName("audio")[23];
var sonidoC6 = false;
var audio_contenido6 = document.getElementById("contenido_6");
volC6.pause();
volC6.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido6.addEventListener("click", function(){
volC6.play();
sonidoC6 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido6.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC6.pause();
sonidoC6 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_6-----------------------------------------*/
/*----------------------------------------contenido_7---------------------------------------------*/
var seccion_contenido7 = document.getElementById("proceso_7");
var pantalla_cierre = document.getElementById("pantalla");
var volC7 = document.getElementsByTagName("audio")[24];
var sonidoC7 = false;
var audio_contenido7 = document.getElementById("contenido_7");
volC7.pause();
volC7.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido7.addEventListener("click", function(){
volC7.play();
sonidoC7 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido7.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC7.pause();
sonidoC7 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_7-----------------------------------------*/
/*----------------------------------------contenido_8---------------------------------------------*/
var seccion_contenido8 = document.getElementById("proceso_8");
var salir_contenido8 = document.getElementById("proceso_8");
var volC8 = document.getElementsByTagName("audio")[25];
var sonidoC8 = false;
var audio_contenido8 = document.getElementById("contenido_8");
volC8.pause();
volC8.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido8.addEventListener("click", function(){
volC8.play();
sonidoC8 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido8.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC8.pause();
sonidoC8 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
/*----------------------------------------fin contenido_8-----------------------------------------*/
/*----------------------------------------contenido_9---------------------------------------------*/
var seccion_contenido9 = document.getElementById("proceso_9");
var body = document.getElementById("body");
var volC9 = document.getElementsByTagName("audio")[26];
var sonidoC9 = false;
var audio_contenido9 = document.getElementById("contenido_9");
volC9.pause();
volC9.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[27];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido9.addEventListener("click", function(){
volC9.play();
sonidoC9 = true;
v0.pause();/*------------------primer audio-------------*/
audio_contenido9.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre.style.display = 'block';/*---------------mostar al apnatalla---------------*/
});
pantalla_cierre.addEventListener("click", function(){
volC9.pause();
sonidoC9 = false;
setTimeout(function(){
pantalla_cierre.style.display = 'none';
}, 10000);
});
}
/*
else{
comprobar = 1;
$("#invidentes").text('Audio desactivado');
$("#invidentes").css('background-color', '#1937ee');
$("#invidentes").css('border', '1px solid #1937ee');
}
*/
});
/*----------------------------------------fin contenido_9-----------------------------------------*/
/*---------------------------audio home--------------------------------------*/
/*
$(".video_intro").css('display', 'block');
$("#carouselExampleIndicators").hover(function() {
$(".slider").css('display', 'block');
}, function() {
$(".slider").css('display', 'none');
});
$(".clearfix").hover(function() {
$(".introduccion").css('display', 'block');
}, function() {
$(".introduccion").css('display', 'none');
});
*/
/*---------------------------------------AUDIOS---------------------------------------*/
$(".estilos_boton").click(function(event) {
$(".arreglar_cajon_z1").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
/*
$(".imagen_boton_audio").hover(function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio2.svg');
}, function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio.svg');
});
/*-----------------------------REDES---------------------------------*/
$(".facebook_z1").hover(function() {
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/hover_facebook.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-facebook.svg');
});
$(".twitter_z1").hover(function() {
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/hover_twitter.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/MAPA-PROCESOS-EXPO/img/icono-twitter.svg');
});
/*-----------------------------REDES---------------------------------*/
if ($(window).width() < 1100) {
$( ".titulo_principal, .texto_principal").removeClass('float-right ');
}
</script>
<script type="text/javascript"> /*-------------------FANCYBOX--------------------*/
/*!
* fancyBox - jQuery Plugin
* version: 2.1.7 (Tue, 28 Feb 2017)
* requires jQuery v1.6 or later
*
* Examples at http://fancyapps.com/fancybox/
* License: www.fancyapps.com/fancybox/#license
*
* Copyright 2017 fancyapps.com
*
*/
(function (window, document, $, undefined) {
"use strict";
var H = $("html"),
W = $(window),
D = $(document),
F = $.fancybox = function () {
F.open.apply( this, arguments );
},
IE = navigator.userAgent.match(/msie/i),
didUpdate = null,
isTouch = document.createTouch !== undefined,
isQuery = function(obj) {
return obj && obj.hasOwnProperty && obj instanceof $;
},
isString = function(str) {
return str && $.type(str) === "string";
},
isPercentage = function(str) {
return isString(str) && str.indexOf('%') > 0;
},
isScrollable = function(el) {
return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
},
getScalar = function(orig, dim) {
var value = parseInt(orig, 10) || 0;
if (dim && isPercentage(orig)) {
value = F.getViewport()[ dim ] / 100 * value;
}
return Math.ceil(value);
},
getValue = function(value, dim) {
return getScalar(value, dim) + 'px';
};
$.extend(F, {
// The current version of fancyBox
version: '2.1.7',
defaults: {
padding : 15,
margin : 20,
width : 800,
height : 600,
minWidth : 100,
minHeight : 100,
maxWidth : 9999,
maxHeight : 9999,
pixelRatio: 1, // Set to 2 for retina display support
autoSize : true,
autoHeight : false,
autoWidth : false,
autoResize : true,
autoCenter : !isTouch,
fitToView : true,
aspectRatio : false,
topRatio : 0.5,
leftRatio : 0.5,
scrolling : 'auto', // 'auto', 'yes' or 'no'
wrapCSS : '',
arrows : true,
closeBtn : true,
closeClick : false,
nextClick : false,
mouseWheel : true,
autoPlay : false,
playSpeed : 3000,
preload : 3,
modal : false,
loop : true,
ajax : {
dataType : 'html',
headers : { 'X-fancyBox': true }
},
iframe : {
scrolling : 'auto',
preload : true
},
swf : {
wmode: 'transparent',
allowfullscreen : 'true',
allowscriptaccess : 'always'
},
keys : {
next : {
13 : 'left', // enter
34 : 'up', // page down
39 : 'left', // right arrow
40 : 'up' // down arrow
},
prev : {
8 : 'right', // backspace
33 : 'down', // page up
37 : 'right', // left arrow
38 : 'down' // up arrow
},
close : [27], // escape key
play : [32], // space - start/stop slideshow
toggle : [70] // letter "f" - toggle fullscreen
},
direction : {
next : 'left',
prev : 'right'
},
scrollOutside : true,
// Override some properties
index : 0,
type : null,
href : null,
content : null,
title : null,
// HTML templates
tpl: {
wrap : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
image : '<img class="fancybox-image" src="{href}" alt="" />',
iframe : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
error : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
next : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
prev : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>',
loading : '<div id="fancybox-loading"><div></div></div>'
},
// Properties for each animation type
// Opening fancyBox
openEffect : 'fade', // 'elastic', 'fade' or 'none'
openSpeed : 250,
openEasing : 'swing',
openOpacity : true,
openMethod : 'zoomIn',
// Closing fancyBox
closeEffect : 'fade', // 'elastic', 'fade' or 'none'
closeSpeed : 250,
closeEasing : 'swing',
closeOpacity : true,
closeMethod : 'zoomOut',
// Changing next gallery item
nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
nextSpeed : 250,
nextEasing : 'swing',
nextMethod : 'changeIn',
// Changing previous gallery item
prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
prevSpeed : 250,
prevEasing : 'swing',
prevMethod : 'changeOut',
// Enable default helpers
helpers : {
overlay : true,
title : true
},
// Callbacks
onCancel : $.noop, // If canceling
beforeLoad : $.noop, // Before loading
afterLoad : $.noop, // After loading
beforeShow : $.noop, // Before changing in current item
afterShow : $.noop, // After opening
beforeChange : $.noop, // Before changing gallery item
beforeClose : $.noop, // Before closing
afterClose : $.noop // After closing
},
//Current state
group : {}, // Selected group
opts : {}, // Group options
previous : null, // Previous element
coming : null, // Element being loaded
current : null, // Currently loaded element
isActive : false, // Is activated
isOpen : false, // Is currently open
isOpened : false, // Have been fully opened at least once
wrap : null,
skin : null,
outer : null,
inner : null,
player : {
timer : null,
isActive : false
},
// Loaders
ajaxLoad : null,
imgPreload : null,
// Some collections
transitions : {},
helpers : {},
/*
* Static methods
*/
open: function (group, opts) {
if (!group) {
return;
}
if (!$.isPlainObject(opts)) {
opts = {};
}
// Close if already active
if (false === F.close(true)) {
return;
}
// Normalize group
if (!$.isArray(group)) {
group = isQuery(group) ? $(group).get() : [group];
}
// Recheck if the type of each element is `object` and set content type (image, ajax, etc)
$.each(group, function(i, element) {
var obj = {},
href,
title,
content,
type,
rez,
hrefParts,
selector;
if ($.type(element) === "object") {
// Check if is DOM element
if (element.nodeType) {
element = $(element);
}
if (isQuery(element)) {
obj = {
href : element.data('fancybox-href') || element.attr('href'),
title : $('<div/>').text( element.data('fancybox-title') || element.attr('title') || '' ).html(),
isDom : true,
element : element
};
if ($.metadata) {
$.extend(true, obj, element.metadata());
}
} else {
obj = element;
}
}
href = opts.href || obj.href || (isString(element) ? element : null);
title = opts.title !== undefined ? opts.title : obj.title || '';
content = opts.content || obj.content;
type = content ? 'html' : (opts.type || obj.type);
if (!type && obj.isDom) {
type = element.data('fancybox-type');
if (!type) {
rez = element.prop('class').match(/fancybox\.(\w+)/);
type = rez ? rez[1] : null;
}
}
if (isString(href)) {
// Try to guess the content type
if (!type) {
if (F.isImage(href)) {
type = 'image';
} else if (F.isSWF(href)) {
type = 'swf';
} else if (href.charAt(0) === '#') {
type = 'inline';
} else if (isString(element)) {
type = 'html';
content = element;
}
}
// Split url into two pieces with source url and content selector, e.g,
// "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
if (type === 'ajax') {
hrefParts = href.split(/\s+/, 2);
href = hrefParts.shift();
selector = hrefParts.shift();
}
}
if (!content) {
if (type === 'inline') {
if (href) {
content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
} else if (obj.isDom) {
content = element;
}
} else if (type === 'html') {
content = href;
} else if (!type && !href && obj.isDom) {
type = 'inline';
content = element;
}
}
$.extend(obj, {
href : href,
type : type,
content : content,
title : title,
selector : selector
});
group[ i ] = obj;
});
// Extend the defaults
F.opts = $.extend(true, {}, F.defaults, opts);
// All options are merged recursive except keys
if (opts.keys !== undefined) {
F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
}
F.group = group;
return F._start(F.opts.index);
},
// Cancel image loading or abort ajax request
cancel: function () {
var coming = F.coming;
if (coming && false === F.trigger('onCancel')) {
return;
}
F.hideLoading();
if (!coming) {
return;
}
if (F.ajaxLoad) {
F.ajaxLoad.abort();
}
F.ajaxLoad = null;
if (F.imgPreload) {
F.imgPreload.onload = F.imgPreload.onerror = null;
}
if (coming.wrap) {
coming.wrap.stop(true, true).trigger('onReset').remove();
}
F.coming = null;
// If the first item has been canceled, then clear everything
if (!F.current) {
F._afterZoomOut( coming );
}
},
// Start closing animation if is open; remove immediately if opening/closing
close: function (event) {
F.cancel();
if (false === F.trigger('beforeClose')) {
return;
}
F.unbindEvents();
if (!F.isActive) {
return;
}
if (!F.isOpen || event === true) {
$('.fancybox-wrap').stop(true).trigger('onReset').remove();
F._afterZoomOut();
} else {
F.isOpen = F.isOpened = false;
F.isClosing = true;
$('.fancybox-item, .fancybox-nav').remove();
F.wrap.stop(true, true).removeClass('fancybox-opened');
F.transitions[ F.current.closeMethod ]();
}
},
// Manage slideshow:
// $.fancybox.play(); - toggle slideshow
// $.fancybox.play( true ); - start
// $.fancybox.play( false ); - stop
play: function ( action ) {
var clear = function () {
clearTimeout(F.player.timer);
},
set = function () {
clear();
if (F.current && F.player.isActive) {
F.player.timer = setTimeout(F.next, F.current.playSpeed);
}
},
stop = function () {
clear();
D.unbind('.player');
F.player.isActive = false;
F.trigger('onPlayEnd');
},
start = function () {
if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
F.player.isActive = true;
D.bind({
'onCancel.player beforeClose.player' : stop,
'onUpdate.player' : set,
'beforeLoad.player' : clear
});
set();
F.trigger('onPlayStart');
}
};
if (action === true || (!F.player.isActive && action !== false)) {
start();
} else {
stop();
}
},
// Navigate to next gallery item
next: function ( direction ) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.next;
}
F.jumpto(current.index + 1, direction, 'next');
}
},
// Navigate to previous gallery item
prev: function ( direction ) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.prev;
}
F.jumpto(current.index - 1, direction, 'prev');
}
},
// Navigate to gallery item by index
jumpto: function ( index, direction, router ) {
var current = F.current;
if (!current) {
return;
}
index = getScalar(index);
F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
F.router = router || 'jumpto';
if (current.loop) {
if (index < 0) {
index = current.group.length + (index % current.group.length);
}
index = index % current.group.length;
}
if (current.group[ index ] !== undefined) {
F.cancel();
F._start(index);
}
},
// Center inside viewport and toggle position type to fixed or absolute if needed
reposition: function (e, onlyAbsolute) {
var current = F.current,
wrap = current ? current.wrap : null,
pos;
if (wrap) {
pos = F._getPosition(onlyAbsolute);
if (e && e.type === 'scroll') {
delete pos.position;
wrap.stop(true, true).animate(pos, 200);
} else {
wrap.css(pos);
current.pos = $.extend({}, current.dim, pos);
}
}
},
update: function (e) {
var type = (e && e.originalEvent && e.originalEvent.type),
anyway = !type || type === 'orientationchange';
if (anyway) {
clearTimeout(didUpdate);
didUpdate = null;
}
if (!F.isOpen || didUpdate) {
return;
}
didUpdate = setTimeout(function() {
var current = F.current;
if (!current || F.isClosing) {
return;
}
F.wrap.removeClass('fancybox-tmp');
if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
F._setDimension();
}
if (!(type === 'scroll' && current.canShrink)) {
F.reposition(e);
}
F.trigger('onUpdate');
didUpdate = null;
}, (anyway && !isTouch ? 0 : 300));
},
// Shrink content to fit inside viewport or restore if resized
toggle: function ( action ) {
if (F.isOpen) {
F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
// Help browser to restore document dimensions
if (isTouch) {
F.wrap.removeAttr('style').addClass('fancybox-tmp');
F.trigger('onUpdate');
}
F.update();
}
},
hideLoading: function () {
D.unbind('.loading');
$('#fancybox-loading').remove();
},
showLoading: function () {
var el, viewport;
F.hideLoading();
el = $(F.opts.tpl.loading).click(F.cancel).appendTo('body');
// If user will press the escape-button, the request will be canceled
D.bind('keydown.loading', function(e) {
if ((e.which || e.keyCode) === 27) {
e.preventDefault();
F.cancel();
}
});
if (!F.defaults.fixed) {
viewport = F.getViewport();
el.css({
position : 'absolute',
top : (viewport.h * 0.5) + viewport.y,
left : (viewport.w * 0.5) + viewport.x
});
}
F.trigger('onLoading');
},
getViewport: function () {
var locked = (F.current && F.current.locked) || false,
rez = {
x: W.scrollLeft(),
y: W.scrollTop()
};
if (locked && locked.length) {
rez.w = locked[0].clientWidth;
rez.h = locked[0].clientHeight;
} else {
// See http://bugs.jquery.com/ticket/6724
rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();
rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
}
return rez;
},
// Unbind the keyboard / clicking actions
unbindEvents: function () {
if (F.wrap && isQuery(F.wrap)) {
F.wrap.unbind('.fb');
}
D.unbind('.fb');
W.unbind('.fb');
},
bindEvents: function () {
var current = F.current,
keys;
if (!current) {
return;
}
// Changing document height on iOS devices triggers a 'resize' event,
// that can change document height... repeating infinitely
W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
keys = current.keys;
if (keys) {
D.bind('keydown.fb', function (e) {
var code = e.which || e.keyCode,
target = e.target || e.srcElement;
// Skip esc key if loading, because showLoading will cancel preloading
if (code === 27 && F.coming) {
return false;
}
// Ignore key combinations and key events within form elements
if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
$.each(keys, function(i, val) {
if (current.group.length > 1 && val[ code ] !== undefined) {
F[ i ]( val[ code ] );
e.preventDefault();
return false;
}
if ($.inArray(code, val) > -1) {
F[ i ] ();
e.preventDefault();
return false;
}
});
}
});
}
if ($.fn.mousewheel && current.mouseWheel) {
F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
var target = e.target || null,
parent = $(target),
canScroll = false;
while (parent.length) {
if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
break;
}
canScroll = isScrollable( parent[0] );
parent = $(parent).parent();
}
if (delta !== 0 && !canScroll) {
if (F.group.length > 1 && !current.canShrink) {
if (deltaY > 0 || deltaX > 0) {
F.prev( deltaY > 0 ? 'down' : 'left' );
} else if (deltaY < 0 || deltaX < 0) {
F.next( deltaY < 0 ? 'up' : 'right' );
}
e.preventDefault();
}
}
});
}
},
trigger: function (event, o) {
var ret, obj = o || F.coming || F.current;
if (obj) {
if ($.isFunction( obj[event] )) {
ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
}
if (ret === false) {
return false;
}
if (obj.helpers) {
$.each(obj.helpers, function (helper, opts) {
if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
}
});
}
}
D.trigger(event);
},
isImage: function (str) {
return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
},
isSWF: function (str) {
return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
},
_start: function (index) {
var coming = {},
obj,
href,
type,
margin,
padding;
index = getScalar( index );
obj = F.group[ index ] || null;
if (!obj) {
return false;
}
coming = $.extend(true, {}, F.opts, obj);
// Convert margin and padding properties to array - top, right, bottom, left
margin = coming.margin;
padding = coming.padding;
if ($.type(margin) === 'number') {
coming.margin = [margin, margin, margin, margin];
}
if ($.type(padding) === 'number') {
coming.padding = [padding, padding, padding, padding];
}
// 'modal' propery is just a shortcut
if (coming.modal) {
$.extend(true, coming, {
closeBtn : false,
closeClick : false,
nextClick : false,
arrows : false,
mouseWheel : false,
keys : null,
helpers: {
overlay : {
closeClick : false
}
}
});
}
// 'autoSize' property is a shortcut, too
if (coming.autoSize) {
coming.autoWidth = coming.autoHeight = true;
}
if (coming.width === 'auto') {
coming.autoWidth = true;
}
if (coming.height === 'auto') {
coming.autoHeight = true;
}
/*
* Add reference to the group, so it`s possible to access from callbacks, example:
* afterLoad : function() {
* this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
* }
*/
coming.group = F.group;
coming.index = index;
// Give a chance for callback or helpers to update coming item (type, title, etc)
F.coming = coming;
if (false === F.trigger('beforeLoad')) {
F.coming = null;
return;
}
type = coming.type;
href = coming.href;
if (!type) {
F.coming = null;
//If we can not determine content type then drop silently or display next/prev item if looping through gallery
if (F.current && F.router && F.router !== 'jumpto') {
F.current.index = index;
return F[ F.router ]( F.direction );
}
return false;
}
F.isActive = true;
if (type === 'image' || type === 'swf') {
coming.autoHeight = coming.autoWidth = false;
coming.scrolling = 'visible';
}
if (type === 'image') {
coming.aspectRatio = true;
}
if (type === 'iframe' && isTouch) {
coming.scrolling = 'scroll';
}
// Build the neccessary markup
coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
$.extend(coming, {
skin : $('.fancybox-skin', coming.wrap),
outer : $('.fancybox-outer', coming.wrap),
inner : $('.fancybox-inner', coming.wrap)
});
$.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
});
F.trigger('onReady');
// Check before try to load; 'inline' and 'html' types need content, others - href
if (type === 'inline' || type === 'html') {
if (!coming.content || !coming.content.length) {
return F._error( 'content' );
}
} else if (!href) {
return F._error( 'href' );
}
if (type === 'image') {
F._loadImage();
} else if (type === 'ajax') {
F._loadAjax();
} else if (type === 'iframe') {
F._loadIframe();
} else {
F._afterLoad();
}
},
_error: function ( type ) {
$.extend(F.coming, {
type : 'html',
autoWidth : true,
autoHeight : true,
minWidth : 0,
minHeight : 0,
scrolling : 'no',
hasError : type,
content : F.coming.tpl.error
});
F._afterLoad();
},
_loadImage: function () {
// Reset preload image so it is later possible to check "complete" property
var img = F.imgPreload = new Image();
img.onload = function () {
this.onload = this.onerror = null;
F.coming.width = this.width / F.opts.pixelRatio;
F.coming.height = this.height / F.opts.pixelRatio;
F._afterLoad();
};
img.onerror = function () {
this.onload = this.onerror = null;
F._error( 'image' );
};
img.src = F.coming.href;
if (img.complete !== true) {
F.showLoading();
}
},
_loadAjax: function () {
var coming = F.coming;
F.showLoading();
F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
url: coming.href,
error: function (jqXHR, textStatus) {
if (F.coming && textStatus !== 'abort') {
F._error( 'ajax', jqXHR );
} else {
F.hideLoading();
}
},
success: function (data, textStatus) {
if (textStatus === 'success') {
coming.content = data;
F._afterLoad();
}
}
}));
},
_loadIframe: function() {
var coming = F.coming,
iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
.attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
.attr('src', coming.href);
// This helps IE
$(coming.wrap).bind('onReset', function () {
try {
$(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
} catch (e) {}
});
if (coming.iframe.preload) {
F.showLoading();
iframe.one('load', function() {
$(this).data('ready', 1);
// iOS will lose scrolling if we resize
if (!isTouch) {
$(this).bind('load.fb', F.update);
}
// Without this trick:
// - iframe won't scroll on iOS devices
// - IE7 sometimes displays empty iframe
$(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
F._afterLoad();
});
}
coming.content = iframe.appendTo( coming.inner );
if (!coming.iframe.preload) {
F._afterLoad();
}
},
_preloadImages: function() {
var group = F.group,
current = F.current,
len = group.length,
cnt = current.preload ? Math.min(current.preload, len - 1) : 0,
item,
i;
for (i = 1; i <= cnt; i += 1) {
item = group[ (current.index + i ) % len ];
if (item.type === 'image' && item.href) {
new Image().src = item.href;
}
}
},
_afterLoad: function () {
var coming = F.coming,
previous = F.current,
placeholder = 'fancybox-placeholder',
current,
content,
type,
scrolling,
href,
embed;
F.hideLoading();
if (!coming || F.isActive === false) {
return;
}
if (false === F.trigger('afterLoad', coming, previous)) {
coming.wrap.stop(true).trigger('onReset').remove();
F.coming = null;
return;
}
if (previous) {
F.trigger('beforeChange', previous);
previous.wrap.stop(true).removeClass('fancybox-opened')
.find('.fancybox-item, .fancybox-nav')
.remove();
}
F.unbindEvents();
current = coming;
content = coming.content;
type = coming.type;
scrolling = coming.scrolling;
$.extend(F, {
wrap : current.wrap,
skin : current.skin,
outer : current.outer,
inner : current.inner,
current : current,
previous : previous
});
href = current.href;
switch (type) {
case 'inline':
case 'ajax':
case 'html':
if (current.selector) {
content = $('<div>').html(content).find(current.selector);
} else if (isQuery(content)) {
if (!content.data(placeholder)) {
content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
}
content = content.show().detach();
current.wrap.bind('onReset', function () {
if ($(this).find(content).length) {
content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
}
});
}
break;
case 'image':
content = current.tpl.image.replace(/\{href\}/g, href);
break;
case 'swf':
content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
embed = '';
$.each(current.swf, function(name, val) {
content += '<param name="' + name + '" value="' + val + '"></param>';
embed += ' ' + name + '="' + val + '"';
});
content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
break;
}
if (!(isQuery(content) && content.parent().is(current.inner))) {
current.inner.append( content );
}
// Give a chance for helpers or callbacks to update elements
F.trigger('beforeShow');
// Set scrolling before calculating dimensions
current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
// Set initial dimensions and start position
F._setDimension();
F.reposition();
F.isOpen = false;
F.coming = null;
F.bindEvents();
if (!F.isOpened) {
$('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
} else if (previous.prevMethod) {
F.transitions[ previous.prevMethod ]();
}
F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
F._preloadImages();
},
_setDimension: function () {
var viewport = F.getViewport(),
steps = 0,
canShrink = false,
canExpand = false,
wrap = F.wrap,
skin = F.skin,
inner = F.inner,
current = F.current,
width = current.width,
height = current.height,
minWidth = current.minWidth,
minHeight = current.minHeight,
maxWidth = current.maxWidth,
maxHeight = current.maxHeight,
scrolling = current.scrolling,
scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
margin = current.margin,
wMargin = getScalar(margin[1] + margin[3]),
hMargin = getScalar(margin[0] + margin[2]),
wPadding,
hPadding,
wSpace,
hSpace,
origWidth,
origHeight,
origMaxWidth,
origMaxHeight,
ratio,
width_,
height_,
maxWidth_,
maxHeight_,
iframe,
body;
// Reset dimensions so we could re-check actual size
wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
wPadding = getScalar(skin.outerWidth(true) - skin.width());
hPadding = getScalar(skin.outerHeight(true) - skin.height());
// Any space between content and viewport (margin, padding, border, title)
wSpace = wMargin + wPadding;
hSpace = hMargin + hPadding;
origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
if (current.type === 'iframe') {
iframe = current.content;
if (current.autoHeight && iframe && iframe.data('ready') === 1) {
try {
if (iframe[0].contentWindow.document.location) {
inner.width( origWidth ).height(9999);
body = iframe.contents().find('body');
if (scrollOut) {
body.css('overflow-x', 'hidden');
}
origHeight = body.outerHeight(true);
}
} catch (e) {}
}
} else if (current.autoWidth || current.autoHeight) {
inner.addClass( 'fancybox-tmp' );
// Set width or height in case we need to calculate only one dimension
if (!current.autoWidth) {
inner.width( origWidth );
}
if (!current.autoHeight) {
inner.height( origHeight );
}
if (current.autoWidth) {
origWidth = inner.width();
}
if (current.autoHeight) {
origHeight = inner.height();
}
inner.removeClass( 'fancybox-tmp' );
}
width = getScalar( origWidth );
height = getScalar( origHeight );
ratio = origWidth / origHeight;
// Calculations for the content
minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
// These will be used to determine if wrap can fit in the viewport
origMaxWidth = maxWidth;
origMaxHeight = maxHeight;
if (current.fitToView) {
maxWidth = Math.min(viewport.w - wSpace, maxWidth);
maxHeight = Math.min(viewport.h - hSpace, maxHeight);
}
maxWidth_ = viewport.w - wMargin;
maxHeight_ = viewport.h - hMargin;
if (current.aspectRatio) {
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
if (height > maxHeight) {
height = maxHeight;
width = getScalar(height * ratio);
}
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (height < minHeight) {
height = minHeight;
width = getScalar(height * ratio);
}
} else {
width = Math.max(minWidth, Math.min(width, maxWidth));
if (current.autoHeight && current.type !== 'iframe') {
inner.width( width );
height = inner.height();
}
height = Math.max(minHeight, Math.min(height, maxHeight));
}
// Try to fit inside viewport (including the title)
if (current.fitToView) {
inner.width( width ).height( height );
wrap.width( width + wPadding );
// Real wrap dimensions
width_ = wrap.width();
height_ = wrap.height();
if (current.aspectRatio) {
while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
if (steps++ > 19) {
break;
}
height = Math.max(minHeight, Math.min(maxHeight, height - 10));
width = getScalar(height * ratio);
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
inner.width( width ).height( height );
wrap.width( width + wPadding );
width_ = wrap.width();
height_ = wrap.height();
}
} else {
width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
}
}
if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
width += scrollOut;
}
inner.width( width ).height( height );
wrap.width( width + wPadding );
width_ = wrap.width();
height_ = wrap.height();
canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
$.extend(current, {
dim : {
width : getValue( width_ ),
height : getValue( height_ )
},
origWidth : origWidth,
origHeight : origHeight,
canShrink : canShrink,
canExpand : canExpand,
wPadding : wPadding,
hPadding : hPadding,
wrapSpace : height_ - skin.outerHeight(true),
skinSpace : skin.height() - height
});
if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
inner.height('auto');
}
},
_getPosition: function (onlyAbsolute) {
var current = F.current,
viewport = F.getViewport(),
margin = current.margin,
width = F.wrap.width() + margin[1] + margin[3],
height = F.wrap.height() + margin[0] + margin[2],
rez = {
position: 'absolute',
top : margin[0],
left : margin[3]
};
if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
rez.position = 'fixed';
} else if (!current.locked) {
rez.top += viewport.y;
rez.left += viewport.x;
}
rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
return rez;
},
_afterZoomIn: function () {
var current = F.current;
if (!current) {
return;
}
F.isOpen = F.isOpened = true;
F.wrap.css('overflow', 'visible').addClass('fancybox-opened').hide().show(0);
F.update();
// Assign a click event
if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
e.preventDefault();
F[ current.closeClick ? 'close' : 'next' ]();
}
});
}
// Create a close button
if (current.closeBtn) {
$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
e.preventDefault();
F.close();
});
/*----------------------pausa audios internos-----------------------*/
$(".fancybox-close").click(function(event) {
var v1 = document.getElementById("audios_internos");
v1.pause();
var v2 = document.getElementById("audios_internos2");
v2.pause();
var v3 = document.getElementById("audios_internos3");
v3.pause();
var v4 = document.getElementById("audios_internos4");
v4.pause();
var v5 = document.getElementById("audios_internos5");
v5.pause();
var v6 = document.getElementById("audios_internos6");
v6.pause();
var v7 = document.getElementById("audios_internos7");
v7.pause();
var v8 = document.getElementById("audios_internos8");
v8.pause();
var v9 = document.getElementById("audios_internos9");
v9.pause();
});
/*----------------------fin pausa audios internos-----------------------*/
}
// Create navigation arrows
if (current.arrows && F.group.length > 1) {
if (current.loop || current.index > 0) {
$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
}
if (current.loop || current.index < F.group.length - 1) {
$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
}
}
F.trigger('afterShow');
// Stop the slideshow if this is the last item
if (!current.loop && current.index === current.group.length - 1) {
F.play( false );
} else if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play(true);
}
},
_afterZoomOut: function ( obj ) {
obj = obj || F.current;
$('.fancybox-wrap').trigger('onReset').remove();
$.extend(F, {
group : {},
opts : {},
router : false,
current : null,
isActive : false,
isOpened : false,
isOpen : false,
isClosing : false,
wrap : null,
skin : null,
outer : null,
inner : null
});
F.trigger('afterClose', obj);
}
});
/*
* Default transitions
*/
F.transitions = {
getOrigPosition: function () {
var current = F.current,
element = current.element,
orig = current.orig,
pos = {},
width = 50,
height = 50,
hPadding = current.hPadding,
wPadding = current.wPadding,
viewport = F.getViewport();
if (!orig && current.isDom && element.is(':visible')) {
orig = element.find('img:first');
if (!orig.length) {
orig = element;
}
}
if (isQuery(orig)) {
pos = orig.offset();
if (orig.is('img')) {
width = orig.outerWidth();
height = orig.outerHeight();
}
} else {
pos.top = viewport.y + (viewport.h - height) * current.topRatio;
pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
}
if (F.wrap.css('position') === 'fixed' || current.locked) {
pos.top -= viewport.y;
pos.left -= viewport.x;
}
pos = {
top : getValue(pos.top - hPadding * current.topRatio),
left : getValue(pos.left - wPadding * current.leftRatio),
width : getValue(width + wPadding),
height : getValue(height + hPadding)
};
return pos;
},
step: function (now, fx) {
var ratio,
padding,
value,
prop = fx.prop,
current = F.current,
wrapSpace = current.wrapSpace,
skinSpace = current.skinSpace;
if (prop === 'width' || prop === 'height') {
ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
if (F.isClosing) {
ratio = 1 - ratio;
}
padding = prop === 'width' ? current.wPadding : current.hPadding;
value = now - padding;
F.skin[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) ) );
F.inner[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
}
},
zoomIn: function () {
var current = F.current,
startPos = current.pos,
effect = current.openEffect,
elastic = effect === 'elastic',
endPos = $.extend({opacity : 1}, startPos);
// Remove "position" property that breaks older IE
delete endPos.position;
if (elastic) {
startPos = this.getOrigPosition();
if (current.openOpacity) {
startPos.opacity = 0.1;
}
} else if (effect === 'fade') {
startPos.opacity = 0.1;
}
F.wrap.css(startPos).animate(endPos, {
duration : effect === 'none' ? 0 : current.openSpeed,
easing : current.openEasing,
step : elastic ? this.step : null,
complete : F._afterZoomIn
});
},
zoomOut: function () {
var current = F.current,
effect = current.closeEffect,
elastic = effect === 'elastic',
endPos = {opacity : 0.1};
if (elastic) {
endPos = this.getOrigPosition();
if (current.closeOpacity) {
endPos.opacity = 0.1;
}
}
F.wrap.animate(endPos, {
duration : effect === 'none' ? 0 : current.closeSpeed,
easing : current.closeEasing,
step : elastic ? this.step : null,
complete : F._afterZoomOut
});
},
changeIn: function () {
var current = F.current,
effect = current.nextEffect,
startPos = current.pos,
endPos = { opacity : 1 },
direction = F.direction,
distance = 200,
field;
startPos.opacity = 0.1;
if (effect === 'elastic') {
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
if (direction === 'down' || direction === 'right') {
startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
endPos[ field ] = '+=' + distance + 'px';
} else {
startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
endPos[ field ] = '-=' + distance + 'px';
}
}
// Workaround for http://bugs.jquery.com/ticket/12273
if (effect === 'none') {
F._afterZoomIn();
} else {
F.wrap.css(startPos).animate(endPos, {
duration : current.nextSpeed,
easing : current.nextEasing,
complete : F._afterZoomIn
});
}
},
changeOut: function () {
var previous = F.previous,
effect = previous.prevEffect,
endPos = { opacity : 0.1 },
direction = F.direction,
distance = 200;
if (effect === 'elastic') {
endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
}
previous.wrap.animate(endPos, {
duration : effect === 'none' ? 0 : previous.prevSpeed,
easing : previous.prevEasing,
complete : function () {
$(this).trigger('onReset').remove();
}
});
}
};
/*
* Overlay helper
*/
F.helpers.overlay = {
defaults : {
closeClick : true, // if true, fancyBox will be closed when user clicks on the overlay
speedOut : 200, // duration of fadeOut animation
showEarly : true, // indicates if should be opened immediately or wait until the content is ready
css : {}, // custom CSS properties
locked : !isTouch, // if true, the content will be locked into overlay
fixed : true // if false, the overlay CSS position property will not be set to "fixed"
},
overlay : null, // current handle
fixed : false, // indicates if the overlay has position "fixed"
el : $('html'), // element that contains "the lock"
// Public methods
create : function(opts) {
var parent;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.close();
}
parent = F.coming ? F.coming.parent : opts.parent;
this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( parent && parent.length ? parent : 'body' );
this.fixed = false;
if (opts.fixed && F.defaults.fixed) {
this.overlay.addClass('fancybox-overlay-fixed');
this.fixed = true;
}
},
open : function(opts) {
var that = this;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.overlay.unbind('.overlay').width('auto').height('auto');
} else {
this.create(opts);
}
if (!this.fixed) {
W.bind('resize.overlay', $.proxy( this.update, this) );
this.update();
}
if (opts.closeClick) {
this.overlay.bind('click.overlay', function(e) {
if ($(e.target).hasClass('fancybox-overlay')) {
if (F.isActive) {
F.close();
} else {
that.close();
}
return false;
}
});
}
this.overlay.css( opts.css ).show();
},
close : function() {
W.unbind('resize.overlay');
if (this.el.hasClass('fancybox-lock')) {
$('.fancybox-margin').removeClass('fancybox-margin');
this.el.removeClass('fancybox-lock');
W.scrollTop( this.scrollV ).scrollLeft( this.scrollH );
}
$('.fancybox-overlay').remove().hide();
$.extend(this, {
overlay : null,
fixed : false
});
},
// Private, callbacks
update : function () {
var width = '100%', offsetWidth;
// Reset width/height so it will not mess
this.overlay.width(width).height('100%');
// jQuery does not return reliable result for IE
if (IE) {
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
if (D.width() > offsetWidth) {
width = D.width();
}
} else if (D.width() > W.width()) {
width = D.width();
}
this.overlay.width(width).height(D.height());
},
// This is where we can manipulate DOM, because later it would cause iframes to reload
onReady : function (opts, obj) {
var overlay = this.overlay;
$('.fancybox-overlay').stop(true, true);
if (!overlay) {
this.create(opts);
}
if (opts.locked && this.fixed && obj.fixed) {
obj.locked = this.overlay.append( obj.wrap );
obj.fixed = false;
}
if (opts.showEarly === true) {
this.beforeShow.apply(this, arguments);
}
},
beforeShow : function(opts, obj) {
if (obj.locked && !this.el.hasClass('fancybox-lock')) {
if (this.fixPosition !== false) {
$('*:not(object)').filter(function(){
return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") );
}).addClass('fancybox-margin');
}
this.el.addClass('fancybox-margin');
this.scrollV = W.scrollTop();
this.scrollH = W.scrollLeft();
this.el.addClass('fancybox-lock');
W.scrollTop( this.scrollV ).scrollLeft( this.scrollH );
}
this.open(opts);
},
onUpdate : function() {
if (!this.fixed) {
this.update();
}
},
afterClose: function (opts) {
// Remove overlay if exists and fancyBox is not opening
// (e.g., it is not being open using afterClose callback)
if (this.overlay && !F.coming) {
this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this ));
}
}
};
/*
* Title helper
*/
F.helpers.title = {
defaults : {
type : 'float', // 'float', 'inside', 'outside' or 'over',
position : 'bottom' // 'top' or 'bottom'
},
beforeShow: function (opts) {
var current = F.current,
text = current.title,
type = opts.type,
title,
target;
if ($.isFunction(text)) {
text = text.call(current.element, current);
}
if (!isString(text) || $.trim(text) === '') {
return;
}
title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
switch (type) {
case 'inside':
target = F.skin;
break;
case 'outside':
target = F.wrap;
break;
case 'over':
target = F.inner;
break;
default: // 'float'
target = F.skin;
title.appendTo('body');
if (IE) {
title.width( title.width() );
}
title.wrapInner('<span class="child"></span>');
//Increase bottom margin so this title will also fit into viewport
F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
break;
}
title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target);
}
};
// jQuery plugin initialization
$.fn.fancybox = function (options) {
var index,
that = $(this),
selector = this.selector || '',
run = function(e) {
var what = $(this).blur(), idx = index, relType, relVal;
if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
relType = options.groupAttr || 'data-fancybox-group';
relVal = what.attr(relType);
if (!relVal) {
relType = 'rel';
relVal = what.get(0)[ relType ];
}
if (relVal && relVal !== '' && relVal !== 'nofollow') {
what = selector.length ? $(selector) : that;
what = what.filter('[' + relType + '="' + relVal + '"]');
idx = what.index(this);
}
options.index = idx;
// Stop an event from bubbling if everything is fine
if (F.open(what, options) !== false) {
e.preventDefault();
}
}
};
options = options || {};
index = options.index || 0;
if (!selector || options.live === false) {
that.unbind('click.fb-start').bind('click.fb-start', run);
} else {
D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
}
this.filter('[data-fancybox-start=1]').trigger('click');
return this;
};
// Tests that need a body at doc ready
D.ready(function() {
var w1, w2;
if ( $.scrollbarWidth === undefined ) {
// http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
$.scrollbarWidth = function() {
var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
child = parent.children(),
width = child.innerWidth() - child.height( 99 ).innerWidth();
parent.remove();
return width;
};
}
if ( $.support.fixedPosition === undefined ) {
$.support.fixedPosition = (function() {
var elem = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
elem.remove();
return fixed;
}());
}
$.extend(F.defaults, {
scrollbarWidth : $.scrollbarWidth(),
fixed : $.support.fixedPosition,
parent : $('body')
});
//Get real width of page scroll-bar
w1 = $(window).width();
H.addClass('fancybox-lock-test');
w2 = $(window).width();
H.removeClass('fancybox-lock-test');
$("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
});
}(window, document, jQuery));
</script>
<script src="https://lablegis.azurewebsites.net/scripts/customize-lcx.js"></script>
</body>
</html>