abc menu 1

Builder

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menu 1</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
</head>

<style type="text/css">


ul{

width: 100%;
padding: 0px;
margin: 0px;
}

li {

list-style: none;
display: table;
height: 110px;

}


li a {
text-decoration: none;
text-align: center;
display: block;
padding: 10px 20px;
/* background-color: #060606; */
background-color: #1971c2;
color: #fff;
font-family: 'Raleway', sans-serif;
height: 76px;
/* width: 100%; */
border: 1px solid #fff;
display: table-cell;
vertical-align: middle;

}

.icon-menu{

color: #fff;
font-size: 24px;
padding: 10px 0px;

}

.nombre {

text-align: center;
background-color: #00315f;
color: #fff;
padding: 13px;
font-size: 17px;
font-family: 'Raleway', sans-serif;
margin: 0px;
}





@media( max-width: 600px){


.submenus_z1 li{

float: left;
width: 50%;

}

}


</style>
<body>

<div class="contenido">
<ul class="submenus_z1">

<center><img src="/Presentaciones/ABCregional/img/logo-header.jpg" width="60%" style="padding: 10px 0px;"></center>
<p class="nombre">REGIONAL</p>

<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/a_pacifico" class="sub_1" target="_blank"><i class="icon-menu fas fa-globe-americas"></i> <br> Alianza Pacífico </a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/can" class="sub_1" target="_blank"><i class="icon-menu fas fa-globe"></i><br> CAN</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/caricom" class="sub_1" target="_blank"><i class="icon-menu fas fa-street-view"></i> <br>Caricom</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/dr_cafta" class="sub_1" target="_blank"><i class="icon-menu fas fa-map-marker-alt"></i> <br> DR-Cafta</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/g2" class="sub_1" target="_blank"><i class="icon-menu fas fa-map-marked-alt"></i> <br> G2</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/mercosur" class="sub_1" target="_blank"><i class=" icon-menu fas fa-atlas"></i> <br> Mercosur</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/mcca" class="sub_1" target="_blank"><i class="icon-menu fas fa-map"></i> <br>MCCA</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/Herramientas/Presentacion/web legiscomex_german/nafta" class="sub_1" target="_blank"><i class="icon-menu fas fa-globe"></i> <br> NAFTA</a></li>
</ul>
</li>



</div>

</body>
</html>

menu 3

Builder

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Legiscomex</title>
<!--<link rel="stylesheet" type="text/css" href="css/style.css">-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/animate.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<style type="text/css">

/*
.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

width: 100%;
height: auto;
background-color: #151313;
margin-top: 10px;
position: absolute;
z-index: 10;
left: 0;
top: 0;
padding: 10px 22px;
}

*/
.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

width: 100%;
background-color: #151313;
left: 0;
top: 0;
padding: 10px 22px;
text-align: center;
}


.boton-li {

list-style: none;
width: 100%;
}

.indicador-responsive {

color: #fff;
background-color: #b700d0;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
}


.boton-a {

background-color: #ffffff;
color: #283b63;
display: block;
width: 100%;
/* height: 109px; */
padding: 9px 15px 10px 15px;
font-size: 14px;
/* margin-left: 10px; */
line-height: 17px;
margin-top: 10px;
border-radius: 5px;
/* border: 1px solid #662480; */

}

.indicador-responsive {

color: #fff;
background-color: #b700d0;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
}

</style>
</head>
<body style="background-image: none;">
<ul class="menu3 animated">
<li class="boton-li"><a href="#" class="boton-a indicador-responsive">Tránsito</a></li>
<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios/proceso-de-transito" class="boton-a" style="background-color: #ad66ca; color:#fff;" target="_blank"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Tránsito</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F43" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Tránsito Aduanero y/o Cabotaje</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F49" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Continuación de Viaje</a></li>
</ul>
<!--<script type="text/javascript" src="js/jquery.js"></script>-->
<script type="text/javascript" src="/Presentaciones/simuladorformularios/js/bootstrap.min.js"></script>
</body>
</html>

menu 2

Builder

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Legiscomex</title>
<!--<link rel="stylesheet" type="text/css" href="css/style.css">-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/animate.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>

<style type="text/css">


/*
.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

width: 100%;
height: auto;
background-color: #151313;
margin-top: 10px;
position: absolute;
z-index: 10;
left: 0;
top: 0;
padding: 10px 22px;
}

*/





.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

width: 100%;
background-color: #151313;
left: 0;
top: 0;
padding: 10px 22px;

text-align: center;
}


.boton-li {

list-style: none;

width: 100%;
}

.indicador-responsive {
color: #fff;
background-color: #b700d0;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
}


.boton-a {

background-color: #ffffff;
color: #283b63;
display: block;
width: 100%;
/* height: 109px; */
padding: 9px 15px 10px 15px;
font-size: 14px;
/* margin-left: 10px; */
line-height: 17px;
margin-top: 10px;
border-radius: 5px;
/* border: 1px solid #662480; */

}

.indicador-responsive {
color: #fff;
background-color: #b700d0;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
}

</style>
</head>
<body style="background-image: none;">


<ul class="menu2 animated">
<li class="boton-li"><a href="#" class="boton-a indicador-responsive">Importación</a></li>
<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios/proceso-de-importacion" class="boton-a" style="background-color: #ad66ca; color:#fff;" target="_blank"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Importación</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F45" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Orden de Pedido</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F18" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Registro o Licencia</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F33" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Manifiesto de Carga</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F47" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Factura Comercial</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F27" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Lista de Empaque</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F42" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>BL</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F46" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Carta Porte</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F54" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Guía Áerea</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F56" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Documento de Transporte o Consolidador</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F44" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Certificación de Fletes</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F4" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Poder Especial Aduanero</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F7" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración Andina de Valor</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F5" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Importación</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F37" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Recibo Oficinas de Pago de Tributos Aduanero y Sanciones Cambiarias</a></li>
</ul>

<!--<script type="text/javascript" src="js/jquery.js"></script>-->
<script type="text/javascript" src="/Presentaciones/simuladorformularios/js/bootstrap.min.js"></script>
</body>
</html>

menu 1

Builder

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Legiscomex</title>
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/animate.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

</head>
<style type="text/css">

/*
.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

width: 100%;
height: auto;
background-color: #151313;
margin-top: 10px;
position: absolute;
z-index: 10;
left: 0;
top: 0;
padding: 10px 22px;
}

*/

.menu {

width: 100%;
background-color: #151313;
left: 0;
top: 0;
padding: 10px 22px;

text-align: center;
}


.boton-li {

list-style: none;

width: 100%;
}

.indicador-responsive {

color: #fff;
background-color: #b700d0;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
}

.boton-a {

background-color: #ffffff;
color: #283b63;
display: block;
width: 100%;
/* height: 109px; */
padding: 9px 15px 10px 15px;
font-size: 14px;
/* margin-left: 10px; */
line-height: 17px;
margin-top: 10px;
border-radius: 5px;
/* border: 1px solid #662480; */

}

.indicador-responsive {

color: #fff;
background-color: #b700d0;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
}

</style>
</head>
<body style="background-image: none;">

<ul class="menu animated">
<li class="boton-li"><a href="#" class="boton-a indicador-responsive">Exportación</a></li>

