body.uno{
		/* Location of the image */
		background-image: url(../img/bgrd3.png);

		
		/* Background image is centered vertically and horizontally at all times */
		background-position: center center;
		
		/* Background image doesn't tile */
		background-repeat: no-repeat;
		
		/* Background image is fixed in the viewport so that it doesn't move when 
			the content's height is greater than the image's height */
		background-attachment: fixed;
		
		/* This is what makes the background image rescale based
			on the container's size */
		background-size: cover;
		
		/* Set a background color that will be displayed
			while the background image is loading */
		background-color: #464646;
	}
	}
	
	
	a[href^="tel"]{
		color:inherit;
		text-decoration:none;
	}
	
	
		.popup-overlay {
		visibility:hidden;
		height: 1px;
		}

		.popup-content {
		visibility:hidden;
		}


		.popup-overlay.active{
			visibility:visible;
			background-color:grey;
			z-index:9999;
			
			position: fixed; /* or absolute */
			height:250px;
			width:100%;
			top: 0%;
			left: 0%;
			margin-top: 10px;
			margin-left: 10px;
			border: 2px solid gray;
			border-radius: 10px;
			transition-duration: 0s;
			w3-animate-zoom;
			overflow: auto;

		 
		}

		.popup-content.active {
			visibility:visible;
			background-color:#F5F5F5;
			z-index:9999;
			position: fixed; /* or absolute */
			height:200px;
			width:100%;
			top: 300px;
			left: 1px;
			margin-top: 10px;
			margin-left: 0px;
			border: 2px solid gray;
			border-radius: 10px;
			transition-duration: 0s;
			w3-animate-zoom;
			overflow: auto;
			text-align:center
		 
		}
		
		
		
		
#heroBrands .container{
	height:80px;
	max-width:2600px;
	width:2600px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:transparent;
	
	-moz-transition:  opacity 0.5s ease-out; 
       -o-transition: opacity 0.5s ease-out; 
  -webkit-transition: opacity 0.5s ease-out; 
      -ms-transition: opacity 0.5s ease-out; 

   -webkit-animation: moveSlideshow 40s linear infinite;
   -moz-animation:    moveSlideshow 40s linear infinite;
	
	
	}
	
	
@-webkit-keyframes moveSlideshow {
    0% { margin-left: 0; }
    100% { margin-left: calc(100vw - 2600px); }
}
@-moz-keyframes moveSlideshow {
    0% { margin-left: 0; }
    100% { margin-left: calc(100vw - 2600px); }
}




	
#heroBrands .container .logoHelper{
	display:inline-block;
	height:100%;
	vertical-align:middle;
	}
	
#heroBrands .container img{
	vertical-align:middle;
	margin:0 30px 0 30px;
	opacity:.8;
	}
	
#heroBrands .container img:first-of-type{
	margin-left:0px;	
	}
	
#heroBrands .container img:last-of-type{
	margin-right:0px;	
	}		
		
		.dontprint
		{ display: none; }

		.left {
		  float: center;
		  width: 150px;
		  text-align: left;
		  margin: 2px 2px; 
		  display: inline;
		  color: black;
		  
		}

		.right {
		  float: left;
		  text-align: left;
		  margin: 2px 2px;
		  display: inline;
		   
		}
 
		
		.label_azul{
		  font-family: Verdana; 
		  font-size: 11px;
		  text-align:center;
		  background-color:RGB(58,87,149);
		  color:white
		}
		
		.label_blanca{
		  font-family: Verdana; 
		  font-size: 11px;
		  text-align:center;
		  background-color:#f3f4f7;
		  color:black
		}
		
		.label{
		  font-family: Arial; 
		  font-size: 10px;
		  text-align:center;
		  background-color:transparent;
		  color:black;
		  border-radius:4px;
		  text-align:right
		}
		
		.datos{
			border: 1px solid #bdbdbd;
			padding:1px;
			border-radius:4px;
			color: black; 
			font-family: Arial; 
			font-size: 12px; 
			background-color: white;
			width:100%
		}
		
		.datosr{
			border: 1px solid #bdbdbd;
			padding:1px;
			border-radius:4px;
			color: black; 
			font-family: Arial; 
			font-size: 12px; 
			background-color: white;
			width:100%;
			text-align:right
		}

		.datosc{
			border: 1px solid #bdbdbd;
			padding:1px;
			border-radius:4px;
			color: black; 
			font-family: Arial; 
			font-size: 12px; 
			background-color: white;
			width:100%;
			text-align:center
		}
		
		.datoscell{
			border: 1px solid #bdbdbd;
			padding:5px 5px 5px 5px;
			height:70px;
			border-radius:16px;
			color: #333333; 
			font-family: Arial; 
			font-size: 50px; 
			background-color: white;
		}	

		.labelcell{
		  font-family: Arial; 
		  font-size: 20px;
		  text-align:center;
		  color:RGB(58,87,149);
		  border-radius:4px;
		  text-align:left
		}	

		input[type=number]::-webkit-inner-spin-button, 
		input[type=number]::-webkit-outer-spin-button { 
		  -webkit-appearance: none; 
		  margin: 0; 
		}		
		
		@font-face {
		  font-family: 'chkmicr';
		  src: url('chkmicr_1.ttf');
		}
  
		@font-face {
		  font-family: 'Stamp';
		  src: url('Stamp.ttf');
		}
   
		.text-contract{
			 padding:2px;
			color: blue; 
			font-family: Arial; 
			font-size: 12px; 
			background-color: white;
		}
		.text-contract-blk{
			 padding:2px;
			color: black; 
			font-family: Arial; 
			font-size: 12px; 
			background-color: white;
		}		
		.text-contract-bar{
			padding:2px;
			color: white; 
			font-family: Arial; 
			font-size: 12px; 
			background-color: white;
		}		
	 
	 
		/* unvisited link */
		a:link {
		  color: black;
		  text-decoration:none
		}

		/* visited link */
		a:visited {
		  color: black;
		  text-decoration:none
		}

		/* mouse over link */
		a:hover {
		  background-color: black;	
		  color: white;
		}

		/* selected link */
		a:active {
		   background-color: black;	
		  color: white;
		}

/*-------------Button Styles---------------------------*/

.btn-xsmall{
	padding:5px 15px 5px 15px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:13px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-small:hover{
	color:#FFF;
	}
	

.btn-small{
	padding:8px 15px 8px 15px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:14px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-small:hover{
	color:#FFF;
	}

	
.btn-medium{
	padding:10px 20px 10px 20px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:16px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-medium:hover{
	color:#FFF;
	}
	

.btn-large{
	padding:10px 40px 10px 40px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:16px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-large:hover{
	color:#FFF;
	}

	
/*------------- Button Shadow ---------------------------*/

.btn-xsmall.shadow, .btn-small.shadow,
.btn-medium.shadow, .btn-large.shadow{
	-webkit-box-shadow: 1px 1px 2px 0 #272c31;
	box-shadow: 1px 1px 2px 0 #272c31;
	}