@charset "utf-8";
/* CSS Document */

@import url(menu.css);
@import url(footer.css);
@import url(contacto.css);
@import url(nosotros.css);
@import url(operacion.css);
@import url(forwarding.css);
@import url(almacenaje.css);
@import url(valoragregado.css);
@import url(logistica.css);
@import url(tumensaje.css);
@import url(carvar.css);
/*reset de la página-------------------------------------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

*{box-sizing: border-box;}


/*reset de la página-------------------------------------------------------------------------------------------------------*/

#contenedor{
	background-color: darkorange;
}

.barra1 h3{
			width: 100%;
				height: 15px;}


.barra1{
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: aliceblue;
	font-size: 14px;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
}
hr{
	margin: 0.5px;
	border: .05em solid  #fff;
	width: 100%;

}
.logo{
	
	margin-top: -5px;
	width:150px;
	height:150px;
	padding: 20px;
	float: left;
	
}

.logo2{
	
	margin-top: 20px;
	margin-right: 15px;
	width: 190px;
    height: 90px;

		
	}
.abajo{
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		max-width: 450px;

	
		
	}
	.abajo1{
		
		width: 100px;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 20px;
	}	
	.abajo2{
		
		width: 110px;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 50px;
	}	
	
.abajo1 img{
		
		width: 100px;
		height: 100px;
	}
.abajo2 img{
		
		width: 100px;
		height: 100px;
	}




#encabezado{
	margin-left: auto;	
	margin-right: auto;
}

#encabezado h1{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	text-align: center;
	font-family:'Boogaloo', cursive;
	font-size: 45px;
	color: dimgrey;
}
#encabezado h2{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
	margin: -8px;
	font-family:'Abel', sans-serif;
	font-size: 20px;
}


/*--------------------------PARTE DE NOSOTROS DE LA PAGINA PRINCIPAL----------------------------------*/

#fondo1{
	background-image: url(../imagenes/fondo1.png);
	margin-top: 15px;
	padding: 20px;
	
}

.nosotros1{
	
	width: 80%;
	background: #ffffff;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	box-shadow: 4px 6px 6px 4px dimgray;
}


.nosotros1 hr{
	margin: 5px;
	border: .22em solid  #D99F3F;
	width: 20%;
	margin-left: -1px;
}

.nosotros1:hover {
	box-shadow: 0px 0px 0px 0px white;
	transition:2s}

	
.nosotros1 p{
	font-size: 16px;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";

}
.nos1{
	font-size: 20px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	color: #3E3E3E;
	
}


.mision1{
	padding: 20px;
	margin-top: 15px;
	background: #ffffff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	box-shadow: 4px 6px 6px 4px dimgray;
}
.mision1:hover {
	box-shadow: 0px 0px 0px 0px white;
	transition:2s}

.mision1 p{
	font-size: 16px;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	padding-top: 15px;
	
}
.mis1{
	margin-top: -5px;
	font-size: 18px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	color: #3E3E3E;
	padding-top: 15px;
}

.mision1 img{
	float: left;
	margin-top: -5px;
	width: 50px;
	height: 50px;
}

.vision1{
	padding: 20px;
	margin-top: 15px;
	background: #ffffff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	box-shadow: 4px 6px 6px 4px dimgray;
}

.vision1:hover {
	box-shadow: 0px 0px 0px 0px white;
	transition:2s}

.vision1 p{
	font-size: 16px;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	padding-top: 15px;
	
}
.vis1{
	margin-top: -5px;
	font-size: 18px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	color: #3E3E3E;
	padding-top: 15px;
}

.vision1 img{
	float: left;
	margin-top: -5px;
	width: 50px;
	height: 50px;
}

/*--------------------parte de los servicios en index--------------------*/


#servicios1 hr{
	margin: 0.5px;
	border: .2em solid  #fff;
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}

#servicios1 h2{
	font-size: 25px;
	padding-top: 100px;
	text-align: center;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	color: aliceblue;
	
	
}


#servicios1 p{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	padding-top: 15px;
	text-align: center;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	color: aliceblue;
	
}

.operacion_img{
	
	background-image: url(../imagenes/aduanas.png);
	background-size: cover;
	height: 400px;
	
	
}

.logistica_img{
	
	background-image: url(../imagenes/logistica.png);
	background-size: cover;
	height: 400px;
}
.forwarding_img{
	
	background-image: url(../imagenes/cravar2.png);
	background-size: cover;
	height: 400px;
}
.asesoria_img{
	
	background-image: url(../imagenes/asesoria.png);
	background-size: cover;
	height: 400px;
}
.almacenaje_img{
	
	background-image: url(../imagenes/../imagenes/cavar.png);
	background-size: cover;
	height: 400px;
}

/*@media---------------------------------------*/
@media (min-width:480px){

	.logo{
	margin-top: -5px;
	width: 190px;
	height: 175px;
	float: left;
}
	
.logo2{
	
	margin-top: 30px;
	margin-right: 15px;
	width: 200px;
    height: 90px;

		
	}

#encabezado h1{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	text-align: center;
	font-family:'Boogaloo', cursive;
	font-size: 45px;
	color: dimgrey;
}
#encabezado h2{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
	margin: -8px;
	font-family:'Abel', sans-serif;
	font-size: 20px;

}
}

