"La apertura de la frontera entre Colombia y Venezuela es un éxito", destacó el ministro de Comercio, Industria y Turismo, Germán Umaña
Así lo destacó el ministro de Comercio, Industria y Turismo, Germán Umaña Mendoza, durante su intervención en el Encuentro Binacional ‘La frontera como puente: integración comercial Colombia y Venezuela’, que se realizó en Cúcuta, en el que destacó que son varios los datos que ratifican este éxito.
Las exportaciones de bienes costarricenses crecieron un 24% en el primer semestre del 2023
El sector exportador de Costa Rica se consolida cada vez más en los mercados internacionales.
Las siete regiones colombianas, que aumentaron sus ventas externas a mayo
Dentro del top 15 de las principales regiones colombianas exportadoras, siete de ellas aumentaron las exportaciones de bienes no minero energéticos al mundo entre enero y mayo.
EE UU seguirá dependiendo del suministro de mango de Latinoamérica
Según las tendencias e información destacada en el contexto de la edición del 2023 de Mango Grower’s Summit, se señala que la producción de mango en EE UU se concentra en Florida, California, Hawai y Puerto Rico, siendo Florida el estado que lidera el cultivo con una diversidad genética significativa respaldada por bancos de germoplasma estatales y privados.
El cacao peruano deleitó a los compradores internacionales
Este encuentro dio como resultado expectativas comerciales superiores a los USD5 millones a concretarse en el transcurso de los siguientes 12 meses, USD2 millones más que lo proyectado inicialmente.
Se prohibió el uso de mercurio en Colombia
Desde el pasado 15 de julio, en todo el territorio colombiano, se prohibió totalmente el uso de mercurio en todos los procesos industriales y productivos.
Comercio electronico - E-Commerce

Comercio electrónico E-Commerce
El comercio electrónico consiste en la compra y venta de productos o servicios a través de medios electrónicos, como Internet u otras redes informáticas, este nuevo modelo de negocio nace como respuesta a distintas necesidades de la vida cotidiana, el comercio minorista On-line generó aproximadamente USD1,55 billones en todo el mundo en 2016, una cantidad que se espera aumente a USD4,06 para 2020, según un informe de la firma de investigación de mercado eMarketer
El boom de este modelo de negocio nace en los 90 con Amazon.com y Ebay las cuales cambian la perspectiva del uso del Internet, que para esta época se usaba como método de distracción, los creadores de estas grandes compañías decidieron utilizarlo para hacer negocios, el crecimiento de estas compañías se dio de manera exponencial, pues respondía muy bien a factores fundamentales, el tiempo, variedad, conveniencia y seguridad.
Estas compañías entendían que las personas llevaban un ritmo de vida acelerado, y que no querían desplazarse hasta un lugar, ofrecían una gran variedad de donde escoger, pero sobre todo,
el reto más grande de estas compañías fue brindar seguridad a las personas que realizaban compras en estos lugares, para esto se requieren muchas precauciones para garantizar la seguridad y de este modo mantener el comercio electrónico con éxito, incluidos los protocolos de criptografía de clave pública, Secure Sockets Layer (SSL) y Transport Layer Security (TLS), firmas digitales, certificados digitales, firewalls y programas antivirus, para garantizar la seguridad en estos sitios se desarrolla constantemente nueva tecnología para proteger contra gusanos y virus informáticos y otros ataques cibernéticos.

Contexto
Actualmente, la economía se ha vuelto dependiente de la comunicación digital, la mayoría de los bienes y servicios tienen una gran presencia en línea, lo que implica que estos negocios se vuelven más competitivos, ofreciendo productos y servicios a la medida, y a costos bajos

Ventajas
Las ventajas de implementar este modelo de negocio pueden ser infinitas, algunas de ellas son, tener la posibilidad de acceder a clientes ilimitados a nivel mundial y de igual manera estar disponible las 24 horas de los 365 días del año, reducir costos entre otras.

Tipos de E-Commerce
En este modelo de negocio se pueden evidenciar infinitos tipos, sin embargo, se pueden clasificar en la operación hacia el cual va dirigida la transacción.
Las categorías generales son 4: B2B, B2C, C2C, B2E.

De web 1.0 a web 2.0
Actualmente existen muchas facilidades para implementar este tipo de modelo, antiguamente únicamente se podía acceder si se tenía un gran conocimiento en programación, hoy en día existen compañías de alojamiento web en el que se vende espacio en un servidor web.

Puntos clave/ Errores frecuentes
Lo más importante para que el comercio electrónico funcione de una manera óptima es enfocarse en brindar una experiencia de usuario y servicio al cliente impecable. Cometer errores es muy sencillo, hay que estar atentos.

Conclusiones
El uso de la tecnología en la vida cotidiana de las personas cada vez se hace más fundamental, y esta avanza rápidamente, los negocios han sabido adaptarse y sacar provecho de esta tecnología, la cual les permite tener mayor interacción con clientes, revisar y mejorar procesos, y ser más eficientes.

Ayuda Práctica
La tecnología ocupa un papel crucial en las actividades de la vida cotidiana, la manera de hacer negocios ha cambiado, se ha adaptado a esta nueva forma de vida, las empresas y las personas entendieron que acortar distancias, ahorrar tiempo, obtener una excelente calidad, y a costos asequibles, es la clave del éxito.

Ejercicio
Aquí encontrarás un pequeño ejercicio muy útil para recapitular cada uno de los conceptos y factores claves a tener en cuenta a la hora de implementar E-Commerce.
Mundial, Latinoamérica y Colombia.
Contexto.
La red en este momento se da manera bidireccional, lo cual quiere decir que la información y comunicación no solo se da de parte de la compañía a los clientes, sino de clientes hacia la compañía y entre clientes, lo cual es otro pilar para este modelo de negocio, ya que las opiniones y experiencias de los pares es fundamental para la decisión de compra.

Actualmente, la economía se ha vuelto dependiente de la comunicación digital, la mayoría de los bienes y servicios tienen una gran presencia en línea, esto quiere decir, que cada vez estos negocios se vuelven más competitivos, ofreciendo productos y servicios a la medida, y a costos bajos. Lo cual es un paso adicional al mundo globalizado, ya que facilita el comercio y la competencia a nivel mundial.

Latinoamérica, ha registrado un crecimiento anual del 34%, de acuerdo con Tecnocom, lo que indica que los volúmenes de las ventas realizadas por medios digitales se han cuadruplicado, este estudio revela también que los países que lideran este mercado son Brasil, México y Chile.
Muchos de los negocios en Colombia sienten temor e incertidumbre a la hora de implementar estrategias comerciales como esta, sin embargo, las estadísticas de la cámara colombiana de comercio electrónico evidencian que el 76% de las personas que usan internet han realizado compras online, lo cual evidencia una gran oportunidad para las empresas, y el reto de competir a nivel mundial.
Volver
Modelo 360°.
Ventajas.
Las ventajas de implementar este modelo de negocio pueden ser infinitas, ya que cada negocio es un universo, y no existe uno exactamente igual al otro, sin embargo, la implementación de este modelo conlleva a distintas ventajas generales en las compañías, algunas de ellas son:
- Posibilidad de acceder a clientes ilimitados a nivel mundial.
- Estar disponible las 24 horas de los 365 días del año.
- Crear ventajas competitivas ante la competencia que no se ha atrevido a dar el salto al e-commerce.
- Posibilidad de mejorar los canales de comunicación con los clientes (redes sociales, correos electrónicos, etc.)
- Acceso a campañas de e-mailing, marketing, etc.
- Mejorar la gestión de la cadena de suministro y la coordinación de los canales de distribución.

Cada negocio es un universo.
Tipos de E-Commerce.
En este modelo de negocio se pueden evidenciar infinitos tipos, sin embargo, se pueden clasificar en la operación hacia el cual va dirigida la transacción.
(negocio a negocio)
B2B business to business.
Es aquel en donde la transacción comercial únicamente se realiza entre empresas que operan en Internet, lo que quiere decir que no intervienen consumidores. Existen tres modalidades: El mercado controlado que únicamente acepta vendedores en busca de compradores, el mercado en el que el comprador busca proveedores y finalmente El mercado en el que los intermediarios buscan que se genere un acuerdo comercial entre los vendedores y los compradores.
Ejemplos: American express, Volvo trucks, SAP


(negocio a consumidor).
B2C business to consumer.
Este es el tipo de comercio electrónico, también conocido como business to consumer (negocio a consumidor), es el más conocido. Es aquel que se lleva a cabo entre el negocio o, en este caso tienda virtual, y una persona interesada en comprar un producto o adquirir un servicio.
Ejemplos: Apple, Kylie cosmetics, Amazon, SheIn.
(negocio a empleado).
B2E business to employee.
Se refiere principalmente a la transacción entre una empresa y sus empleados. Es decir, son las ofertas que la propia empresa puede ofrecer a sus empleados directamente desde su tienda online o portal de Internet, con ofertas atractivas que servirán de impulso para una mejora en el desempeño laboral.
Ejemplo: Microsoft


(consumidor a consumidor).
C2C Consumer to consumer.
Este tipo de comercio se da cuando una persona ya no utiliza algún producto y busca ofrecerlo en venta, puede utilizar el comercio electrónico como medio para realizar esta transacción con otro consumidor.
Ejemplos: Mercado Libre, OLX.
VolverFácil acceso.
De web 1.0 a web 2.0.
Actualmente existen muchas facilidades para implementar este tipo de modelo, antiguamente únicamente se podía acceder si se tenía un gran conocimiento en programación, hoy en día existen compañías de alojamiento web en el que se vende espacio en un servidor web a los clientes, mantienen suficiente espacio de almacenamiento para el sitio web y brindan servicios de soporte.
Se dice que se dio un cambio a la web 2.0 porque todos podemos acceder a estas plataformas y se tiene interacción bidireccional, sin embargo, es recomendable utilizar estas plataformas gratuitas para realizar validaciones de la compañía, ya que cambiarse a una plataforma más eficiente en medio del crecimiento de la compañía puede significar molestia para los clientes y ocasionar el abandono.
Volver

Para tener en cuenta.
Puntos clave.
Lo más importante para que el comercio electrónico funcione de una manera óptima es enfocarse en brindar una experiencia de usuario y servicio al cliente impecable, pues este es el canal directo con el cliente, por el cual se va a trasmitir la marca, seguridad y confianza que se espera que los clientes perciban, por ende, aquello que se desea transmitir debe ser claro, fácil de entender y de usar por todos los usuarios, la promesa de valor debe cumplirse en cada eslabón de la cadena
Errores frecuentes.
Pueden existir distintos errores a la hora de implementar este modelo, ya que este comprende muchas áreas de la compañía, y todos los eslabones deben funcionar correctamente para lograr los objetivos, e implementar nuevos para que el comercio electrónico se ejecute de la mejor manera como los pagos de facturas, banca en línea, billeteras electrónicas, tarjetas inteligentes y efectivo digital.

Si bien, no existe una sola forma de hacer las cosas ni la clave maestra para triunfar en este medio, evitar algunos errores pueden hacer la diferencia
Apostar solo por los bajos costos: es un buen gancho para atraer clientes, pero, a ese ritmo es muy difícil fidelizarlos, esta estrategia limita muchas operaciones, por lo cual cambiar a otros servidores puede ser poco aceptado por los clientes.
Pensar solo en el consumidor final: como vimos hay muchos
modelos, y este canal permite llegar muchos segmentos de mercado, se deben analizar todas las oportunidades que le permitan crecer como compañía, como alianzas, nuevos mercados etc.
No tener estrategia SEO: Actualmente hay mucha competencia, para darse a conocer se necesita estar posicionado en los primeros puestos de los buscadores, e implementar distintas estrategias de mercadeo digitales para atraer a clientes más acertados.
VolverConclusiones.
El uso de la tecnología en la vida cotidiana de las personas cada vez se hace más fundamental, y esta avanza rápidamente, los negocios han sabido adaptarse y sacar provecho de esta tecnología, la cual les permite tener mayor interacción con clientes, revisar y mejorar procesos, y ser más eficientes.

En la actualidad, no se puede pensar en una empresa sin un medio digital, esto quiere decir que la competencia en este medio es muy alta, no basta con tener un servicio al cliente impecable hay que ir más allá y tener un factor diferenciador como eje fundamental.
Es un modelo de negocio de 360° en donde se involucran todas las áreas de la compañía, todo debe evolucionar para que se logren los objetivos.
Ayuda práctica.
Comercio electrónico E-Commerce.
El E-commerce es un modelo de negocio muy importante en la actualidad, la tecnología ocupa un papel crucial en cada una de las actividades de la vida cotidiana, por esa razón, la manera de hacer negocios ha cambiado, se ha adaptado a esta nueva forma de vida, las empresas y las personas entendieron que requieres acortar distancias, ahorrar tiempo, obtener una excelente calidad, y a costos asequibles.

