Puertos Asia

Builder

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>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>

Puertos América

Builder

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puertos comerciales de América</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 América</span></h1>
<p class=" texto_principal">A continuación podrás encontrar todos los detalles sobre los puertos comerciales utilizados por América
en el transporte marítimo, teniendo en cuenta los países respectivos.
</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-10/Pai%CC%81sesCaratula%20rutas_0.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Canadá</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-09/Pai%CC%81sesa%20%284%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">EE UU</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-10/Pai%CC%81sesCaratula%20rutas%20%281%29_0.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">México</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/Caratula%20guatemala%20puertos.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Guatemala</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/Caratula%20hondura%20puertos.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Honduras</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/Caratula%20salvador%20puertos.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Salvador</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/Caratula%20nicaragua%20principal.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Nicaragua</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-10/caratula%20centro%20africa.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Costa Rica</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/Caratula%20panama%20puertos.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Panamá</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/Belize%20caratula%20puertos.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Bélice</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/Cuba%20mapa%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Cuba</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/Caratula%20jamaica%20principal.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Jamaica</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/Bahamas%20caratula%20principal.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Bahamas</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/Republica%20dominicana%20rutas.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">República Dominicana</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/trinidad%20caratula%20p.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Trinidad y Tobago</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/Colombia%20caratula%20pai%CC%81s.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Colombia</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/venezuela%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Venezuela</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/Guyana%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Guyana</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/Suriname.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Surinam</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/ecuador%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Ecuador</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/Peru%20puerto.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Perú</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/Brasil%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Brasil</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/Uruguay%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Uruguay</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/chile%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Chile</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/Argentina%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Argentina</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/Paraguay%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Paraguay</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/Antigua%20y%20barbuda%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Antigua y Bárbuda</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/Arubacaratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aruba</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/Haiti%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Haiti</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/Curazao%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Curacao</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_31">
<a href="#cuadro_31" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Dominica%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Dominica</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/islas%20virgenes%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Islas Vírgenes Británicas</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/islas%20americanas%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Islas Vírgenes Americanas</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/San%20cristobal%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">San Cristóbal y Nieves</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_35">
<a href="#cuadro_35" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/San%20vicente%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">San Vicente y Granadinas </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-10/Pai%CC%81sesCaratula%20rutas_0.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Canadá</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-09/Pai%CC%81sesa%20%284%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">EE UU</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-10/Pai%CC%81sesCaratula%20rutas%20%281%29_0.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">México</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/Caratula%20guatemala%20puertos.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Guatemala</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/Caratula%20hondura%20puertos.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Honduras</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/Caratula%20salvador%20puertos.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Salvador</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/Caratula%20nicaragua%20principal.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Nicaragua</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-10/surafrica.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Costa Rica</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/Caratula%20panama%20puertos.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Panamá</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/Belize%20caratula%20puertos.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Bélice</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/Cuba%20mapa%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Cuba</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/Caratula%20jamaica%20principal.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Jamaica</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/Bahamas%20caratula%20principal.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Bahamas</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/Republica%20dominicana%20rutas.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">República Dominicana</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/trinidad%20caratula%20p.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Trinidad y Tobago</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/Colombia%20caratula%20pai%CC%81s.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Colombia</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/venezuela%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Venezuela</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/Guyana%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Guyana</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/Suriname.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Surinam</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/ecuador%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Ecuador</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/Peru%20puerto.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Perú</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/Brasil%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Brasil</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/Uruguay%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Uruguay</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/chile%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Chile</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/Argentina%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Argentina</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/Paraguay%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Paraguay</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/Antigua%20y%20barbuda%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Antigua y Bárbuda</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/Arubacaratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aruba</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/Haiti%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Haiti</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/Curazao%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Curacao</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_31" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/Dominica%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Dominica</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/islas%20virgenes%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Islas Vírgenes Británicas</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/islas%20americanas%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Islas Vírgenes Americanas</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/San%20cristobal%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">San Cristóbal y Nieves</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_35">
<a href="#cuadro_35" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-11/San%20vicente%20caratula.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">San Vicente y Granadinas</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">Canadá</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/canada%20map%20image.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/puerto%20ruppert.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 Prince Rupert </h1>
<p class="card-text">Este puerto se encuentra ubicado en la costa norte de Columbia Británica.</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: 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: Mediano</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: COSCO, Safmarine, 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/vancouver%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 Vancouver</h1>
<p class="card-text">Este puerto se encuentra ubicado en Vancouver.</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: 9,4 a 10 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: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, CMA CGM, COSCO, DAL, DCL, Evergreen, HAMBURG SUD, Hapag-Lloyd, HATSU MARINE, HMM, LIBRA, Maersk, OOCL, PIL, Safmarine, 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/montreal%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 Montreal </h1>
<p class="card-text">Este puerto se encuentra ubicado en Montreal.</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: 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: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, DAL, DCL, FESCO, HAMBURG SUD, Hapag-Lloyd, HOLLAND MAAS, Maersk, MSC, OOCL, PROTOS, Safmarine, SAMSKIP, Sealand Maersk, SENATOR LINES, WEC, 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/torontoport.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 Toronto </h1>
<p class="card-text">Este puerto se encuentra ubicado en Toronto.</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: Más de 23,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: Natural costero</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, DAL, DCL, FESCO, Hapag-Lloyd, MSC, OOCL, PROTOS, Safmarine, WEC, 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/shelburne%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 Shelburne</h1>
<p class="card-text">Este puerto se encuentra ubicado en Nova Scotia.</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: 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: Natural costero</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: RAL, EIMSKIP y SAMSKIP</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/saintjohn%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 Saint John</h1>
<p class="card-text">Este puerto se encuentra ubicado en Brunswick.</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: 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: 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: Costero rompeolas</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: Kent line International y Tropical Shipping</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/Halifax%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">7. Halifax</h1>
<p class="card-text">Este puerto se encuentra ubicado en Halifax.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 20,1 a 21,3 mts</li>
<li class="list-group-item">Muelle de carga: 12,5 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 mts</li>
<li class="list-group-item">Terminal petrolero: 14 a 15,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: ACL, COSCO, DAL, Hapag-Lloyd, HMM, Maersk, NSCSA, OOCL, PROTOS, Safmarine, SAMSKIP</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/st.jhon%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 St. John's </h1>
<p class="card-text">Este puerto se encuentra ubicado en Saint John, New Brunswick - Canadá.</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: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 mts</li>
<li class="list-group-item">Terminal petrolero: 15,5 a 16 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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/2020-11/argentia%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 Argentia </h1>
<p class="card-text">Este puerto se encuentra ubicado en Placentia Bay.</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: 11 a 12,2 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: Mediano</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: RAL, EIMSKIP y SAMSKIP</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">EE UU</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/eeuumap%20politico.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/Alaska%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 Anchorage </h1>
<p class="card-text">Este puerto se encuentra ubicado en Alaska.</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: 9,4 a 10 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: Natural costero</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: Alaska Marine Lines, Northland services y Totem Ocean Trailer Express</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/Seattle%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 Seattle</h1>
<p class="card-text">Este puerto se encuentra ubicado en Seattle.</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: Más de 23,2 mts</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 12.5 a 13.7 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, Maersk, Safmarine</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/tacoma%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 Tacoma</h1>
<p class="card-text">Este puerto se encuentra ubicado en Tacoma.</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: 14 a 15,2 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: Natural costero</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, CMA CGM, COSCO, Evergreen, HANJIN, Hapag-Lloyd, HATSU MARINE, HMM, Maersk, WSL, Yang Ming, 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/Portland%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Portland </h1>
<p class="card-text">Este puerto se encuentra ubicado en Portland.</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: 12,5 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: 12,5 a 13,7 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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: ALIANZA, CMA CGM, COSCO, DCL, FESCO, HANJIN, Hapag-Lloyd, LIBRA, Maersk, MATSON, OOCL, 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/oakland%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Oakland</h1>
<p class="card-text">Este puerto se encuentra ubicado en Oakland.</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: N.D.</li>
<li class="list-group-item">Terminal petrolero: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, CMA CGM, COSCO, DAL, DCL, Evergreen, FESCO, SOUTH HAMBURG, HANJIN, Hapag-Lloyd, HATSU MARINE, HMM, HYUNDAI (HMM), LIBRA, Maersk, MATSON, MSC, OOCL, PROTOS, Safmarine, SAMSKIP, 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/la%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Los Ángeles </h1>
<p class="card-text">Este puerto se encuentra ubicado en Los Ángeles.</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: 9,4 a 10 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: Natural costero</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, CMA CGM, COSCO, DCL, Evergreen, FESCO, HAMBURG SUD, HANJIN, Hapag-Lloyd, HATSU MARINE, HMM, HYUNDAI (HMM), LIBRA, Maersk, MATSON, Safmarine, Sealand Maersk, 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/long%20beach%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">7. Long Beach</h1>
<p class="card-text">Este puerto se encuentra ubicado en Long Beach.</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: 17,1 a 18,2 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,2 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: Costero rompeolas</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, COSCO, DAL, DCL, Evergreen, GWS, HAMBURG SOUTH, HANJIN, Hapag-Lloyd, HMM, HYUNDAI (HMM), LIBRA, Maersk, MATSON, MSC, OOCL, PROTOS, Safmarine, SAMSKIP, 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/houston%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 Houston </h1>
<p class="card-text">Este puerto se encuentra ubicado en Texas.</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: 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: Grande</li>
<li class="list-group-item">Tipo del puerto: Puerta de marea</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: ACL, ALIANCA, CMA CGM, CROWLEY, DAL, DCL, FESCO, HAMBURG SUD, Hapag-Lloyd, HYUNDAI (HMM), LIBRA, Maersk, MATSON, MSC, NORDANA, NSCSA, OOCL, PROTOS, Safmarine, SAMSKIP, SEABOARD MARINE, Sealand Maersk</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/Mobile%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">9. Mobile </h1>
<p class="card-text">Este puerto se encuentra ubicado en Alabama.</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: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 21,6 a 22,9 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: Natural de río</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, Maersk, OOCL, Safmarine</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/Miami%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 Miami</h1>
<p class="card-text">Este puerto se encuentra ubicado en Miami, FL.</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: 12,5 a 13,7 mts</li>
<li class="list-group-item">Anclaje: Más de 23,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: Natural costero</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, COSCO, DAL, DCL, Evergreen, FLS, HATSU MARINE, HMM, HYUNDAI (HMM), LIBRA, Maersk, MARFRED, NORDANA, OOCL, PROTOS, Safmarine, SAMSKIP, SEABOARD MARINE, Sealand Maersk, 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/everglades%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">11. Everglades </h1>
<p class="card-text">Este puerto se encuentra ubicado en Fort Lauderdale.</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: N.D.</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 12,5 a 13,7 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, CMA CGM, CROWLEY, Evergreen, FLS, GWS, HAMBURG SUD, HANJIN, HATSU MARINE, HYUNDAI (HMM), LIBRA, Maersk, MSC, PROTOS, Safmarine, SEABOARD MARINE</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/jacksonville%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">12. Jacksonville</h1>
<p class="card-text">Este puerto se encuentra ubicado en Jacksonville, FL.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12,2 a 14,3 mts</li>
<li class="list-group-item">Muelle de carga: 12,2 a 14,3 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: Natural de río</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, CMA CGM, CROWLEY, Evergreen, FLS, HAMBURG SUD, Hapag-Lloyd, HYUNDAI (HMM), LIBRA, Maersk, MARFRED, MATSON, MSC, NORDANA, OOCL, PROTOS, Safmarine</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/savannah%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">13. Savannah </h1>
<p class="card-text">Este puerto se encuentra ubicado en Georgia.</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: 12,5 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 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: Natural costero</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: ACL, ALIANCA, ANL, CMA CGM, COSCO, DAL, Evergreen, FLS, GWS, HAMBURG SUD, Hapag-Lloyd, HATSU MARINE, HMM, LIBRA, Maersk, MARFRED, MATSON, MSC, NORDANA, NSCSA, ONE, OOCL, PROTOS, Safmarine, Sealand Maersk, TURKON, 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/baltimore%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">14. Baltimore</h1>
<p class="card-text">Este puerto se encuentra ubicado en Baltimore.</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: 14 a 15,2 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,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: Natural de río</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: ACL, ALIANCA, CMA CGM, DAL, DCL, Evergreen, FLS, SUR DE HAMBURGO, Hapag-Lloyd, HATSU MARINE, LIBRA, Maersk, MATSON, MSC, NORDANA, NSCSA, OOCL, PROTOS, Safmarine, Sealand Maersk, 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/new%20york%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">15. New York </h1>
<p class="card-text">Este puerto se encuentra ubicado en New York.</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: 12,5 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 mts</li>
<li class="list-group-item">Terminal petrolero: 14 a 15,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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: ACL, ALIANCA, ANL, CMA CGM, COSCO, DAL, DCL, Evergreen, FESCO, FLS, HAMBURG SOUTH, HANJIN, Hapag-Lloyd, HATSU MARINE, HMM, HYUNDAI (HMM), LIBRA, Maersk, MARFRED, MSC, NSCSA, PROTOS, SAMSKIP, Sealand Maersk, 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/boston%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">16. Boston </h1>
<p class="card-text">Este puerto se encuentra ubicado en Massachussets.</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: 12,5 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 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: Natural costero</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, DAL, DCL, EIMSKIP, HANJIN, Hapag-Lloyd, HYUNDAI (HMM), Maersk, MSC, OOCL, RAL, SAMSKIP, Sealand Maersk, Yang Ming</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_3" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">México</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/Mexico%20map%20politico.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/ensenada%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 Ensenada </h1>
<p class="card-text">Este puerto se encuentra ubicado en Baja California.</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: 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: Mediano</li>
<li class="list-group-item">Tipo del puerto: Costero rompeolas</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: APL China Shipping, CMA-CGM, CSAV, Hapag-Lloyd, Maersk, NYK 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/manzanillo%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Manzanillo</h1>
<p class="card-text">Este puerto se encuentra ubicado en Manzanillo.</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: 12,2 a 13,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: Costero rompeolas</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, CMA CGM, COSCO, HANJIN, Hapag-Lloyd, HYUNDAI (HMM), LIBRA, Maersk, MSC, Sealand Maersk, 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/lazaro%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Lázaro cárdenas </h1>
<p class="card-text">Este puerto se encuentra ubicado en Michoacán.</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: 11 a 12,2 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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Cuenca de río</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, COSCO, LIBRA, Maersk, Sealand Maersk, One High</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/altamira%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 Altamira </h1>
<p class="card-text">Este puerto se encuentra ubicado en Campeche.</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: 17,1 a 18,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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Costero rompeolas</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, CMA CGM, COSCO, EWL, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, OOCL, PROTOS, STINNES</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/veracruz%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Veracruz </h1>
<p class="card-text">Este puerto se encuentra ubicado en Veracruz.</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: 20,1 a 21,3 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: Costero rompeolas</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, CMA CGM, DCL, EWL, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, NORDANA, OOCL, PROTOS, SEABOARD MARINE, Sealand Maersk, STINNES</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_4" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Guatemala</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/Guatemala%20mapa.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/Santomas%20port_0.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Santo tomás de castilla </h1>
<p class="card-text">Este puerto se encuentra ubicado en Izabal.</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: 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: CSAV, Maersk, Hamburg Sud, Libra, Hapag Lloyd y Seaboard Marine</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/Guatemalaport.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto Barrios</h1>
<p class="card-text">Este puerto se encuentra ubicado en Izabal.</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: 4,9 a 6,1 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: APL, Maersk y Dole Ocean Cargo Express</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/Quetzal%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 Quetzal </h1>
<p class="card-text">Este puerto se encuentra ubicado en Escuintla.</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: 18,6 a 19,8 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Muy 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: Más de 500 pies de largo</li>
<li class="list-group-item">Navieras: APL, China Shipping, CMA CGM, Libra, Maersk, Mediterranean Shipping Corp, CSAV y Hamburg Sud</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Honduras</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/Mapa%20honduras.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/cortes%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 cortés </h1>
<p class="card-text">Este puerto se encuentra ubicado en Colón.</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: 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: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: ALLIANCE, CMA CGM, CROWLEY, EWL, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, SEABOARD MARINE, STINNES</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/castilla%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 Castilla</h1>
<p class="card-text">Este puerto se encuentra ubicado en Puerto Castilla.</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: 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: SEABOARD MARINE</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/san%20lorenzo%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. San Lorenzo </h1>
<p class="card-text">Este puerto se encuentra ubicado en San Lorenzo.</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: 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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural del río</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: Libra y CSAV</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_6" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Salvador</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/Mapa%20salvador%20puertos.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/Acajutla%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 Acajutla </h1>
<p class="card-text">Este puerto se encuentra ubicado en Sonsonate.</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: 18,6 a 19,8 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>
<li class="list-group-item">Navieras: ALIANCA, CMA CGM, LIBRA, Maersk, Sealand Maersk</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/la%20libertad.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. La Libertad</h1>
<p class="card-text">Este puerto se encuentra ubicado en La Libertad.</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: 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: 7,1 a 9,1 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: 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/2020-11/la%20unio%CC%81n%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. La Unión </h1>
<p class="card-text">Este puerto se encuentra ubicado en el Golfo Fonseca.</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: 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: Muy Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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_7" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Nicaragua</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/Nicargua%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/cointo%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 Corinto </h1>
<p class="card-text">Este puerto se encuentra ubicado en Chinandega.</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: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 7,1 a 9,1 mts</li>
<li class="list-group-item">Terminal petrolero: 12,5 a 13,7 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, LIBRA, Maersk, Sealand Maersk, 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/cabezas%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 Cabezas</h1>
<p class="card-text">Este puerto se encuentra ubicado en Managua - Nicaragua.</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: 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: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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/2020-11/bluefields%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Bluefields </h1>
<p class="card-text">Este puerto se encuentra ubicado en Bluefields.</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: 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: Natural 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_8" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Costa Rica</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/Costa%20rica%20mapa%20puertos.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/Punta%20arenas.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puntarenas </h1>
<p class="card-text">Este puerto se encuentra ubicado en Punta arenas 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: 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: 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: Natural costero</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/2020-11/calera%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 Calera</h1>
<p class="card-text">Este puerto se encuentra ubicado en La Calera.</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: 6,4 a 7,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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, CMA CGM, LIBRA, Sealand Maersk</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/quepos%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Quepos </h1>
<p class="card-text">Este puerto se encuentra ubicado en Quepos 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: 6,4 a 7,6 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: Natural costero</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/2020-11/moin%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 Moin </h1>
<p class="card-text">Este puerto se encuentra ubicado en la Provincia de Puerto Moin.</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: 14 a 15,2 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: Natural costero</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: Dole Ocean Cargo Express, Hamburg Sud, Maersk 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/Limon%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 Limón </h1>
<p class="card-text">Este puerto se encuentra ubicado en Provincia de Limón.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 11,5 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 12 a 13 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Medio</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, CMA CGM, CROWLEY, Evergreen, EWL, HAMBURG SUD, LIBRA, Maersk, SEABOARD MARINE, Sealand Maersk.</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/Golfito.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Golfito </h1>
<p class="card-text">Este puerto se encuentra ubicado en Golfito.</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: 9,4 a 10 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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_9" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Panamá</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/Panama%20mapa%20puertos.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/Almirante%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 Almirante </h1>
<p class="card-text">Este puerto se encuentra ubicado en Bocas del Toro.</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, Sealand Americas, Hamburg Sü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/2020-11/cristobal%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 Cristóbal</h1>
<p class="card-text">Este puerto se encuentra ubicado en Colón.</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: 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: Mediano </li>
<li class="list-group-item">Tipo del puerto: Rompeolas costero</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: LIBRA, Maersk, SEABOARD MARINE, 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/colon%20container.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Colón container terminal </h1>
<p class="card-text">Este puerto se encuentra ubicado en Colón.</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: 12,5 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: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Medio</li>
<li class="list-group-item">Tipo del puerto: Rompeolas Costero</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: COSCO, Evergreen, EWL, HATSU MARINE, SEABOARD MARINE, Sealand Maersk, 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/balboa%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Balboa</h1>
<p class="card-text">Este puerto se encuentra ubicado en Balboa</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: 12,5 a 13,7 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: Medio</li>
<li class="list-group-item">Tipo del puerto: Rompeolas Costero</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, Evergreen, HMM, LIBRA, Maersk, MSC</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_10" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Bélice</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/Beliceport.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 la Ciudad de Bélice </h1>
<p class="card-text">Este puerto se encuentra ubicado en la ciudad de Bélice.</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: 1,8 a 3 mts</li>
<li class="list-group-item">Anclaje: 6,4 a 7,6 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: Rada abierta</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: Caribbean Feeder Services, Seaboard Marine, Wing Puente Shipping Co y Zim</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_11" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Cuba</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/Cuba%20mapa%20puertos.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/Habana%20portcuba.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. La Habana </h1>
<p class="card-text">Este puerto se encuentra ubicado en la Habana.</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: 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: 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: Natural costero</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, CROWLEY, HOLLAND MAAS, LIBRA, Maersk, MSC, 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/Nuevitas%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 Nuevitas</h1>
<p class="card-text">Este puerto se encuentra ubicado en Camagüey.</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: 9,4 a 10 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: Natural costero</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/2020-11/Sanitago%20de%20cuba%20.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Santiago de Cuba </h1>
<p class="card-text">Este puerto se encuentra ubicado en Santiago.</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: 6,4 a 7,6 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Medio</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, Maersk</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_12" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Jamaica</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/Jamaica%20mapa%20puertos.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/Jbay.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Montego Bay </h1>
<p class="card-text">Este puerto se encuentra ubicado en Saint James</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: 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: 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>
<li class="list-group-item">Naviera: Marina de la Costa, 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/Kingston%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Kingston</h1>
<p class="card-text">Este puerto se encuentra ubicado en Kingston.</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: 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: Medio</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, DCL, Evergreen, EWL, SOUTH HAMBURG, HANJIN, Hapag-Lloyd, HATSU MARINE, LIBRA, Maersk, NORDANA, SEABOARD MARINE, Sealand Maersk</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_13" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Bahamas</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/Bahamas%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 Freeport </h1>
<p class="card-text">Este puerto se encuentra ubicado en la isla de Grand Bahama.</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: 17,1 a 18,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Cuenca del río</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: Maerks line y Tropical Shipping</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_14" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">República Dominicana</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/Mapa%20republica%20domin%20puertos.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/Plata%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 Plata</h1>
<p class="card-text">Este puerto se encuentra ubicado en Puerto de Plata.</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: 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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: Crowley, Fls, Costa Marina</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/Haina%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Río Haina</h1>
<p class="card-text">Este puerto se encuentra ubicado en Santo Domingo.</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: 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: 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: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: Alianca, Cma Cgm, Crowley, Dcl, Ewl, Fls, Hapag-Lloyd, Maersk, Marfred, Nordana, Seaboard Marine, Sealand Maersk, Stinnes</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/santo%20domingo%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 Santo Domingo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Santo Domingo.</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: 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: Rompeolas Costero</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, Libra y CSAV</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/caucedo%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 Caucedo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Boca Chica, Provincia Santo Domingo.</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,22 mts</li>
<li class="list-group-item">Anclaje: 13,5 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: Rompeolas Costero</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, Sealand Maersk, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_15" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Trinidad y Tobago</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-10/Trinidadad_y_Tobago.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/Puerto%20espan%CC%83a.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto España </h1>
<p class="card-text">Este puerto se encuentra ubicado en Trinidad.</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: 3,4 a 4,6 mts</li>
<li class="list-group-item">Anclaje: 4,9 a 6,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: Medio</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: Caribbean Feeder Services, Crowley Liner Services, CSAV, Hapag Lloyd, Libra y 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/trinidad%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Point Lisas</h1>
<p class="card-text">Este puerto se encuentra ubicado en Orinoco Drive Point Lisas Industrial Estate Couva
Trinidad y Tobago.</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: 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: Seaboard Marine, Tropical Shipping, Zim</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_16" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Colombia</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/mapa%20colombia%20puertos.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/puerto%20bolivar%20col.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Bolivar</h1>
<p class="card-text">Este puerto se encuentra ubicado en Bolivar.</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 mtser</li>
<li class="list-group-item">Anclaje: Más de 23,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: 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: 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/2020-11/santa%20marta%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 Santa Marta</h1>
<p class="card-text">Este puerto se encuentra ubicado en Santa Marta.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 23,2 mts</li>
<li class="list-group-item">Muelle de carga: 17,1 a 18,2 mts</li>
<li class="list-group-item">Anclaje: 23,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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, LIBRA, Maersk, MARFRED, SEABOARD MARINE, Sealand Maersk, 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/barranquilla%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 Barranquilla </h1>
<p class="card-text">Este puerto se encuentra ubicado en Barranquilla.</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: 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: Medio</li>
<li class="list-group-item">Tipo del puerto: Río natural</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, DCL, Evergreen, EWL, FLS, Hapag-Lloyd, Maersk, SEABOARD MARINE, Sealand Maersk, 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/cartagena%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 Cartagena </h1>
<p class="card-text">Este puerto se encuentra ubicado en Cartagena.</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,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: Natural costero</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, APL, Caribe Feeder Services, CSAV, Evergreen Marine Corp, Hamburg Sud, Hapag-Lloyd, K Line, King Ocean Services, Libra, Maersk Line, MOL, Seaboard Marina y 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/coven%CC%83as%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 Coveñas</h1>
<p class="card-text">Este puerto se encuentra ubicado en Coveñas.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 23,2 mts</li>
<li class="list-group-item">Muelle de carga: N.D.</li>
<li class="list-group-item">Anclaje: 23,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: 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 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/turbo%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Turbo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Turbo.</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: 17,1 a 18,2 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: Natural costero</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: Sealand Maersk</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/buenaventura%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 Buenaventura</h1>
<p class="card-text">Este puerto se encuentra ubicado en Buenaventura.</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: 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: APL, CSAV, Evergreen Marine Corp, Hamburg Sud, Hapag-Lloyd, K Line, Libra, MOL, NYK y West Coast Industrial Express</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/tumaco%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 Tumaco </h1>
<p class="card-text">Este puerto se encuentra ubicado en Tumaco.</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: 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: 23,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: más de 500 pies de largo</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_17" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Venezuela</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/mapa%20venezuela%20puertos.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/maracaibo%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 Maracaibo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Maracaibo.</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: 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: Natural costero</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: DCL, Seaboard Marine</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/puerto%20cabello.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto Cabello</h1>
<p class="card-text">Este puerto se encuentra ubicado en Carabobo.</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: 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: Natural costero</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, DCL, Evergreen, EWL, SUR DE HAMBURGO, HANJIN, Hapag-Lloyd, HOLANDA MAAS, LIBRA, Maersk, MARFRED, MSC, NORDANA, PROTOS, SEABOARD MARINE, Sealand Maersk, 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/guanta.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Guanta </h1>
<p class="card-text">Este puerto se encuentra ubicado en Guanta.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 20,1 a 21,3 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: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, LIBRA, Maersk, SEABOARD MARINE</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/la%20guaira.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. La Guaira </h1>
<p class="card-text">Este puerto se encuentra ubicado en La Guaira.</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: Más de 23,2 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: Mediano</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>
<li class="list-group-item">Naviera: ALIANCA, CMA CGM, DCL, Evergreen, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MARFRED, NORDANA, SEABOARD MARINE, Sealand Maersk, 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/isla%20margarita.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 Isla Margarita </h1>
<p class="card-text">Este puerto se encuentra ubicado en Isla Margarita.</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: 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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, Maersk, SEABOARD MARINE, ZIM</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_18" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Guyana</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/Guyana%20mapa.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/george%20town.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Georgetown </h1>
<p class="card-text">Este puerto se encuentra ubicado en Georgetown.</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: 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: Natural del río</li>
<li class="list-group-item">Tamaño máximo del buque: hasta 500 pies de largo</li>
<li class="list-group-item">Naviera: DCL, MARFRED, NORDANA, Sealand Maersk</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_19" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Surinam</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/Surinam%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 Paramaribo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Paramaribo.</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: 7,1 a 9,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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Río natural</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: CSAV, Seaboard Marine, Zim</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_20" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Ecuador</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/ecuador%20mapa%20puertos.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/ecuadro%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 Esmeraldas </h1>
<p class="card-text">Este puerto se encuentra ubicado en Esmeraldas.</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: N.D.</li>
<li class="list-group-item">Anclaje: 4,9 a 6,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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural del río</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, Seabord Marine</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/puerto%20de%20manta.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 Manta</h1>
<p class="card-text">Este puerto se encuentra ubicado en Manta.</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: 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: Muy 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: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, LIBRA, Maersk</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/gauayaquil.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto Guayaquil </h1>
<p class="card-text">Este puerto se encuentra ubicado en Guayaquil.</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: 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural del río</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, DCL, Evergreen, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, Sealand Maersk, 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/puerto%20bolivar.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Puerto Bolívar</h1>
<p class="card-text">Este puerto se encuentra ubicado en Bolívar.</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: 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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural del río</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">Perú</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/Peru%20mapa%20puertos.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/Puerto%20talara.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Talara </h1>
<p class="card-text">Este puerto se encuentra ubicado en Talara.</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: 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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/2020-11/Puertode%20paita.jpg" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto de Paita</h1>
<p class="card-text">Este puerto se encuentra ubicado en Paita.</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: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 18,6 a 19,8 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</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>
<li class="list-group-item">Naviera: ALIANCA, CMA CGM, COSCO, Evergreen, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, Sealand Maersk, 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/salaverry%20port.jpg" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto de Salaverry </h1>
<p class="card-text">Este puerto se encuentra ubicado en Trujillo.</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: 9,4 a 10 mts</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: Muy 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: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, Maersk</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/chimbote%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 Chimbote </h1>
<p class="card-text">Este puerto se encuentra ubicado en Ancash.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 21,6 a 22,9 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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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/2020-11/Callao%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Callao</h1>
<p class="card-text">Este puerto se encuentra ubicado en Callao.</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 21,6 a 22,9 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Medio</li>
<li class="list-group-item">Tipo del puerto: Rompeolas costero</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, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, SEABOARD MARINE, Sealand Maersk, 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/San%20Martin%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 San Martín </h1>
<p class="card-text">Este puerto se encuentra ubicado en Costa de Marfil.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 13 a 14 mts</li>
<li class="list-group-item">Muelle de carga: 7,5 a 9,5 mts</li>
<li class="list-group-item">Anclaje: 13 a 14 mts</li>
<li class="list-group-item">Terminal petrolero: 7,5 a 9,5 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: 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/2020-11/Matarini%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">7. Matarini</h1>
<p class="card-text">Este puerto se encuentra ubicado en Arequipa.</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: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 15,5 a 16 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: más de 500 pies de largo</li>
<li class="list-group-item">Naviera: CMA CGM, Evergreen, HAMBURG SUD, LIBRA</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/Ilo%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 Ilo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Moquegua.</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: 7,1 a 9,1 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: 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>
<li class="list-group-item">Naviera: CMA CGM, HAMBURG SUD, LIBRA, MSC, SEABOARD MARINE</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_22" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Brasil</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/Brasil%20map%20port.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/Belem%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Belém </h1>
<p class="card-text">Este puerto se encuentra ubicado en Pará.</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: 4,9 a 6,1 mts</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: Puerto Tifón</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, MARFRED</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/brasilport4.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 Vila do Conde</h1>
<p class="card-text">Este puerto se encuentra ubicado en Vila do Conde.</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: 15,5 a 16 mts</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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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: ALIANZA, CMA CGM, HAMBURGO DEL SUR, Hapag-Lloyd, Maersk</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/natal%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Natal </h1>
<p class="card-text">Este puerto se encuentra ubicado en Río Grande.</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: 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: Río natural</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, MARFRED</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/salvador%20port.jpg" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Puerto de Salvador </h1>
<p class="card-text">Este puerto se encuentra ubicado en Salvador.</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: 21,6 a 22,9 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: Costero rompeolas</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, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, PROTOS, Sealand Maersk, 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/rio%20de%20janeiro%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Río de Janeiro</h1>
<p class="card-text">Este puerto se encuentra ubicado en Río de Janeiro.</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: 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: 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: Natural costero</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, DCL, Evergreen, HAMBURG SUD, HANJIN, Hapag-Lloyd, LIBRA, Maersk, MSC, NDS, NORDANA, NORTRANS, PIL, PROTOS, Sealand Maersk, SENATOR LINES, 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/puerto%20de%20santos.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 Santos </h1>
<p class="card-text">Este puerto se encuentra ubicado en Costa de Santos.</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: 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: 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: Natural costero</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, HAMBURG SUD, HANJIN, Hapag-Lloyd, HYUNDAI (HMM), LIBRA, Maersk, MSC, NDS, NORDANA, NORTRANS, PIL, PROTOS, Sealand Maersk, SENATOR LINES, 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/sao%20francisco%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 São Francisco do sul</h1>
<p class="card-text">Este puerto se encuentra ubicado en São Francisco do sul.</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: 7,1 a 9,1 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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, Maersk, MSC, Sealand Maersk, 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/itajai%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 Itajai </h1>
<p class="card-text">Este puerto se encuentra ubicado en Itajai.</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: 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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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, DCL, HAMBURG SUD, HANJIN, Hapag-Lloyd, LIBRA, Maersk, MSC, NDS, NORDANA, PROTOS, SENATOR LINES, 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/Paranagua.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 Paranaguá </h1>
<p class="card-text">Este puerto se encuentra ubicado en Paranaguá.</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: 15,5 a 16 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: Natural de río</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, ALIANCA, CMA CGM, DCL, HAMBURG SUD, HANJIN, Hapag-Lloyd, LIBRA, Maersk, MSC, PIL, PROTOS, SENATOR LINES, 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/Imbituba%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 Imbituba</h1>
<p class="card-text">Este puerto se encuentra ubicado en Santa Catarina.</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: 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: Muy 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: más de 500 pies de largo</li>
<li class="list-group-item">Naviera: Alianca, COSCO, Hapag-Lloyd, LIBRA, PROTOS</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/Ri%CC%81o%20grande%20port.jpg" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">11. Río Grande</h1>
<p class="card-text">Este puerto se encuentra ubicado en Río Grande.</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: 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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, DCL, Evergreen, HAMBURG SUD, HANJIN, Hapag-Lloyd, LIBRA, Maersk, MSC, PROTOS, SENATOR LINES, Wan Hai</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_23" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Uruguay</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/Uruguay%20port%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/paisandu%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 Paysandú </h1>
<p class="card-text">Este puerto se encuentra ubicado en Paysandú.</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: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 5 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: Natural de río</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: DCL, MARFRED, NORDANA, Sealand Maersk</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/Frybentos%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 Frybentos</h1>
<p class="card-text">Este puerto se encuentra ubicado en Frybentos.</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: 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: Natural de río</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
<li class="list-group-item">Naviera: Seeland Maersk</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/colonia%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 Colonia </h1>
<p class="card-text">Este puerto se encuentra ubicado en Sacramento.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 2 a 3 mts</li>
<li class="list-group-item">Muelle de carga: 3,4 a 4,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: Natural de río</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, Mediterranean Shipping y Global shipping s.a.</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/Sauce%20de%20Juan%20Lacaze%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 Sauce de Juan Lacaze </h1>
<p class="card-text">Este puerto se encuentra ubicado en Colonia.</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.</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Puerto de rada abierta</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, LIBRA</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/Montevideo%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 Montevideo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Montevideo.</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: 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: 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: Costero rompeolas</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, HAMBURG SUD, HANJIN, LIBRA, Maersk, MSC, PIL, PROTOS, SENATOR LINES, 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/La%20paloma%20port.jpg" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Puerto La Paloma </h1>
<p class="card-text">Este puerto se encuentra ubicado en La Paloma.</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: 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: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_24" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Chile</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/Chile%20map%20puertos.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/Arica%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Arica </h1>
<p class="card-text">Este puerto se encuentra ubicado en Arica.</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: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,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: Rada abierta</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: Aliana, CMA CGM, DCL, HAMBURG SUD, Hapag-Lloyd, Maersk, MSC, SEABOARD MARINE, Sealand Maersk</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/Iquique%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Iquique</h1>
<p class="card-text">Este puerto se encuentra ubicado en Iquique.</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: 9,4 a 10 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: 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: Más de 500 pies de largo</li>
<li class="list-group-item">Naviera: ALIANCA, CMA CGM, DCL, Evergreen, HAMBURG SUD, Hapag-Lloyd, LIBRA, Maersk, MSC, SEABOARD MARINE, Sealand Maersk, 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/mejillones%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Mejillones </h1>
<p class="card-text">Este puerto se encuentra ubicado en Magallanes.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 20,1 a 21,3 mts</li>
<li class="list-group-item">Muelle de carga: 20,1 a 21,3 mts</li>
<li class="list-group-item">Anclaje: 20,1 a 21,3 mts</li>
<li class="list-group-item">Terminal petrolero: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: HAMBURG SUD, LIBRA</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/antofagasta%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Antofagasta </h1>
<p class="card-text">Este puerto se encuentra ubicado en Antofagasta.</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: 18,6 a 19,8 mts</li>
<li class="list-group-item">Terminal petrolero: 9,4 a 10 mts</li>
<li class="list-group-item">Tamaño del puerto: Medio</li>
<li class="list-group-item">Tipo del puerto: Rompeolas costero</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, DCL, HAMBURG SUD, LIBRA, Maersk, Seabord Marine</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/Valparaiso%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 Valparaíso </h1>
<p class="card-text">Este puerto se encuentra ubicado en Valparaíso.</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: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 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: Medio</li>
<li class="list-group-item">Tipo del puerto: Rompeolas costero</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, Evergreen, HAMBURG SUD, LIBRA, Maersk, MSC, SEABOARD MARINE, 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/talcahuano%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">7. Talcahuano</h1>
<p class="card-text">Este puerto se encuentra ubicado en Talcahuano.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 23,2 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, LIBRA</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/san%20vicente%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">8. San Vicente </h1>
<p class="card-text">Este puerto se encuentra ubicado en San Vicente.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 23,2 mts</li>
<li class="list-group-item">Muelle de carga: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 14 mts</li>
<li class="list-group-item">Terminal petrolero: 12,5 a 14 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, HAMBURG SUD, LIBRA, MSC, Sealand Maersk</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/coronel%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 Coronel </h1>
<p class="card-text">Este puerto se encuentra ubicado en Coronel.</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: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 15,5 a 16 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: Natural costero</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/2020-11/Puerto%20montt.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">10. Puerto Montt </h1>
<p class="card-text">Este puerto se encuentra ubicado en Los Lagos.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 23,5 mts</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 23,5 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_25" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Argentina</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/Argentina%20mapa%20puertos.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/Rosario%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 Rosario </h1>
<p class="card-text">Este puerto se encuentra ubicado en Rosario.</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: N.D.</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: Natural de río</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: Hamburg Sud, Maersk, Wan Hai, Alianca</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/Zarate%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 Zárate</h1>
</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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, HAMBURG SUD, LIBRA</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/buenos%20aires%20.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 Buenos Aires</h1>
<p class="card-text">Este puerto se encuentra ubicado en Buenos Aires.</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: 9,4 a 10 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: Grande</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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, HAMBURG SUD, HANJIN, Hapag-Lloyd, LIBRA, Maersk, MSC, NORTRANS, ONE, PIL, PROTOS, Sealand Maersk, 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/mar%20de%20plata%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Mar del Plata</h1>
<p class="card-text">Este puerto se encuentra ubicado en Buenos Aires.</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: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 12,5 a 13,7 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: Costero rompeolas</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, HAMBURG SUD, Maersk</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/bahia%20blanca%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">5. Bahía blanca </h1>
<p class="card-text">Este puerto se encuentra ubicado en Bahia Blanca, Provincia de Buenos Aires.</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,5 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 9,4 a 10 mts</li>
<li class="list-group-item">Terminal petrolero: 12,5 a 13,7 mts</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, LIBRA, Maersk</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/madryn%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Madryn </h1>
<p class="card-text">Este puerto se encuentra ubicado en Chubut.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 5,1 a 6,6 mts</li>
<li class="list-group-item">Muelle de carga: 7,3 a 9,3 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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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, HAMBURG SUD, Maersk, 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/deseado%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 deseado </h1>
<p class="card-text">Este puerto se encuentra ubicado en Santa Cruz.</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: N.D.</li>
<li class="list-group-item">Tamaño del puerto: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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, HAMBURG SUD, Maersk</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/Ushua%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">8. Ushuaia </h1>
<p class="card-text">Este puerto se encuentra ubicado en tierra del fuego.</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: 9,4 a 10 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: Natural costero</li>
<li class="list-group-item">Tamaño máximo del buque: Hasta 500 pies de largo</li>
<li class="list-group-item">Naviera: Alianca, Hamburg Sud, Maersk, Wan Hai</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_26" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Paraguay</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/paraguay%20map%20port.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/Paraguay%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Asunción </h1>
<p class="card-text">Este puerto se encuentra ubicado en Asunción.</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: 1,8 a 3 mts</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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural de río</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, HAMBURG SUD, PROTOS</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_27" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Antigua y Barbuda</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-10/Antigua%20y%20Barbuda.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/Saint_John2.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Saint John´s </h1>
<p class="card-text">Capital de Antigua y Barbuda, ubicada en las Antillas en el Mar Caribe.</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: Natural Costero</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_28" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Aruba</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/2021-10/ArubaOK.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/2021-10/Oranjestad.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 Oranjestad </h1>
<p class="card-text">Este puerto se encuentra ubicado en Oranjestad.</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: 23,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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: Alianza, CMA CGM, DCL, Hapag-Lloyd, Maersk</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/2021-10/San_Nicolas.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 San Nicolas</h1>
<p class="card-text">Este puerto se encuentra ubicado en la ciudad de San Nicolas.</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: 23,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: Pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_29" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Haití</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/2021-10/HaitiOK.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/2021-10/Puerto%20Principe.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Príncipe </h1>
<p class="card-text">Este puerto se encuentra ubicado en la ciudad de Puerto Príncipe.</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: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: 18,6 a 19,8 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: Natural Costero</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: CROWLEY, DCL, EWL, HAMBURG SUD, HOLLAND MAAS, LIBRA, MSC, SEABOARD MARINE, Sealand Maersk</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/2021-10/Puerto_Miragoane.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 Miragoane </h1>
<p class="card-text">Este puerto se encuentra ubicado en Haití.</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: 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: 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 id="cuadro_30" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Curacao</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-10/Curacao2.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/Willemstad.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Willemstad </h1>
<p class="card-text">Este puerto se encuentra ubicado en la Capital de Curazao.</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: 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: Natural Costero</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/CaracasBay.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Puerto Caracas Bay </h1>
<p class="card-text">Es una de las playas del asentimiento de Willemstad.</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: 14 a 15,2 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: Natural costero</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/BullenBay.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">3. Puerto Bullen Bay </h1>
<p class="card-text">Costa centro-oestes de la isla caribeña de Curazao.</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: 18,6 a 19,8 mts</li>
<li class="list-group-item">Anclaje: Más de 23,2 mts</li>
<li class="list-group-item">Terminal petrolero: 12,5 a 13,7 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 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/St_Michiel.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">4. Puerto St. Michiel </h1>
<p class="card-text">Este puerto se encuentra cerca de la entrada a la bahía de Saliña San Miguel</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: 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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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">Dominica</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/2021-10/DominicaOK.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/2021-10/Puerto_de_Roseau.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 Roseau</h1>
<p class="card-text">Este puerto se encuentra ubicado en la ciudad de Roseau.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: Más de 23 mts</li>
<li class="list-group-item">Muelle de carga: 11 a 12,2 mts</li>
<li class="list-group-item">Anclaje: Más de 23 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: 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>
<li class="list-group-item">Naviera: CMA CGM, DCL</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/2021-10/Portsmouth_Dominica.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 Portsmouth</h1>
</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,8 a 3 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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural costero</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: GEEST LINE</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_32" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Islas Vírgenes Británicas</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-10/Islas_Virgenes_Britanicas.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/purcell2.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Puerto Purcell </h1>
<p class="card-text">Este puerto se encuentra ubicado en Road Town la Isla Tórtola.</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: 21,6 a 22, 9 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: Natural Costero</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/Virgin_Gorda_Port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Virgin Gorda Port</h1>
<p class="card-text">Este puerto se encuentra ubicado Virgin Gorda.</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: Muelle, malecón o embarcadero</li>
<li class="list-group-item">Tamaño máximo del buque: N.D.</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_33" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Islas Vírgenes Americanas</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/Islas%20virgenes%20EEUU%20port.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<p class="card-text text-center">
Los principales puertos con los que cuenta las Islas Vírgenes (EE UU) son Christiansted Port Terminal y Port of Frederiksted.</p>
</div>
</div>
</div>
</div>
</div>
<div id="cuadro_34" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">San Cristóbal y Nieves</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-10/San_Cristobal_Nieves.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/Basseterre.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">1. Basseterre </h1>
<p class="card-text">Capital de San Cristóbal y Nieves, ubicada en la Isla de San Cristóbal.</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: 7,1 a 9,1 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: Muy pequeño</li>
<li class="list-group-item">Tipo del puerto: Natural Costero</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/Charlestown.jpg" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">2. Charlestown</h1>
<p class="card-text">Isla Nieves.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12,5 a 13,7</li>
<li class="list-group-item">Muelle de carga: 7,1 a 9,1 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: 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: N.D.</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_35" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">San Vicente y Granadinas</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/2021-10/San%20Vicente%20y%20GranadinasOK.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/2021-10/Kingstown.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 Kingstown, St Vincent </h1>
<p class="card-text">Este puerto se encuentra ubicado en la ciudad de Kingstown.</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: 23,5 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: Natural Costero</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, MSC</li>
</ul>
</div>
</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>