<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios/proceso-de-exportacion" class="boton-a" style="background-color: #ad66ca; color:#fff;" target="_blank"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Exportación</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F4" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Poder Especial Aduanero</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F47" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Factura Comercial</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F27" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Lista de Empaque</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F31" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Solicitud Autorización de Embarque</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F22" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Traslado de Mercancías a Zona Primaria o Zona Franca</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F56" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Documento de Transporte o Consolidador</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F6" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Exportación</a></li>
</ul>



<script type="text/javascript" src="/Presentaciones/simuladorformularios/js/jquery.js"></script>
<script type="text/javascript" src="/Presentaciones/simuladorformularios/js/bootstrap.min.js"></script>
</body>
</html>

Las naranjas y mandarinas principales productos exportados por España prueba

Validando acceso...

sr-only 

Validando acceso...

 

INDEX_UNIVERSIDAD_3_RCI319

Builder

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Negociados por país</title>

<style>



.contenedor {width:1000px;
height:850px;
margin:auto;
background:url(/Presentaciones/abcDelComercio/plantilla_secundaria_rci319.png); background-repeat:no-repeat
}

#seccion_1 { width:1000px;
height:110px;
}

#seccion_2 { width:1000px;
height:103px;
float:left;
}

#seccion_3 { width:260px;
height:103px;
float:left;
}

#seccion_4 { width:395px;
height:83px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:38px;
color: #0071BC;
transform:rotate(-9deg);
text-align:center;
}

#seccion_4:hover { color: #F7931E;
font-size:40px;
transition:0.5s; cursor:default;
}

#seccion_5 { width:345px;
height:103px;
float:left;
}

.medio { width:1000px;
height:155px;
float:left;
}

#seccion_6 { width:260px;
height:155px;
float:left;
}

.seccion_7 { width:410px;
height:173px;
float:left;
}

.seccion_7 {width:410px;
height:173px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color: #0071BC;
font-size:20px;
/*transform:rotate(-3deg);*/
margin-top:-30px;
}

.seccion_7 ul {
list-style:none;
}



.seccion_7 ul li a {
display:block;
width:193px;
height:24px;
background-color:#E6E4E7;
padding-left:10px;
text-decoration:none;
color:#0071BC;
transform: rotate(-5deg);
}

.seccion_7 ul li a:hover {
-moz-transform:rotate(-5deg);
-moz-box-shadow:10px 10px 20px #000000;
-webkit-transform:rotate(-5deg);
-webkit-box-shadow:10px 10px 20px #000000;
transform:rotate(4deg); box-shadow:10px 10px 20px #000000;
margin-left: 10px;
transform: rotate(-5deg);
margin-top:-4px;
}

#seccion_8 { width:330px;
height:155px;
float:left;
margin-top:30px;
}

.medio_2 { width:1000px;
height:155px;
float:left;
}

#seccion_9 { width:260px;
height:155px;
float:left;
}

#seccion_10 { width:410px;
height:173px;
float:left;
}

#seccion_10 {width:410px;
height:173px;
float:left;
font-family: Arial, Helvetica, sans-serif;
color: #0071BC;
font-size:20px;
transform:rotate(-8deg);
margin-top: 60px;
margin-left: 182px;}

#seccion_10 ul {
list-style:none;
}


#seccion_10 ul li a {
display:block;
width:193px;
height:24px;
background-color:#E3E1E4;
padding-left:10px;
text-decoration:none;
color:#0071BC;
transform: rotate(-5deg);
}

#seccion_10 ul li a:hover {
-moz-transform:rotate(-5deg);
-moz-box-shadow:10px 10px 20px #000000;
-webkit-transform:rotate(-5deg);
-webkit-box-shadow:10px 10px 20px #000000;
transform:rotate(4deg); box-shadow:10px 10px 20px #000000;
margin-left: 10px;
transform: rotate(-3deg);
margin-top:-4px;
}

#seccion_11 { width:330px;
height:155px;
float:left;
}

.medio_3 { width:1000px;
height:92px;
float:left;
margin-top:30px;
}

#seccion_12 { width:260px;
height:60px;
float:left;
}

#seccion_13 { width:410px;
height:60px;
float:left;
}

#seccion_13 {width:410px;
height:60px;
float:left;
font-family: Arial, Helvetica, sans-serif;
color: #0071BC;
font-size:20px;
transform:rotate(-8deg);
margin-top: 40px;
margin-left: 33px;
}

#seccion_13 ul {
list-style:none;
}


#seccion_13 ul li a {
display:block;
width:193px;
height:24px;
background-color:#E3E1E4;
padding-left:10px;
text-decoration:none;
color:#0071BC;
transform: rotate(-5deg);
}

#seccion_13 ul li a:hover {
-moz-transform:rotate(-5deg);
-moz-box-shadow:10px 10px 20px #000000;
-webkit-transform:rotate(-5deg);
-webkit-box-shadow:10px 10px 20px #000000;
transform:rotate(4deg); box-shadow:10px 10px 20px #000000;
margin-left: 10px;
transform: rotate(-3deg);
margin-top:-4px;
}

#seccion_14 { width:330px;
height:60px;
float:left;
}

.inferior { width:1000px;
height:103px;
float:left;
margin-top:30px;
}

#seccion_15 { width:530px;
height:103px;
float:left;
}

#seccion_16 { width: 181px;
height: 83px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #0071BC;
transform: rotate(-10deg);
margin-left: -3px;
margin-top: -8px;
text-align: -webkit-center;
}

#seccion_16:hover { color: #F7931E;
font-size:35px;
transition:0.5s; cursor:default;
}

#seccion_17 { width:292px;
height:103px;
float:left;
}

#maritimo { list-style:none;
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
color:#0071BC;
transform:rotate(-5deg);
}

#maritimo:hover { color:#F7931E;
}


</style>

</head>

<body height="1000px">

<div class="contenedor">
<div id="seccion_1"></div>
<div id="seccion_2">
<div id="seccion_3"></div>
<div id="seccion_4">Negociados por país</div>
<div id="seccion_5"></div>
</div>

<div class="medio">
<div id="seccion_6"></div>
<div class="seccion_7">




<ul id="maritimo">
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-argentina/comercio-servicios-tlc-argentina?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Argentina</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-brasil/comercio-servicios-tlc-brasil?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Brasil</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-centroamerica/comercio-servicios-tlc-centroamerica?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Centroamérica</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-chile/comercio-servicios-tlc-chile?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Chile</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-colombia/comercio-servicios-tlc-colombia?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Colombia</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-costa-rica/comercio-servicios-tlc-costa-rica?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Costa Rica</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-eeuu/comercio-servicios-tlc-eeuu?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Estados Unidos</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-union-mexico/comercio-servicios-tlc-union-mexico?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">México</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-union-panama/comercio-servicios-tlc-union-panama?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Panamá</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-union-peru/comercio-servicios-tlc-union-peru?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Perú</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-union-europea/comercio-servicios-tlc-union-europea?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Unión Europea</a></li>
<li><a href="/ir/0?recursoDestino=/BancoConocimiento/C/comercio-servicios-tlc-union-uruguay/comercio-servicios-tlc-union-uruguay?DivMenu=Menu5&DivSubMenu=Menu5&DivSubMenuItem=SubMenuItem20" style="text-decoration:none; color:#0071BC" target="_blank">Uruguay</a></li>
</ul></div>

