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