Cultura-de-negocios-mexicana

Builder

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Cultura de negocios de México/Inteligencia de mercados</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</head>
<style >
/*---------------header----------------------*/
.fila_de_header {

background-color: #fff;
position: relative;
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-------------------------------------------*/

.imagen_principal_mexico{

width: 100%;
}


.titulo_principal_cultura {
padding: 50px 20px 6px 30px;
color: #4b5694;
font-size: 36px;
text-align: center;

}
.parrafo1 {
font-size: 20px;
line-height: 30px;
font-style: italic;
padding-top: 15px;
text-align: center;
color: #8e8e8e;
margin-bottom: 0px;
}
.parallax {
/* The image used */
background-image: url("https://www.legiscomex.com/sites/legiscomex/files/2019-07/mexico.jpg");

/* Set a specific height */
min-height: 500px;

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.texto_cuerpo {

padding: 13px 30px 0px 30px;
font-size: 19px;
text-align: justify;
line-height: 29px;
}

.fila_1 {

padding: 70px 0px 0px 0px;
}

.legiscomex_cuenta {
padding: 13px 40px 0px 44px;
font-size: 19px;
text-align: justify;
line-height: 29px;
font-style: oblique;

}
.subtitulos_cultura {
padding: 90px 36px 12px 30px;
}
.table.table-striped {
width: 80%;
margin: 60px auto 24px auto;
border: 1px solid #dee2e6;
}
.boton_volver_z1{

width: 100%;
margin-top: 50px;
}

.margen_tabla{

border-left: 1px solid #c2c3c3;
}
</style>
<body>
<header>
<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="https://www.legiscomex.com/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="https://www.legiscomex.com/Presentaciones/transito/img/icono-twitter.svg" class="iconos_redes_sociales twitter_z1"></a>
<a href="https://www.facebook.com/Legiscomex/" target="_blank">
<img src="https://www.legiscomex.com/Presentaciones/transito/img/icono-facebook.svg" class="iconos_redes_sociales facebook_z1"></a>
</div>
</div>
</header>
<div class="container">
<h1 class="titulo_principal_cultura">Cultura de negocios de México/Inteligencia de mercados</h1>
<p class="parrafo1"><b>La amistad y la confianza son los principales factores que dan lugar al éxito en las negociaciones con México</b></p>
<p style="padding: 0px 47px; margin-bottom: 50px;">Por: Legiscomex.com</p>
</div>
<div class="parallax"></div>
<div class="container">
<div class="row fila_1">
<div class="col-md-6">
<p class="texto_cuerpo">Los empresarios mexicanos hacen parte de una cultura muy diversa, lo que conlleva a que establecer relaciones comerciales con ellos tome más tiempo. La tolerancia, la comprensión y la amabilidad son indicadores que facilitarán su incursión en el mercado mexicano.</p>
<p class="texto_cuerpo">Con cerca de 119 millones de habitantes, México es uno de los países más poblados a nivel mundial. Gracias a sus 32 sitios de interés cultural y natural es uno de los principales destinos turísticos de Latinoamérica.</p>
<p class="texto_cuerpo">Su economía es una de las principales a nivel mundial y regional. Actualmente, la industria ha mostrado un crecimiento favorable y sus operaciones de comercio exterior han ido tomando más importancia en el desarrollo del país, sobre todo en sectores de electrónica y materias primas.</p>
</div>
<div class="col-md-6">
<p class="texto_cuerpo">Hoy en día México es un gran productor de calidad, lo que ha hecho que sea uno de los principales países de los que se importan productos tecnológicos como los celulares y los televisores de pantalla plana, al igual que productos agrícolas como el café, papaya, aguate, entre otros.</p>
<p class="texto_cuerpo">Gracias a la firma de acuerdos comerciales como la Alianza del Pacifico, el país azteca se ha convertido en uno de los principales socios de muchas empresas. Sin embargo, su diversidad cultural hace que las negociaciones con los empresarios mexicanos sean extensas y a largo plazo.</p>
</div>
<div class="row">
<div class="col-md-12">
<p class="legiscomex_cuenta"><a href="https://www.legiscomex.com/" class="link_legis"><b>Legicomex.com</a> le cuenta algunos aspectos que debe aplicar al momento de hacer negocios en este país centroamericano.</b></p>
</div>
</div>
</div>
<div class="row fila_2">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Horarios</h2>
<p class="texto_cuerpo">Los empresarios mexicanos hacen parte de una cultura muy diversa, lo que conlleva a que establecer relaciones comerciales con ellos tome más tiempo. La tolerancia, la comprensión y la amabilidad son indicadores que facilitarán su incursión en el mercado mexicano.</p>
<p class="legiscomex_cuenta" style="text-align: center;"><b>Tabla 1: Horarios de atención y servicio en establecimientos y oficinas mexicanas</b></p>
<table class="table table-striped" style="text-align: center;">
<thead>
<tr>
<th scope="col">Centros Comerciales y tiendas</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lunes a Viernes de 10:00 a 18:00
Sábados y domingos de 10:00 a 20:00</td>
</tr>

<tr>
<td><b>Oficinas Públicas</b></td>
</tr>
<tr>
<td>Lunes a Viernes de 9:00 a 14:00 horas</td>
</tr>

<tr>
<td><b>Bancos</b></td>
</tr>
<tr>
<td>Lunes a Viernes de 9:00 a 16:00</td>
</tr>

<tr>
<td><b>Empresas</b></td>
</tr>
<tr>
<td>Lunes a Viernes de 8:00 a 17:00 horas</td>
</tr>

<tr>
<td><b>Industrias</b></td>
</tr>
<tr>
<td>Lunes a Viernes de 8:00 a 17:00 horas</td>
</tr>
</tbody>
</table>
<p style="text-align: center;color: #757575;">Fuente: Elaborado por Legiscomex.com con información de SantanderTrade.com</p>
</div>
</div>
<div class="row fila_2">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Días Festivos</h2>
<p class="texto_cuerpo">México no cuenta con un calendario lleno de días festivos, sin embargo, si hay ciertas fechas especiales que si caen el día domingo o sábado, son trasladadas al lunes siguiente y se convierte en festivo. Generalmente, las empresas cierran entre el 25 y el 31 de diciembre, en la Semana Santa y una semana entre julio y agosto por las vacaciones de verano. Dentro de los días más importantes se destacan los siguientes:</p>

<p class="legiscomex_cuenta" style="text-align: center;"><b>Tabla 2: Días Festivos en México</b></p>
<table class="table table-striped" style="text-align: center;">
<thead>
<tr>
<th scope="col">Día</th>
<th scope="col">Celebración</th>
</tr>
</thead>
<tbody>
<tr>
<td>Primer lunes de Febrero</td>
<td class="margen_tabla">Aniversario de la constitución mexicana</td>
</tr>
<tr>
<td>Tercer lunes de Marzo</td>
<td class="margen_tabla">Aniversario de Benito Juárez</td>
</tr>
<tr>
<td>Entre el 20 de Marzo al 25 de Abril</td>
<td class="margen_tabla">Jueves y Viernes Santo</td>
</tr>
<tr>
<td>1 de Mayo</td>
<td class="margen_tabla">Día del Trabajo</td>
</tr>
<tr>
<td>1 de Mayo</td>
<td class="margen_tabla">Día del Trabajo</td>
</tr>
<tr>
<td>5 de mayo</td>
<td class="margen_tabla">Aniversario de la batalla de Puebla</td>
</tr>
<tr>
<td>16 de septiembre</td>
<td class="margen_tabla">Aniversario de la independencia de México</td>
</tr>

<tr>
<td>12 de octubre</td>
<td class="margen_tabla">Día de Colón</td>
</tr>
<tr>
<td>1 de Noviembre</td>
<td class="margen_tabla">Día de los Muertos</td>
</tr>
<tr>
<td>Tercer lunes de Noviembre</td>
<td class="margen_tabla">Aniversario de la Revolución Mexicana</td>
</tr>
<tr>
<td>12 de Diciembre</td>
<td class="margen_tabla">Día de la virgen de Guadalupe</td>
</tr>
<tr>
<td>25 de Diciembre</td>
<td class="margen_tabla">Navidad</td>
</tr>
</tbody>
</table>
<p style="text-align: center;color: #757575;">Fuente: Elaborado por Legiscomex.com con información de SantanderTrade.com</p>
</div>
</div>
<div class="row fila_2">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Citas y lugares de encuentro</h2>
<p class="texto_cuerpo">Los empresarios mexicanos son más dados a hacer negocios con personas que conocen, así que no es de extrañar que necesite disponer más tiempo de lo normal en una cita de negocios e incluso más de un encuentro, pues lo primordial para ellos es poder confiar en sus futuros socios.</p>
<p class="texto_cuerpo">El primer contacto puede hacerse vía telefónica o por correo electrónico. Las empresas mexicanas están estructuradas jerárquicamente, por lo que se recomienda agendar sus citas con la persona que tome las decisiones y del mismo nivel.</p>
<p class="texto_cuerpo">Las citas de negocios deben agendarse por lo menos con dos semanas de antelación. Es recomendable que las confirme una semana antes y asegurarse de que su contraparte tenga todos sus datos para que lo pueda localizar en caso de cualquier eventualidad.</p>
<p class="texto_cuerpo">Es importante que llegue temprano a sus citas de negocios, aunque puede que sus interlocutores se retrasasen hasta 30 minutos dependiendo de la zona del país en la que se encuentre, así que no se incomode por esto, normalmente las reuniones suelen extenderse un poco más, así que el tiempo de retraso es más que repuesto.</p>
<p class="texto_cuerpo">Como mencionábamos antes los empresarios mexicanos necesitan un grado de confianza y de conocer a su contraparte antes de cerrar un trato, así que normalmente las reuniones se llevaran a cabo en las instalaciones de la empresa o en restaurantes. Una vez se tenga una relación más afianzada es posible que lo inviten a la casa de alguno de sus socios.</p>
</div>
</div>
<div class="row fila_2">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Vestuario</h2>
<p class="texto_cuerpo">El atuendo apropiado depende del sector en donde vaya a hacer sus negocios. Si es en una empresa del sector de servicios es más apropiado asistir formalmente en traje y corbata, en el caso de los hombres y en el caso de las mujeres, elegantes y conservadoras con un sastre o un vestido sencillo y tacones.</p>
</div>
</div>
<div class="row fila_2">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Obsequios</h2>
<p class="texto_cuerpo">Los obsequios son vistos como un detalle de buenas intenciones, sin embargo no son necesarios para cerrar los negocios. Evite dar obsequios muy costosos pues son incomodos y simbolizan la muerte. No regale flores de color rojo, son interpretadas negativamente, preferiblemente si va a llevar flores como detalle que sean de color blanco.</p>
</div>
</div>
<div class="row fila_2">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Saludos</h2>
<p class="texto_cuerpo">Los mexicanos, al igual que los demás latinoamericanos son muy cordiales y alegres. Un buen apretón de manos es ideal para dar inicio a su presentación. Luego de que se tenga más confianza con su contraparte, seguido del apretón de manos se puede dar un abrazo breve. En el caso de las mujeres un saludo de mano es apropiado y formal, es posible que se acerquen para saludar de un beso en la mejilla.</p>
<p class="texto_cuerpo">Para los empresarios de México, los títulos son muy importantes, así que cuando se presente es recomendable que lo haga primero por el título profesional seguido por el primer apellido. Las tarjetas son aconsejables, así que puede darlas al comenzar la reunión o al finalizarla.</p>
</div>
</div>
<div class="row fila_2">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Reuniones</h2>
<p class="texto_cuerpo">Para los empresarios mexicanos las relaciones de negocios son relaciones personales, ellos jamás van a tomar una decisión sin antes conocer bien a su contraparte. Es por esto que en las primeras reuniones no se trataran directamente los negocios. Es recomendable hablar de temas como la familia, el país, el clima, su visita, mostrando un interés en conocer a sus futuros socios.</p>
<p class="texto_cuerpo">Es probable que las reuniones se extiendan por horas, pero eso no quiere decir que se cierren tratos o se firmen acuerdos, esto le tomará más de una visita. Si lo invitan a una reunión informal en casa de alguno de sus socios, evite hablar de temas de negocios en ellas, más bien concéntrese en hacer relaciones personales y entablar amistad, eso hace que su contraparte tenga más confianza en usted.</p>
</div>
</div>
<div class="row fila_2" style="padding-bottom: 70px;">
<div class="col-md-12">
<h2 class="subtitulos_cultura">Negociaciones</h2>
<p class="texto_cuerpo">Al igual que en otras regiones de Latinoamérica, la dinámica de negociación en el caso de los mexicanos se basa en el regateo y en buscar el beneficio para ambas partes. México es un país de cultura diversa, así que las negociaciones son diferentes dependiendo de la zona en la que se encuentre o haya decidido hacer sus negocios.</p>
<p class="texto_cuerpo">Por ejemplo, los empresarios del norte de México pueden ser poco amigables, cortantes y firmes; si decide entablar relaciones comerciales con los empresarios del Distrito Federal, estos serán más preparados y buscarán una negociación más distributiva sin dejar de ganar; hacia el centro del país encontrará empresarios más reservados y discretos y sus decisiones serán más administradas; a diferencia, los empresarios del sur son más dados a expresar sus emociones y más abiertos a las relaciones de amistad, lo que hace que los resultados de las negociaciones sean más demorados o que no sean los esperados.</p>
<p class="texto_cuerpo">Los empresarios del país azteca buscarán siempre los más altos estándares de calidad en los productos, bienes o servicios que pretendan adquirir o suministrar, al igual que resultados positivos en cuanto al precio y los tiempos de entrega.</p>
<p class="texto_cuerpo">Dentro de la cultura mexicana, se valora mucho que sus interlocutores se muestren tolerantes, accesibles y educados, esto hará que los tratos se cierren de manera exitosa.</p>
<p class="texto_cuerpo">La forma de negociar de los mexicanos se ha ido profesionalizando con el tiempo y quienes hacen parte del mundo de los negocios son personas cada vez más preparadas que buscan el beneficio para sus empresas y la consolidación de relaciones comerciales a largo plazo. Sin embargo, no deje de lado la amistad, la honestidad, la confianza y sobre todo la paciencia.</p>
</div>
<div class="boton_volver_z1">
<a href="https://www.legiscomex.com/informacion-contenido-especializado-cosmeticos-en-mexico/cosmeticos-en-mexico#yakzp3no">
<button class="btn btn-primary" style="float:right;">Volver a página principal</button>
</a>
</div>
</div>
</div>
</body>
</html>

Proceso de transito

Builder

<!DOCTYPE>
<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>Régimen de Trasnsito Aduanero</title>

<link rel="shortcut icon" type="image/x-icon" href="/Presentaciones/transito/img/favicon.ico">

<link rel="stylesheet" type="text/css" href="/Presentaciones/transito/css/style2.css"><!--estilos propios-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/transito/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!----------------------------------fancybox------------------------------------------>

<!--<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>-->

<link rel="stylesheet" type="text/css" href="/Presentaciones/transito/css/jquery.fancybox.css?v=2.1.5.css" media="screen" />
<script type="text/javascript" src="/Presentaciones/transito/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Presentaciones/transito/js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">

$(document).ready(function() {

$('.fancybox').fancybox();

});
</script>
<!-----------------------------------fancybox----------------------------------------->
</head>

<style type="text/css" media="screen">


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



#ir_a_formulario_1, #ir_a_formulario_2, #ir_a_formulario_3{

width: 100%;
height: 73px;
background-color: #002e72;
display: none;
}

#intro_transito{

display: none;
}

#pantalla1, #pantalla2{

width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.56);
z-index: 20000;
position: fixed;
top: 0;
display: none;
}


/*-----------------ULTIMOS ESTILOS----------------*/


@font-face {
font-family: 'Gilroy-Bold';
src: url('/Presentaciones/transito/font/Gilroy-Bold.eot');
src: url('/Presentaciones/transito/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/transito/font/Gilroy-Bold.svg#Gilroy-Bold') format('svg'),
url('/Presentaciones/transito/font/Gilroy-Bold.ttf') format('truetype'),
url('/Presentaciones/transito/font/Gilroy-Bold.woff') format('woff'),
url('/Presentaciones/transito/font/Gilroy-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Tahoma';
src: url('/Presentaciones/transito/font/Tahoma.svg#Tahoma') format('svg'),
url('/Presentaciones/transito/font/Tahoma.ttf') format('truetype'),
url('/Presentaciones/transito/font/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'tahoma';
src: url('/Presentaciones/transito/font/tahoma.eot');
src: url('/Presentaciones/transito/font/tahoma.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/transito/font/tahoma.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

#cuadro_2, #cuadro_3, #cuadro_4, #cuadro_5 {

display: none;
}

.card-header:first-child {

border-radius: 0 !important;
}

.btn-link.focus, .btn-link:focus {

text-decoration: none !important;
}

.card {

border: none !important;
margin-top: 2px !important;
}

.btn-link {

width: 100%;
font-weight: 400;
color: #007bff;
background-color: transparent;
text-align: left !important;
font-size: 17px;
color: #fff !important;
}

.btn-link:hover {

color: inherit;
text-decoration: none !important;
}

.card-header {

padding: 3px;
margin-bottom: 0;
background-color: rgb(0, 123, 255) !important;
/* border-bottom: 1px solid rgba(0,0,0,.125); */

}

.btn-primary {

color: #fff;
background-color: #007bff;
border-color: #007bff;
width: 100% !important;
text-align: left !important;
}


.fancybox-inner {

width: 900px !important;

}

.punto_1, .punto_2, .punto_3, .punto_4, .punto_5, .punto_6, .punto_7, .punto_8, .punto_9, .punto_10, .punto_11, .punto_12 {

padding: 15px 30px 14px 30px;
/* background-color: #007bff17; */
display: none;
}

.espacio_bottom{

margin-bottom: 25px;
}

.linea_divisora_bootom{

border-bottom: solid 1px #1937ef;

}


.estilos_boton_lista{

margin-bottom: 9px;
text-align: center;

}





.esconder_en_escritorio{

display: none;
}

.row{

margin-left: 0px !important;
margin-right: 0px !important;
}
/*----------------------------------------header-------------------------------------------*/

.fila_de_header {

background-color: #fff;
position: fixed;
margin-top: -83px;
width: 100%;
z-index: 120;
border-bottom: 1px solid #1937ef8f;
}

.carousel-inner {

margin-top: 83px;
}

.logo_legiscomex {

width: 243px;
padding: 13px 34px;
height: 83px;
}

.iconos_redes_sociales {

width: 46px;
padding: 20px 3px;
}


.fila_redes_sociales {

text-align: right;
padding-right: 43px !important;
}

.iconos_redes_sociales {

width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}

/*---------------------------------------fin header-------------------------------------------*/



/*---------------------------------------------introduccion--------------------------------------------*/

.titulo_principal {

background-color: #E7004C;
padding: 29px 44px 23px 44px;
color: #fff;
text-transform: uppercase;
font-size: 49px;
line-height: 34px;
width: 525px;
font-family: "Gilroy-Bold";
}

.fuente_pequeña {

font-size: 20px;
padding-left: 73px;
}

.parrafo_introduccion {

padding: 35px 39px 34px 37px;
width: 525px;
font-size: 17px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
color: #ffffff;
margin-bottom: 0px;
background-color: #1937ef;
}
.imagen_boton_audio {

width: 339px;
margin-left: 106px;
margin-top: 9px;
height: 81px;
}

.contenedor_introduccion {

width: auto;
margin: auto;
display: table;
/* position: absolute; */
z-index: 90;
}

.contenedor_absolute {

width: 100%;
display: table;
position: absolute;
z-index: 90;
top: 172px;
}

.carousel-control-next, .carousel-control-prev {

position: absolute;
z-index: 100 !important;
}
/*---------------------------------------------fin introduccion--------------------------------------------*/





/*---------------------------------------seccion principal #1-------------------------------------------*/

.cuadro_contenedor_de_modulos{

width: 100%;
display: table;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease;
background-color: #1937ef;
}


.centrar_modulo_verticalmente {

padding: 85px 43px;
}

.titulo_de_modulo_z2{

text-align: center;
color: #fff;
font-family: "tahoma";
}

.parrafo_de_modulo_z2 {

color: #fff;
font-size: 19px;
text-align: center;
width: 100%;
height: 64px;
}

.boton_mas_informacion {

padding: 11px 20px 11px 21px;
font-size: 17px;
color: #fff;
background-color: #002E72;
border-left: solid 18px #E7004C;
}

.cuadrito_violeta {

width: 26px;
height: 44px;
background-color: #E7004C;
position: absolute;
margin-left: 56px;
margin-top: -35px;
display: none;
}

.fila_botones {

margin-top: 130px;
}

.boton_mas_informacion:hover {

font-size: 17px;
color: #1937ef;
background-color: #ffffff;
text-decoration: none;
}

.quitar_padding_z2 {

padding: 0px !important;
}

.linea_divisora {

border-right: solid 1px #fff;
}

.fondo_blanco{

background-color: #fff;
}

.letras_azul {

color: #1937ef;
}

.linea_divisora_azul {

border-right: solid 1px #1937ef;
}

.boton_mas_informacion2 {

padding: 11px 20px 11px 21px;
font-size: 17px;
color: #fff;
background-color: #002E72;
border-left: solid 18px #E7004C;
}

.boton_mas_informacion2:hover {

padding: 11px 20px 11px 21px;
font-size: 17px;
color: #ffffff;
/* border: 1px solid #1937ef; */
background-color: #1937ef;
text-decoration: none;
}






/*---------------------------------------------------Inicio footer------------------------------------------------*/

@font-face {

font-family: 'Gilroy-Regular';
src: url('/Presentaciones/transito/font/Gilroy-Regular.eot');
src: url('/Presentaciones/transito/font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/transito/font/Gilroy-Regular.svg#Gilroy-Regular') format('svg'),
url('/Presentaciones/transito/font/Gilroy-Regular.ttf') format('truetype'),
url('/Presentaciones/transito/font/Gilroy-Regular.woff') format('woff'),
url('/Presentaciones/transito/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;
}

.desplegar_footer {

display: none;
}

span.bullet {

color: #fff;
font-size: 23px;
position: absolute;
left: 10px;
top: -7px;
}


/*---------------------------------------------------Fin footer------------------------------------------------*/









/*---------------------------------------fin seccion principal #1-------------------------------------------*/

/*---------------------------------------------------flotante-------------------------------------------------*/

.volver_a_formualrios {

font-size: 18px;
padding: 32px 20px;
float: right;
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;
}

.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;
}

/*---------------------------------------------- fin flotante-------------------------------------------------------------*/


.espacio_top_z2 {

padding: 0 !important;
}

/*---------------------------------------------------contenido cajon intro------------------------------------------------*/


.estilos_cajon {

padding: 32px 49px 43px 49px;
max-width: 1016px;
width: 100%;
}

.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: left;
}

.contenido_fancybox{

display: none;
}


.audio_intro {

width: 317px;
margin-top: -3px;
transition: all 0.2s ease;
margin-top: 0px;
cursor: pointer;
display: none !important;
}

.audio_intro:hover{

transform: scale(0.9);
}

/*---------------------------------------------------fin contenido cajon intro------------------------------------------------*/

.audio_pantalla_2 {

margin-left: 0;
/* max-width: 293px; */
width: 100%;
margin-top: 39px;
height: 37px;
display: block !important;
}

.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;
}

@media (max-width: 1440px) {

.contenedor_absolute {

top: 136px;
}

}

@media (max-width: 1280px) {


#invidentes{

display: none;
}

}


