<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></title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.legiscomex.com/Presentaciones/transito/img/favicon.ico">
<link rel="stylesheet" type="text/css" href="https://www.legiscomex.com/Presentaciones/transito/css/style2.css">
<!--estilos propios-->
<link rel="stylesheet" type="text/css" href="https://www.legiscomex.com/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="https://www.legiscomex.com/Presentaciones/transito/css/jquery.fancybox.css?v=2.1.5.css" media="screen" />
<script type="text/javascript" src="https://www.legiscomex.com/Presentaciones/transito/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://www.legiscomex.com/Presentaciones/transito/js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script><!-----------------------------------fancybox----------------------------------------->
<style media="screen" type="text/css">#invidentes {
width: auto;
font-size: 17px;
padding: 5px 11px 6px 14px;
background-color: #1937ee;
color: #ffffff;
position: relative;
z-index: 300;
top: 26px;
border: 1px solid #1937ee;
/* left: 79%; */
font-family: "tahoma";
float: right;
text-align: right;
margin-right: 17px;
cursor: pointer;
}
#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('https://www.legiscomex.com/Presentaciones/transito/font/Gilroy-Bold.eot');
src: url('https://www.legiscomex.com/Presentaciones/transito/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('https://www.legiscomex.com/Presentaciones/transito/font/Gilroy-Bold.svg#Gilroy-Bold') format('svg'),
url('https://www.legiscomex.com/Presentaciones/transito/font/Gilroy-Bold.ttf') format('truetype'),
url('https://www.legiscomex.com/Presentaciones/transito/font/Gilroy-Bold.woff') format('woff'),
url('https://www.legiscomex.com/Presentaciones/transito/font/Gilroy-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tahoma';
src: url('https://www.legiscomex.com/Presentaciones/transito/font/Tahoma.svg#Tahoma') format('svg'),
url('https://www.legiscomex.com/Presentaciones/transito/font/Tahoma.ttf') format('truetype'),
url('https://www.legiscomex.com/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_2_1, #cuadro_2_2, #cuadro_2_3, #cuadro_3 {
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;
text-align:center;
font-family: "Gilroy-Bold";
}
.fuente_pequeña {
font-size: 20px;
padding-left: 0px;
}
.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;
}
.linea_divisora_azul_abajo {
border-bottom: 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('https://legiscomex.com/Presentaciones/transito/font/Gilroy-Regular.eot');
src: url('https://legiscomex.com/Presentaciones/transito/font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('https://legiscomex.com/Presentaciones/transito/font/Gilroy-Regular.svg#Gilroy-Regular') format('svg'),
url('https://legiscomex.com/Presentaciones/transito/font/Gilroy-Regular.ttf') format('truetype'),
url('https://legiscomex.com/Presentaciones/transito/font/Gilroy-Regular.woff') format('woff'),
url('https://legiscomex.com/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;
}
}
.list-unstyled li .media-body h5,
.card .card-body h5{
color: #1937ef!important
}
/*-----------------FIN ULTIMOS ESTILOS----------------*/
</style>
<header>
<div id="pantalla1"></div>
<div id="pantalla2"></div>
<!-------------------------------------------------------audios---------------------------------------------------->
<audio autostart="true" class="intro_transito" height="0" id="intro_transito" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/intro-transito.mp3" width="0"></audio>
<audio autostart="true" class="introduccion" height="0" id="introduccion" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/seccion_1.mp3" width="0"></audio>
<!----------------------------------------------------------procesos------------------------------------------------------>
<audio autostart="true" class="proceso1" height="0" id="proceso_1" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_1_T.mp3" width="0"></audio>
<audio autostart="true" class="proceso2" height="0" id="proceso_2" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_2_T.mp3" width="0"></audio>
<audio autostart="true" class="proceso3" height="0" id="proceso_3" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_3_T.mp3" width="0"></audio>
<audio autostart="true" class="proceso4" height="0" id="proceso_4" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_4_T.mp3" width="0"></audio>
<audio autostart="true" class="proceso5" height="0" id="proceso_5" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/boton_5_T.mp3" width="0"></audio>
<!----------------------------------------------------------procesos------------------------------------------------------><!-----------------------------------------------------------contenidos---------------------------------------------------->
<audio autostart="true" class="contenido1" height="0" id="contenido_1" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_1_T.mp3" width="0"></audio>
<audio autostart="true" class="contenido2" height="0" id="contenido_2" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_2_T.mp3" width="0"></audio>
<audio autostart="true" class="contenido3" height="0" id="contenido_3" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido3.mp3" width="0"></audio>
<audio autostart="true" class="contenido4" height="0" id="contenido_4" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_4_T.mp3" width="0"></audio>
<audio autostart="true" class="contenido5" height="0" id="contenido_5" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/contenido_5_T.mp3" width="0"></audio>
<!--------------------------------------------------------fin contenidos----------------------------------------------------><!-----------------------------------------------------------salir contenido--------------------------------------------->
<audio autostart="true" class="salir_proceso" height="0" id="salir_proceso" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/salir_proceso.mp3" width="0"></audio>
<!-----------------------------------------------------------salir contenido---------------------------------------------><!------------------------------------------------------header pagina---------------------------------------------------------------->
<audio autostart="true" class="header" height="0" id="header" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/header_0.mp3" width="0"></audio>
<!------------------------------------------------------header pagina----------------------------------------------------------------><!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<audio autostart="true" class="principal_legicomex" height="0" id="principal_legicomex" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/principal_legicomex_0.mp3" width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex----------------------------------------------------------><!----------------------------------------------------formularios------------------------------------------------->
<audio autostart="true" class="formulario_1" height="0" id="formulario_1" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/formulario1_0.mp3" width="0"></audio>
<audio autostart="true" class="formulario_2" height="0" id="formulario_2" loop="false" src="https://www.legiscomex.com/Presentaciones/transito/audios/formulario2_0.mp3" 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 alt="" class="logo_legiscomex" data-entity-type="" data-entity-uuid="" src="https://www.legiscomex.com/Presentaciones/transito/img/logo-legiscomex.svg" /></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 alt="" class="iconos_redes_sociales twitter_z1" data-entity-type="" data-entity-uuid="" src="https://www.legiscomex.com/Presentaciones/transito/img/icono-twitter.svg" /></a> <a href="https://www.facebook.com/Legiscomex/" target="_blank"><img alt="" class="iconos_redes_sociales facebook_z1" data-entity-type="" data-entity-uuid="" src="https://www.legiscomex.com/Presentaciones/transito/img/icono-facebook.svg" /></a>
</div>
</div>
</header>
<!---------------------------------------------introduccion--------------------------------------------->
<section>
<div class="contenedor_absolute" id="contenedor_absolute">
<div class="contenedor_introduccion">
<h1 class="titulo_principal">Transporte<br />
<span class="fuente_pequeña text-right">Internacional</span></h1>
<p class="parrafo_introduccion">Conoce las características de los medios de transporte más adecuados para determinados productos, los tipos de contenedores y la información detallada de puertos, aeropuertos y rutas marítimas.</p>
<!--<img class="imagen_boton_audio" src="img/boton-audio2.svg">--></div>
</div>
<!------------------------------------------fin introduccion-------------------------------------------->
<!--------------------------------------- sider------------------------------------->
<div class="carousel slide" data-ride="carousel" id="carouselExampleControls">
<div class="carousel-inner">
<div class="carousel-item active">
<img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="https://www.legiscomex.com/sites/legiscomex/files/2020-11/New%20Project%20%281%29.jpg" /></div>
<div class="carousel-item"><img alt="Second slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="https://www.legiscomex.com/sites/legiscomex/files/2020-11/slide2.jpg" /></div>
<div class="carousel-item"><img alt="Third slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="https://www.legiscomex.com/Presentaciones/transito/img/slider_3.jpg" /></div>
</div>
<a class="carousel-control-prev" data-slide="prev" href="#carouselExampleControls" role="button"><span aria-hidden="true" class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" data-slide="next" href="#carouselExampleControls" role="button"> <span aria-hidden="true" class="carousel-control-next-icon"></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">Transporte marítimo</h2>
<p class="parrafo_de_modulo_z2">Obtén toda la información sobre los tipos de contenedores, rutas marítimas, buques y los principales puertos en el mundo.</p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_1">Más información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2">
<a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_2_1">Puertos</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">
<div class="cuadro_contenedor_de_modulos" id="proceso2">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Transporte aéreo</h2>
<p class="parrafo_de_modulo_z2">Conoce sobre los tipos de aviones, contenedores utilizados para este medio de transporte y los principales aeropuertos en el mundo.</p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_2_2">Más información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_2_3">Aeropuertos</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">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>-->
</div>
</div>
<div class="container-fluid espacio_top_z2 esconder_en_movil" data-jsplus-bootstrap-editor-selected="1">
<div class="row fila_contenido_1 linea_divisora_azul_abajo">
<div class="col-12 quitar_padding_z2">
<div class="cuadro_contenedor_de_modulos fondo_blanco" id="proceso3">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2 letras_azul">Transporte terrestre</h2>
<p class="parrafo_de_modulo_z2 letras_azul">Aprende sobre los principales vehículos utilizados para este tipo de transporte y sus características.</p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-md-12">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_3">Más información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
</div>
</div>
</div>
<div id="ir_a_formulario_2"></div>
</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>-->
<!-------------------------------------------------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">Transporte marítimo</h2>
<p class="parrafo_de_modulo_z2">Obtén toda la información sobre los tipos de contenedores, rutas marítimas, buques y los principales puertos en el mundo.</p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_1">Más información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_2_1">Puertos</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">
<div class="cuadro_contenedor_de_modulos fondo_blanco">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2 letras_azul">Transporte aéreo</h2>
<p class="parrafo_de_modulo_z2 letras_azul">Conoce sobre los tipos de aviones, contenedores utilizados para este medio de transporte y los principales aeropuertos en el mundo.</p>
<div class="row fila_botones">
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_2_2">Más información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_2_3">Aeropuertos</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">
<div class="boton_pantalla2">
<a href="#" class="boton_mas_informacion">Ir a formulario</a>
<div class="cuadrito_violeta"></div>
</div>
</div>--></div>
</div>
<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_azul">
<div class="cuadro_contenedor_de_modulos">
<div class="centrar_modulo_verticalmente">
<h2 class="titulo_de_modulo_z2">Transporte terrestre</h2>
<p class="parrafo_de_modulo_z2">Aprende sobre los principales vehículos utilizados para este tipo de transporte y sus características.</p>
<div class="row fila_botones justify-content-center">
<div class="col-sm-6 col-md-12">
<div class="boton_pantalla2"><a class="quitar_fancybox fancybox boton_mas_informacion" href="#cuadro_3">Más información</a>
<div class="cuadrito_violeta"></div>
</div>
</div>
</div>
</div>
</div>
<div id="ir_a_formulario_2"></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 class="boton_de_volver_a_inicio" href="https://www.legiscomex.com/informacion/abc-del-comercio">Volver al módulo de Universidades</a> <!--<span class="simulador_text"> </span>--></p>
</div>
</div>
</div>
<!-----------------------------------------fin flotante------------------------------------->
</section>
<div class="container-fluid footer-sin-padding">
<footer id="footer">
<img src="/Presentaciones/procesos_importaciones/img/pata_footer.svg" class="pata_footer">
<div class="container-fluid footer-sin-padding">
<div class="row fila_footer">
<div class="espacio_padding col-lg-5">
<a href="https://www.legis.com.co/"><img
src="/Presentaciones/procesos_importaciones/img/logo_legis.svg"
class="logo_de_legis"></a>
<p class="text_footer texto_logo tamaño_font">Legiscomex.com</p>
<p class="text_footer texto_logo tamaño_font">ISSN 2027-8314</p>
</div>
<i class="fas fa-angle-double-down desplegar_footer"></i>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer margen_responsiva">Sobre nosotros</h2>
<a href="https://www.legiscomex.com/nosotros" target="_blank">
<p class="text_footer text_hover">Quiénes somos</p>
</a>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Nuestros módulos</h2>
<a href="https://www.legiscomex.com/arancel-de-aduanas" target="_blank">
<p class="text_footer text_hover">Arancel de Aduanas</p>
</a>
<a href="https://www.legiscomex.com/analisis-de-mercados-internacionales" target="_blank">
<p class="text_footer text_hover">Análisis de Mercados</p>
</a>
<p class="text_footer ver_mas">ver más</p>
<div class="ocultar_modulos">
<a href="https://www.legiscomex.com/regulacion-aduanera-colombiana-0" target="_blank">
<p class="text_footer text_hover">Regulación Aduanera Colombiana</p>
</a>
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales" target="_blank">
<p class="text_footer text_hover">Oportunidades comerciales</p>
</a>
<a href="https://www.legiscomex.com/ranking-de-importaciones-y-exportaciones-0"
target="_blank">
<p class="text_footer text_hover">Ranking de Importaciones y Exportaciones</p>
</a>
<a href="https://www.legiscomex.com/informacion-financiera-de-empresas-0" target="_blank">
<p class="text_footer text_hover">Información Financiera de Empresas</p>
</a>
<a href="https://www.legiscomex.com/universidades-abc-del-comercio-internacional"
target="_blank">
<p class="text_footer text_hover">Universidades ABC</p>
</a>
<a href="https://www.legiscomex.com/simulador-de-formularios" target="_blank">
<p class="text_footer text_hover">Simulador de Formularios</p>
</a>
</div>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Contáctenos</h2>
<p class="text_footer">E-mail sclientes@legis.com.co</p>
<p class="text_footer">Línea Nacional: 018000912101</p>
<h2 class="subtitulo_footer2">Oficina principal y notificaciones</h2>
<p class="text_footer">Calle 70 No 7-30, Piso 8, Bogotá; D.C. (Colombia)</p>
<p class="text_footer">Tel: (601)4255200 WhatsApp: <a href="https://api.whatsapp.com/send?phone=573102114444&text=Hola%2C%20quiero%20recibir%20m%C3%A1s%20informaci%C3%B3n%0A%20%0A" target="_blank">3102114444</a></p>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<a href="https://www.facebook.com/Legiscomex/" target="_blank">
<i class="fab fa-facebook-f footer_redes facebook_z3"></i>
</a>
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank">
<i class="fab footer_redes fa-linkedin-in"></i>
</a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="https://www.youtube.com/channel/UC0ranDo4unRk_hbB6deufoQ" target="_blank">
<i class="fab fa-youtube footer_redes"></i>
</a>
</div>
</div>
<div class="franja_naranja"></div>
<div class="container-fliud fondo_oscuro">
<div class="row centrar_texto buttom_text">
<div class="col-sm-4 col-md-4">
<p class="text_footer boton_underline_politicas">Términos y condiciones</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Política de privacidad</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Línea ética de denuncia</p>
</div>
</div>
<hr>
<div class="row centrar_texto" style="padding: 16px 0px 0px 0px;">
<div class="col-md-12">
<p class="text_footer derechos">Pertenece al Módulo de Universidades ABC del comercio
internacional</p>
</div>
</div>
<div class="row centrar_texto">
<div class="col-md-12">
<p class="text_footer derechos">2023 © Todos los derechos reservados. Prohibida su
reproducción total o parcial, así como su traducción a cualquier idioma sin autorización
escrita de su titular. </p>
</div>
</div>
<div class="row centrar_texto"
style="padding: 6px 0px 6px 0px;background-color: #293ae8;border-top: 1px solid #fff;">
<div class="col-md-12">
<p class="text_footer derechos" style="color: fff; font-size: 14px; ">Legiscomex 2023</p>
</div>
</div>
</div>
</div>
</footer>
<!-------------------------------------------------------nuevos------------------------------------------->
</div>
<div class="contenido_fancybox">
<div class="contenido_fancybox">
<div class="estilos_cajon" id="cuadro_1">
<h1 class="titulo_de_informacion_cajon">Transporte marítimo</h1>
<p class="nombre_de_modulo_cajon">Da clic según corresponda en cada una de las pestañas para conocer en detalle toda la información relevante sobre los contenedores, rutas marítimas y tipos de buques.</p>
<h2 class="titulo_de_informacion_cajon">• Los contenedores</h2>
<p class="nombre_de_modulo_cajon">A continuación podrás encontrar información detallada sobre los contenedores, sus características, importancia, tipos y mucho más.</p>
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0"><button aria-controls="collapseOne" aria-expanded="true" class="btn btn-link" data-target="#collapseOne" data-toggle="collapse">¿Por qué un contenedor?</button></h5>
</div>
<div aria-labelledby="headingOne" class="collapse show" data-parent="#accordion" id="collapseOne">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">¿Por qué un contenedor?</h1>
<p class="nombre_de_modulo_cajon">El contenedor juega un papel fundamental en la distribución física internacional de mercancías, ya que permite la movilización de las cargas a través de diversos modos de transporte, disminuye el número de manipulaciones intermedias y reduce la probabilidad de pérdida o avería. Así mismo, se ha constituido como pieza clave para la competitividad, puesto que busca disponer en el momento justo y al menor costo posible de los bienes que son objeto de comercialización en el ámbito mundial.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/cepal%20informe.png" /></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingDos">
<h5 class="mb-0"><button aria-controls="collapseTwo" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseDos" data-toggle="collapse">Datos históricos</button></h5>
</div>
<div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion" id="collapseDos">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Datos históricos</h1>
<h2 class="titulo_de_informacion_cajon">1956</h2>
<p class="nombre_de_modulo_cajon">El contenedor fue utilizado por primera vez en abril de 1956 en un viaje entre Nueva York y Houston, dos décadas despúes de que un camionero llamado Malcom McLean sintiera la necesidad de disminuir tiempo y dinero en el cargue y descargue de sus camiones y tomara la desición de construir varias cajas metálicas con las dimensiones de sus trailers.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/Cajasmetalicasp.png" /></p>
<h3 class="titulo_de_informacion_cajon">1962</h3>
<p class="nombre_de_modulo_cajon">Es oficialmente inagurado el puerto de Newark en New Jersey como el primer puerto de contenedores del mundo.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/puerto%20newjersey.png" /></p>
<h4 class="titulo_de_informacion_cajon">1968</h4>
<p class="nombre_de_modulo_cajon">La Organización Internacional de Normas (ISO) establece los estándares 20 y 40 pies de largo. Según la ISO, el contenedor es un elemento del equipo de transporte, de carácter permanente y suficientemente fuerte para ser usado varias veces, con un diseño que facilita el movimiento de productos por varios medios de transporte, evitando procesos intermedios de recargue y agilizando las movilizaciones de carga.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/ISOcontenedor.png" /></p>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0"><button aria-controls="collapseThree" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseThree" data-toggle="collapse">Normas ISO</button></h5>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseThree">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Normas ISO</h1>
<p class="nombre_de_modulo_cajon">La nomenclatura de contenedores según el código ISO 6346 consta de cuatro dígitos. El primero se refiere a la longitud del contenedor, el segundo, a la altura y a la presencia o no de túnel en cuello de cisne, la tercera indica el tipo y la cuarta especifica la característica de este. Las dos últimas cifras califican al contenedor.</p>
<h2 class="titulo_de_informacion_cajon">• Códigos primera cifra</h2>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/codigoclase1.png" /></p>
<h3 class="titulo_de_informacion_cajon">• Códigos segunda cifra</h3>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/codigoclase2.png" /></p>
<h4 class="titulo_de_informacion_cajon">• Códigos dos últimas cifras</h4>
<p class="nombre_de_modulo_cajon">Entre los tipos de contenedores clasificados por estos códigos se encuentran los contenedores de propósito general, cerrado con respiraderos, ventilados, para graneles sólidos, no presurizados, térmicos de carga específica, entre otros. Legiscomex te ofrece acceso a toda la información y características asociadas a estos contenedores de forma detallada: </p>
<p class="nombre_de_modulo_cajon"><a class="btn btn-primary estilos_boton" href="https://www.legiscomex.com/sites/legiscomex/files/2020-09/Co%CC%81digos%20dos%20ultimas%20cifras%20contenedores%20ISO.xlsx" style="display: inline !important;">Haz clic aquí para obtener toda la información consolidada <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-download" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path fill-rule="evenodd" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/></svg></a><!--<span class="simulador_text"></a></span>--></p>
</div>
</div>
<div class="card">
<div class="card-header" id="headingCuatro">
<h5 class="mb-0"><button aria-controls="collapseCuadtro" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseCuatro" data-toggle="collapse">Consolidación de la carga</button></h5>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseCuatro">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Consolidación de la carga</h1>
<h2 class="titulo_de_informacion_cajon">• FCL/FCL (Full Container Load/Full Container Load) </h2>
<p class="nombre_de_modulo_cajon">El exportador ocupa el recipiente con mercancías para un único consignatario, destinatario o importador.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/FLC%3AFLC%20NEW.png" /></p>
<h3 class="titulo_de_informacion_cajon">• FCL/LCL (Full Container Load/Less Container Load) </h3>
<p class="nombre_de_modulo_cajon">Implica que un mismo exportador utiliza el recipiente para enviar mercancías a diversos consignatarios que están ubicados en un mismo puerto de destino. En este caso, el exportador tramita de forma consolidada la exportación y, desde el punto de vista aduanero con Documentos Únicos de Salida (DUS) parciales y en destino, el agente naviero desconsolidador entregará a cada cliente la documentación pertinente para que realicen en forma independiente el desaduanamiento de sus cargas.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/FCL%3ALCL%20FINAL.png" /></p>
<p class="nombre_de_modulo_cajon">Otra posibilidad bajo este sistema es que el agente desconsolidador en destino brinde el servicio de desaduanamiento a cada uno de los clientes, lo que facilita la libre disposición de las mercancías a los interesados.</p>
<h4 class="titulo_de_informacion_cajon">• LCL/FCL (Less Container Load/Full Container Load)</h4>
<p class="nombre_de_modulo_cajon">La mercancía ha sido colocada en un contenedor por distintos remitentes, consignantes o exportadores, pero toda va dirigida a un mismo destinatario o importador.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/LCL%3AFCL%20P.png" /></p>
<p class="nombre_de_modulo_cajon">En su gestión de compra, el importador utilizó los servicios de un agente de embarque para agrupar en un mismo contenedor todas las mercancías provenientes de un mismo puerto de embarque.</p>
<h5 class="titulo_de_informacion_cajon">• LCL/LCL (Less Container Load/Less Container Load)</h5>
<p class="nombre_de_modulo_cajon">El contenedor es llenado o consolidado con la carga de varios remitentes o consignantes para distintos consignatarios o destinatarios. El servicio de consolidación lo brindan agentes de embarque o las mismas compañías navieras. En este caso, el contenedor es vaciado en la aduana de destino y cada carga sigue por separado su internación o importación.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/LCL%3ALCLFIN.png" /></p>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0"><button aria-controls="collapseThree" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseCinco" data-toggle="collapse">Partes de un contenedor</button></h5>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseCinco">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Partes de un contenedor</h1>
<p class="nombre_de_modulo_cajon">Para obtener una mayor claridad frente a las partes del contenedor y su estructura, encontrarás las partes del contenedor representadas de forma estructural y dimensional. Posteriormente, podrás encontrar la parte delantera del contenedor y sus partes, el conocimiento de estas últimas son de vital importancia a la hora de realizar una operación internacional de transporte de carga. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/Parte%20contenedor%20final1.png" /></p>
<p class="nombre_de_modulo_cajon">A continuación, encontrarás la parte delantera del contenedor junto a sus partes de forma detallada.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/parte%20contenedorfinal%202.png" /></p>
</div>
</div>
<div class="card">
<div class="card-header" id="headingCuatro">
<h5 class="mb-0"><button aria-controls="collapseCuadtro" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseSeis" data-toggle="collapse">Identificación y marcas</button></h5>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseSeis">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Identificación y marcas</h1>
<p class="nombre_de_modulo_cajon">Su utiliza para identificar y diferenciar al contenedor de otros, a través de la marcación del mismo se da información sobre las características físicas y demás aspectos relevantes que permitan distinguirlo durante el trayecto de carga.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/Identificacio%CC%81n%20y%20marcas.png" /></p>
<h2 class="titulo_de_informacion_cajon">1. La identificación del Contenedor </h2>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/identificacio%CC%81n.png" /></p>
<h3 class="titulo_de_informacion_cajon">2. Marcas</h3>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/marcas.png" /></p>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0"><button aria-controls="collapseThree" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseSiete" data-toggle="collapse">Tipos de contenedores</button></h5>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseSiete">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Tipos de contenedores</h1>
<h2 class="titulo_de_informacion_cajon">• Carga seca</h2>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/carga%20seca.png" /></p>
<h3 class="titulo_de_informacion_cajon">• High cube</h3>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/high%20cube.png" /></p>
<h4 class="titulo_de_informacion_cajon">• Techo abierto</h4>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/open%20top.png" /></p>
<h5 class="titulo_de_informacion_cajon">• Techo removible</h5>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/techo%20removible.png" /></p>
<h6 class="titulo_de_informacion_cajon">• Sin tapas laterales</h6>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/contenedor%20sin%20tapas%20.png" /></p>
<h7 class="titulo_de_informacion_cajon">• Plataforma</h7>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/Plataforma.png" /></p>
<h8 class="titulo_de_informacion_cajon">• Aislado</h8>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/aislado_0.png" /></p>
<h9 class="titulo_de_informacion_cajon">• Isotanque</h9>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/isotanque.png" /></p>
<h10 class="titulo_de_informacion_cajon">• Refrigerado</h10>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/refrigerado.png" /></p>
<h11 class="titulo_de_informacion_cajon">• Carga a granel</h11>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/carga%20a%20granel.png" /></p>
</div>
</div>
</div>
<!-------------------------------------acordeon----------------------------------->
</div>
</div>
</div>
</div>
</div>
<h3 class="titulo_de_informacion_cajon">• Rutas marítimas</h3>
<p class="nombre_de_modulo_cajon">A continuación podrás encontrar todos los detalles sobre las diferentes rutas marítimas utilizadas para la exportación e importación de bienes por diferentes países y sus socios comerciales.</p>
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0"><button aria-controls="collapseOne" aria-expanded="false" class="btn btn-link" data-target="#collapseOcho" data-toggle="collapse">América</button></h5>
</div>
<div aria-labelledby="headingOne" class="collapse show" data-parent="#accordion" id="collapseOcho">
<div class="card-body">
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Colombia%20caratula.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-colombia" class="card-link">Colombia</a>
<p class="card-text">Haz clic en "Colombia" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Colombia en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Brasil%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-brasil" class="card-link">Brasil</a>
<p class="card-text">Haz clic en "Brasil" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Brasil en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Chile%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-chile" class="card-link">Chile</a>
<p class="card-text">Haz clic en "Chile" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por el país en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Costa%20rica%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-costa-rica" class="card-link">Costa Rica</a>
<p class="card-text">Haz clic en "Costa Rica" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Costa Rica en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Ecuador%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-ecuador" class="card-link">Ecuador</a>
<p class="card-text">Haz clic en "Ecuador" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Ecuador en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/EE%20UU%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-ee-uu" class="card-link">EE UU</a>
<p class="card-text">Haz clic en "EE UU" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por EE UU en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Me%CC%81xico%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-mexico" class="card-link">México</a>
<p class="card-text">Haz clic en "México" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por México en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Panama%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-panama" class="card-link">Panamá</a>
<p class="card-text">Haz clic en "Panamá" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Panamá en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Peru%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru" class="card-link">Perú</a>
<p class="card-text">Haz clic en "Perú" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Perú en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Venezuela%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela" class="card-link">Venezuela</a>
<p class="card-text">Haz clic en "Venezuela" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Venezuela en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingDos">
<h5 class="mb-0"><button aria-controls="collapseTwo" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseNueve" data-toggle="collapse">Europa</button></h5>
</div>
<div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion" id="collapseNueve">
<div class="card-body">
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/UE%20rutasmaritimas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-union-europea-colombia" class="card-link">Unión Europea - Colombia</a>
<p class="card-text">Haz clic en "Unión Europea - Colombia" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por los paises de la Unión Europea con Colombia en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://www.legiscomex.com/sites/legiscomex/files/2024-07/Reino%20Unido%20Rutas%20mar%C3%ADtimas_0.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-reino-unido-colombia" class="card-link">Reino Unido</a>
<p class="card-text">Haz clic en "Reino Unido" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Reino Unido con Colombia en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0"><button aria-controls="collapseThree" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseDiez" data-toggle="collapse">Asia</button></h5>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseDiez">
<div class="card-body">
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/SouthKorea%20rutas.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-corea-del-sur" class="card-link">Corea del Sur</a>
<p class="card-text">Haz clic en "Corea del Sur" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por Corea del Sur con sus principales socios comerciales en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://www.legiscomex.com/sites/legiscomex/files/2021-10/Dise%C3%B1o%20sin%20t%C3%ADtulo%20%2866%29.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-china" class="card-link">China</a>
<p class="card-text">Haz clic en "China" para tener acceso a la información detallada sobre las rutas marítimas utilizadas por China con sus principales socios comerciales en la comercialización de bienes.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 class="titulo_de_informacion_cajon">• Buques</h4>
<p class="nombre_de_modulo_cajon">Conoce aquí los diferentes tipos de buques utilizados para el transporte de mercancía de carga internacional.</p>
<div id="accordion">
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0"><button aria-controls="collapseOnce" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseOnce" data-toggle="collapse">Tipos de buques</button></h5>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseOnce">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Tipos de buques</h1>
<p class="nombre_de_modulo_cajon">Al seleccionar el medio de transporte, se debe tener en cuenta la naturaleza de la mercadería a movilizar, el empaque y embalaje, la urgencia en el envío de la misma y la disponibilidad del medio de transporte elegido. Para el transporte de mercancías, existen once tipos de buques:</p>
<h5 class="titulo_de_informacion_cajon">1. Carga general</h5>
<p class="nombre_de_modulo_cajon">Son conocidos con el nombre de multipropósito, porque transportan diversos tipos de mercancías, carga general, a granel, contenedores e incluso pueden llevar algún pequeño tanque. Normalmente llevan grúas en el centro para su propia carga y descarga. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/cargageneral%20blanco.png" /></p>
<p class="nombre_de_modulo_cajon">Hay buques que deben transportar cargas especiales que por su tamaño o peso no pueden transportarse en buques de carga general. Para estos casos, los buques tienen dispuestas las grúas en los laterales para dejar una cubierta abierta en su totalidad. </p>
<h6 class="titulo_de_informacion_cajon">2. Graneleros</h6>
<p class="nombre_de_modulo_cajon">Manipulan todo tipo de materias primas: granos, fertilizantes, cemento, mineral de hierro, cloruro de sodio y madera, etc. Los granos representan alrededor del 4% del transporte internacional de sólidos. La mayor parte de los sólidos corresponde a carga de origen mineral. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/granelero%20blanco.png" /></p>
<p class="nombre_de_modulo_cajon">Los fletes más usados en buques graneleros son: </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/graneleros%20mas%20usados.png" /></p>
<h7 class="titulo_de_informacion_cajon">3. Handys-Handymax</h7>
<p class="nombre_de_modulo_cajon">Los buques Handys-handymax tienen entre 25.000 a 40.000 toneladas de peso muerto, con una eslora de 180 metros y un calado de 38 a 40 pies. El principal producto que transporta es el carbón, sin embargo, también son utilizados para movilizar granos y acero. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/handymax_0.png" /></p>
<p class="nombre_de_modulo_cajon">De acuerdo con Amazonas Shipping, hay 1.878 buques de este tipo, de los cuales el 63% tienen más de 20 años. Así mismo, para los próximos cuatro años han sido ordenados 956 nuevos buques. </p>
<h8 class="titulo_de_informacion_cajon">4. Supramax</h8>
<p class="nombre_de_modulo_cajon">Los supramax tienen entre 40.000 y 55.000 toneladas de peso muerto. En la actualidad hay 1.027 motonaves, de las cuales el 15% (154) tienen más de 20 años. De este tipo de buque ya se ordenaron 977 para los próximos cuatro años. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/supramax%20bla.png" /></p>
<h9 class="titulo_de_informacion_cajon">5. Panamax</h9>
<p class="nombre_de_modulo_cajon">Los buques panamax tienen entre 55.000 y 85.000 toneladas de peso muerto. La manga, calado y eslora de estos es la máxima para pasar por el Canal de Panamá (224 mts). Existen 1.468 motonaves de este tipo, de las cuales el 25% tienen más de 20 años. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/panamax%20fn.png" /></p>
<h10 class="titulo_de_informacion_cajon">6. Capesize</h10>
<p class="nombre_de_modulo_cajon">Los buques conocidos como capes son los graneleros con mayor capacidad dentro de este grupo. Las toneladas de peso muerto se encuentran entre las 85.000 y 380.000. Tienen un calado entre 45 y 50 pies. Estos buques son utilizados principalmente para el transporte de acero y carbón. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/capamax.png" /></p>
<p class="nombre_de_modulo_cajon">Hay 920 motonaves de este tipo, de las cuales el 20% tienen más de 20 años. En los próximos años se construirán 956 motonaves de este tipo que ya fueron ordenadas.</p>
<h11 class="titulo_de_informacion_cajon">7. Tanqueros</h11>
<p class="nombre_de_modulo_cajon">Están dedicados al transporte de hidrocarburos o químicos. En el caso de los petroleros, son los buques de mayor tamaño. Son muy fáciles de identificar ya que son grandes cajones sin grandes finos en la proa y popa. Su gran característica es la presencia a lo largo de su cubierta y en su eje central de la tubería de carga y descarga del crudo. El resto de la cubierta aparece casi despejada, dos pequeñas grúas situadas a estribor y babor se encargan de mover las mangueras que se conectan al muelle o a las plataformas para su carga y descarga.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/tanqueros.png" /></p>
<p class="nombre_de_modulo_cajon">Los buques quimiqueros se dedican al transporte de productos como fenol, amoniaco, gasolina y demás derivados. El tamaño de este buque es más pequeño (5.000 o 10.000 TPM) aunque puede llegar a los 50.000 TPM. Son buques de doble casco y tanques de acero inoxidable.</p>
<h12 class="titulo_de_informacion_cajon">8. Frigoríficos</h12>
<p class="nombre_de_modulo_cajon">Buques especializados para el transporte de bienes perecederos y/o de condiciones especiales que deben permanecer en bodegas refrigeradas. Dependiendo del tipo de carga, la temperatura puede ser estar entre los 12ºC hasta los -15ºC y -30ºC. Su capacidad oscila entre 100 y 600 mil pies cúbicos.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/frigorifico_0.png" /></p>
<p class="nombre_de_modulo_cajon">Se caracterizan exteriormente por tener una cubierta con unas casetas que sobresalen de ésta y varias grúas que se encargarán de mover la mercancía de las bodegas. Normalmente van pintados en color blanco (por la reflexión de los rayos del sol y no absorción de temperatura) como ayuda a mantener las bajas temperaturas.</p>
<h13 class="titulo_de_informacion_cajon">9. Gaseros</h13>
<p class="nombre_de_modulo_cajon">Son buques de transporte de gas Natural o gas licuado. Son muy sofisticados interiormente y de una alta tecnología que se traduce en un alto costo de construcción. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/gaseroblanco.png" /></p>
<p class="nombre_de_modulo_cajon">Hay dos tipos de gaseros los LNG (liquified Natural Gas) y los LPG, La diferencia estriba en que los primeros transportan el gas en estado líquido a temperaturas de hasta -170ºC y los segundos a -50º C y a una presión de 18 Kg/cm2.</p>
<h14 class="titulo_de_informacion_cajon">10. Portacontenedores</h14>
<p class="nombre_de_modulo_cajon">Se trata de una familia de buques de mayor tamaño. Los mayores llegan a 350 metros de eslora con una capacidad para casi 9.500 contenedores. Sin embargo, se realizan estudios para hacer buques de hasta 18.000 TEUS, con una eslora de 470 metros y 60 metros de manga. </p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/portacontenedores_0.png" /></p>
<p class="nombre_de_modulo_cajon">Para manejar la descarga de este tipo de buques en los puertos se necesitan grúas especiales capaces de levantar 50 Tm. a 50 m. de alcance. Entre las navieras más grandes que hacen este tipo de transporte son Maersk Line (tiene los buques más grandes del mundo), Evergreen, P&O, H Lloyd and MSC.</p>
<h15 class="titulo_de_informacion_cajon">11. Roll on - Roll off</h15>
<p class="nombre_de_modulo_cajon">Transportan únicamente mercancías con ruedas que son cargadas y descargadas mediante vehículos tractores en varias cubiertas comunicadas mediante rampas o ascensores. Se caracterizan por tener una gran porta abatible en la popa o proa que hacen las veces de rampa, así como una superestructura muy alta y larga.</p>
<p class="nombre_de_modulo_cajon"><img alt="First slide" class="d-block w-100" data-entity-type="" data-entity-uuid="" src="/sites/legiscomex/files/2020-09/rollon%20and%20off.png" /></p>
<p class="nombre_de_modulo_cajon">Cargan todo tipo de cargas rodantes, vehículos, camiones y trailers cargados de contenedores.</p>
</div>
</div>
</div>
</div>
</div>
<div class="estilos_cajon" id="cuadro_2_1">
<h1 class="titulo_de_informacion_cajon">Puertos</h1>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Africa%20caratula%20continente.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/puertos-africa" class="card-link">África</a>
<p class="card-text">Haz clic en "África" para obtener toda la información sobre los puertos comerciales utilizados por los países respectivos del mismo en el transporte marítimo.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Ame%CC%81rica%20caratula%20continente.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/puertos-america" class="card-link">América</a>
<p class="card-text">Haz clic en "América" para obtener toda la información sobre los puertos comerciales utilizados por los países respectivos del mismo en el transporte marítimo.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Asia%20caratula%20continente.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/puertos-asia" class="card-link">Asia</a>
<p class="card-text">Haz clic en "Asia" para obtener toda la información sobre los puertos comerciales utilizados por los países respectivos del mismo en el transporte marítimo.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Europa%20caratula%20continente.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/puertos-europa" class="card-link">Europa</a>
<p class="card-text">Haz clic en "Europa" para obtener toda la información sobre los puertos comerciales utilizados por los países respectivos del mismo en el transporte marítimo.</p>
</div>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Oceania%20caratula%20continente.png" class="card-img" alt="imagecontinente">
</div>
<div class="col-md-8">
<div class="card-body">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/puertos-oceania" class="card-link">Oceanía</a>
<p class="card-text">Haz clic en "Oceanía" para obtener toda la información sobre los puertos comerciales utilizados por los países respectivos del mismo en el transporte marítimo.</p>
</div>
</div>
</div>
</div>
<p></p>
</div>
<div class="estilos_cajon" id="cuadro_2_2">
<h1 class="titulo_de_informacion_cajon">• Tipos de aviones</h1>
<p class="nombre_de_modulo_cajon">El avión se ha convertido en el medio de transporte más rápido en la operación logística y en el más idóneo para movilizar mercancías como productos terminados de elevado valor, muestras comerciales, piezas y componentes, documentos, mercancías urgentes, etc.</p>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Boeing%20747%20pic_0.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<p class="card-text">Los tipos de aviones utilizados en la logística están determinados por el tipo de mercancía a transportar y el destino seleccionado.</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/tipos-de-aviones" class="card-link">Conoce los tipos de aviones haciendo clic aquí</a>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item font-weight-bold">Se pueden clasificar en tres grandes grupos:</li>
<li class="list-group-item">1. Los que transportan pasajeros y carga.</li>
<li class="list-group-item">2. Los que transportan sólo carga.</li>
<li class="list-group-item">3. Los súper transportes.</li>
</ul>
</div>
</div>
</div>
<h2 class="titulo_de_informacion_cajon">• Contenedores aéreos</h2>
<p class="nombre_de_modulo_cajon">Son distintos a los marítimos y terrestres, se adaptan a la forma del avión y se les llama “igloo”. Todos los contenedores están provistos de cantoneras de hierro forjado en cada una de las ocho esquinas (4 superiores y 4 inferiores). A continuación podrás encontrar todos los detalles sobre los contenedores aéreos según su tipo.</p>
<h3 class="titulo_de_informacion_cajon">1. Contenedores estándar</h3>
<p class="nombre_de_modulo_cajon">A continuación podrás entontrar información detallada sobre los tipos de contenedores estándar utilizados en el transporte aéreo:</p>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%2088%20x%20125.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor 88 x 125 x 63″. Código IATA: AAP / AA2</h1>
<p class="card-text">Contenedor completamente de aluminio, se abre por uno de los lados de 317.5 cm., cerrado por una solapa y una red con correas. Puede ser adaptado para cargar prendas con colgantes. Algunos contenedores están equipados con puertas de seguridad.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317.5 cm.</li>
<li class="list-group-item">Ancho: 223.5 cm.</li>
<li class="list-group-item">Alto: 162.5 cm.</li>
<li class="list-group-item">Tara: 230 kg.</li>
<li class="list-group-item">Volumen disponible: 9.8 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 4,625 kg</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 F / B747 / A340 / A330 / B777.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20AMP.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor 96 x 125 x 63″. Código IATA: AMP</h1>
<p class="card-text">Contenedor completamente de aluminio, se abre por uno de los lados de 317.5 cm., cerrado por una solapa y una red con correas. Puede ser adaptado para cargar prendas con colgantes. Algunos contenedores están equipados con puertas de seguridad.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317.5 cm.</li>
<li class="list-group-item">Ancho: 244 cm.</li>
<li class="list-group-item">Alto: 162.5 cm.</li>
<li class="list-group-item">Tara: 285 kg.</li>
<li class="list-group-item">Volumen disponible: 10.8 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 6,800 kg para PDM/ 4,625 kg para PLD</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 F / B747 / A340 / A330 / B777.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20AMA.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor 96 x 125 x 96″. Código IATA: AMA / AQ6</h1>
<p class="card-text">Contenedor completamente de aluminio, se abre por uno de los lados de 317.5 cm., cerrado por una solapa y una red con correas. Puede ser adaptado para cargar prendas con colgantes. Algunos contenedores están equipados con puertas de seguridad.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317.5 cm.</li>
<li class="list-group-item">Ancho: 244 cm.</li>
<li class="list-group-item">Alto: 244 cm.</li>
<li class="list-group-item">Tara: 270 kg.</li>
<li class="list-group-item">Volumen disponible: 15.7 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 6,800 kg</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 F.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20IATA.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor código IATA: AKH</h1>
<p class="card-text">Contenedor completamente de aluminio, se abre por uno de los lados de de 156 cm., manejable por montacargas.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 156 cm.</li>
<li class="list-group-item">Ancho: 153.4 cm.</li>
<li class="list-group-item">Alto: 114 cm.</li>
<li class="list-group-item">Tara: 85 kg.</li>
<li class="list-group-item">Volumen disponible: 3.5 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 1,135 kg</li>
<li class="list-group-item">Compatibilidad con aeronaves: A320 / A321.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/ContenedorAKE.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor código IATA: AKE</h1>
<p class="card-text">Contenedor completamente de aluminio, se abre por uno de los lados de 156 cm., cerrado por una solapa.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 156 cm.</li>
<li class="list-group-item">Ancho: 153.4 cm.</li>
<li class="list-group-item">Alto: 160 cm.</li>
<li class="list-group-item">Tara: 75 kg.</li>
<li class="list-group-item">Volumen disponible: 4.5 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 1,587 kg</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 / A340 / A330 / B777.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/contenedor%20IATA%20AKN.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor código IATA: AKN</h1>
<p class="card-text">Contenedor completamente de aluminio, se abre por uno de los lados de 156 cm., cerrado por una doble puerta metálica. Contenedor disponible con VARIATION FASHION. Manejable por montacargas. Plafón modulable adaptado para prendas con colgantes. Puede ser sellado.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 156 cm.</li>
<li class="list-group-item">Ancho: 153.4 cm.</li>
<li class="list-group-item">Alto: 160 cm.</li>
<li class="list-group-item">Tara: 120 kg.</li>
<li class="list-group-item">Volumen disponible: 3.9 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 1,587 kg</li>
<li class="list-group-item">Compatibilidad con aeronaves: A340 / A330.</li>
</ul>
</div>
</div>
</div>
<h4 class="titulo_de_informacion_cajon">2. Contenedores de seguridad</h4>
<p class="nombre_de_modulo_cajon">A continuación podrás encontrar información detallada sobre los tipos de contenedores de seguridad utilizados en el transporte aéreo:</p>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20de%20seguridad.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor de seguridad 96″ x 125 x 63″ Código IATA: AMP</h1>
<p class="card-text">Contenedor completamente de aluminio, a prueba de polvo y sonidos (sellos de goma), se abre por el lado de 223.5 cm. cerrado por una puerta de metal con cuatro paneles sellables y equipados con seis rieles fijos para prendas en gancho.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317 cm.</li>
<li class="list-group-item">Ancho: 243.8 cm.</li>
<li class="list-group-item">Alto: 162.6 cm.</li>
<li class="list-group-item">Tara: 340 kg.</li>
<li class="list-group-item">Peso bruto máximo de carga: 6,800 kg para PMD/4,625 kg para PLD.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/contendor%20seguridad%202.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor de seguridad código IATA: AaP</h1>
<p class="card-text">Contenedor completamente hecho de aluminio. a prueba de polvo y sonidos (sellos de goma), se abre por el lado de 223.5 cm. cerrado por una puerta de metal con cuatro paneles sellables y equipado con seis rieles fijos para prendas en gancho.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317.5 cm.</li>
<li class="list-group-item">Ancho: 223.5 cm.</li>
<li class="list-group-item">Alto: 162.6 cm.</li>
<li class="list-group-item">Tara: 311 kg.</li>
<li class="list-group-item">Peso bruto máximo de carga: 4,625 kg.</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 F / Combi / Mixto A340 / A330 / B777.</li>
</ul>
</div>
</div>
</div>
<h5 class="titulo_de_informacion_cajon">3. Contenedores Isotérmicos</h5>
<p class="nombre_de_modulo_cajon">A continuación podrás encontrar información detallada sobre los tipos de contenedores isotérmicos utilizados en el transporte aéreo:</p>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20temperaturaRKN.png" class="card-img" alt="cardpic">
<p class="card-text font-weight-lighter text-center">Fuente: AeroExpo.</p>
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor a temperatura regulable Código IATA: RKN</h1>
<p class="card-text">"Rango de temperatura: -4 + 68° F (Equipado con un termostato Envirotainer Standard para 16 baterías alcalinas tamaño 16D). Capacidad para almacenar hielo: bloques de hielo hasta 180 kg o hielo a granel hasta 95 kg".</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 156 cm.</li>
<li class="list-group-item">Ancho: 153 cm.</li>
<li class="list-group-item">Alto: 162 cm.</li>
<li class="list-group-item">Tara: 267 kg.</li>
<li class="list-group-item">Volumen disponible: 3 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 1,588 kg.</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 / B777 /340 / A330.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedo%20RAP.png" class="card-img" alt="cardpic">
<p class="card-text font-weight-lighter text-center">Fuente: Transcargo Argentina S.A.</p>
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor a temperatura regulable Código IATA: RAP</h1>
<p class="card-text">Rango de temperatura: -4 + 68° F (Equipado con un termostato Envirotainer Standard para 16 baterías alcalinas tamaño 16D. Capacidad para almacenar hielo: bloques de hielo hasta 180 kg o hielo a granel hasta 95 kg.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317 cm.</li>
<li class="list-group-item">Ancho: 223 cm.</li>
<li class="list-group-item">Alto: 162 cm.</li>
<li class="list-group-item">Tara: 438 kg según constructor.</li>
<li class="list-group-item">Volumen disponible: 8.3 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 6,800 kg.</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 / B777 / A340 / A330.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20a%20temperatura%20JPP.png" class="card-img" alt="cardpic">
<p class="card-text font-weight-lighter text-center">Fuente: TimePX.</p>
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor a temperatura regulable 87″ x 61.5 x 63″ Código IATA: JPP</h1>
<p class="card-text">Contenedor isotérmico para el transporte de carga, empaque compuesto por paneles de espuma de poliéster. Posee puerta sellada de seguridad.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317 cm.</li>
<li class="list-group-item">Ancho: 223 cm.</li>
<li class="list-group-item">Alto: 162 cm.</li>
<li class="list-group-item">Tara: 438 kg.</li>
<li class="list-group-item">Volumen disponible: 8.3 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 6,800 kg.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20a%20temperatura%20RMP.png" class="card-img" alt="cardpic">
<p class="card-text font-weight-lighter text-center">Fuente: TimePX.</p>
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor a temperatura regulable 96″ x 125 x 64″ Código IATA: RMP</h1>
<p class="card-text">Espuma de Poliéster entre los paneles laterales. Temperatura controlada entre 0 + 20° C. Apertura con puerta sellable. Comportamiento con Capacidad de hasta 400 kg de hielo seco con espacio para baterías de ventilador en un lado.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item font-weight-bold">Dimensiones exteriores:</li>
<li class="list-group-item">Largo: 317.1 cm.</li>
<li class="list-group-item">Ancho: 244 cm.</li>
<li class="list-group-item">Alto: 162.6 cm.</li>
<li class="list-group-item font-weight-bold">Dimensiones interiores:</li>
<li class="list-group-item">Largo: 301 cm.</li>
<li class="list-group-item">Ancho: 223.5 cm.</li>
<li class="list-group-item">Alto: 141 cm.</li>
<li class="list-group-item">Tara: 600 kg.</li>
<li class="list-group-item">Volumen disponible: 10 m3.</li>
<li class="list-group-item">Peso bruto máximo de carga: 6,033 kg (FCA, FAS, FOB) y 4,200 kg para PDL del B747 / Combi / A340 / A330 / B777.</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747 / B777 / A340 / A330.</li>
</ul>
</div>
</div>
</div>
<h6 class="titulo_de_informacion_cajon">4. Contenedores para animales vivos</h6>
<p class="nombre_de_modulo_cajon">A continuación podrás encontrar información detallada sobre los tipos de contenedores aéreos utilizados en el transporte aéreo de animales vivos:</p>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20ganado.png" class="card-img" alt="cardpic">
<p class="card-text font-weight-lighter text-center">Fuente: EMAZE.</p>
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor para ganado código IATA: KMP / HQ </h1>
<p class="card-text">Pallet completamente de aluminio con 3 niveles para transportar animales vivos (bovinos, ovinos,cerdos, etc). Montado sobre un pallet de 96″ x 125.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317.5 cm.</li>
<li class="list-group-item">Ancho: 244 cm.</li>
<li class="list-group-item">Alto: 160 cm.</li>
<li class="list-group-item">Tara: 370 a 430 kg con piso intermedio.</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747.</li>
<li class="list-group-item">Paneles equipados con ventilas.</li>
<li class="list-group-item">Puerta intermedia removible.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Contenedor%20triple%20caballos.png" class="card-img" alt="cardpic">
<p class="card-text font-weight-lighter text-center">Fuente: ABQ S.A.</p>
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">Contenedor triple para caballos. Código HMA / H6P</h1>
<p class="card-text">Base de aluminio, a prueba de sonidos con espuma entre los paneles laterales. Techo cubierto, puerta delantera y trasera, hecha en rampa para permitir bajar y subir caballos sin recular.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Largo: 317.5 cm.</li>
<li class="list-group-item">Ancho: 244 cm.</li>
<li class="list-group-item">Alto: 244 cm.</li>
<li class="list-group-item">Tara: 775 kg o 900kg.</li>
<li class="list-group-item">Compatibilidad con aeronaves: B747.</li>
<li class="list-group-item">Piso antideslizante, particiones removilbles para 1 hasta 3 caballos.</li>
<li class="list-group-item">Puerta intermedia removible.</li>
</ul>
</div>
</div>
</div>
<p></p>
</div>
<div class="estilos_cajon" id="cuadro_2_3">
<h1 class="titulo_de_informacion_cajon">Los mejores aeropuertos del mundo</h1>
<p class="nombre_de_modulo_cajon">A continuación, encontraras información sobre los 10 aeropuertos de carga con el mayor tráfico de mercancías en 2023. Los datos han sido obtenidos de las fuentes oficiales de cada aeropuerto.</p>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20Hong%20Kong_1.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Aeropuerto Internacional de Hong Kong </h1>
<p class="card-text">El Aeropuerto Internacional de Hong Kong desde 1996, ha sido uno de los aeropuertos de carga internacional con mayor tráfico en el mundo, a tal punto que para el 2023, gestionó más de 4,33 millones de toneladas de carga.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Se trata de un aeropuerto que brinda más de 55 puestos de estacionamiento para aviones de carga y cuenta con instalaciones de última generación, buena conectividad y capacidad para el manejo eficiente de carga y su seguridad.</li>
<li class="list-group-item">Destacando que, en cuanto a estándares de desempeño, se estima que el tiempo de recepción de carga de exportación es de aproximadamente 15 minutos; el de recogida de carga de importación, de 30 minutos; y el tiempo de espera de camiones, de 30 minutos.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20Memphis.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Aeropuerto Internacional de Memphis </h1>
<p class="card-text">El Aeropuerto Internacional de Memphis, es el aeropuerto de carga con mayor tráfico de Norteamérica y el segundo del mundo. Donde, el operador de carga aérea más destacado del aeropuerto en FedEx.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Lo anterior debido a que se estima que FedEx opera cerca de 400 vuelos diarios y maneja más de 180.000 paquetes y 245.000 documentos por hora en su centro de operaciones en el aeropuerto.</li>
<li class="list-group-item">Destacando que para el 2023, se estima que el aeropuerto gestionó 3,88 millones de toneladas de carga aérea.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20Shangh%C3%A1i%20%E2%80%93%20Pudong_0.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Aeropuerto Internacional de Shanghái – Pudong</h1>
<p class="card-text">El Aeropuerto Internacional de Shanghái – Pudong, es el aeropuerto de mayor importancia en Shanghai y el segundo más transitado de China. El cual se encuentra a 30 kilómetros al este de Shanghai.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Se trata de un aeropuerto que para el 2023, gestionó 3,44 millones de toneladas de carga aérea, cifra que lo posicionó dentro de los 10 principales aeropuertos de carga con mayor tráfico de mercancías para este año.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20Ted%20Stevens%20de%20Anchorage_0.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Aeropuerto Internacional Ted Stevens de Anchorage</h1>
<p class="card-text">El Aeropuerto Internacional Ted Stevens de Anchorage, se encuentra en Alaska a 8 km al suroeste del centro de Anchorage, se trata de un aeropuerto que gracias a sus derechos de transferencia de carga aérea liberalizados y su ubicación, para el 2023, se estima que gestionó 3,38 millones de toneladas de carga aérea.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Adicional a esto, se trata de un aeropuerto que ofrece diversos servicios eficientes de logística como servicio al cliente y reparación; operaciones de ensamblaje, empaquetado, prueba y distribución de productos finales; y almacenamiento y distribución internacionales.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20Incheon_0.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Aeropuerto Internacional de Incheon </h1>
<p class="card-text">El Aeropuerto Internacional de Incheon, ha fortalecido año a año su papel como centro logístico central en el noreste de Asia.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Se trata de un aeropuerto que en el 2022, gestionó 2,95 millones de toneladas de carga aérea. Sin embargo, para el 2023, se evidenció una levé reducción del 7,12%, puesto que gestionó 2,74 millones de toneladas de carga aérea.</li>
<li class="list-group-item">Por otra parte, es relevante destacar que se trata de un aeropuerto que ofrece conexiones directas a más de 150 ciudades, en 53 países y mediante más de 80 aerolíneas.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20Louisville%20Muhammad%20Ali.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Aeropuerto Internacional Louisville Muhammad Ali</h1>
<p class="card-text">El Aeropuerto Internacional Louisville Muhammad Ali, ubicado a 9 km del centro de Louisville, en Kentucky, EE UU, para el 2023, ocupó el sexto lugar en el mundo, al gestionar 2,73 millones de toneladas de carga aérea.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Se trata de un aeropuerto que cambió desde que United Parcel Service (UPS), en 1982, decidió iniciar su nuevo negocio de entregas nocturnas utilizando el aeropuerto como su centro de operaciones principal.</li>
<li class="list-group-item">Este centro de operaciones fue inaugurado en 2002 y llamado Worldport, desde ese entonces, ha permanecido como una base de operaciones de la red aérea global de UPS y de UPS Airlines, la principal empresa de transporte de carga del mundo.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20Miami.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">7. Aeropuerto Internacional de Miami</h1>
<p class="card-text">El Aeropuerto Internacional de Miami controla flujos de carga de norte a sur en el hemisferio occidental. Cabe destacar que, para el 2023, gestionó 2,53 millones de toneladas de carga aérea.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Se trata de un aeropuerto que maneja cerca del 82% y 76% de las importaciones y exportaciones, respectivamente, de Latinoamérica y el Caribe.</li>
<li class="list-group-item">Destacando que permite la distribución de bienes perecederos, tecnológicos, de telecomunicaciones, textiles, farmacéuticos, entre otros.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20Doha.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">8. Aeropuerto Internacional de Doha </h1>
<p class="card-text">El Aeropuerto Internacional de Doha también conocido como Aeropuerto Internacional de Hamad, es una de las terminales de envío más grandes y rápidas del mundo, ubicado en Qatar.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">La terminal de carga del aeropuerto tiene una superficie de 77.000 m2 y puede albergar hasta 11 aviones de fuselaje ancho al mismo tiempo.</li>
<li class="list-group-item">Adicional a ello, puede llegar a manejar más de 6.000 envíos al mismo tiempo, convirtiéndolo en un aeropuerto capaz de manejar más de 1,5 millones de toneladas al año. De hecho, para el 2023, gestiono 2,36 millones de toneladas de carga aérea.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20los%20%C3%81ngeles_0.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">9. Aeropuerto Internacional de los Ángeles </h1>
<p class="card-text">El Aeropuerto Internacional de los Ángeles, ubicado en EE UU, para el 2023, gestionó 2,13 millones de toneladas de carga aérea, ubicándose por este concepto dentro de los 10 principales aeropuertos transportadores de carga a nivel mundial.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Se trata de un aeropuerto que para julio del 2023, contaba con tres áreas de carga compuestas por 27 edificios, con cerca de 2,6 millones de pies cuadrados y 3,5 millones de pies cuadrados de área de rampa para aeronaves.</li>
<li class="list-group-item">Sin embargo, las edificaciones son muy antiguas y por este motivo, suelen ser incompatibles con los estándares actuales de la industria.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="https://legiscomex.com/sites/legiscomex/files/2024-08/Aeropuerto%20Internacional%20de%20Taoyuan.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">10. Aeropuerto Internacional de Taoyuan</h1>
<p class="card-text">El Aeropuerto Internacional de Taoyuan se encuentre a 40 km al suroeste de Taipei. Se trata de uno de los principales aeropuertos de centros de carga aérea en Asia que, para el 2023, gestionó 2,11 millones de toneladas de carga aérea, ubicándose por este concepto dentro de los 10 principales aeropuertos transportadores de carga a nivel mundial.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">La terminal de carga del aeropuerto se encuentra equipada con instalaciones modernas para el procesamiento y manejo de carga.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="estilos_cajon" id="cuadro_3">
<h1 class="titulo_de_informacion_cajon">Transporte Terrestre</h1>
<p class="nombre_de_modulo_cajon">Por ser un complemento de otros modos de transporte y la manera más apropiadada para movilizar pequeños volúmenes de carga a cortas distancias, el transporte terrestre de carga es considerado un factor importante para el comercio exterior y, por ende, para el desarrollo económico del país.</p>
<div class="card mb-3 mw-100" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Transporte%20terrestre%20card.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">"Es el segundo tipo de transporte más utilizado en Colombia"</h1>
<p class="card-text">Permite transportar la carga relacionada con las operaciones internacionales y es la vía más usada para la movilización de mercancías en el mercado interno.</p>
</div>
</div>
</div>
</div>
<h2 class="titulo_de_informacion_cajon">• Tipos de vehículos para transporte terrestre</h2>
<p class="nombre_de_modulo_cajon">A continuación podrás encontrar los vehículos utilizados en el transporte por carretera según la carga y características de la misma.</p>
<div class="card-deck">
<div class="card">
<img src="/sites/legiscomex/files/2020-11/camio%CC%81n%20carga%20seca%2048.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga seca: Camión con caja para carga seca 53 x 9.6</h5>
<p class="card-text">Capacidad máxima de carga de 3.490 pies cúbicos y peso neto vacío de 25,5 toneladas.</p>
<p class="card-text">➔ Tipo de carga: Mercancías embaladas como cajas, bultos y sacos.</p>
</div>
</div>
<div class="card">
<img src="/sites/legiscomex/files/2020-11/Camion%20carga%20seca%2048.2.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga seca: Camión con caja para carga seca 48 x 9.6</h5>
<p class="card-text">Capacidad máxima de carga de 3.864 pies cúbicos y peso neto vacío de 26,1 toneladas.</p>
<p class="card-text">➔ Tipo de carga: mercancías embaladas como cajas, bultos y sacos, entre otros.</p>
</div>
</div>
</div>
<h3 class="titulo_de_informacion_cajon"></h3>
<div class="card-deck">
<div class="card">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20carga%20cisnera.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga líquida: Camión con caja cisterna o tanque</h5>
<p class="card-text">Son vehículos que cuentan con un tanque destinado al transporte de carga líquida o gaseosa. Estas cajas se dividen en tanques más pequeños mediante compuertas, destinados al transporte de líquidos.</p>
<p class="card-text">➔ Tipo de carga: Productos químicos, petroquímicos, gases licuados, entre otros.</p>
</div>
</div>
<div class="card">
<img src="/sites/legiscomex/files/2020-11/Camion%20carga%20granel_0.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga a granel: Camión con caja abierta para granel</h5>
<p class="card-text">Estos vehículos, que pueden ser de caja abierta o cerrada, se utilizan para transportar principalmente carga a granel.</p>
<p class="card-text">➔ Tipo de carga: minerales, alimentos a granel, entre otros.</p>
</div>
</div>
</div>
<h3 class="titulo_de_informacion_cajon"></h3>
<div class="card-deck">
<div class="card">
<img src="/sites/legiscomex/files/2020-11/camio%CC%81n%20refrigeracio%CC%81n.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga refrigerada: Camión con caja refrigerada</h5>
<p class="card-text">Estos vehículos cuentan con un sistema que permite reducir la temperatura interior y mantenerla estable para transportar mercancías que requieren refrigeración.</p>
<p class="card-text">➔ Tipo de carga: minerales, frutas, verduras y congelados.</p>
</div>
</div>
<div class="card">
<img src="/sites/legiscomex/files/2020-11/camio%CC%81n%20cama%20baja.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga pesada: Camión cama baja</h5>
<p class="card-text">Estos vehículos tipo plataforma o cama baja son apropiados para el transporte de maquinaria pesada.</p>
<p class="card-text">➔ Tipo de carga: excavadoras y demás maquinaria utilizada en la construcción.</p>
</div>
</div>
</div>
<h3 class="titulo_de_informacion_cajon"></h3>
<div class="card-deck">
<div class="card">
<img src="/sites/legiscomex/files/2020-11/Carga%20extradimensionada%20.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga extradimensionada: Camión con plataforma para carga sobredimensionada</h5>
<p class="card-text">Estas plataformas son utilizadas para transportar cargas que exceden las dimensiones de la carrocería de los vehículos convencionales permitidos.</p>
<p class="card-text">Para el tránsito de este tipo de mercancías se requiere cumplir con una serie de requisitos de señalización, tener autorización y usar vehículo escolta.</p>
<p class="card-text">➔ Tipo de carga: excavadoras y demás maquinaria utilizada en la construcción.</p>
</div>
</div>
<div class="card">
<img src="/sites/legiscomex/files/2020-11/Camion%20carga%20granel_0.png" class="card-img-top" alt="cardpic">
<div class="card-body">
<h5 class="card-title text-center text-primary">Carga vehículos: Plataforma multinivel o porta vehículos</h5>
<p class="card-text">Son plataformas destinadas al transporte de vehículos. No protegen la carga del medio ambiente y tienen un sistema que permite realizar con rapidez las operaciones de carga/descarga.</p>
<p class="card-text">➔ Tipo de carga: vehículos.</p>
</div>
</div>
</div>
<h4 class="titulo_de_informacion_cajon">• Vehículos de transporte de carga en Colombia</h4>
<p class="nombre_de_modulo_cajon">A continuación podrás encontrar la designación para los vehículos de transporte de carga en el territorio nacional según la configuración de sus ejes.</p>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%202.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de dos ejes sencillo</h5>
Peso máximo: 17.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/camio%CC%81n%203.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de tres ejes dobletroque</h5>
Peso máximo: 28.000kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/camio%CC%81n%204.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de cuatro ejes dobletroque</h5>
Peso máximo: 31.000kg - 36.000kg.
</div>
</li>
</ul>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/dosejes%20.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Tractocamión dos ejes con semiremolque de un eje</h5>
Peso máximo: 27.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/Tractocamio%CC%81n%20dos%20ejes%20con%20semiremolque%20de%20tres%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Tractocamión dos ejes con semiremolque de tres ejes</h5>
Peso máximo: 40.500kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/dos%20ejes%20semiremolque%20de%20un%20eje.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Tractocamión tres ejes con semiremolque de un eje</h5>
Peso máximo: 29.000kg.
</div>
</li>
</ul>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Tractocamio%CC%81n%20tres%20ejes%20con%20semiremolque%20de%202%20eje.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Tractocamión tres ejes con semiremolque de dos ejes</h5>
Peso máximo: 48.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/Tractocamio%CC%81n%20tres%20ejes%20con%20semiremolque%20de%203%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Tractocamión tres ejes con semiremolque de tres ejes</h5>
Peso máximo: 52.000kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Remolque%20de%20dos%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Remolque de dos ejes</h5>
Peso máximo: 16.000kg.
</div>
</li>
</ul>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20dos%20ejes%20con%20remolque%20de%20dos%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión dos ejes con remolque de dos ejes</h5>
Peso máximo: 31.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20dos%20ejes%20con%20remolque%20de%20tres%20eje.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión dos ejes con remolque de tres ejes</h5>
Peso máximo: 40.500kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20tres%20ejes%20dobletroque%20con%20remolque%20de%20dos%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión tres ejes dobletroque con remolque de dos ejes</h5>
Peso máximo: 44.000kg.
</div>
</li>
</ul>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20tres%20ejes%20dobletroque%20con%20remolque%20de%203%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión tres ejes dobletroque con remolque de tres ejes</h5>
Peso máximo: 48.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20cuatro%20ejes%20con%20remolque%20de%204ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión cuatro ejes con remolque de dos ejes</h5>
Peso máximo: 48.000kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%204%20ejes%20con%20remolque%20de%202%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión cuatro ejes con remolque de cuatro ejes</h5>
Peso máximo: 48.000kg.
</div>
</li>
</ul>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20dos%20ejes%20con%20remolque%20balanci%CC%81n%20de%20un%20eje.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de dos ejes con remolque balancín de un eje</h5>
Peso máximo: 25.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20dos%20ejes%20con%20remolque%20balanci%CC%81n%20de%202.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de dos ejes con remolque balancín de dos ejes</h5>
Peso máximo: 32.000kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20dos%20ejes%20con%20remolque%20balanci%CC%81n%20de%203%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de dos ejes con remolque balancín de tres ejes</h5>
Peso máximo: 29.000kg.
</div>
</li>
</ul>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20tres%20ejes%20dobletroque%20con%20remolque%20balanci%CC%81n%20de%20un%20eje.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de tres ejes dobletroque con remolque balancín de un eje</h5>
Peso máximo: 33.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20tres%20ejes%20balanci%CC%81n%20de%203%20eje.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de tres ejes dobletroque con remolque balancín de dos ejes</h5>
Peso máximo: 40.000kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20tres%20ejes%20dobletroque%20con%20remolque%20balanci%CC%81n%203.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de tres ejes dobletroque con remolque balancín de tres ejes</h5>
Peso máximo: 48.000kg.
</div>
</li>
</ul>
<ul class="list-unstyled">
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20cuatro%20ejes%20con%20remolque%20balanci%CC%81n%20de%20un%20eje.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de cuatro ejes con remolque balancín de un eje</h5>
Peso máximo: 17.000kg.
</div>
</li>
<li class="media my-4">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20cuatro%20ejes%20con%20remolque%20balanci%CC%81n%20de%20dos%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de cuatro ejes con remolque balancín de dos ejes</h5>
Peso máximo: 17.000kg.
</div>
</li>
<li class="media">
<img src="/sites/legiscomex/files/2020-11/Camio%CC%81n%20de%20cuatro%20ejes%20con%20remolque%20balanci%CC%81n%20de%203%20ejes.png" class="mr-3" alt="minipic">
<div class="media-body">
<h5 class="mt-0 mb-1">➔ Camión de cuatro ejes con remolque balancín de tres ejes</h5>
Peso máximo: 17.000kg.
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--<script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>-->
<script type="text/javascript" src="https://www.legiscomex.com/Presentaciones/transito/js/popper.min.js"></script>
<script type="text/javascript" src="https://www.legiscomex.com/Presentaciones/transito/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.legiscomex.com/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>
<!-- -------------------------------AUDIOS------------------------------------ -->
<script type="text/javascript">
/*
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);
});
}
});
/*
} else {
swal("la pagina entrara en modo normal");
}
});
/*--------------------------------FIN AUDIOS--------------------------------*/
</script>
<!-- -------------------FANCYBOX-------------------- -->
<script type="text/javascript">
/*!
* 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>
<script src="https://lablegis.azurewebsites.net/scripts/customize-lcx.js"></script>