Puertos Africa

Builder

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puertos comerciales de África</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 África</span></h1>
<p class=" texto_principal">A continuación podrás encontrar todos los detalles sobre los puertos comerciales utilizados por África
en el transporte marítimo, teniendo en cuenta la región del contiente y sus respectivos paises.
</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-10/Caratula%20africa%20occidental.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">África occidental</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-10/NORTE%20CARATULA.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Norte de África</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-10/caratula%20centro%20africa.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">África central</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-10/surafrica.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">África del sur</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-10/caratula%20oriental_0.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">África oriental</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-10/Caratula%20africa%20occidental.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">África occidental</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-10/NORTE%20CARATULA.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Norte de África</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-10/caratula%20centro%20africa.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">África central</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-10/surafrica.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">África del sur</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-10/caratula%20oriental_0.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">África oriental</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">África occidental</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-10/Puerto%20Banjul.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 Banjul </h1>
<p class="card-text">Este puerto se encuentra ubicado en Gambia.</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: 9,4 a 10 mtser</li>
<li class="list-group-item">Anclaje: 17,1 a 18,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: Embarcadero o Muelle</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/2020-10/portbissau.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 Bissau</h1>
<p class="card-text">Este puerto se encuentra ubicado en Guinea - Bussau.</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: 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: 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: 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/2020-10/conakry%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 Conakry </h1>
<p class="card-text">Este puerto se encuentra ubicado en Guinea.</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: 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: 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: 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/2020-10/sierraleonaport.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 Freetown </h1>
<p class="card-text">Este puerto se encuentra ubicado en Sierra Leona.</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 15,5 a 16 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: Embarcadero o Muelle</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/2020-10/Liberia%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 Monrovia</h1>
<p class="card-text">Este puerto se encuentra ubicado en Liberia.</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: 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: 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: 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/2020-10/costa%20de%20marfil%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 Abidjan </h1>
<p class="card-text">Este puerto se encuentra ubicado en Costa de Marfil.</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 20,1 a 21,3 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: 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/2020-10/ghana%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 Tema</h1>
<p class="card-text">Este puerto se encuentra ubicado en Ghana.</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: 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: 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/2020-10/togo%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 Lomé </h1>
<p class="card-text">Este puerto se encuentra ubicado en Togo.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 14,5 a 16 mts</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 15,2 mts</li>
<li class="list-group-item">Terminal petrolero: 15,2 mts</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: 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/2020-10/beninport.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 Cotonou </h1>
<p class="card-text">Este puerto se encuentra ubicado en Benín.</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: 15,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: 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/2020-10/lagosport.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 Lagos</h1>
<p class="card-text">Este puerto se encuentra ubicado en Nigeria.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,9 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 12,4 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 14 a 15,2 mts</li>
<li class="list-group-item">Terminal petrolero: 14,9 a 15,2 mts</li>
<li class="list-group-item">Tamaño del puerto: Mediano</li>
<li class="list-group-item">Tipo del puerto: Rio natural</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: Crowley Liner Services, Seaboard Marine y Tropical Shipping</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-10/nigerianport2.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 Tincan</h1>
<p class="card-text">Este puerto se encuentra ubicado en Nigeria.</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: 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: 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: Crowley Liner Services, Seaboard Marine y Tropical Shipping</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-10/onne%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 Onne </h1>
<p class="card-text">Este puerto se encuentra ubicado en Nigeria.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 7,9 a 9,1 mts</li>
<li class="list-group-item">Muelle de carga: 12,4 a 13,7 mts</li>
<li class="list-group-item">Anclaje: 15,5 a 16,7 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: 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: Crowley Liner Services, Seaboard Marine y Tropical Shipping</li>
</ul>
</div>
</div>
</div>
</div>
<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Norte de África</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-10/Bejaiaport.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 Bejaia </h1>
<p class="card-text">Este puerto se encuentra ubicado en Argelia.</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: 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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Tamaño del puerto: Grande</li>
<li class="list-group-item">Tipo del puerto: Puerto de aguas profundas</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/2020-10/Annaia%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 Annaba</h1>
<p class="card-text">Este puerto se encuentra ubicado en Argelia.</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: 4,9 a 6,1 mts</li>
<li class="list-group-item">Anclaje: 20,1 a 21,3 mts</li>
<li class="list-group-item">Terminal petrolero: 23,2 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 class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-10/Oran%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 Oran </h1>
<p class="card-text">Este puerto se encuentra ubicado en Argelia.</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: 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: 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/2020-10/casa%20blanca%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 Casa blanca </h1>
<p class="card-text">Este puerto se encuentra ubicado en Marruecos.</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: más de 23,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: 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/2020-10/marruecos%20port2.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 Agadir</h1>
<p class="card-text">Este puerto se encuentra ubicado en Marruecos.</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: 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: 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/2020-10/tripoli%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 Trípoli </h1>
<p class="card-text">Este puerto se encuentra ubicado en Costa de Libia.</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: 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: 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/2020-10/egypt%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 Said</h1>
<p class="card-text">Este puerto se encuentra ubicado en Egipto.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: 12,2 mts</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: 11 a 12,2 mts</li>
<li class="list-group-item">Terminal petrolero: 12,2 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 class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-10/Mauritania%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 Nouakchott </h1>
<p class="card-text">Este puerto se encuentra ubicado en Mauritania.</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: 7,1 a 9,1 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 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: 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/2020-10/sudan%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 Sudán </h1>
<p class="card-text">Este puerto se encuentra ubicado en Sudán.</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 20,1 a 21,3 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: 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/2020-10/lagosport.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 Djibouti</h1>
<p class="card-text">Este puerto se encuentra ubicado en Djibouti.</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: 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: 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_3" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">África central</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-10/douala%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 Douala </h1>
<p class="card-text">Este puerto se encuentra ubicado en Camerún.</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: 6,4 a 7,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: 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/2020-10/luba%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 Luba</h1>
<p class="card-text">Este puerto se encuentra ubicado en Guinea Ecuatorial.</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: 6,4 a 7,6 mts</li>
<li class="list-group-item">Anclaje: Más de 23,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: 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: 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/2020-10/bata%20pot.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 Bata </h1>
<p class="card-text">Este puerto se encuentra ubicado en Guinea Ecuatorial.</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: 15,5 a 16 mts</li>
<li class="list-group-item">Terminal petrolero: 11 a 12,2 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: 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/2020-10/gentil%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 Gentil </h1>
<p class="card-text">Este puerto se encuentra ubicado en Gabó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: 14 a 15,2 mts</li>
<li class="list-group-item">Anclaje: 20,1 a 21,3 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: 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/2020-10/pointe%20notre%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 Pointe Notre </h1>
<p class="card-text">Este puerto se encuentra ubicado en Congo.</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: 14 a 15,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: 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">África del sur</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-10/Luanda%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 Luanda </h1>
<p class="card-text">Este puerto se encuentra ubicado en Angola.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Canal: Más de 23 mts</li>
<li class="list-group-item">Muelle de carga: 9,4 a 10 mts</li>
<li class="list-group-item">Anclaje: Más de 23 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 de aguas profundas</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/2020-10/Lurbanda%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 Durban</h1>
<p class="card-text">Este puerto se encuentra ubicado en Sudáfrica.</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: 7,1 a 9,1 mts</li>
<li class="list-group-item">Anclaje: 21,6 a 22,9 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: 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/2020-10/elizabeth%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 Elizabeth </h1>
<p class="card-text">Este puerto se encuentra ubicado en Sudáfrica.</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: 9,4 a 10 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: 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 class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/sites/legiscomex/files/2020-10/Ciudad%20del%20cabo%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 Ciudad del Cabo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Sudáfrica.</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: 9,4 a 10 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: 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/2020-10/walvis%20bay%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 Walvis Bay </h1>
<p class="card-text">Este puerto se encuentra ubicado en Namibia.</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: 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: 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: 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/2020-10/Luderitz.png" class="card-img" alt="cardpic">
</div>
<div class="col-md-8">
<div class="card-body">
<h1 class="titulo_de_informacion_cajon">6. Puerto Luderitz </h1>
<p class="card-text">Este puerto se encuentra ubicado en Namibia.</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: 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: 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: Puerto</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_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">África oriental</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-10/Berbeda%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 Berbera </h1>
<p class="card-text">Este puerto se encuentra ubicado en Somalia.</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: 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: 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/2020-10/Mombasa%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 Mombasa</h1>
<p class="card-text">Este puerto se encuentra ubicado en Kenia.</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: 9,4 a 10,6 mts</li>
<li class="list-group-item">Anclaje: 6,4 a 7,6 mts</li>
<li class="list-group-item">Terminal petrolero: 4,8 a 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>
</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-10/Tanzania%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 Dar es Salaam </h1>
<p class="card-text">Este puerto se encuentra ubicado en Tanzania.</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: 20,1 a 21,3 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: Puerto marítimo</li>
<li class="list-group-item">Tamaño máximo del buque: 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/2020-10/nacala%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 Nacala</h1>
<p class="card-text">Este puerto se encuentra ubicado en Mozambique.</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: 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: 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: 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/2020-10/walvis%20bay%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 Beira </h1>
<p class="card-text">Este puerto se encuentra ubicado en Mozambique.</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: 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: 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: 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/2020-10/Maputo%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 Maputo </h1>
<p class="card-text">Este puerto se encuentra ubicado en Mozambique.</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: 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: 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/2020-10/Toamasina.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 Toamasina </h1>
<p class="card-text">Este puerto se encuentra ubicado en Madagascar.</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: 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: 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>

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