@media (max-width: 1200px) {

.punto_1, .punto_2, .punto_3, .punto_4, .punto_5, .punto_6, .punto_7, .punto_8, .punto_9, .punto_10, .punto_11, .punto_12 {

padding: 15px 20px 14px 20px;
}

.fancybox-inner {

width: auto !important;

}

.titulo_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;
}

.audio_pantalla_2 {

height: 28px;
margin-left: 0;
/* max-width: 293px; */
width: 100%;
margin-top: 5px;

margin-top: 23px;
margin-bottom: 10px;
}

.contenedor_absolute {

top: 109px;
}
.titulo_principal {

background-color: #E7004C;
padding: 14px 22px 9px 18px;
color: #fff;
text-transform: uppercase;
font-size: 24px;
line-height: 19px;
width: 365px;
margin-bottom: 0px;
}

.fuente_pequeña {
font-size: 15px;
padding-left: 38px;
}

.parrafo_introduccion {

padding: 17px 22px 14px 26px;
width: 365px;
font-size: 14px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
}

.logo_legiscomex {
width: 217px;
padding: 13px 34px;
height: 71px;
}

.iconos_redes_sociales {

width: 34px;
padding: 14px 3px;
height: 66px;
}

.fila_de_header {

background-color: #fff;
position: relative;
margin-top: 0;
width: 100%;
z-index: 120;
border-bottom: 1px solid #1937ef8f;
}

.carousel-inner {

margin-top: 0;
}


.titulo_de_modulo_z2 {

font-size: 23px;
}

.parrafo_de_modulo_z2 {

font-size: 14px;
padding-top: 19px;
line-height: 21px;

}

.boton_mas_informacion {

padding: 8px 12px 11px 10px;
font-size: 14px;

background-color: #002E72;
border-left: solid 18px #E7004C;
}

.centrar_modulo_verticalmente {

padding: 61px 30px;
cursor: pointer;
}

.fila_botones {

margin-top: 61px;
}

.volver_a_formualrios {

font-size: 13px;
}

.boton_mas_informacion2 {

padding: 8px 12px 11px 10px;
font-size: 14px;
background-color: #002E72;
border-left: solid 18px #E7004C;
}

.boton_mas_informacion:hover {

padding: 8px 12px 11px 10px;
font-size: 11px;
background-color: #fff;
border-left: solid 18px #E7004C;
color: #002E72;
}

.boton_mas_informacion2:hover {

padding: 8px 12px 11px 10px;
font-size: 11px;
background-color: #fff;
border-left: solid 18px #E7004C;
color: #002E72;
}

}


@media (max-width: 1270px) {

#invidentes{

display: none;
}

}

@media (max-width: 900px) {


.logo_de_legis{

width: 182px;
padding: 45px 29px 0px 0px;
margin-left: -27px;
}


/*-----------------footer--------------------*/


.bullet {

display: none;
}

.subtitulo_footer {

font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 33px;

}


.margen_responsiva {

margin-top: 149px;
}


.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 0px 40px 82px;
text-align: left;
}
*/

.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-----------------------*/



.boton_de_volver_a_inicio {

font-size: 14px;
padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
font-size: 14px;
}


.punto_1, .punto_2, .punto_3, .punto_4, .punto_5, .punto_6, .punto_7, .punto_8, .punto_9, .punto_10, .punto_11, .punto_12 {

padding: 15px 20px 14px 20px;
}

.fancybox-inner {

width: auto !important;

}

.titulo_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;
}

.audio_pantalla_2 {

height: 28px;
margin-left: 0;

width: 100%;
margin-top: 23px;
margin-bottom: 10px;
}

.contenedor_absolute {

top: 109px;
}
.titulo_principal {

background-color: #E7004C;
padding: 14px 22px 9px 18px;
color: #fff;
text-transform: uppercase;
font-size: 24px;
line-height: 19px;
width: 365px;
margin-bottom: 0px;
}

.fuente_pequeña {

font-size: 15px;
padding-left: 38px;
}

.parrafo_introduccion {
padding: 17px 13px 14px 26px;
width: 365px;
font-size: 14px;
height: 158px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
position: relative;
}

.logo_legiscomex {
width: 217px;
padding: 13px 34px;
height: 71px;
}

.iconos_redes_sociales {

width: 34px;
padding: 14px 3px;
height: 66px;
}

.fila_de_header {

background-color: #fff;
position: relative;
margin-top: 0;
width: 100%;
z-index: 120;
border-bottom: 1px solid #1937ef8f;
}

.carousel-inner {

margin-top: 0;
}

.titulo_de_modulo_z2 {

font-size: 19px;
}

.parrafo_de_modulo_z2 {

font-size: 14px;
padding-top: 19px;
line-height: 21px;

}

.boton_mas_informacion {

padding: 8px 12px 11px 10px;
font-size: 13px;
background-color: #002E72;
border-left: solid 18px #E7004C;
}

.centrar_modulo_verticalmente {

padding: 61px 30px;
cursor: pointer;
}

.fila_botones {

margin-top: 61px;
}

.volver_a_formualrios {

font-size: 13px;
}

.boton_mas_informacion2 {

padding: 8px 12px 11px 10px;
font-size: 13px;
background-color: #002E72;
border-left: solid 18px #E7004C;
}

.boton_mas_informacion:hover {

padding: 8px 12px 11px 10px;
font-size: 11px;
background-color: #fff;
border-left: solid 18px #E7004C;
color: #002E72;
}

.boton_mas_informacion2:hover {

padding: 8px 12px 11px 10px;
font-size: 11px;
background-color: #fff;
border-left: solid 18px #E7004C;
color: #002E72;
}

}


@media (max-width: 790px) {

.partir_mitad_movil {

width: 50% !important;
}

.contenedor_introduccion {

width: auto;
margin: -22px auto;

}

.boton_mas_informacion {

padding: 8px 12px 11px 10px;
font-size: 11px;
}

.boton_mas_informacion2 {

padding: 8px 12px 11px 10px;
font-size: 11px;
}

}


@media (max-width: 740px) {


.titulo_principal {

background-color: #E7004C;
padding: 10px 22px 6px 19px;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-size: 20px;
line-height: 18px;
width: 365px;
margin-bottom: 0px;
}

.contenedor_introduccion {

width: auto;
margin: -28px auto;
}

.boton_de_volver_a_inicio {

font-size: 13px;
}

.audio_pantalla_2 {

height: 28px;
margin-left: 0;
width: 100%;
margin-top: 13px;
margin-bottom: 3px;
}

.centrar_modulo_verticalmente {

padding: 61px 7px;

}


}


@media (max-width: 665px) {


.centrar_modulo_verticalmente {

padding: 61px 86px;
}

.col-sm-6 {

-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}

.btn-primary {

color: #fff;
background-color: #007bff;
border-color: #007bff;
width: 100% !important;
overflow: hidden !important;
text-align: left !important;
}

.punto_1, .punto_2, .punto_3, .punto_4, .punto_5, .punto_6, .punto_7, .punto_8, .punto_9, .punto_10, .punto_11, .punto_12 {

padding: 15px 0px 14px 0px;
}

.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;
}
.nombre_de_modulo_cajon {

color: #03040ed4;
font-size: 15px;
line-height: 23px;
}

.estilos_cajon {

padding: 18px 4px 43px 9px;
max-width: 1016px;
width: 100%;
}

.pata_footer {

display: none;
}

footer#footer {

text-align: center;
}

/*------------------------------header----------------------------*/



.logo_legiscomex {

width: 150px;
padding: 13px 7px;
height: 67px;
}

.fila_redes_sociales {

text-align: right;
padding-right: inherit;
padding-right: 24px !important;
}

.iconos_redes_sociales {

width: 35px;
padding: 12px 3px;
height: 67px;
}

/*------------------------------header----------------------------*/

.titulo_principal {

text-align: center;
margin-top: 236px;
background-color: #E7004C;
padding: 17px 22px 13px 18px;
color: #fff;
text-transform: uppercase;
font-size: 33px;
line-height: 19px;
}

.espacio_top_z2 {

margin-top: 314px !important;
padding: 0 !important;
}

.audio_pantalla_2 {

height: 45px;
margin-left: -4px;
width: 100%;
margin-top: 28px;
margin-bottom: 14px;
}

.esconder_en_escritorio{

display: block;
}


.esconder_en_movil{

display: none;
}

.titulo_de_modulo_z2 {

font-size: 20px;
}

.parrafo_de_modulo_z2 {

font-size: 18px;
line-height: 21px;
padding: 20px;
}


.titulo_de_modulo_z2 {

font-size: 26px;
}

.boton_mas_informacion {

background-color: #002E72;
border-left: solid 18px #E7004C;
display: block;
padding: 8px 12px 11px 10px;
font-size: 20px;
width: 80%;
margin: 0 auto 10px auto;
}

.boton_mas_informacion2 {

display: block;
padding: 8px 12px 11px 10px;
font-size: 20px;
width: 80%;
margin: 0 auto 10px auto;
background-color: #002E72;
border-left: solid 18px #E7004C;
}

.boton_mas_informacion:hover {

padding: 8px 12px 11px 10px;
font-size: 15px;
background-color: #fff;
border-left: solid 18px #E7004C;
display: block;
color: #002E72;
margin-bottom: 10px;
}

.boton_mas_informacion2:hover {

padding: 8px 12px 11px 10px;
font-size: 15px;
background-color: #fff;
border-left: solid 18px #E7004C;
display: block;
margin-bottom: 10px;
color: #002E72;
}

.boton_de_volver_a_inicio {

font-size: 18px;
padding: 13px 25px;
width: 76%;
display: block;
text-align: center;
/* padding: 13px 25px; */
margin: auto;
/* font-size: 18px; */
line-height: 20px;
}

.volver_a_formualrios {

width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}

.simulador_text {

font-size: 19px;
padding: 7px 10px;
display: block;
}



.container-fluid {

border: 1px solid #1937ef63 !important;
}


/*-----------------------------footer---------------------*/

.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---------------------*/


.partir_mitad_movil {

width: 50% !important;
}

}


@media (max-width: 615px) {

.titulo_principal {

text-align: center;
margin-top: 227px;
}

}

@media (max-width: 605px) {

.titulo_principal {

text-align: center;
margin-top: 223px;
}


.audio_pantalla_2 {

height: 36px;
}

.titulo_de_modulo_z2 {

font-size: 25px;
}

.parrafo_de_modulo_z2 {

font-size: 18px;
line-height: 23px;
padding: 18px;
height: 80px;
}

.boton_mas_informacion2 {

display: block;
padding: 7px 12px 8px 10px;
font-size: 17px;
width: 100%;
}

.boton_de_volver_a_inicio {

width: 76%;
display: block;
text-align: center;
padding: 15px 25px;
margin: auto;
font-size: 18px;
line-height: 20px;
}

.boton_mas_informacion {

background-color: #002E72;
border-left: solid 18px #E7004C;
display: block;
padding: 6px 6px 5px 5px;
font-size: 18px;
width: 100%;
margin: 0 auto 17px auto;

}


}


@media (max-width: 560px) {


.titulo_principal {

text-align: center;
margin-top: 208px;
}

}

@media (max-width: 520px) {

.titulo_principal {

text-align: center;
margin-top: 195px;
}


/*----------footer-------------*/
.logo_de_legis {

width: 138px;
}
/*--------footer----------------*/



}

@media (max-width: 480px) {

.centrar_modulo_verticalmente {

padding: 61px 41px;
}

.titulo_principal {

text-align: center;
margin-top: 178px;
}

}

@media (max-width: 430px) {

.titulo_de_modulo_z2 {

font-size: 23px;
}



.titulo_principal {

text-align: center;
margin-top: 163px;
}

}


@media (max-width: 390px) {



/*-----------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--------*/



.boton_mas_informacion {

padding: 7px 12px 9px 10px;
font-size: 15px;
background-color: #002E72;
border-left: solid 18px #E7004C;
display: block;
margin-bottom: 14px;
}

.fila_botones {

margin-top: 24px;
}

.titulo_principal {

width: 80%;
margin: 149px auto 0px auto;
line-height: 17px;
}

.parrafo_introduccion {

padding: 17px 13px 14px 26px;
font-size: 13px;
width: 80%;
margin: auto;
}

.audio_pantalla_2 {

width: 100%;
margin-left: -6px;
height: 32px;
margin-bottom: 7px;
}

.parrafo_de_modulo_z2 {

font-size: 14px;
line-height: 19px;
padding: 11px;
}

.centrar_modulo_verticalmente {

padding: 42px 30px 30px 30px;
cursor: pointer;
}

.boton_de_volver_a_inicio {

width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}

.simulador_text {

font-size: 17px;
}


}

@media (max-width: 362px) {

.audio_pantalla_2 {

margin-top: 24px;
margin-bottom: 9px;
margin-left: -5px;
}

}