<div id="seccion_8"></div>
</div>

<div class="medio_2">
<div id="seccion_9"></div>
<div id="seccion_10"></div>
<div id="seccion_11"></div>
</div>

<div class="medio_3">
<div id="seccion_12"></div>
<div id="seccion_13"></div>
<div id="seccion_14"></div>
</div>

<div class="inferior">
<div id="seccion_15"></div>
<div id="seccion_16"><a href="/abc-Del-Comercio" style="text-decoration:none; color:#0071BC;">volver</a></div>
<div id="seccion_17"></div>
</div>


</div>

<script>window.jQuery || document.write('<script src="/Presentaciones/web legiscomex_german/js/jquery-1.11.0.min.js"><\/script>')</script>
<script src="/Scripts/jquery.blockUI.js"></script>
<script src="/Scripts/Utilidades.js"></script>
<script type="text/javascript">
$.blockUI({ message: '<h1 style="color: #ffa500;">Cargando presentación...</h1>' });

$.unblockUI();
</script>
</body>
</html>

Formularios

Builder

<!-- texto de introduccion de las pantallas-->
<!-- indicador de la seccion calculadoras-->

<!--/Presentaciones/simuladorformularios/-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Legiscomex</title>

<link rel="icon" type="image/vnd.microsoft.icon" href="/Presentaciones/simuladorformularios/img/favicon.ico">

<!--<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/style.css">-->
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/animate.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

<script type="text/javascript" src="/Presentaciones/simuladorformularios/js/jquery-1.10.2.min.js"></script>

<script type="text/javascript" src="/Presentaciones/simuladorformularios/js/jquery.fancybox.pack.js?v=2.1.5"></script>

<link rel="stylesheet" type="text/css" href="/Presentaciones/simuladorformularios/css/jquery.fancybox.css?v=2.1.5" media="screen" />
<!-- Add Button helper (this is optional) -->
<script type="text/javascript">
$(document).ready(function() {

$('.fancybox').fancybox();

$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});
});
</script>
</head>
<style type="text/css">

body{

background-image: url('/Presentaciones/simuladorformularios/img/fondo.jpg');
background-size: cover !important;
overflow-y: hidden;
}


.imagen-fondo{

background-image: url('https://www.legiscomex.com/sites/legiscomex/files/2020-12/Intro%20logo%20nuevo.jpg');
background-size: cover;
background-position-x: -19px;
background-repeat: no-repeat;
}

#video-background {

height: 100%;
position: fixed;
width: 100%;
z-index: -100;
top: 71px;
}


.footer {

background-color: #000;
padding: 38px 20px 0px 20px;
display: none;
}


.fancybox-custom .fancybox-skin {

box-shadow: 0 0 50px #222;
}

.volver {

/*position: absolute; */
background-color: #662480;
color: #fff;
font-size: 24px;
padding: 9px 10px;
top: 106px;
left: 50px;
border-radius: 8px;
cursor: pointer;
z-index: 90;
border: 1px solid #fff;
position: fixed;
transition: all 0.2s ease;
}

.volver:hover{

transform: scale(1.5);
}

#video-background {

height: 100%;
position: fixed;
width: 100%;
z-index: -100;
top: 71px;
}


.contenedor_principal {

position: relative;
}

.fancybox-skin {

position: relative;
background: #ffffff !important;

}

.cerrar_intro {

display: none !important;
}

.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {


width: 91%;
height: 433px;
background-color: #151313;
margin-top: 260px;
position: absolute;
z-index: 10;
left: 83px;
padding: 21px 50px 50px 50px;
display: none;
overflow: auto;



}

#menus, #menus2, #menus3:hover{

text-decoration: none,
}

.esconder-desktop{

display: none;
}

.boton-a{

background-color: #ffffff;
color: #283b63;
display: block;
width: 100%;
/* height: 109px; */
padding: 9px 15px 20px 15px;
font-size: 14px;
margin-left: 10px;
line-height: 17px;
margin-top: 10px;
border-radius: 5px;
/* border: 1px solid #662480; */

}

.cerrar2{

display: none;

}

.boton-a:hover{

background-color: #662480;
color: #fff;
text-decoration: none;

}

.icono-awesome {
font-size: 31px;
padding: 5px 5px 10px 5px;
}

.boton-li {

text-align: center;
list-style: none;
float: left;
width: 100%;
transition: all 0.2s ease;

}

.boton-li:hover {

transform: scale(0.9);

}

#menus, #menus2, #menus3 {

text-decoration: none;
}

.hijo{

/* display: table-cell; */
/* vertical-align: middle; */
margin-top: 28px;
position: absolute;
left: 187px;
cursor: auto;
}

#header {

width: 100%;
height: 73px;
background-color: #fff;
border-bottom: solid 2px white;
}

.logo-header{

width: 281px;
padding: 20px 20px;
margin-left: 0px;

}

.image-header{

background-image: url('/Presentaciones/simuladorformularios/img/imagen-logo.png');
padding-right: 0!important;
background-position-x: 30px;
background-repeat: no-repeat;
}

.container {

max-width: 95% !important;
height: auto;
}

.padre{

display: table;
height: 710px;
}

.titulo {

color: #fff;
text-align: center;
font-size: 20px;
width: 456px;
margin: auto;
background-image: url('/Presentaciones/simuladorformularios/img/fondo_titulo.png');
padding: 27px 9px;
background-position-y: -15px;
background-size: cover;
opacity: 1;
font-style: normal;
}

.fondo-morado{

width: 400px;
height: 50px;
background-color: #4e3298;
}

.titulo_1 {

text-align: center;
color: #fff;
background-color: #662480;
font-size: 20px;
padding: 6px;
font-style: italic;
margin: 0;
}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6 {

width: 140px;
height: 140px;
background-color: #662480;
border-radius: 16%;
margin: auto;
text-align: center;
cursor: pointer;
transition: all 0.2s ease;

}

.circulo1:hover{

transform: scale(0.8);
}


.circulo2:hover{

transform: scale(0.8);
}

.circulo3:hover{

transform: scale(0.8);
}

.circulo4:hover{

transform: scale(0.8);
}

.circulo5:hover{

transform: scale(0.8);
}


.circulo6:hover{

transform: scale(0.8);
}


.circulo-hover {

background-color: #fff;
border-radius: 22px 22px 0px 0px;
}


.seccion-formularios {

padding: 38px 43px 64px 43px;
margin-right: 0 !important;
margin-left: 0 !important;
}

.indicador{

text-align: center;
margin-top: 29px;
color: #ffffff;
}

.contenedor-1{

display: table !important;
background-color: rgba(0, 0, 0, 0.82);
width: 91%;
float: right;
margin-top: 0%;
}

.iconos {

width: 51px;
margin: 27px auto 0px 5px;
}

.titular {

text-align: center;
color: #fff;
font-size: 14px;
font-style: italic;
}

.titulo_2{

background-color: #ffffff;
border-top: solid 1px #662480;
color: #662480;

}