Rutas marítimas Venezuela

Builder

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rutas marítimas Venezuela</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>
<p id="invidentes" class="invidentes"><i class="fas fa-wheelchair"></i> Activar Personas Invidentes</p>
</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">Rutas marítimas Venezuela</span></h1>
<p class=" texto_principal">A continuación podrás encontrar las rutas marítimas utilizadas por Venezuela
con sus principales socios comerciales:
</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="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-mexico" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%2811%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">México</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_2">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-china" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%286%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<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_3">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-colombia" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Colombia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_4">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-brasil" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%281%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Brasil</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_5">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-chile" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%282%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Chile</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">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-ee-uu" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%284%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">EE UU</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_7">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-japon" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas%20%282%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Japón</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_8">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-paises-bajos" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%289%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Países bajos</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_9">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-italia" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas%20%282%29_0.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Italia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_10">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-belgica" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Republica%20dominicana%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Bélgica</p>
</div>
</a>
</div>



</div>
<div class="row row-cols-5 col-sm-6" style="max-width: 40%;padding: 0;">
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-alemania" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Alemania</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales/rutas-maritimas-venezuela-australia" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Caratulaaustralia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Australia</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-09/Pai%CC%81sesa%20%2811%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">México</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-09/Pai%CC%81sesa%20%286%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<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_3">
<a href="#cuadro_3_1" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Colombia</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-09/Pai%CC%81sesa%20%281%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Brasil</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-09/Pai%CC%81sesa%20%282%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Chile</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-09/Pai%CC%81sesa%20%284%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">EE UU</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-10/Pai%CC%81sesCaratula%20rutas%20%282%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Japón</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-09/Pai%CC%81sesa%20%289%29.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Países bajos</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-10/Pai%CC%81sesCaratula%20rutas%20%282%29_0.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Italia</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-10/Republica%20dominicana%20caratula.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Bélgica</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-09/Pai%CC%81sesa.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Alemania</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_12" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Caratulaaustralia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Australia</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">2020 © 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 2020</p>
</div>
</div>
</div>
</div>
</footer>