@media (max-width: 350px) {

.titulo_principal {

width: 80%;
margin: 137px auto 0px auto;
}

.audio_pantalla_2 {

margin-top: 26px;
margin-bottom: 12px;
height: 31px;
margin-left: 0px;
width: 96%;
}

.titulo_de_modulo_z2 {

font-size: 17px;
}

.parrafo_de_modulo_z2 {

font-size: 13px;
line-height: 18px;

}


.boton_mas_informacion {

padding: 5px 12px 7px 10px;
font-size: 14px;

}

.boton_de_volver_a_inicio {

width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}

.simulador_text {

font-size: 15px;
}




@media (max-width: 320px) {

.logo_legiscomex {

width: 116px;
}

.titulo_principal {

width: 100%;
margin: 123px auto 0px auto;
}

.centrar_modulo_verticalmente {

padding: 42px 9px 30px 7px;
cursor: pointer;
}

.fuente_pequeña {

font-size: 13px;
padding-left: 10px;
}



.parrafo_introduccion {

padding: 17px 13px 14px 26px;
font-size: 13px;
width: 100%;
margin: auto;
}

}


@media (max-width: 250px) {

.titulo_principal {

font-size: 26px;
}


}



/*-----------------FIN ULTIMOS ESTILOS----------------*/


</style>

<body>
<header>


<div id="pantalla1"></div>
<div id="pantalla2"></div>
<!-------------------------------------------------------audios---------------------------------------------------->

<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/intro-transito.mp3" autostart="true" loop="false" id="intro_transito" class="intro_transito" height="0" width="0"></audio>

<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/seccion_1.mp3" id="introduccion" autostart="true" loop="false" class="introduccion" height="0" width="0"></audio>

<!----------------------------------------------------------procesos------------------------------------------------------>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_1_T.mp3" id="proceso_1" autostart="true" loop="false" class="proceso1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_2_T.mp3" id="proceso_2" autostart="true" loop="false" class="proceso2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_3_T.mp3" id="proceso_3" autostart="true" loop="false" class="proceso3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_4_T.mp3" id="proceso_4" autostart="true" loop="false" class="proceso4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_5_T.mp3" id="proceso_5" autostart="true" loop="false" class="proceso5" height="0" width="0" ></audio>
<!----------------------------------------------------------procesos------------------------------------------------------>

<!-----------------------------------------------------------contenidos---------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_1_T.mp3" id="contenido_1" autostart="true" loop="false" class="contenido1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_2_T.mp3" id="contenido_2" autostart="true" loop="false" class="contenido2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido3.mp3" id="contenido_3" autostart="true" loop="false" class="contenido3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_4_T.mp3" id="contenido_4" autostart="true" loop="false" class="contenido4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_5_T.mp3" id="contenido_5" autostart="true" loop="false" class="contenido5" height="0" width="0" ></audio>
<!--------------------------------------------------------fin contenidos---------------------------------------------------->

<!-----------------------------------------------------------salir contenido--------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/salir_proceso.mp3" id="salir_proceso" autostart="true" loop="false" class="salir_proceso" height="0" width="0"></audio>
<!-----------------------------------------------------------salir contenido--------------------------------------------->
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/header_0.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/transito/audios/principal_legicomex_0.mp3" autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0" width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->

<!----------------------------------------------------formularios------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/formulario1_0.mp3" autostart="true" loop="false" id="formulario_1" class="formulario_1" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/formulario2_0.mp3" autostart="true" loop="false" id="formulario_2" class="formulario_2" height="0" width="0"></audio>
<!----------------------------------------------------formularios------------------------------------------------->



<!------------------------------------------------------fin audios---------------------------------------------------->



<div class="row fila_de_header" id="fila_de_header">
<div class=" col-md-7 partir_mitad_movil">
<a href="https://www.legiscomex.com/"><img src="/Presentaciones/transito/img/logo-legiscomex.svg" class="logo_legiscomex"></a>
</div>
<div class=" col-md-5 fila_redes_sociales partir_mitad_movil">
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank"><img src="/Presentaciones/transito/img/icono-twitter.svg" class="iconos_redes_sociales twitter_z1"></a>
<a href="https://www.facebook.com/Legiscomex/" target="_blank"><img src="/Presentaciones/transito/img/icono-facebook.svg" class="iconos_redes_sociales facebook_z1"></a>
<p id="invidentes" class="invidentes"><i class="fas fa-wheelchair"></i> Activar Personas Invidentes
</p>
</div>
</div>
</header>
<section>
<!---------------------------------------------introduccion--------------------------------------------->
<div class="contenedor_absolute" id="contenedor_absolute">
<div class="contenedor_introduccion">
<h1 class="titulo_principal">Régimen<br><span class="fuente_pequeña">de Tránsito Aduanero</span></h1>
<p class="parrafo_introduccion">Las modalidades del Régimen de Tránsito Aduanero son: el Tránsito Aduanero, el Cabotaje, el Transbordo y el Tránsito Aduanero Internacional.
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/intro_transito2.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_pantalla_2"></audio>
</p>



<!--<img class="imagen_boton_audio" src="img/boton-audio2.svg">-->

</div>
</div>

<!------------------------------------------fin introduccion-------------------------------------------->
<!--------------------------------------- sider------------------------------------->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="/Presentaciones/transito/img/slider_1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/Presentaciones/transito/img/slider_2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/Presentaciones/transito/img/slider_3.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-----------------------------------------fin sider------------------------------------------>

<!----------------------------------------contenido 1----------------------------------------->
<div class="container-fluid espacio_top_z2 esconder_en_movil">
<div class="row fila_contenido_1">
<div class="col-sm-6 col-md-6 quitar_padding_z2 linea_divisora">
<div class="cuadro_contenedor_de_modulos" id="proceso1">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Tránsito Aduanero</h2>
<p class="parrafo_de_modulo_z2">Permite el transporte terrestre de mercancías nacionales o de procedencia extranjera, bajo control aduanero. </p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_1" class="quitar_fancybox fancybox boton_mas_informacion">Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F43" class="boton_mas_informacion" target="_blank">Ir a Formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
</div>
</div>
</div>
<div id="ir_a_formulario_1"></div>
</div>
<div class="col-sm-6 col-md-6 quitar_padding_z2" id="proceso2">
<div class="cuadro_contenedor_de_modulos">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Tránsito Aduanero Internacional </h2>
<p class="parrafo_de_modulo_z2">Se aplicará lo previsto en las decisiones 327 y 399 de la Comisión del Acuerdo de Cartagena</p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-md-12">
<div class="boton_pantalla2">
<a href="#cuadro_2" class="quitar_fancybox fancybox boton_mas_informacion">Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<!--<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>-->
</div>
</div>
</div>
</div>
</div>
<div class="row fila_contenido_1">
<div class="col-sm-6 col-md-6 quitar_padding_z2 linea_divisora_azul" id="proceso3">
<div class="cuadro_contenedor_de_modulos fondo_blanco">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2 letras_azul">Transporte Multimodal </h2>
<p class="parrafo_de_modulo_z2 letras_azul"> Está regido por los artículos: 371 al 374 del 2685 de 1999.</p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_3" class="quitar_fancybox fancybox boton_mas_informacion boton_mas_informacion2" >
Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<!--<div class="col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion2">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>-->
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 quitar_padding_z2 linea_divisora_bootom" >
<div class="cuadro_contenedor_de_modulos fondo_blanco" id="proceso4">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2 letras_azul">Cabotaje</h2>
<p class="parrafo_de_modulo_z2 letras_azul">Regula el transporte de mercancías bajo control aduanero</p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_4" class="quitar_fancybox fancybox boton_mas_informacion boton_mas_informacion2" >Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F43" class="boton_mas_informacion2" target="_blank">Ir a Formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
</div>
</div>
</div>
<div id="ir_a_formulario_2"></div>
</div>
</div>
<div class="row fila_contenido_1 ">
<div class="col-sm-6 col-md-6 quitar_padding_z2 linea_divisora" id="proceso5">
<div class="cuadro_contenedor_de_modulos">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Transbordo</h2>
<p class="parrafo_de_modulo_z2">Es la modalidad del Régimen de Tránsito que regula el traslado de mercancías del medio de transporte utilizado para la llegada al Territorio Aduanero Nacional </p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_5" class="quitar_fancybox fancybox boton_mas_informacion" >Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<!--<div class="col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>-->
</div>
</div>
</div>
</div>

<!--
<div class="col-sm-6 col-md-6 quitar_padding_z2">
<div class="cuadro_contenedor_de_modulos">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Otras disposiciones </h2>
<p class="parrafo_de_modulo_z2">Estas disposiciones están reguladas por los artículos 389 al 391-2 del Decreto 2685 de 1999.</p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_6" class="fancybox boton_mas_informacion" title="Tránsito Aduanero Internacional">Mas información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>

<div class="col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>

</div>
</div>
</div>
</div>
-->
</div>
</div>
<!-------------------------------------------------seccion movil-------------------------------------------------->
<div class="container-fluid espacio_top_z2 esconder_en_escritorio">
<div class="row fila_contenido_1">
<div class="col-sm-6 col-md-6 quitar_padding_z2 linea_divisora">
<div class="cuadro_contenedor_de_modulos">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Tránsito Aduanero</h2>
<p class="parrafo_de_modulo_z2">Permite el transporte terrestre de mercancías nacionales o de procedencia extranjera, bajo control aduanero. </p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_1" class="quitar_fancybox fancybox boton_mas_informacion">Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F43" class="boton_mas_informacion" target="_blank">Ir a Formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 quitar_padding_z2">
<div class="cuadro_contenedor_de_modulos fondo_blanco">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2 letras_azul">Tránsito Aduanero Internacional </h2>
<p class="parrafo_de_modulo_z2 letras_azul">Se aplicará lo previsto en las decisiones 327 y 399 de la Comisión del Acuerdo de Cartagena</p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_2" class="quitar_fancybox fancybox boton_mas_informacion" >Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<!--<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>-->
</div>
</div>
</div>
</div>
</div>
<div class="row fila_contenido_1">
<div class="col-sm-6 col-md-6 quitar_padding_z2 linea_divisora_azul">
<div class="cuadro_contenedor_de_modulos">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Transporte Multimodal </h2>
<p class="parrafo_de_modulo_z2"> Está regido por los artículos: 371 al 374 del 2685 de 1999.</p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_3" class="quitar_fancybox fancybox boton_mas_informacion boton_mas_informacion2">
Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<!--<div class="col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion2">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>-->
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 quitar_padding_z2">
<div class="cuadro_contenedor_de_modulos fondo_blanco">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2 letras_azul">Cabotaje</h2>
<p class="parrafo_de_modulo_z2 letras_azul">Regula el transporte de mercancías bajo control aduanero</p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_4" class="quitar_fancybox fancybox boton_mas_informacion boton_mas_informacion2">Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F43" class="boton_mas_informacion2">Ir a Formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row fila_contenido_1 ">
<div class="col-sm-6 col-md-6 quitar_padding_z2 linea_divisora">
<div class="cuadro_contenedor_de_modulos">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Transbordo</h2>
<p class="parrafo_de_modulo_z2">Es la modalidad del Régimen de Tránsito que regula el traslado de mercancías del medio de transporte utilizado para la llegada al Territorio Aduanero Nacional </p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_5" class="quitar_fancybox fancybox boton_mas_informacion"> Mas Información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<!--<div class="col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>-->
</div>
</div>
</div>
</div>
<!--
<div class="col-sm-6 col-md-6 quitar_padding_z2">
<div class="cuadro_contenedor_de_modulos fondo_blanco">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2 letras_azul">Otras disposiciones </h2>
<p class="parrafo_de_modulo_z2 letras_azul">Estas disposiciones están reguladas por los artículos 389 al 391-2 del Decreto 2685 de 1999.</p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a href="#cuadro_6" class="fancybox boton_mas_informacion" title="



Aduanero Internacional">Mas información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>

<div class="col-md-6">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>

</div>
</div>
</div>
</div>
-->
</div>
</div>
<!--------------------------------------------fin seccion movil-------------------------------------------->

<!---------------------------------------fin contenido 1------------------------------------->

<!-----------------------------------------seccion flotante------------------------------------->
<div class="container-fluid">
<div class="row fila_boton_flotante">
<div class="col-md-12">
<p class="volver_a_formualrios"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios-y-calculadoras/formularios" class="boton_de_volver_a_inicio">Volver a Simulador de Formularios</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/transito/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/transito/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/"><i class="fab fa-facebook-f footer_redes facebook_z3"></i></a>
<a href="https://www.linkedin.com/company/legiscomex-com/"><i class="fab footer_redes fa-linkedin-in"></i></a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="#carouselExampleControls" class="scroll"><i class="fas fa-chevron-circle-up circulo_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 Simulador de Formularios</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>


<div class="contenido_fancybox">
<!-------------------------------------acordeon----------------------------------->
<div id="cuadro_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon espacio_bottom">Tránsito Aduanero</h1>
<p class="nombre_de_modulo_cajon">Los usuarios aduaneros que realicen o participen en su desarrollo deberán solicitar su registro en el servicio informático electrónico.</p>
<p class="nombre_de_modulo_cajon">De clic según corresponda para ver información</p>
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
1. Operaciones permitidas de Tránsito Aduanero
</button>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Operaciones permitidas de Tránsito Aduanero</h1>
<p class="nombre_de_modulo_cajon">El Tránsito Aduanero solo podrá solicitarse y autorizarse para las mercancías que estén consignadas o se endosen a la Nación, a las entidades territoriales, a las entidades descentralizadas; a un Usuario de una Zona Franca, a un titular de un Depósito Privado; o para las importaciones de Transformación y/o Ensamble, a las temporales para perfeccionamiento activo de bienes de capital; a las temporales en desarrollo de sistemas especiales de importación-exportación, a las temporales para el procesamiento industrial; al Usuario Altamente Exportador (Altex), al Usuario Aduanero Permanente; a las unidades funcionales; desde una Zona Franca a un Depósito de Transformación o Ensamble; o cuando en la exportación las mercancías deban embarcarse por una aduana diferente a aquella en donde se presente y acepte la Solicitud de Autorización de Embarque (SAE).

La Dirección de Impuestos y Aduanas nacionales (DIAN) podrá exigir al transportador o declarante del Régimen, la utilización de dispositivos electrónicos de seguridad, seguimiento y monitoreo de las mercancías.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingDos">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseDos" aria-expanded="false" aria-controls="collapseTwo">
2. Restricción de la operación de DTA
</button>
</h5>
</div>
<div id="collapseDos" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Restricción de la operación de DTA</h1>
<p class="nombre_de_modulo_cajon">La DIAN podrá prohibir o restringir el Régimen de Tránsito Aduanero por razones de seguridad pública, sanitaria, zoosanitaria, fitosanitaria o ambiental.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
3. Presentación de la Declaración de Tránsito Aduanero (DTA)
</button>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Presentación de la Declaración de Tránsito Aduanero (DTA)</h1>
<p class="nombre_de_modulo_cajon">El declarante presenta la Declaración de Tránsito Aduanero (DTA) a la aduana de partida a través del sistema informático electrónico de la DIAN una vez descargada la mercancía y sin haberla ingresado a depósito, el declarante es responsable de la información allí consignada. Las empresas transportadoras deben estar inscritas y autorizadas en la DIAN. Si el declarante utiliza sus propios medios de transporte debe informar a la DIAN a través de los servicios informáticos electrónicos, adjuntando la respectiva garantía.

Igual aplica la DTA para operaciones desde Zona Franca con destino al resto del mundo.

Toda operación de DTA debe estar acompañada de garantías por pago de los tributos aduaneros, sanciones, la finalización de la modalidad y la misma operación.</p>
</div>
</div>


<div class="card">
<div class="card-header" id="headingCuatro">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseCuatro" aria-expanded="false" aria-controls="collapseCuadtro">
4. Verificación
</button>
</h5>
</div>
<div id="collapseCuatro" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Verificación</h1>
<p class="nombre_de_modulo_cajon">El funcionario o el sistema informático aduanero verifica la información de la DTA con los documentos soporte, también se realiza la revisión si existen causales para no aceptar la DTA.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseCinco" aria-expanded="false" aria-controls="collapseThree">
5. Aceptación de la DTA
</button>
</h5>
</div>
<div id="collapseCinco" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Aceptación de la DTA</h1>
<p class="nombre_de_modulo_cajon">Se entenderá aceptada la DTA cuando los servicios informáticos electrónicos, previa verificación de la información allí contenida, asigne el número y fecha correspondiente y autorice al declarante la impresión de la Declaración.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSeis" aria-expanded="false" aria-controls="collapseThree">
6. Revisión Documental
</button>
</h5>
</div>
<div id="collapseSeis" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Revisión Documental</h1>
<p class="nombre_de_modulo_cajon">El declarante entrega la DTA a la autoridad aduanera, junto con los documentos soporte, para revisión documental. Si existe conformidad entre la documentación entregada y la información consignada en la Declaración, el funcionario competente dejará constancia del hecho en los servicios informáticos electrónicos y en la respectiva declaración.
</p>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSiete" aria-expanded="false" aria-controls="collapseThree">
7. Reconocimiento Externo de la Carga
</button>
</h5>
</div>
<div id="collapseSiete" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Reconocimiento Externo de la Carga</h1>
<p class="nombre_de_modulo_cajon">Efectuada la revisión documental, la aduana podrá ordenar el reconocimiento externo de la carga que será sometida al Régimen de Tránsito Aduanero.</p>
</div>
</div>
</div>


<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOcho" aria-expanded="false" aria-controls="collapseThree">
8. Inspección Aduanera
</button>
</h5>
</div>
<div id="collapseOcho" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Inspección Aduanera</h1>
<p class="nombre_de_modulo_cajon">Si en la diligencia de reconocimiento la aduana: a) Detecta carga en exceso: aprehende los sobrantes y permitirá la continuación del Tránsito Aduanero hasta su lugar de destino, de la carga amparada en el formulario respectivo. b) Cuando se detecten faltantes o defectos, el inspector dejará constancia del hecho en los servicios informáticos electrónicos y en la Declaración de Tránsito Aduanero (DTA), la cual se entenderá modificada y procederá el tránsito para la cantidad verificada en la diligencia de reconocimiento. </p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseNueve" aria-expanded="false" aria-controls="collapseThree">
9. Autorización de la Modalidad de Tránsito Aduanero (MTA):
</button>
</h5>
</div>
<div id="collapseNueve" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Autorización de la Modalidad de Tránsito Aduanero (MTA):</h1>
<p class="nombre_de_modulo_cajon">La aduana podrá autorizar el Tránsito solicitado, si las unidades de carga se encuentran debidamente selladas y precintadas desde el país de procedencia, de forma tal que garanticen que la mercancía no pueda ser extraída de ellas, ni puedan introducirse otras, sin romperse los precintos colocados en el puerto de embarque.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseDiez" aria-expanded="false" aria-controls="collapseThree">
10. Inspección aduanera
</button>
</h5>
</div>
<div id="collapseDiez" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Inspección aduanera</h1>
<p class="nombre_de_modulo_cajon">Para las mercancías en modalidad de tránsito aduanero, no habrá inspección aduanera en la aduana de partida, salvo cuando la autoridad aduanera observe que los bultos o las unidades de carga se encuentren en malas condiciones exteriores, o presenten diferencia de peso frente a lo consignado en el documento de transporte, o se observen huellas de violación de los sellos o precintos de seguridad, en cuyo caso, se efectuará inspección física y se dejará constancia del resultado de la diligencia. Cuando las unidades de carga o los medios de transporte no se encuentren precintados, y siempre que sea posible, la aduana procederá a colocar precintos dejando constancia de sus números en la Declaración de Tránsito Aduanero. Cuando no se pueda precintar debido a condiciones de peso, volumen, características especiales o tamaño de los bultos, se deberá hacer reconocimiento físico de la mercancía, descripción de las mercancías en la DTA y determinación del itinerario y plazos estrictos para la realización de la modalidad y colocación de precintos aduaneros en cada uno de los bultos, cuando proceda, salvo en el caso de mercancía a granel.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOnce" aria-expanded="false" aria-controls="collapseThree">
11. Duración de la modalidad de Tránsito Aduanero
</button>
</h5>
</div>
<div id="collapseOnce" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Duración de la modalidad de Tránsito Aduanero</h1>
<p class="nombre_de_modulo_cajon">La autoridad aduanera determinará la duración de la MTA de acuerdo con la distancia que separe la aduana de partida de la de destino contado el tiempo a partir de la fecha de autorización del Régimen y se consignará en la Declaración de Tránsito Aduanero (DTA). Su plazo está determinado entre 4 y 11 días calendario. Por razones debidamente justificadas, el plazo podrá ser mayor pero no podrá superar por vía terrestre, 15 días calendario, por vía férrea 20 días calendario, salvo cuando se presente un cambio de ruta autorizado por bloqueo o cierre en las fronteras sin que la totalidad supere los 30 días calendario.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseDoce" aria-expanded="false" aria-controls="collapseThree">
12. Información a la aduana de destino
</button>
</h5>
</div>
<div id="collapseDoce" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Información a la aduana de destino</h1>
<p class="nombre_de_modulo_cajon">Una vez autorizado el tránsito aduanero, la información estará disponible para ser consultada por parte de la aduana de destino y el Depósito o Usuario Operador de Zona Franca.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingDos">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTrece" aria-expanded="false" aria-controls="collapseTwo">
13. Ejecución de la Operación de Tránsito Aduanero
</button>
</h5>
</div>
<div id="collapseTrece" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Ejecución de la Operación de Tránsito Aduanero</h1>
<p class="nombre_de_modulo_cajon">Los medios de transporte deberán elegir la ruta más directa entre la aduana de partida y la de destino. Los precintos que coloque la autoridad aduanera o los que vengan colocados desde el país de procedencia, deberán permanecer intactos hasta la finalización de la modalidad y solo podrán ser levantados o reemplazados por esta, cuando por razones de control se detecten señales de violación de algún precinto, o se haya ordenado la apertura de algún medio de transporte o de una unidad de carga que se encuentren precintados, se dejará constancia de dicha situación en la Declaración de Tránsito Aduanero (DTA), así como de la inspección física de la mercancía objeto del tránsito.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseCatorce" aria-expanded="false" aria-controls="collapseThree">

14. Destrucción o pérdida de la mercancía en tránsito.
</button>
</h5>
</div>
<div id="collapseCatorce" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Destrucción o pérdida de la mercancía en tránsito.</h1>
<p class="nombre_de_modulo_cajon">De producirse la destrucción o pérdida parcial o total de la mercancía, la autoridad aduanera de la jurisdicción donde se produce el hecho realizará una inspección e inventario de las mercancías, con el fin de determinar el porcentaje de deterioro, avería o pérdida, dejando constancia de ello en la respectiva declaración y permitiendo la continuación del viaje, si fuera el caso. Cuando la mercancía objeto de hurto o pérdida haya sido recuperada por autoridad competente, el importador, dentro del término de 10 días contados a partir de la entrega física de la mercancía, deberá trasladar la mercancía a un Depósito Habilitado y someterla a una modalidad de importación, a la Zona Franca, o a un Depósito Habilitado dentro de la zona de Régimen Aduanero Especial o al Depósito Franco que estaba destinada, previa autorización de la autoridad aduanera, conforme con los términos y condiciones establecidos por la DIAN, so pena de su aprehensión y decomiso.</p>

</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseQuince" aria-expanded="false" aria-controls="collapseThree">

15. Cambio del medio de transporte o de la unidad de carga
</button>
</h5>
</div>
<div id="collapseQuince" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Cambio del medio de transporte o de la unidad de carga</h1>
<p class="nombre_de_modulo_cajon">Se podrá realizar el cambio del medio de transporte o de la unidad de carga, cuando se requiera por circunstancias de fuerza mayor, o caso fortuito u otras circunstancias imprevisibles, que no impliquen el cambio de los precintos aduaneros, o la pérdida de la mercancía. En este caso, el transportador, deberá comunicarlo por escrito, fax o por correo electrónico a la aduana de partida, identificando el medio de transporte, o la unidad de carga con la cual ha de finalizar la operación de transporte. Si el cambio implica la ruptura de los precintos aduaneros, el transportador deberá informar a través de los servicios informáticos de la DIAN o solicitar la presencia de los funcionarios aduaneros de la jurisdicción más cercana, salvo que por razones de seguridad o de salubridad pública debidamente justificadas, sea necesario actuar de manera inmediata.</p>
</div>
</div>
</div>

<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseDieciséis" aria-expanded="false" aria-controls="collapseThree">

16. Finalización de la modalidad
</button>
</h5>
</div>
<div id="collapseDieciséis" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Finalización de la modalidad</h1>
<p class="nombre_de_modulo_cajon">La MTA finaliza con: 1. La entrega de la carga al Depósito o al Usuario Operador de la Zona Franca, quien recibirá del transportador la Declaración de Tránsito Aduanero, ordenará el descargue y confrontará la cantidad, el peso y el estado de los bultos con lo consignado en el DTA. Si existiere conformidad registrará la información en los servicios informáticos electrónicos. 2. La orden de finalización de la modalidad proferida por la aduana de paso, por haber encontrado una situación irregular o indicios graves que pudieran perjudicar el interés fiscal o evadir el cumplimiento de las obligaciones aduaneras. La mercancía deberá someterse inmediatamente a la modalidad de importación que corresponda 3. La destrucción o pérdida total de la carga. 4. Cuando por motivos de fuerza mayor o caso fortuito, la aduana autoriza la finalización de la modalidad y la mercancía deberá someterse inmediatamente a la modalidad de importación que corresponda.</p>
</div>
</div>
</div>

</div>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/transito_aduanero.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos"></audio>
<!--
<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="audio/legis.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" ></audio>
-->
</div>
<!-------------------------------------acordeon----------------------------------->
</div>


<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Tránsito Aduanero Internacional </h1>
<p class="nombre_de_modulo_cajon">Para la realización del Tránsito Aduanero Internacional se aplicará lo previsto en las decisiones 327 y 399 de la Comisión del Acuerdo de Cartagena, o las normas que las sustituyan, modifiquen o adicionen.
Para las empresas de Tránsito Aduanero Internacional, la inscripción se entenderá surtida con la homologación del registro efectuado ante la autoridad de transporte del país en la forma establecida en la Decisión 399 de la Comisión del Acuerdo de Cartagena.
Las mercancías que ingresen al territorio nacional y se encuentren amparadas en documentos con destino a otro país podrán continuar su operación de Tránsito.
<br><br>
</p>

<h2 class="titulo_de_informacion_cajon">Garantía</h1>
<p class="nombre_de_modulo_cajon">Se deberá constituir una garantía económica, a fin de garantizar el pago de los tributos aduaneros, recargos, intereses y sanciones, que los Países miembros eventualmente puedan exigir por las mercancías que circulen en sus territorios, con ocasión de una operación de Tránsito Aduanero comunitario.<br><br>

</p>

<h3 class="titulo_de_informacion_cajon">Cambio de ruta y finalización del Tránsito Aduanero Internacional</h1>
<p class="nombre_de_modulo_cajon">En circunstancias estrictamente excepcionales de bloqueo o cierre en las fronteras, la aduana de partida, podrá autorizar, previa solicitud del interesado, la finalización del tránsito por el servicio informático electrónico por trámite manual, en aduana diferente a la aduana de destino señalada en la Declaración de Tránsito Aduanero Internacional, incluyendo entre ellas a la misma aduana de partida. No aplica cuando se trate de Tránsito Aduanero comunitario que se rige por la Decisión 617 de la Comunidad Andina (CAN).<br><br>

</p>
<h4 class="titulo_de_informacion_cajon">Condiciones para la autorización del cambio de ruta y finalización del Tránsito Aduanero Internacional.</h1>
<p class="nombre_de_modulo_cajon">Los jefes de división de gestión de la operación aduanera que autoricen mediante auto el cambio de ruta y la finalización de los Tránsitos Aduaneros Internacionales, deberán verificar: 1) Que las circunstancias del bloqueo o cierre de fronteras esté ocurriendo; 2) presentación de la solicitud por el interesado; 3) Que el cambio de ruta y finalización del Tránsito Aduanero sean solicitados dentro del tiempo de duración de la autorización inicial más la ampliación del plazo. Además, se debe verificar: a) Que la mercancía esté amparada y no se presenten adulteraciones en la Declaración de Tránsito Aduanero; b) Que no existan inconsistencias entre los datos consignados en la declaración de Tránsito Aduanero y la mercancía recibida; c) Que no se presenten irregularidades en los empaques y embalajes; d) Que la entrega de la mercancía se produzca dentro de los términos establecidos por la aduana de partida y e) Que los medios de transporte y las unidades de carga sean las mismas autorizadas por la aduana de partida.<br><br>

<h5 class="titulo_de_informacion_cajon">Rutas y plazos</h1>
<p class="nombre_de_modulo_cajon">Las rutas y los plazos de movilización están establecidos por la Resolución 1457 de 2012 de la SGCA, modificada por las resoluciones 1921 y 1944 de 2017, 1997 de 2018 y la 2083 de 2019 de la Secretaria General de la Comunidad Andina (SGCA).<br><br>

</p>
<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/transito_aduanero_internacional.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos2"></audio>

</div>
<div id="cuadro_3" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Operaciones </h1>
<p class="nombre_de_modulo_cajon">Para movilizar mercancías de procedencia extranjera con suspensión de tributos aduaneros por el Territorio Aduanero Nacional (TAN), al amparo de un documento de transporte multimodal, se requiere que el operador de transporte multimodal se encuentre inscrito en el registro de operadores de transporte multimodal del Ministerio de Transporte.
</p>

<h2 class="titulo_de_informacion_cajon">Presentación y aceptación de la continuación de viaje</h1>
<p class="nombre_de_modulo_cajon">El OTM presentará a través de los servicios informáticos electrónicos o a la aduana de partida o de ingreso al Territorio Aduanero Nacional (TAN), copia del contrato de transporte multimodal, o cualquier documento que haga sus veces, el cual se incorporará en el formulario de continuación de viaje. Se debe especificar el destino final de las mercancías.
</p>

<h3 class="titulo_de_informacion_cajon">Responsabilidad del operador TM</h1>
<p class="nombre_de_modulo_cajon">El OTM será responsable por el pago de tributos aduaneros en caso de que la mercancía se pierda, o se deteriore durante la vigencia de la operación en el Territorio Aduanero Nacional (TAN), sin perjuicio de la responsabilidad por la no finalización de la operación en el tiempo autorizado por la aduana de ingreso.
</p>

<h4 class="titulo_de_informacion_cajon">Revisión documental</h1>
<p class="nombre_de_modulo_cajon">El OTM una vez aceptada la operación de continuación de viaje, deberá presentar la siguiente documentación en la aduana de partida: 1. Copia del contrato de TM, donde conste, entre otras: la naturaleza, estado, cantidad y valor de las mercancías, modos de transporte, lugar y fecha en que el OTM toma las mercancías bajo su custodia, itinerarios y puertos de desembarque, lugar de entrega, fecha de emisión del documento de transporte y firma del operador de transporte multimodal o su representante. 2. Copia del contrato en el que el OTM subcontrató con una empresa transportadora inscrita ante la DIAN, cuando a ello hubiere lugar; 3. Formulario de continuación de viaje debidamente aceptado o reporte impreso de incorporación de la continuación de viaje.
</p>

<h5 class="titulo_de_informacion_cajon">Garantía</h1>
<p class="nombre_de_modulo_cajon">Para responder por el pago de los tributos aduaneros suspendidos y por las sanciones, el OTM deberá constituir una garantía global que se hará efectiva, total o proporcionalmente, por el monto de los tributos aduaneros suspendidos y las sanciones generadas por el incumplimiento de las obligaciones contraídas con ocasión de las operaciones de transporte multimodal, en caso de pérdida de la mercancía, o no finalización de la Operación de Transporte Multimodal.
</p>

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/transporte_multimodal.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos3"></audio>

</div>
<div id="cuadro_4" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Cabotaje</h1>
<p class="nombre_de_modulo_cajon">Regula el transporte de mercancías bajo control aduanero, cuya circulación este restringido por agua o por aire entre 2 puertos o aeropuertos habilitados dentro del Territorio Aduanero Nacional (TAN).<br><br>
</p>

