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

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
    color:inherit;
    text-decoration: none;
    
	}



.INICIO {
	
	width: 100%;
	height: 805px;
	
}

.IMG-PORTADA {
	
	width: 100%;
	height: 800px;
	background-image:url(../img/portada1.png);
	background-size:cover;
    background-position: top;
	background-repeat:no-repeat;

	
}


.IMG-PORTADA2 {
	
	width: 100%;
	height: 800px;
	background-image:url(../img/portada2.png);
	background-size:cover;
	 background-position: top;
	background-repeat:no-repeat;
	
	
}




.block {
   width:370px;
	height:40px;
	background-color: rgba(45,34,35,0.3);
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	font-weight:800;
    float: right;
    margin-top: 55px;
    display: block;
 position: fixed;
     -webkit-transition:display 1s;
 }


input {
    display: inline-block;
    margin-left: 40px;
    margin-top: 8px;
    border: 3;
display: inline-block;
 
}






.btn-Ingresa-Orden {
    
    width: 125px;
    height: 26px;
    background-color: red;
    border: 3px #F00;
    margin-top: 18px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;


    
}


.Text-btn-ORDEN {
    
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 11px;
    font-weight: 200;
    text-align: center;
    padding-top: 4px;
    position: relative;
}


.logo {
	width:145px;
	padding-left:20px;
	padding-top:6px;
	position:absolute;
	z-index:43454654646465464654564646546544646434;
position: fixed;
	

		
}


#sesion {
	padding-left:25px;
	background-color:#F00;
	padding-right:25px;
		
}


#contacto {
	padding-right:14px;
}


.ContentCentrar {
	text-align:center;
	flex-wrap:wrap;
	justify-content:center;
	font-family: 'Open Sans', sans-serif;
    color:#FFF;
     vertical-align: middle;
}



.ContentCentrar-Text-Inicio {
	
	text-align:center;
	flex-wrap:wrap;
	justify-content:center;
    color:#FFF;
	width: 100%;
	position: absolute;

	
}



