<!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>Asia - Perfiles económicos y comerciales</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;
text-align: center;
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>
<!---------------------------------------imagen principal------------------------------------------------>
<img src="/sites/legiscomex/files/2020-11/PERFILASIA.jpg" width="100%" id="imagen_principal_z1"> <!--class="imagen_principal"-->
<!---------------------------------------fin imagen principal-------------------------------------------->
<!---------------------------------------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">ÁFRICA</span></h1>
<p class=" texto_principal">Haz clic según corresponda, en el país de tu interés para acceder al perfil económico y comercial del mismo con información relevante sobre su población, religión, cultura, economía, poderes, legislaciones y mucho más.
</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.cia.gov/the-world-factbook/countries/algeria/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Argelia</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.cia.gov/the-world-factbook/countries/angola/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Angola</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.cia.gov/the-world-factbook/countries/benin/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Benín</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.cia.gov/the-world-factbook/countries/botswana/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Botswana</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.cia.gov/the-world-factbook/countries/burkina-faso/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Burkina Faso </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.cia.gov/the-world-factbook/countries/burundi/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Burundi</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.cia.gov/the-world-factbook/countries/cabo-verde/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Cabo Verde </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.cia.gov/the-world-factbook/countries/cameroon/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Camerún</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.cia.gov/the-world-factbook/countries/chad/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Chad</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.cia.gov/the-world-factbook/countries/comoros/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Comoras</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="https://www.cia.gov/the-world-factbook/countries/cote-divoire/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Costa de Marfíl </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_12">
<a href="https://www.cia.gov/the-world-factbook/countries/djibouti/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Djibouti</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_13">
<a href="https://www.cia.gov/the-world-factbook/countries/egypt/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Egipto</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_14">
<a href="https://www.cia.gov/the-world-factbook/countries/eritrea/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Eritrea</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_15">
<a href="https://www.cia.gov/the-world-factbook/countries/ethiopia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Etiopia</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="https://www.cia.gov/the-world-factbook/countries/gabon/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Gabon</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_17">
<a href="https://www.cia.gov/the-world-factbook/countries/gambia-the/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Gambia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_18">
<a href="https://www.cia.gov/the-world-factbook/countries/ghana/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Ghana</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_19">
<a href="https://www.cia.gov/the-world-factbook/countries/guinea/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Guinea</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_20">
<a href="https://www.cia.gov/the-world-factbook/countries/guinea-bissau/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Guinea Bissau</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="https://www.cia.gov/the-world-factbook/countries/equatorial-guinea/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Guinea Ecuatorial </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_22">
<a href="https://www.cia.gov/the-world-factbook/countries/bouvet-island/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Isla Bouvet</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_23">
<a href="https://www.cia.gov/the-world-factbook/countries/heard-island-and-mcdonald-islands/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Islas Heard & Mcdonald</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_24">
<a href="https://www.cia.gov/the-world-factbook/countries/kenya/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Kenia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_25">
<a href="https://www.cia.gov/the-world-factbook/countries/lesotho/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Lesoto</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="https://www.cia.gov/the-world-factbook/countries/liberia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Liberia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_27">
<a href="https://www.cia.gov/the-world-factbook/countries/libya/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Libia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_28">
<a href="https://www.cia.gov/the-world-factbook/countries/madagascar/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Madagascar</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_29">
<a href="https://www.cia.gov/the-world-factbook/countries/malawi/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Malawi</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_30">
<a href="https://www.cia.gov/the-world-factbook/countries/mali/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Mali</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="https://www.cia.gov/the-world-factbook/countries/morocco/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Marruecos</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_32">
<a href="https://www.cia.gov/the-world-factbook/countries/mauritania/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Mauritania</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_33">
<a href="https://www.cia.gov/the-world-factbook/countries/mozambique/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Mozambique</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_34">
<a href="https://www.cia.gov/the-world-factbook/countries/namibia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Namibia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_35">
<a href="https://www.cia.gov/the-world-factbook/countries/nigeria/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Nigeria</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_36">
<a href="https://www.cia.gov/the-world-factbook/countries/central-african-republic/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">República Centroafricana</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_37">
<a href="https://www.cia.gov/the-world-factbook/countries/mauritius/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">República de Mauricio</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_38">
<a href="https://www.cia.gov/the-world-factbook/countries/congo-democratic-republic-of-the/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">República Democrátioca del Congo</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_39">
<a href="https://www.cia.gov/the-world-factbook/countries/rwanda/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Ruanda</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_40">
<a href="https://www.cia.gov/the-world-factbook/countries/saint-helena-ascension-and-tristan-da-cunha/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Santa Elena, Ascensión y Tristán da Cunha </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_41">
<a href="https://www.cia.gov/the-world-factbook/countries/sao-tome-and-principe/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Santo Tomé y Príncipe</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_42">
<a href="https://www.cia.gov/the-world-factbook/countries/senegal/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Senegal</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_43">
<a href="https://www.cia.gov/the-world-factbook/countries/seychelles/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Seychelles</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_44">
<a href="https://www.cia.gov/the-world-factbook/countries/sierra-leone/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Sierra Leona</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_45">
<a href="https://www.cia.gov/the-world-factbook/countries/somalia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Somalia</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_46">
<a href="https://www.cia.gov/the-world-factbook/countries/eswatini/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Suazilandia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_47">
<a href="https://www.cia.gov/the-world-factbook/countries/south-africa/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Sudáfrica</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_48">
<a href="https://www.cia.gov/the-world-factbook/countries/sudan/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Sudán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_49">
<a href="https://www.cia.gov/the-world-factbook/countries/south-sudan/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Sudán del Sur</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_50">
<a href="https://www.cia.gov/the-world-factbook/countries/tanzania/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Tanzania</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_51">
<a href="https://www.cia.gov/the-world-factbook/countries/togo/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Togo</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_52">
<a href="https://www.cia.gov/the-world-factbook/countries/tunisia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Túnez</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_53">
<a href="https://www.cia.gov/the-world-factbook/countries/uganda/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Uganda</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_54">
<a href="https://www.cia.gov/the-world-factbook/countries/zambia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Zambia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_55">
<a href="https://www.cia.gov/the-world-factbook/countries/zimbabwe/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Zimbabue</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="https://www.cia.gov/the-world-factbook/countries/algeria/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Argelia</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.cia.gov/the-world-factbook/countries/angola/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Angola</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.cia.gov/the-world-factbook/countries/benin/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Benín</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.cia.gov/the-world-factbook/countries/botswana/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Botswana</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.cia.gov/the-world-factbook/countries/burkina-faso/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Burkina Faso </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_6">
<a href="https://www.cia.gov/the-world-factbook/countries/burundi/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Burundi</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.cia.gov/the-world-factbook/countries/cameroon/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3 texto_azul">Cabo Verde </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.cia.gov/the-world-factbook/countries/brunei/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Camerún</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.cia.gov/the-world-factbook/countries/chad/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Chad</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.cia.gov/the-world-factbook/countries/comoros/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Comoras</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_11">
<a href="https://www.cia.gov/the-world-factbook/countries/cote-divoire/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Costa de Marfíl </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_12">
<a href="https://www.cia.gov/the-world-factbook/countries/djibouti/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Djibouti</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_13">
<a href="https://www.cia.gov/the-world-factbook/countries/egypt/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3 texto_azul">Egipto</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_14">
<a href="https://www.cia.gov/the-world-factbook/countries/eritrea/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Eritrea</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_15">
<a href="https://www.cia.gov/the-world-factbook/countries/ethiopia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Etiopia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_16">
<a href="https://www.cia.gov/the-world-factbook/countries/gabon/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Gabon</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_17">
<a href="https://www.cia.gov/the-world-factbook/countries/gambia-the/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3 texto_azul">Gambia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_18">
<a href="https://www.cia.gov/the-world-factbook/countries/ghana/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Ghana</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_19">
<a href="https://www.cia.gov/the-world-factbook/countries/guinea/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3 texto_azul">Guinea</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_20">
<a href="https://www.cia.gov/the-world-factbook/countries/guinea-bissau/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Guinea Bissau</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_21">
<a href="https://www.cia.gov/the-world-factbook/countries/equatorial-guinea/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Guinea Ecuatorial </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_22">
<a href="https://www.cia.gov/the-world-factbook/countries/bouvet-island/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Isla Bouvet</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_23">
<a href="https://www.cia.gov/the-world-factbook/countries/heard-island-and-mcdonald-islands/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3 texto_azul">Islas Heard & Mcdonald</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_24">
<a href="https://www.cia.gov/the-world-factbook/countries/kenya/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Kenia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_25">
<a href="https://www.cia.gov/the-world-factbook/countries/lesotho/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Lesoto</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_26">
<a href="https://www.cia.gov/the-world-factbook/countries/liberia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Liberia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_27">
<a href="https://www.cia.gov/the-world-factbook/countries/libya/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Libia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_28">
<a href="https://www.cia.gov/the-world-factbook/countries/madagascar/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Madagascar</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_29">
<a href="https://www.cia.gov/the-world-factbook/countries/malawi/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3 texto_azul">Malawi</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_30">
<a href="https://www.cia.gov/the-world-factbook/countries/mali/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Mali</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_31">
<a href="https://www.cia.gov/the-world-factbook/countries/morocco/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Marruecos</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_32">
<a href="https://www.cia.gov/the-world-factbook/countries/mauritania/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Mauritania</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_33">
<a href="https://www.cia.gov/the-world-factbook/countries/mozambique/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Mozambique</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_34">
<a href="https://www.cia.gov/the-world-factbook/countries/namibia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Namibia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_35">
<a href="https://www.cia.gov/the-world-factbook/countries/nigeria/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Nigeria</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_36">
<a href="https://www.cia.gov/the-world-factbook/countries/central-african-republic/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">República Centroafricana</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_37">
<a href="https://www.cia.gov/the-world-factbook/countries/mauritius/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3 texto_azul">República de Mauricio</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_38">
<a href="https://www.cia.gov/the-world-factbook/countries/congo-democratic-republic-of-the/ class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">República Democrátioca del Congo</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_39">
<a href="https://www.cia.gov/the-world-factbook/countries/rwanda/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Ruanda</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_40">
<a href="https://www.cia.gov/the-world-factbook/countries/saint-helena-ascension-and-tristan-da-cunha/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Santa Elena, Ascensión y Tristán da Cunha </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_41">
<a href="https://www.cia.gov/the-world-factbook/countries/sao-tome-and-principe/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Santo Tomé y Príncipe</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_42">
<a href="https://www.cia.gov/the-world-factbook/countries/senegal/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Senegal</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_43">
<a href="https://www.cia.gov/the-world-factbook/countries/seychelles/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3 texto_azul">Seychelles</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_44">
<a href="https://www.cia.gov/the-world-factbook/countries/sierra-leone/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Sierra Leona</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_45">
<a href="https://www.cia.gov/the-world-factbook/countries/somalia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20Japon.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Somalia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_46">
<a href="https://www.cia.gov/the-world-factbook/countries/eswatini/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20singapur.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Suazilandia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_47">
<a href="https://www.cia.gov/the-world-factbook/countries/south-africa/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20vietnam.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3 texto_azul">Sudáfrica</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_48">
<a href="https://www.cia.gov/the-world-factbook/countries/sudan/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20corea.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Sudán</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_49">
<a href="https://www.cia.gov/the-world-factbook/countries/south-sudan/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20malasia.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3 texto_azul">Sudán del Sur</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_50">
<a href="https://www.cia.gov/the-world-factbook/countries/tanzania/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20taiwan.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Tanzania</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_51">
<a href="https://www.cia.gov/the-world-factbook/countries/togo/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20china.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Togo</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_52">
<a href="https://www.cia.gov/the-world-factbook/countries/tunisia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20hong%20kong.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Túnez</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_53">
<a href="https://www.cia.gov/the-world-factbook/countries/uganda/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20india.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3 texto_azul">Uganda</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_54">
<a href="https://www.cia.gov/the-world-factbook/countries/zambia/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3">Zambia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_55">
<a href="https://www.cia.gov/the-world-factbook/countries/zimbabwe/" class="quitar_fancybox fancybox boton_mas_informacion" target="_blank">
<img src="/sites/legiscomex/files/2020-11/Perfil%20israel.png"
class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Zimbabue</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/abc-del-comercio"
class="boton_de_volver_a_inicio" target="_blank">
Volver a Universidades ABC del comercio</a>
<!--<span class="simulador_text"> </span>-->
</p>
</div>
</div>
</div>
<!-----------------------------------------fin flotante------------------------------------->
</section>
<div class="container-fluid footer-sin-padding">
<footer id="footer">
<img src="/Presentaciones/procesos_importaciones/img/pata_footer.svg" class="pata_footer">
<div class="container-fluid footer-sin-padding">
<div class="row fila_footer">
<div class="espacio_padding col-lg-5">
<a href="https://www.legis.com.co/"><img
src="/Presentaciones/procesos_importaciones/img/logo_legis.svg"
class="logo_de_legis"></a>
<p class="text_footer texto_logo tamaño_font">Legiscomex.com</p>
<p class="text_footer texto_logo tamaño_font">ISSN 2027-8314</p>
</div>
<i class="fas fa-angle-double-down desplegar_footer"></i>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer margen_responsiva">Sobre nosotros</h2>
<a href="https://www.legiscomex.com/nosotros" target="_blank">
<p class="text_footer text_hover">Quiénes somos</p>
</a>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Nuestros módulos</h2>
<a href="https://www.legiscomex.com/arancel-de-aduanas" target="_blank">
<p class="text_footer text_hover">Arancel de Aduanas</p>
</a>
<a href="https://www.legiscomex.com/analisis-de-mercados-internacionales" target="_blank">
<p class="text_footer text_hover">Análisis de Mercados</p>
</a>
<p class="text_footer ver_mas">ver más</p>
<div class="ocultar_modulos">
<a href="https://www.legiscomex.com/regulacion-aduanera-colombiana-0" target="_blank">
<p class="text_footer text_hover">Regulación Aduanera Colombiana</p>
</a>
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales" target="_blank">
<p class="text_footer text_hover">Oportunidades comerciales</p>
</a>
<a href="https://www.legiscomex.com/ranking-de-importaciones-y-exportaciones-0"
target="_blank">
<p class="text_footer text_hover">Ranking de Importaciones y Exportaciones</p>
</a>
<a href="https://www.legiscomex.com/informacion-financiera-de-empresas-0" target="_blank">
<p class="text_footer text_hover">Información Financiera de Empresas</p>
</a>
<a href="https://www.legiscomex.com/universidades-abc-del-comercio-internacional"
target="_blank">
<p class="text_footer text_hover">Universidades ABC</p>
</a>
<a href="https://www.legiscomex.com/simulador-de-formularios" target="_blank">
<p class="text_footer text_hover">Simulador de Formularios</p>
</a>
</div>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Contáctenos</h2>
<p class="text_footer">E-mail sclientes@legis.com.co</p>
<p class="text_footer">Línea Nacional: 018000912101</p>
<h2 class="subtitulo_footer2">Oficina principal y notificaciones</h2>
<p class="text_footer">Calle 70 No 7-30, Piso 8, Bogotá; D.C. (Colombia)</p>
<p class="text_footer">Tel: (601)4255200 WhatsApp: <a href="https://api.whatsapp.com/send?phone=573102114444&text=Hola%2C%20quiero%20recibir%20m%C3%A1s%20informaci%C3%B3n%0A%20%0A" target="_blank">3102114444</a></p>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<a href="https://www.facebook.com/Legiscomex/" target="_blank">
<i class="fab fa-facebook-f footer_redes facebook_z3"></i>
</a>
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank">
<i class="fab footer_redes fa-linkedin-in"></i>
</a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="https://www.youtube.com/channel/UC0ranDo4unRk_hbB6deufoQ" target="_blank">
<i class="fab fa-youtube footer_redes"></i>
</a>
</div>
</div>
<div class="franja_naranja"></div>
<div class="container-fliud fondo_oscuro">
<div class="row centrar_texto buttom_text">
<div class="col-sm-4 col-md-4">
<p class="text_footer boton_underline_politicas">Términos y condiciones</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Política de privacidad</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span>
<p class="text_footer boton_underline_politicas">Línea ética de denuncia</p>
</div>
</div>
<hr>
<div class="row centrar_texto" style="padding: 16px 0px 0px 0px;">
<div class="col-md-12">
<p class="text_footer derechos">Pertenece al Módulo de Universidades ABC del comercio
internacional</p>
</div>
</div>
<div class="row centrar_texto">
<div class="col-md-12">
<p class="text_footer derechos">2023 © Todos los derechos reservados. Prohibida su
reproducción total o parcial, así como su traducción a cualquier idioma sin autorización
escrita de su titular. </p>
</div>
</div>
<div class="row centrar_texto"
style="padding: 6px 0px 6px 0px;background-color: #293ae8;border-top: 1px solid #fff;">
<div class="col-md-12">
<p class="text_footer derechos" style="color: fff; font-size: 14px; ">Legiscomex 2023</p>
</div>
</div>
</div>
</div>
</footer>
<!-------------------------------------------------------nuevos------------------------------------------->
</div>
<!--<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>
