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



* {
	margin:0;
	padding:0;
	box-sizing:border-box;
    text-decoration: none;
	list-style: none;
	
}

/* Tipos 
font-family: 'Heebo', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif
 */


@font-face {

  font-family: 'ITC';
  src: url('../font/ITC/itc-avant-garde-gothic-std-bold-589572c7e9955.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
	
}



body {
    margin: 0;
    min-width: 320px;
    padding: 0;
    
}

.ContentCentrar {
    
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}



.Texto-Portada {
	
	width: 80%;
	display: block;
	margin-top: 2;
	text-align: left;
	font-family: 'ITC', sans-serif;
	line-height: normal;
	font-weight: 700;
	color: #fff;
	font-size: 59px;
 	padding-left: 120px;
	letter-spacing: -2px;
    text-shadow: 2px 2px 15px #000;
	padding-bottom: 20px;
	padding-top: 29%;
	
}




.Texto-Portada2 {
	
	width: 80%;
	display: inline-block;
	display:block;
	margin-top: 0px;
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	font-size: 22px;
	margin-left: 120px;
	text-shadow: 2px 2px 5px #000;

}



.Boton-Contacto {
	
	background-attachment: scroll;
background-clip:border-box ;
background-color: #A42333;
background-image: none ;
background-origin: padding-box ;
background-position-x: 0%  ;
background-position-y: 0% ;
background-repeat-x: ;
background-repeat-y:;
background-size: auto ;
border-bottom-left-radius: 4px ;
border-bottom-right-radius: 4px ;
border-top-left-radius: 4px ;
border-top-right-radius: 4px ;
box-sizing: border-box ;
color: rgb(255, 255, 255) ;
cursor: pointer ;
display: inline-block ;
font-family: ITCAvantGardeStd, arial ;
font-size: 15px ;
font-style: normal ;
font-weight: 600 ;
height: 54px ;
letter-spacing: 2px ; 
line-height: 18px ;
list-style-type: disc ;
margin-bottom: 12px  ;
margin-top: 24px ;
min-width: 240px ;
padding-bottom: 18px ;
padding-left: 16px ;
padding-right: 16px ;
padding-top:  18px ;
text-align: center ;
text-decoration-color: rgb(255, 255, 255) ;
text-decoration-line: none ;
text-decoration-style: solid ; 
text-size-adjust: 100% ;
text-transform: uppercase ;

	margin-left: 120px;

}



.Portadabc1 {
    
	background:url(../img/Usadas/01.png) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
}


.Portadabc2 {
    
	background:url(../img/Usadas/lawyers.png) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
}

.Portadabc3 {
    
	background:url(../img/Usadas/RELOCATION_MEXICO.png) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
}

.Portadabc4 {
    
	background:url(../img/Usadas/manos.png) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
}

.Portadabc5 {
    
	background:url(../img/Usadas/04.png) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
}



/* AMBROSÍA --  SOMOS  */


.Somos {
	
	width: 100%;
	height:auto;
	background-color:transparent;
	z-index: 12132143343242342;	

}


.Titulo-Somos {
	
	font-family: 'ITC', sans-serif;
	color: #A42333;
	font-size: 75px;
	margin-top: 120px;
	width: 100%;
	letter-spacing: -2px;

}


.Contenido-Somos {
	
	font-family: 'Roboto Condensed', sans-serif;
	color: #041c3f;
	font-size: 22px;
	z-index: -4545;
	padding-top: 30px;
	width: 65%;
	line-height: 33px;
	font-weight: 800;

}



.Content-Mision, .Content-Vision {

	width: 40%;
	height: auto;
	display: inline-block;
	padding: 30px;
	padding-top: 100px;
	
} 



.Titulo-Mision, .Titulo-Vision {
	
	font-family: 'ITC', sans-serif;
	font-size: 45px;
	letter-spacing: -2px;
	color: #041c3f;
	padding-bottom: 10px;

}



.Text-Mision, .Text-Vision {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 19px;
	color: #041c3f;
	text-align: center;
	padding-bottom: 90px;

}



/* VALORES */

.Valores {

	background:url(../img/Usadas/Contacto-Fondo.png) 100% 0 no-repeat fixed;
    background-size: cover;
	width: 100%;
	height: auto;

}


.Content-Valores {
	
	padding: 50px;
	width: 100%;
	height: 260px;

}



.SuperTitulo-Valores {
	
	font-family: 'ITC', sans-serif;
	color: #A42333;
	font-size: 75px;
	margin-top: 90px;
	width: 100%;
	letter-spacing: -2px;

}



.Valores-Izq, .Valores-Der {
	
	width: 45%;
	height: auto;
	padding: 50px;

}


.Titulo-Valores {
	
	font-family: 'ITC', sans-serif;
	font-size: 45px;
	letter-spacing: -2px;
	color: #fff;
	padding-bottom: 10px;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */

}

.Titulo-Valores:hover {
	
	font-size: 55px;
	cursor: pointer;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
	
}


.Text-Valores {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 19px;
	color: #fff;
	text-align: center

}



/*  Servicios  */


.Servicios {
	
	width: 100%;
	height:auto;
	background-color: #fff;
	box-shadow: 2px 2px 12px #222 inset;  /* Sombra interior */

}


.SuperTitulo-Servicios {
	
	font-family: 'ITC', sans-serif;
	color: #A42333;
	font-size: 75px;
	margin-top: 120px;
	width: 100%;
	letter-spacing: -2px;

}


.SuperTitulo-Servicios2 {
	
	font-family: 'ITC', sans-serif;
	color: #A42333;
	font-size: 45px;
	margin-top: 120px;
	width: 100%;
	letter-spacing: -2px;

}



.Text-Servicios2 {
	
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	font-size: 20px;
	padding-top: 30px;
	width: 75%;
	line-height: 33px;
	font-weight: 800;
	padding-bottom: 100px;

}

.Firma {

font-family: 'Liu Jian Mao Cao', cursive;
font-family: 'Condiment', cursive;
font-size: 47px;
margin-top: 80px;

}







.Content-Internacional {
	
	padding: 50px;
	width: 24%;
	height: 220px;
	display: inline-block;
	vertical-align: bottom;

}



.Internacional-Izq, .Internacional-Der {
	
	width: 100%;
	height: auto;
	padding: 0px;

}


.Titulo-Internacional {
	
	font-family: 'ITC', sans-serif;
	font-size: 42px;
	letter-spacing: -2px;
	color: #A42333;
	padding-bottom: 1px;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */

}


.Titulo-Internacional:hover {
	
	font-size: 52px;
	cursor:pointer;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}


.Text-Internacional {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 19px;
	color: #041c3f;
	text-align: center;
	letter-spacing: -1px;

}



/*  Frase Célebre */

.Celebre {

	width: 100%;
	height: auto;
	background:url(../img/Usadas/Frase.png) 100%  100%  no-repeat;
    background-size:cover;
	background-position:center;
	border-bottom: 1px solid #fff;

}




.Titulo-Celebre {
	
	font-family: 'ITC', sans-serif;
	font-size: 37px;
	letter-spacing: -1px;
	color: #fff;
	padding-bottom: 1px;
	text-align: center;
	width: 65%;
	padding-top: 10%;
	padding-bottom: 10%;
	text-shadow: 2px 2px 5px #540e17;
		
}



/*  Logística */


.Logistica {
	
	width: 100%;
	height: auto;
	background-color: #0b1a34;

}


.SuperTitulo-Logistica {
	
	font-family: 'ITC', sans-serif;
	color: #e92e48;
	font-size: 75px;
	margin-top: 120px;
	width: 100%;
	letter-spacing: -2px;

}




.Content-Logistica2 {
	
	padding: 60px;
	width: 85%;
	height: auto;
	padding-bottom: 10px;

}


.Titulo-Logistica2 {
	
	font-family: 'ITC', sans-serif;
	font-size: 28px;
	letter-spacing: -1px;
	color: #e92e48;
	padding-bottom: 1px;
	text-align: left;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */

}


.Text-Logistica2 {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #c9ddff;
	text-align: center;
	line-height: normal;
	text-align: left;

}



.Raya-Separadora {
	
	width: 85%;
	height: 1px;
	background-color: #e92e48;

}



.Content-Logistica {
	
	padding: 60px;
	width: 100%;
	height: auto;
	padding-bottom: 10px;

}



.Logistica-Izq, .Logistica-Der {
	
	width: 47%;
	height: auto;
	padding: 50px;

}


.Titulo-Logistica {
	
	font-family: 'ITC', sans-serif;
	font-size: 28px;
	letter-spacing: -1px;
	color: #e92e48;
	padding-bottom: 1px;
	text-align: left;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */

}


.Titulo-Logistica:hover {
	
	font-size: 36px;
	cursor:pointer;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */


}




.Text-Logistica {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #c9ddff;
	text-align: center;
	line-height: 22px;
	text-align: left;


}







/*  Transportes */


.Transportes {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 0px 10px #222 inset;  /* Sombra interior */

}


.Content-Transportes-Aereo, .Content-Transportes-Terrestre, .Content-Transportes-Maritimo {
	
	width: 350px;
	height: 700px;
	border-radius: 4px;
	margin:  10px;
	display: inline-block;
	margin-top: 80px;
	margin-bottom: 80px;
	

  -webkit-box-shadow: 2px 2px 10px #999;
  -moz-box-shadow: 2px 2px 10px #999;
	
}


.Content-Transportes-Aereo {
	
	background:url(../img/Usadas/aereo.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Terrestre {

	background:url(../img/Usadas/TrailerBlanco.png) 0%  no-repeat;
	background-position: center;

}


.Content-Transportes-Maritimo {
	
	background:url(../img/Usadas/Maritimo.png) 0%  no-repeat;
	background-position: center;
	
}



.Velo-Gris {
	
	width: 100%;
	height: 700px;
	background-color: rgba(0,0,0,0.6);
	padding: 20px;
	border-radius: 4px;


}

.Velo-Gris:hover { background-color: rgba(0,0,0,0.7); }


.Titulo-Transportes {
	
	font-family: 'ITC', sans-serif;
	font-size: 36px;
	color: #fff;
	padding-top: 270px;
	
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
	
}



.Velo-Gris:hover .Titulo-Transportes {
	
	padding-top: 70px;
	border-bottom: 1px solid #540e17;
	
}


.Text-Transportes { display: none; }


.Velo-Gris:hover .Text-Transportes {
	
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #fff;
	margin-top: 70px;
	text-align: left;
	
}






@media (max-width:708px) { 




.Texto-Portada {
	
	width: 80%;
	display: block;
	margin-top: 2;
	text-align: left;
	font-family: 'ITC', sans-serif;
	color: #fff;
	font-size: 39px;
 	padding-left: 60px;
	letter-spacing: -2px;
    text-shadow: 2px 2px 15px #000;
	padding-bottom: 20px;
	padding-top: 29%;
	
}




.Texto-Portada2 {
	
	width: 80%;
	font-size: 22px;
	margin-left: 60px;

}



.Boton-Contacto { margin-left: 60px; }





/* AMBROSÍA --  SOMOS  */


.Somos {
	
	width: 100%;
	height:auto;
	background-color:transparent;
	z-index: 12132143343242342;	

}


.Titulo-Somos {
	
	font-size: 55px;
	margin-top: 80px;
	width: 100%;
	letter-spacing: -2px;

}


.Contenido-Somos {
	
	font-size: 17px;
	z-index: -4545;
	padding-top: 30px;
	width: 90%;
	line-height: 23px;
	font-weight: 100;

}



.Content-Mision, .Content-Vision {

	width: 40%;
	height: auto;
	display: inline-block;
	padding: 30px;
	padding-top: 100px;
	
} 



.Titulo-Mision, .Titulo-Vision {
	
	font-size: 35px;
	letter-spacing: 0px;
	color: #041c3f;
	padding-bottom: 10px;

}



.Text-Mision, .Text-Vision {
	
	font-size: 14px;
	color: #041c3f;
	padding-bottom: 60px;

}



/* VALORES */

.Valores {

	background:url(../img/Usadas/Contacto-Fondo.png) 100% 0 no-repeat fixed;
    background-size: cover;
	width: 100%;
	height: auto;

}


.Content-Valores {
	
	padding: 10px;
	width: 100%;
	height: 260px;

}



.SuperTitulo-Valores {
	
	font-size: 55px;
	margin-top: 90px;
	width: 100%;
	letter-spacing: -2px;

}



.Valores-Izq, .Valores-Der {
	
	width: 45%;
	height: auto;
	padding: 40px;

}


.Titulo-Valores { font-size: 30px; }

.Titulo-Valores:hover { font-size: 35px; }

.Text-Valores { font-size: 15px; }



/*  Servicios  */





.SuperTitulo-Servicios2 {

	font-size: 35px;
	margin-top: 60px;


}



.Text-Servicios2 {
	
	font-size: 17px;
	padding-top: 30px;
	width: 90%;
	line-height: 20px;
	font-weight: 800;
	padding-bottom: 100px;

}

	
.Firma {

font-family: 'Condiment', cursive;
font-size: 47px;
margin-top: 80px;

}



/*  Frase Célebre */



.Titulo-Celebre { font-size: 30px; }



/*  Logística */



.SuperTitulo-Logistica {
	
	font-size: 35px;
	margin-top: 60px;

}



.Content-Logistica {
	
	padding: 10px;
	width: 100%;
	height: auto;
	padding-bottom: 30px;

}



.Logistica-Izq, .Logistica-Der {
	
	width: 47%;
	height: auto;
	padding: 10px;

}

	
	
.Content-Logistica2 {
	
	padding: 10px;
	width: 100%;
	height: auto;
	padding-bottom: 30px;

}


.Titulo-Logistica2 {
	
	font-size: 22px;

}


.Text-Logistica2 {

	font-size: 13px;
	line-height: 22px;


}



.Raya-Separadora {
	
	width: 85%;
	height: 1px;
	background-color: #e92e48;

}

	

.Titulo-Logistica { font-size: 22px; }


.Titulo-Logistica:hover { font-size: 26px; }



.Text-Logistica {
	
	font-size: 13px;
	line-height: 22px;

}


	
	
}



@media (max-width:504px) { 
	
	
.Texto-Portada {
	
	width: 80%;
	font-size: 31px;
 	padding-left: 30px;
	padding-top: 33%;
	
}

	
.Texto-Portada2 {
	
	width: 80%;
	font-size: 16px;
	margin-left: 30px;

}



.Boton-Contacto { margin-left: 30px; }





/* AMBROSÍA --  SOMOS  */


.Somos {
	
	width: 100%;
	height:auto;
	background-color:transparent;
	z-index: 12132143343242342;	

}


.Titulo-Somos {
	
	font-size: 55px;
	margin-top: 80px;
	width: 100%;
	letter-spacing: -2px;

}


.Contenido-Somos {
	
	font-size: 17px;
	z-index: -4545;
	padding-top: 30px;
	width: 90%;
	line-height: 23px;
	font-weight: 100;

}



.Content-Mision, .Content-Vision {

	width: 40%;
	height: auto;
	display: inline-block;
	padding: 30px;
	padding-top: 100px;
	
} 



.Titulo-Mision, .Titulo-Vision {
	
	font-size: 35px;
	letter-spacing: 0px;
	color: #041c3f;
	padding-bottom: 10px;

}



.Text-Mision, .Text-Vision {
	
	font-size: 14px;
	color: #041c3f;
	padding-bottom: 60px;

}



/* VALORES */

.Valores {

	background:url(../img/Usadas/Contacto-Fondo.png) 100% 0 no-repeat fixed;
    background-size: cover;
	width: 100%;
	height: auto;

}


.Content-Valores {
	
	padding: 10px;
	width: 100%;
	height: 160px;

}



.SuperTitulo-Valores {
	
	font-size: 55px;
	margin-top: 90px;
	width: 100%;
	letter-spacing: -2px;

}



.Valores-Izq, .Valores-Der {
	
	width: 90%;
	height: auto;
	padding: 20px;

}


.Titulo-Valores { font-size: 30px; }

.Titulo-Valores:hover { font-size: 35px; }

.Text-Valores { font-size: 15px; }



/*  Servicios  */





.SuperTitulo-Servicios2 {

	font-size: 35px;
	margin-top: 60px;


}



.Text-Servicios2 {
	
	font-size: 14px;
	padding-top: 30px;
	width: 90%;
	line-height: 20px;
	font-weight: 800;
	padding-bottom: 60px;

}

	
.Firma {

font-family: 'Condiment', cursive;
font-size: 37px;
margin-top: 80px;

}



/*  Frase Célebre */



.Titulo-Celebre { font-size: 20px; }



/*  Logística */



.SuperTitulo-Logistica {
	
	font-size: 35px;
	margin-top: 60px;

}



.Content-Logistica2 {
	
	padding: 10px;
	width: 100%;
	height: auto;
	padding-bottom: 30px;

}


.Titulo-Logistica2 {
	
	font-size: 22px;

}


.Text-Logistica2 {

	font-size: 13px;
	line-height: 24px;


}



.Raya-Separadora {
	
	width: 85%;
	height: 1px;
	background-color: #e92e48;
	margin: 10%

}
	
	
.Content-Logistica {
	
	padding: 10px;
	width: 100%;
	height: auto;
	padding-bottom: 30px;

}



.Logistica-Izq  {
	
	width: 90%;
	height: auto;
	padding: 10px;

}

	
.Logistica-Der {
	
	width: 90%;
	height: auto;
	padding: 10px;

}


.Titulo-Logistica { font-size: 22px; }


.Titulo-Logistica:hover { font-size: 26px; }



.Text-Logistica {
	
	font-size: 13px;
	line-height: 22px;

}


	
	
}