.contenedor-2{

background-color: #000000d1;
background-color: rgba(0, 0, 0, 0.82);
display: table !important;
width: 91%;
float: right;


}

.indicador-2{

color: #fff;
text-align: center;
margin-top: 29px;
padding: 0px 37px;
}

.circulo-2{

background-color: #fff;
}


/*.circulo-2:hover{

background-color: #662480;

}*/


.titular2{

color: #662480;
}

.iconos2{

width: 56px;
}

.contenido_aparte {

width: 647px;
background-color: #fff;

}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0 {

display: table;
position: absolute;
top: 264px;
left: 150px;
display: none;
-webkit-box-shadow: -1px 3px 41px 12px rgba(0,0,0,0.76);
-moz-box-shadow: -1px 3px 41px 12px rgba(0,0,0,0.76);
box-shadow: -1px 3px 41px 12px rgba(0,0,0,0.76);

}

.ancho-intro{

width: 500px;
}

.parrafo {

font-size: 16px;
padding: 15px 31px;
text-align: initial;
max-height: 322px;
}

.titulo-indicador {

text-align: center;
background-color: #662480;
color: #ffffff;
font-size: 19px;
padding: 6px 0px 9px 0px;
font-style: italic;
}


.logo_caja{

width: 194px;
margin-top: 12px;
}

.menu2{

display: none;
}


.imagen_intro{

width: 100%;
margin-top: 12px;
}


.circulo-hover2{

background-color: #662480;

}


@media (max-width: 1600px) {

.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

left: 81px;
}

}

@media (max-width: 1550px) {


.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

left: 79px;
}

}

@media (max-width: 1500px) {


.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

left: 73px;
}

}

@media (max-width: 1442px) {

.contenido_aparte {

width: 629px;
height: 360px;
}


.imagen-fondo {

background-position-x: -2px;
}



.volver {

/* position: absolute;*/
background-color: #662480;
color: #fff;
font-size: 26px;
padding: 7px 9px;
top: 106px;
left: 50px;
border-radius: 5px;
cursor: pointer;
z-index: 90;
border: 1px solid #fff;
position: fixed;
}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0{

left: 7%;
}


/*.menu, .menu2, .menu3, .menu4, .menu5, .menu6{

width: 594px;
height: 433px;
left: 809px;
top: 400px;


}*/

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6 {

width: 125px;
height: 125px;

}

.iconos {

width: 51px;
margin: 20px auto 7px 5px;
}

.boton-a {

padding: 7px 15px 7px 15px;

}

.icono-awesome {

font-size: 26px;

}


.parrafo {

font-size: 14px;
padding: 11px 27px;
text-align: initial;
max-height: 299px;
}

.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

width: 91%;
height: 304px;
margin-top: 249px;

}


}

@media (max-width: 1337px) {

.imagen_intro {

width: 100%;
margin-top: 0;
}

.imagen-fondo {

background-position-x: -33px;
}

.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

left: 69px;
height: 301px;
margin-top: 235px;
}

.contenedor-1 {

display: table !important;
background-color: rgba(0, 0, 0, 0.82);
width: 91%;
float: right;
margin-top: 0%;
}

.seccion-formularios {

padding: 23px 43px 47px 43px;
margin-right: 0 !important;
margin-left: 0 !important;
}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6 {

width: 120px;
height: 120px;
}

.iconos {

width: 47px;
margin: 17px auto 7px 5px;
}

.contenido_aparte {

width: 629px;
height: auto;
background-color: #fff;
}

.parrafo {

font-size: 13px;
padding: 13px 20px 7px 7px;
text-align: initial;
max-height: 299px;
}

.titulo {

color: #fff;
text-align: center;
font-size: 17px;
width: 387px;
margin: auto 9px 1px -59px;
background-image: url('/Presentaciones/simuladorformularios/img/fondo_titulo.png');
padding: 27px 9px;
background-position-y: -15px;
background-size: cover;
opacity: 1;
font-style: normal;
}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0 {


top: 235px;
}

}

@media (max-width: 1200px) {

.cerrar_intro {

margin-left: 608px;
padding: 7px;
position: absolute;
background-color: #fff;
font-size: 19px;
display: block !important;
z-index: 900;
}




.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

margin-top: 198px;
}

.iconos {

width: 37px;
margin: 17px auto 7px 5px;
}

.contenido_aparte {

width: 641px;
background-color: #fff;
}

.titulo-indicador {

text-align: center;
background-color: #662480;
color: #ffffff;
font-size: 16px;

}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6 {

width: 95px;
height: 95px;
}

.parrafo {

font-size: 13px;
padding: 13px 25px 7px 7px;
text-align: initial;
}

.titular {

text-align: center;

font-size: 11px;
}

.titulo_1 {

text-align: center;
color: #fff;
background-color: #662480;
font-size: 14px;
}

.seccion-formularios {

padding: 17px 28px 43px 21px;
}


}


@media only screen and (max-width: 1024px) and (max-height: 768px) {

.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

left: 56px;
}


.indicador, .indicador-2 {

font-size: 13px;
}

.contenedor-1 {

display: table !important;
background-color: rgba(0, 0, 0, 0.82);
width: 91%;
float: right;
margin-top: 0;
}

}

@media (max-width: 772px) {

.parrafo_footer {

display: none;
}

.tamaño_icono_legis {

width: 46px;
}

.footer {

background-color: #005db7;
padding: 6px 19px 6px 20px;
position: fixed;
bottom: 0;
max-width: 100% !important;
display: block;
}

.col-sm-12 {

-ms-flex: 0 0 50%;
flex: 0 0 100% !important;
max-width: 100% !important;
}

.volver {
/* position: absolute; */
background-color: #662480;
color: #fff;
font-size: 19px;
padding: 7px 9px;
top: 17px;
left: 22px;

}

body{

overflow-y: inherit !important;
}

iframe{

display: none;

}

.cerrar_intro {


margin-left: 603px;
padding: 7px;
position: absolute;
background-color: #fff;
font-size: 19px;
display: block !important;
z-index: 900;
}

.contenedor_principal {

padding: 140px 0px 0px 0px;
}

.esconder-desktop{

display: block;
}

.padre{

display: none;
}

.contenido_aparte {


width: 636px;
margin-left: -61px;

}

.titulo {

margin: auto 21px 9px -4px;
}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0 {

left: 18%;
top: 190px;
}

.contenedor-1, .contenedor-2{

float: inherit;
width: 100%;
margin-right: 0px !important;
margin-left: 0px !important;
}

.imagen_intro{

width: 100%;
}

body{

background-attachment: fixed;
}
.menu, .menu2, .menu3, .menu4, .menu5, .menu6{

left: 76px;
}

}


@media (max-width: 600px) {

.cerrar2{

display: block;
}


.parrafo {

font-size: 13px;
padding: 18px 26px;
text-align: initial;
}


.imagen-fondo {

background-position-x: -33px;
display: none;

}

.titulo-indicador {

margin-top: -34px;
}

.boton-a {

font-weight: 500;
}

.contenedor-1, .contenedor-2 {

float: right;
}

#header {

width: 100%;
height: 65px;
background-color: #fff;
border-bottom: solid 2px white;
position: fixed;
z-index: 20;
}

