
@font-face {
  font-family: "GothamRnd-Light_Web";
  src: url("../fonts/GothamRnd-Light_Web.woff");
}

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

html {
  font-family: "Lucida Sans", sans-serif;
}


[class*="col-"] {
  float: left;
  padding: 15px;
}


/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}






.itemFooter {
	color:white;
	text-decoration:none;
	font-size:10px;	
	text-align:center;
}

.itemFooter a {
	color:white;
	text-decoration:none;
	font-size:10px;
}

.itemFooter a:hover {
	color:white;
	text-decoration:none;
	font-size:10px;
}




.divCaja {
	width:100%; 
	background-color:black;
	margin:auto;
} 


.divCaja2 {
	width:100%; 
	background-color:black;
	margin:auto;
} 

.divFooter {
	background-color:#706f6f;
	width:100%; 
	margin:auto;
}	 


.divCen2 {		
    padding: 0px 0px 0px 0px;
}
 
.espacioAbajo {
	width:100%; 
	height:0px;
	background-color:black;
}


.inputLogin {
  border: none;
  border-bottom: solid 1px black;
  width:100%;
  
  padding: 7px 0px;
  margin: 3px 0px;
  color:black!important;
  font-weight: bold;
  background-color:white!important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  height:40px;  
  font-size: 14px;
}

.inputLogin:focus, .inputLogin:active {
  outline: none;
}


.login-button {
  width:100%;
  height: 45px;
  background: #fc4d0f;
  border: none;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px; 
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: GothamRnd-Light_Web;
  font-weight: bold;  
}



.login-button2 {
  width:100%;
  height: 45px;
  background: #fc4d0f;
  border: none;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px; 
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: GothamRnd-Light_Web;
  font-weight: bold;  
}

.login-button:disabled {
    background-color: silver;
    background-image: none;
}

.fondoMovil {
	padding-top: 0px;
}


.bodyCustom {
	margin: 0px!important;
}

.epacking {
	width:auto;
}

.insideEpacking {
	background-color:#2800ff;
	width: 100%;
	padding:25px;
}

.insideEpacking a {
	text-decoration: none;	
}

.insideEpacking_v2 {
	background-color:#d0d0d0;
	width: 100%;
	padding:25px;
}

.insideEpacking_v2 a {
	text-decoration: none;	
}


.insideEpacking1 {
	color:white;
	font-family: GothamRnd-Light_Web;
	font-weight: bold; 
	font-size:16pt;
}

.insideEpacking2 {
	color:white;
	font-family: GothamRnd-Light_Web;
	font-weight: bold;
	font-size:9pt; 	
}


.insideEpacking3 {
	color:white;
	font-family: GothamRnd-Light_Web;
	font-weight: bold;
	display:flex;
}



.insideEpacking1_v2 {
	color:#1d1d1b;
	font-family: GothamRnd-Light_Web;
	font-weight: bold; 
	font-size:16pt;
}

.insideEpacking2_v2 {
	color:#1d1d1b;
	font-family: GothamRnd-Light_Web;
	font-weight: bold;
	font-size:9pt; 	
}


.insideEpacking3_v2 {
	color:#1d1d1b;
	font-family: GothamRnd-Light_Web;
	font-weight: bold;
	display:flex;
}


.lupa {
	width:45px;
}



.orangeColor {
	color:#fc4d0f!important;
}


.lema {
    color: white;
    font-family: GothamRnd-Light_Web;
    /* font-weight: bold; */
    font-size: 28pt;
    padding: 0px 0px 22px 62px;
}

@media only screen and (min-width: 768px) {
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-2-5 {width: 20%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	.lema {
	    color: white;
	    font-family: GothamRnd-Light_Web;
	    /* font-weight: bold; */
	    font-size: 41pt;
	    padding: 0px 0px 0px 62px;
	}
	
	.divCen2 {		
	    padding: 0px 0px 0px 0px;
	    background: white round url(../Images/index2/epackinglist694.png);
	    height:222px;
	}
	
	.insideEpacking {
		background-color:#2800ff;
		width: 203px;
	    height: 222px;
	    padding: 22px 22px 22px 32px;
	    text-align:left;
	}

	.insideEpacking_v2 {
		background-color:#d0d0d0;
		width: 241px;
	    height: 222px;
	    padding: 22px 22px 22px 32px;
	    text-align:left;
	}

	.epacking {
		width:100%;
	}

	.inputLogin {
		width: 321px;
	}
	
	.login-button {
	 	width: 321px;
	}
	

	.divCaja {
		width:965px; 
		background: black no-repeat url(../Images/index2/fondo1400.png);
		background-size: contain;
		padding-top:140px;
		box-shadow: 3px 3px 10px #666;
		margin:auto;
	} 

	.divCaja2 {
		width:965px; 
		background: black no-repeat url(../Images/index2/fondo1400dest.png);
		background-size: contain;
		padding-top:140px;
		box-shadow: 3px 3px 10px #666;
		margin:auto;
	}
	
	.divFooter {
		background-color:#706f6f;
		width:965px; 
		box-shadow: 3px 3px 10px #666;
		margin:auto;
	}	 
	
	.espacioAbajo {
		height:200px;
		background-color:black;
		margin:auto;
	}
	
	.fondoMovil {
		display:none;
	}
	
	.bodyCustom {
		margin: 8px!important;
	}	
	
	#imgShowPassword {
		left:calc(100% - 95px);
	}
}