body {
	background-color: #999;
}

header[role="navigation"] {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 76px;
	background-color: white;
	border-bottom: 1px solid #283239;
	z-index: 100;
	box-shadow: 1px 0px 4px rgba(0,0,0,0.44);
}

header > .logo {
	top: 12px;
	margin-left: 14px;
	position: relative;
	display: block;
	z-index: 101;
}

.logo {
	margin-top: 10px;
}

.logo-main {
	width: 44%;
}


nav {
	background-color: white !important;
}

.navbar > li {
	list-style: none;
	display: inline-block;		
}

.navbar > li > a {
	color: black !important;
	font-weight: 300;
	font-size: 1.3em !important;
	padding-top: 24px;
	padding-bottom: 15px;
}

.navbar > li.world > a {
	padding-top: 5px;
	height: 48px;
	top: -4px;
}

.lenguage {
	border-right: 1px solid black;
	padding: 0;
	background-color: #ececec;
	width: 240px;
	top: -10px;
}

.lenguage ul li {
	border-bottom: 1px solid black; padding: 8px 6px;
}

.lenguage ul li a {
	 color: blue;
}

.lenguage ul li:last-child {
	border-bottom: 0 none;
}


.background-control {
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

#home {
	background-image: url('../images/plastico.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	position: relative;
	text-align: center;
	background-color: white;
	height: 100vh;
	z-index: 4;
	padding-top: 40%;
}

#footer {
	background-color: #304F9E;
}

.logo-holder {
	position: absolute;
	top: 22%;
	left: 36%;
	z-index: 6;
}

.nav-lg {
	
	color: black;
	padding-top: 0%;
	padding-bottom: 10%;
	z-index: 6;
	text-align: center;
}

#nav-medicos {
	/*background-color: #008FDF;*/
}

#nav-automotrices {
	/*background-color: #7E406B;*/
}

.nav-lg:hover {
	opacity: 0.74;
	cursor: pointer;
}

.nav-lg:hover .go {
	background-color: rgba(0,0,0,0.8);
}

#home > .nav-lg > .title {
	position: absolute;
	bottom: 24px;
	left: 32px;
	color: white;
	letter-spacing: 0.08em;
}

#home > .nav-lg > .title > h1 {
	font-weight: 700;
	font-size: 4em;

	line-height: 0.4em;
}

#home > .nav-lg > .title > h3 {
	font-weight: 100;
	font-size: 1.8em;
	margin-top: 0px;	
}

#medicos {
	z-index: 8;
	/*background-image: url('bk-dots.jpg'); */
	background-size: cover;
	background-color: white !important;
}

.franja {
	width: 100%;
	height: 90px;
	background-image: url('../images/franja-dots.png');
	background-color: white;
	background-size: cover;
}

.invert {
	width: 100%;
	height: 90px;
	background-image: url('../images/fanja-dots-invert.png');
	background-color: #304F9E;
	background-size: cover;
}

#medicos header, #automotrices header, #contacto header {
	text-align: center;
	color: white;

	width: 300px;
    
    position: fixed;
    top: -20px;

	overflow: hidden;
	position: fixed;


	
	/*background-image: url('bg-10-full.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
	/*box-shadow: inset 0 0 14px rgba(0,0,0,0.54);*/
}


.copy-info {
	margin-top: 4em;
}

.copy-info h1 {
	font-size: 3.5em;
	font-weight: 700;
	margin-top: 0;
	padding: 0.4em;
	color: #304F9E;
	border: 14px solid #304F9E;
	text-align: center;
	margin-bottom: 0.9em;
}


.copy-info.contrast {
	margin-bottom: 4em;
}

.copy-info.contrast h1 {
	font-size: 3.5em;
	font-weight: 700;
	margin-top: 0;
	padding: 0.4em;
	color: white;
	border: 14px solid white;
	text-align: center;
	margin-bottom: 0.6em;
}

.copy-info.contrast h2 {
	font-size: 2em;
	font-weight: 300;
	text-align: left;
	color: white;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 1.3em;
}

.copy-info h2 {
	font-size: 2em;
	font-weight: 300;
	text-align: left;
	color: black;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 1.3em;
}

.copy-info h3 {
	font-size: 1.8em;
	font-weight: 700;
	text-align: center;
	color: #545454;
	line-height: 1.2em;
	margin-top: 1.8em;
	margin-bottom: 1.8em;
}

.copy-info p.center-text {
	text-align: center;
	font-size: 1.6;
	line-height: 1.8em;
	margin-bottom: 24px;
}

.copy-info.contrast p {
	font-size: 1.3em;
	line-height: 1.6em;	
	color: white;
}

.copy-info p {
	font-size: 1.3em;
	line-height: 1.6em;	
	color: black;
}

    


.manu {
	margin-top: 30%;	
}

.manu:hover {
	
}


.manu .title {
	border-radius: 6px;
	padding: 24px 0;
	background-color: white;
	background-image: url('../images/diagonal-dots-fade.png');
	background-size: cover;
}

.go {
	width: 44px;
	height: 44px;
	padding: 0;	
	margin: 18px auto;
	text-align: center;
	background-color: rgba(225,225,225,0.8);
	background-color: black;
	border-radius: 34px;
}

.section-options {
	z-index: 20;
}