<div class="contenido_fancybox">
<div id="cuadro_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">México</h1>
<p class="nombre_de_modulo_cajon">Conoce las rutas y servicios marítimos de comercio exterior entre México y
Venezuela aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-mexico-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas México - Venezuela</button></a>
</div>
<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">China</h1>
<p class="nombre_de_modulo_cajon">Las rutas y servicios marítimos de comercio exterior entre China y
Venezuela son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-chiwan"
target="_blank"><button class="btn btn-primary estilos_boton2">Chiwan</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-dalian"
target="_blank"><button class="btn btn-primary estilos_boton2">Dalian</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-hong-kong"
target="_blank"><button class="btn btn-primary estilos_boton2">Hong Kong</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-ningbo"
target="_blank"><button class="btn btn-primary estilos_boton2">Ningbo</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-quingdao"
target="_blank"><button class="btn btn-primary estilos_boton2">Quingdao</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-shanghai"
target="_blank"><button class="btn btn-primary estilos_boton2">Shanghái</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-shekou"
target="_blank"><button class="btn btn-primary estilos_boton2">Shekou</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-shenzen"
target="_blank"><button class="btn btn-primary estilos_boton2">Shenzen</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-tianjin"
target="_blank"><button class="btn btn-primary estilos_boton2">Tianjin</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-xiamen"
target="_blank"><button class="btn btn-primary estilos_boton2">Xiamen</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-xingang"
target="_blank"><button class="btn btn-primary estilos_boton2">Xingang</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-china-yantian"
target="_blank"><button class="btn btn-primary estilos_boton2">Yantian</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada
una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_4" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Brasil</h1>
<p class="nombre_de_modulo_cajon">Conoce todos los detalles d las rutas y servicios marítimos de comercio exterior utilizados por Brasil y
Venezuela aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-brasil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Brasil - Venezuela</button></a>
</div>
<div id="cuadro_3_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Colombia</h1>
<p class="nombre_de_modulo_cajon">Las rutas y servicios marítimos de comercio exterior entre Colombia y
Venezuela son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-colombia"
target="_blank"><button class="btn btn-primary estilos_boton2">Barranquilla</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-colombia-0"
target="_blank"><button class="btn btn-primary estilos_boton2">Buenaventura</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-colombia-1"
target="_blank"><button class="btn btn-primary estilos_boton2">Cartagena</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-colombia-santa"
target="_blank"><button class="btn btn-primary estilos_boton2">Santa Marta</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada
una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Chile</h1>
<p class="nombre_de_modulo_cajon">Conoce las rutas y servicios marítimos de comercio exterior entre Chile y
Venezuela aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-chile-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimos Chile - Venezuela</button></a>
</div>
<div id="cuadro_6" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">EE UU</h1>
<p class="nombre_de_modulo_cajon">Conoce todos los detalles sobre las rutas y servicios marítimos de comercio exterior utilizados por EE UU y
Venezuela aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-ee-uu-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas EE UU - Venezuela </button></a>
</div>
<div id="cuadro_7" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Japón</h1>
<p class="nombre_de_modulo_cajon"> Las rutas y servicios marítimos de comercio exterior entre Japón y
Venezuela son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-japon-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Japón - Venezuela</button></a>
</div>
<div id="cuadro_8" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Países bajos</h1>
<p class="nombre_de_modulo_cajon">Conoce las rutas y servicios marítimos de comercio exterior utilizadas entre Países bajos y
Venezuela aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-paises-bajos"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Países bajos - Venezuela</button></a>
</div>
<div id="cuadro_9" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Italia</h1>
<p class="nombre_de_modulo_cajon">Conoce todos los detalles sobre las rutas y servicios marítimos de comercio exterior entre Italia y
Venezuela aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-italia-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Italia - Venezuela</button></a>
</div>
<div id="cuadro_10" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Bélgica</h1>
<p class="nombre_de_modulo_cajon"> Conoce las rutas y servicios marítimos de comercio exterior entre Bélgica
y Venezuela en el siguiente botón:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-belgica-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Bélgica - Venezuela</button></a>
</div>
<div id="cuadro_11" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Alemania</h1>
<p class="nombre_de_modulo_cajon"> Conoce las rutas y servicios marítimos de comercio exterior entre Alemania
y Venezuela en el siguiente botón:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-alemania-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Alemania - Venezuela</button></a>
</div>
<div id="cuadro_12" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Australia</h1>
<p class="nombre_de_modulo_cajon">Obtén todos los detalles sobre las rutas y servicios marítimos de comercio exterior entre Australia
y Venezuela aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-venezuela-australia-perfil"
target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Australia - Venezuela</button></a>
</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>