<h2 class="titulo_de_informacion_cajon">Solicitud de la modalidad</h1>
<p class="nombre_de_modulo_cajon">La empresa transportadora aérea, marítima o fluvial, deberá encontrarse debidamente inscrita y autorizada ante la subdirección de gestión de registro aduanero de la Unidad Administrativa Especial DIAN, para realizar este tipo de operaciones.
El procedimiento para la autorización, reconocimiento externo e inspección se seguirá el mismo procedimiento del Tránsito Aduanero, salvo en los aspectos que le sean contrarios, el servicio informático o el funcionario competente validará la información contenida en la declaración de cabotaje. Si existiere conformidad, el servicio informático electrónico, o el funcionario competente, asignará el número y la fecha de aceptación.<br><br>
</p>

<h3 class="titulo_de_informacion_cajon">Cabotaje especial</h1>
<p class="nombre_de_modulo_cajon">Es la modalidad del Régimen de Tránsito Aduanero, que regula el traslado de mercancías bajo control aduanero entre 2 puertos marítimos o fluviales, las cuales, después de ingresadas al Territorio Aduanero Nacional (TAN), se trasladarán, previo cambio del medio de transporte, al puerto nacional de destino, debiendo tener la embarcación como ruta final un país extranjero.
Para la salida de bienes de las Zonas Francas con destino al exterior, por una aduana diferente a aquella que tenga jurisdicción sobre la respectiva zona, cuya circulación esté restringida —por agua o por aire— entre dos (2) puertos marítimos o fluviales habilitados o aeropuertos habilitados dentro del territorio aduanero nacional.<br><br>
</p>

<h4 class="titulo_de_informacion_cajon">Solicitud de la autorización</h1>
<p class="nombre_de_modulo_cajon">El transportador o su agente marítimo, podrá de manera directa solicitar dentro de los cinco (5) días hábiles siguientes al descargue de la mercancía, ante el funcionario competente, esta operación previa la constitución de una garantía global. La autorización se surtirá en el mismo documento de transporte, sin que para el efecto se requiera de otro documento. La autorización que se otorgue sobre el documento de transporte hará las veces de Declaración de Tránsito Aduanero y/o Cabotaje.
En el caso de bienes que se encuentran en Zona Franca, se podrá solicitar la autorización de cabotaje especial ante el grupo interno de trabajo de Zona Franca o la dependencia que haga sus veces, en cuyo caso, el formulario de movimiento de mercancías hará las veces de Declaración de Tránsito Aduanero, así como de Declaración de Exportación.
<br><br>
</p>

<h5 class="titulo_de_informacion_cajon">Autorización</h1>
<p class="nombre_de_modulo_cajon">El funcionario aduanero deberá constatar, como mínimo, los siguientes documentos: a) Documento de transporte y b) factura comercial. Si existe conformidad el servicio informático electrónico o el funcionario competente asignara número y fecha de consecutivo por cada autorización.<br><br>
</p>

<h6 class="titulo_de_informacion_cajon">Finalización del cabotaje</h1>
<p class="nombre_de_modulo_cajon">El cabotaje finalizará con la entrega de la Declaración de Cabotaje junto con los documentos soporte en la aduana de destino y la entrega de la mercancía al Depósito Habilitado al cual vaya consignada o al Usuario Operador de Zona Franca.<br><br>
</p>
<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/transito/audios/cabotaje.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos4"></audio>

</div>
<div id="cuadro_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Transbordo</h1>
<p class="nombre_de_modulo_cajon">Es la modalidad del Régimen de Tránsito que regula el traslado de mercancías del medio de transporte utilizado para la llegada al Territorio Aduanero Nacional, a otro que efectúa la salida a país extranjero, dentro de una misma aduana y bajo su control sin que se causen tributos aduaneros<br><br>

</p>

<h2 class="titulo_de_informacion_cajon">Autorización de transbordo</h1>
<p class="nombre_de_modulo_cajon">Se autorizará el transbordo independientemente de su origen, procedencia o destino. El declarante será responsable ante las autoridades aduaneras del cumplimiento de las obligaciones que se deriven de esta modalidad y se declarará en el documento de transporte correspondiente.<br><br>

</p>

<h3 class="titulo_de_informacion_cajon">Clases de transbordo</h1>
<p class="nombre_de_modulo_cajon">El transbordo puede ser directo si se efectúa sin introducir las mercancías a un Depósito Habilitado, o indirecto cuando se realiza a través de Depósito.
Las mercancías en transbordo no serán objeto de reconocimiento, sin perjuicio de que la autoridad aduanera pueda realizarlo cuando lo considere conveniente.<br><br>

</p>

<h4 class="titulo_de_informacion_cajon">Documentos aduaneros</h1>
<p class="nombre_de_modulo_cajon">Para efectos aduaneros el declarante está obligado a conservar por un período de cinco (5) años contados a partir de la finalización de la modalidad, copia de la Declaración de Tránsito o de Cabotaje o del Formulario de Continuación de Viaje, según corresponda y de sus documentos soporte.<br><br>

</p>


<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/sites/legiscomex/files/2019-07/transbordo-final.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos5"></audio>
</div>
<!--
<div id="cuadro_6" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Otras disposiciones </h1>
<p class="nombre_de_modulo_cajon">Estas disposiciones están reguladas por los artículos 389 al 391-2 del Decreto 2685 de 1999.</p>

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="audio/legis.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" ></audio>
</div>
-->
</div>



<!--<script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>-->

<script type="text/javascript" src="/Presentaciones/transito/js/popper.min.js"></script>
<script type="text/javascript" src="/Presentaciones/transito/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/Presentaciones/transito/js/audios_transito.js"></script>

<script type="text/javascript">
$('.carousel').carousel({
interval: 2000
})
</script>


<script type="text/javascript">


$(".desplegar_footer").click(function(event) {


$(".ocultar_movil").toggle(function() {


}, function() {


});

});


jQuery(document).ready(function($) {

$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1500);
});

});



$(".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');

});

</script>




<script type="text/javascript">

$(".imagen_boton_audio").hover(function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio2.svg');
});

/*-----------------------------REDES---------------------------------*/

$(".facebook_z1").hover(function() {
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/transito/img/hover_facebook.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/transito/img/icono-facebook.svg');
});

$(".twitter_z1").hover(function() {
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/transito/img/hover_twitter.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/transito/img/icono-twitter.svg');
});

/*-----------------------------REDES---------------------------------*/

/*--------------------------toggle----------------------------------*/

$(".lista_1").click(function(event) {

$(".punto_1").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_2").click(function(event) {

$(".punto_2").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_3").click(function(event) {

$(".punto_3").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_4").click(function(event) {

$(".punto_4").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_5").click(function(event) {

$(".punto_5").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_6").click(function(event) {

$(".punto_6").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_7").click(function(event) {

$(".punto_7").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_8").click(function(event) {

$(".punto_8").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_9").click(function(event) {

$(".punto_9").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_10").click(function(event) {

$(".punto_10").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_11").click(function(event) {

$(".punto_11").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".lista_12").click(function(event) {

$(".punto_12").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});


</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){


$("#ir_a_formulario_1, #ir_a_formulario_2").css('display', 'block');
$(".fila_de_header").css('position', 'absolute');



$("#imagen_audio").css('display', 'block');


$("#content_video").css('display', 'none');

$(".quitar_fancybox").removeClass('fancybox');

$("#invidentes").css('background-color', 'red');

$("#invidentes").css('border', '1px solid red');


$("#invidentes").text('Página En Modo Invidente Activado');




/*------------------------bienvenida---------------------------------*/

var pantalla_cierre2 = document.getElementById("pantalla1");


var audio0 = document.getElementsByTagName("audio")[0];
var sonido0 = false;
audio0.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[14];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------*/



audio0.play();
pantalla_cierre2.style.display = 'block';/*---------------mostar al pantalla---------------*/



pantalla_cierre2.addEventListener("click", function(){

audio0.pause();
sonido0 = false;


volPRO.play();
setTimeout(function(){

pantalla_cierre2.style.display = 'none';
volPRO.pause();

}, 10000);


});



/*------------------------bienvenida---------------------------------*/


/*---------------------------------------------header logo legiscomex--------------------------------------*/



var seccion_header = document.getElementById("fila_de_header");

var audioH_1 = document.getElementsByTagName("audio")[13];
var sonidoH_1 = false;

var audio_proceso1 = document.getElementById("header");

audioH_1.pause();


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_de_header");
var pantalla_cierre_z = document.getElementById("pantalla2");


/*---------------------audio salir contenido----------------------
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[14];
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-----------------------------------------*/






/*---------------------------audio introduccion--------------------------------------*/


var seccion_introduccion = document.getElementById("contenedor_absolute");
var audio1 = document.getElementsByTagName("audio")[1];
var sonido1 = false;

var introduccion = document.getElementById("introduccion"); /*--------------resetiar---------------*/

audio1.pause();
audio1.loop = false;


seccion_introduccion.addEventListener("mouseover", function(){


audio1.play();

sonido1 = true;
slider.currentTime = 0; /*--------------resetiar---------------*/



});

seccion_introduccion.addEventListener("mouseout", function(){

audio1.pause();
sonido1 = false;

});

/*--------------------------- fin audio introduccion--------------------------------------*/





/*-------------------------------proceso 1------------------------------------------------*/


var seccion_proceso1 = document.getElementById("proceso1");

var audio2 = document.getElementsByTagName("audio")[2];
var sonido2 = false;

var audio_proceso1 = document.getElementById("proceso_1");

audio2.pause();


seccion_proceso1.addEventListener("mouseover", function(){


audio2.play();
sonido2 = true;


audio_proceso1.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso1.addEventListener("mouseout", function(){


audio2.pause();
sonido2 = false;

});

/*-------------------------------proceso 1------------------------------------------------*/




/*-------------------------------proceso 2------------------------------------------------*/


var seccion_proceso2 = document.getElementById("proceso2");

var audio3 = document.getElementsByTagName("audio")[3];
var sonido3 = false;

var audio_proceso3 = document.getElementById("proceso_2");

audio3.pause();


seccion_proceso2.addEventListener("mouseover", function(){


audio3.play();
sonido3 = true;


audio_proceso3.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso2.addEventListener("mouseout", function(){


audio3.pause();
sonido3 = false;

});

/*-------------------------------proceso 2------------------------------------------------*/



/*-------------------------------proceso 3------------------------------------------------*/


var seccion_proceso3 = document.getElementById("proceso3");

var audio4 = document.getElementsByTagName("audio")[4];
var sonido4 = false;

var audio_proceso4 = document.getElementById("proceso_3");

audio4.pause();


seccion_proceso3.addEventListener("mouseover", function(){


audio4.play();
sonido4 = true;


audio_proceso4.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso3.addEventListener("mouseout", function(){


audio4.pause();
sonido4 = false;

});

/*-------------------------------proceso 3------------------------------------------------*/



/*-------------------------------proceso 4------------------------------------------------*/



var seccion_proceso4 = document.getElementById("proceso4");

var audio5 = document.getElementsByTagName("audio")[5];
var sonido5 = false;

var audio_proceso5 = document.getElementById("proceso_4");

audio5.pause();


seccion_proceso4.addEventListener("mouseover", function(){


audio5.play();
sonido5 = true;


audio_proceso5.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso4.addEventListener("mouseout", function(){


audio5.pause();
sonido5 = false;

});

/*-------------------------------proceso 4------------------------------------------------*/


/*-------------------------------proceso 5------------------------------------------------*/



var seccion_proceso5 = document.getElementById("proceso5");

var audio6 = document.getElementsByTagName("audio")[6];
var sonido6 = false;

var audio_proceso6 = document.getElementById("proceso_5");

audio5.pause();


seccion_proceso5.addEventListener("mouseover", function(){


audio6.play();
sonido6 = true;


audio_proceso6.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso5.addEventListener("mouseout", function(){


audio6.pause();
sonido6 = false;

});

/*-------------------------------proceso 5------------------------------------------------*/



/*-------------------------------------ir a formulario------------------------------------*/
/*-------------------------------formulario1------------------------------------------------*/



var ir_formulario_1 = document.getElementById("ir_a_formulario_1");

var audioF = document.getElementsByTagName("audio")[15];
var sonidoF = false;

var audio_procesoF = document.getElementById("formulario_1");

audioF.pause();
audioF .loop = false;


ir_a_formulario_1.addEventListener("mouseover", function(){


audioF.play();
sonidoF = true;


audio_procesoF.currentTime = 0;/*--------------resetiar---------------*/


});

ir_a_formulario_1.addEventListener("mouseout", function(){


audioF.pause();
sonidoF = false;

});

/*-------------------------------fin formualrio_1------------------------------------------------*/

/*-------------------------------formulario2------------------------------------------------*/

var ir_formulario_2 = document.getElementById("ir_a_formulario_2");

var audioF2 = document.getElementsByTagName("audio")[16];
var sonidoF2 = false;

var audio_procesoF2 = document.getElementById("formulario_2");

audioF2.pause();
audioF2.loop = false;


ir_a_formulario_2.addEventListener("mouseover", function(){


audioF2.play();
sonidoF2 = true;


audio_procesoF2.currentTime = 0;/*--------------resetiar---------------*/


});

ir_a_formulario_2.addEventListener("mouseout", function(){


audioF2.pause();
sonidoF2 = false;

});

/*-------------------------------fin formualrio_2------------------------------------------------*/

/*--------------------------------------------click en formualrio 1---------------------------------------------*/

var formulario_click = document.getElementById("ir_a_formulario_1");
var pantalla_cierre_z = document.getElementById("pantalla2");


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[14];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------*/


formulario_click.addEventListener("click", function(){

audioF.pause();
sonidoF = false;


volPRO2.play();
pantalla_cierre_z.style.display = 'block';

setTimeout(function(){

location.href="https://www.legiscomex.com/";
volPRO.pause();

}, 6000);

})

/*-------------------------------------------------fin click formulario 1-----------------------------------------*/



/*--------------------------------------------click en formualrio 2---------------------------------------------*/

var formulario_click2 = document.getElementById("ir_a_formulario_2");
var pantalla_cierre_z = document.getElementById("pantalla2");


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[14];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------*/


formulario_click2.addEventListener("click", function(){

audioF2.pause();
sonidoF2 = false;

volPRO2.play();
pantalla_cierre_z.style.display = 'block';

setTimeout(function(){

location.href="https://www.legiscomex.com/";
volPRO.pause();

}, 6000);

})





























/*----------------------------------------contenido_1---------------------------------------------*/


var seccion_click_1 = document.getElementById("proceso1");
var pantalla_cierre_2 = document.getElementById("pantalla2");



var voz_1 = document.getElementsByTagName("audio")[7];
var sonido_1 = false;


var llamar_audio_1 = document.getElementById("contenido_1");

voz_1.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[12];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_click_1.addEventListener("click", function(){


voz_1.play();
sonido_1 = true;


llamar_audio_1.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre_2.style.display = 'block';


});


pantalla_cierre_2.addEventListener("click", function(){

voz_1.pause();
sonido_1 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_2.style.display = 'none';
volPRO.pause();

}, 10000);


});


/*----------------------------------------fin contenido_1-----------------------------------------*/





/*----------------------------------------contenido_2---------------------------------------------*/


var seccion_click_2 = document.getElementById("proceso2");
var pantalla_cierre_z = document.getElementById("pantalla2");



var voz_2 = document.getElementsByTagName("audio")[8];
var sonido_2 = false;


var llamar_audio_2 = document.getElementById("contenido_2");

voz_2.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[12];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_click_2.addEventListener("click", function(){


voz_2.play();
sonido_2 = true;


llamar_audio_2.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

voz_2.pause();
sonido_2 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});


/*----------------------------------------fin contenido_2-----------------------------------------*/




/*----------------------------------------contenido_3---------------------------------------------*/


var seccion_click_3 = document.getElementById("proceso3");
var pantalla_cierre_z = document.getElementById("pantalla2");



var voz_3 = document.getElementsByTagName("audio")[9];
var sonido_3 = false;


var llamar_audio_3 = document.getElementById("contenido_3");

voz_3.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[12];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_click_3.addEventListener("click", function(){


voz_3.play();
sonido_3 = true;


llamar_audio_3.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

voz_3.pause();
sonido_3 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});


/*----------------------------------------fin contenido_3-----------------------------------------*/



/*----------------------------------------contenido_4---------------------------------------------*/


var seccion_click_4 = document.getElementById("proceso4");
var pantalla_cierre_z = document.getElementById("pantalla2");



var voz_4 = document.getElementsByTagName("audio")[10];
var sonido_4 = false;


var llamar_audio_4 = document.getElementById("contenido_4");

voz_4.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[12];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_click_4.addEventListener("click", function(){


voz_4.play();
sonido_4 = true;


llamar_audio_4.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

voz_4.pause();
sonido_4 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});


/*----------------------------------------fin contenido_4-----------------------------------------*/




/*----------------------------------------contenido_5---------------------------------------------*/



var seccion_click_5 = document.getElementById("proceso5");
var pantalla_cierre_z = document.getElementById("pantalla2");



var voz_5 = document.getElementsByTagName("audio")[11];
var sonido_5 = false;


var llamar_audio_5 = document.getElementById("contenido_4");

voz_5.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[12];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_click_5.addEventListener("click", function(){


voz_5.play();
sonido_5 = true;


llamar_audio_5.currentTime = 0;/*--------------resetiar---------------*/
pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

voz_5.pause();
sonido_5 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});


/*----------------------------------------fin contenido_5-----------------------------------------*/





}
/*-------------------------------------------doble click formularios---------------------------------*/



});







/*-------------------------------------------fin doble click formularios---------------------------------*/


/*




} else {
swal("la pagina entrara en modo normal");
}
});


*/
/*--------------------------------FIN AUDIOS--------------------------------*/


</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();
});



$(".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();

});
}

// 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>

</body>
</html>

Proceso de importación

Builder

<!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>Proceso de importación</title>

<link rel="shortcut icon" type="image/x-icon" href="/Presentaciones/procesos_importaciones/img/favicon.ico">
<!--<link rel="stylesheet" type="text/css" href="css/style3.css">--><!--estilos propios-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/procesos_importaciones/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

<!--<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>-->

<!----------------------------------fancybox------------------------------------------>

<link rel="stylesheet" type="text/css" href="/Presentaciones/procesos_importaciones/css/jquery.fancybox.css?v=2.1.5.css" media="screen" />
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">

$('.carousel').carousel({
interval: 8000,
pause:true,
wrap:false
});

</script>
<script type="text/javascript">

$(document).ready(function() {

$('.fancybox').fancybox();

});

</script>

<!-----------------------------------fancybox----------------------------------------->
</head>

<style type="text/css">

.carousel-indicators {

position: absolute;
right: 0;
bottom: 0;
display: none;

}

.carousel-control-next-icon, .carousel-control-prev-icon {

display: inline-block;
width: 20px;
height: 44px !important;
/* background: #1937ee no-repeat center center !important; */
background-size: 100% 100%;
background-color: #1937ee;
}

span.btn.btn-outline-primary {

margin: 3px 0px !important;
}

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

#contenedor_absolute {

height: 535px;
}

.estilos_subcontenido{

margin: 0px 30px;
}

.fancybox-margin {

margin-right: 0;
}

.estilos_boton, .estilos_boton2 {

margin: 6px 20px 26px 20px;
}

.arreglar_cajon_z1{

line-height: 49px;
display: none;
}

.subslinks-z1{

display: none;
}

.subseccion_z3{

display: none;
}


#pantalla1, #pantalla2{

width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.56);
z-index: 20000;
position: fixed;
top: 0;
display: none;
}

.proceso1, .proceso2, .proceso3, .proceso4, .proceso5, .proceso6, .proceso7, .proceso8, .proceso9{

display: none;


}

#video_intro{

opacity: 1;
display: none;
}

.slider{

display: none;
}

.introduccion{

display: none;
}

.video{

display: none;
}

.seccion3{

display: none;
}

#imagen_audio{

display: none;
}


.cajon_texto_blanco {

width: 100%;
background-color: #fff;
border: solid 1px rgba(25, 55, 239, 0.1803921568627451);
border-top: none;
}




@font-face {
font-family: 'Gilroy-Bold';
src: url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.eot');
src: url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.svag#Gilroy-Bold') format('svg'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.ttf') format('truetype'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.woff') format('woff'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'Tahoma';
src: url('/Presentaciones/procesos_importaciones/font/Tahoma.svg#Tahoma') format('svg'),
url('/Presentaciones/procesos_importaciones/font/Tahoma.ttf') format('truetype'),
url('/Presentaciones/procesos_importaciones/font/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'tahoma';
src: url('/Presentaciones/procesos_importaciones/font/tahoma.eot');
src: url('/Presentaciones/procesos_importaciones/font/tahoma.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/procesos_importaciones/font/tahoma.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}


.carousel-control-prev-icon {

margin-right: 40px;
margin-top: 44px;
cursor: pointer;
}

.carousel-control-prev {

left: 0;
height: 256px !important;

}
.carousel-control-next-icon {

margin-left: 40px;

}

.esconder_contenido_modulos_movil_z2{

display: none;
}

.row{

margin-left: 0px !important;
margin-right: 0px !important;
}
/*----------------------------------------header-------------------------------------------*/

.esconder_modulo_de_escritorio{

display: none;
}

.escondeer_en_escritorio {
display: none;

}

.esconder_version_escritorio{

display: none;
}

.esconder_de_escritorio{

display: none !important;
}

.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: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}


.fila_redes_sociales {

text-align: right;
padding-right: 43px !important;
}

.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}


/*---------------------------------------fin header-------------------------------------------*/

.imagen_principal {

width: 100%;
margin-top: 83px;
}

/*---------------------------------------seccion principal #1-------------------------------------------*/

#video-principal{

max-width: 100%;
}
.fila_contenedor_1 {

padding: 160px 0px 0px 0px;
}

.container {

max-width: 1240px !important;
}

.titulo_principal {

background-color: #1937ef;
padding: 17px 32px 10px 44px;
color: #fff;
text-transform: uppercase;
font-size: 49px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";

}


.fuente_pequeña {

font-size: 20px;
padding-left: 73px;
}

.texto_principal {

padding: 32px 0px 28px 0px;
width: 442px;
font-size: 18px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
color: #4c4c4c;
margin-bottom: 0px;
}

.imagen_boton_audio {

width: 336px;
margin-left: 0px;

height: 81px;
}

.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;
}
/*---------------------------------------fin seccion principal #1-------------------------------------------*/


/*-----------------------------------------inicio seccion 2----------------------------------------------------*/

.subtitulo_seccion_modulos {

text-align: center;
font-size: 31px;
color: #002E72;
/*text-transform: uppercase;*/
font-family: "Gilroy-Bold";
margin-top: 0px;
margin-bottom: 55px;
font-weight: inherit;
}

.cajon_texto {

width: 100%;
background-color: #1937ef;
height: 151px;
display: flex;
justify-content: center;
align-items: center;
padding: 28px;
}