.indicador-2 {

padding: 0 32px;
}


.volver {
/* position: absolute; */
background-color: #662480;
color: #fff;
font-size: 19px;
padding: 6px 8px;
top: 15px;
left: 21px;
border-radius: 5px;
cursor: pointer;
z-index: 90;
border: 1px solid #fff;
position: fixed;
}

.indicador {

padding: 0 16px;
}

.contenedor-1 {

margin-top: 5%;
}

.contenedor_principal {

padding: 0px 0px 0px 0px;
}

.hijo {

position: relative;
left: 0;
margin: 21px auto 6px auto;

}

.titulo {

margin: 10px auto;
font-size: 15px;
width: 328px;
padding: 17px 9px;
}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6 {

width: 140px;
height: 140px;
margin-top: 13px;
margin-bottom: 34px;
border-radius: 60%;
}

.iconos {

width: 64px;
margin: 24px auto 7px 5px;
}

.padding-responsive{

padding-right: 0px !important;
padding-left: 0px !important;
margin-top: 75px;
}

.container-responsive{

padding-right: 0 !important;
padding-left: 0 !important;

}

.imagen_intro {

width: 100%;
display: none;
}

.contenido_aparte {

width: 297px;
height: 381px;
margin-top: 31px;

}


.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0 {

left: 30%;
top: 104px;
}

.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

padding: 20px 20px 17px 3px;
}

.cerrar {

float: right;
margin-top: -33px;
}

.cerrar_intro {

padding: 7px;
position: absolute;
background-color: #fff;
margin-left: -31px;
font-size: 17px;
display: block !important;
}

}



@media (max-width: 480px) {


.indicador, .indicador-2 {

text-align: center;
margin-top: 27px;
color: #ffffff;
font-size: 14px;
line-height: 19px;

}

.volver {

/* position: absolute; */
background-color: #662480;
color: #fff;
font-size: 17px;
padding: 6px 8px;
top: 17px;
left: 21px;
border-radius: 5px;
}

.logo-header {

width: 257px;
padding: 18px 20px;
margin-left: 0px;
}

}

@media (max-width: 380px) {

#header {

width: 100%;
height: 56px;
}

.logo-header {

width: 224px;
padding: 16px 20px;
margin-left: 0px;
}


.contenido_aparte {

width: 272px;
height: 408px;
margin-top: -45px;
/* padding: 20px 0px; */
margin-left: -14px;
}

.parrafo {

font-size: 12px;
}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0 {

left: 18%;
top: 102px;
}

}

@media (max-width: 362px) {

.volver {
/* position: absolute; */
background-color: #662480;
color: #fff;
font-size: 17px;
padding: 6px 7px;
top: 14px;
left: 21px;
border-radius: 5px;
}


.indicador {

padding: 0 29px 0px 45px;
font-size: 14px;
line-height: 20px;
}

.row {

margin-right: 0 !important;
}
.container {

max-width: 100% !important;
}


.indicador-2{

padding: 0 29px 0px 45px;
font-size: 14px;
line-height: 20px;
}

}


@media (max-width: 342px) {

body{

overflow-y: inherit !important;
}

.parrafo {

font-size: 13px !important;
}

.contenido_aparte {

width: 256px;
height: 409px;
margin-top: -45px;
/* padding: 20px 0px; */
margin-left: -17px;
}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6 {

width: 130px;
height: 130px;
}

.iconos {

width: 56px;
margin: 24px auto 7px 5px;
}


.seccion-formularios {

padding: 17px 3px 43px 21px;
}

.contenido_aparte {

width: 240px;
}

.titulo {

padding: 17px 11px 10px 32px;
font-size: 14px;

}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0 {

left: 18%;
top: 13px;
}

}

/*----------------------------------- VERTICALES------------------------------------------*/
@media (max-height: 670px){

.contenedor-1 {

margin-top: 0;
}


.menu, .menu2, .menu3, .menu4, .menu5, .menu6 {

margin-top: 203px;
}

.contenedor_principal {

position: relative;
margin-top: 2%;
}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0{

top: 174px;
}

.seccion-formularios {

padding: 16px 40px 45px 43px;
}

.seccion-formularios{

padding: 6px 40px 32px 43px;

}

.contenedor-1{

margin-top: 0px;

}

.iconos{

width: 41px;

}

.padre{

height: 0px;

}

.titulo_1{

font-size: 16px;

}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6{

width: 115px;
height: 115px;

}

}

@media (max-height: 590px){


body{

overflow-y: hidden;

}

.contenedor_principal {

position: relative;
margin-top: 0%;
}

.contenido_aparte {

margin-top: -57px;
}

.principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0{

top: 174px;

}

.menu, .menu2, .menu3, .menu4, .menu5, .menu6{

margin-top: 200px;

}

.seccion-formularios{

padding: 6px 40px 32px 43px;

}

.contenedor-1{

margin-top: 0px;
}

.iconos{

width: 41px;

}

.padre{

height: 0px;
}

.titulo_1{

font-size: 16px;
}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6{

width: 115px;
height: 115px;
}

}

@media (max-height: 570px){

.contenido_aparte {

margin-top: -57px;
}

body{

overflow-y: hidden;
}

.seccion-formularios{

padding: 1px 40px 27px 43px;

}

.contenedor-1{

margin-top: 0px;
}

.padre{

height: 0px;
}

.titulo_1{

font-size: 16px;
}

.indicador{

margin-top: 25px;
}

.circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6{

width: 110px;
height: 110px;
}


}



</style>
<body>

<a href="https://www.legiscomex.com/"><i class="volver fas fa-arrow-left"></i></a>
<!--<iframe id="video-background" width="560" height="315" src="https://www.youtube.com/embed/WpYiXDL1z5c?controls=0&loop=3&showinfo=0&autoplay=1&mute=1&html5=1&allowfullscreen=true&wmode=transparent" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
<header>
<div class="row ml-0" id="header">
<div class="col-sm-12 col-md-4">
<a href="https://www.legiscomex.com"><img src="/Presentaciones/SimuladorFormularios/img/logo-header.jpg" class="logo-header"></a>
</div>
<div class="col-md-8 pr-0 image-header"></div>
</div>
</header>
<section>

<!--
<iframe id="video-background" width="560" height="315" src="https://www.youtube.com/embed/Mrk7-u1cmb0?playlist=Mrk7-u1cmb0&amp;loop=1&amp;autoplay=1&amp;controls=0&amp;showinfo=0&amp;mute=1&amp;html5=1&amp;allowfullscreen=true&amp;wmode=transparent" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
-->

<!--<nav>
<ul class="menu animated">
<li class="boton-li"><a href="#" class="boton-a" style="background-color: #ad66ca; color:#fff;"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de importación</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Orden de pedido</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Registro o licencia</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Registro o licencia Vuce 2.0</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Manifiesto de carga</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Factura comercial</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Lista de empaque</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>BL</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Carta Porte</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Gia Áerea</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Documento Consiliador</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Cetificacion de fletes</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Poder Especial Aduanero</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaracion Andina de valor</a></li>
</ul>
<ul class="menu2 animated">
<li class="boton-li"><a href="#" class="boton-a" style="background-color: #ad66ca; color:#fff;"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Exportación</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Poder Especial Aduanero</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Factura Comercial</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Lista de Empaque</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Solicitad Autorización de Embarque</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Traslado de Mercancías</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Documento Consolidador</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Exportación</a></li>
</ul>
<ul class="menu3 animated">
<li class="boton-li"><a href="#" class="boton-a" style="background-color: #ad66ca; color:#fff;"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Tránsito</a></li>

