Puertos Asia
Builder
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puertos comerciales de Asia</title>
<link rel="shortcut icon" type="image/x-icon" href="/Presentaciones/procesos_importaciones/img/favicon.ico">
<!--<link rel="stylesheet" type="text/css" href="css/style3.css">-->
<!--estilos propios-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/procesos_importaciones/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!--<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>-->
<!----------------------------------fancybox------------------------------------------>
<link rel="stylesheet" type="text/css"
href="/Presentaciones/procesos_importaciones/css/jquery.fancybox.css?v=2.1.5.css" media="screen" />
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript"
src="/Presentaciones/procesos_importaciones/js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$('.carousel').carousel({
interval: 8000,
pause: true,
wrap: false
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('.fancybox').fancybox();
});
</script>
<!-----------------------------------fancybox----------------------------------------->
</head>
<style type="text/css">
.container-titulo {
display: flex;
width: 100%;
flex-flow: column wrap;
}
.container-titulo h1 {
width: 100%;
}
.container-titulo p {
width: 100%;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
display: none;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 44px !important;
/* background: #1937ee no-repeat center center !important; */
background-size: 100% 100%;
background-color: #1937ee;
}
span.btn.btn-outline-primary {
margin: 3px 0px !important;
}
#invidentes {
width: auto;
font-size: 17px;
padding: 5px 11px 6px 14px;
background-color: #1937ee;
color: #ffffff;
position: relative;
z-index: 300;
top: 26px;
border: 1px solid #1937ee;
/* left: 79%; */
font-family: "tahoma";
float: right;
text-align: right;
margin-right: 17px;
cursor: pointer;
}
#contenedor_absolute {
height: auto !important;
}
.estilos_subcontenido {
margin: 0px 30px;
}
.fancybox-margin {
margin-right: 0;
}
.estilos_boton,
.estilos_boton2 {
margin: 6px 20px 26px 20px;
}
.arreglar_cajon_z1 {
line-height: 49px;
display: none;
}
.subslinks-z1 {
display: none;
}
.subseccion_z3 {
display: none;
}
#pantalla1,
#pantalla2 {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.56);
z-index: 20000;
position: fixed;
top: 0;
display: none;
}
.proceso1,
.proceso2,
.proceso3,
.proceso4,
.proceso5,
.proceso6,
.proceso7,
.proceso8,
.proceso9 {
display: none;
}
#video_intro {
opacity: 1;
display: none;
}
.slider {
display: none;
}
.introduccion {
display: none;
}
.video {
display: none;
}
.seccion3 {
display: none;
}
#imagen_audio {
display: none;
}
.cajon_texto_blanco {
width: 100%;
background-color: #fff;
border: solid 1px rgba(25, 55, 239, 0.1803921568627451);
border-top: none;
}
@font-face {
font-family: 'Gilroy-Bold';
src: url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.eot');
src: url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.svag#Gilroy-Bold') format('svg'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.ttf') format('truetype'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.woff') format('woff'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tahoma';
src: url('/Presentaciones/procesos_importaciones/font/Tahoma.svg#Tahoma') format('svg'),
url('/Presentaciones/procesos_importaciones/font/Tahoma.ttf') format('truetype'),
url('/Presentaciones/procesos_importaciones/font/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tahoma';
src: url('/Presentaciones/procesos_importaciones/font/tahoma.eot');
src: url('/Presentaciones/procesos_importaciones/font/tahoma.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/procesos_importaciones/font/tahoma.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 44px;
cursor: pointer;
}
.carousel-control-prev {
left: 0;
height: 256px !important;
}
.carousel-control-next-icon {
margin-left: 40px;
}
.esconder_contenido_modulos_movil_z2 {
display: none;
}
.row {
margin-left: 0px !important;
margin-right: 0px !important;
}
/*----------------------------------------header-------------------------------------------*/
.esconder_modulo_de_escritorio {
display: none;
}
.escondeer_en_escritorio {
display: none;
}
.esconder_version_escritorio {
display: none;
}
.esconder_de_escritorio {
display: none !important;
}
.fila_de_header {
background-color: #fff;
position: fixed;
width: 100%;
z-index: 90;
border-bottom: 1px solid #1937ef;
}
.logo_legiscomex {
width: 243px;
padding: 13px 34px;
height: 83px;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
.fila_redes_sociales {
text-align: right;
padding-right: 43px !important;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
/*---------------------------------------fin header-------------------------------------------*/
.imagen_principal {
width: 100%;
margin-top: 83px;
}
/*---------------------------------------seccion principal #1-------------------------------------------*/
#video-principal {
max-width: 100%;
}
.fila_contenedor_1 {
padding: 160px 0px 0px 0px;
}
.container {
max-width: 100% !important;
}
.titulo_principal {
background-color: #1937ef;
padding: 17px 32px 10px 44px;
color: #fff;
text-transform: uppercase;
font-size: 49px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
}
.fuente_pequeña {
font-size: 20px;
padding-left: 73px;
}
.texto_principal {
padding: 32px 0px 28px 0px;
width: 442px;
font-size: 18px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
color: #4c4c4c;
margin-bottom: 0px;
}
.imagen_boton_audio {
width: 336px;
margin-left: 0px;
height: 81px;
}
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 20px !important;
height: 20px !important;
border-radius: 100% !important;
margin-right: 3px;
margin-left: 10px !important;
text-indent: -999px;
background-color: rgba(255, 255, 255, .5);
}
.carousel-indicators .active {
background-color: #fca200 !important;
}
/*---------------------------------------fin seccion principal #1-------------------------------------------*/
/*-----------------------------------------inicio seccion 2----------------------------------------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 31px;
color: #002E72;
/*text-transform: uppercase;*/
font-family: "Gilroy-Bold";
margin-top: 0px;
margin-bottom: 55px;
font-weight: inherit;
}
.cajon_texto {
width: 100%;
background-color: #1937ef;
height: 151px;
display: flex;
justify-content: center;
align-items: center;
padding: 28px;
}
.cajon_texto_amarillo {
width: 100%;
background-color: #fca200;
}
.cajon_texto_blanco {
width: 100%;
background-color: #fff;
border: solid 1px #1937ef2e;
border-top: none;
}
.texto_modulo_z3 {
color: #fff;
font-size: 17px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 25px;
}
.texto_azul {
color: #1937ef;
}
.imagen_modulo_z2 {
width: 100%;
}
.quitar_padding_z3 {
padding: 0px !important;
}
/*
.margin-top_z2{
margin-top: 30px;
}
*/
.espacios_de_contenido {
padding: 0px 0px 61px 0px;
}
.quitar_padding_z3 {
cursor: pointer;
transition: all 0.2s ease;
}
.quitar_padding_z3:hover {
transform: scale(0.9);
}
/*---------------------------------------------fin seccion 2----------------------------------------------------------*/
/*---------------------------------------------------flotante-------------------------------------------------*/
.volver_a_formualrios {
font-size: 18px;
padding: 32px 20px;
float: right;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.boton_de_volver_a_inicio {
padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
font-size: 17px;
}
.fila_boton_flotante {
padding: 2px 0px;
background-color: #fff;
}
.boton_de_volver_a_inicio:hover {
padding: 8px 20px;
background-color: rgb(25, 55, 239);
color: #fff;
text-decoration: none;
}
/*---------------------------------------------- fin flotante-------------------------------------------------------------*/
/*---------------------------------------------------Inicio footer------------------------------------------------*/
@font-face {
font-family: 'Gilroy-Regular';
src: url('font/Gilroy-Regular.eot');
src: url('font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('font/Gilroy-Regular.svg#Gilroy-Regular') format('svg'),
url('font/Gilroy-Regular.ttf') format('truetype'),
url('font/Gilroy-Regular.woff') format('woff'),
url('font/Gilroy-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.text_hover:hover {
/* text-decoration: underline !important; */
color: #fbb029;
}
.franja_naranja {
width: 100%;
height: 7px;
background-color: rgb(249, 176, 0);
}
.fila_footer {
padding-bottom: 43px;
}
#footer {
background-color: rgb(41, 58, 232);
height: 240px;
display: table;
width: 100%;
}
.texto_logo {
margin-left: 58px;
font-size: 16px;
}
.logo_de_legis {
width: 227px;
padding: 61px 29px 0px 36px;
}
.pata_footer {
width: 145px;
position: absolute;
margin: -28px 10px 6px 68px;
}
.footer-sin-padding {
padding-right: 0 !important;
padding-left: 0 !important;
}
.text_footer {
color: #fff;
/* font-family: fantasy; */
/* font-family: "tahoma"; */
/* font-family: 'Gilroy-Regular'; */
font-size: 16 px;
margin-bottom: 2px;
}
.fondo_oscuro {
background-color: #002c54;
}
.derechos {
color: rgba(255, 255, 255, 0.74);
font-size: 14px;
}
hr {
width: 87%;
background-color: #fff;
margin: 0 auto;
}
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 20px 0px;
}
.footer_redes:hover {
color: #f9b000;
}
.circulo_redes:hover {
color: #f9b000;
}
.tamaño_font {
font-size: 17px;
}
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 62px;
margin-bottom: 18px;
}
.subtitulo_footer2 {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: 100;
font-size: 21px;
margin-top: 31px;
}
.espacio_padding {
padding: 0px 20px;
}
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 20% !important;
flex: auto;
}
.col-xs-5 {
float: left;
width: 20%;
}
.footer_redes {
color: rgba(255, 255, 255, 0.54);
font-size: 29px;
margin-top: 65px;
margin-left: 25px;
}
.circulo_redes {
position: absolute;
top: 144px;
left: 104px;
font-size: 47px;
color: #ffffff5c;
}
.ocultar_modulos {
display: none;
}
.ver_mas {
text-decoration: underline;
color: #fca200;
cursor: pointer;
}
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 13px 0px;
}
/*
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 25px 0px;
}
*/
.facebook_z3 {
margin-left: 68px;
}
.buttom_text {
text-align: center;
background-color: #002c54;
padding: 20px 0px 13px 0px;
}
.desplegar_footer {
display: none;
}
span.bullet {
color: #fff;
font-size: 23px;
position: absolute;
left: 10px;
top: -7px;
}
/*---------------------------------------------------Fin footer------------------------------------------------*/
/*---------------------------------------------------contenido cajon intro------------------------------------------------*/
.estilos_cajon {
padding: 32px 49px 43px 49px;
max-width: 1016px;
width: 100%;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 19px;
padding: 20px;
font-family: "tahoma";
font-weight: inherit;
text-align: left;
line-height: 28px;
font-weight: inherit;
margin-bottom: 0px;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 25px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
width: 100%;
text-align: left;
}
.contenido_fancybox {
display: none;
}
.audio_intro {
width: 317px;
margin-top: -3px;
transition: all 0.2s ease;
margin-top: 0px;
cursor: pointer;
display: none;
}
.audio_intro:hover {
transform: scale(0.9);
}
.fancybox {
text-decoration: none !important;
}
/*---------------------------------------------------fin contenido cajon intro------------------------------------------------*/
.audio {
margin-left: 0;
margin-top: 9px;
max-width: 293px;
height: 46px;
}
.audio_textos {
margin-left: 11px;
}
.indicador_audio_intro {
color: #1937ef;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 14px;
font-size: 16px;
padding-left: 14px;
}
@media (max-width: 1440px) {
.fila_contenedor_1 {
padding: 117px 50px 0px 50px;
}
#contenedor_absolute {
height: 482px;
}
.espacios_de_contenido {
padding: 8px 0px 0px 0px !important;
}
.volver_a_formualrios {
font-size: 18px;
padding: 52px 20px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 28px;
margin-top: 0;
}
.titulo_principal {
font-size: 40px;
line-height: 25px;
}
.texto_modulo_z3 {
font-size: 15px;
line-height: 20px;
}
}
@media (max-width: 1280px) {
#invidentes {
display: none;
}
}
@media (max-width: 1150px) {
.carousel-control-prev {
left: 0;
height: 86% !important;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 30px;
height: 52px !important;
}
#contenedor_absolute {
height: 413px;
}
.fila_contenedor_1 {
padding: 110px 20px 47px 20px !important;
}
#contenedor_absolute {
height: 200px;
}
}
@media (max-width: 1020px) {
.texto_principal {
padding: 19px 0px 11px 0px;
width: 88%;
font-size: 21px;
margin: auto;
}
.titulo_principal {
margin: 41px auto 20px auto;
font-size: 42px;
line-height: 26px;
width: 100%;
padding: 24px 44px 19px 44px;
}
.contenedor_ancho_cien {
height: 500px;
max-width: 100% !important;
flex: 0 0 100%;
}
#contenedor_de_video {
max-width: 100%;
flex: 0 0 100%;
}
.esconder_MV {
display: none;
}
.fila_contenedor_1 {
padding: 110px 20px 2px 20px !important;
}
}
@media (max-width: 1000px) {
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 77px;
}
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 77px;
}
.carousel-control-prev {
left: 0;
height: 82% !important;
}
.carousel-indicators {
display: none;
}
#imagen_principal_z1 {
margin-top: 80px;
}
.bullet {
display: none;
}
/*-----------------footer--------------------*/
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 33px;
}
.margen_responsiva {
margin-top: 149px;
}
.facebook_z3 {
margin-left: 0;
}
.circulo_redes {
position: relative;
top: 2px;
left: 24px;
font-size: 35px;
color: #ffffff5c;
}
.texto_logo {
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 51px 40px 73px;
text-align: left;
}
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 50% !important;
}
.logo_de_legis {
width: 182px;
padding: 45px 29px 0px 0px;
margin-left: -27px;
}
.pata_footer {
width: 127px;
position: absolute;
margin: -24px 10px 6px 39px;
}
/*-------------fin footer-----------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 28px;
padding: 0px 43px;
line-height: 24px;
margin-top: 76px;
margin-bottom: 54px;
}
/*
.col-md {
-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 50% !important;
flex-basis: inherit !important;
}
.col-md {
-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 100% !important;
flex-basis: inherit !important;
}
*/
/*
.col-md {
-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 50% !important;
flex-basis: inherit !important;
}
*/
/*
.col-md-6 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
*/
iframe.d-block.w-100 {
height: 290px !important;
}
.esconder_contenido_modulos_movil_z2 {
display: flex;
width: 100%;
flex-flow: row wrap;
}
iframe.d-block.w-100 {
height: 282px;
}
.esconder_contenido_modulos_z2 {
display: none;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 17px;
line-height: 27px;
padding: 0px 20px 20px 20px;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.carousel-inner {
margin: 20px auto 50px auto !important;
width: 91% !important;
}
.escondeer_en_escritorio {
display: none;
}
.esconder_modulo_de_movil {
display: none;
}
.esconder_modulo_de_escritorio {
display: block;
}
.audio {
margin-left: 44px;
margin-top: 25px;
}
.imagen_boton_audio {
margin-left: 31px;
/* margin: auto; */
width: 323px;
height: 86px;
}
.texto_principal {
padding: 19px 0px 11px 0px;
width: 88%;
font-size: 21px;
margin: auto;
}
.fila_contenedor_1 {
padding: 45px 30px 40px 30px;
}
.titulo_principal {
margin: 41px auto 20px auto;
font-size: 42px;
line-height: 26px;
width: 200%;
padding: 24px 44px 19px 44px;
}
.carousel-control-next {
right: 29px;
/*display: none !important;*/
}
.carousel-control-prev {
left: 29px;
/*display: none !important;*/
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 26px;
padding: 0px 43px;
line-height: 24px;
margin-top: 78px;
margin-bottom: 52px;
}
.texto_modulo_z3 {
font-size: 17px;
line-height: 23px;
}
.esconder_de_movil {
display: none !important;
}
.esconder_de_escritorio {
display: flex !important;
}
.cajon_texto {
padding: 10px 14px;
height: 148px;
}
}
@media (max-width: 770px) {
#imagen_principal_z1 {
margin-top: 84px;
}
.texto_principal {
padding: 19px 0px 11px 0px;
width: 88%;
font-size: 16px;
margin: auto;
}
.fila_contenedor_1 {
padding: 58px 20px 29px 20px !important;
}
}
@media (max-width: 610px) {
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 26px;
height: 43px !important;
}
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 51px;
}
.fila_contenedor_1 {
padding: 12px 20px 29px 20px !important;
}
#contenedor_absolute {
height: 319px;
}
#imagen_principal_z1 {
margin-top: 0px;
}
/*-----------------------------footer---------------------*/
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
.text_footer {
color: #fff;
font-size: 15px;
}
.boton_underline_politicas {
text-decoration: underline;
}
.text_hover {
text-decoration: underline !important;
}
.desplegar_footer {
text-align: center;
margin: 15px auto 0 auto;
font-size: 37px;
color: #fff;
display: block;
}
.logo_de_legis {
width: 145px;
padding: 0;
margin-top: 24px;
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 0px 40px 0px;
text-align: center;
}
.margen_responsiva {
margin-top: 36px;
}
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 100% !important;
}
.ocultar_movil {
display: none;
}
.ver_mas {
/* text-decoration: underline; */
background-color: #fca200;
cursor: pointer;
padding: 5px 5px 9px 6px;
font-size: 20px;
margin: 24px auto;
width: 60%;
color: #ffffff;
}
/*-----------------------------fin footer---------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 20px;
margin-top: 18px;
margin-bottom: 55px;
}
.carousel-indicators {
bottom: 0 !important;
}
.nombre_de_modulo_cajon {
padding: 4px 20px 20px 20px;
margin-bottom: 16px;
}
.titulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.nombre_de_modulo_cajon {
color: #03040ed4;
font-size: 15px;
line-height: 23px;
}
.estilos_cajon {
padding: 18px 4px 43px 9px;
max-width: 1016px;
width: 100%;
}
.carousel-inner {
padding: 0px !important;
width: 100% !important;
margin: auto !important;
}
footer#footer {
text-align: center;
}
.pata_footer {
display: none;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.boton_de_volver_a_inicio {
width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}
.simulador_text {
font-size: 19px;
padding: 7px 10px;
display: block;
}
.mitad_movil {
width: 50% !important;
}
.fila_contenedor_1 {
padding: 45px 20px 40px 20px;
}
.audio {
margin-left: 0;
margin-top: 26px;
height: 51px;
width: 100%;
}
/*--------------------------------header--------------------------------*/
.titulo_principal {
margin: 37px auto 14px auto;
font-size: 31px;
line-height: 20px;
}
.imagen_boton_audio {
margin-left: 0;
width: 280px;
height: 79px;
}
.texto_principal {
padding: 10px 0px 5px 0px;
width: 100%;
margin: auto;
font-size: 15px;
}
.titulo_principal {
margin: 37px auto 14px auto;
font-size: 27px;
line-height: 20px;
width: 100%;
padding: 15px 44px 12px 44px;
}
iframe.d-block.w-100 {
height: 173px !important;
}
.fuente_pequeña {
font-size: 16px;
padding-left: 49px;
}
.imagen_principal {
width: 100%;
margin-top: 0;
}
.fila_de_header {
background-color: #fff;
position: relative;
margin-top: 0;
width: 100%;
z-index: 120;
border-bottom: 1px solid #1937ef8f;
}
.partir_mitad_movil {
width: 50% !important;
}
.logo_legiscomex {
width: 150px;
padding: 13px 7px;
height: 67px;
}
.fila_redes_sociales {
text-align: right;
padding-right: inherit;
padding-right: 24px !important;
}
.iconos_redes_sociales {
width: 35px;
padding: 12px 3px;
height: 67px;
}
.texto_modulo_z3 {
font-size: 12px;
line-height: 18px;
padding: 20px;
}
/*------------------------------header----------------------------*/
}
@media (max-width: 490px) {
.carousel-indicators {
display: inline-flex;
}
.carousel-control-prev {
left: 29px;
display: none !important;
}
.carousel-control-next {
display: none !important;
}
/*----------footer-------------*/
.logo_de_legis {
width: 138px;
}
/*--------footer----------------*/
}
@media (max-width: 380px) {
/*-----------footer-------------*/
.logo_de_legis {
width: 180px;
padding: 2px 30px 1px 30px;
}
.desplegar_footer {
font-size: 33px;
}
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
/*-------------fin footer--------*/
iframe.d-block.w-100 {
height: 151px !important;
}
.carousel-control-prev {
left: 0;
display: none !important;
}
.carousel-control-next {
right: 0;
display: none !important;
}
.carousel-indicators li {
width: 15px !important;
height: 15px !important
}
iframe.d-block.w-100 {
height: 140px;
}
.boton_de_volver_a_inicio {
width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}
.simulador_text {
font-size: 17px;
}
.fuente_pequeña {
font-size: 14px;
padding-left: 38px;
}
}
@media (max-width: 370px) {
.subtitulo_seccion_modulos {
text-align: center;
font-size: 19px;
}
iframe.d-block.w-100 {
height: 143px !important;
}
@media (max-width: 350px) {
.subtitulo_seccion_modulos {
text-align: center;
font-size: 26px;
padding: 0px 43px;
line-height: 24px;
margin-top: 6px;
}
.fila_contenedor_1 {
padding: 45px 0px 14px 0px;
}
.fuente_pequeña {
font-size: 14px;
padding-left: 14px;
}
.titulo_principal {
margin: 37px auto 14px auto;
font-size: 27px;
line-height: 17px;
width: 100%;
padding: 15px 12px 13px 19px;
}
.texto_principal {
padding: 10px 0px 5px 0px;
width: 100%;
margin: auto;
font-size: 13px;
}
.audio {
margin-left: 0;
height: 39px;
width: 100%;
margin-top: 22px;
}
.simulador_text {
font-size: 15px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
}
}
@media (max-width: 345px) {
.titulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.nombre_de_modulo_cajon {
padding: 0;
}
.titulo_de_informacion_cajon {
padding: 0;
}
.subtitulo_seccion_modulos {
margin-top: 6px;
}
}
@media (max-width: 250px) {
.volver_a_formualrios {
padding: 59px 0px;
}
.texto_modulo_z3 {
font-size: 12px;
line-height: 18px;
padding: 0;
}
.texto_principal {
padding: 10px 0px 28px 0px;
width: 100%;
margin: auto;
font-size: 13px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
margin-top: 6px;
}
.iconos_redes_sociales {
width: 28px;
padding: 21px 3px;
height: 64px;
}
.fila_contenedor_1 {
padding: 34px 0 29px 0 !important;
}
.logo_legiscomex {
width: 112px;
padding: 14px 7px;
height: 67px;
}
}
</style>
<body>
<header>
<div id="pantalla1"></div>
<div id="pantalla2"></div>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro_impo.mp3"
autostart="true" loop="false" id="intro_transito" class="intro_transito" height="0" width="0"></audio>
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/header_impo.mp3"
autostart="true" loop="false" id="header" class="header" height="0" width="0"></audio>
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<!-------------------------------------------------------audios----------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/slider_impo.mp3"
autostart="true" loop="false" id="slider" class=" slider" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/introduccion_impo.mp3"
id="introduccion" autostart="true" loop="false" class="introduccion" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/video_impo.mp3" id="video"
autostart="true" loop="false" class="video" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro3_impo.mp3"
id="seccion3" autostart="true" loop="false" class="seccion3" height="0" width="0"></audio>
<!---------------------------------------------procesos---------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso1_impo.mp3"
id="proceso1" autostart="true" loop="false" class="proceso1" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso2_impo.mp3"
id="proceso2" autostart="true" loop="false" class="proceso2" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso3_impo.mp3"
id="proceso3" autostart="true" loop="false" class="proceso3" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso4_impo.mp3"
id="proceso4" autostart="true" loop="false" class="proceso4" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso5_impo.mp3"
id="proceso5" autostart="true" loop="false" class="proceso5" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso6_impo.mp3"
id="proceso6" autostart="true" loop="false" class="proceso6" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso7_impo.mp3"
id="proceso7" autostart="true" loop="false" class="proceso7" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso8_impo.mp3"
id="proceso8" autostart="true" loop="false" class="proceso8" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso9_impo.mp3"
id="proceso9" autostart="true" loop="false" class="proceso9" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso10_impo.mp3"
id="proceso10" autostart="true" loop="false" class="proceso10" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso11_impo.mp3"
id="proceso11" autostart="true" loop="false" class="proceso11" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso12_impo.mp3"
id="proceso12" autostart="true" loop="false" class="proceso12" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso13_impo.mp3"
id="proceso13" autostart="true" loop="false" class="proceso13" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso14_impo.mp3"
id="proceso14" autostart="true" loop="false" class="proceso14" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso15_impo.mp3"
id="proceso15" autostart="true" loop="false" class="proceso15" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso16_impo.mp3"
id="proceso16" autostart="true" loop="false" class="proceso16" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso17_impo.mp3"
id="proceso17" autostart="true" loop="false" class="proceso17" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso18_impo.mp3"
id="proceso18" autostart="true" loop="false" class="proceso18" height="0" width="0"></audio>
<!-----------------------------------------------contenido dento del cada modulo----------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido1_impo.mp3"
id="contenido_1" autostart="true" loop="false" class="contenido1" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido2_impo.mp3"
id="contenido_2" autostart="true" loop="false" class="contenido2" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido3_impo.mp3"
id="contenido_3" autostart="true" loop="false" class="contenido3" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido4_impo.mp3"
id="contenido_4" autostart="true" loop="false" class="contenido4" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido5_impo.mp3"
id="contenido_5" autostart="true" loop="false" class="contenido5" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido6_impo.mp3"
id="contenido_6" autostart="true" loop="false" class="contenido6" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido7_impo.mp3"
id="contenido_7" autostart="true" loop="false" class="contenido7" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido8_impo.mp3"
id="contenido_8" autostart="true" loop="false" class="contenido8" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido9_impo.mp3"
id="contenido_9" autostart="true" loop="false" class="contenido9" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido10_impo.mp3"
id="contenido_10" autostart="true" loop="false" class="contenido10" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido11_impo.mp3"
id="contenido_11" autostart="true" loop="false" class="contenido11" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido12_impo.mp3"
id="contenido_12" autostart="true" loop="false" class="contenido12" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido13_impo.mp3"
id="contenido_13" autostart="true" loop="false" class="contenido13" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido14_impo.mp3"
id="contenido_14" autostart="true" loop="false" class="contenido14" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido15_impo.mp3"
id="contenido_15" autostart="true" loop="false" class="contenido15" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido16_impo.mp3"
id="contenido_16" autostart="true" loop="false" class="contenido16" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido17_impo.mp3"
id="contenido_17" autostart="true" loop="false" class="contenido17" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido18_impo.mp3"
id="contenido_18" autostart="true" loop="false" class="contenido18" height="0" width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<audio
src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/principal_legicomex_impo.mp3--+"
autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0"
width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<!--------------------------------------------------------salir del modulo---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/salir_proceso_impo.mp3"
id="salir_proceso" autostart="true" loop="false" class="salir_proceso" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/video_impo.mp3" id="video"
autostart="true" loop="false" class="video" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/legis_impo.mp3"
autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0"
width="0"></audio>
<div class="row fila_de_header" id="fila_de_header">
<div class="col-sm-6 col-md-7 partir_mitad_movil">
<a href="https://www.legiscomex.com/"><img
src="/Presentaciones/procesos_importaciones/img/logo-legiscomex.svg"
class="logo_legiscomex"></a>
</div>
<div class="col-sm-6 col-md-5 fila_redes_sociales partir_mitad_movil">
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank"><img
src="/Presentaciones/procesos_importaciones/img/icono-twitter.svg"
class="iconos_redes_sociales twitter_z1"></a>
<a href="https://www.facebook.com/Legiscomex/" target="_blank"><img
src="/Presentaciones/procesos_importaciones/img/icono-facebook.svg"
class="iconos_redes_sociales facebook_z1"></a>
</div>
</div>
</header>
<section>
<!---------------------------------------Inicio seccion 1------------------------------------->
</div>
</div>
</div>
</div>
<div class="container fila_contenedor_1">
<div class="col-md-12 contenedor_ancho_cien" id="contenedor_absolute">
<div class="col-sm-12 col-md-12 container-titulo">
<h1 class=" titulo_principal">Puertos comerciales de Asia</span></h1>
<p class=" texto_principal">A continuación podrás encontrar todos los detalles sobre los puertos comerciales utilizados por Asia
en el transporte marítimo, teniendo en cuenta los respectivos países.
</p>
</div>
</div>
</div>
<!--------------------------------------------------contenido-movil-------------------------------->
<!------------------------------------fin contenido movil------------------------------------------>
<!---------------------------------------fin seccion 1------------------------------------->
<!---------------------------------------Inicio seccion 2------------------------------------->
<div class="container-fluid quitar-padding espacios_de_contenido esconder_contenido_modulos_z2">
<div class="row row-cols-5 ">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_1">
<a href="#cuadro_1" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/EMIRATOSARABES.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Emiratos Árabes Unidos</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_2">
<a href="#cuadro_2" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Georgia%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Georgia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_3">
<a href="#cuadro_3" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Irak%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Irak</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_4">
<a href="#cuadro_4" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Iran%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Irán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_5">
<a href="#cuadro_5" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Arabia%20saudita.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Arabia Saudita</p>
</div>
</a>
</div>
</div>
<div class="row row-cols-5 ">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_6">
<a href="#cuadro_6" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Israel%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Israel</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_7">
<a href="#cuadro_7" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Kuwait%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Kuwait</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_8">
<a href="#cuadro_8" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/libano%20port.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Libano</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_9">
<a href="#cuadro_9" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/turquia%20port.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Turquía</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_10">
<a href="#cuadro_10" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Yemen%20caratulap.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Yémen</p>
</div>
</a>
</div>
</div>
<div class="row row-cols-5 ">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_11">
<a href="#cuadro_11" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/China%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">China</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_12">
<a href="#cuadro_12" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Corea%20del%20sur%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Corea del Sur</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_13">
<a href="#cuadro_13" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Corea%20del%20norte%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Corea del Norte</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_14">
<a href="#cuadro_14" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/India%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">India</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_15">
<a href="#cuadro_15" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Bangladesh%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Bangladesh</p>
</div>
</a>
</div>
</div>
<div class="row row-cols-5 ">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_16">
<a href="#cuadro_16" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Japo%CC%81n%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Japón</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_17">
<a href="#cuadro_17" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Pakistan%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Pakistán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_18">
<a href="#cuadro_18" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/sri%20lanka%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Sri Lanka</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_19">
<a href="#cuadro_19" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Taiwan%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Taiwán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_20">
<a href="#cuadro_20" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Jordania%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Jordania</p>
</div>
</a>
</div>
</div>
<div class="row row-cols-5 ">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_21">
<a href="#cuadro_21" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Malasia%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Malasia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_22">
<a href="#cuadro_22" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Singapur%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Singapur</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_23">
<a href="#cuadro_23" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Tailand%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Tailandia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_24">
<a href="#cuadro_24" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Afganistan%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Afganistán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_25">
<a href="#cuadro_25" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Vietnam%20caatula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Vietnam</p>
</div>
</a>
</div>
</div>
<div class="row row-cols-5 ">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_26">
<a href="#cuadro_26" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Brunei%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Brunei</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_27">
<a href="#cuadro_27" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Filipinas%20caratul.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Filipinas</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_28">
<a href="#cuadro_28" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Indonesia%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Indonesia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_29">
<a href="#cuadro_29" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Camboya%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Camboya</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_30">
<a href="#cuadro_30" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Bahrein%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Bahréin</p>
</div>
</a>
</div>
</div>
<div class="row row-cols-5 col-sm-6" style="max-width: 80%;padding: 0;" ">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_31">
<a href="#cuadro_31" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Siria%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Siria</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_32">
<a href="#cuadro_32" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Kazajistan%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Kazajistán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_33">
<a href="#cuadro_33" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Oman%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Omán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_34">
<a href="#cuadro_34" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Rusia%20caratulas.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Rusia</p>
</div>
</a>
</div>
</div>
</div>
<!------------------------------------------------modulos_version movil--------------------------------------->
<div class="container-fluid quitar-padding espacios_de_contenido esconder_contenido_modulos_movil_z2">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_1">
<a href="#cuadro_1" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/EMIRATOSARABES.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Emiratos Árabes Unidos</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_2">
<a href="#cuadro_2" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Georgia%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Georgia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_3">
<a href="#cuadro_3" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Irak%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Irak</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_4">
<a href="#cuadro_4" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Iran%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Irán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_5">
<a href="#cuadro_5" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Arabia%20saudita.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Arabia Saudita</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_6" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Israel%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Israel</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_7">
<a href="#cuadro_7" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Kuwait%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Kuwait</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_8">
<a href="#cuadro_8" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/libano%20port.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Libano</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_9">
<a href="#cuadro_9" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/turquia%20port.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Turquía</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_10">
<a href="#cuadro_10" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Yemen%20caratulap.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Yémen</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_11" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/China%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">China</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_12">
<a href="#cuadro_12" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Corea%20del%20sur%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Corea del Sur</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_13">
<a href="#cuadro_13" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Corea%20del%20norte%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Corea del Norte</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_14">
<a href="#cuadro_14" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/India%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">India</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_15">
<a href="#cuadro_15" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Bangladesh%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Bangladesh</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_16">
<a href="#cuadro_16" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Japo%CC%81n%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Japón</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_17">
<a href="#cuadro_17" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Pakistan%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Pakistán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_18">
<a href="#cuadro_18" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/sri%20lanka%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Sri Lanka</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_19">
<a href="#cuadro_19" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Taiwan%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Taiwán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_20" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Jordania%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Jordania</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_21">
<a href="#cuadro_21" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Malasia%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Malasia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_22">
<a href="#cuadro_22" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Singapur%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Singapur</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_23">
<a href="#cuadro_23" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Tailand%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Tailandia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_24">
<a href="#cuadro_24" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Afganistan%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Afganistán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_25">
<a href="#cuadro_25" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Vietnam%20caatula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Vietnam</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_26" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Brunei%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Brunei</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_27">
<a href="#cuadro_27" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Filipinas%20caratul.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Filipinas</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_28">
<a href="#cuadro_28" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Indonesia%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Indonesia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_29">
<a href="#cuadro_29" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Camboya%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Camboya</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_30">
<a href="#cuadro_30" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Bahrein%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Bahréin</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_31">
<a href="#cuadro_31" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Siria%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Siria</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_32">
<a href="#cuadro_32" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Kazajistan%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Kazajistán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_33">
<a href="#cuadro_33" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Oman%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Omán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_34">
<a href="#cuadro_34" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Rusia%20caratulas.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Rusia</p>
</div>
</a>
</div>
</div>
<!----------------------------------------------fin modulos version movil------------------------------------->
<!-----------------------------------------seccion flotante------------------------------------->
<div class="container-fluid">
<div class="row fila_boton_flotante">
<div class="col-md-12">
<p class="volver_a_formualrios">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/transporte"
class="boton_de_volver_a_inicio" target="_blank">
Volver a transporte</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</h2>
<p class="text_footer">Avenida Calle 26 # 82 - 70, Bogotá D.C.</p>
<p class="text_footer">Tel: +57 (1) 4255255</p>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<a href="https://www.facebook.com/Legiscomex/" target="_blank">
<i class="fab fa-facebook-f footer_redes facebook_z3"></i>
</a>
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank">
<i class="fab footer_redes fa-linkedin-in"></i>
</a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="#imagen_principal_z1" class="scroll" target="_blank">
<i class="fas fa-chevron-circle-up circulo_redes"></i>
</a>
</div>
</div>
<div class="franja_naranja"></div>
<div class="container-fliud fondo_oscuro">
<div class="row centrar_texto buttom_text">
<div class="col-sm-4 col-md-4">
<p class="text_footer boton_underline_politicas">Términos y condiciones</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Política de privacidad</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Línea ética de denuncia</p>
</div>
</div>
<hr>
<div class="row centrar_texto" style="padding: 16px 0px 0px 0px;">
<div class="col-md-12">
<p class="text_footer derechos">Pertenece al Módulo de Universidades ABC del comercio
internacional</p>
</div>
</div>
<div class="row centrar_texto">
<div class="col-md-12">
<p class="text_footer derechos">2021 © 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 2021</p>
</div>
</div>
</div>
</div>
</footer>
<div class="contenido_fancybox">
<div id="cuadro_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Emiratos Árabes Unidos</h1>
<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-11/Emiratos%20Mapa%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Dubai%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Dubái </h1>
<p class="card-text">Este puerto se encuentra ubicado en la Península Arábiga, frente al Golfo Pérsico.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12,5 a 13,7 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ANL, CMA CGM, COSCO, DCL, ESL, Evergreen, HANJIN, Hapag-Lloyd, HMM, IRISL, Maersk, MESSINA, MISC BERHAD, MSC, NDS, NORTRANS, NSCSA, OOCL, Perma, PIL, SAMUDERA, SENATOR LINES, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Georgia</h1>
<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-11/Georgia%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Poti%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Poti </h1>
<p class="card-text">Este puerto se encuentra ubicado en Ciudad portuaria en Samegrelo en el noreste de Geogia.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ARKAS, CMA CGM, EMES, Evergreen, Hapag-Lloyd, Maersk, MSC, TARROS, TAVRIA LINE, XCL</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/batumi%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Batumi</h1>
<p class="card-text">Este puerto se encuentra ubicado en Batumi.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: MSC</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_3" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Irak</h1>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Irak%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Umm Qasr </h1>
<p class="card-text">Este puerto se encuentra ubicado en Khor Zubair.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_4" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Irán</h1>
<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-11/Ira%CC%81n%20mapports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Iran%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Khorramshahr </h1>
<p class="card-text">Este puerto se encuentra ubicado en la provincia de Juzestán en el suroeste de Irán.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 6,4 a 7,6 mts</li>
<li class="list-group-item">Terminal petrolero: N.D</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: Hapag-Lloyd, IRISL, PIL</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Bandar%20abbas%20puerto.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Bandar Abbas</h1>
<p class="card-text">Este puerto se encuentra ubicado en Hormuz Bay.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 4,9 a 6,1 mts</li>
<li class="list-group-item">Muelle de carga: 12,5 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Evergreen, HANJIN, Hapag-Lloyd, HMM, IRISL, LIBRA, Maersk, MESSINA, MISC BERHAD, MSC, OOCL, PIL, RCL, SAMUDERA, TS LINE, Wan Hai, Yang Ming</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Arabia Saudita</h1>
<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-11/arabia%20saudita%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Jubail%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Jubail </h1>
<p class="card-text">Este puerto se encuentra ubicado en el Golfo Pérsico de Arabia Saudita.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 17,1 a 18,2 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 14 a 15,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: Maersk, MSC, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Jeddah%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Jeddah</h1>
<p class="card-text">Este puerto se encuentra ubicado en la provincia de la Meca con exactitud en las costas del Mar Rojo.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 15,5 a 16 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, CMA CGM, COSCO, DCL, Evergreen, HAMBURG SUD, HANJIN, Hapag-Lloyd, HATSU MARINE, HMM, IRISL, LIBRA, Maersk, MESSINA, MISC BERHAD, MSC, NORTRANS, NSCSA, OOCL, PIL, Safmarine, SENATOR LINES, Wan Hai, WEC, Yang Ming</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_6" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Israel</h1>
<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-11/israel%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Haifa%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Haifa </h1>
<p class="card-text">Este puerto se encuentra ubicado en Haifa sobre la costa Mediterranea del país, con mayor concentración de la cordillera costera del monte Carmelo.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ARKAS, COSCO, DCL, Evergreen, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, NDS, OOCL, SENATOR LINES, TURKON, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Ashdod%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Ashdod</h1>
<p class="card-text">Este puerto se encuentra ubicado en el distrito Meridional de Israel cerca a la provincia de Nir Gallim, a una distancia de 40 kilometros al sur de Tel Aviv.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 14 a 15,2 mts</li>
<li class="list-group-item">Muelle de carga: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 4,9 a 6,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ADMIRAL, ALIANCA, ARKAS, DCL, EMES, HAMBURG SUD, Hapag-Lloyd, HMM, Maersk, MSC, NDS, OOCL, SENATOR LINES, TURKON, Yang Ming, ZIM</li>
<li class="list-group-item">Naviera: ADMIRAL, ALIANCA, ARKAS, DCL, EMES, HAMBURG SUD, Hapag-Lloyd, HMM, Maersk, MSC, NDS, OOCL, SENATOR LINES, TURKON, Yang Ming, ZIM</li>
<li class="list-group-item">Naviera: ADMIRAL, ALIANCA, ARKAS, DCL, EMES, HAMBURG SUD, Hapag-Lloyd, HMM, Maersk, MSC, NDS, OOCL, SENATOR LINES, TURKON, Yang Ming, ZIM</li>
<li class="list-group-item">Naviera: ADMIRAL, ALIANCA, ARKAS, DCL, EMES, HAMBURG SUD, Hapag-Lloyd, HMM, Maersk, MSC, NDS, OOCL, SENATOR LINES, TURKON, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_7" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Kuwait</h1>
<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-11/Kuwait%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/shuaiba%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Shuaiba </h1>
<p class="card-text">Este puerto se encuentra ubicado en Shuaiba.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 18,6 a 19,8 mts</li>
<li class="list-group-item">Terminal petrolero: 14 a 15,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, Hapag-Lloyd, Maersk, MSC, Perma, Safmarine, Wan Hai</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_8" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Libano</h1>
<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-11/Libano%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Beirut%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Beirut </h1>
<p class="card-text">Este puerto se encuentra ubicado en la capital del libano, situado en el Mar Mediterraneo considerado por su localización geografica como entrada principal a oriente medio.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 14 a 15,2 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ARKAS, CMA CGM, DCL, EMES, HAMBURG SUD, Hapag-Lloyd, Maersk, MESSINA, MSC, NDS, NORDANA, PROTOS, Safmarine, SENATOR LINES, TARROS, TURKON, Yang Ming</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_9" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Turquía</h1>
<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-11/Turkey%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/instanbul%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Estambul </h1>
<p class="card-text">Este puerto esta ubicado a orillas del Mar de Mármara, el cuerno de oro y el Bósforo conocido como el estrecho de Estambul.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12,5 a 13,7 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 1,8 a 3 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ADMIRAL, ALIANCA, ARKAS, CMA CGM, COSCO, DCL, EMES, FESCO, Hapag-Lloyd, HMM, Maersk, MSC, NDS, ONE, PIL, PROTOS, SENATOR LINES, TARROS, TAVRIA LINE, TURKON, Wan Hai, XCL, Yang Ming</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Mersin%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Mersin</h1>
<p class="card-text">Este puerto se encuentra ubicado en Mersin.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Evergreen, Hapag-Lloyd, Maersk, MSC, NORTRANS, PIL, Safmarine, Wan Hai, WEC</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_10" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Yémen</h1>
<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-11/Yemen%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/aden%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Aden </h1>
<p class="card-text">Este puerto se encuentra ubicado en Aden.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 14 a 15,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Evergreen, Hapag-Lloyd, Maersk, MSC, NORTRANS, PIL, Safmarine, Wan Hai, WEC</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_11" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">China</h1>
<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-11/china%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/DANDONG%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Dandong</h1>
<p class="card-text">Este puerto se encuentra ubicado en Liaoning.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: CMA CGM, Maersk, Hapag Lloyd y Mol</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Dalian%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Dalian</h1>
<p class="card-text">Este puerto se encuentra ubicado en Dalian.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Navieras: AUSTRAL ASIA, CMA CGM, COSCO, DCL, EPS, Evergreen, GSL, HANJIN, Hapag-Lloyd, HEUNG-A , HMM, KMTC, Maersk, MISC BERHAD, MSC, NGPL, ONE, OOCL, PIL, RCL, Safmarine, SCI, SENATOR LINES, STX PAN OCEAN, TASMAN ORIENT, Wan Hai, WSL, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Tianjin%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto de Tianjin </h1>
<p class="card-text">Este puerto se encuentra ubicado en Tianjin.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: ANL, CMA CGM, COSCO, ESL, Evergreen, Hapag-Lloyd, HMM, IRISL, Maersk, MISC BERHAD, MSC, NDS, NGPL, ONE, Perma, SCI, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Yantai%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Puerto de Yantai</h1>
<p class="card-text">Este puerto se encuentra ubicado en Shandong.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Hapag-Lloyd, HEUNG-A , NGPL, TASMAN ORIENT, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Quingdao%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Puerto de Qingdao</h1>
<p class="card-text">Este puerto se encuentra ubicado en Shandong.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 17,1 a 18,2 mts</li>
<li class="list-group-item">Muelle de carga: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 6,4 a 7,6 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Navieras: ANL, AUSTRAL ASIA, CMA CGM, COSCO, DCL, EPS, ESL, Evergreen, FESCO, GSL, GWS, HAMBURG SUD, HANJIN, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, KMTC, LIBRA, Maersk, MISC BERHAD, MSC, NDS, NGPL, NORTRANS, ONE, OOCL, Perma, PFL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, TASMAN ORIENT, TS LINE, Wan Hai, WSL, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Lianyungang%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">7. Puerto de Lianyungang </h1>
<p class="card-text">Este puerto se encuentra ubicado en Jiangsu.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, ESL, Evergreen, Hapag-Lloyd, LIBRA, OOCL, RCL, Wan Hai, Yang Ming</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/NANTONG%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">8. Puerto de Nantong</h1>
<p class="card-text">Este puerto se encuentra ubicado en Jiangsu.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Puerto marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: CMA CGM, Hapag-Lloyd, KMTC, LIBRA, OOCL, PIL, RCL, SENATOR LINES, Wan Hai, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Zangh%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">9. Puerto de Zhangjiang</h1>
<p class="card-text">Este puerto se encuentra ubicado en ZHANGJIAGANG.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largoN.D.</li>
<li class="list-group-item">Navieras: CMA CGM, COSCO, Hapag-Lloyd, OOCL, SENATOR LINES, TS LINE</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Shangha%CC%81i%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">10. Puerto de Shanghái </h1>
<p class="card-text">Este puerto se encuentra ubicado en Shanghái.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, AUSTRAL ASIA, CMA CGM, COSCO, DCL, EPS, ESL, Evergreen, FESCO, GSL, GWS, HAMBURG SUD, HANJIN, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, HYUNDAI (HMM), IRISL, KMTC, LIBRA, Maersk, MATSON, MISC BERHAD, MSC, NDS, NGPL, NORTRANS, ONE, OOCL, Perma, PFL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, SYMS, TASMAN ORIENT, TS LINE, Wan Hai, WSL, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Zhen%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">11. Puerto de Zhenjiang</h1>
<p class="card-text">Este puerto se encuentra ubicado en Jiangsu.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
<li class="list-group-item">Naviera: Hapag-Lloyd, OOCL, PIL, SENATOR LINES</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/NINGBO%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">12. Puerto de Ningbo</h1>
<p class="card-text">Este puerto se encuentra ubicado en Zhejiang.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Navieras: ALIANCA, ANL, CMA CGM, COSCO, DCL, EPS, ESL, Evergreen, FESCO, GSL, GWS, HAMBURG SUD, HANJIN, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, IRISL, KMTC, LIBRA, Maersk, MATSON, MISC BERHAD, MSC, NDS, ONE, OOCL, Perma, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, SYMS, TASMAN ORIENT, Wan Hai, WSL, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/JIANGMEN%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">13. Puerto de Jiangmen </h1>
<p class="card-text">Este puerto se encuentra ubicado en la provincia de Cantón.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Medio</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: CMA CGM, Evergreen, Hapag-Lloyd, OOCL, RCL, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Chongquin%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">14. Puerto de Chongquing</h1>
<p class="card-text">Este puerto se encuentra ubicado en Chongquing.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: CMA CGM, Maersk, Hapag Lloyd y Mol</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Xiamen%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">15. Puerto de Xiamen</h1>
<p class="card-text">Este puerto se encuentra ubicado en Fujian.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Navieras: ALIANCA, ANL, COSCO, EPS, Evergreen, FESCO, GSL, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, HYUNDAI (HMM), KMTC, LIBRA, Maersk, MATSON, MISC BERHAD, MSC, NGPL, NORTRANS, ONE, OOCL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, SYMS, TASMAN ORIENT, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Huangpu%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">16. Puerto de Huangpu </h1>
<p class="card-text">Este puerto se encuentra ubicado en Huangpu.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 1,8 a 3 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9.1 mts</li>
<li class="list-group-item">Anclaje: 3,4 a 4,6 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, EPS, Evergreen, FESCO, Hapag-Lloyd, KMTC, NGPL, OOCL, PIL, RCL, SCI, SENATOR LINES, TASMAN ORIENT, Wan Hai, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Fujian%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">17. Puerto de Quanzhou</h1>
<p class="card-text">Este puerto se encuentra ubicado en Fujian.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: COSCO, Hapag-Lloyd, SENATOR LINES, STX PAN OCEAN</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/SHANTOU%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">18. Puerto de Shantou</h1>
<p class="card-text">Este puerto se encuentra ubicado en la provincia de Cantón.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 3,4 a 4,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Navieras: CMA CGM, COSCO, Hapag-Lloyd, HEUNG-A , KMTC, MSC, ONE, OOCL, PIL, RCL, SENATOR LINES, STX PAN OCEAN, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/shekou%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">19. Puerto de Shekou </h1>
<p class="card-text">Este puerto se encuentra ubicado en Shenzhen.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 12,5 a 13,7</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Hapag-Lloyd, HEUNG-A , KMTC, MSC, ONE, OOCL, PIL, RCL, SENATOR LINES, STX PAN OCEAN, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/foshan%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">20. Puerto de Foshan</h1>
<p class="card-text">Este puerto se encuentra ubicado en la provincia de Cantón.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: Evergreen, OOCL, RCL, SENATOR LINES, Wan Hai, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Zhuhai%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">21. Puerto de Zhuhai</h1>
<p class="card-text">Este puerto se encuentra ubicado en la provincia de Cantón.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Navieras: Evergreen, FESCO, Hapag-Lloyd, KMTC, OOCL, RCL, SENATOR LINES</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Haikou%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">22. Puerto de Haikou </h1>
<p class="card-text">Este puerto se encuentra ubicado en Hainan.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Hapag-Lloyd, OOCL, SENATOR LINES, Wan Hai</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_12" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Corea del Sur</h1>
<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-11/Corea%20del%20sur%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Pusan%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Pusan </h1>
<p class="card-text">Este puerto se encuentra ubicado en Busan este de Corea del Sur</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 6.4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 6.4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, CK Line, CMA CGM, COSCO, CSL, Donjin, Emirates, ESL, Evergreen, FESCO, GSL, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, HYUNDAI (HMM), KMTC, Maersk, MISC BERHAD, MSC, NDS, ONE, OOCL, Pancon, Panocean, RCL, Safmarine, SAMUDERA, SASCO, SENATOR LINES, STX PAN OCEAN, SYMS, Wan Hai, WSL, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_13" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Corea del Norte</h1>
<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-11/corea%20del%20norte%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Nampo%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Nampo</h1>
<p class="card-text">Este puerto se encuentra ubicado en P'yŏngan en la costa oeste, a orilla del lado norte del Río Taedong.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 6,4 a 7,6 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_14" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">India</h1>
<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-11/India%20map%20pots.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/CALCUTA%20PORT.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Calcuta</h1>
<p class="card-text">Este puerto se encuentra ubicado en Calcuta.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ANL, CMA CGM, DCL, EPS, GSL, KMTC, Maersk, MSC, NGPL, OOCL, Perma, PIL, Safmarine, SAMUDERA, SENATOR LINES, TASMAN ORIENT</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/CHENNAI%20PORT.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Chennai</h1>
<p class="card-text">Este puerto se encuentra ubicado en Chennai.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 15,5 a 16 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 18,6 a 19,8 mts</li>
<li class="list-group-item">Terminal petrolero: 15,5 a 16 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ANL, CMA CGM, COSCO, DCL, EPS, GSL, Hapag-Lloyd, INTERASIA LINE, KMTC, Maersk, OOCL, Perma, PIL, SCI, SENATOR LINES, TASMAN ORIENT, Wan Hai, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Tuticorin%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto de Tuticorin </h1>
<p class="card-text">Este puerto se encuentra ubicado en Harbour.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, GSL, Hapag-Lloyd, LIBRA, Maersk, MISC BERHAD, NGPL, PIL, Safmarine, SENATOR LINES, Wan Hai, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_15" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Bangladesh</h1>
<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-11/Bangladesh%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/CHITTAGONG%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Chittagong </h1>
<p class="card-text">Este puerto se encuentra ubicado en Chattogram.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 4,9 a 6,1 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 6,4 a 7,6 mts</li>
<li class="list-group-item">Terminal petrolero: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, DCL, EPS, Evergreen, GSL, KMTC, LIBRA, Maersk, MISC BERHAD, NGPL, OOCL, Perma, PIL, Safmarine, SAMUDERA, TASMAN ORIENT, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_16" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Japón</h1>
<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-11/Japan%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Tokyo%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Tokyo</h1>
<p class="card-text">Este puerto se encuentra ubicado en Tokyo.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, CMA CGM, COSCO, DCL, Evergreen, GSL, HANJIN, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, HYUNDAI (HMM), KMTC, Maersk, MISC BERHAD, MSC, OOCL, PIL, RCL, Safmarine, SENATOR LINES, STX PAN OCEAN, SYMS, TASMAN ORIENT, TS LINE, Wan Hai, WSL, Yang Ming</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Kawasaki%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Kawasaki</h1>
<p class="card-text">Este puerto se encuentra ubicado en Yokohama.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 17,1 a 18,2 mts</li>
<li class="list-group-item">Terminal petrolero: 3,4 a 4,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, FESCO, OOCL, Wan Hai, WSL, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/%20Nagasaki%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto de Nagasaki </h1>
<p class="card-text">Este puerto se encuentra ubicado en Nagasaki.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: Más de 23,2 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 17,1 a 18,2 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: Hapag-Lloyd, KMTC</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_17" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Pakistán</h1>
<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-11/pakistan%20ports%20map.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Karachi%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Karachi </h1>
<p class="card-text">Este puerto se encuentra ubicado en Karachi al sur de Asia.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, DCL, EPS, Evergreen, GSL, HANJIN, Hapag-Lloyd, HMM, IRISL, KMTC, LIBRA, Maersk, MESSINA, MISC BERHAD, MSC, NSCSA, OOCL, Perma, PIL, RCL, Safmarine, SAMUDERA, SENATOR LINES, Wan Hai, Yang Ming</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_18" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Sri Lanka</h1>
<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-11/Sri%20lanka%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/colombo%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Colombo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Colombo al sur de Asia.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12,5 a 13,7 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, CMA CGM, COSCO, DCL, EPS, ESL, Evergreen, GSL, HANJIN, Hapag-Lloyd, HATSU MARINE, HMM, KMTC, LIBRA, Maersk, MARFRED, MISC BERHAD, MSC, NGPL, OOCL, Perma, PIL, Safmarine, SAMUDERA, SCI, SENATOR LINES, TASMAN ORIENT, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_19" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Taiwán</h1>
<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-11/taiwan%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Keelung%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Keelung </h1>
<p class="card-text">Este puerto se encuentra ubicado en el extremo noreste de la provincia insular de Taiwán en Taipei.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 4,9 a 6,1 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, AUSTRAL ASIA, CMA CGM, COSCO, DCL, EPS, ESL, Evergreen, FESCO, GSL, HAMBURG SUD, HANJIN, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, HYUNDAI (HMM), IRISL, KMTC, LIBRA, Maersk, MISC BERHAD, MSC, NDS, NGPL, OOCL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, TASMAN ORIENT, TS LINE, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Kaohsiung%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Kaohsiung </h1>
<p class="card-text">Este puerto se encuentra ubicado en Kaohsiung.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 14 a 15,2 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, AUSTRAL ASIA, CMA CGM, COSCO, DCL, EPS, ESL, Evergreen, FESCO, GSL, HAMBURG SUD, HANJIN, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, HYUNDAI (HMM), IRISL, KMTC, LIBRA, Maersk, MISC BERHAD, MSC, NDS, NGPL, OOCL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, TASMAN ORIENT, TS LINE, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_20" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Jordania</h1>
<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/2023-11/JordaniaOK.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Aqaba.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Aqaba </h1>
<p class="card-text">Este puerto se encuentra ubicado en el Golfo de Aqaba-Mar rojo.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 3,4 a 4,6 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Rada abierta</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_21" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Malasia</h1>
<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-11/Malasia%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Penang%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Penang </h1>
<p class="card-text">Este puerto se encuentra ubicado en Penang en el noroeste de Malasia peninsular.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 14 a 15,2 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 4,9 a 6,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Navieras: ANL, CMA CGM, DCL, Evergreen, GSL, HANJIN, Hapag-Lloyd, HEUNG-A , KMTC, MARFRED, MISC BERHAD, MSC, NGPL, NORTRANS, OOCL, PIL, RCL, Safmarine, SAMUDERA, SENATOR LINES, TASMAN ORIENT, Wan Hai, Yang Ming</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Kelang%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Kelang</h1>
<p class="card-text">Este puerto se encuentra ubicado en Selangor.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 14 a 15,2 mts</li>
<li class="list-group-item">Muelle de carga: 17,1 a 18,2 mts</li>
<li class="list-group-item">Anclaje: 18,2 a 20,1 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, AUSTRAL ASIA, CMA CGM, DCL, ESL, Evergreen, GSL, Hapag-Lloyd, HATSU MARINE, HEUNG-A , HMM, HYUNDAI (HMM), KMTC, Maersk, MSC, NGPL, NORTRANS, OOCL, Perma, PIL, Safmarine, TS LINE, Wan Hai, Yang Ming</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Tanjung%20Pelepas%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto de Tanjung Pelepas </h1>
<p class="card-text">Este puerto se encuentra ubicado en Johor.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 14 a 15,2 mts</li>
<li class="list-group-item">Muelle de carga: 4, 5 a 5,04 mts</li>
<li class="list-group-item">Anclaje: 5,5 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 26 a 28,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, CMA CGM, COSCO, Evergreen, Hapag-Lloyd, HATSU MARINE, KMTC, PFL, Safmarine, Yang Ming, ZIM,OOCL,MMT,TS LINE,ONE, Hamburg SÜD, msc</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Pasir%20Gudang%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Puerto de Pasir Gudang </h1>
<p class="card-text">Este puerto se encuentra ubicado en Johor.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 17,1 a 18,2 mts</li>
<li class="list-group-item">Muelle de carga: 3,5 a 4,9 mts</li>
<li class="list-group-item">Anclaje: 8,5 a 9,35 mts</li>
<li class="list-group-item">Terminal petrolero: 17 a 18,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Navieras: CMA CGM, Evergreen, GSL, Hapag-Lloyd, HEUNG-A , HMM, IRISL, KMTC, LIBRA, MISC BERHAD, MSC, NDS, NGPL, NORTRANS, OOCL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, TASMAN ORIENT, TS LINE, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Johoru%20Bahru%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Puerto de Johoru Bahru</h1>
<p class="card-text">Este puerto se encuentra ubicado en Kawasan.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 14 a 15,2 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 4,9 a 6,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, Evergreen, GSL, Hapag-Lloyd, HEUNG-A , HMM, IRISL, KMTC, LIBRA, MISC BERHAD, MSC, NDS, NGPL, NORTRANS, OOCL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, TASMAN ORIENT, TS LINE, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Kuching%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Puerto de Kuching </h1>
<p class="card-text">Este puerto se encuentra ubicado en Kuching.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 6,5 a 7,5 mts</li>
<li class="list-group-item">Muelle de carga: 10, a 11,5 mts</li>
<li class="list-group-item">Anclaje: 8 a 9 mts</li>
<li class="list-group-item">Terminal petrolero: 9,5 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Maritimo-Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Navieras: CMA CGM, Hapag-Lloyd, KMTC, MISC BERHAD, NGPL, PIL, Safmarine, SAMUDERA, Wan Hai</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Sandakan%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">7. Sandakan</h1>
<p class="card-text">Este puerto se encuentra ubicado en Sandakan.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 9,5 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: Hapag-Lloyd, Wan Hai,CMA CGM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_22" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Singapur</h1>
<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-11/singapur%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Singapur%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Singapur</h1>
<p class="card-text">Este puerto se encuentra ubicado en Singapur.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, ANL, AUSTRAL ASIA, CMA CGM, COSCO, DCL, EPS, Evergreen, GSL, HAMBURG SUD, HANJIN, Hapag-Lloyd, HEUNG-A , HMM, IRISL, KMTC, LIBRA, Maersk, MARFRED, MISC BERHAD, MSC, NDS, NGPL, NORTRANS, OOCL, PDL, Perma, PFL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, TASMAN ORIENT, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_23" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Tailandia</h1>
<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-11/Tailandia%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Bangkok%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Bangkok </h1>
<p class="card-text">Este puerto se encuentra ubicado en Bangkok.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: 4,9 a 6,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ANL, AUSTRAL ASIA, CMA CGM, COSCO, DCL, EPS, Evergreen, GSL, HANJIN, Hapag-Lloyd, HEUNG-A , HMM, KMTC, LIBRA, Maersk, MARFRED, MISC BERHAD, MSC, NDS, NGPL, NORTRANS, OOCL, PFL, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, SYMS, TASMAN ORIENT, TS LINE, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Laem%20Chabang.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Laem Chabang</h1>
<p class="card-text">Este puerto se encuentra ubicado en Chomburi.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12,5 a 13,7 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,2 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Evergreen, GSL, HANJIN, Hapag-Lloyd, HEUNG-A , HMM, KMTC, LIBRA, Maersk, MISC BERHAD, MSC, NGPL, NORTRANS, OOCL, Perma, PIL, RCL, Safmarine, SAMUDERA, SCI, SENATOR LINES, STX PAN OCEAN, SYMS, TS LINE, Wan Hai, Yang Ming, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_24" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Afganistán</h1>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Afganistan%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body text-center">
<p class="card-text">
Los principales puertos fluviales con los que cuenta Afganistán son el Puerto de Kheyrabad y el Puerto de Shir Khan Bandar.</p>
</div>
</div>
</div>
</div>
</div>
<div id="cuadro_25" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Vietnam</h1>
<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-11/vietnam%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Ho%20Chi%20Minh%20city.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Ho Chi Minh City </h1>
<p class="card-text">Este puerto se encuentra ubicado en Ho Chi Minh.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 6,4 a 7,6 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, COSCO, Hapag-Lloyd, HEUNG-A , HYUNDAI (HMM), INTERASIA LINE, Maersk, MSC, ONE, OOCL, Safmarine, SAMUDERA, SYMS, Wan Hai, Yang Ming</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_26" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Brunei</h1>
<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/2023-11/BruneiOK.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Muara.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Muara </h1>
<p class="card-text">Este puerto se encuentra ubicado en Brunei Darussalam.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Muelle, malecón o embarcadero</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Kuala_Belait.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto Kuala Belait </h1>
<p class="card-text">Este puerto se encuentra ubicado en Brunei Darussalam.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: 1,8 a 3 mts</li>
<li class="list-group-item">Terminal petrolero: 1,8 a 3 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Costero natural</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_27" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Filipinas</h1>
<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-11/Filipinas%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Manila%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Manila </h1>
<p class="card-text">Este puerto se encuentra ubicado en Manila.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy grande</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: Austral Asia, Evergreen, Fesco, Gsl, Hamburg Sud, Hanjin, Hapag-Lloyd, Heung-A , Hmm, Maersk, Ngpl, Oocl, Perma, Pfl, Pil, Samudera, Sci, Senator Lines, Syms, Tasman Orient, Yang Ming, Zim</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/cebu%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Cebú</h1>
<p class="card-text">Este puerto se encuentra ubicado en la Isla de Cebú.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,2 mts</li>
<li class="list-group-item">Terminal petrolero: 4,9 a 6,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, DCL, Evergreen, GSL, Hapag-Lloyd, KMTC, Maersk, MISC BERHAD, NGPL, OOCL, PIL, RCL, SENATOR LINES, Wan Hai, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_28" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Indonesia</h1>
<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-11/Indonesia%20map%20ports.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-11/Indonesia%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto de Surabaya</h1>
<p class="card-text">Este puerto se encuentra ubicado en Surabaya.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 9,4 a 10 mts</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_29" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Camboya</h1>
<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/2023-11/CamboyaOK.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Kompong_Som.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Kompong-Som </h1>
<p class="card-text">Este puerto se encuentra ubicado en Bahía en el sur de Camboya.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 4,9 a 6,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Rompeolas costero</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_30" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Bahréin</h1>
<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/2023-11/BahreinOK.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Mina_Sulman.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Mina Sulman </h1>
<p class="card-text">Este puerto se encuentra ubicado en Mina Sulman.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,2 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Puerto marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Sitra.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto Sitra </h1>
<p class="card-text">Este puerto se encuentra ubicado en Bahréin.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12 a 13,7 mts</li>
<li class="list-group-item">Muelle de carga: 12 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 17,1 a 18,2 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Muelle, malecón o embarcadero</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_31" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Siria</h1>
<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/2023-11/SiriaOK.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Latakia.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Latakia </h1>
<p class="card-text">Este puerto se encuentra ubicado en Siria.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 3,4 a 4,6 mts</li>
<li class="list-group-item">Terminal petrolero: 15,5 a 16 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Puerto marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_32" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Kazajistán</h1>
<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/2023-11/Kazajistan.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Puerto_Aqtau.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Aqtua </h1>
<p class="card-text">Este puerto se encuentra ubicado en la península de Mangystau.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 3 a 3,5 mts</li>
<li class="list-group-item">Muelle de carga: 3 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 6,5 a 7 mts</li>
<li class="list-group-item">Terminal petrolero: 5,5 a 6,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
<li class="list-group-item">Naviera: MSC, Hapag Lloyd</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Puerto_Atyrau.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Atyrau </h1>
<p class="card-text">Este puerto se encuentra ubicado en la orilla derecha de los Urales en la ciudad de Guryev.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: 1,5 a 2,2 mts</li>
<li class="list-group-item">Anclaje: 9,9 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_33" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Omán</h1>
<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/2023-11/OMANOK.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/%C2%A0Khasab.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Khasab </h1>
<p class="card-text">Este puerto se encuentra ubicado en Khasab.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: N.D.</li>
<li class="list-group-item">Terminal petrolero: 3,4 a 4,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Costero natural</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Sohar.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto Sohar </h1>
<p class="card-text">Este puerto se encuentra ubicado en Omán.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: 15,5 a 16 mts</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Puerto marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Qalhat.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto Qalhat </h1>
<p class="card-text">Este puerto se encuentra ubicado en Qalhat.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: 20,1 a 21, 3 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Muelle, malecón o embarcadero</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_34" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Rusia</h1>
<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/2023-11/RusiaOK.png" /></p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Azov.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Azov </h1>
<p class="card-text">Este puerto se encuentra ubicado en Petrovskaya Str Azov, Región de Rostov.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 3,4 a 4,6 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 3,4 a 4,6 mts</li>
<li class="list-group-item">Terminal petrolero: N.D. mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Puerto fluvial</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/San_Petersburgo.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto San Petersburgo </h1>
<p class="card-text">Este puerto se encuentra ubicado en San Petersburgo.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11 a 15 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 20,1 a 21,3 mts</li>
<li class="list-group-item">Terminal petrolero: 4,9 a 6,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Rompeolas costero</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Vladivostok.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto Vladivostok </h1>
<p class="card-text">Este puerto se encuentra ubicado en Strelnikova 9, Vladivostok.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 18,6 a 19,8 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Puerto marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Kaliningrado.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Puerto Kaliningrado </h1>
<p class="card-text">Este puerto se encuentra ubicado en Portvaya, 24 Kaliningrado.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,1 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,1 mts</li>
<li class="list-group-item">Terminal petrolero: 6,4 a 7,6 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Puerto marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2023-11/Primorsk.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Puerto Primorsk </h1>
<p class="card-text">Este puerto se encuentra ubicado en Primorsk.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: N.D.</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: 17,1 a 18,2 mts</li>
<li class="list-group-item">Terminal petrolero: 17,1 a 18,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Rada abierta</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------------nuevos------------------------------------------->
</div>
<!--<script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>-->
<!--<script type="text/javascript" src="js/audios_importacion.js"></script>-->
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/popper.min.js"></script>
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/bootstrap.min.js"></script>
<!--<script type="text/javascript">
$('.carousel').carousel({
interval: 2000
})
</script>
-->
<script type="text/javascript">
if ($(window).width() <= 600) {
$("#iframe").css('height', 'auto');
}
$(".desplegar_footer").click(function (event) {
$(".ocultar_movil").toggle(function () {
}, function () {
});
});
$(".scroll").click(function (event) {
event.preventDefault();
$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1500);
});
$(".ver_mas").click(function (event) {
$(".ocultar_modulos").toggle(function () {
/* Stuff to do every *odd* time the element is clicked */
}, function () {
/* Stuff to do every *even* time the element is clicked */
});
$(".ver_mas").css('display', 'none');
});
</script>
<script type="text/javascript">
/*---------------------------- final de scroll---------------------------*/
$(".estilos_boton").click(function (event) {
$(".arreglar_cajon_z1").toggle(function () {
/* Stuff to do every *odd* time the element is clicked */
}, function () {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".desplegar_subcontenido_z1").click(function (event) {
$(".subseccion_z3").toggle(function () {
/* Stuff to do every *odd* time the element is clicked */
}, function () {
/* Stuff to do every *even* time the element is clicked */
});
});
/*
$(".imagen_boton_audio").hover(function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio2.svg');
}, function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio.svg');
});
*/
/*-----------------------------REDES---------------------------------*/
$(".facebook_z1").hover(function () {
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/procesos_importaciones/img/hover_facebook.svg');
}, function () {
/* Stuff to do when the mouse leaves the element */
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/procesos_importaciones/img/icono-facebook.svg');
});
$(".twitter_z1").hover(function () {
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/procesos_importaciones/img/hover_twitter.svg');
}, function () {
/* Stuff to do when the mouse leaves the element */
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/procesos_importaciones/img/icono-twitter.svg');
});
/*-----------------------------REDES---------------------------------*/
</script>
<script type="text/javascript">
/*------------------------audios importacion-------------------------*/
/*
swal({
title: "¿Desea activar contenido para personas con discapacidad visual?",
text: "Oprime ok para confirmar",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
*/
var comprobar = 1;
$("#invidentes").click(function (event) {
if (comprobar == 1) {
$(".fila_de_header").css('position', 'absolute');
$(".contenedor_de_video2_z1").css('display', 'none');
$("#content_video").css('display', 'none');
$("#imagen_audio").css('display', 'block');
$(".quitar_fancybox").removeClass('fancybox');
$("#invidentes").css('background-color', 'red');
$("#invidentes").css('border', '1px solid red');
$("#invidentes").text('Página En Modo Invidente Activado');
/*------------------------bienvenida---------------------------------*/
var pantalla_cierre2 = document.getElementById("pantalla1");
var audio0 = document.getElementsByTagName("audio")[0];
var sonido0 = false;
audio0.pause();
audio0.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[14];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------*/
audio0.play();
pantalla_cierre2.style.display = 'block';/*---------------mostar al pantalla---------------*/
pantalla_cierre2.addEventListener("click", function () {
audio0.pause();
sonido0 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre2.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*------------------------bienvenida---------------------------------*/
/*---------------------------------------------header logo legiscomex--------------------------------------*/
var seccion_header = document.getElementById("fila_de_header");
var audioH_1 = document.getElementsByTagName("audio")[1];
var sonidoH_1 = false;
var audio_proceso1 = document.getElementById("header");
audioH_1.pause();
audioH_1.loop = false;
seccion_header.addEventListener("mouseover", function () {
audioH_1.play();
sonidoH_1 = true;
audio_proceso1.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_header.addEventListener("mouseout", function () {
audioH_1.pause();
sonidoH_1 = false;
});
/*--------------------------------------------- fin header logo legiscomex--------------------------------------*/
/*--------------------------------------------click en header---------------------------------------------*/
/*-------------------------------------------------click en header-----------------------------------------*/
/*---------------------------audio slider--------------------------------------*/
var boton = document.getElementById("imagen_principal_z1");
var v = document.getElementsByTagName("audio")[2];
var sound = false;
var slider = document.getElementById("slider"); /*--------------resetiar---------------*/
v.pause();
v.loop = false;
boton.addEventListener("mouseover", function () {
v.play();
sound = true;
v0.pause(); /*------------------primer audio-------------*/
slider.currentTime = 0; /*--------------resetiar---------------*/
});
boton.addEventListener("mouseout", function () {
v.pause();
sound = false;
});
/*--------------------------- fin audio slider--------------------------------------*/
/*---------------------------audio introduccion--------------------------------------*/
var seccion_introduccion = document.getElementById("contenedor_absolute");
var audio1 = document.getElementsByTagName("audio")[3];
var sonido1 = false;
var introduccion = document.getElementById("introduccion"); /*--------------resetiar---------------*/
audio1.pause();
audio1.loop = false;
seccion_introduccion.addEventListener("mouseover", function () {
audio1.play();
sonido1 = true;
slider.currentTime = 0; /*--------------resetiar---------------*/
});
seccion_introduccion.addEventListener("mouseout", function () {
audio1.pause();
sonido1 = false;
});
/*--------------------------- fin audio introduccion--------------------------------------*/
/*-------------------------------------audio video--------------------------------------*/
var contenido_video = document.getElementById("contenedor_de_video");
var v3 = document.getElementsByTagName("audio")[4];
var sound3 = false;
var video = document.getElementById("video");
v3.pause();
v3.loop = false;
contenido_video.addEventListener("mouseover", function () {
v3.play();
sound3 = true;
v0.pause();/*------------------primer audio-------------*/
video.currentTime = 0;/*--------------resetiar---------------*/
v_2.pause();
sound_2 = false;
});
contenido_video.addEventListener("mouseout", function () {
v3.pause();
sound3 = false;
});
/*-------------------------------------fin audio video--------------------------------------*/
/*-------------------------------------inicio seccion 3--------------------------------------*/
var seccion3 = document.getElementById("inicio_seccion_3");
var v4 = document.getElementsByTagName("audio")[5];
var sound4 = false;
var audio_seccion3 = document.getElementById("seccion3");
v4.pause();
seccion3.addEventListener("mouseover", function () {
v4.play();
sound4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_seccion3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion3.addEventListener("mouseout", function () {
v4.pause();
sound4 = false;
});
/*------------------------------------- fin inicio seccion 3--------------------------------------*/
/*---------------------------------------------proceso 1--------------------------------------*/
var seccion_proceso1 = document.getElementById("proceso_1");
var vol1 = document.getElementsByTagName("audio")[6];
var sonido1 = false;
var audio_proceso1 = document.getElementById("proceso1");
vol1.pause();
seccion_proceso1.addEventListener("mouseover", function () {
vol1.play();
sonido1 = true;
audio_proceso1.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso1.addEventListener("mouseout", function () {
vol1.pause();
sonido1 = false;
});
/*------------------------------------- fin proceso 1--------------------------------------*/
/*-------------------------------------proceso 2--------------------------------------*/
var seccion_proceso2 = document.getElementById("proceso_2");
var vol2 = document.getElementsByTagName("audio")[7];
var sonido2 = false;
var audio_proceso2 = document.getElementById("proceso2");
vol2.pause();
seccion_proceso2.addEventListener("mouseover", function () {
vol2.play();
sonido2 = true;
audio_proceso2.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso2.addEventListener("mouseout", function () {
vol2.pause();
sonido2 = false;
});
/*------------------------------------- fin proceso 2--------------------------------------*/
/*-------------------------------------proceso 3--------------------------------------*/
var seccion_proceso3 = document.getElementById("proceso_3");
var vol3 = document.getElementsByTagName("audio")[8];
var sonido3 = false;
var audio_proceso3 = document.getElementById("proceso3");
vol3.pause();
seccion_proceso3.addEventListener("mouseover", function () {
vol3.play();
sonido3 = true;
audio_proceso3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso3.addEventListener("mouseout", function () {
vol3.pause();
sonido3 = false;
});
/*------------------------------------- fin proceso 3--------------------------------------*/
/*-------------------------------------proceso 4--------------------------------------*/
var seccion_proceso4 = document.getElementById("proceso_4");
var vol4 = document.getElementsByTagName("audio")[9];
var sonido4 = false;
var audio_proceso4 = document.getElementById("proceso4");
vol4.pause();
seccion_proceso4.addEventListener("mouseover", function () {
vol4.play();
sonido4 = true;
audio_proceso4.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso4.addEventListener("mouseout", function () {
vol4.pause();
sonido4 = false;
});
/*------------------------------------- fin proceso 4--------------------------------------*/
/*-------------------------------------proceso 5--------------------------------------*/
var seccion_proceso5 = document.getElementById("proceso_5");
var vol5 = document.getElementsByTagName("audio")[10];
var sonido5 = false;
var audio_proceso5 = document.getElementById("proceso5");
vol5.pause();
seccion_proceso5.addEventListener("mouseover", function () {
vol5.play();
sonido5 = true;
audio_proceso5.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso5.addEventListener("mouseout", function () {
vol5.pause();
sonido5 = false;
});
/*------------------------------------- fin proceso 5--------------------------------------*/
/*-------------------------------------proceso 6--------------------------------------*/
var seccion_proceso6 = document.getElementById("proceso_6");
var vol6 = document.getElementsByTagName("audio")[11];
var sonido6 = false;
var audio_proceso6 = document.getElementById("proceso6");
vol6.pause();
seccion_proceso6.addEventListener("mouseover", function () {
vol6.play();
sonido6 = true;
audio_proceso6.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso6.addEventListener("mouseout", function () {
vol6.pause();
sonido6 = false;
});
/*------------------------------------- fin proceso 6--------------------------------------*/
/*-------------------------------------proceso 7--------------------------------------*/
var seccion_proceso7 = document.getElementById("proceso_7");
var vol7 = document.getElementsByTagName("audio")[12];
var sonido7 = false;
var audio_proceso7 = document.getElementById("proceso7");
vol7.pause();
seccion_proceso7.addEventListener("mouseover", function () {
vol7.play();
sonido7 = true;
audio_proceso7.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso7.addEventListener("mouseout", function () {
vol7.pause();
sonido7 = false;
});
/*------------------------------------- fin proceso 7--------------------------------------*/
/*-------------------------------------proceso 8--------------------------------------*/
var seccion_proceso8 = document.getElementById("proceso_8");
var vol8 = document.getElementsByTagName("audio")[13];
var sonido8 = false;
var audio_proceso8 = document.getElementById("proceso8");
vol8.pause();
seccion_proceso8.addEventListener("mouseover", function () {
vol8.play();
sonido8 = true;
audio_proceso8.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso8.addEventListener("mouseout", function () {
vol8.pause();
sonido8 = false;
});
/*------------------------------------- fin proceso 8--------------------------------------*/
/*-------------------------------------proceso 9--------------------------------------*/
var seccion_proceso9 = document.getElementById("proceso_9");
var vol9 = document.getElementsByTagName("audio")[14];
var sonido9 = false;
var audio_proceso9 = document.getElementById("proceso9");
vol9.pause();
seccion_proceso9.addEventListener("mouseover", function () {
vol9.play();
sonido9 = true;
audio_proceso9.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso9.addEventListener("mouseout", function () {
vol9.pause();
sonido9 = false;
});
/*------------------------------------- fin proceso 9--------------------------------------*/
/*-------------------------------------proceso 10--------------------------------------*/
var seccion_proceso10 = document.getElementById("proceso_10");
var vol10 = document.getElementsByTagName("audio")[15];
var sonido10 = false;
var audio_proceso10 = document.getElementById("proceso10");
vol10.pause();
seccion_proceso10.addEventListener("mouseover", function () {
vol10.play();
sonido10 = true;
audio_proceso10.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso10.addEventListener("mouseout", function () {
vol10.pause();
sonido10 = false;
});
/*------------------------------------- fin proceso 10--------------------------------------*/
/*-------------------------------------proceso 11--------------------------------------*/
var seccion_proceso11 = document.getElementById("proceso_11");
var vol11 = document.getElementsByTagName("audio")[16];
var sonido11 = false;
var audio_proceso11 = document.getElementById("proceso11");
vol11.pause();
seccion_proceso11.addEventListener("mouseover", function () {
vol11.play();
sonido11 = true;
audio_proceso11.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso11.addEventListener("mouseout", function () {
vol11.pause();
sonido11 = false;
});
/*------------------------------------- fin proceso 11--------------------------------------*/
/*-------------------------------------proceso 12--------------------------------------*/
var seccion_proceso12 = document.getElementById("proceso_12");
var vol12 = document.getElementsByTagName("audio")[17];
var sonido12 = false;
var audio_proceso12 = document.getElementById("proceso12");
vol12.pause();
seccion_proceso12.addEventListener("mouseover", function () {
vol12.play();
sonido12 = true;
audio_proceso12.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso12.addEventListener("mouseout", function () {
vol12.pause();
sonido12 = false;
});
/*------------------------------------- fin proceso 12--------------------------------------*/
/*-------------------------------------proceso 13--------------------------------------*/
var seccion_proceso13 = document.getElementById("proceso_13");
var vol13 = document.getElementsByTagName("audio")[18];
var sonido13 = false;
var audio_proceso13 = document.getElementById("proceso13");
vol13.pause();
seccion_proceso13.addEventListener("mouseover", function () {
vol13.play();
sonido13 = true;
audio_proceso13.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso13.addEventListener("mouseout", function () {
vol13.pause();
sonido13 = false;
});
/*------------------------------------- fin proceso 13--------------------------------------*/
/*-------------------------------------proceso 14--------------------------------------*/
var seccion_proceso14 = document.getElementById("proceso_14");
var vol14 = document.getElementsByTagName("audio")[19];
var sonido14 = false;
var audio_proceso14 = document.getElementById("proceso14");
vol14.pause();
seccion_proceso14.addEventListener("mouseover", function () {
vol14.play();
sonido14 = true;
audio_proceso14.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso14.addEventListener("mouseout", function () {
vol14.pause();
sonido14 = false;
});
/*------------------------------------- fin proceso 14--------------------------------------*/
/*-------------------------------------proceso 15--------------------------------------*/
var seccion_proceso15 = document.getElementById("proceso_15");
var vol15 = document.getElementsByTagName("audio")[20];
var sonido15 = false;
var audio_proceso15 = document.getElementById("proceso15");
vol15.pause();
seccion_proceso15.addEventListener("mouseover", function () {
vol15.play();
sonido15 = true;
audio_proceso15.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso15.addEventListener("mouseout", function () {
vol15.pause();
sonido15 = false;
});
/*------------------------------------- fin proceso 15--------------------------------------*/
/*-------------------------------------proceso 16--------------------------------------*/
var seccion_proceso16 = document.getElementById("proceso_16");
var vol16 = document.getElementsByTagName("audio")[21];
var sonido16 = false;
var audio_proceso16 = document.getElementById("proceso16");
vol16.pause();
seccion_proceso16.addEventListener("mouseover", function () {
vol16.play();
sonido16 = true;
audio_proceso16.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso16.addEventListener("mouseout", function () {
vol16.pause();
sonido16 = false;
});
/*------------------------------------- fin proceso 16--------------------------------------*/
/*-------------------------------------proceso 17--------------------------------------*/
var seccion_proceso17 = document.getElementById("proceso_17");
var vol17 = document.getElementsByTagName("audio")[22];
var sonido17 = false;
var audio_proceso17 = document.getElementById("proceso17");
vol17.pause();
seccion_proceso17.addEventListener("mouseover", function () {
vol17.play();
sonido17 = true;
audio_proceso17.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso17.addEventListener("mouseout", function () {
vol17.pause();
sonido17 = false;
});
/*------------------------------------- fin proceso 17--------------------------------------*/
/*-------------------------------------proceso 17--------------------------------------*/
var seccion_proceso18 = document.getElementById("proceso_18");
var vol18 = document.getElementsByTagName("audio")[23];
var sonido18 = false;
var audio_proceso18 = document.getElementById("proceso18");
vol18.pause();
seccion_proceso18.addEventListener("mouseover", function () {
vol18.play();
sonido18 = true;
audio_proceso18.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso18.addEventListener("mouseout", function () {
vol18.pause();
sonido18 = false;
});
/*------------------------------------- fin proceso 17--------------------------------------*/
/*----------------------------------------contenido_1---------------------------------------------*/
var seccion_contenido1 = document.getElementById("proceso_1");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC1 = document.getElementsByTagName("audio")[24];
var sonidoC1 = false;
var audio_contenido1 = document.getElementById("contenido_1");
volC1.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido1.addEventListener("click", function () {
volC1.play();
sonidoC1 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC1.pause();
sonidoC1 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_1-----------------------------------------*/
/*----------------------------------------contenido_2---------------------------------------------*/
var seccion_contenido2 = document.getElementById("proceso_2");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC2 = document.getElementsByTagName("audio")[25];
var sonidoC2 = false;
var audio_contenido2 = document.getElementById("contenido_1");
volC2.pause();
volC2.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido2.addEventListener("click", function () {
volC2.play();
sonidoC2 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC2.pause();
sonidoC2 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_2-----------------------------------------*/
/*----------------------------------------contenido_3---------------------------------------------*/
var seccion_contenido3 = document.getElementById("proceso_3");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC3 = document.getElementsByTagName("audio")[26];
var sonidoC3 = false;
var audio_contenido3 = document.getElementById("contenido_3");
volC2.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido3.addEventListener("click", function () {
volC3.play();
sonidoC3 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC3.pause();
sonidoC3 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_3-----------------------------------------*/
/*----------------------------------------contenido_4---------------------------------------------*/
var seccion_contenido4 = document.getElementById("proceso_4");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC4 = document.getElementsByTagName("audio")[27];
var sonidoC4 = false;
var audio_contenido4 = document.getElementById("contenido_4");
volC2.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido4.addEventListener("click", function () {
volC4.play();
sonidoC4 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC4.pause();
sonidoC4 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_4-----------------------------------------*/
/*----------------------------------------contenido_5---------------------------------------------*/
var seccion_contenido5 = document.getElementById("proceso_5");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC5 = document.getElementsByTagName("audio")[28];
var sonidoC5 = false;
var audio_contenido5 = document.getElementById("contenido_5");
volC5.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido5.addEventListener("click", function () {
volC5.play();
sonidoC5 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC5.pause();
sonidoC5 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_5-----------------------------------------*/
/*----------------------------------------contenido_6---------------------------------------------*/
var seccion_contenido6 = document.getElementById("proceso_6");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC6 = document.getElementsByTagName("audio")[29];
var sonidoC6 = false;
var audio_contenido6 = document.getElementById("contenido_6");
volC5.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido6.addEventListener("click", function () {
volC6.play();
sonidoC6 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC6.pause();
sonidoC6 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_6-----------------------------------------*/
/*----------------------------------------contenido_7---------------------------------------------*/
var seccion_contenido7 = document.getElementById("proceso_7");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC7 = document.getElementsByTagName("audio")[30];
var sonidoC7 = false;
var audio_contenido7 = document.getElementById("contenido_7");
volC7.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido7.addEventListener("click", function () {
volC7.play();
sonidoC7 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC7.pause();
sonidoC7 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_7-----------------------------------------*/
/*----------------------------------------contenido_8---------------------------------------------*/
var seccion_contenido8 = document.getElementById("proceso_8");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC8 = document.getElementsByTagName("audio")[31];
var sonidoC8 = false;
var audio_contenido8 = document.getElementById("contenido_8");
volC8.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido8.addEventListener("click", function () {
volC8.play();
sonidoC8 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC8.pause();
sonidoC8 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_8-----------------------------------------*/
/*----------------------------------------contenido_9---------------------------------------------*/
var seccion_contenido9 = document.getElementById("proceso_9");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC9 = document.getElementsByTagName("audio")[32];
var sonidoC9 = false;
var audio_contenido9 = document.getElementById("contenido_9");
volC9.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido9.addEventListener("click", function () {
volC9.play();
sonidoC9 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC9.pause();
sonidoC9 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_9-----------------------------------------*/
/*----------------------------------------contenido_10---------------------------------------------*/
var seccion_contenido10 = document.getElementById("proceso_10");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC10 = document.getElementsByTagName("audio")[33];
var sonidoC10 = false;
var audio_contenido10 = document.getElementById("contenido_10");
volC10.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido10.addEventListener("click", function () {
volC8.play();
sonidoC8 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC10.pause();
sonidoC10 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_10-----------------------------------------*/
/*----------------------------------------contenido_11---------------------------------------------*/
var seccion_contenido11 = document.getElementById("proceso_11");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC11 = document.getElementsByTagName("audio")[34];
var sonidoC11 = false;
var audio_contenido11 = document.getElementById("contenido_11");
volC11.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido11.addEventListener("click", function () {
volC11.play();
sonidoC11 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC11.pause();
sonidoC11 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_11-----------------------------------------*/
/*----------------------------------------contenido_12---------------------------------------------*/
var seccion_contenido12 = document.getElementById("proceso_12");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC12 = document.getElementsByTagName("audio")[35];
var sonidoC12 = false;
var audio_contenido12 = document.getElementById("contenido_12");
volC12.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido12.addEventListener("click", function () {
volC12.play();
sonidoC12 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC12.pause();
sonidoC12 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_12-----------------------------------------*/
/*----------------------------------------contenido_13---------------------------------------------*/
var seccion_contenido13 = document.getElementById("proceso_13");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC13 = document.getElementsByTagName("audio")[36];
var sonidoC13 = false;
var audio_contenido13 = document.getElementById("contenido_13");
volC13.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido13.addEventListener("click", function () {
volC13.play();
sonidoC13 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC13.pause();
sonidoC13 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_13-----------------------------------------*/
/*----------------------------------------contenido_14---------------------------------------------*/
var seccion_contenido14 = document.getElementById("proceso_14");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC14 = document.getElementsByTagName("audio")[37];
var sonidoC14 = false;
var audio_contenido14 = document.getElementById("contenido_14");
volC14.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido14.addEventListener("click", function () {
volC14.play();
sonidoC14 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC14.pause();
sonidoC14 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_14-----------------------------------------*/
/*----------------------------------------contenido_15---------------------------------------------*/
var seccion_contenido15 = document.getElementById("proceso_15");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC15 = document.getElementsByTagName("audio")[38];
var sonidoC15 = false;
var audio_contenido15 = document.getElementById("contenido_15");
volC15.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido15.addEventListener("click", function () {
volC15.play();
sonidoC15 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC15.pause();
sonidoC15 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_15-----------------------------------------*/
/*----------------------------------------contenido_16---------------------------------------------*/
var seccion_contenido16 = document.getElementById("proceso_16");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC16 = document.getElementsByTagName("audio")[39];
var sonidoC16 = false;
var audio_contenido16 = document.getElementById("contenido_16");
volC16.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido16.addEventListener("click", function () {
volC16.play();
sonidoC16 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC17.pause();
sonidoC17 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_16-----------------------------------------*/
/*----------------------------------------contenido_17---------------------------------------------*/
var seccion_contenido17 = document.getElementById("proceso_17");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC17 = document.getElementsByTagName("audio")[40];
var sonidoC17 = false;
var audio_contenido17 = document.getElementById("contenido_17");
volC17.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido17.addEventListener("click", function () {
volC17.play();
sonidoC17 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC17.pause();
sonidoC17 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_17-----------------------------------------*/
/*----------------------------------------contenido_18---------------------------------------------*/
var seccion_contenido18 = document.getElementById("proceso_18");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC18 = document.getElementsByTagName("audio")[41];
var sonidoC18 = false;
var audio_contenido18 = document.getElementById("contenido_18");
volC18.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido18.addEventListener("click", function () {
volC18.play();
sonidoC18 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volC18.pause();
sonidoC18 = false;
volPRO.play();
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_17-----------------------------------------*/
var video_legis2 = document.getElementById("contenedor_de_video");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volCVideo = document.getElementsByTagName("audio")[45];
var sonidoVideo = false;
var audio_contenido18 = document.getElementById("contenido_18");
volCVideo.pause();
video_legis2.addEventListener("click", function () {
volCVideo.play();
sonidoVideo = true;
v3.pause();
sound3 = false;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function () {
volCVideo.pause();
sonidoVideo = false;
setTimeout(function () {
pantalla_cierre_z.style.display = 'none';
}, 10000);
});
}
});
/*
} else {
swal("la pagina entrara en modo normal");
}
});
*/
/*------------------------audios importacion-------------------------*/
</script>
<script type="text/javascript"> /*-------------------FANCYBOX--------------------*/
/*!
* fancyBox - jQuery Plugin
* version: 2.1.7 (Tue, 28 Feb 2017)
* requires jQuery v1.6 or later
*
* Examples at http://fancyapps.com/fancybox/
* License: www.fancyapps.com/fancybox/#license
*
* Copyright 2017 fancyapps.com
*
*/
; (function (window, document, $, undefined) {
"use strict";
var H = $("html"),
W = $(window),
D = $(document),
F = $.fancybox = function () {
F.open.apply(this, arguments);
},
IE = navigator.userAgent.match(/msie/i),
didUpdate = null,
isTouch = document.createTouch !== undefined,
isQuery = function (obj) {
return obj && obj.hasOwnProperty && obj instanceof $;
},
isString = function (str) {
return str && $.type(str) === "string";
},
isPercentage = function (str) {
return isString(str) && str.indexOf('%') > 0;
},
isScrollable = function (el) {
return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
},
getScalar = function (orig, dim) {
var value = parseInt(orig, 10) || 0;
if (dim && isPercentage(orig)) {
value = F.getViewport()[dim] / 100 * value;
}
return Math.ceil(value);
},
getValue = function (value, dim) {
return getScalar(value, dim) + 'px';
};
$.extend(F, {
// The current version of fancyBox
version: '2.1.7',
defaults: {
padding: 15,
margin: 20,
width: 800,
height: 600,
minWidth: 100,
minHeight: 100,
maxWidth: 9999,
maxHeight: 9999,
pixelRatio: 1, // Set to 2 for retina display support
autoSize: true,
autoHeight: false,
autoWidth: false,
autoResize: true,
autoCenter: !isTouch,
fitToView: true,
aspectRatio: false,
topRatio: 0.5,
leftRatio: 0.5,
scrolling: 'auto', // 'auto', 'yes' or 'no'
wrapCSS: '',
arrows: true,
closeBtn: true,
closeClick: false,
nextClick: false,
mouseWheel: true,
autoPlay: false,
playSpeed: 3000,
preload: 3,
modal: false,
loop: true,
ajax: {
dataType: 'html',
headers: { 'X-fancyBox': true }
},
iframe: {
scrolling: 'auto',
preload: true
},
swf: {
wmode: 'transparent',
allowfullscreen: 'true',
allowscriptaccess: 'always'
},
keys: {
next: {
13: 'left', // enter
34: 'up', // page down
39: 'left', // right arrow
40: 'up' // down arrow
},
prev: {
8: 'right', // backspace
33: 'down', // page up
37: 'right', // left arrow
38: 'down' // up arrow
},
close: [27], // escape key
play: [32], // space - start/stop slideshow
toggle: [70] // letter "f" - toggle fullscreen
},
direction: {
next: 'left',
prev: 'right'
},
scrollOutside: true,
// Override some properties
index: 0,
type: null,
href: null,
content: null,
title: null,
// HTML templates
tpl: {
wrap: '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
image: '<img class="fancybox-image" src="{href}" alt="" />',
iframe: '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
error: '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
closeBtn: '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
next: '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
prev: '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>',
loading: '<div id="fancybox-loading"><div></div></div>'
},
// Properties for each animation type
// Opening fancyBox
openEffect: 'fade', // 'elastic', 'fade' or 'none'
openSpeed: 250,
openEasing: 'swing',
openOpacity: true,
openMethod: 'zoomIn',
// Closing fancyBox
closeEffect: 'fade', // 'elastic', 'fade' or 'none'
closeSpeed: 250,
closeEasing: 'swing',
closeOpacity: true,
closeMethod: 'zoomOut',
// Changing next gallery item
nextEffect: 'elastic', // 'elastic', 'fade' or 'none'
nextSpeed: 250,
nextEasing: 'swing',
nextMethod: 'changeIn',
// Changing previous gallery item
prevEffect: 'elastic', // 'elastic', 'fade' or 'none'
prevSpeed: 250,
prevEasing: 'swing',
prevMethod: 'changeOut',
// Enable default helpers
helpers: {
overlay: true,
title: true
},
// Callbacks
onCancel: $.noop, // If canceling
beforeLoad: $.noop, // Before loading
afterLoad: $.noop, // After loading
beforeShow: $.noop, // Before changing in current item
afterShow: $.noop, // After opening
beforeChange: $.noop, // Before changing gallery item
beforeClose: $.noop, // Before closing
afterClose: $.noop // After closing
},
//Current state
group: {}, // Selected group
opts: {}, // Group options
previous: null, // Previous element
coming: null, // Element being loaded
current: null, // Currently loaded element
isActive: false, // Is activated
isOpen: false, // Is currently open
isOpened: false, // Have been fully opened at least once
wrap: null,
skin: null,
outer: null,
inner: null,
player: {
timer: null,
isActive: false
},
// Loaders
ajaxLoad: null,
imgPreload: null,
// Some collections
transitions: {},
helpers: {},
/*
* Static methods
*/
open: function (group, opts) {
if (!group) {
return;
}
if (!$.isPlainObject(opts)) {
opts = {};
}
// Close if already active
if (false === F.close(true)) {
return;
}
// Normalize group
if (!$.isArray(group)) {
group = isQuery(group) ? $(group).get() : [group];
}
// Recheck if the type of each element is `object` and set content type (image, ajax, etc)
$.each(group, function (i, element) {
var obj = {},
href,
title,
content,
type,
rez,
hrefParts,
selector;
if ($.type(element) === "object") {
// Check if is DOM element
if (element.nodeType) {
element = $(element);
}
if (isQuery(element)) {
obj = {
href: element.data('fancybox-href') || element.attr('href'),
title: $('<div/>').text(element.data('fancybox-title') || element.attr('title') || '').html(),
isDom: true,
element: element
};
if ($.metadata) {
$.extend(true, obj, element.metadata());
}
} else {
obj = element;
}
}
href = opts.href || obj.href || (isString(element) ? element : null);
title = opts.title !== undefined ? opts.title : obj.title || '';
content = opts.content || obj.content;
type = content ? 'html' : (opts.type || obj.type);
if (!type && obj.isDom) {
type = element.data('fancybox-type');
if (!type) {
rez = element.prop('class').match(/fancybox\.(\w+)/);
type = rez ? rez[1] : null;
}
}
if (isString(href)) {
// Try to guess the content type
if (!type) {
if (F.isImage(href)) {
type = 'image';
} else if (F.isSWF(href)) {
type = 'swf';
} else if (href.charAt(0) === '#') {
type = 'inline';
} else if (isString(element)) {
type = 'html';
content = element;
}
}
// Split url into two pieces with source url and content selector, e.g,
// "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
if (type === 'ajax') {
hrefParts = href.split(/\s+/, 2);
href = hrefParts.shift();
selector = hrefParts.shift();
}
}
if (!content) {
if (type === 'inline') {
if (href) {
content = $(isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href); //strip for ie7
} else if (obj.isDom) {
content = element;
}
} else if (type === 'html') {
content = href;
} else if (!type && !href && obj.isDom) {
type = 'inline';
content = element;
}
}
$.extend(obj, {
href: href,
type: type,
content: content,
title: title,
selector: selector
});
group[i] = obj;
});
// Extend the defaults
F.opts = $.extend(true, {}, F.defaults, opts);
// All options are merged recursive except keys
if (opts.keys !== undefined) {
F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
}
F.group = group;
return F._start(F.opts.index);
},
// Cancel image loading or abort ajax request
cancel: function () {
var coming = F.coming;
if (coming && false === F.trigger('onCancel')) {
return;
}
F.hideLoading();
if (!coming) {
return;
}
if (F.ajaxLoad) {
F.ajaxLoad.abort();
}
F.ajaxLoad = null;
if (F.imgPreload) {
F.imgPreload.onload = F.imgPreload.onerror = null;
}
if (coming.wrap) {
coming.wrap.stop(true, true).trigger('onReset').remove();
}
F.coming = null;
// If the first item has been canceled, then clear everything
if (!F.current) {
F._afterZoomOut(coming);
}
},
// Start closing animation if is open; remove immediately if opening/closing
close: function (event) {
F.cancel();
if (false === F.trigger('beforeClose')) {
return;
}
F.unbindEvents();
if (!F.isActive) {
return;
}
if (!F.isOpen || event === true) {
$('.fancybox-wrap').stop(true).trigger('onReset').remove();
F._afterZoomOut();
} else {
F.isOpen = F.isOpened = false;
F.isClosing = true;
$('.fancybox-item, .fancybox-nav').remove();
F.wrap.stop(true, true).removeClass('fancybox-opened');
F.transitions[F.current.closeMethod]();
}
},
// Manage slideshow:
// $.fancybox.play(); - toggle slideshow
// $.fancybox.play( true ); - start
// $.fancybox.play( false ); - stop
play: function (action) {
var clear = function () {
clearTimeout(F.player.timer);
},
set = function () {
clear();
if (F.current && F.player.isActive) {
F.player.timer = setTimeout(F.next, F.current.playSpeed);
}
},
stop = function () {
clear();
D.unbind('.player');
F.player.isActive = false;
F.trigger('onPlayEnd');
},
start = function () {
if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
F.player.isActive = true;
D.bind({
'onCancel.player beforeClose.player': stop,
'onUpdate.player': set,
'beforeLoad.player': clear
});
set();
F.trigger('onPlayStart');
}
};
if (action === true || (!F.player.isActive && action !== false)) {
start();
} else {
stop();
}
},
// Navigate to next gallery item
next: function (direction) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.next;
}
F.jumpto(current.index + 1, direction, 'next');
}
},
// Navigate to previous gallery item
prev: function (direction) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.prev;
}
F.jumpto(current.index - 1, direction, 'prev');
}
},
// Navigate to gallery item by index
jumpto: function (index, direction, router) {
var current = F.current;
if (!current) {
return;
}
index = getScalar(index);
F.direction = direction || current.direction[(index >= current.index ? 'next' : 'prev')];
F.router = router || 'jumpto';
if (current.loop) {
if (index < 0) {
index = current.group.length + (index % current.group.length);
}
index = index % current.group.length;
}
if (current.group[index] !== undefined) {
F.cancel();
F._start(index);
}
},
// Center inside viewport and toggle position type to fixed or absolute if needed
reposition: function (e, onlyAbsolute) {
var current = F.current,
wrap = current ? current.wrap : null,
pos;
if (wrap) {
pos = F._getPosition(onlyAbsolute);
if (e && e.type === 'scroll') {
delete pos.position;
wrap.stop(true, true).animate(pos, 200);
} else {
wrap.css(pos);
current.pos = $.extend({}, current.dim, pos);
}
}
},
update: function (e) {
var type = (e && e.originalEvent && e.originalEvent.type),
anyway = !type || type === 'orientationchange';
if (anyway) {
clearTimeout(didUpdate);
didUpdate = null;
}
if (!F.isOpen || didUpdate) {
return;
}
didUpdate = setTimeout(function () {
var current = F.current;
if (!current || F.isClosing) {
return;
}
F.wrap.removeClass('fancybox-tmp');
if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
F._setDimension();
}
if (!(type === 'scroll' && current.canShrink)) {
F.reposition(e);
}
F.trigger('onUpdate');
didUpdate = null;
}, (anyway && !isTouch ? 0 : 300));
},
// Shrink content to fit inside viewport or restore if resized
toggle: function (action) {
if (F.isOpen) {
F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
// Help browser to restore document dimensions
if (isTouch) {
F.wrap.removeAttr('style').addClass('fancybox-tmp');
F.trigger('onUpdate');
}
F.update();
}
},
hideLoading: function () {
D.unbind('.loading');
$('#fancybox-loading').remove();
},
showLoading: function () {
var el, viewport;
F.hideLoading();
el = $(F.opts.tpl.loading).click(F.cancel).appendTo('body');
// If user will press the escape-button, the request will be canceled
D.bind('keydown.loading', function (e) {
if ((e.which || e.keyCode) === 27) {
e.preventDefault();
F.cancel();
}
});
if (!F.defaults.fixed) {
viewport = F.getViewport();
el.css({
position: 'absolute',
top: (viewport.h * 0.5) + viewport.y,
left: (viewport.w * 0.5) + viewport.x
});
}
F.trigger('onLoading');
},
getViewport: function () {
var locked = (F.current && F.current.locked) || false,
rez = {
x: W.scrollLeft(),
y: W.scrollTop()
};
if (locked && locked.length) {
rez.w = locked[0].clientWidth;
rez.h = locked[0].clientHeight;
} else {
// See http://bugs.jquery.com/ticket/6724
rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();
rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
}
return rez;
},
// Unbind the keyboard / clicking actions
unbindEvents: function () {
if (F.wrap && isQuery(F.wrap)) {
F.wrap.unbind('.fb');
}
D.unbind('.fb');
W.unbind('.fb');
},
bindEvents: function () {
var current = F.current,
keys;
if (!current) {
return;
}
// Changing document height on iOS devices triggers a 'resize' event,
// that can change document height... repeating infinitely
W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
keys = current.keys;
if (keys) {
D.bind('keydown.fb', function (e) {
var code = e.which || e.keyCode,
target = e.target || e.srcElement;
// Skip esc key if loading, because showLoading will cancel preloading
if (code === 27 && F.coming) {
return false;
}
// Ignore key combinations and key events within form elements
if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
$.each(keys, function (i, val) {
if (current.group.length > 1 && val[code] !== undefined) {
F[i](val[code]);
e.preventDefault();
return false;
}
if ($.inArray(code, val) > -1) {
F[i]();
e.preventDefault();
return false;
}
});
}
});
}
if ($.fn.mousewheel && current.mouseWheel) {
F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
var target = e.target || null,
parent = $(target),
canScroll = false;
while (parent.length) {
if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
break;
}
canScroll = isScrollable(parent[0]);
parent = $(parent).parent();
}
if (delta !== 0 && !canScroll) {
if (F.group.length > 1 && !current.canShrink) {
if (deltaY > 0 || deltaX > 0) {
F.prev(deltaY > 0 ? 'down' : 'left');
} else if (deltaY < 0 || deltaX < 0) {
F.next(deltaY < 0 ? 'up' : 'right');
}
e.preventDefault();
}
}
});
}
},
trigger: function (event, o) {
var ret, obj = o || F.coming || F.current;
if (obj) {
if ($.isFunction(obj[event])) {
ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
}
if (ret === false) {
return false;
}
if (obj.helpers) {
$.each(obj.helpers, function (helper, opts) {
if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
}
});
}
}
D.trigger(event);
},
isImage: function (str) {
return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
},
isSWF: function (str) {
return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
},
_start: function (index) {
var coming = {},
obj,
href,
type,
margin,
padding;
index = getScalar(index);
obj = F.group[index] || null;
if (!obj) {
return false;
}
coming = $.extend(true, {}, F.opts, obj);
// Convert margin and padding properties to array - top, right, bottom, left
margin = coming.margin;
padding = coming.padding;
if ($.type(margin) === 'number') {
coming.margin = [margin, margin, margin, margin];
}
if ($.type(padding) === 'number') {
coming.padding = [padding, padding, padding, padding];
}
// 'modal' propery is just a shortcut
if (coming.modal) {
$.extend(true, coming, {
closeBtn: false,
closeClick: false,
nextClick: false,
arrows: false,
mouseWheel: false,
keys: null,
helpers: {
overlay: {
closeClick: false
}
}
});
}
// 'autoSize' property is a shortcut, too
if (coming.autoSize) {
coming.autoWidth = coming.autoHeight = true;
}
if (coming.width === 'auto') {
coming.autoWidth = true;
}
if (coming.height === 'auto') {
coming.autoHeight = true;
}
/*
* Add reference to the group, so it`s possible to access from callbacks, example:
* afterLoad : function() {
* this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
* }
*/
coming.group = F.group;
coming.index = index;
// Give a chance for callback or helpers to update coming item (type, title, etc)
F.coming = coming;
if (false === F.trigger('beforeLoad')) {
F.coming = null;
return;
}
type = coming.type;
href = coming.href;
if (!type) {
F.coming = null;
//If we can not determine content type then drop silently or display next/prev item if looping through gallery
if (F.current && F.router && F.router !== 'jumpto') {
F.current.index = index;
return F[F.router](F.direction);
}
return false;
}
F.isActive = true;
if (type === 'image' || type === 'swf') {
coming.autoHeight = coming.autoWidth = false;
coming.scrolling = 'visible';
}
if (type === 'image') {
coming.aspectRatio = true;
}
if (type === 'iframe' && isTouch) {
coming.scrolling = 'scroll';
}
// Build the neccessary markup
coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo(coming.parent || 'body');
$.extend(coming, {
skin: $('.fancybox-skin', coming.wrap),
outer: $('.fancybox-outer', coming.wrap),
inner: $('.fancybox-inner', coming.wrap)
});
$.each(["Top", "Right", "Bottom", "Left"], function (i, v) {
coming.skin.css('padding' + v, getValue(coming.padding[i]));
});
F.trigger('onReady');
// Check before try to load; 'inline' and 'html' types need content, others - href
if (type === 'inline' || type === 'html') {
if (!coming.content || !coming.content.length) {
return F._error('content');
}
} else if (!href) {
return F._error('href');
}
if (type === 'image') {
F._loadImage();
} else if (type === 'ajax') {
F._loadAjax();
} else if (type === 'iframe') {
F._loadIframe();
} else {
F._afterLoad();
}
},
_error: function (type) {
$.extend(F.coming, {
type: 'html',
autoWidth: true,
autoHeight: true,
minWidth: 0,
minHeight: 0,
scrolling: 'no',
hasError: type,
content: F.coming.tpl.error
});
F._afterLoad();
},
_loadImage: function () {
// Reset preload image so it is later possible to check "complete" property
var img = F.imgPreload = new Image();
img.onload = function () {
this.onload = this.onerror = null;
F.coming.width = this.width / F.opts.pixelRatio;
F.coming.height = this.height / F.opts.pixelRatio;
F._afterLoad();
};
img.onerror = function () {
this.onload = this.onerror = null;
F._error('image');
};
img.src = F.coming.href;
if (img.complete !== true) {
F.showLoading();
}
},
_loadAjax: function () {
var coming = F.coming;
F.showLoading();
F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
url: coming.href,
error: function (jqXHR, textStatus) {
if (F.coming && textStatus !== 'abort') {
F._error('ajax', jqXHR);
} else {
F.hideLoading();
}
},
success: function (data, textStatus) {
if (textStatus === 'success') {
coming.content = data;
F._afterLoad();
}
}
}));
},
_loadIframe: function () {
var coming = F.coming,
iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
.attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
.attr('src', coming.href);
// This helps IE
$(coming.wrap).bind('onReset', function () {
try {
$(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
} catch (e) { }
});
if (coming.iframe.preload) {
F.showLoading();
iframe.one('load', function () {
$(this).data('ready', 1);
// iOS will lose scrolling if we resize
if (!isTouch) {
$(this).bind('load.fb', F.update);
}
// Without this trick:
// - iframe won't scroll on iOS devices
// - IE7 sometimes displays empty iframe
$(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
F._afterLoad();
});
}
coming.content = iframe.appendTo(coming.inner);
if (!coming.iframe.preload) {
F._afterLoad();
}
},
_preloadImages: function () {
var group = F.group,
current = F.current,
len = group.length,
cnt = current.preload ? Math.min(current.preload, len - 1) : 0,
item,
i;
for (i = 1; i <= cnt; i += 1) {
item = group[(current.index + i) % len];
if (item.type === 'image' && item.href) {
new Image().src = item.href;
}
}
},
_afterLoad: function () {
var coming = F.coming,
previous = F.current,
placeholder = 'fancybox-placeholder',
current,
content,
type,
scrolling,
href,
embed;
F.hideLoading();
if (!coming || F.isActive === false) {
return;
}
if (false === F.trigger('afterLoad', coming, previous)) {
coming.wrap.stop(true).trigger('onReset').remove();
F.coming = null;
return;
}
if (previous) {
F.trigger('beforeChange', previous);
previous.wrap.stop(true).removeClass('fancybox-opened')
.find('.fancybox-item, .fancybox-nav')
.remove();
}
F.unbindEvents();
current = coming;
content = coming.content;
type = coming.type;
scrolling = coming.scrolling;
$.extend(F, {
wrap: current.wrap,
skin: current.skin,
outer: current.outer,
inner: current.inner,
current: current,
previous: previous
});
href = current.href;
switch (type) {
case 'inline':
case 'ajax':
case 'html':
if (current.selector) {
content = $('<div>').html(content).find(current.selector);
} else if (isQuery(content)) {
if (!content.data(placeholder)) {
content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter(content).hide());
}
content = content.show().detach();
current.wrap.bind('onReset', function () {
if ($(this).find(content).length) {
content.hide().replaceAll(content.data(placeholder)).data(placeholder, false);
}
});
}
break;
case 'image':
content = current.tpl.image.replace(/\{href\}/g, href);
break;
case 'swf':
content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
embed = '';
$.each(current.swf, function (name, val) {
content += '<param name="' + name + '" value="' + val + '"></param>';
embed += ' ' + name + '="' + val + '"';
});
content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
break;
}
if (!(isQuery(content) && content.parent().is(current.inner))) {
current.inner.append(content);
}
// Give a chance for helpers or callbacks to update elements
F.trigger('beforeShow');
// Set scrolling before calculating dimensions
current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
// Set initial dimensions and start position
F._setDimension();
F.reposition();
F.isOpen = false;
F.coming = null;
F.bindEvents();
if (!F.isOpened) {
$('.fancybox-wrap').not(current.wrap).stop(true).trigger('onReset').remove();
} else if (previous.prevMethod) {
F.transitions[previous.prevMethod]();
}
F.transitions[F.isOpened ? current.nextMethod : current.openMethod]();
F._preloadImages();
},
_setDimension: function () {
var viewport = F.getViewport(),
steps = 0,
canShrink = false,
canExpand = false,
wrap = F.wrap,
skin = F.skin,
inner = F.inner,
current = F.current,
width = current.width,
height = current.height,
minWidth = current.minWidth,
minHeight = current.minHeight,
maxWidth = current.maxWidth,
maxHeight = current.maxHeight,
scrolling = current.scrolling,
scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
margin = current.margin,
wMargin = getScalar(margin[1] + margin[3]),
hMargin = getScalar(margin[0] + margin[2]),
wPadding,
hPadding,
wSpace,
hSpace,
origWidth,
origHeight,
origMaxWidth,
origMaxHeight,
ratio,
width_,
height_,
maxWidth_,
maxHeight_,
iframe,
body;
// Reset dimensions so we could re-check actual size
wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
wPadding = getScalar(skin.outerWidth(true) - skin.width());
hPadding = getScalar(skin.outerHeight(true) - skin.height());
// Any space between content and viewport (margin, padding, border, title)
wSpace = wMargin + wPadding;
hSpace = hMargin + hPadding;
origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
if (current.type === 'iframe') {
iframe = current.content;
if (current.autoHeight && iframe && iframe.data('ready') === 1) {
try {
if (iframe[0].contentWindow.document.location) {
inner.width(origWidth).height(9999);
body = iframe.contents().find('body');
if (scrollOut) {
body.css('overflow-x', 'hidden');
}
origHeight = body.outerHeight(true);
}
} catch (e) { }
}
} else if (current.autoWidth || current.autoHeight) {
inner.addClass('fancybox-tmp');
// Set width or height in case we need to calculate only one dimension
if (!current.autoWidth) {
inner.width(origWidth);
}
if (!current.autoHeight) {
inner.height(origHeight);
}
if (current.autoWidth) {
origWidth = inner.width();
}
if (current.autoHeight) {
origHeight = inner.height();
}
inner.removeClass('fancybox-tmp');
}
width = getScalar(origWidth);
height = getScalar(origHeight);
ratio = origWidth / origHeight;
// Calculations for the content
minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
// These will be used to determine if wrap can fit in the viewport
origMaxWidth = maxWidth;
origMaxHeight = maxHeight;
if (current.fitToView) {
maxWidth = Math.min(viewport.w - wSpace, maxWidth);
maxHeight = Math.min(viewport.h - hSpace, maxHeight);
}
maxWidth_ = viewport.w - wMargin;
maxHeight_ = viewport.h - hMargin;
if (current.aspectRatio) {
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
if (height > maxHeight) {
height = maxHeight;
width = getScalar(height * ratio);
}
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (height < minHeight) {
height = minHeight;
width = getScalar(height * ratio);
}
} else {
width = Math.max(minWidth, Math.min(width, maxWidth));
if (current.autoHeight && current.type !== 'iframe') {
inner.width(width);
height = inner.height();
}
height = Math.max(minHeight, Math.min(height, maxHeight));
}
// Try to fit inside viewport (including the title)
if (current.fitToView) {
inner.width(width).height(height);
wrap.width(width + wPadding);
// Real wrap dimensions
width_ = wrap.width();
height_ = wrap.height();
if (current.aspectRatio) {
while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
if (steps++ > 19) {
break;
}
height = Math.max(minHeight, Math.min(maxHeight, height - 10));
width = getScalar(height * ratio);
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
inner.width(width).height(height);
wrap.width(width + wPadding);
width_ = wrap.width();
height_ = wrap.height();
}
} else {
width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
}
}
if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
width += scrollOut;
}
inner.width(width).height(height);
wrap.width(width + wPadding);
width_ = wrap.width();
height_ = wrap.height();
canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
$.extend(current, {
dim: {
width: getValue(width_),
height: getValue(height_)
},
origWidth: origWidth,
origHeight: origHeight,
canShrink: canShrink,
canExpand: canExpand,
wPadding: wPadding,
hPadding: hPadding,
wrapSpace: height_ - skin.outerHeight(true),
skinSpace: skin.height() - height
});
if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
inner.height('auto');
}
},
_getPosition: function (onlyAbsolute) {
var current = F.current,
viewport = F.getViewport(),
margin = current.margin,
width = F.wrap.width() + margin[1] + margin[3],
height = F.wrap.height() + margin[0] + margin[2],
rez = {
position: 'absolute',
top: margin[0],
left: margin[3]
};
if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
rez.position = 'fixed';
} else if (!current.locked) {
rez.top += viewport.y;
rez.left += viewport.x;
}
rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
return rez;
},
_afterZoomIn: function () {
var current = F.current;
if (!current) {
return;
}
F.isOpen = F.isOpened = true;
F.wrap.css('overflow', 'visible').addClass('fancybox-opened').hide().show(0);
F.update();
// Assign a click event
if (current.closeClick || (current.nextClick && F.group.length > 1)) {
F.inner.css('cursor', 'pointer').bind('click.fb', function (e) {
if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
e.preventDefault();
F[current.closeClick ? 'close' : 'next']();
}
});
}
// Create a close button
if (current.closeBtn) {
$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function (e) {
e.preventDefault();
F.close();
});
$(".fancybox-close").click(function (event) {
var v1 = document.getElementById("audios_internos");
v1.pause();
var v2 = document.getElementById("audios_internos2");
v2.pause();
var v3 = document.getElementById("audios_internos3");
v3.pause();
var v4 = document.getElementById("audios_internos4");
v4.pause();
var v5 = document.getElementById("audios_internos5");
v5.pause();
var v6 = document.getElementById("audios_internos6");
v6.pause();
var v7 = document.getElementById("audios_internos7");
v7.pause();
var v8 = document.getElementById("audios_internos8");
v8.pause();
var v9 = document.getElementById("audios_internos9");
v9.pause();
var v10 = document.getElementById("audios_internos10");
v10.pause();
var v11 = document.getElementById("audios_internos11");
v11.pause();
var v12 = document.getElementById("audios_internos12");
v12.pause();
var v13 = document.getElementById("audios_internos13");
v13.pause();
var v14 = document.getElementById("audios_internos14");
v14.pause();
var v15 = document.getElementById("audios_internos15");
v15.pause();
var v16 = document.getElementById("audios_internos16");
v16.pause();
var v17 = document.getElementById("audios_internos17");
v17.pause();
var v18 = document.getElementById("audios_internos18");
v18.pause();
});
}
// Create navigation arrows
if (current.arrows && F.group.length > 1) {
if (current.loop || current.index > 0) {
$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
}
if (current.loop || current.index < F.group.length - 1) {
$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
}
}
F.trigger('afterShow');
// Stop the slideshow if this is the last item
if (!current.loop && current.index === current.group.length - 1) {
F.play(false);
} else if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play(true);
}
},
_afterZoomOut: function (obj) {
obj = obj || F.current;
$('.fancybox-wrap').trigger('onReset').remove();
$.extend(F, {
group: {},
opts: {},
router: false,
current: null,
isActive: false,
isOpened: false,
isOpen: false,
isClosing: false,
wrap: null,
skin: null,
outer: null,
inner: null
});
F.trigger('afterClose', obj);
}
});
/*
* Default transitions
*/
F.transitions = {
getOrigPosition: function () {
var current = F.current,
element = current.element,
orig = current.orig,
pos = {},
width = 50,
height = 50,
hPadding = current.hPadding,
wPadding = current.wPadding,
viewport = F.getViewport();
if (!orig && current.isDom && element.is(':visible')) {
orig = element.find('img:first');
if (!orig.length) {
orig = element;
}
}
if (isQuery(orig)) {
pos = orig.offset();
if (orig.is('img')) {
width = orig.outerWidth();
height = orig.outerHeight();
}
} else {
pos.top = viewport.y + (viewport.h - height) * current.topRatio;
pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
}
if (F.wrap.css('position') === 'fixed' || current.locked) {
pos.top -= viewport.y;
pos.left -= viewport.x;
}
pos = {
top: getValue(pos.top - hPadding * current.topRatio),
left: getValue(pos.left - wPadding * current.leftRatio),
width: getValue(width + wPadding),
height: getValue(height + hPadding)
};
return pos;
},
step: function (now, fx) {
var ratio,
padding,
value,
prop = fx.prop,
current = F.current,
wrapSpace = current.wrapSpace,
skinSpace = current.skinSpace;
if (prop === 'width' || prop === 'height') {
ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
if (F.isClosing) {
ratio = 1 - ratio;
}
padding = prop === 'width' ? current.wPadding : current.hPadding;
value = now - padding;
F.skin[prop](getScalar(prop === 'width' ? value : value - (wrapSpace * ratio)));
F.inner[prop](getScalar(prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio)));
}
},
zoomIn: function () {
var current = F.current,
startPos = current.pos,
effect = current.openEffect,
elastic = effect === 'elastic',
endPos = $.extend({ opacity: 1 }, startPos);
// Remove "position" property that breaks older IE
delete endPos.position;
if (elastic) {
startPos = this.getOrigPosition();
if (current.openOpacity) {
startPos.opacity = 0.1;
}
} else if (effect === 'fade') {
startPos.opacity = 0.1;
}
F.wrap.css(startPos).animate(endPos, {
duration: effect === 'none' ? 0 : current.openSpeed,
easing: current.openEasing,
step: elastic ? this.step : null,
complete: F._afterZoomIn
});
},
zoomOut: function () {
var current = F.current,
effect = current.closeEffect,
elastic = effect === 'elastic',
endPos = { opacity: 0.1 };
if (elastic) {
endPos = this.getOrigPosition();
if (current.closeOpacity) {
endPos.opacity = 0.1;
}
}
F.wrap.animate(endPos, {
duration: effect === 'none' ? 0 : current.closeSpeed,
easing: current.closeEasing,
step: elastic ? this.step : null,
complete: F._afterZoomOut
});
},
changeIn: function () {
var current = F.current,
effect = current.nextEffect,
startPos = current.pos,
endPos = { opacity: 1 },
direction = F.direction,
distance = 200,
field;
startPos.opacity = 0.1;
if (effect === 'elastic') {
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
if (direction === 'down' || direction === 'right') {
startPos[field] = getValue(getScalar(startPos[field]) - distance);
endPos[field] = '+=' + distance + 'px';
} else {
startPos[field] = getValue(getScalar(startPos[field]) + distance);
endPos[field] = '-=' + distance + 'px';
}
}
// Workaround for http://bugs.jquery.com/ticket/12273
if (effect === 'none') {
F._afterZoomIn();
} else {
F.wrap.css(startPos).animate(endPos, {
duration: current.nextSpeed,
easing: current.nextEasing,
complete: F._afterZoomIn
});
}
},
changeOut: function () {
var previous = F.previous,
effect = previous.prevEffect,
endPos = { opacity: 0.1 },
direction = F.direction,
distance = 200;
if (effect === 'elastic') {
endPos[direction === 'down' || direction === 'up' ? 'top' : 'left'] = (direction === 'up' || direction === 'left' ? '-' : '+') + '=' + distance + 'px';
}
previous.wrap.animate(endPos, {
duration: effect === 'none' ? 0 : previous.prevSpeed,
easing: previous.prevEasing,
complete: function () {
$(this).trigger('onReset').remove();
}
});
}
};
/*
* Overlay helper
*/
F.helpers.overlay = {
defaults: {
closeClick: true, // if true, fancyBox will be closed when user clicks on the overlay
speedOut: 200, // duration of fadeOut animation
showEarly: true, // indicates if should be opened immediately or wait until the content is ready
css: {}, // custom CSS properties
locked: !isTouch, // if true, the content will be locked into overlay
fixed: true // if false, the overlay CSS position property will not be set to "fixed"
},
overlay: null, // current handle
fixed: false, // indicates if the overlay has position "fixed"
el: $('html'), // element that contains "the lock"
// Public methods
create: function (opts) {
var parent;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.close();
}
parent = F.coming ? F.coming.parent : opts.parent;
this.overlay = $('<div class="fancybox-overlay"></div>').appendTo(parent && parent.length ? parent : 'body');
this.fixed = false;
if (opts.fixed && F.defaults.fixed) {
this.overlay.addClass('fancybox-overlay-fixed');
this.fixed = true;
}
},
open: function (opts) {
var that = this;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.overlay.unbind('.overlay').width('auto').height('auto');
} else {
this.create(opts);
}
if (!this.fixed) {
W.bind('resize.overlay', $.proxy(this.update, this));
this.update();
}
if (opts.closeClick) {
this.overlay.bind('click.overlay', function (e) {
if ($(e.target).hasClass('fancybox-overlay')) {
if (F.isActive) {
F.close();
} else {
that.close();
}
return false;
}
});
}
this.overlay.css(opts.css).show();
},
close: function () {
W.unbind('resize.overlay');
if (this.el.hasClass('fancybox-lock')) {
$('.fancybox-margin').removeClass('fancybox-margin');
this.el.removeClass('fancybox-lock');
W.scrollTop(this.scrollV).scrollLeft(this.scrollH);
}
$('.fancybox-overlay').remove().hide();
$.extend(this, {
overlay: null,
fixed: false
});
},
// Private, callbacks
update: function () {
var width = '100%', offsetWidth;
// Reset width/height so it will not mess
this.overlay.width(width).height('100%');
// jQuery does not return reliable result for IE
if (IE) {
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
if (D.width() > offsetWidth) {
width = D.width();
}
} else if (D.width() > W.width()) {
width = D.width();
}
this.overlay.width(width).height(D.height());
},
// This is where we can manipulate DOM, because later it would cause iframes to reload
onReady: function (opts, obj) {
var overlay = this.overlay;
$('.fancybox-overlay').stop(true, true);
if (!overlay) {
this.create(opts);
}
if (opts.locked && this.fixed && obj.fixed) {
obj.locked = this.overlay.append(obj.wrap);
obj.fixed = false;
}
if (opts.showEarly === true) {
this.beforeShow.apply(this, arguments);
}
},
beforeShow: function (opts, obj) {
if (obj.locked && !this.el.hasClass('fancybox-lock')) {
if (this.fixPosition !== false) {
$('*:not(object)').filter(function () {
return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap"));
}).addClass('fancybox-margin');
}
this.el.addClass('fancybox-margin');
this.scrollV = W.scrollTop();
this.scrollH = W.scrollLeft();
this.el.addClass('fancybox-lock');
W.scrollTop(this.scrollV).scrollLeft(this.scrollH);
}
this.open(opts);
},
onUpdate: function () {
if (!this.fixed) {
this.update();
}
},
afterClose: function (opts) {
// Remove overlay if exists and fancyBox is not opening
// (e.g., it is not being open using afterClose callback)
if (this.overlay && !F.coming) {
this.overlay.fadeOut(opts.speedOut, $.proxy(this.close, this));
}
}
};
/*
* Title helper
*/
F.helpers.title = {
defaults: {
type: 'float', // 'float', 'inside', 'outside' or 'over',
position: 'bottom' // 'top' or 'bottom'
},
beforeShow: function (opts) {
var current = F.current,
text = current.title,
type = opts.type,
title,
target;
if ($.isFunction(text)) {
text = text.call(current.element, current);
}
if (!isString(text) || $.trim(text) === '') {
return;
}
title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
switch (type) {
case 'inside':
target = F.skin;
break;
case 'outside':
target = F.wrap;
break;
case 'over':
target = F.inner;
break;
default: // 'float'
target = F.skin;
title.appendTo('body');
if (IE) {
title.width(title.width());
}
title.wrapInner('<span class="child"></span>');
//Increase bottom margin so this title will also fit into viewport
F.current.margin[2] += Math.abs(getScalar(title.css('margin-bottom')));
break;
}
title[(opts.position === 'top' ? 'prependTo' : 'appendTo')](target);
}
};
// jQuery plugin initialization
$.fn.fancybox = function (options) {
var index,
that = $(this),
selector = this.selector || '',
run = function (e) {
var what = $(this).blur(), idx = index, relType, relVal;
if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
relType = options.groupAttr || 'data-fancybox-group';
relVal = what.attr(relType);
if (!relVal) {
relType = 'rel';
relVal = what.get(0)[relType];
}
if (relVal && relVal !== '' && relVal !== 'nofollow') {
what = selector.length ? $(selector) : that;
what = what.filter('[' + relType + '="' + relVal + '"]');
idx = what.index(this);
}
options.index = idx;
// Stop an event from bubbling if everything is fine
if (F.open(what, options) !== false) {
e.preventDefault();
}
}
};
options = options || {};
index = options.index || 0;
if (!selector || options.live === false) {
that.unbind('click.fb-start').bind('click.fb-start', run);
} else {
D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
}
this.filter('[data-fancybox-start=1]').trigger('click');
return this;
};
// Tests that need a body at doc ready
D.ready(function () {
var w1, w2;
if ($.scrollbarWidth === undefined) {
// http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
$.scrollbarWidth = function () {
var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
child = parent.children(),
width = child.innerWidth() - child.height(99).innerWidth();
parent.remove();
return width;
};
}
if ($.support.fixedPosition === undefined) {
$.support.fixedPosition = (function () {
var elem = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
fixed = (elem[0].offsetTop === 20 || elem[0].offsetTop === 15);
elem.remove();
return fixed;
}());
}
$.extend(F.defaults, {
scrollbarWidth: $.scrollbarWidth(),
fixed: $.support.fixedPosition,
parent: $('body')
});
//Get real width of page scroll-bar
w1 = $(window).width();
H.addClass('fancybox-lock-test');
w2 = $(window).width();
H.removeClass('fancybox-lock-test');
$("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
});
}(window, document, jQuery));
</script>
</body>
</html>