Rutas marítimas Colombia - Canadá Quebec

QUEBEC

A continuación podrás encontrar todos los detalles sobre las rutas marítimas utilizadas por Colombia con Canadá (Quebec) para el transporte de carga internacional en actividades de exportación e importación, teniendo en cuenta el puerto y la frecuencia de la misma.



Puerto de desembarque

Conexiones

Tiempo de tránsito aprox (días)

Observación

QUEBEC

COLON-PA,

NEW YORK-EU

17-22

N.A.

QUEBEC

COLON-PA, CAUCEDO,

NEW YORK-EU

22-28

Conexión New York-Quebec intermodal




Fuente:Legiscomex.com con información de las navieras


Puerto de desembarque

Conexiones

Tiempo de tránsito aprox (días)

Observación

QUEBEC

COLON-PA,

NEW YORK-EU

18-20

N.A.

QUEBEC

COLON-PA, CAUCEDO,

NEW YORK-EU

22-24

Conexión New York-Quebec intermodal




Fuente:Legiscomex.com con información de las navieras


Puerto de desembarque

Conexiones

Tiempo de tránsito aprox (días)

Observación

QUEBEC

COLON-PA,

NEW YORK-EU

15-18

N.A.

QUEBEC

COLON-PA, CAUCEDO,

NEW YORK-EU