<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios-y-calculadoras/ejemplo-procesos" class="boton-a" target="_blank"><i class="icono-awesome fas fa-luggage-cart"></i> <br>Ejemplo Tránsito</a></li>

<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Tránsito</a></li>
<li class="boton-li"><a href="#" class="boton-a"><i class="icono-awesome fab fa-wpforms"></i> <br>Continuación de Viaje</a></li>
</ul>
</nav>-->
</section>
<section>
<div class="container container-responsive">
<div class="row">
<div class="col-sm-12 col-md-6 padre">
<div class="hijo esconder-desktop">
<h1 class="titulo">SIMULADOR DE FORMULARIOS Y DOCUMENTOS</h1>
</div>
</div>
<div class="col-sm-12 col-md-6 padding-responsive">
<div class="hijo esconder-desktop">
<h1 class="titulo">SIMULADOR DE FORMULARIOS Y DOCUMENTOS</h1>
</div>
<div class="contenedor_principal">
<nav>
<ul class="menu2 animated">
<li class="boton-li"><a href="https://www.legiscomex.com/informacion/formulario-importaciones-para-tener-en-cuenta-resolucioncl" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Resolución 1297 de 2022</a></li>

<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios/proceso-de-importacion" class="boton-a" style="background-color: #ad66ca; color:#fff;" target="_blank"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Importación</a></li>

<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios-y-calculadoras/ejemplo-procesos" class="boton-a" target="_blank"><i class="icono-awesome fas fa-plane-arrival"></i> <br>Ejemplo Importación</a></li>

<li class="boton-li"><a href="https://www.legiscomex.com/ir/0?recursoDestino=/Herramientas/Formularios/F45" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Orden de Pedido</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F18" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Registro o Licencia</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F83" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Registro o licencia Vuce 2.0</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F33" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Manifiesto de Carga</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F90" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Factura Comercial</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F27" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Lista de Empaque</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F42" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>BL</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F46" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Carta Porte</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F54" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Guía Áerea</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F56" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Documento de Transporte o Consolidador</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F44" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Certificación de Fletes</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F4" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Poder Especial Aduanero</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F7" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración Andina de Valor</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F77" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Importación</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F94" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Recibo Oficial de Pago de Tributos Aduanero y Sanciones Cambiarias</a></li>
</ul>
<ul class="menu animated">

<li class="boton-li"><a href="https://www.legiscomex.com/informacion/formulario-exportaciones-para-tener-en-cuenta-resolucion" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Resolución 1297 de 2022</a></li>

<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios/proceso-de-exportacion" class="boton-a" style="background-color: #ad66ca; color:#fff;" target="_blank"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Exportación</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F4" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Poder Especial Aduanero</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F90" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Factura Comercial</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F99" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Factura de Exportación</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F27" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Lista de Empaque</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F31" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Solicitud Autorización de Embarque</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F22" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Traslado de Mercancías a Zona Primaria o Zona Franca</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F56" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Documento de Transporte o Consolidador</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F6" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Exportación</a></li>
</ul>
<ul class="menu3 animated">
<li class="boton-li"><a href="https://www.legiscomex.com/informacion-simulador-de-formularios/proceso-de-transito " class="boton-a" style="background-color: #ad66ca; color:#fff;" target="_blank"><i class="icono-awesome fas fa-sitemap"></i> <br>Proceso Aduanero de Tránsito</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F43" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Declaración de Tránsito Aduanero y/o Cabotaje</a></li>

<li class="boton-li"><a href="/ir/0?recursoDestino=/Herramientas/Formularios/F49" class="boton-a" target="_blank"><i class="icono-awesome fab fa-wpforms"></i> <br>Continuación de Viaje</a></li>
</ul>
</nav>
<div class="row contenedor-1">
<h1 class="titulo_1">FORMULARIOS Y PROCESOS</h1>
<p class="indicador">* Ingresa, conoce los procesos y diligencia los formularios</p>
<div class="row seccion-formularios">
<div class="col-sm-4 col-md-4">
<a class="fancybox fancybox.iframe" href="/informacion/menu-1" id="menus">
<div class="circulo1 expoanimate">
<img src="/Presentaciones/simuladorformularios/img/icon1.png" class="iconos imagen_cambio1">
<p class="titular text1">EXPORTACIÓN</p>
</div>
</a>
</div>
<div class="col-sm-4 col-md-4">
<a class="fancybox fancybox.iframe" href="/informacion/menu-2" id="menus2">
<div class="circulo2 impoanimate">
<img src="/Presentaciones/simuladorformularios/img/icon2.png" class="iconos imagen_cambio2">
<p class="titular text2">IMPORTACIÓN</p>
</div>
</a>
</div>
<div class="col-sm-4 col-md-4">
<a class="fancybox fancybox.iframe" href="/informacion/menu-3" id="menus3">
<div class="circulo3 trasanimate">
<img src="/Presentaciones/simuladorformularios/img/icon3.png" class="iconos imagen_cambio3">
<p class="titular text3">TRÁNSITO</p>
</div>
</a>
</div>
</div>
</div>
<div class="row contenedor-2">
<h1 class="titulo_1 titulo_2">CALCULADORAS</h1>
<p class="indicador-2">*Calcula los derechos e impuestos, convierte medidas y conoce las tasas de cambio</p>
<div class="row seccion-formularios">
<div class="col-sm-4 col-md-4">
<a href="/ir/0?recursoDestino=/Herramientas/Calculadoratributos"" target="_blank" style="text-decoration: none;">
<div class="circulo4 circulo-2 cal-expo">
<img src="/Presentaciones/simuladorformularios/img/calcular1.png" class="iconos iconos2 imagen_cambio4">
<p class="titular titular2 text4">Derechos e Impuestos</p>
</div>
</a>
</div>
<div class="col-sm-4 col-md-4">
<a href="/ir/0?recursoDestino=/Herramientas/Conversorunidades" target="_blank" style="text-decoration: none;">
<div class="circulo5 circulo-2 cal-impo">
<img src="/Presentaciones/simuladorformularios/img/calcular2.png" class="iconos iconos2 imagen_cambio5">
<p class="titular titular2 text5">Medidas</p>
</div>
</a>
</div>
<div class="col-sm-4 col-md-4">
<a href="/ir/0?recursoDestino=/Herramientas/Conversordivisa" target="_blank" style="text-decoration: none;">
<div class="circulo6 circulo-2 cal-tran">
<img src="/Presentaciones/simuladorformularios/img/calcular3.png" class="iconos iconos2 imagen_cambio6">
<p class="titular titular2 text6">Divisas</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="principal-0 animated bounceInLeft">
<div class="row contenido_aparte">
<div class="col-md-6 pl-0 pr-0 imagen-fondo">
<div class="cerrar"><i class="fas fa-times-circle cerrar_intro"></i></div>
<!--<img src="https://www.legiscomex.com/sites/legiscomex/files/2020-12/Intro%20logo%20nuevo.jpg" width="100%" class="imagen_intro">-->
</div>
<div class="col-md-6 pl-0 pr-0">
<div class="cerrar cerrar2"><i class="fas fa-times-circle cerrar_intro intro_2"></i></div>
<h2 class="titulo-indicador">BIENVENIDO</h2>
<p class="parrafo" style="font-size: 14px;">En este módulo podrás conocer los procesos de importación, exportación y tránsito que se surten ante la aduana colombiana; diligenciar los principales formularios y documentos soporte exigidos por la DIAN, de acuerdo a la operación aduanera que se vaya a realizar; calcular los derechos e impuestos (IVA, Gravamen, Antidumping, etc.) en la importación desde diferentes países de origen; convertir medidas para adecuar la mercancía a la naturaleza del producto y conocer las tasas de cambio de las divisas de todo el mundo en tiempo real.
<br><br>
</p>
</div>
</div>
</div>
<div class="principal animated">
<div class="row contenido_aparte">
<div class="col-md-6 pl-0 pr-0 imagen-fondo">
<img src="/Presentaciones/simuladorformularios/img/expof.jpg" width="100%" class="imagen_intro">
</div>
<div class="col-md-6 pl-0 pr-0">
<h2 class="titulo-indicador">Exportación</h2>
<p class="parrafo">Conoce el proceso aduanero de exportación y diligencia los principales formularios y documentos soporte exigidos por la DIAN en la salida de mercancías. </p>
</div>
</div>
</div>
<div class="principal2 animated">
<div class="row contenido_aparte">
<div class="col-md-6 pl-0 pr-0 imagen-fondo">
<img src="/Presentaciones/simuladorformularios/img/impoF.jpg" width="100%" class="imagen_intro">
</div>
<div class="col-md-6 pl-0 pr-0">
<h2 class="titulo-indicador">Importación</h2>
<p class="parrafo"style="font-size: 13px;">Conoce el proceso aduanero de importación y diligencia los principales formularios y documentos soporte exigidos por la DIAN en la importación de mercancías.
Por <strong>Declaración Especial de Importación</strong> se entenderá el documento que ampara las operaciones de importación al Territorio Aduanero Nacional desde zona franca permanente y permanente especial, de productos terminados producidos, transformados o elaborados, por usuarios industriales de bienes o usuarios industriales de bienes y servicios, solo a partir de componente nacional exportado de manera definitiva o introducidos de manera definitiva, y/o con materia prima importada.</p>
</div>
</div>
</div>
<div class="principal3 animated">
<div class="row contenido_aparte">
<div class="col-md-6 pl-0 pr-0 imagen-fondo">
<img src="/Presentaciones/simuladorformularios/img/tranF.jpg" width="100%" class="imagen_intro">
</div>
<div class="col-md-6 pl-0 pr-0">
<h2 class="titulo-indicador">Tránsito</h2>
<p class="parrafo">Conoce el proceso aduanero de Tránsito y diligencia los principales formularios y documentos soporte exigidos por la DIAN en este proceso.