.cajon_texto_amarillo {

width: 100%;
background-color: #fca200;
}

.cajon_texto_blanco {

width: 100%;
background-color: #fff;
border: solid 1px #1937ef2e;
border-top: none;
}

.texto_modulo_z3 {

color: #fff;
font-size: 17px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 25px;
}

.texto_azul{

color: #1937ef;
}

.imagen_modulo_z2 {

width: 100%;
}


.quitar_padding_z3{

padding: 0px !important;
}

/*
.margin-top_z2{

margin-top: 30px;
}
*/

.espacios_de_contenido {

padding: 0px 0px 61px 0px;
}

.quitar_padding_z3{

cursor: pointer;
transition: all 0.2s ease;
}

.quitar_padding_z3:hover{

transform: scale(0.9);
}

/*---------------------------------------------fin seccion 2----------------------------------------------------------*/

/*---------------------------------------------------flotante-------------------------------------------------*/

.volver_a_formualrios {

font-size: 18px;
padding: 32px 20px;
float: right;
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;
}

.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;
}
/*---------------------------------------------- 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: 16
px;
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 13px 0px;
}


/*

.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 25px 0px;
}

*/

.facebook_z3{

margin-left: 68px;
}


.buttom_text {

text-align: center;
background-color: #002c54;
padding: 20px 0px 13px 0px;
}

.desplegar_footer {

display: none;
}


span.bullet {

color: #fff;
font-size: 23px;
position: absolute;
left: 10px;
top: -7px;
}


/*---------------------------------------------------Fin footer------------------------------------------------*/







/*---------------------------------------------------contenido cajon intro------------------------------------------------*/


.estilos_cajon {

padding: 32px 49px 43px 49px;
max-width: 1016px;
width: 100%;
}

.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;
margin-bottom: 0px;
}

.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: 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);
}

.fancybox{

text-decoration: none !important;
}

/*---------------------------------------------------fin contenido cajon intro------------------------------------------------*/

.audio {
margin-left: 0;
margin-top: 9px;
max-width: 293px;
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;
}

@media (max-width: 1440px) {

.fila_contenedor_1 {

padding: 117px 50px 0px 50px;
}

#contenedor_absolute {

height: 482px;
}

.espacios_de_contenido {

padding: 8px 0px 0px 0px !important;
}

.volver_a_formualrios {

font-size: 18px;
padding: 52px 20px;

}


.subtitulo_seccion_modulos {

text-align: center;
font-size: 28px;
margin-top: 0;

}

.titulo_principal {

font-size: 40px;
line-height: 25px;

}

.texto_modulo_z3 {


font-size: 15px;
line-height: 20px;

}

}


@media (max-width: 1280px) {



#invidentes{

display: none;
}

}

@media (max-width: 1150px) {

.carousel-control-prev {

left: 0;
height: 86% !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {

display: inline-block;
width: 30px;
height: 52px !important;
}


#contenedor_absolute {

height: 413px;
}

.fila_contenedor_1 {

padding: 110px 20px 47px 20px !important;

}

#contenedor_absolute {

height: 408px;
}

}

@media (max-width: 1020px) {

.texto_principal {

padding: 19px 0px 11px 0px;
width: 88%;
font-size: 21px;
margin: auto;
}


.titulo_principal {

margin: 41px auto 20px auto;
font-size: 42px;
line-height: 26px;
width: 90%;
padding: 24px 44px 19px 44px;
}



.contenedor_ancho_cien{

height: 413px;
max-width: 100% !important;
flex: 0 0 100%;

}

#contenedor_de_video {
max-width: 100%;
flex: 0 0 100%;
}


.esconder_MV{

display: none;
}


.fila_contenedor_1 {

padding: 110px 20px 2px 20px !important;

}

}

@media (max-width: 1000px) {

.carousel-control-prev-icon {

margin-right: 40px;
margin-top: 77px;
}

.carousel-control-prev-icon {

margin-right: 40px;
margin-top: 77px;
}

.carousel-control-prev {

left: 0;
height: 82% !important;
}

.carousel-indicators {

display: none;
}

#imagen_principal_z1 {
margin-top: 80px;
}



.bullet{

display: none;
}

/*-----------------footer--------------------*/


.subtitulo_footer {

font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 33px;

}


.margen_responsiva {

margin-top: 149px;
}


.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-----------------------*/


.subtitulo_seccion_modulos {

text-align: center;
font-size: 28px;
padding: 0px 43px;
line-height: 24px;
margin-top: 76px;
margin-bottom: 54px;
}

/*
.col-md {

-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 50% !important;
flex-basis: inherit !important;
}


.col-md {
-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 100% !important;
flex-basis: inherit !important;
}

*/

/*
.col-md {

-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 50% !important;
flex-basis: inherit !important;
}
*/




/*
.col-md-6 {

-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}

*/

iframe.d-block.w-100 {

height: 290px !important;
}


.esconder_contenido_modulos_movil_z2{

display: block;
}

iframe.d-block.w-100 {
height: 282px;
}

.esconder_contenido_modulos_z2{

display: none;
}

.nombre_de_modulo_cajon {

color: #03040eb5;
font-size: 17px;
line-height: 27px;
padding: 0px 20px 20px 20px;
}

.titulo_de_informacion_cajon {

padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}


.carousel-inner {

margin: 20px auto 50px auto !important;
width: 91% !important;
}

.escondeer_en_escritorio {

display: none;

}

.esconder_modulo_de_movil{

display: none;
}

.esconder_modulo_de_escritorio{

display: block;
}


.audio {

margin-left: 44px;
margin-top: 25px;
}

.imagen_boton_audio {

margin-left: 31px;
/* margin: auto; */
width: 323px;
height: 86px;
}

.texto_principal {

padding: 19px 0px 11px 0px;
width: 88%;
font-size: 21px;
margin: auto;
}

.fila_contenedor_1 {

padding: 45px 30px 40px 30px;
}



.titulo_principal {

margin: 41px auto 20px auto;
font-size: 42px;
line-height: 26px;
width: 90%;
padding: 24px 44px 19px 44px;
}

.carousel-control-next {

right: 29px;
/*display: none !important;*/
}



.carousel-control-prev {

left: 29px;
/*display: none !important;*/
}

.subtitulo_seccion_modulos {

text-align: center;
font-size: 26px;
padding: 0px 43px;
line-height: 24px;
margin-top: 78px;
margin-bottom: 52px;
}


.texto_modulo_z3 {

font-size: 17px;
line-height: 23px;
}


.esconder_de_movil{

display: none !important;
}

.esconder_de_escritorio {
display: flex !important;
}

.cajon_texto {

padding: 10px 14px;
height: 148px;
}

}



@media (max-width: 770px) {



#imagen_principal_z1 {

margin-top: 84px;
}



.texto_principal {

padding: 19px 0px 11px 0px;
width: 88%;
font-size: 16px;
margin: auto;

}

.fila_contenedor_1 {

padding: 58px 20px 29px 20px !important;
}

}

@media (max-width: 610px) {


.carousel-control-next-icon, .carousel-control-prev-icon {

display: inline-block;
width: 26px;
height: 43px !important;
}

.carousel-control-prev-icon {

margin-right: 40px;
margin-top: 51px;
}

.fila_contenedor_1 {

padding: 12px 20px 29px 20px !important;
}

#contenedor_absolute {

height: 319px;
}


#imagen_principal_z1 {

margin-top: 0px;
}

/*-----------------------------footer---------------------*/

.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---------------------*/



.subtitulo_seccion_modulos {

text-align: center;
font-size: 20px;
margin-top: 18px;
margin-bottom: 55px;

}


.carousel-indicators {

bottom: 0 !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;
}
.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-inner {

padding: 0px !important;
width: 100% !important;
margin: auto !important;
}

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


.boton_de_volver_a_inicio {

width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}

.simulador_text {
font-size: 19px;
padding: 7px 10px;
display: block;
}

.mitad_movil {

width: 50% !important;
}

.fila_contenedor_1 {
padding: 45px 20px 40px 20px;
}
.audio {

margin-left: 0;
margin-top: 26px;
height: 51px;
width: 100%;
}

/*--------------------------------header--------------------------------*/

.titulo_principal {

margin: 37px auto 14px auto;
font-size: 31px;
line-height: 20px;
}

.imagen_boton_audio {

margin-left: 0;
width: 280px;
height: 79px;
}

.texto_principal {

padding: 10px 0px 5px 0px;
width: 100%;
margin: auto;
font-size: 15px;
}

.titulo_principal {

margin: 37px auto 14px auto;
font-size: 27px;
line-height: 20px;
width: 100%;
padding: 15px 44px 12px 44px;
}

iframe.d-block.w-100 {

height: 173px !important;
}

.fuente_pequeña {

font-size: 16px;
padding-left: 49px;
}


.imagen_principal {

width: 100%;
margin-top: 0;
}

.fila_de_header {

background-color: #fff;
position: relative;
margin-top: 0;
width: 100%;
z-index: 120;
border-bottom: 1px solid #1937ef8f;
}

.partir_mitad_movil {

width: 50% !important;
}

.logo_legiscomex {

width: 150px;
padding: 13px 7px;
height: 67px;
}

.fila_redes_sociales {

text-align: right;
padding-right: inherit;
padding-right: 24px !important;
}

.iconos_redes_sociales {

width: 35px;
padding: 12px 3px;
height: 67px;
}

.texto_modulo_z3 {

font-size: 12px;
line-height: 18px;
padding: 20px;
}

/*------------------------------header----------------------------*/

}


@media (max-width: 490px){

.carousel-indicators {

display: inline-flex;
}

.carousel-control-prev {

left: 29px;
display: none !important;
}

.carousel-control-next {

display: none !important;
}

/*----------footer-------------*/
.logo_de_legis {

width: 138px;
}
/*--------footer----------------*/

}


@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--------*/

iframe.d-block.w-100 {

height: 151px !important;
}


.carousel-control-prev {

left: 0;
display: none !important;
}


.carousel-control-next {

right: 0;
display: none !important;
}

.carousel-indicators li{

width: 15px !important;
height: 15px !important
}

iframe.d-block.w-100 {

height: 140px;
}

.boton_de_volver_a_inicio {

width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}

.simulador_text {

font-size: 17px;
}

.fuente_pequeña {

font-size: 14px;
padding-left: 38px;
}

}