.Logo-Grande {
	
	width: 250px;
	filter: drop-shadow(1px 1px 2px  #000);
	position: absolute;
	position: relative;
	margin-top: 480px;
	
	
	
}



.Title1 {
	
	font-size: 16px;
    font-weight: 700;
	width: 100%;
	text-align: center;
	color:#fff;
	text-shadow: 0.1px 0.1px 1px #000;
	text-decoration: none;
	list-style: none;
	z-index: 6565556565656565565656565656;
	padding-top: 295px;

}

.Title2 {
	
	font-size: 35px;
    font-weight: 700;
	position: absolute;
	list-style: none;
	color:#fff;
	text-shadow: 0.1px 0.1px 1px #000;
	text-align: center;
	width: 100%;
	padding-top: 10px;
}



.Title3 {
	font-size: 13px;
    padding-left:32%;
    padding-right: 32%;
	position: absolute;
	list-style: none;
	color:#fff;
	text-shadow: 0.1px 0.1px 1px #000;
	text-align: center;
	width: 100%;
	font-weight: 600;
	padding-top: 70px;
}



.Title1B {
	
	font-size: 16px;
    font-weight: 700;
	width: 100%;
	text-align: center;
	color:#000;
	text-decoration: none;
	list-style: none;
	z-index: 6565556565656565565656565656;
	padding-top: 295px;

}

.Title2B {
	
	font-size: 35px;
    font-weight: 700;
	position: absolute;
	list-style: none;
	color:#000;
	text-align: center;
	width: 100%;
	padding-top: 10px;
}



.Title3B {
	font-size: 13px;
    padding-left:32%;
    padding-right: 32%;
	position: absolute;
	list-style: none;
	color:#000;
	font-weight: 600;
	text-align: center;
	width: 100%;
	font-weight: 600;
	padding-top: 70px;
}





.noticias {
  width: 100%;
    height:290px;
	
}

.noticias > div {

    float:left;
    display: inline-block;
  margin-top: -5px;
}

.Not1 {
    width: 33.3%;
    height: 290px;
  background-image:url(../img/almacenamiento.png);
	background-size:cover;
	background-repeat:no-repeat;

}


.Not2 {
    width: 33.3%;
    height: 290px;
  background-image:url(../img/avion2.png);
	background-size:cover;
	background-repeat:no-repeat;

}

.Not3 {
    width: 33.3%;
    height: 290px;
  background-image:url(../img/ImgLogistica1.png);
	background-size:cover;
	background-repeat:no-repeat;

}


.gris, .gris-Logistica, .gris-Inmobiliaria, .gris-Distribuciones  {
    
    width: 100%;
    height: 290px;
    background-color: rgba(33,33,47,0.9);
      -webkit-transition: all 0.5s;
}



.gris-Logistica:hover, .gris-Inmobiliaria:hover, .gris-Distribuciones:hover {
    
    width: 100%;
    height: 290px;
    background-color: #D4232C;
    -webkit-transition: all 0.5s;
}


.gris-al-rojo {
	
	background-color: #D4232C;
	
}

.Content-TNoticias {
    
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    text-align: left;
    padding-left: 25px;
    position: relative;
    padding-top: 96px;
}

.Content-Noticias {
    
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    text-align: left;
    padding-right: 25px;
    padding-top: 3px;
    padding-left: 25px;
    position: relative;
    font-weight: 400;
  }



.gris-Logistica:hover .btn-LeerMas-Logistica {
    
    border: 1px solid #fff;

}

.gris-Inmobiliaria:hover .btn-LeerMas-Almacenamiento {
    
    border: 1px solid #fff;

}

.gris-Distribuciones:hover  .btn-LeerMas-Distribucion {
    
    border: 1px solid #fff;
	
}





.gris-Logistica:hover .Text-btn-LeerMas-Logistica {
    

	color: white;

}

.gris-Inmobiliaria:hover .Text-btn-LeerMas-Almacenamiento {
    

	color: white;
 
}

.gris-Distribuciones:hover  .Text-btn-LeerMas-Distribucion {
    
	color: white;

}







.Text-btn-LeerMas-Logistica, .Text-btn-LeerMas-Almacenamiento, .Text-btn-LeerMas-Distribucion {
    
    font-family: 'Open Sans', sans-serif;
    color: red;
    font-size: 12px;
    font-weight: 4200;
    text-align: center;
    padding-top: 4px;
    position: relative;
    font-style: italic;

}


.Text-btn-LeerMas-LogisticaB , .Text-btn-LeerMas-AlmacenamientoB , .Text-btn-LeerMas-DistribucionB  {
    
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 4200;
    text-align: center;
    padding-top: 4px;
    position: relative;
    font-style: italic;

}





.btn-LeerMas-Almacenamiento, .btn-LeerMas-Logistica, .btn-LeerMas-Distribucion  {
    
    width: 65px;
    height: 26px;
    border: 1px solid red;
    margin-top: 18px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    background-color: transparent;
    margin-left: 25px;
    
}



.btn-LeerMas-AlmacenamientoB, .btn-LeerMas-LogisticaB, .btn-LeerMas-DistribucionB  {
    
    width: 65px;
    height: 26px;
    border: 1px solid #fff;
    margin-top: 18px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    background-color: transparent;
    margin-left: 25px;
    
}




.sobreLager {
    width: 100%;
    height: 480px;
	

}


.trailer2 {
    width: 50%;
    height: 480px;
    background-image:url(../img/trailer21.png);
	background-repeat:no-repeat;
    background-position: top;
    display: inline-block;
	margin-top: -5px;

	

}


.Derecha-Text-SobreLager {
     width: 50%;
    height: 480px;
    float: right;
	
  
    }



.Title-Sobre-Lager, .Text-Sobre-Lager {
    
    font-family: 'Open Sans', sans-serif;
    color: black;
    text-align: left;
    padding-left: 45px;
    padding-right: 45px;
    

    
}

.Title-Sobre-Lager {

    font-size: 19px;
    font-weight: 900;
    padding-top: 200px;

    
}


.Text-Sobre-Lager {
    
    font-size: 12px;
     text-align: justify;

}

.Clientes {
    width: 100%;
    height: 300px;
     background-image:url(../img/puente1.png);
	background-repeat:no-repeat;
    background-position: top;
  background-size:cover;
	margin-top: -5px;
}

.Title-Clientes {
    font-family: 'Open Sans', sans-serif;
    color: white;
    font-size: 19px;
    font-weight: 900;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 10px;
    
}

.btn-Clientes {
    
    width: 160px;
    height: 60px;
    border: 0px solid red;
    margin-top: 8px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    background-color: rgba(255,255,255,.3);
    margin-left: 10px;
    margin-top: 14px;
         -webkit-transition: all 1s;

}

.btn-Clientes:hover {
    
    background-color: rgba(255,255,255,1);
    align-items: center;
         -webkit-transition: all 1s;
}

.Logo-Clientes {
    width: 83%;
    z-index: 1545455455448487;
    margin-top: 11px;
    
}

.Seguimiento {
    
    width: 100%;
    height: 650px;
}


.Title-Seguimiento, .Title-Rastrea, .Title-Form-Rastrea, textarea {
    font-family: 'Open Sans', sans-serif;
    color: black;
    text-align: center;

    
}


.Title-Seguimiento {
    padding-top: 40px;
    font-weight: 800;
    font-size: 17px;
    
}



.Title-Rastrea {
 
    font-weight: 700;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 45px;
        
}

.Img-Seguimiento {
    width: 50%;
    height: 480px;
    background-image:url(../img/lupa.png);
	background-repeat:no-repeat;
    display: inline-block;
    float:left;

}

.Content_Formulario-Rastreo {
    width: 400px;
    display: inline-block;
    
}

.Title-Form-Rastrea {
    color:white;
    font-size:12px;
    text-align: left;
    padding-bottom: 5px;
    padding-left: 7px;
    margin-top: -15px;
    
}

form {
    background-color: rgba(37,37,48,1);
    padding: 25px;
    width: 100%;
    display: inline-block;
 
}

textarea  {
    width: 100%;
    font-size:12px;
    border-radius: 2px;
    text-align: left;
    padding-left: 6px;
    position: relative;

}


#btn-Rastrear {
    
    width: 75px;
    height: 23px;
    background-color: red;
    border: 3px #F00;
    display: inline-block;
    margin-top: 8px;
 -webkit-transition: all 3s;
    float:right;
    border-radius: 2px;
    cursor:pointer;
    margin-left: 10px;



}