21-26

Conexión New York-Quebec intermodal




Fuente:Legiscomex.com con información de las navieras


Puerto de desembarque

Conexiones

Tiempo de tránsito aprox (días)

Observación

QUEBEC

COLON-PA,

NEW YORK-EU

16

N.A.

QUEBEC

COLON-PA, CAUCEDO,

NEW YORK-EU

27

Conexión New York-Quebec intermodal




Fuente:Legiscomex.com con información de las navieras

Rutas marítimas UE-COL- Italia Letonia

LETONIA

A continuación podrás encontrar todos los detalles sobre las rutas marítimas utilizadas por Letonia con Colombia para el transporte de carga internacional en actividades de exportación e importación, teniendo en cuenta el puerto y la frecuencia de las mismas.



Puerto de embarque

Conexión

Tránsito (días)

Tipo de carga

BARRANQUILLA

KINGSTON -JM

25

Cont. 20', Cont. 40', Cont. 40'R, Cont. 40' HC

CARTAGENA

KINGSTON -JM

26

Cont. 20', Cont. 40', Cont. 40'R, Cont. 40' HC




Fuente: Legiscomex.com con información de las navieras.

Rutas marítimas Corea del Sur - Singapur

COREA DEL SUR - SINGAPUR

A continuación podrás encontrar todos los detalles sobre las rutas marítimas utilizadas por Corea del Sur con Singapur para el transporte de carga internacional en actividades de exportación e importación, teniendo en cuenta el puerto y la frecuencia de las mismas.



Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Busan