@media (max-width: 370px){

.subtitulo_seccion_modulos {

text-align: center;
font-size: 19px;
}

iframe.d-block.w-100 {

height: 143px !important;
}


@media (max-width: 350px){

.subtitulo_seccion_modulos {
text-align: center;
font-size: 26px;
padding: 0px 43px;
line-height: 24px;
margin-top: 6px;
}

.fila_contenedor_1 {

padding: 45px 0px 14px 0px;
}

.fuente_pequeña {

font-size: 14px;
padding-left: 14px;
}

.titulo_principal {

margin: 37px auto 14px auto;
font-size: 27px;
line-height: 17px;
width: 100%;
padding: 15px 12px 13px 19px;
}

.texto_principal {

padding: 10px 0px 5px 0px;
width: 100%;
margin: auto;
font-size: 13px;
}

.audio {

margin-left: 0;
height: 39px;
width: 100%;
margin-top: 22px;
}

.simulador_text {

font-size: 15px;
}

.subtitulo_seccion_modulos {

text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
}

}


@media (max-width: 345px){

.titulo_de_informacion_cajon {

font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}

.nombre_de_modulo_cajon {

padding: 0;
}

.titulo_de_informacion_cajon {

padding: 0;
}

.subtitulo_seccion_modulos {

margin-top: 6px;
}


}

@media (max-width: 250px){

.volver_a_formualrios {

padding: 59px 0px;

}

.texto_modulo_z3 {

font-size: 12px;
line-height: 18px;
padding: 0;

}

.texto_principal {

padding: 10px 0px 28px 0px;
width: 100%;
margin: auto;
font-size: 13px;

}

.subtitulo_seccion_modulos {

text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
margin-top: 6px;

}

.iconos_redes_sociales {

width: 28px;
padding: 21px 3px;
height: 64px;

}

.fila_contenedor_1 {

padding: 34px 0 29px 0 !important;
}

.logo_legiscomex {

width: 112px;
padding: 14px 7px;
height: 67px;

}



}


</style>
<body>
<header>
<div id="pantalla1"></div>
<div id="pantalla2"></div>


<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro_impo.mp3" autostart="true" loop="false" id="intro_transito" class="intro_transito" height="0" width="0"></audio> <!------------------------------------------------------header pagina---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/header_impo.mp3" autostart="true" loop="false" id="header" class="header" height="0" width="0"></audio>
<!------------------------------------------------------header pagina---------------------------------------------------------------->

<!-------------------------------------------------------audios----------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/slider_impo.mp3" autostart="true" loop="false" id="slider" class=" slider" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/introduccion_impo.mp3" id="introduccion" autostart="true" loop="false" class="introduccion" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/video_impo.mp3" id="video" autostart="true" loop="false" class="video" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro3_impo.mp3" id="seccion3" autostart="true" loop="false" class="seccion3" height="0" width="0" ></audio>

<!---------------------------------------------procesos---------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso1_impo.mp3" id="proceso1" autostart="true" loop="false" class="proceso1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso2_impo.mp3" id="proceso2" autostart="true" loop="false" class="proceso2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso3_impo.mp3" id="proceso3" autostart="true" loop="false" class="proceso3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso4_impo.mp3" id="proceso4" autostart="true" loop="false" class="proceso4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso5_impo.mp3" id="proceso5" autostart="true" loop="false" class="proceso5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso6_impo.mp3" id="proceso6" autostart="true" loop="false" class="proceso6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso7_impo.mp3" id="proceso7" autostart="true" loop="false" class="proceso7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso8_impo.mp3" id="proceso8" autostart="true" loop="false" class="proceso8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso9_impo.mp3" id="proceso9" autostart="true" loop="false" class="proceso9" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso10_impo.mp3" id="proceso10" autostart="true" loop="false" class="proceso10" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso11_impo.mp3" id="proceso11" autostart="true" loop="false" class="proceso11" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso12_impo.mp3" id="proceso12" autostart="true" loop="false" class="proceso12" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso13_impo.mp3" id="proceso13" autostart="true" loop="false" class="proceso13" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso14_impo.mp3" id="proceso14" autostart="true" loop="false" class="proceso14" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso15_impo.mp3" id="proceso15" autostart="true" loop="false" class="proceso15" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso16_impo.mp3" id="proceso16" autostart="true" loop="false" class="proceso16" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso17_impo.mp3" id="proceso17" autostart="true" loop="false" class="proceso17" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso18_impo.mp3" id="proceso18" autostart="true" loop="false" class="proceso18" height="0" width="0" ></audio>

<!-----------------------------------------------contenido dento del cada modulo----------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido1_impo.mp3" id="contenido_1" autostart="true" loop="false" class="contenido1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido2_impo.mp3" id="contenido_2" autostart="true" loop="false" class="contenido2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido3_impo.mp3" id="contenido_3" autostart="true" loop="false" class="contenido3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido4_impo.mp3" id="contenido_4" autostart="true" loop="false" class="contenido4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido5_impo.mp3" id="contenido_5" autostart="true" loop="false" class="contenido5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido6_impo.mp3" id="contenido_6" autostart="true" loop="false" class="contenido6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido7_impo.mp3" id="contenido_7" autostart="true" loop="false" class="contenido7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido8_impo.mp3" id="contenido_8" autostart="true" loop="false" class="contenido8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido9_impo.mp3" id="contenido_9" autostart="true" loop="false" class="contenido9" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido10_impo.mp3" id="contenido_10" autostart="true" loop="false" class="contenido10" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido11_impo.mp3" id="contenido_11" autostart="true" loop="false" class="contenido11" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido12_impo.mp3" id="contenido_12" autostart="true" loop="false" class="contenido12" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido13_impo.mp3" id="contenido_13" autostart="true" loop="false" class="contenido13" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido14_impo.mp3" id="contenido_14" autostart="true" loop="false" class="contenido14" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido15_impo.mp3" id="contenido_15" autostart="true" loop="false" class="contenido15" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido16_impo.mp3" id="contenido_16" autostart="true" loop="false" class="contenido16" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido17_impo.mp3" id="contenido_17" autostart="true" loop="false" class="contenido17" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido18_impo.mp3" id="contenido_18" autostart="true" loop="false" class="contenido18" height="0" width="0" ></audio>

<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/principal_legicomex_impo.mp3--+" autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0" width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->

<!--------------------------------------------------------salir del modulo---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/salir_proceso_impo.mp3" id="salir_proceso" autostart="true" loop="false" class="salir_proceso" height="0" width="0"></audio>


<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/video_impo.mp3" id="video" autostart="true" loop="false" class="video" height="0" width="0"></audio>

<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/legis_impo.mp3" autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0" width="0"></audio>




<div class="row fila_de_header" id="fila_de_header">
<div class="col-sm-6 col-md-7 partir_mitad_movil">
<a href="https://www.legiscomex.com/"><img src="/Presentaciones/procesos_importaciones/img/logo-legiscomex.svg" class="logo_legiscomex"></a>
</div>
<div class="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/procesos_importaciones/img/icono-twitter.svg" class="iconos_redes_sociales twitter_z1"></a>
<a href="https://www.facebook.com/Legiscomex/" target="_blank"><img src="/Presentaciones/procesos_importaciones/img/icono-facebook.svg" class="iconos_redes_sociales facebook_z1"></a>
<p id="invidentes" class="invidentes"><i class="fas fa-wheelchair"></i> Activar Personas Invidentes</p>
</div>
</div>
</header>
<section>
<!---------------------------------------imagen principal------------------------------------------------>

<img src="/Presentaciones/procesos_importaciones/img/impo.svg" width="100%" id="imagen_principal_z1"> <!--class="imagen_principal"-->

<!---------------------------------------fin imagen principal-------------------------------------------->

<!---------------------------------------Inicio seccion 1------------------------------------->
<div class="container escondeer_en_movil">
<div class="row fila_contenedor_1">
<div class="col-md-6 contenedor_ancho_cien" id="contenedor_absolute">
<h1 class=" titulo_principal">Proceso <br><span class="fuente_pequeña">de Importación </span></h1>
<p class=" texto_principal">Todo proceso de importación se surte mientras la mercancía está en un depósito habilitado.
</p>
<!--<img src="/Presentaciones/procesos_importaciones/img/boton-audio.svg" class="imagen_boton_audio">-->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro_importacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio" ></audio>
</div>

<div class="col-md-6 contenedor_de_video" id="contenedor_de_video">
<img src="/Presentaciones/procesos_importaciones/img/video_ciegos.jpg" width="100%" id="imagen_audio">
<div id="carouselExampleIndicators" class="contenedor_de_video contenedor_de_video2_z1 carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>

</ol>
<div class="carousel-inner">
<div class="carousel-item active">

<!--
<iframe class="d-block w-100" alt="First slide" width="560" height="315" src="../audios/INTERNOS/impo/mp3/importacion2z.mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->

<video id="contenedor_de_video" width="100%" height="auto" name="media" video="" controls="" preload="auto">
<source src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/videos/video_importacion.mp4 " type="video/mp4">
</video>

</div>
<div class="carousel-item">
<img class="d-block w-100" src="/Presentaciones/procesos_importaciones/img/slider-pequeño-1-01.svg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/Presentaciones/procesos_importaciones/img/slider-pequeño-2-01.svg" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/Presentaciones/procesos_importaciones/img/slider-pequeño-3-01.png" alt="Four slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

</div>

</div>
</div>

<!--------------------------------------------------contenido-movil-------------------------------->
<div class="container escondeer_en_escritorio">
<div class="row fila_contenedor_1">

<div class="col-sm-12 col-md-6 contenedor_de_video" id="contenedor_de_video">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">

<div class="carousel-item">

<!--
<iframe class="d-block w-100" alt="First slide" width="560" height="315" src="../audios/INTERNOS/impo/mp3/importacion2z.mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-->

<!--
<video id="contenedor_de_video" width="100%" height="auto" name="media" video="" controls="" preload="auto"><source src="../audios/INTERNOS/impo/mp3/importacion2z.mp4" type="video/mp4"></video>

-->
<iframe src="https://player.vimeo.com/video/343477180" width="100%" height="315" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

</div>
<div class="carousel-item active">
<img class="d-block w-100" src="img/slider-pequeño-1-01.svg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/slider-pequeño-2-01.svg" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/slider-pequeño-3-01.png" alt="Four slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

</div>
<div class="col-sm-12 col-md-6">
<h1 class=" titulo_principal">Proceso <br><span class="fuente_pequeña">de Importación </span></h1>
<p class=" texto_principal">Todo proceso de importación se surte mientras la mercancía está en un depósito habilitado.
</p>
<!--<img src="/Presentaciones/procesos_importaciones/img/boton-audio.svg" class="imagen_boton_audio"><br> -->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro_importacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio" ></audio>
</div>

</div>
</div>

<!------------------------------------fin contenido movil------------------------------------------>

<!---------------------------------------fin seccion 1------------------------------------->
<!---------------------------------------Inicio seccion 2------------------------------------->
<div class="container-fluid quitar-padding espacios_de_contenido esconder_contenido_modulos_z2">
<!-- <h2 class="subtitulo_seccion_modulos" id="inicio_seccion_3">Embarque Único con Datos Definitivos de Embarque</h2>-->
<!--
<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
</div>

<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
</div>
-->

<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_1">
<a href="#cuadro_1" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-09.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de Arribo del Medio de Transporte </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_2">
<a href="#cuadro_2" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-10.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Manifiesto de Carga</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_3">
<a href="#cuadro_3_1" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-11-5.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Información de los Documentos de Transporte y Consolidadores</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_4">
<a href="#cuadro_4" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-11.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Entrega de la Información de los Documentos de Viaje</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_5">
<a href="#cuadro_5" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-12.jpg" class="imagen_modulo_z2">
<div class="cajon_texto ">
<p class="texto_modulo_z3">Aviso de llegada del Medio de Transporte</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil esconder_modulo_de_escritorio ">
<a href="#cuadro_6" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-13.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Fecha de llegada de la mercancía </p>
</div>
</a>
</div>
<!-- <div class="col-sm-6 col-md quitar_padding_z3 mitad_movil">
<a href="#cuadro_6" class="fancybox boton_mas_informacion" title="Fecha de llegada de la mercancía">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-13.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Fecha de llegada de la mercancía </p>
</div>
</a>
</div>
<div class="col quitar_padding_z3 esconder_modulo_de_escritorio">
<a href="#cuadro_8" class="fancybox boton_mas_informacion" title="Informe de descargue e inconsistencias">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-15.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Informe de descargue e inconsistencias</p>
</div>
</a>
</div>
-->

</div>

<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil escondeer_en_movil" id="proceso_6">
<a href="#cuadro_6" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-13.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Fecha de llegada de la mercancía </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_7">
<a href="#cuadro_7" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-14.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Aviso de Finalización de Descargue </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_8">
<a href="#cuadro_8" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-15.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Informe de Descargue e Inconsistencias</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_9">
<a href="#cuadro_9" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-16.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3 ">Justificación de Excesos, Sobrantes, Faltantes o Defecto </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_10">
<a href="#cuadro_10" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-17.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Descargue de Mercancías </p>
</div>
</a>
</div>
</div>

<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_11">
<a href="#cuadro_11" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-20.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Reconocimiento de la carga</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_12">
<a href="#cuadro_12" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-21.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3"> Entrega al Depósito o a la Zona Franca </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_13">
<a href="#cuadro_13" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-22.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul"> Ingreso de la Mercancía al Depósito o Zona Franca </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_14">
<a href="#cuadro_14" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-27.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3"> Permanencia de la Mercancía en Depósito </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_15">
<a href="#cuadro_15" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-23.jpg" class="imagen_modulo_z2">
<div class="cajon_texto ">
<p class="texto_modulo_z3"> Presentación de la Declaración de Importación </p>
</div>
</a>
</div>


<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil esconder_modulo_de_escritorio">
<a href="#cuadro_16" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-24.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3"> Aceptación de la Declaración de Importación </p>
</div>
</a>
</div>

</div>
<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil esconder_modulo_de_movil" id="proceso_16">
<a href="#cuadro_16" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-24.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3"> Aceptación de la Declaración de Importación </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_17">
<a href="#cuadro_17" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-25.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3"> Pago de Tributos Aduaneros </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_18">
<a href="#cuadro_18" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-26.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul"> Inspección Aduanera</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_19">
<a href="#cuadro_19" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Disen%CC%83o%20sin%20ti%CC%81tulo.png" class="imagen_modulo_z2">
<div class="cajon_texto ">
<p class="texto_modulo_z3">Autorización de Levante de la Mercancía</p>
</div>
</a>
</div>

<div class="col-md quitar_padding_z3"></div>
</div>
</div>


<!------------------------------------------------modulos_version movil--------------------------------------->
<div class="container-fluid quitar-padding espacios_de_contenido esconder_contenido_modulos_movil_z2">
<h2 class="subtitulo_seccion_modulos">Embarque Único con Datos Definitivos de Embarque</h2>
<!--
<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
</div>

<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
</div>
-->

<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_1" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-09.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de Arribo del Medio de Transporte </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_2" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-10.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Manifiesto de Carga </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_3_1" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-11-5.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Información de los Documentos de Transporte y Consolidadores</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_4" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-11.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Entrega de la Información de los Documentos de Viaje</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_5" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-12.jpg" class="imagen_modulo_z2">
<div class="cajon_texto ">
<p class="texto_modulo_z3">Aviso de llegada del Medio de Transporte</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil esconder_modulo_de_escritorio esconder_MV">
<a href="#cuadro_6" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-13.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Fecha de llegada de la mercancía </p>
</div>
</a>
</div>
<!-- <div class="col-sm-6 col-md quitar_padding_z3 mitad_movil">
<a href="#cuadro_6" class="fancybox boton_mas_informacion" title="Fecha de llegada de la mercancía">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-13.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Fecha de llegada de la mercancía </p>
</div>
</a>
</div>
<div class="col quitar_padding_z3 esconder_modulo_de_escritorio">
<a href="#cuadro_8" class="fancybox boton_mas_informacion" title="Informe de descargue e inconsistencias">
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-15.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Informe de descargue e inconsistencias</p>
</div>
</a>
</div>
-->

</div>

<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil escondeer_en_movil esconder_MV">
<a href="#cuadro_6" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-13.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Fecha de llegada de la mercancia </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_7" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-14.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Aviso de Finalización del Descargue </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_8" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-15.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Informe de Descargue e Inconsistencias</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_9" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-16.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Justificación de Excesos, Sobrantes, Faltantes o Defecto </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_10" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-17.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Descargue de Mercancías </p>
</div>
</a>
</div>
</div>

<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_12" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-20.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Entrega al Depósito o a la Zona Franca</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_13" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-21.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Ingreso de la Mercancía al Depósito o Zona Franca</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_14" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-22.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Permanencia de la Mercancía en Depósito</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_15" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-27.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Presentación de la Declaración de Importación </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_16" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-23.jpg" class="imagen_modulo_z2">
<div class="cajon_texto ">
<p class="texto_modulo_z3">Aceptación de la Declaración de Importación </p>
</div>
</a>
</div>


<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil esconder_modulo_de_escritorio">
<a href="#cuadro_17" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-24.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Pago de Tributos Aduaneros</p>
</div>
</a>
</div>

</div>
<div class="row margin-top_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil esconder_modulo_de_movil">
<a href="#cuadro_17" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-24.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Pago de Tributos Aduaneros</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_18" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/Presentaciones/procesos_importaciones/img/pequeñas-25.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Inspección Aduanera</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_19" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Disen%CC%83o%20sin%20ti%CC%81tulo.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Autorización de Levante de la Mercancía</p>
</div>
</a>
</div>

<div class="col-md quitar_padding_z3"></div>
<div class="col-md quitar_padding_z3"></div>
</div>
</div>

<!----------------------------------------------fin modulos version movil------------------------------------->


<!-----------------------------------------seccion flotante------------------------------------->

<div class="container-fluid">
<div class="row fila_boton_flotante">
<div class="col-md-12">
<p class="volver_a_formualrios">
<a href="https://www.legiscomex.com/informacion-simulador-de-formularios-y-calculadoras/formularios" class="boton_de_volver_a_inicio" target="_blank">
Volver a Simulador de Formularios</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="#imagen_principal_z1" class="scroll" target="_blank">
<i class="fas fa-chevron-circle-up circulo_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 Simulador de Formularios</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>

<div class="contenido_fancybox">
<div id="cuadro_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Aviso de Arribo del Medio de Transporte </h1>
<p class="nombre_de_modulo_cajon">6 horas vía marítima y 1 hora cuando corresponda a vía aérea.</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/aviso_de_arribo_de_transporte.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos" ></audio>
</div>
<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Manifiesto de Carga</h1>
<p class="nombre_de_modulo_cajon">Es el documento que contiene la relación de todos los bultos que comprende la carga y debe contener:<br><br>
<span style="color:#1937ef;">•</span> Identificación del medio de transporte<br>
<span style="color:#1937ef;">•</span> Datos de viaje<br>
<span style="color:#1937ef;">•</span> Pesos y cantidades de unidades descarga<br>
<span style="color:#1937ef;">•</span> Números de los documentos de transporte<br>
<span style="color:#1937ef;">•</span> Numero de bultos<br>
<span style="color:#1937ef;">•</span> Peso e identificación genérica de las mercancías<br>
<span style="color:#1937ef;">•</span> Indicación de la carga consolidada con número de manifiesto master
</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/manifiesto_de_carga.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos2"></audio>
</div>
<div id="cuadro_4" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Entrega de la Información de los Documentos de Viaje </h1>
<p class="nombre_de_modulo_cajon">Información de manifiesto, documentos consolidadores y documentos hijos.</p>
<p class="nombre_de_modulo_cajon">Para transporte aéreo, el transportador entregará a la Dirección de Impuestos y Aduanas Nacionales (DIAN) a través de sus servicios informáticos, la información del Manifiesto de Carga, de los documentos de transporte, de los documentos consolidadores y de los documentos hijos, con una anticipación mínima de 3 horas antes de la llegada del medio de transporte.
Para transporte marítimo con una anticipación mínima de 12 horas.
</p>

<p class="nombre_de_modulo_cajon">En trayectos cortos la información se debe efectuar con una anticipación de 6 horas en transporte marítimo y 1 hora en transporte aéreo.</p>


<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/entrega_de_la_informacion_de_los_documentos_viaje.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos3"></audio>
</div>
<div id="cuadro_3_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Información de los Documentos de Transporte y Consolidadores</h1>
<p class="nombre_de_modulo_cajon">Debe contener tipo de carga, número y fecha de los documentos de transporte y consolidadores, características del contrato de transporte, cantidad de bultos, peso y volumen, fletes, unidad de carga e identificación general de la mercancía.
</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/informacion_de_los_documentos_de_transporte.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos18" ></audio>
</div>
<div id="cuadro_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Aviso de Llegada del Medio de Transporte</h1>

<p class="nombre_de_modulo_cajon">El transportador avisa la llegada del medio de transporte a la DIAN a través de los servicios informáticos indicando fecha y hora. </p>

<p class="nombre_de_modulo_cajon"><span style="color:#1937ef;">Marítimo:</span> En el momento o antes de que la autoridad marítima otorgue la libre plática o autorice el inicie anticipado de la operación.</p>

<p class="nombre_de_modulo_cajon"><span style="color:#1937ef;">Aéreo:</span> En el momento en el que la aeronave se ubique en el lugar de parqueo.</p>



<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/aviso_de_llegada_del_medio_de_transporte.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos4"></audio>
</div>
<div id="cuadro_6" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Fecha de llegada de la mercancía </h1>
<p class="nombre_de_modulo_cajon"> Para efectos aduaneros, la fecha y hora de acuse de recibo del aviso de llegada a través de los servicios informáticos electrónicos, se tendrá como fecha de llegada de la mercancía al Territorio Aduanero Nacional (TAN).</p>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/autorizacion_del_descargue.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos5"></audio>
</div>
<div id="cuadro_7" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Aviso de Finalización del Descargue </h1>
<p class="nombre_de_modulo_cajon"> El transportador en el modo de transporte aéreo o el responsable del puerto o muelle en el marítimo a través de los sistemas informáticos de la DIAN indicando hora y fecha. Se entiende entregado cuando la DIAN acuse el recibo a través del servicio informático electrónico.</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/aviso_de_finalizacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos6"></audio>
</div>

<div id="cuadro_8" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Informe de Descargue e Inconsistencias </h1>
<p class="nombre_de_modulo_cajon">Se realiza el informe de descargue e inconsistencias de los datos de carga, realmente descargada, a través de los sistemas informáticos de la DIAN.<br><br>
<span style="color: #1937ee;">El transportador:</span> Dentro de las 24 horas en modo marítimo y 12 horas en aéreo le informa a la DIAN a través de los servicios informáticos respecto de la carga relacionada indicando si hay inconsistencias (sobrantes o faltantes en bultos o excesos o defectos en peso) o documentos de transporte no relacionados en el manifiesto.<br><br>
<span style="color: #1937ee;">El agente de carga: </span>Informa las inconsistencias de la carga relacionada en el documento consolidador y la carga desconsolidada o documentos hijos no entregados, dentro de los 5 días al aviso de finalización de descargue.<br><br>
<span style="color: #1937ee;">El responsable del muelle o puerto: </span>Deberá informar detalles de la carga y unidades de carga efectivamente descargadas dentro de las 12 horas siguientes al aviso de finalización del descargue.<br><br>
</p>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/informe_de_descargue_e_inconsistencias.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos7"></audio>
</div>
<div id="cuadro_9" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Justificación de Excesos, Sobrantes, Faltantes o Defecto </h1>
<p class="nombre_de_modulo_cajon">Cuando en el informe de descargue hay diferencia entre la carga manifestada o la carga consolidada y la efectivamente descargada, el transportador o los agentes de carga tienen 5 días para justificar excesos, sobrantes, faltantes o defecto o para justificar la llegada de la mercancía soportada en documentos de transporte no relacionados en el manifiesto de carga, o de 2 meses para demostrar la llegada de la mercancía en un embarque posterior.

En la carga a granel la autoridad aduanera podrá aceptar hasta un 5% de exceso o defecto en la cantidad o peso de la mercancía.</p>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/justificacion_de_excesos_sobrantes_faltantes.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos8"></audio>
</div>
<div id="cuadro_10" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Descargue de Mercancías </h1>
<p class="nombre_de_modulo_cajon">Descargada la mercancía queda bajo la responsabilidad del transportador o el agente de carga internacional. La DIAN a través de sus servicios informáticos, informará al transportador, agente de carga internacional o puerto, la determinación de practicar diligencia de reconocimiento de la carga o lo autorizará para que expida la planilla de envío.</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/descargue_de_mercancias.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos9"></audio>
</div>
<div id="cuadro_11" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Reconocimiento de Carga </h1>
<p class="nombre_de_modulo_cajon">El reconocimiento deberá realizarse para los modos aéreo y terrestre dentro de las 24 horas siguientes al momento en que se ordene su práctica y 48 horas en el modo marítimo. Si como resultado del reconocimiento se encuentra carga no presentada, procederá su aprehensión.
</p>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/entrega_al_deposito_o_a_la_zona_franca.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos10"></audio>
</div>

<!-------------------------------------------------------nuevos------------------------------------------->
<div id="cuadro_12" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Entrega al depósito o a la zona franca </h1>
<p class="nombre_de_modulo_cajon">El transportador o los agentes de carga internacional entregan las mercancías al Depósito Habilitado señalado en el documento de transporte, si éste no contiene información ellos determinan, o al Usuario Operador de Zona Franca a cuyo nombre se encuentre consignado o se endose el documento de transporte.
El transportador o agente de carga tienen 2 días hábiles desde el informe de descargue e inconsistencias en aeropuerto o 5 días hábiles cuando el descargue se efectúe en puerto. En el transporte terrestre la carga debe ser entregada en el término de la distancia, luego de la entrega de los documentos de viaje a la DIAN. </p>

<p class="nombre_de_modulo_cajon">Cuando haya procedido levante respecto de una Declaración Inicial o Anticipada, el transportador, el agente o el puerto pueden entregar la carga al importador o declarante dentro del siguiente día hábil en aeropuerto o 4 días hábiles en puerto.

</p>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/ingreso_de_la_mercancia_al_deposito_o_zona_franca.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos11"></audio>
</div>
<div id="cuadro_13" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Ingreso de la Mercancía al Depósito o Zona Franca </h1>
<p class="nombre_de_modulo_cajon">El Usuario Operador o el Depósito recibe del transportador o del agente de carga internacional o del puerto la planilla de envío, ordenan el descargue y confrontan cantidad, peso y estado de los bultos con lo consignado en la planilla. Si está correcto registran la información a través de los servicios informáticos electrónicos, si hay inconsistencias o adulteraciones o irregularidades en empaques, embalajes y precintos; el Depósito o la zona consignan los datos en la planilla de recepción y lo transmite a la autoridad aduanera a través de los servicios informáticos electrónicos. </p>

<p class="nombre_de_modulo_cajon">Si se presentan inconsistencias con los datos de la planilla y la carga o si se detectan adulteraciones o irregularidades o si la entrega se realiza por fuera de los términos el Usuario Aduanero o el Depósito consignaran estos datos en la planilla de recepción y los transmitirá a la DIAN por los servicios informáticos electrónicos.

</p>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/ingreso_de_la_mercancia_al_deposito_o_zona_franca.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos11"></audio>
</div>
<div id="" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Aviso de arribo del medio de transporte</h1>
<p class="nombre_de_modulo_cajon">El transportador avisara mínimo 6 horas antes.
</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/aviso_de_arribo_de_transporte.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" ></audio>
</div>
<div id="cuadro_14" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Permanencia de la Mercancía en Depósito </h1>
<p class="nombre_de_modulo_cajon">La mercancía podrá permanecer almacenada mientras se realizan los trámites para el levante por 1 mes desde la fecha de llegada al Territorio Aduanero Nacional (TAN) prorrogable por 1 mes más. Si no obtuvo el levante o se reembarcó la mercancía, procede al abandono legal. Dentro del mes siguiente se puede rescatar la mercancía.
</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/permanencia_de_la_mercancia_en_deposito.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos12"></audio>
</div>
<div id="cuadro_15" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Presentación de la Declaración de Importación</h1>
<p class="nombre_de_modulo_cajon">La declaración de importación deberá presentarse ante DIAN con jurisdicción en el lugar donde se encuentre la mercancía, a través de los servicios informáticos electrónicos, en la forma que está determinada. Los Declarante deben conservar por un período de cinco (5) años contados a partir de dicha fecha, el original de los siguientes documentos que deberá poner a disposición de la autoridad aduanera:
</p>

<button class="btn btn-primary estilos_boton">Ver documentos soporte</button>

<div class="links_z1">
<p class="nombre_de_modulo_cajon arreglar_cajon_z1">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F18" target="_blank">
<span class="btn btn-outline-primary">a) Registro o Licencia de Importación </span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F47" target="_blank">
<span class="btn btn-outline-primary">b) Factura Comercial </span>
</a>
<br>
<span class="btn btn-outline-primary desplegar_subcontenido_z1">c) Documento de Transporte </span>

<span class="subseccion_z3">
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F42" target="_blank">
<span class="btn btn-outline-danger estilos_subcontenido">• BL</span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F46" target="_blank">
<span class="btn btn-outline-danger estilos_subcontenido">• Carta de Porte </span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F54" target="_blank">
<span class="btn btn-outline-danger estilos_subcontenido">• Guía Aérea </span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F56" target="_blank">
<span class="btn btn-outline-danger estilos_subcontenido">• Documento de Transporte y Consolidador </span>
</a>
</span>
<br>
<span class="btn btn-outline-primary" style="cursor: default;">d) Prueba de Origen</span>

<br>
<span class="btn btn-outline-primary" style="cursor: default;">e) Certificado de Sanidad</span>

<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F27" target="_blank">
<span class="btn btn-outline-primary">f) Lista de Empaque</span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F4" target="_blank">
<span class="btn btn-outline-primary">g) Mandato Aduanero </span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F7" target="_blank">
<span class="btn btn-outline-primary">h) Declaración Andina del Valor </span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F6" target="_blank">

<span class="btn btn-outline-primary">i) Declaración de Exportación </span>
</a>
<br>

<span class="btn btn-outline-primary">j) Autorizaciones previas establecidas por la DIAN </span>
</a>
<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F6" target="_blank">
<span class="btn btn-outline-primary" style="cursor: default;">k) Documento de Constitución del Consorcio o Unión Temporal </span>

<br><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F44" target="_blank">
<span class="btn btn-outline-primary">I) Certificación de Marcación Física o Electrónica</span>
</a>
</p>
</div>
<!-- <p class="nombre_de_modulo_cajon">• El Declarante antes de la presentación y aceptación de la declaración debe conservar por un período de cinco (5) años contados a partir de dicha fecha, el original de los siguientes documentos que deberá poner a disposición de la autoridad aduanera:
</p>
-->
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F5" target="_blank"><button class="btn btn-primary estilos_boton2">Ir a Sumulador de la Declaración de Importación</button></a>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/presentacion_de_la_declaracion_de_importacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos13"></audio>
</div>
<div id="cuadro_16" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Aceptación de la Declaración de Importación </h1>
<p class="nombre_de_modulo_cajon">El sistema informático valida la consistencia de los datos de la Declaración, le informa al declarante las discrepancias y si no hay discrepancias la acepta, le asigna número y fecha correspondiente.
</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/aceptacion_de_la_declaracion_de_importacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos14"></audio>
</div>
<div id="cuadro_17" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Pago de Tributos Aduaneros</h1>
<p class="nombre_de_modulo_cajon">Presentada y aceptada la Declaración, el pago de los tributos aduaneros y de las sanciones a que haya lugar, deberá efectuarse a través de los bancos y entidades financieras autorizadas por la DIAN.
</p>
<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/pago_de_tributos_aduaneros.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos15"></audio>
</div>
<div id="cuadro_18" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Inspección Aduanera</h1>
<p class="nombre_de_modulo_cajon">Si no se autorizó el levante automático con el sistema de la DIAN o por solicitud escrita del declarante, la inspección puede ser documental o física y suspende el término de permanencia de la mercancía en el Depósito. Debe realizarse de forma continua y concluirse a más tardar el día siguiente en que se ordene su práctica. Dejar constancia de la fecha y hora en que se inicia y termina la diligencia. Se consignará el resultado de su actuación en los servicios informáticos electrónicos.
</p>
<img src="../audios/INTERNOS/impo/mp3/inspeccipn_aduanera.mp3" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/inspeccipn%20aduanera.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos16"></audio>
</div>
<div id="cuadro_19" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Autorización de Levante de la Mercancía</h1>

<p class="nombre_de_modulo_cajon">Autorización mediante la cual la DIAN de manera automática o previa inspección física o documental establece la conformidad entre lo declarado y lo inspeccionado.</p>

<p class="nombre_de_modulo_cajon">Efectuado y acreditado el pago a través del sistema informático aduanero, se procederá de manera inmediata a determinar si se autoriza el levante automático de la mercancía; si se realiza inspección documental o inspección física de la mercancía.</p>

<p class="nombre_de_modulo_cajon">Cuando se presenten dudas, errores u omisiones, procede el levante si el importador opta por constituir una garantía.</p>

<img src="/Presentaciones/procesos_importaciones/img/audio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/autorizacion_de_levante_de_la_mercancia.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos17"></audio>
</div>

</div>

<!--<script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>-->
<!--<script type="text/javascript" src="js/audios_importacion.js"></script>-->
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/popper.min.js"></script>
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/bootstrap.min.js"></script>

<!--<script type="text/javascript">
$('.carousel').carousel({
interval: 2000
})
</script>
-->
<script type="text/javascript">

if ($(window).width() <= 600) {

$("#iframe").css('height', 'auto');

}

$(".desplegar_footer").click(function(event) {


$(".ocultar_movil").toggle(function() {


}, function() {


});

});


$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1500);

});




$(".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');

});

</script>




<script type="text/javascript">


/*---------------------------- final de scroll---------------------------*/

$(".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 */
});


});

$(".desplegar_subcontenido_z1").click(function(event) {
$(".subseccion_z3").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/procesos_importaciones/img/hover_facebook.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/procesos_importaciones/img/icono-facebook.svg');
});

$(".twitter_z1").hover(function() {
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/procesos_importaciones/img/hover_twitter.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/procesos_importaciones/img/icono-twitter.svg');
});

/*-----------------------------REDES---------------------------------*/
</script>




<script type="text/javascript">

/*------------------------audios importacion-------------------------*/
/*


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');

$(".contenedor_de_video2_z1").css('display', 'none');

$("#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');




/*------------------------bienvenida---------------------------------*/

var pantalla_cierre2 = document.getElementById("pantalla1");


var audio0 = document.getElementsByTagName("audio")[0];
var sonido0 = false;
audio0.pause();
audio0.loop = false;

/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[14];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------*/





audio0.play();
pantalla_cierre2.style.display = 'block';/*---------------mostar al pantalla---------------*/