.btn-SMS {
    
    width: 105px;
    height: 26px;
    background-color: red;
    border: 3px #F00;
    display: inline-block;
    margin-top: 8px;
 -webkit-transition: all 3s;
    float:right;
    border-radius: 2px;
    cursor:pointer;



}

.Text-btn-Rastrear {
    
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    padding-top: 4px;
     -webkit-transition: all 3;
}

.Title-Form-Correo {
        color:white;
    font-size:12px;
    text-align: left;
    padding-bottom: 5px;
    padding-left: 7px;
    margin-top: 35px;
    
}

input  {

    font-size:12px;
    border-radius: 2px;
    display: inline-block;

}

.Title-Form-SMS {
        color:white;
    font-size:12px;
    text-align: left;
    padding-bottom: 5px;
    padding-left: 7px;
    margin-top: 2px;
    
}


.noticias2 {
  width: 100%;
    height:290px;;
}

.Flecha-Izq {
    
    width: 9px;
    margin-right: 15px;
   

}

.Flecha-Der {
    
    width: 9px;
    margin-left: 15px;
   0;
}

.Title-Noticias2 {
    color:#FFF;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-top: 14px;
    position: absolute;
    width: 100%;
 text-shadow: 1px 1px 1px 1px #000;
    
}

.Not1BIS, .Not2BIS, .Not3BIS {
    width: 33.3%;
    height: 290px;
    background-size:cover;
	background-repeat:no-repeat;
    float:left;
}

.Not1BIS {

  background-image:url(../img/banda.jpg);

}

.Not2BIS {

  background-image:url(../img/avion.png);

}

.Not3BIS {

  background-image:url(../img/bodega.png);

}

.Title-NoticiaB, .Text-NoticiaB {
    
    font-family: 'Open Sans', sans-serif;
    color:white;
    padding-left: 25px;
    
}

.Title-NoticiaB {
    padding-top: 165px;
    font-size: 27px;
    font-weight: 700;
    line-height: 29px
    
}