</p>
</div>
</div>
</div>
<!--CALCULADORAS-->
<div class="principal4 animated">
<div class="row contenido_aparte">
<div class="col-md-6 pl-0 pr-0 imagen-fondo">
<img src="/Presentaciones/simuladorformularios/img/calcular1.jpg" width="100%" class="imagen_intro">
</div>
<div class="col-md-6 pl-0 pr-0">
<h2 class="titulo-indicador">Derechos e impuestos a la importación</h2>
<p class="parrafo">Herramienta que permite calcular los derechos e impuestos en la importación, se puede comparar entre diferentes países origen y decidir de dónde traer la mercancía en las condiciones más favorables en términos fiscales. </p>
</div>
</div>
</div>
<div class="principal5 animated">
<div class="row contenido_aparte">
<div class="col-md-6 pl-0 pr-0 imagen-fondo">
<img src="/Presentaciones/simuladorformularios/img/calcular2.jpg" width="100%" class="imagen_intro">
</div>
<div class="col-md-6 pl-0 pr-0">
<h2 class="titulo-indicador">Medidas</h2>
<p class="parrafo">Herramienta que permite convertir unidades de medida utilizadas por diferentes sistemas de medición en otros países y adecuarlas a la medida exigida por la entidad aduanera de Colombia. </p>
</div>
</div>
</div>
<div class="principal6 animated">
<div class="row contenido_aparte">
<div class="col-md-6 pl-0 pr-0 imagen-fondo">
<img src="/Presentaciones/simuladorformularios/img/calcular3.jpg" width="100%" class="imagen_intro">
</div>
<div class="col-md-6 pl-0 pr-0">
<h2 class="titulo-indicador">Divisas</h2>
<p class="parrafo">Herramienta que permite convertir divisas de cualquier parte del mundo aplicando las tasas de cambio que rigen en el marco internacional en tiempo real.</p>
</div>
</div>
</div>

<footer>
<div class="container footer">
<article>
<center><img src="https://www.legiscomex.com/sites/legiscomex/files/glazed_builder_images/legis-comex-26.png" alt="" class="tamaño_icono_legis"></center>
<p class="parrafo_footer"> COPYRIGHT © 2017 LEGIS S.A.
Prohibida su reproducción total o parcial, así como su traducción a cualquier idioma sin autorización escrita de su titular.
Reproduction in whole or in part, or translation without written permission is prohibited. All rights reserved.</p>
</article>
</div>
</footer>
<!--<script type="text/javascript" src="js/jquery.js"></script>-->
<script type="text/javascript" src="/Presentaciones/simuladorformularios/js/bootstrap.min.js"></script>
<script type="text/javascript">
/*
if ($(window).height() <= 590){

$(".principal, .principal2, .principal3, .principal4, .principal5, .principal6, .principal-0").css('top', '174px');
$(".menu, .menu2, .menu3, .menu4, .menu5, .menu6").css('margin-top', '200px');
$(".seccion-formularios").css('padding', '6px 40px 32px 43px');
$(".contenedor-1").css('margin-top', '0');
$(".iconos").css('width', '41px');
$(".padre").css('height', '0px');

$(".titulo_1").css('font-size', '16px');
$(".circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6").css({

'width': '115px',
'height': '115px'
});

$("body").css('overflow-y', 'hidden');

}



if ($(window).height() <= 580){


$(".seccion-formularios").css('padding', '1px 40px 27px 43px;');
$(".contenedor-1").css('margin-top', '0');
$(".padre").css('height', '0px');
$(".titulo_1").css('font-size', '16px');
$(".indicador").css('margin-top', '25px');

$(".circulo1, .circulo2, .circulo3, .circulo4, .circulo5, .circulo6").css({

'width': '110px',
'height': '110px'
});

}
*/

$(".cerrar").click(function(event) {

$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

});

$(".principal-0").addClass('bounceInLeft');
$(".principal-0").css('display', 'block');