pantalla_cierre2.addEventListener("click", function(){

audio0.pause();
sonido0 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre2.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*------------------------bienvenida---------------------------------*/


/*---------------------------------------------header logo legiscomex--------------------------------------*/



var seccion_header = document.getElementById("fila_de_header");

var audioH_1 = document.getElementsByTagName("audio")[1];
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---------------------------------------------*/




/*-------------------------------------------------click en header-----------------------------------------*/


/*---------------------------audio slider--------------------------------------*/


var boton = document.getElementById("imagen_principal_z1");
var v = document.getElementsByTagName("audio")[2];
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 seccion_introduccion = document.getElementById("contenedor_absolute");
var audio1 = document.getElementsByTagName("audio")[3];
var sonido1 = false;

var introduccion = document.getElementById("introduccion"); /*--------------resetiar---------------*/

audio1.pause();
audio1.loop = false;


seccion_introduccion.addEventListener("mouseover", function(){


audio1.play();

sonido1 = true;
slider.currentTime = 0; /*--------------resetiar---------------*/



});

seccion_introduccion.addEventListener("mouseout", function(){

audio1.pause();
sonido1 = false;

});

/*--------------------------- fin audio introduccion--------------------------------------*/


/*-------------------------------------audio video--------------------------------------*/


var contenido_video = document.getElementById("contenedor_de_video");
var v3 = document.getElementsByTagName("audio")[4];
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")[5];
var sound4 = false;

var audio_seccion3 = document.getElementById("seccion3");

v4.pause();


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")[6];
var sonido1 = false;

var audio_proceso1 = document.getElementById("proceso1");

vol1.pause();


seccion_proceso1.addEventListener("mouseover", function(){


vol1.play();
sonido1 = true;


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")[7];
var sonido2 = false;

var audio_proceso2 = document.getElementById("proceso2");

vol2.pause();


seccion_proceso2.addEventListener("mouseover", function(){


vol2.play();
sonido2 = true;


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")[8];
var sonido3 = false;

var audio_proceso3 = document.getElementById("proceso3");

vol3.pause();


seccion_proceso3.addEventListener("mouseover", function(){


vol3.play();
sonido3 = true;


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")[9];
var sonido4 = false;

var audio_proceso4 = document.getElementById("proceso4");

vol4.pause();


seccion_proceso4.addEventListener("mouseover", function(){


vol4.play();
sonido4 = true;


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")[10];
var sonido5 = false;

var audio_proceso5 = document.getElementById("proceso5");

vol5.pause();


seccion_proceso5.addEventListener("mouseover", function(){


vol5.play();
sonido5 = true;


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")[11];
var sonido6 = false;

var audio_proceso6 = document.getElementById("proceso6");

vol6.pause();


seccion_proceso6.addEventListener("mouseover", function(){


vol6.play();
sonido6 = true;

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")[12];
var sonido7 = false;

var audio_proceso7 = document.getElementById("proceso7");

vol7.pause();


seccion_proceso7.addEventListener("mouseover", function(){


vol7.play();
sonido7 = true;


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")[13];
var sonido8 = false;

var audio_proceso8 = document.getElementById("proceso8");

vol8.pause();


seccion_proceso8.addEventListener("mouseover", function(){


vol8.play();
sonido8 = true;


audio_proceso8.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso8.addEventListener("mouseout", function(){


vol8.pause();
sonido8 = false;

});

/*------------------------------------- fin proceso 8--------------------------------------*/


/*-------------------------------------proceso 9--------------------------------------*/


var seccion_proceso9 = document.getElementById("proceso_9");

var vol9 = document.getElementsByTagName("audio")[14];
var sonido9 = false;

var audio_proceso9 = document.getElementById("proceso9");

vol9.pause();


seccion_proceso9.addEventListener("mouseover", function(){


vol9.play();
sonido9 = true;


audio_proceso9.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso9.addEventListener("mouseout", function(){


vol9.pause();
sonido9 = false;

});

/*------------------------------------- fin proceso 9--------------------------------------*/


/*-------------------------------------proceso 10--------------------------------------*/


var seccion_proceso10 = document.getElementById("proceso_10");

var vol10 = document.getElementsByTagName("audio")[15];
var sonido10 = false;

var audio_proceso10 = document.getElementById("proceso10");

vol10.pause();


seccion_proceso10.addEventListener("mouseover", function(){


vol10.play();
sonido10 = true;


audio_proceso10.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso10.addEventListener("mouseout", function(){


vol10.pause();
sonido10 = false;

});

/*------------------------------------- fin proceso 10--------------------------------------*/

/*-------------------------------------proceso 11--------------------------------------*/


var seccion_proceso11 = document.getElementById("proceso_11");

var vol11 = document.getElementsByTagName("audio")[16];
var sonido11 = false;

var audio_proceso11 = document.getElementById("proceso11");

vol11.pause();


seccion_proceso11.addEventListener("mouseover", function(){


vol11.play();
sonido11 = true;


audio_proceso11.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso11.addEventListener("mouseout", function(){


vol11.pause();
sonido11 = false;

});

/*------------------------------------- fin proceso 11--------------------------------------*/

/*-------------------------------------proceso 12--------------------------------------*/


var seccion_proceso12 = document.getElementById("proceso_12");

var vol12 = document.getElementsByTagName("audio")[17];
var sonido12 = false;

var audio_proceso12 = document.getElementById("proceso12");

vol12.pause();


seccion_proceso12.addEventListener("mouseover", function(){


vol12.play();
sonido12 = true;


audio_proceso12.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso12.addEventListener("mouseout", function(){


vol12.pause();
sonido12 = false;

});

/*------------------------------------- fin proceso 12--------------------------------------*/



/*-------------------------------------proceso 13--------------------------------------*/


var seccion_proceso13 = document.getElementById("proceso_13");

var vol13 = document.getElementsByTagName("audio")[18];
var sonido13 = false;

var audio_proceso13 = document.getElementById("proceso13");

vol13.pause();


seccion_proceso13.addEventListener("mouseover", function(){


vol13.play();
sonido13 = true;


audio_proceso13.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso13.addEventListener("mouseout", function(){


vol13.pause();
sonido13 = false;

});

/*------------------------------------- fin proceso 13--------------------------------------*/


/*-------------------------------------proceso 14--------------------------------------*/


var seccion_proceso14 = document.getElementById("proceso_14");

var vol14 = document.getElementsByTagName("audio")[19];
var sonido14 = false;

var audio_proceso14 = document.getElementById("proceso14");

vol14.pause();


seccion_proceso14.addEventListener("mouseover", function(){


vol14.play();
sonido14 = true;


audio_proceso14.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso14.addEventListener("mouseout", function(){


vol14.pause();
sonido14 = false;

});

/*------------------------------------- fin proceso 14--------------------------------------*/





/*-------------------------------------proceso 15--------------------------------------*/


var seccion_proceso15 = document.getElementById("proceso_15");

var vol15 = document.getElementsByTagName("audio")[20];
var sonido15 = false;

var audio_proceso15 = document.getElementById("proceso15");

vol15.pause();


seccion_proceso15.addEventListener("mouseover", function(){


vol15.play();
sonido15 = true;


audio_proceso15.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso15.addEventListener("mouseout", function(){


vol15.pause();
sonido15 = false;

});

/*------------------------------------- fin proceso 15--------------------------------------*/












/*-------------------------------------proceso 16--------------------------------------*/


var seccion_proceso16 = document.getElementById("proceso_16");

var vol16 = document.getElementsByTagName("audio")[21];
var sonido16 = false;

var audio_proceso16 = document.getElementById("proceso16");

vol16.pause();


seccion_proceso16.addEventListener("mouseover", function(){


vol16.play();
sonido16 = true;


audio_proceso16.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso16.addEventListener("mouseout", function(){


vol16.pause();
sonido16 = false;

});

/*------------------------------------- fin proceso 16--------------------------------------*/






/*-------------------------------------proceso 17--------------------------------------*/


var seccion_proceso17 = document.getElementById("proceso_17");

var vol17 = document.getElementsByTagName("audio")[22];
var sonido17 = false;

var audio_proceso17 = document.getElementById("proceso17");

vol17.pause();


seccion_proceso17.addEventListener("mouseover", function(){


vol17.play();
sonido17 = true;

audio_proceso17.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso17.addEventListener("mouseout", function(){


vol17.pause();
sonido17 = false;

});

/*------------------------------------- fin proceso 17--------------------------------------*/



/*-------------------------------------proceso 17--------------------------------------*/


var seccion_proceso18 = document.getElementById("proceso_18");

var vol18 = document.getElementsByTagName("audio")[23];
var sonido18 = false;

var audio_proceso18 = document.getElementById("proceso18");

vol18.pause();


seccion_proceso18.addEventListener("mouseover", function(){


vol18.play();
sonido18 = true;


audio_proceso18.currentTime = 0;/*--------------resetiar---------------*/


});

seccion_proceso18.addEventListener("mouseout", function(){


vol18.pause();
sonido18 = false;

});

/*------------------------------------- fin proceso 17--------------------------------------*/
















/*----------------------------------------contenido_1---------------------------------------------*/


var seccion_contenido1 = document.getElementById("proceso_1");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC1 = document.getElementsByTagName("audio")[24];
var sonidoC1 = false;


var audio_contenido1 = document.getElementById("contenido_1");

volC1.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido1.addEventListener("click", function(){


volC1.play();
sonidoC1 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC1.pause();
sonidoC1 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_1-----------------------------------------*/


/*----------------------------------------contenido_2---------------------------------------------*/


var seccion_contenido2 = document.getElementById("proceso_2");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC2 = document.getElementsByTagName("audio")[25];
var sonidoC2 = false;


var audio_contenido2 = document.getElementById("contenido_1");

volC2.pause();
volC2.loop = false;



/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido2.addEventListener("click", function(){


volC2.play();
sonidoC2 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC2.pause();
sonidoC2 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_2-----------------------------------------*/


/*----------------------------------------contenido_3---------------------------------------------*/


var seccion_contenido3 = document.getElementById("proceso_3");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC3 = document.getElementsByTagName("audio")[26];
var sonidoC3 = false;


var audio_contenido3 = document.getElementById("contenido_3");

volC2.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido3.addEventListener("click", function(){


volC3.play();
sonidoC3 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC3.pause();
sonidoC3 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_3-----------------------------------------*/



/*----------------------------------------contenido_4---------------------------------------------*/


var seccion_contenido4 = document.getElementById("proceso_4");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC4 = document.getElementsByTagName("audio")[27];
var sonidoC4 = false;


var audio_contenido4 = document.getElementById("contenido_4");

volC2.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido4.addEventListener("click", function(){


volC4.play();
sonidoC4 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC4.pause();
sonidoC4 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_4-----------------------------------------*/



/*----------------------------------------contenido_5---------------------------------------------*/


var seccion_contenido5 = document.getElementById("proceso_5");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC5 = document.getElementsByTagName("audio")[28];
var sonidoC5 = false;


var audio_contenido5 = document.getElementById("contenido_5");

volC5.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido5.addEventListener("click", function(){


volC5.play();
sonidoC5 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC5.pause();
sonidoC5 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_5-----------------------------------------*/



/*----------------------------------------contenido_6---------------------------------------------*/


var seccion_contenido6 = document.getElementById("proceso_6");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC6 = document.getElementsByTagName("audio")[29];
var sonidoC6 = false;


var audio_contenido6 = document.getElementById("contenido_6");

volC5.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido6.addEventListener("click", function(){


volC6.play();
sonidoC6 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC6.pause();
sonidoC6 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_6-----------------------------------------*/



/*----------------------------------------contenido_7---------------------------------------------*/


var seccion_contenido7 = document.getElementById("proceso_7");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC7 = document.getElementsByTagName("audio")[30];
var sonidoC7 = false;


var audio_contenido7 = document.getElementById("contenido_7");

volC7.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido7.addEventListener("click", function(){


volC7.play();
sonidoC7 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC7.pause();
sonidoC7 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_7-----------------------------------------*/


/*----------------------------------------contenido_8---------------------------------------------*/


var seccion_contenido8 = document.getElementById("proceso_8");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC8 = document.getElementsByTagName("audio")[31];
var sonidoC8 = false;


var audio_contenido8 = document.getElementById("contenido_8");

volC8.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido8.addEventListener("click", function(){


volC8.play();
sonidoC8 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC8.pause();
sonidoC8 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_8-----------------------------------------*/


/*----------------------------------------contenido_9---------------------------------------------*/


var seccion_contenido9 = document.getElementById("proceso_9");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC9 = document.getElementsByTagName("audio")[32];
var sonidoC9 = false;


var audio_contenido9 = document.getElementById("contenido_9");

volC9.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido9.addEventListener("click", function(){


volC9.play();
sonidoC9 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC9.pause();
sonidoC9 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_9-----------------------------------------*/



/*----------------------------------------contenido_10---------------------------------------------*/


var seccion_contenido10 = document.getElementById("proceso_10");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC10 = document.getElementsByTagName("audio")[33];
var sonidoC10 = false;


var audio_contenido10 = document.getElementById("contenido_10");

volC10.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido10.addEventListener("click", function(){


volC8.play();
sonidoC8 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC10.pause();
sonidoC10 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_10-----------------------------------------*/



/*----------------------------------------contenido_11---------------------------------------------*/


var seccion_contenido11 = document.getElementById("proceso_11");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC11 = document.getElementsByTagName("audio")[34];
var sonidoC11 = false;


var audio_contenido11 = document.getElementById("contenido_11");

volC11.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido11.addEventListener("click", function(){


volC11.play();
sonidoC11 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC11.pause();
sonidoC11 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_11-----------------------------------------*/


/*----------------------------------------contenido_12---------------------------------------------*/


var seccion_contenido12 = document.getElementById("proceso_12");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC12 = document.getElementsByTagName("audio")[35];
var sonidoC12 = false;


var audio_contenido12 = document.getElementById("contenido_12");

volC12.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido12.addEventListener("click", function(){


volC12.play();
sonidoC12 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC12.pause();
sonidoC12 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_12-----------------------------------------*/



/*----------------------------------------contenido_13---------------------------------------------*/


var seccion_contenido13 = document.getElementById("proceso_13");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC13 = document.getElementsByTagName("audio")[36];
var sonidoC13 = false;


var audio_contenido13 = document.getElementById("contenido_13");

volC13.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido13.addEventListener("click", function(){


volC13.play();
sonidoC13 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC13.pause();
sonidoC13 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_13-----------------------------------------*/






/*----------------------------------------contenido_14---------------------------------------------*/


var seccion_contenido14 = document.getElementById("proceso_14");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC14 = document.getElementsByTagName("audio")[37];
var sonidoC14 = false;


var audio_contenido14 = document.getElementById("contenido_14");

volC14.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido14.addEventListener("click", function(){


volC14.play();
sonidoC14 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC14.pause();
sonidoC14 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_14-----------------------------------------*/



/*----------------------------------------contenido_15---------------------------------------------*/


var seccion_contenido15 = document.getElementById("proceso_15");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC15 = document.getElementsByTagName("audio")[38];
var sonidoC15 = false;


var audio_contenido15 = document.getElementById("contenido_15");

volC15.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido15.addEventListener("click", function(){


volC15.play();
sonidoC15 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC15.pause();
sonidoC15 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_15-----------------------------------------*/


/*----------------------------------------contenido_16---------------------------------------------*/


var seccion_contenido16 = document.getElementById("proceso_16");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC16 = document.getElementsByTagName("audio")[39];
var sonidoC16 = false;


var audio_contenido16 = document.getElementById("contenido_16");

volC16.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido16.addEventListener("click", function(){


volC16.play();
sonidoC16 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC17.pause();
sonidoC17 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_16-----------------------------------------*/



/*----------------------------------------contenido_17---------------------------------------------*/


var seccion_contenido17 = document.getElementById("proceso_17");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC17 = document.getElementsByTagName("audio")[40];
var sonidoC17 = false;


var audio_contenido17 = document.getElementById("contenido_17");

volC17.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido17.addEventListener("click", function(){


volC17.play();
sonidoC17 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC17.pause();
sonidoC17 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_17-----------------------------------------*/



/*----------------------------------------contenido_18---------------------------------------------*/


var seccion_contenido18 = document.getElementById("proceso_18");
var pantalla_cierre_z = document.getElementById("pantalla2");


var volC18 = document.getElementsByTagName("audio")[41];
var sonidoC18 = false;


var audio_contenido18 = document.getElementById("contenido_18");

volC18.pause();


/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/



seccion_contenido18.addEventListener("click", function(){


volC18.play();
sonidoC18 = true;


pantalla_cierre_z.style.display = 'block';


});


pantalla_cierre_z.addEventListener("click", function(){

volC18.pause();
sonidoC18 = false;

volPRO.play();
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';
volPRO.pause();

}, 10000);


});

/*----------------------------------------fin contenido_17-----------------------------------------*/

var video_legis2 = document.getElementById("contenedor_de_video");
var pantalla_cierre_z = document.getElementById("pantalla2");



var volCVideo = document.getElementsByTagName("audio")[45];
var sonidoVideo = false;



var audio_contenido18 = document.getElementById("contenido_18");
volCVideo.pause();



video_legis2.addEventListener("click", function(){

volCVideo.play();
sonidoVideo = true;



v3.pause();
sound3 = false;
pantalla_cierre_z.style.display = 'block';


});



pantalla_cierre_z.addEventListener("click", function(){


volCVideo.pause();
sonidoVideo = false;
setTimeout(function(){

pantalla_cierre_z.style.display = 'none';


}, 10000);


});


}

});



/*


} else {
swal("la pagina entrara en modo normal");
}
});

*/

/*------------------------audios importacion-------------------------*/



</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();
});



$(".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();


var v10 = document.getElementById("audios_internos10");
v10.pause();

var v11 = document.getElementById("audios_internos11");
v11.pause();

var v12 = document.getElementById("audios_internos12");
v12.pause();

var v13 = document.getElementById("audios_internos13");
v13.pause();

var v14 = document.getElementById("audios_internos14");
v14.pause();

var v15 = document.getElementById("audios_internos15");
v15.pause();

var v16 = document.getElementById("audios_internos16");
v16.pause();

var v17 = document.getElementById("audios_internos17");
v17.pause();

var v18 = document.getElementById("audios_internos18");
v18.pause();

});

}

// 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>





</body>
</html>

Proceso de exportación

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>Proceso de exportación</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">


#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: 160px 0px;
}

.container {

max-width: 1240px !important;
}

.titulo_principal {

background-color: #1937ef;
padding: 29px 44px 23px 44px;
color: #fff;
text-transform: uppercase;
font-size: 49px;
line-height: 38px;
width: 444px;
font-family: "Gilroy-Bold";
}

.fuente_pequeña {

font-size: 20px;
padding-left: 73px;
}

.texto_principal {

padding: 32px 0px 28px 0px;
width: 442px;
font-size: 18px;
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_azul:hover{

transform: scale(0.8);
background-color: #002E72;
}

.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;
}

.boton_de_volver_a_inicio {

padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
font-size: 17px;
}

.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;
}

/*---------------------------------------------- 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%;
}

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

.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: 42px 0px 70px 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;
}

.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;
}

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

.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: 42px 0px 70px 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;
}

.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;
}

}




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

}

.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;
}
.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;
}

.simulador_text {

font-size: 19px;
}


.volver_a_formualrios {

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

.modulo_azul {

background-color: #1937ef;
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;
}

.simulador_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;
}

.modulo_azul {

background-color: #1937ef;
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;
}

.simulador_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%;
}

.volver_a_formualrios {

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>
<p id="invidentes" class="invidentes"><i class="fas fa-wheelchair"></i> Activar - Personas Invidentes</p>
</div>
</div>
</header>

<section>
<!--------------------------------------- sider------------------------------------->
<div class="row">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="/Presentaciones/MAPA-PROCESOS-EXPO/img/rotador-1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/Presentaciones/MAPA-PROCESOS-EXPO/img/rotador-2.svg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/Presentaciones/MAPA-PROCESOS-EXPO/img/rotador-3.svg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!---------------------------------------fin sider------------------------------------->
<!---------------------------------------Inicio seccion 1------------------------------------->
<div class="container padding-responsive">
<div class="row fila_contenedor_1 ocultar_contenido_movil" id="intro_seccion_z2">
<div class="col-sm-12 col-md-6 contenedor_de_video" id="content_video_2">
<!--<video id="video-principal" controls preload="auto">
<source src="videos/fonseca.mp4" type="video/mp4"/>
<source src="videos/Summon.mp4" type="video/webm"/>
<source src="videos/Summon.mp4" type="video/ogg"/>
</video>-->
<!--<iframe id="content_video" width="560" height="315" src="https://www.youtube.com/embed/WpYiXDL1z5c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-->


<!--
<iframe id="content_video" width="560" height="315" src="https://www.youtube.com/embed/3egyXSgfzu0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-->

<!--
<iframe id="content_video" width="560" height="315" src="https://www.youtube.com/embed/Ph2ktzpJCjY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-->
<!--
<iframe id="content_video" width="560" height="315" src="https://www.youtube.com/embed/v7AxYqlKz8I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-->


<!--
<iframe src="https://pre.legiscomex.legis.com/sites/legiscomex/files/2019-06/FINAL-FINAL_3.mp4" frameborder="0" allowfullscreen></iframe>-->


<video id="content_video" width="100%" height="auto" name="media" video="" controls="" preload="auto">
<source src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/videos/video_importacion.mp4 " type="video/mp4">
</video>


<!--
<iframe id="content_video" src="https://player.vimeo.com/video/343463891"class="espacio_top" width="560" height="315" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
-->

<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/video_ciegos.jpg" width="100%" id="imagen_audio">

</div>
<div class="col-sm-12 col-md-6 clearfix" id="introduccion">
<h1 id="titulo" class="float-right titulo_principal">Proceso <br><span class="fuente_pequeña">aduanero de exportación</span></h1>
<p class="float-right texto_principal">A continuación se mostrará cada paso del
proceso de exportación que comienza con la presentación de la Solicitud de
Autorización de Embarque (SAE) y finaliza con la Declaración de Exportación.
</p>
<!--<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgboton-audio.svg" class="imagen_boton_audio"><br>-->
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso_de_exportacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio"></audio>
</div>
</div>
<!--------------------------------contendor movil---------------------------------------------->
<div class="row fila_contenedor_1 ocultar_contenido_escritorio">
<div class="col-xs-6 col-sm-12 col-md-6 clearfix">
<h1 class=" titulo_principal">Proceso <br><span class="fuente_pequeña">aduanero de exportación</span></h1>
<p class=" texto_principal">A continuación se mostrará cada paso del
proceso de exportación que comienza con la presentación de la Solicitud de
Autorización de Embarque (SAE) y finaliza con la Declaración de Exportación.
</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/boton-audio.svg" class="imagen_boton_audio"><br>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/proceso_de_exportacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio" ></audio>
</div>
<div class="col-xs-6 col-sm-12 col-md-6 contenedor_de_video" id="content_video_2">
<!--<video id="video-principal" controls preload="auto">
<source src="videos/fonseca.mp4" type="video/mp4"/>
<source src="videos/Summon.mp4" type="video/webm"/>
<source src="videos/Summon.mp4" type="video/ogg"/>
</video>-->
<!--
<iframe class="espacio_top" width="560" height="315" src="https://pre.legiscomex.legis.com/sites/legiscomex/files/2019-06/FINAL-FINAL_3.mp4" frameborder="0" allowfullscreen></iframe>
-->
<!--
<video id="content_video_2" width="100%" height="auto" name="media" video="" controls="" preload="auto">
<source src="https://vimeo.com/user99877213/review/343463891/f90830f8b1" type="video/mp4">
</video>
-->

<iframe id="content_video_2" src="https://player.vimeo.com/video/343463891"class="espacio_top" width="560" height="315" frameborder="0" allow="autoplay; fullscreen" allowfullscreen>

</iframe>
</div>
</div>
<!--------------------------------contendor movil---------------------------------------------->
</div>
<!---------------------------------------fin seccion 1------------------------------------->

<!---------------------------------------Inicio seccion 2------------------------------------->
<div class="container-fluid quitar-padding ocultar_escritorio_z2">
<h2 class="subtitulo_seccion_modulos" id="inicio_seccion_3">Embarque único con datos definitivos de Embarque</h2>
<div class="row">

<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_1">
<div class="cuadro_modulos modulo_azul" id="proceso_1">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-10.svg" class="icono_modulos">
<p class="nombre_de_modulo">Solicitud de Autorización de Embarque SAE</p>
</div>
</div>
<div class="boton_ir_formulario" id="formulario1">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F31" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</div>
<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_2" >
<div class="cuadro_modulos modulo_blanco borde-top" id="proceso_2">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-11.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Aceptación de la SAE</p>
</div>
</div>
</a>
</div>

<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_3" >
<div class="cuadro_modulos modulo_azul" id="proceso_3">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-12.svg" class="icono_modulos">
<p class="nombre_de_modulo">Traslado al Lugar de Embarque o Zona Franca con Planilla de Traslado</p>
</div>
</div>
<div class="boton_ir_formulario" id="formulario2">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F22" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_3">
<div class="cuadro_modulos modulo_blanco" id="proceso_3">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-12-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo_azul">Traslado al Lugar de Embarque o Zona Franca con Planilla de Traslado</p>
</div>
</div>
<div class="boton_ir_formulario" id="formulario2">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F22" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_4">
<div class="cuadro_modulos modulo_blanco borde-top" id="proceso_4">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-13.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Ingreso a Zona Primaria Aduanera o Zona Franca</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_4">
<div class="cuadro_modulos modulo_azul borde-top" id="proceso_4">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-13-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo">Ingreso a Zona Primaria Aduanera o Zona Franca</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
</div>

<div class="row">
<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_5">
<div class="cuadro_modulos modulo_blanco borde-bottom" id="proceso_5">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-14.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Inspección Aduanera</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_5">
<div class="cuadro_modulos modulo_azul borde-bottom" id="proceso_5">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-14-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo">Inspección Aduanera</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_6">
<div class="cuadro_modulos modulo_azul" id="proceso_6">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-15.svg" class="icono_modulos">
<p class="nombre_de_modulo">Autorización de Embarque</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_6">
<div class="cuadro_modulos modulo_blanco" id="proceso_6">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-15-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo_azul">Autorización de Embarque</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
</a>
<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_7">
<div class="cuadro_modulos modulo_blanco borde-bottom" id="proceso_7">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-16.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Embarque</p>
</div>
</div>
</a>
</div>
<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_8">
<div class="cuadro_modulos modulo_azul" id="proceso_8">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-17.svg" class="icono_modulos">
<p class="nombre_de_modulo">Certificación de Embarque</p>
</div>
</div>
<!--
<div class="boton_ir_formulario" id="formulario3">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F31" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
-->
</a>
</div>
</a>
</div>

<div class="row">
<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_9">
<div class="cuadro_modulos modulo_azul" id="proceso_9">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-19.svg" class="icono_modulos">
<p class="nombre_de_modulo">Declaración de Exportación </p>
</div>
</div>
<div class="boton_ir_formulario" id="formulario4">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F6" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</div>
</div>
</div>

<!----------------------------------------------------FIN CONTENIDO 480------------------------------------------------>
<div class="container-fluid quitar-padding ocultar_480">
<h2 class="subtitulo_seccion_modulos" >Embarque único con datos definitivos de Embarque</h2>
<div class="row">

<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_1" >
<div class="cuadro_modulos modulo_azul" id="proceso_1">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-10.svg" class="icono_modulos">
<p class="nombre_de_modulo">Solicitud de Autorización de Embarque SAE</p>
</div>
</div>
<div class="boton_ir_formulario" id="formulario1">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F31" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</div>
<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_2" >
<div class="cuadro_modulos modulo_blanco borde-top" id="proceso_2">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-11.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Aceptación de la SAE</p>
</div>
</div>
</a>
</div>



<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_4">
<div class="cuadro_modulos modulo_blanco borde-top" id="proceso_3">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-13.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Ingreso a Zona Primaria Aduanera o Zona Franca</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_4">
<div class="cuadro_modulos modulo_azul borde-top" id="proceso_3">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-13-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo">Ingreso a Zona Primaria Aduanera o Zona Franca</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_3">
<div class="cuadro_modulos modulo_azul" id="proceso_4">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-12.svg" class="icono_modulos">
<p class="nombre_de_modulo">Traslado al Lugar de Embarque o Zona Franca con Planilla de Traslado</p>
</div>
</div>
<div class="boton_ir_formulario" id="formulario2">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F22" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_3">
<div class="cuadro_modulos modulo_blanco" id="proceso_4">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-12-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo_azul">Traslado al Lugar de Embarque o Zona Franca con Planilla de Traslado</p>
</div>
</div>
<div class="boton_ir_formulario" id="formulario3">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F22" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</div>
<!---------------------------------------------------------->
</div>

<div class="row">
<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_5">
<div class="cuadro_modulos modulo_blanco borde-bottom" id="proceso_5">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/img/iconos-modulos-14.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Inspección Aduanera</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_5">
<div class="cuadro_modulos modulo_azul borde-bottom" id="proceso_5">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgiconos-modulos-14-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo">Inspección Aduanera</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_movil">
<a class="quitar_fancybox fancybox" href="#cuadro_6" >
<div class="cuadro_modulos modulo_azul" id="proceso_6">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgiconos-modulos-15.svg" class="icono_modulos">
<p class="nombre_de_modulo">Autorización de Embarque</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
<div class="col-sm-6 col-md-3 quitar-padding ocultar_escritorio">
<a class="quitar_fancybox fancybox" href="#cuadro_6">
<div class="cuadro_modulos modulo_blanco" id="proceso_6">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgiconos-modulos-15-1.svg" class="icono_modulos iconos_responsive">
<p class="nombre_de_modulo_azul">Autorización de Embarque</p>
</div>
</div>
</a>
</div>
<!---------------------------------------------------------->
</a>

<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_8" >
<div class="cuadro_modulos modulo_azul" id="proceso_7">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgiconos-modulos-17.svg" class="icono_modulos">
<p class="nombre_de_modulo">Certificación de Embarque</p>
</div>
</div>
<!--
<div class="boton_ir_formulario" id="formulario4">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F31" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
-->
</a>
</div>
<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_7">
<div class="cuadro_modulos modulo_blanco borde-bottom" id="proceso_8">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgiconos-modulos-16.svg" class="icono_modulos">
<p class="nombre_de_modulo_azul">Embarque</p>
</div>
</div>
</a>
</div>
</a>
</div>

<div class="row">
<div class="col-sm-6 col-md-3 quitar-padding">
<a class="quitar_fancybox fancybox" href="#cuadro_9">
<div class="cuadro_modulos modulo_azul" id="proceso_9">
<div class="centrar_vertical_hijo">
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgiconos-modulos-19.svg" class="icono_modulos">
<p class="nombre_de_modulo">Declaración de Exportación </p>
</div>
</div>
<div class="boton_ir_formulario">
<a href="/ir/0?recursoDestino=/Herramientas/Formularios/F6" target="_blank"><p class="texto_de_ir_a_formulario">Ir a Formulario</p></a>
</div>
</a>
</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="https://www.legiscomex.com/informacion-simulador-de-formularios-y-calculadoras/formularios" class="boton_de_volver_a_inicio">Volver a Simulador de Formularios</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/MAPA-PROCESOS-EXPO/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/MAPA-PROCESOS-EXPO/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_2">
<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_2">
<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_2">
<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_2">
<a href="https://www.facebook.com/Legiscomex/"><i class="fab fa-facebook-f footer_redes facebook_z3"></i></a>
<a href="https://www.linkedin.com/company/legiscomex-com/"><i class="fab footer_redes fa-linkedin-in"></i></a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="#carouselExampleIndicators" class="scroll"><i class="fas fa-chevron-circle-up circulo_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"><a href="https://www.legis.com.co/terminosCondiciones" style="color:#fff;" target="_blank">Términos y condiciones</a></p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span><p class="text_footer boton_underline_politicas"> <a href="https://www.privacidadlegis.com/" style="color:#fff;" target="_blank">Política de privacidad</a></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 Simulador de Formularios</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>


<div class="contenido_fancybox">
<div id="cuadro_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Solicitud de Autorizacion de Embarque SAE</h1>
<p class="nombre_de_modulo_cajon">El declarante debe presentarla ante la administración de aduanas con jurisdicción en el lugar donde se encuentre la mercancía a través de los servicios informáticos electrónicos, con embarque único con datos definitivos o provisionales o en forma global con embarques fraccionados.</p>

<p class="nombre_de_modulo_cajon">• El declarante está obligado a conservar por un período de cinco (5) años contados a partir de la fecha de presentación y aceptación de la Solicitud de Autorización de Embarque (SAE), el original de los siguientes documentos, los cuales deberá poner a disposición de la autoridad aduanera cuando ésta así lo requiera.</p>

<button class="btn btn-primary estilos_boton">Ver Documentos Soportes</button>
<div class="links_z1">
<p class="nombre_de_modulo_cajon arreglar_cajon_z1">
<span class="btn btn-info">a) Documento que acredite la operación que dio lugar a la exportación.</span>
<br><span class="btn btn-info">b) Vistos buenos o autorizaciones cuando a ello hubiere lugar.</span>
<br><a href="https://www.legiscomex.com/ir/0?recursoDestino=/Herramientas/Formularios/F4" target="_blank"><span class="btn btn-info">c) Mandato, cuando actúe como declarante una agencia de aduanas o un apoderado.</span></a>
<br><span class="btn btn-info">d) Certificación de marcación física o electrónica, para los bienes sujetos al pago del impuesto al consumo.</span>
</p>
</div>

<p class="nombre_de_modulo_cajon">• El declarante deberá suministrar a la aduana toda la información que esta requiera, incluyendo la contenida en los anteriores documentos.</p>

<a href="https://www.legiscomex.com/ir/0?recursoDestino=/Herramientas/Formularios/F31" target="_blank"><button class="btn btn-primary estilos_boton2">Ir a simulador de la Solicitud de Autorización de Embarque</button></a>



<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>

<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/solicitud_de_autorizacion_de_embarque_sae.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos"></audio>

</div>
<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Aceptación de la SAE</h1>
<p class="nombre_de_modulo_cajon">La Dirección de impuestos y Aduanas Nacionales (DIAN) verifica las causales de no aceptación. Se entenderá aceptada, cuando la autoridad aduanera, a través de los servicios informáticos electrónicos, acuse el recibo satisfactorio de la misma, la SAE tiene vigencia de 1 mes contado a partir de la fecha de aceptación.</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/aceptacion_de_las_SAE.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos2"></audio>


</div>
<div id="cuadro_3" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Traslado al Lugar de Embarque o Zona Franca con Planilla de Traslado</h1>
<p class="nombre_de_modulo_cajon">El declarante, exportador ó trasportador, según corresponda, deberá entregar copia de la Solicitud de Autorización de Embarque (SAE) debidamente aceptada o la nota de cargue cuando se trate de embarques fraccionados.</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/traslado_al_lugar_de_embarque_o_zona_franca.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos3"></audio>
</div>
<div id="cuadro_4" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Ingreso a Zona Primaria Aduanera o Zona Franca</h1>
<p class="nombre_de_modulo_cajon">Al momento de ingreso se debe informar a la DIAN. Se autorizará el embarque o se determinará la práctica de inspección aduanera.</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/ingreso_a_zona_primaria_o_zona_franca.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos4"></audio>
</div>
<div id="cuadro_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Inspección Aduanera</h1>
<p class="nombre_de_modulo_cajon">La DIAN según el análisis de riesgo o a solicitud del declarante ordena la práctica de inspección que puede ser documental, física o no intrusiva. Mientras dura la inspección se suspende el término de vigencia de la SAE. Debe realizarse en forma continua y concluirse a más tardar el día siguiente en que se ordenó su práctica. Este plazo se puede ampliar por razones justificadas.</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/inspeccipn_aduanera.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos5"></audio>
</div>
<div id="cuadro_6" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Autorización de Embarque</h1>
<p class="nombre_de_modulo_cajon">Procede cuando la DIAN a través de los servicios informáticos electrónicos lo determine. Cuando practicada la Inspección Aduanera documental se establezca la conformidad entre lo declarado en la SAE y lo contenido en los documentos soportes. Cuando hay inspección física y se establezca conformidad entre la SAE, los documentos soportes y lo inspeccionado, etc.</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/autorizacio_de_embarque.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos6" ></audio>
</div>
<div id="cuadro_7" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Embarque</h1>
<p class="nombre_de_modulo_cajon">Previa autorización de la autoridad aduanera, se procede a cargar en el medio de transporte la mercancía que va a ser exportada.</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/embarque.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos7" ></audio>
</div>
<div id="cuadro_8" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Certificación de Embarque</h1>
<p class="nombre_de_modulo_cajon">El transportador internacional transmitirá, a través de los servicios informáticos electrónicos, la información del Manifiesto de Carga y relacionará en éste las mercancías según los embarques autorizados por la administración aduanera. Se entenderá que la información del manifiesto de carga y los documentos de transporte han sido entregados, cuando la autoridad aduanera acuse su recibo a satisfacción.</p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/certificacion_de_embarque.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos8" ></audio>
</div>
<div id="cuadro_9" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Declaración de Exportación</h1>
<p class="nombre_de_modulo_cajon">Cumplidos los trámites anteriores se presentará la Declaración de Exportación correspondiente, a través de los servicios informáticos electrónicos. </p>
<img src="/Presentaciones/MAPA-PROCESOS-EXPO/imgaudio_intro.svg" class="audio_intro">

<p class="nombre_de_modulo_cajon indicador_audio_intro" style="color: #1937ef; font-weight: 600;">Reproduce el audio del contenido anterior</p>
<audio src="https://www.legiscomex.com/Presentaciones/MAPA-PROCESOS-EXPO/audios/declaracion_de_exportacion.mp3" type="audio/mp3" controls="controls" preload="auto" class="audio audio_textos" id="audios_internos9"></audio>
</div>
</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>

</body>
</html>

Organización para la Cooperación y el Desarrollo

Organización para la Cooperación y el Desarrollo Económico.

Es el organismo de cooperación internacional es cual está compuesto por 36 países el cual, tiene como objetivo, coordinar y promover políticas que mejoren el bienestar económico y social de las personas al rededor del mundo.

Esta fue fundada en 1961, con sede en París-Francia los representantes de los países miembros se reúnen para intercambiar información y armonizar las distintas políticas para maximizar el crecimiento económico de cada uno de los países.

La OCDE ha tenido un cambio de precepción a lo largo de los años ya que actualmente agrupa a países que proporcionan al mundo el 70% del mercado, por ende, se le conoce como el club de los países ricos.

El enfoque de esta organización principalmente es el económico, sin embargo, este ha ido abarcando otros campos, las principales áreas de trabajo son la agricultura, educación, comercio, economía y medio ambiente.

Esta organización es financiada por los países miembros.

Tiene 14 principales direcciones de trabajo, pero el fundamental es el principio económico.

Realiza estudios iniciales de cada país y en cada área para desarrollar proyectos en cooperación con los distintos países.

Realizan colaboraciones con países clave como Brasil, China, India, Indonesia, Sudáfrica.

Ejemplo

SFP, Estudio sobre Integridad.

La Secretaría de la Función Pública en México solicitó a la OCDE un Estudio sobre Integridad, concentrado en el combate a la corrupción y la prevención de conflictos de interés, de igual manera, en materia de integridad en el servicio público.

El papel de la OCDE es brindar conocimientos a quienes toman las decisiones y transferir buenas prácticas en el diseño e implementación de políticas de integridad, particularmente en lo relativo a códigos de ética, transparencia, rendición de cuentas, conflictos de interés, declaración de activos y contrataciones públicas. Para lograrlo, se basan en las experiencias y modelos desarrollados por los países miembros. El Gobierno de México es el responsable de revisar y evaluar cuáles de las recomendaciones de la OCDE adoptará.


Modalidad Join Ventures

Join Ventures 

Es un acuerdo contractual entre dos o más empresas, conformada por un socio local y otro extranjero, que comparten activos, beneficios y riesgos, donde el socio local suele aportar activos intangibles como el conocimiento del mercado, relaciones con clientes, acceso a canales de distribución, contactos y el socio extranjero aporta capital y tecnología, principalmente.

Es importante resaltar que en muchos países, las empresas internacionales no pueden invertir en instalar una empresa a no ser que lo hagan en asociación con una empresa local; ya que muchos gobiernos de países en desarrollo, como es el caso de la India, exigen que las empresas internacionales formen empresas conjuntas con las locales, en las que estas últimas deben poseer más del 50% del capital de la nueva sociedad.


Ejemplo


Cuando las tiendas Juan Valdez decidieron abrir sucursales en otros países, acudieron a este acuerdo, Join Ventures, para no tener que crear nuevas empresas en el exterior, simplemente, se decidió aportar capital y asumir riesgos compartidos para alcanzar el objetivo.

Modalidad Filiales

Filialies 

En las filiales se controla todo el proceso de internacionalización por lo que el riesgo que se asume es mayor, además permite a las empresas que no solo vendan productos más allá de sus fronteras, les permite ocupar un segmento en los mercados exteriores, establecer una imagen de marca fuerte y propia, controlar su política comercial y su plan de marketing. También, pueden determinar los precios y márgenes, sin el uso de intermediarios, fijar precios de cesión entre la matriz y la filial y obtener mayor competitividad. La distribución se agiliza y se obtienen plazos de entrega más cortos, la filial actúa como importador de la casa matriz y permite mantener stocks permanentes. La filial, al ser una sociedad independiente constituida de acuerdo con la normatividad del país en el que se establece y dotada de personalidad jurídica propia, mejora las relaciones con el medio profesional y con la administración.

Ejemplo

La empresa norteamericana Nike, tiene ubicadas las distintas actividades de producción en países asiáticos, realizando en Norteamérica solo el diseño de sus productos deportivos.

Existen dos tipos de filiales:

La filial Comercial: Esta filial no fabrica, sino que vende los productos que le envía la empresa matriz. Por lo tanto, la producción no se realiza en el mercado de destino.

La filial Productiva: Este tipo de filial crea un centro de producción propio en el país de destino para la fabricación y venta de productos.

Modalidad Inversion Directa

 Inversión Directa 

En el caso de que el acceso a los mercados no pueda llevarse a cabo mediante la exportación del producto o los acuerdos contractuales, debido a decisiones gubernamentales que lo impiden o por restricciones cualitativas o cuantitativas. Las empresas tendrán que buscar otra forma de entrada a los mercados, sí existen expectativas de beneficio y las razones estratégicas son favorables, la empresa puede optar por la modalidad de la inversión directa. Esta modalidad se puede lograr mediante la creación de una nueva entidad empresarial (filial o subsidiaria comercial o productiva), donde la empresa dispone de la propiedad al 100% o mediante la adquisición de una empresa local ya existente. En el caso de que el grado de propiedad de las empresas sea parcial, estaremos frente a una sociedad de riesgo compartido (joint ventures).


La Inversión directa se caracteriza por:

• Presencia permanente en el exterior

• Inversión elevada

• Grado de control total o muy alto

• Riesgo elevado

• Contacto directo con el mercado exterior

• Suelen darse en etapas avanzadas o finales del proceso de internacionalización

• Muchas Pymes no pueden acceder a estas fórmulas de entrada, por su elevado coste

Modalidad Sistemas contractuales

Sistemas Contractuales


Se considera una de las formas más comunes de acuerdo contractual en el contexto multinacional.

Licencias

En el contexto internacional, una licencia es un acuerdo contractual entre dos empresas de distintos países, por medio del cual la empresa origen concede a la empresa extranjera, el derecho a usar un proceso productivo, una patente, una marca registrada y otros activos intangibles a cambio de un pago fijo inicial, uno periódico (como puede ser una cantidad fija por cada unidad vendida, o un tanto por ciento sobre las ventas totales o sobre el beneficio), o ambos.

Lacoste fabricante francés de ropa, fabricada por empresas independientes en cada uno de los países donde se venden las prendas, pero con el diseño y bajo el control de calidad de la casa central francesa.

Ejemplo

Si una empresa de coches quiere vender en Latinoamérica o bien exporta, o monta su propia fábrica, o concede una licencia a otra empresa latinoamericana para que lo fabrique. Se autoriza a otra empresa a utilizar una marca y sistema productivo. En el caso de ceder una licencia se pierde control sobre el negocio al tener que revelar su sistema productivo. La empresa local corre con los gastos de la licencia. 

Franquicia

Las franquicias consisten en un tipo especial de licencia para la distribución al detalle, según el cual la empresa franquiciadora no se limita simplemente a autorizar el uso de su marca, como ocurre en el caso de una licencia tradicional, sino que provee a la empresa franquiciada de un producto (franquicia de producto), o de un sistema estandarizado de operaciones y de marketing en el punto de venta (franquicia de montaje del negocio).

Es decir, en ambos tipos de franquicia, la empresa franquiciadora se ocupa de perfeccionar y estandarizar el sistema. Es el caso de empresas internacionales que venden al detalle combustibles (Terpel), ropa (Benetton), bebidas o automóviles. Franquicias de montaje del negocio, en los que se licencia sus últimos detalles, así como de la publicidad que refuerza la imagen de marca de la cadena como un todo.

Alianzas Estratégicas

Las alianzas estratégicas se tratan de acuerdos cooperativos entre competidores potenciales o actuales. Las alianzas pueden establecerse para:

  • Acelerar el proceso de internacionalización
  • Poder penetrar en un mayor número de mercados
  • Poder recuperar la posición perdida en los mercados y mejorar la posición competitiva (al compartir recursos con un socio)
  • Obtener recursos que la empresa no tiene y poder explotar sinergias competitivas
  • Compartir riesgos o para cumplir unos objetivos específicos.

Las alianzas permiten la captación de unos recursos que la empresa carece, agiliza el ingreso al país y se planta como un proceso en que ambas empresas mejoran sus productos, procesos, sistema y técnicas de gestión.