Puerto de Singapur

Hong Kong (HKHKG)

9




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Puerto de Singapur

Gwangyang

Busan KRPUS - Hong Kong HKHKG

12

Incheon

Puerto de Singapur

Busan (KRPUS) - Hong Kong (HKHKG)

12

Gwangyang

Puerto de Singapur

Busan KRPUS - Hong Kong HKHKG

12




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Incheon

Puerto de Singapur

Busan (KRPUS)

15

Gwangyang

Puerto de Singapur

-

9




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Tiempo de tránsito aprox (días)

Puerto de Singapur

Busan

9

Busan

Puerto de Singapur

6




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Puerto de Singapur

Incheon

Busan (KRPUS)

9

Puerto de Singapur

Busan

-

6

Puerto de Singapur

Gwangyang

Shanghai (CNSHA)

8




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Tiempo de tránsito aprox (días)

Puerto de Singapur

Incheon

9




Fuente: Legiscomex.com con información de las navieras.

Rutas marítimas Corea del Sur - China Shenzen

SHENZEN

A continuación podrás encontrar todos los detalles sobre las rutas marítimas utilizadas por Corea del Sur con China (Shenzen)  para el transporte de carga internacional en actividades de exportación e importación, teniendo en cuenta el puerto y la frecuencia de las mismas.



Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Shangai

