abc 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>Estudio de mercado</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">CONTINENTE</p>

<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-informes-sectoriales-america-home/estudios-mercado-informes-sectoriales-america-home" class="sub_1" target="_blank"><i class="icon-menu fas fa-globe-americas"></i> <br> América</a></li>

<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-asia-oceania-home/estudios-mercado-asia-oceania-home" class="sub_1" target="_blank"><i class="icon-menu fas fa-map-marked-alt"></i> <br> Asia y oceanía</a></li>

<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-europa-home/estudios-mercado-europa-hom" class="sub_1" target="_blank"><i class=" icon-menu fas fa-globe"></i> <br>Europa</a></li>

<li class="lista sub_lista"><a class="sub_1" style="background-color: #00315f;"></li>
</div>
</body>
</html>

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>