@media (min-width:768px){

	.logo{
	margin-top: 10px;
	margin-left: 20px;
	width: 220px;
	height: 190px;
	float: left;
}
	.logo2{
	
	margin-top: 40px;
	margin-left: 50px;
	margin-right: 15px;
	width: 300px;
    height: 110px;

		
	}

#encabezado h1{
	margin-top: -120px;
	margin-left: -70px;
	width: 100%;
	text-align: center;
	float: left;
	font-family:'Boogaloo', cursive;
	font-size: 60px;
	color: dimgrey;
}
#encabezado .serviciosint{
	margin-top: -110px;
	margin-left: 170px;
	float: left;
	font-family:'Abel', sans-serif;
	font-size: 20px;
}

#encabezado .internacionales{
	margin-top: -90px;
	margin-left: 165px;
	float: left;
	font-family:'Abel', sans-serif;
	font-size: 20px;
}
#servicios1 hr{
	
	margin: 8px;
	border: .3em solid  #fff;
	width: 15%;
	margin-left: auto;
	margin-right: auto;
}

#servicios1 h2{
	font-size: 40px;
	padding-top: 180px;
	text-align: center;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	color: aliceblue;
	
}


#servicios1 p{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-size: 25px;
	padding-top: 20px;
	text-align: center;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
	color: aliceblue;
	
}

.operacion_img{
	
	
	background-size: cover;
	height: 600px;
	
	
}

.logistica_img{
	
	
	background-size: cover;
	height: 600px;
}
.forwarding_img{
	
	
	background-size: cover;
	height: 600px;
}
.asesoria_img{
	
	
	background-size: cover;
	height: 600px;
}
.almacenaje_img{
	
	
	background-size: cover;
	height: 600px;
}
}

@media (min-width:1024px){

.abajo{
		margin-left: auto;
		margin-right: auto;
		width: 450px;
		max-width: 450px;
		
	}
	.abajo1{
		
		width: 150px;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 50px;
	}	
	.abajo2{
		
		width: 150px;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 50px;
	}	
	
.abajo1 img{
		
		width: 150px;
		height: 150px;
	}
.abajo2 img{
		
		width: 150px;
		height: 150px;
	}
		.logo{
			
	margin-top: -15px;
	margin-left:30px;;
	margin-right: auto;
	width: 220px;

	
	height: 190px;
	float: none;
}
	.logo2{
	
	margin-top: -15px;
	margin-bottom:45px;
		
	margin-left:500px;
	margin-right: auto;
	width: 400px;

	
	height: 100px;
	float: none;
		
	}
	
	#encabezado{
		
		margin-left: auto;
		margin-right: auto;
		height: 220px;
		width: 80%;
		min-width: 1200px;
		min-height: 230px;
	}

#encabezado h1{
	
	margin-top: -160px;
	margin-left: 360px;
	margin-right: auto;
	width: 150px;
	float: none;
	font-family:'Boogaloo', cursive;
	font-size: 60px;
	color: dimgrey;
}
#encabezado .serviciosint{
	width: 15%;
	height:30px;;
	margin-top: -5px;
	margin-left: 340px;
	margin-right: auto;
	float: none;
	font-family:'Abel', sans-serif;
	font-size: 20px;
	}
#encabezado .internacionales{
	
	width: 15%;
	height:30px;;
	margin-top: 6px;
	margin-left: 340px;
	margin-right: auto;
	float: none;
	font-family:'Abel', sans-serif;
	font-size: 20px;
}
	
	
	.encuadre{
		
		width: 1230px;
		margin-left: auto;
		margin-right: auto;
		min-width: 1230px;
	}

	
	.nosotros1{
	
	
	display: inline-block;	
	vertical-align: top;

 	width: 380px;
	height: 270px;
   	margin: 20px;
   	padding: 20px;
		
	background: #ffffff;
	
	
	margin-right: 5px;
	text-align: justify;
	box-shadow: 4px 6px 6px 4px dimgray;
}

.mision1{
	
	display: inline-block;
	vertical-align: top;
	width: 380px;
	height: 270px;
   margin: 20px;
   padding: 20px;
	
	
	
	background: #ffffff;
	margin-right: 5px;
	text-align: justify;
	box-shadow: 4px 6px 6px 4px dimgray;
}
	
	.vision1{
	
	
	display: inline-block;
	vertical-align: top;
	width: 380px;
	height: 270px;
   margin: 20px;
   padding: 20px;
	
	

	background: #ffffff;
	
	margin-right: 5px;
	text-align: justify;
	box-shadow: 4px 6px 6px 4px dimgray;
}

	
	
	
	
	
	
.nosotros1 hr{
	margin: 5px;
	border: .22em solid  #D99F3F;
	width: 20%;
	margin-left: -1px;
}

.nosotros1:hover {
	box-shadow: 0px 0px 0px 0px white;
	transition:2s}

	
.nosotros1 p{
	font-size: 16px;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";

}
.nos1{
	font-size: 20px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	color: #3E3E3E;
	
}



.mision1:hover {
	box-shadow: 0px 0px 0px 0px white;
	transition:2s}

.mision1 p{
	font-size: 16px;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	padding-top: 15px;
	
}
.mis1{
	margin-top: -5px;
	font-size: 18px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	color: #3E3E3E;
	padding-top: 15px;
}

.mision1 img{
	float: left;
	margin-top: -5px;
	width: 50px;
	height: 50px;
}



.vision1:hover {
	box-shadow: 0px 0px 0px 0px white;
	transition:2s}

.vision1 p{
	font-size: 16px;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	padding-top: 15px;
	
}
.vis1{
	margin-top: -5px;
	font-size: 18px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	color: #3E3E3E;
	padding-top: 15px;
}

.vision1 img{
	float: left;
	margin-top: -5px;
	width: 50px;
	height: 50px;	
	
	
	}
	#servicios1{
		
		min-width: 1260px;
		max-width: 1260px;
		margin-left: auto;
		margin-right: auto;
		
	}
	

}