Incheon

Busan (KRPUS)

4

Shangai

Gunsan

Busan (KRPUS)

4

Incheon

Shangai

Busan (KRPUS)

4

Gunsan

Shangai

Busan (KRPUS)

4

Busan

Shangai

-

1

Gwangyang

Shangai

Busan (KRPUS)

4




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Tiempo de tránsito aprox (días)

Shangai

Busan

1




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Shangai

Gunsan

Busan (KRPUS)

4

Shangai

Gwangyang

Busan (KRPUS)

4

Gunsan

Shangai

Busan (KRPUS)

4

Busan

Shangai

-

1

Gwangyang

Shangai

Busan (KRPUS)

4




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Tiempo de tránsito aprox (días)

Shangai

Busan

1




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Shangai

Incheon

Kaohsiung (TWKHH)

7




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Tiempo de tránsito aprox (días)

Shangai

Gwangyang

1




Fuente: Legiscomex.com con información de las navieras.

Rutas marítimas Corea del Sur - China Nansha

NANSHA

A continuación podrás encontrar todos los detalles sobre las rutas marítimas utilizadas por Corea del Sur con China (Nansha) para el transporte de carga internacional en actividades de exportación e importación, teniendo en cuenta el puerto y la frecuencia de las mismas.



Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Nansha

Gunsan

Hong Kong (HKHKG) - Busan (KRPUS)

8

Gunsan

Nansha

Busan (KRPUS) - Hong Kong (HKHKG)

10




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Nansha

Incheon

Hong Kong (HKHKG) - Busan (KRPUS)

9

Nansha

Busan

Hong Kong (HKHKG)

7

Busan

Nansha

Hong Kong (HKHKG)

8




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Incheon

Nansha

Shekou (CNSHK)

14




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Nansha

Busan

Hong Kong (HKHKG)

5

Busan

Nansha

Hong Kong (HKHKG)

7




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Nansha

Incheon

Hong Kong (HKHKG) - Busan (KRPUS)

8

Nansha

Gunsan

Hong Kong (HKHKG) - Busan (KRPUS)

8

Incheon

Nansha

Busan (KRPUS)-Hong Kong (HKHKG)

10

Gunsan

Nansha

Busan (KRPUS) - Hong Kong (HKHKG)

10




Fuente: Legiscomex.com con información de las navieras.

Rutas marítimas Corea del Sur - China Chiwan

CHIWAN

A continuación podrás encontrar todos los detalles sobre las rutas marítimas utilizadas por Corea del Sur con China (Chiwan)  para el transporte de carga internacional en actividades de exportación e importación, teniendo en cuenta el puerto y la frecuencia de las mismas.



Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Chiwan

Busan

Hong Kong (HKHKG)

5

Incheon

Chiwan

Busan (KRPUS)

10

Busan

Chiwan

Hong Kong (HKHKG)

7




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Chiwan

Incheon

Hong Kong (HKHKG) - Busan (KRPUS)

8

Chiwan

Gunsan

Hong Kong (HKHKG) - Busan (KRPUS)

8

Chiwan

Gwangyang

Hong Kong (HKHKG) - Busan (KRPUS)

8

Gunsan

Chiwan

Busan (KRPUS) - Hong Kong (HKHKG)

10

Gwangyang

Chiwan

Busan (KRPUS)-Hong Kong (HKHKG)

10




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Chiwan

Busan

-

4

Incheon

Chiwan

Busan (KRPUS)

6

Busan

Chiwan

-

4




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Chiwan

Gwangyang

Busan (KRPUS)

6




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Chiwan

Incheon

Hong Kong (HKHKG)

7




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Tiempo de tránsito aprox (días)

Gwangyang

Chiwan

8




Fuente: Legiscomex.com con información de las navieras.


Puerto de embarque

Puerto de desembarque

Conexión

Tiempo de tránsito aprox (días)

Chiwan

Gunsan

Hong Kong (HKHKG) - Busan (KRPUS)

8

Gunsan

Chiwan

Busan (KRPUS) - Hong Kong (HKHKG)

10




Fuente: Legiscomex.com con información de las navieras.