.Raya-Roja {
    
    height: 2px;
    width: 190px;
    background-color: red;
    margin-left: 25px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.Text-NoticiaB {
     font-size: 7px;
    
}










@media (max-width:980px) {
	

.INICIO {
	

	height: 405px;
	
}

	
	
.IMG-PORTADA {
	
	width: 100%;
	height: 400px;


	
}


.IMG-PORTADA2 {
	
	width: 100%;
	height: 400px;
	
}	
	
	


.Logo-Grande {
	
	width: 150px;
	margin-top: 280px;
	
	
}



.Title1 {
	
	font-size: 14px;
    padding-top: 100px;

}

.Title2 {
	
	font-size: 30px;

}



.Title3 {
	font-size: 11px;
    padding-left:12%;
    padding-right: 12%;
	
}



.Title1B {
	
	font-size: 14px;
 	padding-top: 100px;

}

.Title2B {
	
	font-size: 30px;
    
}



.Title3B {
	font-size: 11px;
    padding-left:12%;
    padding-right: 12%;
	position: absolute;
	
}


	
	
	
	.sobreLager {
    width: 100%;
    height: 220px;
	

}


.trailer2 {
    width: 50%;
    height: 220px;
    background-position: left;
	background-size:cover;
 

}


.Derecha-Text-SobreLager {
     width: 50%;
    height: 200px;
    float: right;
	
  
    }



.Title-Sobre-Lager, .Text-Sobre-Lager {
    
    font-family: 'Open Sans', sans-serif;
    color: black;
    text-align: left;
    padding-left: 15px;
    padding-right: 5px;
    

    
}

.Title-Sobre-Lager {

    font-size: 14px;
    font-weight: 900;
    padding-top: 50px;

    
}


.Text-Sobre-Lager {
    
    font-size: 11px;
     text-align: justify;
	padding-top: 15px;

}

	
	
	
	
	
	
	
	


	
	
	
.noticias {
  width: 100%;
   height:220px;
	
}

.noticias > div {

    float:left;
    display: inline-block;
    margin-top: -5px;
}

.Not1 {
    width: 33%;
    height: 220px;


}


.Not2 {
    width:33%;
    height: 220px;


}

.Not3 {
    width: 33%;
    height: 220px;


}


.gris, .gris-Logistica, .gris-Inmobiliaria, .gris-Distribuciones  {
    
    width: 100%;
    height: 220px;
    background-color: rgba(33,33,47,0.9);
      -webkit-transition: all 0.5s;
}



.gris-Logistica:hover, .gris-Inmobiliaria:hover, .gris-Distribuciones:hover {
    
    width: 100%;
    height: 220px;
    background-color: #D4232C;
    -webkit-transition: all 0.5s;
}


.gris-al-rojo {
	
	background-color: #D4232C;
	
}

.Content-TNoticias {

    font-size: 10px;
    font-weight: 700;
    padding-left: 8px;
    padding-top: 6px;
	height: 50px;
	
}

.Content-Noticias {
    

    font-size: 9px;
    padding-right: 5px;
    padding-top: 3px;
    padding-left: 8px;
    font-weight:100;
	height: 120px;
  }


.Text-btn-LeerMas-Logistica, .Text-btn-LeerMas-Almacenamiento, .Text-btn-LeerMas-Distribucion {
    

    font-size: 11px;


}


.Text-btn-LeerMas-LogisticaB , .Text-btn-LeerMas-AlmacenamientoB , .Text-btn-LeerMas-DistribucionB  {
    

    font-size: 11px;


}





.btn-LeerMas-Almacenamiento, .btn-LeerMas-Logistica, .btn-LeerMas-Distribucion  {
    
    margin-top: 8px;
    
}



.btn-LeerMas-AlmacenamientoB, .btn-LeerMas-LogisticaB, .btn-LeerMas-DistribucionB  {
    
      margin-top: 8px;

    
}

	
	
	
	
	
.Clientes {

    height: 400px;
	


}


	
@media (max-width:360px) {  
		
		
		
.Clientes {

    height: 950px;
	

}



.btn-Clientes {
    
    width: 260px;
    height: 90px;
    

}


		
		
		
		
		
		
		
		
		
	}