body { background-color: #e0dfdd; font-family: 'Open Sans', sans-serif; }

.container { background-color: #fff; 
	/* Header Styles */
	.head {
		border-bottom: solid 5px #797979;
	.menu { float: left; background-color: #e9e9e9; margin: -15px; padding: 35px 20px 20px 20px; font-size: 11px; }
	.mobileflag { background-color: #e9e9e9; margin-left: -15px; margin-right: -15px; padding-top: 10px; padding-bottom: 10px; }
	
	.trackling-login { background-color: #cc2c25; color: #fff; 
	    padding-right: 0px; padding-left: 0px;
		h1 { font-weight: bold; padding: 10px 0px; margin: 0px; font-size: 14px; text-transform: uppercase; color: #fff;  }
		input { padding: 5px; background-color: rgba(255,255,255,0.3); color: #fff; font-size: 12px; border: none; border-radius: 0px; height: 24px; }
		input::-webkit-input-placeholder {  color: #e39b99; }
		table { margin-bottom: 10px; }
		td { padding: 3px; border-top: none; }
		}
	}

	@media only screen and (max-width: 800px) {
		    /* Force table to not be like tables anymore */
			#no-more-tables table, 
			#no-more-tables thead, 
			#no-more-tables tbody, 
			#no-more-tables th, 
			#no-more-tables td, 
			#no-more-tables tr { 
				display: block; 
			}
		 
			/* Hide table headers (but not display: none;, for accessibility) */
			#no-more-tables thead tr { 
				position: absolute;
				top: -9999px;
				left: -9999px;
			}
		 
			#no-more-tables tr { border: 1px solid #ccc; }
		 
			#no-more-tables td { 
				/* Behave  like a "row" */
				border: none;
				border-bottom: 1px solid #eee; 
				position: relative;
				padding-left: 50%; 
				white-space: normal;
				text-align:left;
			}
		 
			#no-more-tables td:before { 
				/* Now like a table header */
				position: absolute;
				/* Top/left values mimic padding */
				top: 6px;
				left: 6px;
				width: 45%; 
				padding-right: 10px; 
				white-space: nowrap;
				text-align:left;
				font-weight: bold;
			}
		 
			/*
			Label the data
			*/
			#no-more-tables td:before { content: attr(data-title); }
		}

	.navbar-brand { padding: 0px; height: 54px; }
	.navbar { margin-bottom: 0px; border: 0px transparent; }
	@media (min-width: 768px){
	 	.navbar-nav>li>a { padding-top: 26px; padding-bottom: 26px; }
	 	.navbar-brand { height: 68px; }
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #cc2c25; }
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
	    background-image: none;
	    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
	}
	.bienvenido td { text-align: center; }
	.error { border: solid 2px #f00 !important; }
	/* Display Styles */
	.display { margin: 0px -15px;
		.title { position: absolute; background-color: transparent; padding-top: 20%; font-size: 48px; z-index: 10 }
		img { margin-top: 18% }
		h2 { color: #fff; }
	}
	.display.mobile { background-image: url('../images/video-mobile.jpg'); background-size: cover; background-repeat: no-repeat; text-align: center; padding-top: 200px; height: 500px; color: #fff; }

	.cotizacion { background-color: #797979; color: #fff; padding-top: 10px; padding-bottom: 10px;
		.col-md-2 { text-align: center; } }

	.title { background-color: #797979; color: #fff; font-weight: 300; font-size: 30px; text-align: center; padding: 15px; margin-bottom: 20px; }

	.inter { background-color: #ebebeb; text-align: center;
		h1 { font-size: 24px; } 
	}
	.staff { background-color: #cc2c25; color: #fff; text-align: center;
		h1, p { color: #fff; text-align: center }
	}
	.sumate { background-color: #797979; color: #fff; text-align: center;
		h1 { color: #fff; font-size: 24px; } 
		.btn { margin-bottom: 10px; }
	}
	.contactenos {
		background-image: url("../images/contactenos-bg.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		h1 { color: #fff; font-size: 24px; text-align: center; }
		h4 { color: #fff; font-size: 18px; text-align: center; }
		.form-control { background-color: rgba(0,0,0,0.6); border: none; color: #fff; }
		small { color: #fff; }
		.tels { background-color: rgba(0,0,0,0.6); padding-top: 90px;padding-bottom: 90px; }
	}
	.boxletter { color: #fff; font-size: 16px; text-align: center; padding-top: 200px; }

	/* Glboal Styles */
	h1 { color: #cc2c25; font-weight: 300; font-size: 48px; }
	h2 { color: #cc2c25; font-weight: 300; font-size: 30px; }
	p, li { color: #797979; font-size: 13px; line-height: 24px; }
}