*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	max-resolution: res;
}
body{
	background-color: rgb(250, 250, 250);
	position: static; 
}

hearder{
	background-color: red;
	padding: 14px;
}



/* Diseño encabezado */
.cab{
	background-color: white;
	float: left;
	position: fixed;
	width: 100%;
}
.cab1{
	margin-top: 10px;
	float: left;
	display: flex;
	width: 100%;
}
.logo{
	padding-left: 19.50%;
	float: left;
}
.logo img{
	margin: 5% 0% 1% 0%;
	width: 60%;
}
.cab2{
	margin: 0% 0% 0% 50%;
	float: left;
	width: 60%;
}
.cab22{
	float: left;
	display: inline;
	margin-left: 0px !important;
	font-family: Bahnschrift;
	text-align: center;
	color: rgb(0, 0, 0);
	font-size: 14px;
	padding: 12px 15px 12px 15px !important;
	text-decoration: none;
	transition-duration: 0.3s;
}
.cab22:hover{
	background-color: hsl(0, 0%, 88%);
	border-radius: 30px;
}
.fa{
  margin-right: 5px;
}

  /* Encabezado dos */
.cup1{
	float: left;
	width: 100%;
	padding-left: 18.7%;
	background-color: rgb(45, 48, 63);
}

.cup1 .cup11{
	float: left;
	padding: 7px 15px 7px 15px !important;
	display: inline-block;
	text-decoration: none;
	font-size: 17px;
	font-family: Bahnschrift;
	text-align: center;
	color: rgb(255, 255, 255);
	line_hiegth: 2px;
}
.cup11:hover{
	background-color: rgb(90, 90, 120);
	border-radius: 6px;
	color: white;
}
/*Diseño cuerpo*/
.cuerpo{
	margin-top: 85px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.cuerpo001{
	width: 100%;
	background-image: url('../imagenes/portada.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 75vh;
}
.cuerpo0001{
	padding-top: 13%;
	float: left;
	display: block;
	width: 100%;
}
.cuerpo0001 h1{
	padding: 10px;
	font-size: 50px;
	color: rgb(20, 20, 120);
	text-align: center;
	font-family: Bahnschrift;
}
.cuerpo0001 p{
	padding: 10px;
	font-size: 20px;
	color: rgb(20, 20, 120);
	text-align: center;
	font-family: Bahnschrift;
}
.disenocurva1{
	margin-top: -70px;
	width: 100%;
}
/*Diseño cuerpo cero*/
.cuerpo0{
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.exportar ,.importar, .comercioex{
	float: left;
	width: 100%;
	display: inline-block;
}
/*Diseño Ques es exportar*/
.exportar{
	border-bottom: 1px solid #BABABA;
	display: block;
	background-color: white;
	margin-top: -10px;
	padding: 1%;
}
.exportar h1{
	margin-left: 50px;
	font-size: 30px;
	font-family: Bahnschrift;
	padding: 1% 0% 0.5% 0%;
	color: black;
	text-align: justify-all;
}
.exportar h3{
	margin-left: 50px;
	text-align: left;
	font-size: 25px;
	font-family: Bahnschrift;
	padding: 3% 0% 0.5% 0%;
	color: rgba(25, 25, 100, 1.0);
}
.exportar p{
	margin-left: 51px;
	font-size: 22px;
	font-family: Bahnschrift;
	padding: 0% 0% 0% 0%;
	text-align: justify-all;
}
.exportar h6{
	margin-left: 50px;
	margin-top: 3%;
	text-align: left;
}
.exportar a{
	text-decoration: none;
	background-color: hsla(215, 48%, 37%, 1.0);
	color: white;
	font-size: 16px;
	font-family: Bahnschrift;
	padding: 6px 10px 6px 10px;
	border-radius: 5px;
}
/*Diseño Ques es importar*/
.importar{
	background-color: white;
	padding: 2%;
}
.importar h1{
	margin-left: 30%;
	font-size: 30px;
	font-family: Bahnschrift;
	padding: 1% 0% 0.5% 0%;
	color: rgba(25, 25, 100, 1.0);
	text-align: justify-all;
}
.importar h3{
	margin-left: 30%;
	text-align: justify-all;
	font-size: 25px;
	font-family: Bahnschrift;
	padding: 3% 0% 0.5% 0%;
	color: rgba(25, 25, 100, 1.0);
}
.importar p{
	margin-left: 30%;
	font-size: 22px;
	font-family: Bahnschrift;
	padding: 0% 0% 0% 0%;
	text-align: justify;
	line-height: 28px;
	text-align: justify-all;
}
.importar h6{
	margin-left: 30%;
	margin-top: 3%;
	text-align: justify-all;
}
.importar a{
	text-decoration: none;
	background-color: hsla(215, 48%, 37%, 1.0);
	color: white;
	font-size: 16px;
	font-family: Bahnschrift;
	padding: 6px 10px 6px 10px;
	text-align: center;
	border-radius: 5px;
}

/*Diseño de comercio exterior*/
.comercioex{
	background-color: rgb(235, 227, 175);
	margin-top: 0px;
	padding: 2%;
}
.comercioex h1{
	margin-left: 50px;
	font-size: 30px;
	font-family: Bahnschrift;
	text-align: left;
	padding: 1% 0% 0.5% 0%;
	color: rgb(51, 75, 105 , 40);
}
.comercioex p{
	margin-left: 50px;
	font-size: 22px;
	font-family: Bahnschrift;
	padding: 0% 0% 0% 0%;
	text-align: left;
}
.comercioex h6{
	margin-left: 50px;
	margin-top: 3%;
	text-align: left;
}
.comercioex a{
	text-decoration: none;
	background-color: hsla(215, 48%, 37%, 1.0);
	color: white;
	font-size: 20px;
	font-family: Bahnschrift;
	padding: 6px 10px 6px 10px;
	text-align: center;
	border-radius: 5px;
}

/*pie de pagina*/
.pie0{
	float:left;
	width: 100%;
  background-color: rgb(12, 31, 44, 1.0);
  padding-bottom: 15px;
  margin-top: -3px;
  box-sizing: border-box;
}
.pie1{
  float: left;
  width: 98%;
  margin-left: 2%;
  box-sizing: border-box;
  padding-bottom: 2%;
}
.pie2{
  margin-left: 2%;
  float: left;
  text-align: center;
  margin-top: 30px;
}
.pie2 h1{
	float: left;
  font-size: 23px;
  font-family: Bahnschrift;
  color: rgb(255, 255, 255);
  padding-bottom: 10px;
}
.pie2 a{
	float: left;
	font-size: 17px;
	font-family: Bahnschrift;
	text-align: left;
	color: rgb(255, 255, 255, 1.0);
	text-decoration: none;
}
.pie3{
	float: left;
	margin-left: 5%;
	margin-top: 30px;
}
.pie3 h1{
	float: left;
  font-size: 23px;
  font-family: Bahnschrift;
  color: rgb(255, 255, 255);
  padding-bottom: 10px;
}
.pie3 a{
	font-size: 17px;
	font-family: Bahnschrift;
	text-decoration: none;
	color: rgb(255, 255, 255, 1.0);
}
.copy{
  margin-left: 4%;
  font-family: Bahnschrift;
  font-size: 15px;
  color: #fff;
}
.mbtn{
  display: flex;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
.mbtn:hover{
  background-color: #555;
}