.section-options > h1 {
	font-size: 3em;
	font-weight: 700;
	padding-top: 64%;
	color: white;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.section-options > p {
	font-size: 1.6em;
	padding: 1.4em 0em;
	line-height: 1.2em;
	color: white;
}

.section-options ul {
	list-style: none;
	color: white;
	padding-left: 0;
}

.section-options ul li {
	color: white;
	background-color: rgba(0,0,0,0);
	padding: 10px 7px;
	margin-bottom: 14px;
	border-radius: 24px;	
}

.section-options ul li:hover {
	background-color: rgba(0,0,0,0.44);
	cursor: pointer;
}

.section-options ul li.active {
	background-color: rgba(0,0,0,0.24);
}

.section-options ul li.active:hover {
	background-color: rgba(0,0,0,0.74);	
}

.section-options ul li h3 {
	margin: 0;
	padding: 0;
}

.products {
	/*background-color: #283239;*/
}

.products ul {
	list-style: none;
}

.products ul li {
	color: white;
}

.products ul li h3 {
	font-weight: 700;
}

.mini-gallery {

}

.mini-gallery ul {
	list-style: none;
	padding-left: 0;
}

.mini-gallery ul li {
	margin: 4px;	
	display: inline-block;
}

.mini-gallery ul li .thumbnail {
	width: 44px;
	height: 44px;
}

.quality.medico {
	height: 750px;
	overflow: hidden;
	background-color: transparent;
	/*background-image: url('bg-10-full.jpg');
	background-position: center;
	background-repeat: no-repeat;*/
}

.quality.automotriz {
	height: 750px;
	overflow: hidden;
	background-image: url('../images/bg-7-full.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.quality-card {
	background-color: white; 
	height: 374px;
	border-radius: 4px;
	margin-left: 14px;
	overflow: hidden;
}

.quality-card .icon {	
	border: 1px solid black; 
	margin: 44px auto 0px; 
	width: 44px; 
	height: 44px;	
}

.quality-card p {
	padding-bottom: 12px;
	line-height: 1.6em;
}

.quality-card .card-fill {
	background-color: #00C6D3;
	height: 200px;
}

.quality-card .card-fill p {
	color: white;
}

.quality-card h4 {
	text-align: center;
	color: white;
}

.quality-card h5 {
	color: white;
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 4px;
}

#automotrices {
	z-index: 99;
	background-color: #304F9E;	
}

#quality {
	background: url('../images/dot-white-full.png');
}

.card-holder {
	background-color: #304F9E;
	padding: 12px 14px;
	color: black;
	height: 230px;
	border-radius: 8px;	
	overflow: hidden;
	background-image: url('../images/diagonal-dots-fade.png');
	background-size: cover;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.14);
}

.card-holder p {
	color: white;
	font-size: 1.1em;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1;
}

.card-vision .card-holder {
	background-color: #304F9E;
	padding: 12px 14px;
	color: white;
	min-height: 360px;
	border-radius: 8px;

}

.card-vision .card-holder h1 {
	border: 0 none;
	color: white;
}

.card-vision .card-holder p {
	color: white;
	text-align: center;
}


#especiales {
	z-index: 99;
	background-image: url('../images/plastico.jpg');
	background-size: cover;
	background-color: white;	
}

#aboutus {
	z-index: 99;
	background-image: url('../images/plastico.jpg');
	background-size: cover;
	background-color: white;	
}

#automotrices > header {
	text-align: center;
	color: white;
	padding-top: 7em;
	overflow: hidden;
	height: 100vh;
	background-image: url('../images/bg-7-full.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset 0 0 14px rgba(0,0,0,0.54);
}

h2 {
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 700;
	color: white;
	text-align: center;
	line-height: 2.4em;
	margin-top: 0;
	padding-top: 24px;
	letter-spacing: 0.05em;	
}

hr {
	border-top: 6px solid #00c6d3;
	width: 80px;
}

.form-control {
	height: 80px;
	margin: 12px;
}

input[type=text] {
	background-color: white;
	border: 1px solid #999;
	height: 54px;
	margin: 4px 0 12px;
	padding: 8px 12px; 
	border-radius: 6px;
}

.btn {
	border: 1px solid #999;
	height: 54px;
	margin: 4px 0 12px;
	padding: 8px 12px; 
	border-radius: 6px;
	background-color: #304F9E;
	width: 140px;
}

.label {
	padding-bottom: 0;
	color: white;
	font-weight: 300;
	font-size: 1.4em;
}

.form-control {
	
	clear: both;
	padding: 8px 12px;
	border: 1px solid #999;
}


textarea {
	background-color: white;
	border: 1px solid #999;

	margin: 4px 0 12px;
	padding: 8px 12px; 
	border-radius: 6px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 758px) {   
  

}

@media (max-width: 524px) {
  .copy-info h1 {
	font-size: 3.3em !important;
  }

  #home {
  	padding-top: 60%;
  }
}

@media (max-width: 1024px) {
  #home {
  	padding-top: 40% !important;
  }
}

@media (min-width: 1024px) {
  .logo-main {
	width: 24%;
  }
  #home {
  	padding-top: 20% !important;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {  
  .main-banner {
    margin-bottom: $brand-margin; background-position:right center;
  }

}