if ($(window).width() <= 1024) {

$(".expoanimate").removeClass('expoanimate');
$(".impoanimate").removeClass('impoanimate');
$(".trasanimate").removeClass('trasanimate');


$("#menus, #menus2, #menus3").click(true);

$(".principal-0").addClass('bounceInLeft');
$(".principal-0").css('display', 'block');

setTimeout(function(){

$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

}, 30000);


$(".expoanimate").click(function(event) {

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo1.jpg');

});



}else{

$("#menus, #menus2, #menus3").click(false);

$("body").css('background-size', 'cover !important');



$(".expoanimate, .menu").hover(function() {

$(".principal").addClass('bounceInLeft');
$(".principal").css('display', 'block');
$(".text1").css('color', '#662480');
$(".imagen_cambio1").attr('src', '/Presentaciones/simuladorformularios/img/icon1M.png');
/*$(".imagen-fondo").css('background-image' , ' inherit');*/


$(".principal").removeClass('bounceOutLeft');

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo1.jpg');


$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

$(".menu").css('display', 'block');
$(".circulo1").addClass('circulo-hover');





}, function() {

$(".principal").addClass('bounceOutLeft');
$(".text1").css('color', '#fff');
$(".imagen_cambio1").attr('src', '/Presentaciones/simuladorformularios/img/icon1.png');


$(".principal").removeClass('bounceInLeft');


$(".principal-0").removeClass('bounceOutLeft');
$(".principal-0").addClass('bounceInLeft');
/* $(".imagen-fondo").css('background-image' , 'url(https://www.legiscomex.com/sites/legiscomex/files/2020-12/Intro%20logo%20nuevo.jpg)');*/


$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo.jpg');


$(".principal-0").addClass('bounceInLeft');
$(".principal-0").css('display', 'block');
$(".circulo1").removeClass('circulo-hover');
$(".menu").css('display', 'none');

});

$(".impoanimate, .menu2").hover(function() {

$(".principal2").addClass('bounceInLeft');
$(".principal2").css('display', 'block');
$(".text2").css('color', '#662480');
$(".imagen_cambio2").attr('src', '/Presentaciones/simuladorformularios/img/icon2M.png');
/* $(".imagen-fondo").css('background-image' , ' inherit');*/


$(".principal2").removeClass('bounceOutLeft');

$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo2.jpg');
$(".menu2").css('display', 'block');
$(".circulo2").addClass('circulo-hover');

}, function() {

$(".principal2").addClass('bounceOutLeft');
$(".text2").css('color', '#fff');
$(".imagen_cambio2").attr('src', '/Presentaciones/simuladorformularios/img/icon2.png');

$(".principal2").removeClass('bounceInLeft');

$(".principal-0").removeClass('bounceOutLeft');
$(".principal-0").addClass('bounceInLeft');

$(".circulo2").removeClass('circulo-hover');
$(".menu2").css('display', 'none');
/* $(".imagen-fondo").css('background-image' , 'url(https://www.legiscomex.com/sites/legiscomex/files/2020-12/Intro%20logo%20nuevo.jpg)');*/

});


$(".trasanimate, .menu3").hover(function() {

$(".principal3").addClass('bounceInLeft');
$(".principal3").css('display', 'block');
$(".text3").css('color', '#662480');
$(".imagen_cambio3").attr('src', '/Presentaciones/simuladorformularios/img/icon3M.png');

$(".principal3").removeClass('bounceOutLeft');

$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

$(".menu3").css('display', 'block');
$(".circulo3").addClass('circulo-hover');

/*$(".imagen-fondo").css('background-image' , ' inherit');*/

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo6.jpg');

}, function() {

$(".principal3").addClass('bounceOutLeft');
$(".text3").css('color', '#fff');
$(".imagen_cambio3").attr('src', '/Presentaciones/simuladorformularios/img/icon3.png');


$(".principal3").removeClass('bounceInLeft');


$(".principal-0").removeClass('bounceOutLeft');
$(".principal-0").addClass('bounceInLeft');

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo.jpg');

$(".circulo3").removeClass('circulo-hover');
$(".menu3").css('display', 'none');
$(".imagen-fondo").css('background-image' , 'url(https://www.legiscomex.com/sites/legiscomex/files/2020-12/Intro%20logo%20nuevo.jpg)');
});

/*------------------------------------------calculadora-------------------------------------------------*/

$(".cal-expo").hover(function() {


$(".principal4").addClass('bounceInLeft');
$(".principal4").css('display', 'block');
$(".text4").css('color', '#fff');
$(".imagen_cambio4").attr('src', '/Presentaciones/simuladorformularios/img/calcular1M.png');

$(".principal4").removeClass('bounceOutLeft');
$(".contenedor-2").css('background-color', '#000000d1');

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo4.jpg');

$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

$(".circulo4").addClass('circulo-hover2');


}, function() {

$(".principal4").addClass('bounceOutLeft');
$(".text4").css('color', '#662480');
$(".imagen_cambio4").attr('src', '/Presentaciones/simuladorformularios/img/calcular1.png');


$(".principal4").removeClass('bounceInLeft');

$(".principal-0").removeClass('bounceOutLeft');
$(".principal-0").addClass('bounceInLeft');

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo.jpg');

$(".circulo4").removeClass('circulo-hover2');
$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo.jpg');

});

$(".cal-impo").hover(function() {

$(".principal5").addClass('bounceInLeft');
$(".principal5").css('display', 'block');
$(".text5").css('color', '#fff');
$(".imagen_cambio5").attr('src', '/Presentaciones/simuladorformularios/img/calcular2M.png');

$(".principal5").removeClass('bounceOutLeft');


$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo5.jpg');

$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

$(".circulo5").addClass('circulo-hover2');



}, function() {

$(".principal5").addClass('bounceOutLeft');
$(".text5").css('color', '#662480');
$(".imagen_cambio5").attr('src', '/Presentaciones/simuladorformularios/img/calcular2.png');


$(".principal5").removeClass('bounceInLeft');

$(".principal-0").removeClass('bounceOutLeft');
$(".principal-0").addClass('bounceInLeft');

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo.jpg');

$(".circulo5").removeClass('circulo-hover2');




});

$(".cal-tran").hover(function() {

$(".principal6").addClass('bounceInLeft');
$(".principal6").css('display', 'block');
$(".text6").css('color', '#fff');
$(".imagen_cambio6").attr('src', '/Presentaciones/simuladorformularios/img/calcular3M.png');

$(".principal6").removeClass('bounceOutLeft');


$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo3.jpg');

$(".principal-0").removeClass('bounceInLeft');
$(".principal-0").addClass('bounceOutLeft');

$(".circulo6").addClass('circulo-hover2');







}, function() {

$(".principal6").addClass('bounceOutLeft');
$(".text6").css('color', '#662480');
$(".imagen_cambio6").attr('src', '/Presentaciones/simuladorformularios/img/calcular3.png');


$(".principal6").removeClass('bounceInLeft');

$(".principal-0").removeClass('bounceOutLeft');
$(".principal-0").addClass('bounceInLeft');

$("body").css('background-image', 'url(/Presentaciones/simuladorformularios/img/fondo.jpg');

$(".circulo6").removeClass('circulo-hover2');

});
}
</script>
<script async src="https://lablegis.azurewebsites.net/scripts/customize-lcx.js"></script>
</body>
</html>