Ponte a prueba.
Ejercicio.
Completa el crucigrama, pon a prueba lo que has aprendido en tu clase de Comercio electrónico. Lee cada una de las definiciones que aparecen abajo. Luego encuentra en el crucigrama el número que corresponde a cada una de ellas.
Aquí encontrarás un PDF del crucigrama para imprimirlo, y otro en el cual podrás verificar tus respuestas.
Decreto 955, un alivio para los importadores_PROBANDO
Ante la actual crisis que presenta el sector de transporte marítimo de carga por la falta de buques en operación, el cierre intermitente en puertos por el Covid-19 y la escasez de contenedores, se han incrementado las tarifas de los fletes internacionales, generando sobrecostos a los productores, afectando el precio de los bienes finales al co
Rutas marítimas Perú
Builder
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rutas marítimas Perú</title>
<link rel="shortcut icon" type="image/x-icon" href="/Presentaciones/procesos_importaciones/img/favicon.ico">
<!--<link rel="stylesheet" type="text/css" href="css/style3.css">--><!--estilos propios-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/procesos_importaciones/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!--<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>-->
<!----------------------------------fancybox------------------------------------------>
<link rel="stylesheet" type="text/css" href="/Presentaciones/procesos_importaciones/css/jquery.fancybox.css?v=2.1.5.css" media="screen" />
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$('.carousel').carousel({
interval: 8000,
pause:true,
wrap:false
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script>
<!-----------------------------------fancybox----------------------------------------->
</head>
<style type="text/css">
.container-titulo{
display: flex;
width: 100%;
flex-flow: column wrap;
}
.container-titulo h1{
width: 100%;
}
.container-titulo p {
width: 100%;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
display: none;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 44px !important;
/* background: #1937ee no-repeat center center !important; */
background-size: 100% 100%;
background-color: #1937ee;
}
span.btn.btn-outline-primary {
margin: 3px 0px !important;
}
#invidentes {
width: auto;
font-size: 17px;
padding: 5px 11px 6px 14px;
background-color: #1937ee;
color: #ffffff;
position: relative;
z-index: 300;
top: 26px;
border: 1px solid #1937ee;
/* left: 79%; */
font-family: "tahoma";
float: right;
text-align: right;
margin-right: 17px;
cursor: pointer;
}
#contenedor_absolute {
height: auto !important;
}
.estilos_subcontenido{
margin: 0px 30px;
}
.fancybox-margin {
margin-right: 0;
}
.estilos_boton, .estilos_boton2 {
margin: 6px 20px 26px 20px;
}
.arreglar_cajon_z1{
line-height: 49px;
display: none;
}
.subslinks-z1{
display: none;
}
.subseccion_z3{
display: none;
}
#pantalla1, #pantalla2{
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.56);
z-index: 20000;
position: fixed;
top: 0;
display: none;
}
.proceso1, .proceso2, .proceso3, .proceso4, .proceso5, .proceso6, .proceso7, .proceso8, .proceso9{
display: none;
}
#video_intro{
opacity: 1;
display: none;
}
.slider{
display: none;
}
.introduccion{
display: none;
}
.video{
display: none;
}
.seccion3{
display: none;
}
#imagen_audio{
display: none;
}
.cajon_texto_blanco {
width: 100%;
background-color: #fff;
border: solid 1px rgba(25, 55, 239, 0.1803921568627451);
border-top: none;
}
@font-face {
font-family: 'Gilroy-Bold';
src: url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.eot');
src: url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.svag#Gilroy-Bold') format('svg'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.ttf') format('truetype'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.woff') format('woff'),
url('/Presentaciones/procesos_importaciones/font/Gilroy-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tahoma';
src: url('/Presentaciones/procesos_importaciones/font/Tahoma.svg#Tahoma') format('svg'),
url('/Presentaciones/procesos_importaciones/font/Tahoma.ttf') format('truetype'),
url('/Presentaciones/procesos_importaciones/font/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tahoma';
src: url('/Presentaciones/procesos_importaciones/font/tahoma.eot');
src: url('/Presentaciones/procesos_importaciones/font/tahoma.eot?#iefix') format('embedded-opentype'),
url('/Presentaciones/procesos_importaciones/font/tahoma.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 44px;
cursor: pointer;
}
.carousel-control-prev {
left: 0;
height: 256px !important;
}
.carousel-control-next-icon {
margin-left: 40px;
}
.esconder_contenido_modulos_movil_z2{
display: none;
}
.row{
margin-left: 0px !important;
margin-right: 0px !important;
}
/*----------------------------------------header-------------------------------------------*/
.esconder_modulo_de_escritorio{
display: none;
}
.escondeer_en_escritorio {
display: none;
}
.esconder_version_escritorio{
display: none;
}
.esconder_de_escritorio{
display: none !important;
}
.fila_de_header {
background-color: #fff;
position: fixed;
width: 100%;
z-index: 90;
border-bottom: 1px solid #1937ef;
}
.logo_legiscomex {
width: 243px;
padding: 13px 34px;
height: 83px;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
.fila_redes_sociales {
text-align: right;
padding-right: 43px !important;
}
.iconos_redes_sociales {
width: 40px;
padding: 25px 3px;
height: 84px;
float: right;
}
/*---------------------------------------fin header-------------------------------------------*/
.imagen_principal {
width: 100%;
margin-top: 83px;
}
/*---------------------------------------seccion principal #1-------------------------------------------*/
#video-principal{
max-width: 100%;
}
.fila_contenedor_1 {
padding: 160px 0px 0px 0px;
}
.container {
max-width: 100% !important;
}
.titulo_principal {
background-color: #1937ef;
padding: 17px 32px 10px 44px;
color: #fff;
text-transform: uppercase;
font-size: 49px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
}
.fuente_pequeña {
font-size: 20px;
padding-left: 73px;
}
.texto_principal {
padding: 32px 0px 28px 0px;
width: 442px;
font-size: 18px;
text-align: left;
font-family: "tahoma";
font-weight: initial;
color: #4c4c4c;
margin-bottom: 0px;
}
.imagen_boton_audio {
width: 336px;
margin-left: 0px;
height: 81px;
}
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 20px !important;
height: 20px !important;
border-radius: 100% !important;
margin-right: 3px;
margin-left: 10px !important;
text-indent: -999px;
background-color: rgba(255,255,255,.5);
}
.carousel-indicators .active {
background-color: #fca200 !important;
}
/*---------------------------------------fin seccion principal #1-------------------------------------------*/
/*-----------------------------------------inicio seccion 2----------------------------------------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 31px;
color: #002E72;
/*text-transform: uppercase;*/
font-family: "Gilroy-Bold";
margin-top: 0px;
margin-bottom: 55px;
font-weight: inherit;
}
.cajon_texto {
width: 100%;
background-color: #1937ef;
height: 151px;
display: flex;
justify-content: center;
align-items: center;
padding: 28px;
}
.cajon_texto_amarillo {
width: 100%;
background-color: #fca200;
}
.cajon_texto_blanco {
width: 100%;
background-color: #fff;
border: solid 1px #1937ef2e;
border-top: none;
}
.texto_modulo_z3 {
color: #fff;
font-size: 17px;
font-family: "tahoma";
font-weight: inherit;
text-align: center;
line-height: 25px;
}
.texto_azul{
color: #1937ef;
}
.imagen_modulo_z2 {
width: 100%;
}
.quitar_padding_z3{
padding: 0px !important;
}
/*
.margin-top_z2{
margin-top: 30px;
}
*/
.espacios_de_contenido {
padding: 0px 0px 61px 0px;
}
.quitar_padding_z3{
cursor: pointer;
transition: all 0.2s ease;
}
.quitar_padding_z3:hover{
transform: scale(0.9);
}
/*---------------------------------------------fin seccion 2----------------------------------------------------------*/
/*---------------------------------------------------flotante-------------------------------------------------*/
.volver_a_formualrios {
font-size: 18px;
padding: 32px 20px;
float: right;
color: rgb(231, 0, 76);
font-family: "tahoma";
margin-bottom: 0px;
}
.boton_de_volver_a_inicio {
padding: 8px 20px;
background-color: rgb(231, 0, 76);
color: #fff;
font-size: 17px;
}
.fila_boton_flotante {
padding: 2px 0px;
background-color: #fff;
}
.boton_de_volver_a_inicio:hover {
padding: 8px 20px;
background-color: rgb(25, 55, 239);
color: #fff;
text-decoration: none;
}
/*---------------------------------------------- fin flotante-------------------------------------------------------------*/
/*---------------------------------------------------Inicio footer------------------------------------------------*/
@font-face {
font-family: 'Gilroy-Regular';
src: url('font/Gilroy-Regular.eot');
src: url('font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('font/Gilroy-Regular.svg#Gilroy-Regular') format('svg'),
url('font/Gilroy-Regular.ttf') format('truetype'),
url('font/Gilroy-Regular.woff') format('woff'),
url('font/Gilroy-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
.text_hover:hover {
/* text-decoration: underline !important; */
color: #fbb029;
}
.franja_naranja {
width: 100%;
height: 7px;
background-color: rgb(249, 176, 0);
}
.fila_footer{
padding-bottom: 43px;
}
#footer{
background-color: rgb(41, 58, 232);
height: 240px;
display: table;
width: 100%;
}
.texto_logo{
margin-left: 58px;
font-size: 16px;
}
.logo_de_legis {
width: 227px;
padding: 61px 29px 0px 36px;
}
.pata_footer {
width: 145px;
position: absolute;
margin: -28px 10px 6px 68px;
}
.footer-sin-padding{
padding-right: 0 !important;
padding-left: 0 !important;
}
.text_footer {
color: #fff;
/* font-family: fantasy; */
/* font-family: "tahoma"; */
/* font-family: 'Gilroy-Regular'; */
font-size: 16
px;
margin-bottom: 2px;
}
.fondo_oscuro{
background-color: #002c54;
}
.derechos{
color: rgba(255, 255, 255, 0.74);
font-size: 14px;
}
hr {
width: 87%;
background-color: #fff;
margin: 0 auto;
}
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 20px 0px;
}
.footer_redes:hover{
color: #f9b000;
}
.circulo_redes:hover{
color: #f9b000;
}
.tamaño_font{
font-size: 17px;
}
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 62px;
margin-bottom: 18px;
}
.subtitulo_footer2{
font-family: "Gilroy-Bold";
color: #fff;
font-weight: 100;
font-size: 21px;
margin-top: 31px;
}
.espacio_padding{
padding: 0px 20px;
}
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 20% !important;
flex: auto;
}
.col-xs-5 {
float: left;
width: 20%;
}
.footer_redes {
color: rgba(255, 255, 255, 0.54);
font-size: 29px;
margin-top: 65px;
margin-left: 25px;
}
.circulo_redes {
position: absolute;
top: 144px;
left: 104px;
font-size: 47px;
color: #ffffff5c;
}
.ocultar_modulos{
display: none;
}
.ver_mas {
text-decoration: underline;
color: #fca200;
cursor: pointer;
}
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 13px 0px;
}
/*
.centrar_texto {
text-align: center;
background-color: #002c54;
padding: 8px 0px 25px 0px;
}
*/
.facebook_z3{
margin-left: 68px;
}
.buttom_text {
text-align: center;
background-color: #002c54;
padding: 20px 0px 13px 0px;
}
.desplegar_footer {
display: none;
}
span.bullet {
color: #fff;
font-size: 23px;
position: absolute;
left: 10px;
top: -7px;
}
/*---------------------------------------------------Fin footer------------------------------------------------*/
/*---------------------------------------------------contenido cajon intro------------------------------------------------*/
.estilos_cajon {
padding: 32px 49px 43px 49px;
max-width: 1016px;
width: 100%;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 19px;
padding: 20px;
font-family: "tahoma";
font-weight: inherit;
text-align: left;
line-height: 28px;
font-weight: inherit;
margin-bottom: 0px;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 25px;
line-height: 33px;
width: 444px;
font-family: "Gilroy-Bold";
width: 100%;
text-align: left;
}
.contenido_fancybox{
display: none;
}
.audio_intro {
width: 317px;
margin-top: -3px;
transition: all 0.2s ease;
margin-top: 0px;
cursor: pointer;
display: none;
}
.audio_intro:hover{
transform: scale(0.9);
}
.fancybox{
text-decoration: none !important;
}
/*---------------------------------------------------fin contenido cajon intro------------------------------------------------*/
.audio {
margin-left: 0;
margin-top: 9px;
max-width: 293px;
height: 46px;
}
.audio_textos{
margin-left: 11px;
}
.indicador_audio_intro {
color: #1937ef;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 14px;
font-size: 16px;
padding-left: 14px;
}
@media (max-width: 1440px) {
.fila_contenedor_1 {
padding: 117px 50px 0px 50px;
}
#contenedor_absolute {
height: 482px;
}
.espacios_de_contenido {
padding: 8px 0px 0px 0px !important;
}
.volver_a_formualrios {
font-size: 18px;
padding: 52px 20px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 28px;
margin-top: 0;
}
.titulo_principal {
font-size: 40px;
line-height: 25px;
}
.texto_modulo_z3 {
font-size: 15px;
line-height: 20px;
}
}
@media (max-width: 1280px) {
#invidentes{
display: none;
}
}
@media (max-width: 1150px) {
.carousel-control-prev {
left: 0;
height: 86% !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 30px;
height: 52px !important;
}
#contenedor_absolute {
height: 413px;
}
.fila_contenedor_1 {
padding: 110px 20px 47px 20px !important;
}
#contenedor_absolute {
height: 200px;
}
}
@media (max-width: 1020px) {
.texto_principal {
padding: 19px 0px 11px 0px;
width: 88%;
font-size: 21px;
margin: auto;
}
.titulo_principal {
margin: 41px auto 20px auto;
font-size: 42px;
line-height: 26px;
width: 100%;
padding: 24px 44px 19px 44px;
}
.contenedor_ancho_cien{
height: 500px;
max-width: 100% !important;
flex: 0 0 100%;
}
#contenedor_de_video {
max-width: 100%;
flex: 0 0 100%;
}
.esconder_MV{
display: none;
}
.fila_contenedor_1 {
padding: 110px 20px 2px 20px !important;
}
}
@media (max-width: 1000px) {
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 77px;
}
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 77px;
}
.carousel-control-prev {
left: 0;
height: 82% !important;
}
.carousel-indicators {
display: none;
}
#imagen_principal_z1 {
margin-top: 80px;
}
.bullet{
display: none;
}
/*-----------------footer--------------------*/
.subtitulo_footer {
font-family: "Gilroy-Bold";
color: #fff;
font-weight: inherit;
font-size: 21px;
margin-top: 33px;
}
.margen_responsiva {
margin-top: 149px;
}
.facebook_z3 {
margin-left: 0;
}
.circulo_redes {
position: relative;
top: 2px;
left: 24px;
font-size: 35px;
color: #ffffff5c;
}
.texto_logo {
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 51px 40px 73px;
text-align: left;
}
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 50% !important;
}
.logo_de_legis {
width: 182px;
padding: 45px 29px 0px 0px;
margin-left: -27px;
}
.pata_footer {
width: 127px;
position: absolute;
margin: -24px 10px 6px 39px;
}
/*-------------fin footer-----------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 28px;
padding: 0px 43px;
line-height: 24px;
margin-top: 76px;
margin-bottom: 54px;
}
/*
.col-md {
-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 50% !important;
flex-basis: inherit !important;
}
.col-md {
-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 100% !important;
flex-basis: inherit !important;
}
*/
/*
.col-md {
-ms-flex-preferred-size: 0 !important;
flex-basis: none !important;
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
max-width: 50% !important;
flex-basis: inherit !important;
}
*/
/*
.col-md-6 {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
*/
iframe.d-block.w-100 {
height: 290px !important;
}
.esconder_contenido_modulos_movil_z2{
display: block;
}
iframe.d-block.w-100 {
height: 282px;
}
.esconder_contenido_modulos_z2{
display: none;
}
.nombre_de_modulo_cajon {
color: #03040eb5;
font-size: 17px;
line-height: 27px;
padding: 0px 20px 20px 20px;
}
.titulo_de_informacion_cajon {
padding: 13px 34px 1px 18px;
color: #1937ef;
font-size: 22px;
}
.carousel-inner {
margin: 20px auto 50px auto !important;
width: 91% !important;
}
.escondeer_en_escritorio {
display: none;
}
.esconder_modulo_de_movil{
display: none;
}
.esconder_modulo_de_escritorio{
display: block;
}
.audio {
margin-left: 44px;
margin-top: 25px;
}
.imagen_boton_audio {
margin-left: 31px;
/* margin: auto; */
width: 323px;
height: 86px;
}
.texto_principal {
padding: 19px 0px 11px 0px;
width: 88%;
font-size: 21px;
margin: auto;
}
.fila_contenedor_1 {
padding: 45px 30px 40px 30px;
}
.titulo_principal {
margin: 41px auto 20px auto;
font-size: 42px;
line-height: 26px;
width: 200%;
padding: 24px 44px 19px 44px;
}
.carousel-control-next {
right: 29px;
/*display: none !important;*/
}
.carousel-control-prev {
left: 29px;
/*display: none !important;*/
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 26px;
padding: 0px 43px;
line-height: 24px;
margin-top: 78px;
margin-bottom: 52px;
}
.texto_modulo_z3 {
font-size: 17px;
line-height: 23px;
}
.esconder_de_movil{
display: none !important;
}
.esconder_de_escritorio {
display: flex !important;
}
.cajon_texto {
padding: 10px 14px;
height: 148px;
}
}
@media (max-width: 770px) {
#imagen_principal_z1 {
margin-top: 84px;
}
.texto_principal {
padding: 19px 0px 11px 0px;
width: 88%;
font-size: 16px;
margin: auto;
}
.fila_contenedor_1 {
padding: 58px 20px 29px 20px !important;
}
}
@media (max-width: 610px) {
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 26px;
height: 43px !important;
}
.carousel-control-prev-icon {
margin-right: 40px;
margin-top: 51px;
}
.fila_contenedor_1 {
padding: 12px 20px 29px 20px !important;
}
#contenedor_absolute {
height: 319px;
}
#imagen_principal_z1 {
margin-top: 0px;
}
/*-----------------------------footer---------------------*/
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
.text_footer {
color: #fff;
font-size: 15px;
}
.boton_underline_politicas {
text-decoration: underline;
}
.text_hover {
text-decoration: underline !important;
}
.desplegar_footer {
text-align: center;
margin: 15px auto 0 auto;
font-size: 37px;
color: #fff;
display: block;
}
.logo_de_legis {
width: 145px;
padding: 0;
margin-top: 24px;
margin-left: 0;
}
.fila_footer {
padding-bottom: 43px;
padding: 9px 0px 40px 0px;
text-align: center;
}
.margen_responsiva {
margin-top: 36px;
}
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
min-height: 1px;
position: relative;
display: initial;
width: 100% !important;
}
.ocultar_movil{
display: none;
}
.ver_mas {
/* text-decoration: underline; */
background-color: #fca200;
cursor: pointer;
padding: 5px 5px 9px 6px;
font-size: 20px;
margin: 24px auto;
width: 60%;
color: #ffffff;
}
/*-----------------------------fin footer---------------------*/
.subtitulo_seccion_modulos {
text-align: center;
font-size: 20px;
margin-top: 18px;
margin-bottom: 55px;
}
.carousel-indicators {
bottom: 0 !important;
}
.nombre_de_modulo_cajon {
padding: 4px 20px 20px 20px;
margin-bottom: 16px;
}
.titulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.nombre_de_modulo_cajon {
color: #03040ed4;
font-size: 15px;
line-height: 23px;
}
.estilos_cajon {
padding: 18px 4px 43px 9px;
max-width: 1016px;
width: 100%;
}
.carousel-inner {
padding: 0px !important;
width: 100% !important;
margin: auto !important;
}
footer#footer {
text-align: center;
}
.pata_footer {
display: none;
}
.volver_a_formualrios {
width: 100%;
display: block;
text-align: center;
padding: 59px 30px;
font-size: 20px;
}
.boton_de_volver_a_inicio {
width: 76%;
display: block;
text-align: center;
padding: 5px 25px;
margin: auto;
font-size: 15px;
line-height: 20px;
}
.simulador_text {
font-size: 19px;
padding: 7px 10px;
display: block;
}
.mitad_movil {
width: 50% !important;
}
.fila_contenedor_1 {
padding: 45px 20px 40px 20px;
}
.audio {
margin-left: 0;
margin-top: 26px;
height: 51px;
width: 100%;
}
/*--------------------------------header--------------------------------*/
.titulo_principal {
margin: 37px auto 14px auto;
font-size: 31px;
line-height: 20px;
}
.imagen_boton_audio {
margin-left: 0;
width: 280px;
height: 79px;
}
.texto_principal {
padding: 10px 0px 5px 0px;
width: 100%;
margin: auto;
font-size: 15px;
}
.titulo_principal {
margin: 37px auto 14px auto;
font-size: 27px;
line-height: 20px;
width: 100%;
padding: 15px 44px 12px 44px;
}
iframe.d-block.w-100 {
height: 173px !important;
}
.fuente_pequeña {
font-size: 16px;
padding-left: 49px;
}
.imagen_principal {
width: 100%;
margin-top: 0;
}
.fila_de_header {
background-color: #fff;
position: relative;
margin-top: 0;
width: 100%;
z-index: 120;
border-bottom: 1px solid #1937ef8f;
}
.partir_mitad_movil {
width: 50% !important;
}
.logo_legiscomex {
width: 150px;
padding: 13px 7px;
height: 67px;
}
.fila_redes_sociales {
text-align: right;
padding-right: inherit;
padding-right: 24px !important;
}
.iconos_redes_sociales {
width: 35px;
padding: 12px 3px;
height: 67px;
}
.texto_modulo_z3 {
font-size: 12px;
line-height: 18px;
padding: 20px;
}
/*------------------------------header----------------------------*/
}
@media (max-width: 490px){
.carousel-indicators {
display: inline-flex;
}
.carousel-control-prev {
left: 29px;
display: none !important;
}
.carousel-control-next {
display: none !important;
}
/*----------footer-------------*/
.logo_de_legis {
width: 138px;
}
/*--------footer----------------*/
}
@media (max-width: 380px){
/*-----------footer-------------*/
.logo_de_legis {
width: 180px;
padding: 2px 30px 1px 30px;
}
.desplegar_footer {
font-size: 33px;
}
.text_footer {
color: #fff;
font-size: 14px;
padding: 0px 24px;
margin-bottom: 2px;
}
/*-------------fin footer--------*/
iframe.d-block.w-100 {
height: 151px !important;
}
.carousel-control-prev {
left: 0;
display: none !important;
}
.carousel-control-next {
right: 0;
display: none !important;
}
.carousel-indicators li{
width: 15px !important;
height: 15px !important
}
iframe.d-block.w-100 {
height: 140px;
}
.boton_de_volver_a_inicio {
width: 87%;
display: block;
text-align: center;
padding: 6px 15px;
font-size: 15px;
}
.simulador_text {
font-size: 17px;
}
.fuente_pequeña {
font-size: 14px;
padding-left: 38px;
}
}
@media (max-width: 370px){
.subtitulo_seccion_modulos {
text-align: center;
font-size: 19px;
}
iframe.d-block.w-100 {
height: 143px !important;
}
@media (max-width: 350px){
.subtitulo_seccion_modulos {
text-align: center;
font-size: 26px;
padding: 0px 43px;
line-height: 24px;
margin-top: 6px;
}
.fila_contenedor_1 {
padding: 45px 0px 14px 0px;
}
.fuente_pequeña {
font-size: 14px;
padding-left: 14px;
}
.titulo_principal {
margin: 37px auto 14px auto;
font-size: 27px;
line-height: 17px;
width: 100%;
padding: 15px 12px 13px 19px;
}
.texto_principal {
padding: 10px 0px 5px 0px;
width: 100%;
margin: auto;
font-size: 13px;
}
.audio {
margin-left: 0;
height: 39px;
width: 100%;
margin-top: 22px;
}
.simulador_text {
font-size: 15px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
}
}
@media (max-width: 345px){
.titulo_de_informacion_cajon {
font-size: 20px;
margin-bottom: 23px;
line-height: 24px;
}
.nombre_de_modulo_cajon {
padding: 0;
}
.titulo_de_informacion_cajon {
padding: 0;
}
.subtitulo_seccion_modulos {
margin-top: 6px;
}
}
@media (max-width: 250px){
.volver_a_formualrios {
padding: 59px 0px;
}
.texto_modulo_z3 {
font-size: 12px;
line-height: 18px;
padding: 0;
}
.texto_principal {
padding: 10px 0px 28px 0px;
width: 100%;
margin: auto;
font-size: 13px;
}
.subtitulo_seccion_modulos {
text-align: center;
font-size: 16px;
padding: 0px 43px;
line-height: 21px;
margin-top: 6px;
}
.iconos_redes_sociales {
width: 28px;
padding: 21px 3px;
height: 64px;
}
.fila_contenedor_1 {
padding: 34px 0 29px 0 !important;
}
.logo_legiscomex {
width: 112px;
padding: 14px 7px;
height: 67px;
}
}
</style>
<body>
<header>
<div id="pantalla1"></div>
<div id="pantalla2"></div>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro_impo.mp3" autostart="true" loop="false" id="intro_transito" class="intro_transito" height="0" width="0"></audio> <!------------------------------------------------------header pagina---------------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/header_impo.mp3" autostart="true" loop="false" id="header" class="header" height="0" width="0"></audio>
<!------------------------------------------------------header pagina---------------------------------------------------------------->
<!-------------------------------------------------------audios----------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/slider_impo.mp3" autostart="true" loop="false" id="slider" class=" slider" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/introduccion_impo.mp3" id="introduccion" autostart="true" loop="false" class="introduccion" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/video_impo.mp3" id="video" autostart="true" loop="false" class="video" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/intro3_impo.mp3" id="seccion3" autostart="true" loop="false" class="seccion3" height="0" width="0" ></audio>
<!---------------------------------------------procesos---------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso1_impo.mp3" id="proceso1" autostart="true" loop="false" class="proceso1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso2_impo.mp3" id="proceso2" autostart="true" loop="false" class="proceso2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso3_impo.mp3" id="proceso3" autostart="true" loop="false" class="proceso3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso4_impo.mp3" id="proceso4" autostart="true" loop="false" class="proceso4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso5_impo.mp3" id="proceso5" autostart="true" loop="false" class="proceso5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso6_impo.mp3" id="proceso6" autostart="true" loop="false" class="proceso6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso7_impo.mp3" id="proceso7" autostart="true" loop="false" class="proceso7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso8_impo.mp3" id="proceso8" autostart="true" loop="false" class="proceso8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso9_impo.mp3" id="proceso9" autostart="true" loop="false" class="proceso9" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso10_impo.mp3" id="proceso10" autostart="true" loop="false" class="proceso10" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso11_impo.mp3" id="proceso11" autostart="true" loop="false" class="proceso11" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso12_impo.mp3" id="proceso12" autostart="true" loop="false" class="proceso12" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso13_impo.mp3" id="proceso13" autostart="true" loop="false" class="proceso13" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso14_impo.mp3" id="proceso14" autostart="true" loop="false" class="proceso14" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso15_impo.mp3" id="proceso15" autostart="true" loop="false" class="proceso15" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso16_impo.mp3" id="proceso16" autostart="true" loop="false" class="proceso16" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso17_impo.mp3" id="proceso17" autostart="true" loop="false" class="proceso17" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/proceso18_impo.mp3" id="proceso18" autostart="true" loop="false" class="proceso18" height="0" width="0" ></audio>
<!-----------------------------------------------contenido dento del cada modulo----------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido1_impo.mp3" id="contenido_1" autostart="true" loop="false" class="contenido1" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido2_impo.mp3" id="contenido_2" autostart="true" loop="false" class="contenido2" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido3_impo.mp3" id="contenido_3" autostart="true" loop="false" class="contenido3" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido4_impo.mp3" id="contenido_4" autostart="true" loop="false" class="contenido4" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido5_impo.mp3" id="contenido_5" autostart="true" loop="false" class="contenido5" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido6_impo.mp3" id="contenido_6" autostart="true" loop="false" class="contenido6" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido7_impo.mp3" id="contenido_7" autostart="true" loop="false" class="contenido7" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido8_impo.mp3" id="contenido_8" autostart="true" loop="false" class="contenido8" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido9_impo.mp3" id="contenido_9" autostart="true" loop="false" class="contenido9" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido10_impo.mp3" id="contenido_10" autostart="true" loop="false" class="contenido10" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido11_impo.mp3" id="contenido_11" autostart="true" loop="false" class="contenido11" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido12_impo.mp3" id="contenido_12" autostart="true" loop="false" class="contenido12" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido13_impo.mp3" id="contenido_13" autostart="true" loop="false" class="contenido13" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido14_impo.mp3" id="contenido_14" autostart="true" loop="false" class="contenido14" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido15_impo.mp3" id="contenido_15" autostart="true" loop="false" class="contenido15" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido16_impo.mp3" id="contenido_16" autostart="true" loop="false" class="contenido16" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido17_impo.mp3" id="contenido_17" autostart="true" loop="false" class="contenido17" height="0" width="0" ></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/contenido18_impo.mp3" id="contenido_18" autostart="true" loop="false" class="contenido18" height="0" width="0" ></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/principal_legicomex_impo.mp3--+" autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0" width="0"></audio>
<!----------------------------------------------------ir a pagina legiscomex---------------------------------------------------------->
<!--------------------------------------------------------salir del modulo---------------------------------------------------------->
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/salir_proceso_impo.mp3" id="salir_proceso" autostart="true" loop="false" class="salir_proceso" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/video_impo.mp3" id="video" autostart="true" loop="false" class="video" height="0" width="0"></audio>
<audio src="https://www.legiscomex.com/Presentaciones/procesos_importaciones/audios/legis_impo.mp3" autostart="true" loop="false" id="principal_legicomex" class="principal_legicomex" height="0" width="0"></audio>
<div class="row fila_de_header" id="fila_de_header">
<div class="col-sm-6 col-md-7 partir_mitad_movil">
<a href="https://www.legiscomex.com/"><img src="/Presentaciones/procesos_importaciones/img/logo-legiscomex.svg" class="logo_legiscomex"></a>
</div>
<div class="col-sm-6 col-md-5 fila_redes_sociales partir_mitad_movil">
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank"><img src="/Presentaciones/procesos_importaciones/img/icono-twitter.svg" class="iconos_redes_sociales twitter_z1"></a>
<a href="https://www.facebook.com/Legiscomex/" target="_blank"><img src="/Presentaciones/procesos_importaciones/img/icono-facebook.svg" class="iconos_redes_sociales facebook_z1"></a>
<p id="invidentes" class="invidentes"><i class="fas fa-wheelchair"></i> Activar Personas Invidentes</p>
</div>
</div>
</header>
<section>
<!---------------------------------------Inicio seccion 1------------------------------------->
</div>
</div>
</div>
</div>
<div class="container fila_contenedor_1">
<div class="col-md-12 contenedor_ancho_cien" id="contenedor_absolute">
<div class="col-sm-12 col-md-12 container-titulo">
<h1 class=" titulo_principal">Rutas marítimas de Perú</span></h1>
<p class=" texto_principal">A continuación podrás encontrar las rutas marítimas utilizadas por Perú con sus principales socios comerciales:
</p>
</div>
</div>
</div>
<!--------------------------------------------------contenido-movil-------------------------------->
<!------------------------------------fin contenido movil------------------------------------------>
<!---------------------------------------fin seccion 1------------------------------------->
<!---------------------------------------Inicio seccion 2------------------------------------->
<div class="container-fluid quitar-padding espacios_de_contenido esconder_contenido_modulos_z2">
<div class="row row-cols-5 ">
<!-- <h2 class="subtitulo_seccion_modulos" id="inicio_seccion_3">Rutas marítimas de Perú</h2>-->
<!--
<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
</div>
<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</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_1">
<a href="https://legiscomex.com/informacion/rutas-maritimas-peru-chile" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%282%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Chile </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_2">
<a href="https://legiscomex.com/informacion/rutas-maritimas-peru-china" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%286%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">China</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_3">
<a href="https://legiscomex.com/informacion/rutas-maritimas-peru-colombia" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Colombia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_4">
<a href="https://legiscomex.com/informacion/rutas-maritimas-peru-canada" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas_0.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Canadá</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_5">
<a href="https://legiscomex.com/informacion/rutas-maritimas-peru-ee-uu" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%284%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">EE UU</p>
</div>
</a>
</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://legiscomex.com/informacion/rutas-maritimas-peru-japon" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas%20%282%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Japón</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_7">
<a href="https://legiscomex.com/informacion/rutas-maritimas-peru-brasil" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%281%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Brasil</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil" id="proceso_8">
<a href="https://legiscomex.com/informacion/rutas-maritimas-peru-espana" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas_3.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">España</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://legiscomex.com/informacion/rutas-maritimas-peru-alemania" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Alemania</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://legiscomex.com/informacion/rutas-maritimas-peru-corea-del-sur" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%283%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Corea del Sur</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!------------------------------------------------modulos_version movil--------------------------------------->
<div class="container-fluid quitar-padding espacios_de_contenido esconder_contenido_modulos_movil_z2">
<div class="row row-cols-5 ">
<h2 class="subtitulo_seccion_modulos">Rutas marítimas de Perú</h2>
<!--
<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
</div>
<div class="row">
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_blanca.jpg" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Aviso de arribo del medio de transporte</p>
</div>
</div>
<div class="col quitar_padding_z3">
<img src="/Presentaciones/procesos_importaciones/img/imagen_azul.jpg" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Aviso de arribo del medio de transporte</p>
</div>
</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="#cuadro_1" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%282%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">Chile </p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_2" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%286%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">China</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_3_1" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Colombia</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_4" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas_0.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Canadá</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_5" class="quitar_fancybox fancybox boton_mas_informacion">
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%284%29.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">EE UU</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_6" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas%20%282%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Japón</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_7" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%281%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Brasil</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_8" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-10/Pai%CC%81sesCaratula%20rutas_3.png" class="imagen_modulo_z2">
<div class="cajon_texto">
<p class="texto_modulo_z3">España</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_9" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_blanco">
<p class="texto_modulo_z3 texto_azul">Alemania</p>
</div>
</a>
</div>
<div class="col-sm-6 col-md-6 col-lg quitar_padding_z3 mitad_movil">
<a href="#cuadro_10" class="quitar_fancybox fancybox boton_mas_informacion" >
<img src="/sites/legiscomex/files/2020-09/Pai%CC%81sesa%20%283%29.png" class="imagen_modulo_z2">
<div class="cajon_texto cajon_texto_amarillo">
<p class="texto_modulo_z3">Corea del Sur</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!----------------------------------------------fin modulos version movil------------------------------------->
<!-----------------------------------------seccion flotante------------------------------------->
<div class="container-fluid">
<div class="row fila_boton_flotante">
<div class="col-md-12">
<p class="volver_a_formualrios">
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/transporte" class="boton_de_volver_a_inicio" target="_blank">
Volver a transporte</a> <!--<span class="simulador_text"> </span>-->
</p>
</div>
</div>
</div>
<!-----------------------------------------fin flotante------------------------------------->
</section>
<div class="container-fluid footer-sin-padding">
<footer id="footer">
<img src="/Presentaciones/procesos_importaciones/img/pata_footer.svg" class="pata_footer">
<div class="container-fluid footer-sin-padding">
<div class="row fila_footer">
<div class="espacio_padding col-lg-5">
<a href="https://www.legis.com.co/"><img src="/Presentaciones/procesos_importaciones/img/logo_legis.svg" class="logo_de_legis"></a>
<p class="text_footer texto_logo tamaño_font">Legiscomex.com</p>
<p class="text_footer texto_logo tamaño_font">ISSN 2027-8314</p>
</div>
<i class="fas fa-angle-double-down desplegar_footer"></i>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer margen_responsiva">Sobre nosotros</h2>
<a href="https://www.legiscomex.com/nosotros" target="_blank"><p class="text_footer text_hover">Quiénes somos</p></a>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Nuestros módulos</h2>
<a href="https://www.legiscomex.com/arancel-de-aduanas" target="_blank"><p class="text_footer text_hover">Arancel de Aduanas</p></a>
<a href="https://www.legiscomex.com/analisis-de-mercados-internacionales" target="_blank"><p class="text_footer text_hover">Análisis de Mercados</p></a>
<p class="text_footer ver_mas">ver más</p>
<div class="ocultar_modulos">
<a href="https://www.legiscomex.com/regulacion-aduanera-colombiana-0" target="_blank"><p class="text_footer text_hover">Regulación Aduanera Colombiana</p></a>
<a href="https://www.legiscomex.com/informacion-oportunidades-comerciales" target="_blank"><p class="text_footer text_hover">Oportunidades comerciales</p></a>
<a href="https://www.legiscomex.com/ranking-de-importaciones-y-exportaciones-0" target="_blank"><p class="text_footer text_hover">Ranking de Importaciones y Exportaciones</p></a>
<a href="https://www.legiscomex.com/informacion-financiera-de-empresas-0" target="_blank"><p class="text_footer text_hover">Información Financiera de Empresas</p></a>
<a href="https://www.legiscomex.com/universidades-abc-del-comercio-internacional" target="_blank"><p class="text_footer text_hover">Universidades ABC</p></a>
<a href="https://www.legiscomex.com/simulador-de-formularios" target="_blank"><p class="text_footer text_hover">Simulador de Formularios</p></a>
</div>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<h2 class="subtitulo_footer">Contáctenos</h2>
<p class="text_footer">E-mail sclientes@legis.com.co</p>
<p class="text_footer">Línea Nacional: 018000912101</p>
<h2 class="subtitulo_footer2">Oficina principal</h2>
<p class="text_footer">Avenida Calle 26 # 82 - 70, Bogotá D.C.</p>
<p class="text_footer">Tel: +57 (1) 4255255</p>
</div>
<div class="espacio_padding col-lg-5 ocultar_movil">
<a href="https://www.facebook.com/Legiscomex/" target="_blank">
<i class="fab fa-facebook-f footer_redes facebook_z3"></i>
</a>
<a href="https://www.linkedin.com/company/legiscomex-com/" target="_blank">
<i class="fab footer_redes fa-linkedin-in"></i>
</a>
<!--<i class="fab fa-youtube footer_redes"></i>-->
<a href="#imagen_principal_z1" class="scroll" target="_blank">
<i class="fas fa-chevron-circle-up circulo_redes"></i>
</a>
</div>
</div>
<div class="franja_naranja"></div>
<div class="container-fliud fondo_oscuro">
<div class="row centrar_texto buttom_text">
<div class="col-sm-4 col-md-4">
<p class="text_footer boton_underline_politicas">Términos y condiciones</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span><p class="text_footer boton_underline_politicas">Política de privacidad</p>
</div>
<div class="col-sm-4 col-md-4">
<span class="bullet">•</span><p class="text_footer boton_underline_politicas">Línea ética de denuncia</p>
</div>
</div>
<hr>
<div class="row centrar_texto" style="padding: 16px 0px 0px 0px;">
<div class="col-md-12">
<p class="text_footer derechos">Pertenece al Módulo de Universidades ABC del comercio internacional</p>
</div>
</div>
<div class="row centrar_texto">
<div class="col-md-12">
<p class="text_footer derechos">2020 © Todos los derechos reservados. Prohibida su reproducción total o parcial, así como su traducción a cualquier idioma sin autorización escrita de su titular. </p>
</div>
</div>
<div class="row centrar_texto" style="padding: 6px 0px 6px 0px;background-color: #293ae8;border-top: 1px solid #fff;">
<div class="col-md-12">
<p class="text_footer derechos" style="color: fff; font-size: 14px; ">Legiscomex 2020</p>
</div>
</div>
</div>
</div>
</footer>
<div class="contenido_fancybox">
<div id="cuadro_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Chile</h1>
<p class="nombre_de_modulo_cajon">Conoce las rutas y servicios marítimos de comercio exterior entre Chile y Perú aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-chile-perfil" target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Chile - Perú </button></a>
</div>
<div id="cuadro_2" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">China</h1>
<p class="nombre_de_modulo_cajon">Las rutas y servicios marítimos de comercio exterior entre China y Perú son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-chiwan" target="_blank"><button class="btn btn-primary estilos_boton2">Chiwan</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-foshan" target="_blank"><button class="btn btn-primary estilos_boton2">Foshan</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-fuqing" target="_blank"><button class="btn btn-primary estilos_boton2">Fuqing</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-fuzhou" target="_blank"><button class="btn btn-primary estilos_boton2">Fuzhou</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-guangzhou" target="_blank"><button class="btn btn-primary estilos_boton2">Guangzhou</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-guigang" target="_blank"><button class="btn btn-primary estilos_boton2">Guigang</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-haikou" target="_blank"><button class="btn btn-primary estilos_boton2">Haikou</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-hong-kong" target="_blank"><button class="btn btn-primary estilos_boton2">Hong Kong</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-shanghai" target="_blank"><button class="btn btn-primary estilos_boton2">Shanghái</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-otras-rutas" target="_blank"><button class="btn btn-primary estilos_boton2">Otras rutas</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_4" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Canadá</h1>
<p class="nombre_de_modulo_cajon">Las rutas y servicios marítimos de comercio exterior entre Canadá y Perú son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-canada-halifax" target="_blank"><button class="btn btn-primary estilos_boton2">Halifax</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-canada-montreal" target="_blank"><button class="btn btn-primary estilos_boton2">Montreal</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-canada-quebec" target="_blank"><button class="btn btn-primary estilos_boton2">Quebec</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-canada-saint-john" target="_blank"><button class="btn btn-primary estilos_boton2">Saint John</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-canada-toronto" target="_blank"><button class="btn btn-primary estilos_boton2">Toronto</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-canada-vancouver" target="_blank"><button class="btn btn-primary estilos_boton2">Vancouver</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-canada-winnipeg" target="_blank"><button class="btn btn-primary estilos_boton2">Winnipeg</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_3_1" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Colombia</h1>
<p class="nombre_de_modulo_cajon">Conoce todos los detalles sobre las rutas y servicios marítimos de comercio exterior utilizados entre Colombia y Perú aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-colombia-perfil" target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Colombia - Perú</button></a>
</div>
<div id="cuadro_5" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">EE UU</h1>
<p class="nombre_de_modulo_cajon">Las rutas y servicios marítimos de comercio exterior entre EEUU y Perú son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-boston" target="_blank"><button class="btn btn-primary estilos_boton2">Boston</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-charleston" target="_blank"><button class="btn btn-primary estilos_boton2">Charleston</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-houston" target="_blank"><button class="btn btn-primary estilos_boton2">Houston</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-jacksonville" target="_blank"><button class="btn btn-primary estilos_boton2">Jacksonville</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-los-angeles" target="_blank"><button class="btn btn-primary estilos_boton2">Los Ángeles</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-new-orleans" target="_blank"><button class="btn btn-primary estilos_boton2">New Orleans</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-new-york" target="_blank"><button class="btn btn-primary estilos_boton2">New York</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-norfolk" target="_blank"><button class="btn btn-primary estilos_boton2">Norfolk</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-oakland" target="_blank"><button class="btn btn-primary estilos_boton2">Oakland</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-philadelphia" target="_blank"><button class="btn btn-primary estilos_boton2">Philadelphia</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-san-francisco" target="_blank"><button class="btn btn-primary estilos_boton2">San Francisco</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-ee-uu-savannah" target="_blank"><button class="btn btn-primary estilos_boton2">Savannah</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_6" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Japón</h1>
<p class="nombre_de_modulo_cajon"> Conoce todos los detalles sobre las rutas y servicios marítimos de comercio exterior utilizados entre Japón y Perú aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-japon-perfil" target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Japón - Perú</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_7" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Brasil</h1>
<p class="nombre_de_modulo_cajon">Las rutas y servicios marítimos de comercio exterior entre Brasil y Perú son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-belem" target="_blank"><button class="btn btn-primary estilos_boton2">Belem</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-fortaleza" target="_blank"><button class="btn btn-primary estilos_boton2">Fortaleza</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-imbituba" target="_blank"><button class="btn btn-primary estilos_boton2">Imbituba</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-itajai" target="_blank"><button class="btn btn-primary estilos_boton2">Itajai</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-manaus" target="_blank"><button class="btn btn-primary estilos_boton2">Manaus</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-navegantes" target="_blank"><button class="btn btn-primary estilos_boton2">Navegantes</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-paranagua" target="_blank"><button class="btn btn-primary estilos_boton2">Paranagua</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-pecem" target="_blank"><button class="btn btn-primary estilos_boton2">Pecem</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-recife" target="_blank"><button class="btn btn-primary estilos_boton2">Recife</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-rio-janeiro" target="_blank"><button class="btn btn-primary estilos_boton2">Rio de Janeiro</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-rio-grande" target="_blank"><button class="btn btn-primary estilos_boton2">Río grande</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-salvador-de" target="_blank"><button class="btn btn-primary estilos_boton2">Salvador de Bahía</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-santos" target="_blank"><button class="btn btn-primary estilos_boton2">Santos</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-sao-francisco" target="_blank"><button class="btn btn-primary estilos_boton2">São Francisco do Sul</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-sepetiba" target="_blank"><button class="btn btn-primary estilos_boton2">Sepetiba</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-suape" target="_blank"><button class="btn btn-primary estilos_boton2">Suape</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-brasil-victoria" target="_blank"><button class="btn btn-primary estilos_boton2">Victoria</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_8" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">España</h1>
<p class="nombre_de_modulo_cajon"> Las rutas y servicios marítimos de comercio exterior entre España y Perú son:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-algeciras" target="_blank"><button class="btn btn-primary estilos_boton2">Algeciras</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-alicante" target="_blank"><button class="btn btn-primary estilos_boton2">Alicante</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-barcelona" target="_blank"><button class="btn btn-primary estilos_boton2">Barcelona</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-bilbao" target="_blank"><button class="btn btn-primary estilos_boton2">Bilbao</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-cadiz" target="_blank"><button class="btn btn-primary estilos_boton2">Cadiz</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-ceuta" target="_blank"><button class="btn btn-primary estilos_boton2">Ceuta</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-ibiza" target="_blank"><button class="btn btn-primary estilos_boton2">Ibiza</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-tenerife" target="_blank"><button class="btn btn-primary estilos_boton2">Tenerife</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-valencia" target="_blank"><button class="btn btn-primary estilos_boton2">Valencia</button></a>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-espana-vigo" target="_blank"><button class="btn btn-primary estilos_boton2">Vigo</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_9" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Alemania</h1>
<p class="nombre_de_modulo_cajon">Conoce todos los detalles de las rutas y servicios marítimos de comercio exterior utilizados entre Alemania y Perú aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-alemania-perfil" target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Alemania - Perú</button></a>
<p class="nombre_de_modulo_cajon">Haz clic según corresponda para obtener todos los detalles sobre cada una de las rutas marítimas utilizadas</p>
</div>
<div id="cuadro_10" class="estilos_cajon">
<h1 class="titulo_de_informacion_cajon">Corea del Sur</h1>
<p class="nombre_de_modulo_cajon">Conoce todas las rutas y servicios marítimos de comercio exterior entre Corea del Sur y Perú aquí:</p>
<a href="https://www.legiscomex.com/informacion-universidades-abc-del-comercio-internacional/rutas-maritimas-peru-china-corea-del-sur" target="_blank"><button class="btn btn-primary estilos_boton2">Rutas marítimas Corea del Sur - Perú</button></a>
</div>
</div>
<!-------------------------------------------------------nuevos------------------------------------------->
</div>
<!--<script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script>-->
<!--<script type="text/javascript" src="js/audios_importacion.js"></script>-->
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/popper.min.js"></script>
<script type="text/javascript" src="/Presentaciones/procesos_importaciones/js/bootstrap.min.js"></script>
<!--<script type="text/javascript">
$('.carousel').carousel({
interval: 2000
})
</script>
-->
<script type="text/javascript">
if ($(window).width() <= 600) {
$("#iframe").css('height', 'auto');
}
$(".desplegar_footer").click(function(event) {
$(".ocultar_movil").toggle(function() {
}, function() {
});
});
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1500);
});
$(".ver_mas").click(function(event) {
$(".ocultar_modulos").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
$(".ver_mas").css('display', 'none');
});
</script>
<script type="text/javascript">
/*---------------------------- final de scroll---------------------------*/
$(".estilos_boton").click(function(event) {
$(".arreglar_cajon_z1").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
$(".desplegar_subcontenido_z1").click(function(event) {
$(".subseccion_z3").toggle(function() {
/* Stuff to do every *odd* time the element is clicked */
}, function() {
/* Stuff to do every *even* time the element is clicked */
});
});
/*
$(".imagen_boton_audio").hover(function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio2.svg');
}, function() {
$(".imagen_boton_audio").removeAttr('src');
$(".imagen_boton_audio").attr('src', 'img/boton-audio.svg');
});
*/
/*-----------------------------REDES---------------------------------*/
$(".facebook_z1").hover(function() {
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/procesos_importaciones/img/hover_facebook.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".facebook_z1").removeAttr('src');
$(".facebook_z1").attr('src', '/Presentaciones/procesos_importaciones/img/icono-facebook.svg');
});
$(".twitter_z1").hover(function() {
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/procesos_importaciones/img/hover_twitter.svg');
}, function() {
/* Stuff to do when the mouse leaves the element */
$(".twitter_z1").removeAttr('src');
$(".twitter_z1").attr('src', '/Presentaciones/procesos_importaciones/img/icono-twitter.svg');
});
/*-----------------------------REDES---------------------------------*/
</script>
<script type="text/javascript">
/*------------------------audios importacion-------------------------*/
/*
swal({
title: "¿Desea activar contenido para personas con discapacidad visual?",
text: "Oprime ok para confirmar",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
*/
var comprobar = 1;
$("#invidentes").click(function(event) {
if(comprobar == 1){
$(".fila_de_header").css('position', 'absolute');
$(".contenedor_de_video2_z1").css('display', 'none');
$("#content_video").css('display', 'none');
$("#imagen_audio").css('display', 'block');
$(".quitar_fancybox").removeClass('fancybox');
$("#invidentes").css('background-color', 'red');
$("#invidentes").css('border', '1px solid red');
$("#invidentes").text('Página En Modo Invidente Activado');
/*------------------------bienvenida---------------------------------*/
var pantalla_cierre2 = document.getElementById("pantalla1");
var audio0 = document.getElementsByTagName("audio")[0];
var sonido0 = false;
audio0.pause();
audio0.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("principal_legicomex");
var volPRO2 = document.getElementsByTagName("audio")[14];
volPRO2.pause();
volPRO2.loop = false;
/*---------------------audio salir contenido----------------------*/
audio0.play();
pantalla_cierre2.style.display = 'block';/*---------------mostar al pantalla---------------*/
pantalla_cierre2.addEventListener("click", function(){
audio0.pause();
sonido0 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre2.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*------------------------bienvenida---------------------------------*/
/*---------------------------------------------header logo legiscomex--------------------------------------*/
var seccion_header = document.getElementById("fila_de_header");
var audioH_1 = document.getElementsByTagName("audio")[1];
var sonidoH_1 = false;
var audio_proceso1 = document.getElementById("header");
audioH_1.pause();
audioH_1.loop = false;
seccion_header.addEventListener("mouseover", function(){
audioH_1.play();
sonidoH_1 = true;
audio_proceso1.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_header.addEventListener("mouseout", function(){
audioH_1.pause();
sonidoH_1 = false;
});
/*--------------------------------------------- fin header logo legiscomex--------------------------------------*/
/*--------------------------------------------click en header---------------------------------------------*/
/*-------------------------------------------------click en header-----------------------------------------*/
/*---------------------------audio slider--------------------------------------*/
var boton = document.getElementById("imagen_principal_z1");
var v = document.getElementsByTagName("audio")[2];
var sound = false;
var slider = document.getElementById("slider"); /*--------------resetiar---------------*/
v.pause();
v.loop = false;
boton.addEventListener("mouseover", function(){
v.play();
sound = true;
v0.pause(); /*------------------primer audio-------------*/
slider.currentTime = 0; /*--------------resetiar---------------*/
});
boton.addEventListener("mouseout", function(){
v.pause();
sound = false;
});
/*--------------------------- fin audio slider--------------------------------------*/
/*---------------------------audio introduccion--------------------------------------*/
var seccion_introduccion = document.getElementById("contenedor_absolute");
var audio1 = document.getElementsByTagName("audio")[3];
var sonido1 = false;
var introduccion = document.getElementById("introduccion"); /*--------------resetiar---------------*/
audio1.pause();
audio1.loop = false;
seccion_introduccion.addEventListener("mouseover", function(){
audio1.play();
sonido1 = true;
slider.currentTime = 0; /*--------------resetiar---------------*/
});
seccion_introduccion.addEventListener("mouseout", function(){
audio1.pause();
sonido1 = false;
});
/*--------------------------- fin audio introduccion--------------------------------------*/
/*-------------------------------------audio video--------------------------------------*/
var contenido_video = document.getElementById("contenedor_de_video");
var v3 = document.getElementsByTagName("audio")[4];
var sound3 = false;
var video = document.getElementById("video");
v3.pause();
v3.loop = false;
contenido_video.addEventListener("mouseover", function(){
v3.play();
sound3 = true;
v0.pause();/*------------------primer audio-------------*/
video.currentTime = 0;/*--------------resetiar---------------*/
v_2.pause();
sound_2 = false;
});
contenido_video.addEventListener("mouseout", function(){
v3.pause();
sound3 = false;
});
/*-------------------------------------fin audio video--------------------------------------*/
/*-------------------------------------inicio seccion 3--------------------------------------*/
var seccion3 = document.getElementById("inicio_seccion_3");
var v4 = document.getElementsByTagName("audio")[5];
var sound4 = false;
var audio_seccion3 = document.getElementById("seccion3");
v4.pause();
seccion3.addEventListener("mouseover", function(){
v4.play();
sound4 = true;
v0.pause();/*------------------primer audio-------------*/
audio_seccion3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion3.addEventListener("mouseout", function(){
v4.pause();
sound4 = false;
});
/*------------------------------------- fin inicio seccion 3--------------------------------------*/
/*---------------------------------------------proceso 1--------------------------------------*/
var seccion_proceso1 = document.getElementById("proceso_1");
var vol1 = document.getElementsByTagName("audio")[6];
var sonido1 = false;
var audio_proceso1 = document.getElementById("proceso1");
vol1.pause();
seccion_proceso1.addEventListener("mouseover", function(){
vol1.play();
sonido1 = true;
audio_proceso1.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso1.addEventListener("mouseout", function(){
vol1.pause();
sonido1 = false;
});
/*------------------------------------- fin proceso 1--------------------------------------*/
/*-------------------------------------proceso 2--------------------------------------*/
var seccion_proceso2 = document.getElementById("proceso_2");
var vol2 = document.getElementsByTagName("audio")[7];
var sonido2 = false;
var audio_proceso2 = document.getElementById("proceso2");
vol2.pause();
seccion_proceso2.addEventListener("mouseover", function(){
vol2.play();
sonido2 = true;
audio_proceso2.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso2.addEventListener("mouseout", function(){
vol2.pause();
sonido2 = false;
});
/*------------------------------------- fin proceso 2--------------------------------------*/
/*-------------------------------------proceso 3--------------------------------------*/
var seccion_proceso3 = document.getElementById("proceso_3");
var vol3 = document.getElementsByTagName("audio")[8];
var sonido3 = false;
var audio_proceso3 = document.getElementById("proceso3");
vol3.pause();
seccion_proceso3.addEventListener("mouseover", function(){
vol3.play();
sonido3 = true;
audio_proceso3.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso3.addEventListener("mouseout", function(){
vol3.pause();
sonido3 = false;
});
/*------------------------------------- fin proceso 3--------------------------------------*/
/*-------------------------------------proceso 4--------------------------------------*/
var seccion_proceso4 = document.getElementById("proceso_4");
var vol4 = document.getElementsByTagName("audio")[9];
var sonido4 = false;
var audio_proceso4 = document.getElementById("proceso4");
vol4.pause();
seccion_proceso4.addEventListener("mouseover", function(){
vol4.play();
sonido4 = true;
audio_proceso4.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso4.addEventListener("mouseout", function(){
vol4.pause();
sonido4 = false;
});
/*------------------------------------- fin proceso 4--------------------------------------*/
/*-------------------------------------proceso 5--------------------------------------*/
var seccion_proceso5 = document.getElementById("proceso_5");
var vol5 = document.getElementsByTagName("audio")[10];
var sonido5 = false;
var audio_proceso5 = document.getElementById("proceso5");
vol5.pause();
seccion_proceso5.addEventListener("mouseover", function(){
vol5.play();
sonido5 = true;
audio_proceso5.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso5.addEventListener("mouseout", function(){
vol5.pause();
sonido5 = false;
});
/*------------------------------------- fin proceso 5--------------------------------------*/
/*-------------------------------------proceso 6--------------------------------------*/
var seccion_proceso6 = document.getElementById("proceso_6");
var vol6 = document.getElementsByTagName("audio")[11];
var sonido6 = false;
var audio_proceso6 = document.getElementById("proceso6");
vol6.pause();
seccion_proceso6.addEventListener("mouseover", function(){
vol6.play();
sonido6 = true;
audio_proceso6.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso6.addEventListener("mouseout", function(){
vol6.pause();
sonido6 = false;
});
/*------------------------------------- fin proceso 6--------------------------------------*/
/*-------------------------------------proceso 7--------------------------------------*/
var seccion_proceso7 = document.getElementById("proceso_7");
var vol7 = document.getElementsByTagName("audio")[12];
var sonido7 = false;
var audio_proceso7 = document.getElementById("proceso7");
vol7.pause();
seccion_proceso7.addEventListener("mouseover", function(){
vol7.play();
sonido7 = true;
audio_proceso7.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso7.addEventListener("mouseout", function(){
vol7.pause();
sonido7 = false;
});
/*------------------------------------- fin proceso 7--------------------------------------*/
/*-------------------------------------proceso 8--------------------------------------*/
var seccion_proceso8 = document.getElementById("proceso_8");
var vol8 = document.getElementsByTagName("audio")[13];
var sonido8 = false;
var audio_proceso8 = document.getElementById("proceso8");
vol8.pause();
seccion_proceso8.addEventListener("mouseover", function(){
vol8.play();
sonido8 = true;
audio_proceso8.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso8.addEventListener("mouseout", function(){
vol8.pause();
sonido8 = false;
});
/*------------------------------------- fin proceso 8--------------------------------------*/
/*-------------------------------------proceso 9--------------------------------------*/
var seccion_proceso9 = document.getElementById("proceso_9");
var vol9 = document.getElementsByTagName("audio")[14];
var sonido9 = false;
var audio_proceso9 = document.getElementById("proceso9");
vol9.pause();
seccion_proceso9.addEventListener("mouseover", function(){
vol9.play();
sonido9 = true;
audio_proceso9.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso9.addEventListener("mouseout", function(){
vol9.pause();
sonido9 = false;
});
/*------------------------------------- fin proceso 9--------------------------------------*/
/*-------------------------------------proceso 10--------------------------------------*/
var seccion_proceso10 = document.getElementById("proceso_10");
var vol10 = document.getElementsByTagName("audio")[15];
var sonido10 = false;
var audio_proceso10 = document.getElementById("proceso10");
vol10.pause();
seccion_proceso10.addEventListener("mouseover", function(){
vol10.play();
sonido10 = true;
audio_proceso10.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso10.addEventListener("mouseout", function(){
vol10.pause();
sonido10 = false;
});
/*------------------------------------- fin proceso 10--------------------------------------*/
/*-------------------------------------proceso 11--------------------------------------*/
var seccion_proceso11 = document.getElementById("proceso_11");
var vol11 = document.getElementsByTagName("audio")[16];
var sonido11 = false;
var audio_proceso11 = document.getElementById("proceso11");
vol11.pause();
seccion_proceso11.addEventListener("mouseover", function(){
vol11.play();
sonido11 = true;
audio_proceso11.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso11.addEventListener("mouseout", function(){
vol11.pause();
sonido11 = false;
});
/*------------------------------------- fin proceso 11--------------------------------------*/
/*-------------------------------------proceso 12--------------------------------------*/
var seccion_proceso12 = document.getElementById("proceso_12");
var vol12 = document.getElementsByTagName("audio")[17];
var sonido12 = false;
var audio_proceso12 = document.getElementById("proceso12");
vol12.pause();
seccion_proceso12.addEventListener("mouseover", function(){
vol12.play();
sonido12 = true;
audio_proceso12.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso12.addEventListener("mouseout", function(){
vol12.pause();
sonido12 = false;
});
/*------------------------------------- fin proceso 12--------------------------------------*/
/*-------------------------------------proceso 13--------------------------------------*/
var seccion_proceso13 = document.getElementById("proceso_13");
var vol13 = document.getElementsByTagName("audio")[18];
var sonido13 = false;
var audio_proceso13 = document.getElementById("proceso13");
vol13.pause();
seccion_proceso13.addEventListener("mouseover", function(){
vol13.play();
sonido13 = true;
audio_proceso13.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso13.addEventListener("mouseout", function(){
vol13.pause();
sonido13 = false;
});
/*------------------------------------- fin proceso 13--------------------------------------*/
/*-------------------------------------proceso 14--------------------------------------*/
var seccion_proceso14 = document.getElementById("proceso_14");
var vol14 = document.getElementsByTagName("audio")[19];
var sonido14 = false;
var audio_proceso14 = document.getElementById("proceso14");
vol14.pause();
seccion_proceso14.addEventListener("mouseover", function(){
vol14.play();
sonido14 = true;
audio_proceso14.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso14.addEventListener("mouseout", function(){
vol14.pause();
sonido14 = false;
});
/*------------------------------------- fin proceso 14--------------------------------------*/
/*-------------------------------------proceso 15--------------------------------------*/
var seccion_proceso15 = document.getElementById("proceso_15");
var vol15 = document.getElementsByTagName("audio")[20];
var sonido15 = false;
var audio_proceso15 = document.getElementById("proceso15");
vol15.pause();
seccion_proceso15.addEventListener("mouseover", function(){
vol15.play();
sonido15 = true;
audio_proceso15.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso15.addEventListener("mouseout", function(){
vol15.pause();
sonido15 = false;
});
/*------------------------------------- fin proceso 15--------------------------------------*/
/*-------------------------------------proceso 16--------------------------------------*/
var seccion_proceso16 = document.getElementById("proceso_16");
var vol16 = document.getElementsByTagName("audio")[21];
var sonido16 = false;
var audio_proceso16 = document.getElementById("proceso16");
vol16.pause();
seccion_proceso16.addEventListener("mouseover", function(){
vol16.play();
sonido16 = true;
audio_proceso16.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso16.addEventListener("mouseout", function(){
vol16.pause();
sonido16 = false;
});
/*------------------------------------- fin proceso 16--------------------------------------*/
/*-------------------------------------proceso 17--------------------------------------*/
var seccion_proceso17 = document.getElementById("proceso_17");
var vol17 = document.getElementsByTagName("audio")[22];
var sonido17 = false;
var audio_proceso17 = document.getElementById("proceso17");
vol17.pause();
seccion_proceso17.addEventListener("mouseover", function(){
vol17.play();
sonido17 = true;
audio_proceso17.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso17.addEventListener("mouseout", function(){
vol17.pause();
sonido17 = false;
});
/*------------------------------------- fin proceso 17--------------------------------------*/
/*-------------------------------------proceso 17--------------------------------------*/
var seccion_proceso18 = document.getElementById("proceso_18");
var vol18 = document.getElementsByTagName("audio")[23];
var sonido18 = false;
var audio_proceso18 = document.getElementById("proceso18");
vol18.pause();
seccion_proceso18.addEventListener("mouseover", function(){
vol18.play();
sonido18 = true;
audio_proceso18.currentTime = 0;/*--------------resetiar---------------*/
});
seccion_proceso18.addEventListener("mouseout", function(){
vol18.pause();
sonido18 = false;
});
/*------------------------------------- fin proceso 17--------------------------------------*/
/*----------------------------------------contenido_1---------------------------------------------*/
var seccion_contenido1 = document.getElementById("proceso_1");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC1 = document.getElementsByTagName("audio")[24];
var sonidoC1 = false;
var audio_contenido1 = document.getElementById("contenido_1");
volC1.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido1.addEventListener("click", function(){
volC1.play();
sonidoC1 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC1.pause();
sonidoC1 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_1-----------------------------------------*/
/*----------------------------------------contenido_2---------------------------------------------*/
var seccion_contenido2 = document.getElementById("proceso_2");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC2 = document.getElementsByTagName("audio")[25];
var sonidoC2 = false;
var audio_contenido2 = document.getElementById("contenido_1");
volC2.pause();
volC2.loop = false;
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido2.addEventListener("click", function(){
volC2.play();
sonidoC2 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC2.pause();
sonidoC2 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_2-----------------------------------------*/
/*----------------------------------------contenido_3---------------------------------------------*/
var seccion_contenido3 = document.getElementById("proceso_3");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC3 = document.getElementsByTagName("audio")[26];
var sonidoC3 = false;
var audio_contenido3 = document.getElementById("contenido_3");
volC2.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido3.addEventListener("click", function(){
volC3.play();
sonidoC3 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC3.pause();
sonidoC3 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_3-----------------------------------------*/
/*----------------------------------------contenido_4---------------------------------------------*/
var seccion_contenido4 = document.getElementById("proceso_4");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC4 = document.getElementsByTagName("audio")[27];
var sonidoC4 = false;
var audio_contenido4 = document.getElementById("contenido_4");
volC2.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido4.addEventListener("click", function(){
volC4.play();
sonidoC4 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC4.pause();
sonidoC4 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_4-----------------------------------------*/
/*----------------------------------------contenido_5---------------------------------------------*/
var seccion_contenido5 = document.getElementById("proceso_5");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC5 = document.getElementsByTagName("audio")[28];
var sonidoC5 = false;
var audio_contenido5 = document.getElementById("contenido_5");
volC5.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido5.addEventListener("click", function(){
volC5.play();
sonidoC5 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC5.pause();
sonidoC5 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_5-----------------------------------------*/
/*----------------------------------------contenido_6---------------------------------------------*/
var seccion_contenido6 = document.getElementById("proceso_6");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC6 = document.getElementsByTagName("audio")[29];
var sonidoC6 = false;
var audio_contenido6 = document.getElementById("contenido_6");
volC5.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido6.addEventListener("click", function(){
volC6.play();
sonidoC6 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC6.pause();
sonidoC6 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_6-----------------------------------------*/
/*----------------------------------------contenido_7---------------------------------------------*/
var seccion_contenido7 = document.getElementById("proceso_7");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC7 = document.getElementsByTagName("audio")[30];
var sonidoC7 = false;
var audio_contenido7 = document.getElementById("contenido_7");
volC7.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido7.addEventListener("click", function(){
volC7.play();
sonidoC7 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC7.pause();
sonidoC7 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_7-----------------------------------------*/
/*----------------------------------------contenido_8---------------------------------------------*/
var seccion_contenido8 = document.getElementById("proceso_8");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC8 = document.getElementsByTagName("audio")[31];
var sonidoC8 = false;
var audio_contenido8 = document.getElementById("contenido_8");
volC8.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido8.addEventListener("click", function(){
volC8.play();
sonidoC8 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC8.pause();
sonidoC8 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_8-----------------------------------------*/
/*----------------------------------------contenido_9---------------------------------------------*/
var seccion_contenido9 = document.getElementById("proceso_9");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC9 = document.getElementsByTagName("audio")[32];
var sonidoC9 = false;
var audio_contenido9 = document.getElementById("contenido_9");
volC9.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido9.addEventListener("click", function(){
volC9.play();
sonidoC9 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC9.pause();
sonidoC9 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_9-----------------------------------------*/
/*----------------------------------------contenido_10---------------------------------------------*/
var seccion_contenido10 = document.getElementById("proceso_10");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC10 = document.getElementsByTagName("audio")[33];
var sonidoC10 = false;
var audio_contenido10 = document.getElementById("contenido_10");
volC10.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido10.addEventListener("click", function(){
volC8.play();
sonidoC8 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC10.pause();
sonidoC10 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_10-----------------------------------------*/
/*----------------------------------------contenido_11---------------------------------------------*/
var seccion_contenido11 = document.getElementById("proceso_11");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC11 = document.getElementsByTagName("audio")[34];
var sonidoC11 = false;
var audio_contenido11 = document.getElementById("contenido_11");
volC11.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido11.addEventListener("click", function(){
volC11.play();
sonidoC11 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC11.pause();
sonidoC11 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_11-----------------------------------------*/
/*----------------------------------------contenido_12---------------------------------------------*/
var seccion_contenido12 = document.getElementById("proceso_12");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC12 = document.getElementsByTagName("audio")[35];
var sonidoC12 = false;
var audio_contenido12 = document.getElementById("contenido_12");
volC12.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido12.addEventListener("click", function(){
volC12.play();
sonidoC12 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC12.pause();
sonidoC12 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_12-----------------------------------------*/
/*----------------------------------------contenido_13---------------------------------------------*/
var seccion_contenido13 = document.getElementById("proceso_13");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC13 = document.getElementsByTagName("audio")[36];
var sonidoC13 = false;
var audio_contenido13 = document.getElementById("contenido_13");
volC13.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido13.addEventListener("click", function(){
volC13.play();
sonidoC13 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC13.pause();
sonidoC13 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_13-----------------------------------------*/
/*----------------------------------------contenido_14---------------------------------------------*/
var seccion_contenido14 = document.getElementById("proceso_14");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC14 = document.getElementsByTagName("audio")[37];
var sonidoC14 = false;
var audio_contenido14 = document.getElementById("contenido_14");
volC14.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido14.addEventListener("click", function(){
volC14.play();
sonidoC14 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC14.pause();
sonidoC14 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_14-----------------------------------------*/
/*----------------------------------------contenido_15---------------------------------------------*/
var seccion_contenido15 = document.getElementById("proceso_15");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC15 = document.getElementsByTagName("audio")[38];
var sonidoC15 = false;
var audio_contenido15 = document.getElementById("contenido_15");
volC15.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido15.addEventListener("click", function(){
volC15.play();
sonidoC15 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC15.pause();
sonidoC15 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_15-----------------------------------------*/
/*----------------------------------------contenido_16---------------------------------------------*/
var seccion_contenido16 = document.getElementById("proceso_16");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC16 = document.getElementsByTagName("audio")[39];
var sonidoC16 = false;
var audio_contenido16 = document.getElementById("contenido_16");
volC16.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido16.addEventListener("click", function(){
volC16.play();
sonidoC16 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC17.pause();
sonidoC17 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_16-----------------------------------------*/
/*----------------------------------------contenido_17---------------------------------------------*/
var seccion_contenido17 = document.getElementById("proceso_17");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC17 = document.getElementsByTagName("audio")[40];
var sonidoC17 = false;
var audio_contenido17 = document.getElementById("contenido_17");
volC17.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido17.addEventListener("click", function(){
volC17.play();
sonidoC17 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC17.pause();
sonidoC17 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_17-----------------------------------------*/
/*----------------------------------------contenido_18---------------------------------------------*/
var seccion_contenido18 = document.getElementById("proceso_18");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volC18 = document.getElementsByTagName("audio")[41];
var sonidoC18 = false;
var audio_contenido18 = document.getElementById("contenido_18");
volC18.pause();
/*---------------------audio salir contenido----------------------*/
var salir_proceso = document.getElementById("salir_proceso");
var volPRO = document.getElementsByTagName("audio")[43];
volPRO.pause();
volPRO.loop = false;
/*---------------------audio salir contenido----------------------*/
seccion_contenido18.addEventListener("click", function(){
volC18.play();
sonidoC18 = true;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volC18.pause();
sonidoC18 = false;
volPRO.play();
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
volPRO.pause();
}, 10000);
});
/*----------------------------------------fin contenido_17-----------------------------------------*/
var video_legis2 = document.getElementById("contenedor_de_video");
var pantalla_cierre_z = document.getElementById("pantalla2");
var volCVideo = document.getElementsByTagName("audio")[45];
var sonidoVideo = false;
var audio_contenido18 = document.getElementById("contenido_18");
volCVideo.pause();
video_legis2.addEventListener("click", function(){
volCVideo.play();
sonidoVideo = true;
v3.pause();
sound3 = false;
pantalla_cierre_z.style.display = 'block';
});
pantalla_cierre_z.addEventListener("click", function(){
volCVideo.pause();
sonidoVideo = false;
setTimeout(function(){
pantalla_cierre_z.style.display = 'none';
}, 10000);
});
}
});
/*
} else {
swal("la pagina entrara en modo normal");
}
});
*/
/*------------------------audios importacion-------------------------*/
</script>
<script type="text/javascript"> /*-------------------FANCYBOX--------------------*/
/*!
* fancyBox - jQuery Plugin
* version: 2.1.7 (Tue, 28 Feb 2017)
* requires jQuery v1.6 or later
*
* Examples at http://fancyapps.com/fancybox/
* License: www.fancyapps.com/fancybox/#license
*
* Copyright 2017 fancyapps.com
*
*/
;(function (window, document, $, undefined) {
"use strict";
var H = $("html"),
W = $(window),
D = $(document),
F = $.fancybox = function () {
F.open.apply( this, arguments );
},
IE = navigator.userAgent.match(/msie/i),
didUpdate = null,
isTouch = document.createTouch !== undefined,
isQuery = function(obj) {
return obj && obj.hasOwnProperty && obj instanceof $;
},
isString = function(str) {
return str && $.type(str) === "string";
},
isPercentage = function(str) {
return isString(str) && str.indexOf('%') > 0;
},
isScrollable = function(el) {
return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
},
getScalar = function(orig, dim) {
var value = parseInt(orig, 10) || 0;
if (dim && isPercentage(orig)) {
value = F.getViewport()[ dim ] / 100 * value;
}
return Math.ceil(value);
},
getValue = function(value, dim) {
return getScalar(value, dim) + 'px';
};
$.extend(F, {
// The current version of fancyBox
version: '2.1.7',
defaults: {
padding : 15,
margin : 20,
width : 800,
height : 600,
minWidth : 100,
minHeight : 100,
maxWidth : 9999,
maxHeight : 9999,
pixelRatio: 1, // Set to 2 for retina display support
autoSize : true,
autoHeight : false,
autoWidth : false,
autoResize : true,
autoCenter : !isTouch,
fitToView : true,
aspectRatio : false,
topRatio : 0.5,
leftRatio : 0.5,
scrolling : 'auto', // 'auto', 'yes' or 'no'
wrapCSS : '',
arrows : true,
closeBtn : true,
closeClick : false,
nextClick : false,
mouseWheel : true,
autoPlay : false,
playSpeed : 3000,
preload : 3,
modal : false,
loop : true,
ajax : {
dataType : 'html',
headers : { 'X-fancyBox': true }
},
iframe : {
scrolling : 'auto',
preload : true
},
swf : {
wmode: 'transparent',
allowfullscreen : 'true',
allowscriptaccess : 'always'
},
keys : {
next : {
13 : 'left', // enter
34 : 'up', // page down
39 : 'left', // right arrow
40 : 'up' // down arrow
},
prev : {
8 : 'right', // backspace
33 : 'down', // page up
37 : 'right', // left arrow
38 : 'down' // up arrow
},
close : [27], // escape key
play : [32], // space - start/stop slideshow
toggle : [70] // letter "f" - toggle fullscreen
},
direction : {
next : 'left',
prev : 'right'
},
scrollOutside : true,
// Override some properties
index : 0,
type : null,
href : null,
content : null,
title : null,
// HTML templates
tpl: {
wrap : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
image : '<img class="fancybox-image" src="{href}" alt="" />',
iframe : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
error : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
next : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
prev : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>',
loading : '<div id="fancybox-loading"><div></div></div>'
},
// Properties for each animation type
// Opening fancyBox
openEffect : 'fade', // 'elastic', 'fade' or 'none'
openSpeed : 250,
openEasing : 'swing',
openOpacity : true,
openMethod : 'zoomIn',
// Closing fancyBox
closeEffect : 'fade', // 'elastic', 'fade' or 'none'
closeSpeed : 250,
closeEasing : 'swing',
closeOpacity : true,
closeMethod : 'zoomOut',
// Changing next gallery item
nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
nextSpeed : 250,
nextEasing : 'swing',
nextMethod : 'changeIn',
// Changing previous gallery item
prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
prevSpeed : 250,
prevEasing : 'swing',
prevMethod : 'changeOut',
// Enable default helpers
helpers : {
overlay : true,
title : true
},
// Callbacks
onCancel : $.noop, // If canceling
beforeLoad : $.noop, // Before loading
afterLoad : $.noop, // After loading
beforeShow : $.noop, // Before changing in current item
afterShow : $.noop, // After opening
beforeChange : $.noop, // Before changing gallery item
beforeClose : $.noop, // Before closing
afterClose : $.noop // After closing
},
//Current state
group : {}, // Selected group
opts : {}, // Group options
previous : null, // Previous element
coming : null, // Element being loaded
current : null, // Currently loaded element
isActive : false, // Is activated
isOpen : false, // Is currently open
isOpened : false, // Have been fully opened at least once
wrap : null,
skin : null,
outer : null,
inner : null,
player : {
timer : null,
isActive : false
},
// Loaders
ajaxLoad : null,
imgPreload : null,
// Some collections
transitions : {},
helpers : {},
/*
* Static methods
*/
open: function (group, opts) {
if (!group) {
return;
}
if (!$.isPlainObject(opts)) {
opts = {};
}
// Close if already active
if (false === F.close(true)) {
return;
}
// Normalize group
if (!$.isArray(group)) {
group = isQuery(group) ? $(group).get() : [group];
}
// Recheck if the type of each element is `object` and set content type (image, ajax, etc)
$.each(group, function(i, element) {
var obj = {},
href,
title,
content,
type,
rez,
hrefParts,
selector;
if ($.type(element) === "object") {
// Check if is DOM element
if (element.nodeType) {
element = $(element);
}
if (isQuery(element)) {
obj = {
href : element.data('fancybox-href') || element.attr('href'),
title : $('<div/>').text( element.data('fancybox-title') || element.attr('title') || '' ).html(),
isDom : true,
element : element
};
if ($.metadata) {
$.extend(true, obj, element.metadata());
}
} else {
obj = element;
}
}
href = opts.href || obj.href || (isString(element) ? element : null);
title = opts.title !== undefined ? opts.title : obj.title || '';
content = opts.content || obj.content;
type = content ? 'html' : (opts.type || obj.type);
if (!type && obj.isDom) {
type = element.data('fancybox-type');
if (!type) {
rez = element.prop('class').match(/fancybox\.(\w+)/);
type = rez ? rez[1] : null;
}
}
if (isString(href)) {
// Try to guess the content type
if (!type) {
if (F.isImage(href)) {
type = 'image';
} else if (F.isSWF(href)) {
type = 'swf';
} else if (href.charAt(0) === '#') {
type = 'inline';
} else if (isString(element)) {
type = 'html';
content = element;
}
}
// Split url into two pieces with source url and content selector, e.g,
// "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
if (type === 'ajax') {
hrefParts = href.split(/\s+/, 2);
href = hrefParts.shift();
selector = hrefParts.shift();
}
}
if (!content) {
if (type === 'inline') {
if (href) {
content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
} else if (obj.isDom) {
content = element;
}
} else if (type === 'html') {
content = href;
} else if (!type && !href && obj.isDom) {
type = 'inline';
content = element;
}
}
$.extend(obj, {
href : href,
type : type,
content : content,
title : title,
selector : selector
});
group[ i ] = obj;
});
// Extend the defaults
F.opts = $.extend(true, {}, F.defaults, opts);
// All options are merged recursive except keys
if (opts.keys !== undefined) {
F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
}
F.group = group;
return F._start(F.opts.index);
},
// Cancel image loading or abort ajax request
cancel: function () {
var coming = F.coming;
if (coming && false === F.trigger('onCancel')) {
return;
}
F.hideLoading();
if (!coming) {
return;
}
if (F.ajaxLoad) {
F.ajaxLoad.abort();
}
F.ajaxLoad = null;
if (F.imgPreload) {
F.imgPreload.onload = F.imgPreload.onerror = null;
}
if (coming.wrap) {
coming.wrap.stop(true, true).trigger('onReset').remove();
}
F.coming = null;
// If the first item has been canceled, then clear everything
if (!F.current) {
F._afterZoomOut( coming );
}
},
// Start closing animation if is open; remove immediately if opening/closing
close: function (event) {
F.cancel();
if (false === F.trigger('beforeClose')) {
return;
}
F.unbindEvents();
if (!F.isActive) {
return;
}
if (!F.isOpen || event === true) {
$('.fancybox-wrap').stop(true).trigger('onReset').remove();
F._afterZoomOut();
} else {
F.isOpen = F.isOpened = false;
F.isClosing = true;
$('.fancybox-item, .fancybox-nav').remove();
F.wrap.stop(true, true).removeClass('fancybox-opened');
F.transitions[ F.current.closeMethod ]();
}
},
// Manage slideshow:
// $.fancybox.play(); - toggle slideshow
// $.fancybox.play( true ); - start
// $.fancybox.play( false ); - stop
play: function ( action ) {
var clear = function () {
clearTimeout(F.player.timer);
},
set = function () {
clear();
if (F.current && F.player.isActive) {
F.player.timer = setTimeout(F.next, F.current.playSpeed);
}
},
stop = function () {
clear();
D.unbind('.player');
F.player.isActive = false;
F.trigger('onPlayEnd');
},
start = function () {
if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
F.player.isActive = true;
D.bind({
'onCancel.player beforeClose.player' : stop,
'onUpdate.player' : set,
'beforeLoad.player' : clear
});
set();
F.trigger('onPlayStart');
}
};
if (action === true || (!F.player.isActive && action !== false)) {
start();
} else {
stop();
}
},
// Navigate to next gallery item
next: function ( direction ) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.next;
}
F.jumpto(current.index + 1, direction, 'next');
}
},
// Navigate to previous gallery item
prev: function ( direction ) {
var current = F.current;
if (current) {
if (!isString(direction)) {
direction = current.direction.prev;
}
F.jumpto(current.index - 1, direction, 'prev');
}
},
// Navigate to gallery item by index
jumpto: function ( index, direction, router ) {
var current = F.current;
if (!current) {
return;
}
index = getScalar(index);
F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
F.router = router || 'jumpto';
if (current.loop) {
if (index < 0) {
index = current.group.length + (index % current.group.length);
}
index = index % current.group.length;
}
if (current.group[ index ] !== undefined) {
F.cancel();
F._start(index);
}
},
// Center inside viewport and toggle position type to fixed or absolute if needed
reposition: function (e, onlyAbsolute) {
var current = F.current,
wrap = current ? current.wrap : null,
pos;
if (wrap) {
pos = F._getPosition(onlyAbsolute);
if (e && e.type === 'scroll') {
delete pos.position;
wrap.stop(true, true).animate(pos, 200);
} else {
wrap.css(pos);
current.pos = $.extend({}, current.dim, pos);
}
}
},
update: function (e) {
var type = (e && e.originalEvent && e.originalEvent.type),
anyway = !type || type === 'orientationchange';
if (anyway) {
clearTimeout(didUpdate);
didUpdate = null;
}
if (!F.isOpen || didUpdate) {
return;
}
didUpdate = setTimeout(function() {
var current = F.current;
if (!current || F.isClosing) {
return;
}
F.wrap.removeClass('fancybox-tmp');
if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
F._setDimension();
}
if (!(type === 'scroll' && current.canShrink)) {
F.reposition(e);
}
F.trigger('onUpdate');
didUpdate = null;
}, (anyway && !isTouch ? 0 : 300));
},
// Shrink content to fit inside viewport or restore if resized
toggle: function ( action ) {
if (F.isOpen) {
F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
// Help browser to restore document dimensions
if (isTouch) {
F.wrap.removeAttr('style').addClass('fancybox-tmp');
F.trigger('onUpdate');
}
F.update();
}
},
hideLoading: function () {
D.unbind('.loading');
$('#fancybox-loading').remove();
},
showLoading: function () {
var el, viewport;
F.hideLoading();
el = $(F.opts.tpl.loading).click(F.cancel).appendTo('body');
// If user will press the escape-button, the request will be canceled
D.bind('keydown.loading', function(e) {
if ((e.which || e.keyCode) === 27) {
e.preventDefault();
F.cancel();
}
});
if (!F.defaults.fixed) {
viewport = F.getViewport();
el.css({
position : 'absolute',
top : (viewport.h * 0.5) + viewport.y,
left : (viewport.w * 0.5) + viewport.x
});
}
F.trigger('onLoading');
},
getViewport: function () {
var locked = (F.current && F.current.locked) || false,
rez = {
x: W.scrollLeft(),
y: W.scrollTop()
};
if (locked && locked.length) {
rez.w = locked[0].clientWidth;
rez.h = locked[0].clientHeight;
} else {
// See http://bugs.jquery.com/ticket/6724
rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();
rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
}
return rez;
},
// Unbind the keyboard / clicking actions
unbindEvents: function () {
if (F.wrap && isQuery(F.wrap)) {
F.wrap.unbind('.fb');
}
D.unbind('.fb');
W.unbind('.fb');
},
bindEvents: function () {
var current = F.current,
keys;
if (!current) {
return;
}
// Changing document height on iOS devices triggers a 'resize' event,
// that can change document height... repeating infinitely
W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
keys = current.keys;
if (keys) {
D.bind('keydown.fb', function (e) {
var code = e.which || e.keyCode,
target = e.target || e.srcElement;
// Skip esc key if loading, because showLoading will cancel preloading
if (code === 27 && F.coming) {
return false;
}
// Ignore key combinations and key events within form elements
if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
$.each(keys, function(i, val) {
if (current.group.length > 1 && val[ code ] !== undefined) {
F[ i ]( val[ code ] );
e.preventDefault();
return false;
}
if ($.inArray(code, val) > -1) {
F[ i ] ();
e.preventDefault();
return false;
}
});
}
});
}
if ($.fn.mousewheel && current.mouseWheel) {
F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
var target = e.target || null,
parent = $(target),
canScroll = false;
while (parent.length) {
if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
break;
}
canScroll = isScrollable( parent[0] );
parent = $(parent).parent();
}
if (delta !== 0 && !canScroll) {
if (F.group.length > 1 && !current.canShrink) {
if (deltaY > 0 || deltaX > 0) {
F.prev( deltaY > 0 ? 'down' : 'left' );
} else if (deltaY < 0 || deltaX < 0) {
F.next( deltaY < 0 ? 'up' : 'right' );
}
e.preventDefault();
}
}
});
}
},
trigger: function (event, o) {
var ret, obj = o || F.coming || F.current;
if (obj) {
if ($.isFunction( obj[event] )) {
ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
}
if (ret === false) {
return false;
}
if (obj.helpers) {
$.each(obj.helpers, function (helper, opts) {
if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
}
});
}
}
D.trigger(event);
},
isImage: function (str) {
return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
},
isSWF: function (str) {
return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
},
_start: function (index) {
var coming = {},
obj,
href,
type,
margin,
padding;
index = getScalar( index );
obj = F.group[ index ] || null;
if (!obj) {
return false;
}
coming = $.extend(true, {}, F.opts, obj);
// Convert margin and padding properties to array - top, right, bottom, left
margin = coming.margin;
padding = coming.padding;
if ($.type(margin) === 'number') {
coming.margin = [margin, margin, margin, margin];
}
if ($.type(padding) === 'number') {
coming.padding = [padding, padding, padding, padding];
}
// 'modal' propery is just a shortcut
if (coming.modal) {
$.extend(true, coming, {
closeBtn : false,
closeClick : false,
nextClick : false,
arrows : false,
mouseWheel : false,
keys : null,
helpers: {
overlay : {
closeClick : false
}
}
});
}
// 'autoSize' property is a shortcut, too
if (coming.autoSize) {
coming.autoWidth = coming.autoHeight = true;
}
if (coming.width === 'auto') {
coming.autoWidth = true;
}
if (coming.height === 'auto') {
coming.autoHeight = true;
}
/*
* Add reference to the group, so it`s possible to access from callbacks, example:
* afterLoad : function() {
* this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
* }
*/
coming.group = F.group;
coming.index = index;
// Give a chance for callback or helpers to update coming item (type, title, etc)
F.coming = coming;
if (false === F.trigger('beforeLoad')) {
F.coming = null;
return;
}
type = coming.type;
href = coming.href;
if (!type) {
F.coming = null;
//If we can not determine content type then drop silently or display next/prev item if looping through gallery
if (F.current && F.router && F.router !== 'jumpto') {
F.current.index = index;
return F[ F.router ]( F.direction );
}
return false;
}
F.isActive = true;
if (type === 'image' || type === 'swf') {
coming.autoHeight = coming.autoWidth = false;
coming.scrolling = 'visible';
}
if (type === 'image') {
coming.aspectRatio = true;
}
if (type === 'iframe' && isTouch) {
coming.scrolling = 'scroll';
}
// Build the neccessary markup
coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
$.extend(coming, {
skin : $('.fancybox-skin', coming.wrap),
outer : $('.fancybox-outer', coming.wrap),
inner : $('.fancybox-inner', coming.wrap)
});
$.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
});
F.trigger('onReady');
// Check before try to load; 'inline' and 'html' types need content, others - href
if (type === 'inline' || type === 'html') {
if (!coming.content || !coming.content.length) {
return F._error( 'content' );
}
} else if (!href) {
return F._error( 'href' );
}
if (type === 'image') {
F._loadImage();
} else if (type === 'ajax') {
F._loadAjax();
} else if (type === 'iframe') {
F._loadIframe();
} else {
F._afterLoad();
}
},
_error: function ( type ) {
$.extend(F.coming, {
type : 'html',
autoWidth : true,
autoHeight : true,
minWidth : 0,
minHeight : 0,
scrolling : 'no',
hasError : type,
content : F.coming.tpl.error
});
F._afterLoad();
},
_loadImage: function () {
// Reset preload image so it is later possible to check "complete" property
var img = F.imgPreload = new Image();
img.onload = function () {
this.onload = this.onerror = null;
F.coming.width = this.width / F.opts.pixelRatio;
F.coming.height = this.height / F.opts.pixelRatio;
F._afterLoad();
};
img.onerror = function () {
this.onload = this.onerror = null;
F._error( 'image' );
};
img.src = F.coming.href;
if (img.complete !== true) {
F.showLoading();
}
},
_loadAjax: function () {
var coming = F.coming;
F.showLoading();
F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
url: coming.href,
error: function (jqXHR, textStatus) {
if (F.coming && textStatus !== 'abort') {
F._error( 'ajax', jqXHR );
} else {
F.hideLoading();
}
},
success: function (data, textStatus) {
if (textStatus === 'success') {
coming.content = data;
F._afterLoad();
}
}
}));
},
_loadIframe: function() {
var coming = F.coming,
iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
.attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
.attr('src', coming.href);
// This helps IE
$(coming.wrap).bind('onReset', function () {
try {
$(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
} catch (e) {}
});
if (coming.iframe.preload) {
F.showLoading();
iframe.one('load', function() {
$(this).data('ready', 1);
// iOS will lose scrolling if we resize
if (!isTouch) {
$(this).bind('load.fb', F.update);
}
// Without this trick:
// - iframe won't scroll on iOS devices
// - IE7 sometimes displays empty iframe
$(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
F._afterLoad();
});
}
coming.content = iframe.appendTo( coming.inner );
if (!coming.iframe.preload) {
F._afterLoad();
}
},
_preloadImages: function() {
var group = F.group,
current = F.current,
len = group.length,
cnt = current.preload ? Math.min(current.preload, len - 1) : 0,
item,
i;
for (i = 1; i <= cnt; i += 1) {
item = group[ (current.index + i ) % len ];
if (item.type === 'image' && item.href) {
new Image().src = item.href;
}
}
},
_afterLoad: function () {
var coming = F.coming,
previous = F.current,
placeholder = 'fancybox-placeholder',
current,
content,
type,
scrolling,
href,
embed;
F.hideLoading();
if (!coming || F.isActive === false) {
return;
}
if (false === F.trigger('afterLoad', coming, previous)) {
coming.wrap.stop(true).trigger('onReset').remove();
F.coming = null;
return;
}
if (previous) {
F.trigger('beforeChange', previous);
previous.wrap.stop(true).removeClass('fancybox-opened')
.find('.fancybox-item, .fancybox-nav')
.remove();
}
F.unbindEvents();
current = coming;
content = coming.content;
type = coming.type;
scrolling = coming.scrolling;
$.extend(F, {
wrap : current.wrap,
skin : current.skin,
outer : current.outer,
inner : current.inner,
current : current,
previous : previous
});
href = current.href;
switch (type) {
case 'inline':
case 'ajax':
case 'html':
if (current.selector) {
content = $('<div>').html(content).find(current.selector);
} else if (isQuery(content)) {
if (!content.data(placeholder)) {
content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
}
content = content.show().detach();
current.wrap.bind('onReset', function () {
if ($(this).find(content).length) {
content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
}
});
}
break;
case 'image':
content = current.tpl.image.replace(/\{href\}/g, href);
break;
case 'swf':
content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
embed = '';
$.each(current.swf, function(name, val) {
content += '<param name="' + name + '" value="' + val + '"></param>';
embed += ' ' + name + '="' + val + '"';
});
content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
break;
}
if (!(isQuery(content) && content.parent().is(current.inner))) {
current.inner.append( content );
}
// Give a chance for helpers or callbacks to update elements
F.trigger('beforeShow');
// Set scrolling before calculating dimensions
current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
// Set initial dimensions and start position
F._setDimension();
F.reposition();
F.isOpen = false;
F.coming = null;
F.bindEvents();
if (!F.isOpened) {
$('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
} else if (previous.prevMethod) {
F.transitions[ previous.prevMethod ]();
}
F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
F._preloadImages();
},
_setDimension: function () {
var viewport = F.getViewport(),
steps = 0,
canShrink = false,
canExpand = false,
wrap = F.wrap,
skin = F.skin,
inner = F.inner,
current = F.current,
width = current.width,
height = current.height,
minWidth = current.minWidth,
minHeight = current.minHeight,
maxWidth = current.maxWidth,
maxHeight = current.maxHeight,
scrolling = current.scrolling,
scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
margin = current.margin,
wMargin = getScalar(margin[1] + margin[3]),
hMargin = getScalar(margin[0] + margin[2]),
wPadding,
hPadding,
wSpace,
hSpace,
origWidth,
origHeight,
origMaxWidth,
origMaxHeight,
ratio,
width_,
height_,
maxWidth_,
maxHeight_,
iframe,
body;
// Reset dimensions so we could re-check actual size
wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
wPadding = getScalar(skin.outerWidth(true) - skin.width());
hPadding = getScalar(skin.outerHeight(true) - skin.height());
// Any space between content and viewport (margin, padding, border, title)
wSpace = wMargin + wPadding;
hSpace = hMargin + hPadding;
origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
if (current.type === 'iframe') {
iframe = current.content;
if (current.autoHeight && iframe && iframe.data('ready') === 1) {
try {
if (iframe[0].contentWindow.document.location) {
inner.width( origWidth ).height(9999);
body = iframe.contents().find('body');
if (scrollOut) {
body.css('overflow-x', 'hidden');
}
origHeight = body.outerHeight(true);
}
} catch (e) {}
}
} else if (current.autoWidth || current.autoHeight) {
inner.addClass( 'fancybox-tmp' );
// Set width or height in case we need to calculate only one dimension
if (!current.autoWidth) {
inner.width( origWidth );
}
if (!current.autoHeight) {
inner.height( origHeight );
}
if (current.autoWidth) {
origWidth = inner.width();
}
if (current.autoHeight) {
origHeight = inner.height();
}
inner.removeClass( 'fancybox-tmp' );
}
width = getScalar( origWidth );
height = getScalar( origHeight );
ratio = origWidth / origHeight;
// Calculations for the content
minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
// These will be used to determine if wrap can fit in the viewport
origMaxWidth = maxWidth;
origMaxHeight = maxHeight;
if (current.fitToView) {
maxWidth = Math.min(viewport.w - wSpace, maxWidth);
maxHeight = Math.min(viewport.h - hSpace, maxHeight);
}
maxWidth_ = viewport.w - wMargin;
maxHeight_ = viewport.h - hMargin;
if (current.aspectRatio) {
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
if (height > maxHeight) {
height = maxHeight;
width = getScalar(height * ratio);
}
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (height < minHeight) {
height = minHeight;
width = getScalar(height * ratio);
}
} else {
width = Math.max(minWidth, Math.min(width, maxWidth));
if (current.autoHeight && current.type !== 'iframe') {
inner.width( width );
height = inner.height();
}
height = Math.max(minHeight, Math.min(height, maxHeight));
}
// Try to fit inside viewport (including the title)
if (current.fitToView) {
inner.width( width ).height( height );
wrap.width( width + wPadding );
// Real wrap dimensions
width_ = wrap.width();
height_ = wrap.height();
if (current.aspectRatio) {
while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
if (steps++ > 19) {
break;
}
height = Math.max(minHeight, Math.min(maxHeight, height - 10));
width = getScalar(height * ratio);
if (width < minWidth) {
width = minWidth;
height = getScalar(width / ratio);
}
if (width > maxWidth) {
width = maxWidth;
height = getScalar(width / ratio);
}
inner.width( width ).height( height );
wrap.width( width + wPadding );
width_ = wrap.width();
height_ = wrap.height();
}
} else {
width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
}
}
if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
width += scrollOut;
}
inner.width( width ).height( height );
wrap.width( width + wPadding );
width_ = wrap.width();
height_ = wrap.height();
canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
$.extend(current, {
dim : {
width : getValue( width_ ),
height : getValue( height_ )
},
origWidth : origWidth,
origHeight : origHeight,
canShrink : canShrink,
canExpand : canExpand,
wPadding : wPadding,
hPadding : hPadding,
wrapSpace : height_ - skin.outerHeight(true),
skinSpace : skin.height() - height
});
if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
inner.height('auto');
}
},
_getPosition: function (onlyAbsolute) {
var current = F.current,
viewport = F.getViewport(),
margin = current.margin,
width = F.wrap.width() + margin[1] + margin[3],
height = F.wrap.height() + margin[0] + margin[2],
rez = {
position: 'absolute',
top : margin[0],
left : margin[3]
};
if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
rez.position = 'fixed';
} else if (!current.locked) {
rez.top += viewport.y;
rez.left += viewport.x;
}
rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
return rez;
},
_afterZoomIn: function () {
var current = F.current;
if (!current) {
return;
}
F.isOpen = F.isOpened = true;
F.wrap.css('overflow', 'visible').addClass('fancybox-opened').hide().show(0);
F.update();
// Assign a click event
if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
e.preventDefault();
F[ current.closeClick ? 'close' : 'next' ]();
}
});
}
// Create a close button
if (current.closeBtn) {
$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
e.preventDefault();
F.close();
});
$(".fancybox-close").click(function(event) {
var v1 = document.getElementById("audios_internos");
v1.pause();
var v2 = document.getElementById("audios_internos2");
v2.pause();
var v3 = document.getElementById("audios_internos3");
v3.pause();
var v4 = document.getElementById("audios_internos4");
v4.pause();
var v5 = document.getElementById("audios_internos5");
v5.pause();
var v6 = document.getElementById("audios_internos6");
v6.pause();
var v7 = document.getElementById("audios_internos7");
v7.pause();
var v8 = document.getElementById("audios_internos8");
v8.pause();
var v9 = document.getElementById("audios_internos9");
v9.pause();
var v10 = document.getElementById("audios_internos10");
v10.pause();
var v11 = document.getElementById("audios_internos11");
v11.pause();
var v12 = document.getElementById("audios_internos12");
v12.pause();
var v13 = document.getElementById("audios_internos13");
v13.pause();
var v14 = document.getElementById("audios_internos14");
v14.pause();
var v15 = document.getElementById("audios_internos15");
v15.pause();
var v16 = document.getElementById("audios_internos16");
v16.pause();
var v17 = document.getElementById("audios_internos17");
v17.pause();
var v18 = document.getElementById("audios_internos18");
v18.pause();
});
}
// Create navigation arrows
if (current.arrows && F.group.length > 1) {
if (current.loop || current.index > 0) {
$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
}
if (current.loop || current.index < F.group.length - 1) {
$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
}
}
F.trigger('afterShow');
// Stop the slideshow if this is the last item
if (!current.loop && current.index === current.group.length - 1) {
F.play( false );
} else if (F.opts.autoPlay && !F.player.isActive) {
F.opts.autoPlay = false;
F.play(true);
}
},
_afterZoomOut: function ( obj ) {
obj = obj || F.current;
$('.fancybox-wrap').trigger('onReset').remove();
$.extend(F, {
group : {},
opts : {},
router : false,
current : null,
isActive : false,
isOpened : false,
isOpen : false,
isClosing : false,
wrap : null,
skin : null,
outer : null,
inner : null
});
F.trigger('afterClose', obj);
}
});
/*
* Default transitions
*/
F.transitions = {
getOrigPosition: function () {
var current = F.current,
element = current.element,
orig = current.orig,
pos = {},
width = 50,
height = 50,
hPadding = current.hPadding,
wPadding = current.wPadding,
viewport = F.getViewport();
if (!orig && current.isDom && element.is(':visible')) {
orig = element.find('img:first');
if (!orig.length) {
orig = element;
}
}
if (isQuery(orig)) {
pos = orig.offset();
if (orig.is('img')) {
width = orig.outerWidth();
height = orig.outerHeight();
}
} else {
pos.top = viewport.y + (viewport.h - height) * current.topRatio;
pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
}
if (F.wrap.css('position') === 'fixed' || current.locked) {
pos.top -= viewport.y;
pos.left -= viewport.x;
}
pos = {
top : getValue(pos.top - hPadding * current.topRatio),
left : getValue(pos.left - wPadding * current.leftRatio),
width : getValue(width + wPadding),
height : getValue(height + hPadding)
};
return pos;
},
step: function (now, fx) {
var ratio,
padding,
value,
prop = fx.prop,
current = F.current,
wrapSpace = current.wrapSpace,
skinSpace = current.skinSpace;
if (prop === 'width' || prop === 'height') {
ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
if (F.isClosing) {
ratio = 1 - ratio;
}
padding = prop === 'width' ? current.wPadding : current.hPadding;
value = now - padding;
F.skin[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) ) );
F.inner[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
}
},
zoomIn: function () {
var current = F.current,
startPos = current.pos,
effect = current.openEffect,
elastic = effect === 'elastic',
endPos = $.extend({opacity : 1}, startPos);
// Remove "position" property that breaks older IE
delete endPos.position;
if (elastic) {
startPos = this.getOrigPosition();
if (current.openOpacity) {
startPos.opacity = 0.1;
}
} else if (effect === 'fade') {
startPos.opacity = 0.1;
}
F.wrap.css(startPos).animate(endPos, {
duration : effect === 'none' ? 0 : current.openSpeed,
easing : current.openEasing,
step : elastic ? this.step : null,
complete : F._afterZoomIn
});
},
zoomOut: function () {
var current = F.current,
effect = current.closeEffect,
elastic = effect === 'elastic',
endPos = {opacity : 0.1};
if (elastic) {
endPos = this.getOrigPosition();
if (current.closeOpacity) {
endPos.opacity = 0.1;
}
}
F.wrap.animate(endPos, {
duration : effect === 'none' ? 0 : current.closeSpeed,
easing : current.closeEasing,
step : elastic ? this.step : null,
complete : F._afterZoomOut
});
},
changeIn: function () {
var current = F.current,
effect = current.nextEffect,
startPos = current.pos,
endPos = { opacity : 1 },
direction = F.direction,
distance = 200,
field;
startPos.opacity = 0.1;
if (effect === 'elastic') {
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
if (direction === 'down' || direction === 'right') {
startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
endPos[ field ] = '+=' + distance + 'px';
} else {
startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
endPos[ field ] = '-=' + distance + 'px';
}
}
// Workaround for http://bugs.jquery.com/ticket/12273
if (effect === 'none') {
F._afterZoomIn();
} else {
F.wrap.css(startPos).animate(endPos, {
duration : current.nextSpeed,
easing : current.nextEasing,
complete : F._afterZoomIn
});
}
},
changeOut: function () {
var previous = F.previous,
effect = previous.prevEffect,
endPos = { opacity : 0.1 },
direction = F.direction,
distance = 200;
if (effect === 'elastic') {
endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
}
previous.wrap.animate(endPos, {
duration : effect === 'none' ? 0 : previous.prevSpeed,
easing : previous.prevEasing,
complete : function () {
$(this).trigger('onReset').remove();
}
});
}
};
/*
* Overlay helper
*/
F.helpers.overlay = {
defaults : {
closeClick : true, // if true, fancyBox will be closed when user clicks on the overlay
speedOut : 200, // duration of fadeOut animation
showEarly : true, // indicates if should be opened immediately or wait until the content is ready
css : {}, // custom CSS properties
locked : !isTouch, // if true, the content will be locked into overlay
fixed : true // if false, the overlay CSS position property will not be set to "fixed"
},
overlay : null, // current handle
fixed : false, // indicates if the overlay has position "fixed"
el : $('html'), // element that contains "the lock"
// Public methods
create : function(opts) {
var parent;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.close();
}
parent = F.coming ? F.coming.parent : opts.parent;
this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( parent && parent.length ? parent : 'body' );
this.fixed = false;
if (opts.fixed && F.defaults.fixed) {
this.overlay.addClass('fancybox-overlay-fixed');
this.fixed = true;
}
},
open : function(opts) {
var that = this;
opts = $.extend({}, this.defaults, opts);
if (this.overlay) {
this.overlay.unbind('.overlay').width('auto').height('auto');
} else {
this.create(opts);
}
if (!this.fixed) {
W.bind('resize.overlay', $.proxy( this.update, this) );
this.update();
}
if (opts.closeClick) {
this.overlay.bind('click.overlay', function(e) {
if ($(e.target).hasClass('fancybox-overlay')) {
if (F.isActive) {
F.close();
} else {
that.close();
}
return false;
}
});
}
this.overlay.css( opts.css ).show();
},
close : function() {
W.unbind('resize.overlay');
if (this.el.hasClass('fancybox-lock')) {
$('.fancybox-margin').removeClass('fancybox-margin');
this.el.removeClass('fancybox-lock');
W.scrollTop( this.scrollV ).scrollLeft( this.scrollH );
}
$('.fancybox-overlay').remove().hide();
$.extend(this, {
overlay : null,
fixed : false
});
},
// Private, callbacks
update : function () {
var width = '100%', offsetWidth;
// Reset width/height so it will not mess
this.overlay.width(width).height('100%');
// jQuery does not return reliable result for IE
if (IE) {
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
if (D.width() > offsetWidth) {
width = D.width();
}
} else if (D.width() > W.width()) {
width = D.width();
}
this.overlay.width(width).height(D.height());
},
// This is where we can manipulate DOM, because later it would cause iframes to reload
onReady : function (opts, obj) {
var overlay = this.overlay;
$('.fancybox-overlay').stop(true, true);
if (!overlay) {
this.create(opts);
}
if (opts.locked && this.fixed && obj.fixed) {
obj.locked = this.overlay.append( obj.wrap );
obj.fixed = false;
}
if (opts.showEarly === true) {
this.beforeShow.apply(this, arguments);
}
},
beforeShow : function(opts, obj) {
if (obj.locked && !this.el.hasClass('fancybox-lock')) {
if (this.fixPosition !== false) {
$('*:not(object)').filter(function(){
return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") );
}).addClass('fancybox-margin');
}
this.el.addClass('fancybox-margin');
this.scrollV = W.scrollTop();
this.scrollH = W.scrollLeft();
this.el.addClass('fancybox-lock');
W.scrollTop( this.scrollV ).scrollLeft( this.scrollH );
}
this.open(opts);
},
onUpdate : function() {
if (!this.fixed) {
this.update();
}
},
afterClose: function (opts) {
// Remove overlay if exists and fancyBox is not opening
// (e.g., it is not being open using afterClose callback)
if (this.overlay && !F.coming) {
this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this ));
}
}
};
/*
* Title helper
*/
F.helpers.title = {
defaults : {
type : 'float', // 'float', 'inside', 'outside' or 'over',
position : 'bottom' // 'top' or 'bottom'
},
beforeShow: function (opts) {
var current = F.current,
text = current.title,
type = opts.type,
title,
target;
if ($.isFunction(text)) {
text = text.call(current.element, current);
}
if (!isString(text) || $.trim(text) === '') {
return;
}
title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
switch (type) {
case 'inside':
target = F.skin;
break;
case 'outside':
target = F.wrap;
break;
case 'over':
target = F.inner;
break;
default: // 'float'
target = F.skin;
title.appendTo('body');
if (IE) {
title.width( title.width() );
}
title.wrapInner('<span class="child"></span>');
//Increase bottom margin so this title will also fit into viewport
F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
break;
}
title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target);
}
};
// jQuery plugin initialization
$.fn.fancybox = function (options) {
var index,
that = $(this),
selector = this.selector || '',
run = function(e) {
var what = $(this).blur(), idx = index, relType, relVal;
if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
relType = options.groupAttr || 'data-fancybox-group';
relVal = what.attr(relType);
if (!relVal) {
relType = 'rel';
relVal = what.get(0)[ relType ];
}
if (relVal && relVal !== '' && relVal !== 'nofollow') {
what = selector.length ? $(selector) : that;
what = what.filter('[' + relType + '="' + relVal + '"]');
idx = what.index(this);
}
options.index = idx;
// Stop an event from bubbling if everything is fine
if (F.open(what, options) !== false) {
e.preventDefault();
}
}
};
options = options || {};
index = options.index || 0;
if (!selector || options.live === false) {
that.unbind('click.fb-start').bind('click.fb-start', run);
} else {
D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
}
this.filter('[data-fancybox-start=1]').trigger('click');
return this;
};
// Tests that need a body at doc ready
D.ready(function() {
var w1, w2;
if ( $.scrollbarWidth === undefined ) {
// http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
$.scrollbarWidth = function() {
var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
child = parent.children(),
width = child.innerWidth() - child.height( 99 ).innerWidth();
parent.remove();
return width;
};
}
if ( $.support.fixedPosition === undefined ) {
$.support.fixedPosition = (function() {
var elem = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
elem.remove();
return fixed;
}());
}
$.extend(F.defaults, {
scrollbarWidth : $.scrollbarWidth(),
fixed : $.support.fixedPosition,
parent : $('body')
});
//Get real width of page scroll-bar
w1 = $(window).width();
H.addClass('fancybox-lock-test');
w2 = $(window).width();
H.removeClass('fancybox-lock-test');
$("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
});
}(window, document, jQuery));
</script>
</body>
</html>