@charset "UTF-8";
/* CSS Document */
body, html, *{ margin:0px; padding:0px;  }
#wrapper{width:100%; overflow:hidden}
	
body, html { min-height:100vh}	
	
section{ clear:both; margin-bottom:80px}	
	
.quienes{ background-color:#e9edec; min-height:50vh!important}
.height img{ height:100%!important}

.setenta {min-height:60vh!important}
hr.azul{ border-bottom:solid medium #7ca3dc}

.siluetas1 img{ width:80%; max-width:350px}
.siluetas{ margin-top:25px; width:90%}
.cd-main-content { width:100%;
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  position: relative;
  z-index: 1;
}

.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  box-shadow: 0px 0px 8px 0px #000000 inset;
  padding:30px 0px;
  margin-bottom:0px!important;
}


.cd-bg-2 {
	background-size:cover;
  background-image: url("../images/back2.jpg");
}





@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }

}


/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */
   
    /**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */
	 
   .fullwidth-section {
		position: relative;
		overflow: hidden;
		z-index: 0;	
		padding: 40px 0;
		margin-bottom: 100px;
		background-color: #f6f6f6;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */ 
		background-position: 50% 0;		
	}

	.fullwidth-section-content {
		position: relative;
		z-index: 3;
	}
   
   	.fullwidth-section-overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: repeat;
		background-position: 0 0;
		background-color: rgba(0, 0, 0, 0.5);	
	}
	
	.fullwidth-section-video {
		position: absolute;
		overflow: hidden;
		z-index: 1;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	.yt-player { display: none; }
	
	/**
 	 *
	 * 1. We add background-size cover so the parallax looks ok if you provide smaller images
	 *
	 */
	
	.parallax.parallax-enabled { 
		background-attachment: fixed !important;
		-webkit-background-size: cover;
				background-size: cover;	/* 1 */
	}
	
	.horizontal-parallax { background-repeat: repeat; }
	
	.animated-parallax { background-repeat: repeat; }
	
	@media (max-width: 767px) {

		.fullwidth-section {
			-webkit-background-size: cover;
					background-size: cover;		
		}
		
	}
	/* ==========================================================================
   =Info box
   ========================================================================== */
   	.center{ text-align:center}
	
	.info-box-bg-left.quienes{ padding:80px 0px 120px 0px; margin-bottom:-25px}
	.info-box.info-box-bg-right.cd-bg-2{  margin-bottom:0px}

	
	.info-box {
		position: relative;
		overflow: hidden;
		padding: 0px 0 60px 0;
		margin-bottom:80px
	}
	
	.info-box-bg-left-right { margin-bottom: 100px; }
	
	.info-box-img {
		position: absolute;
		z-index: 0;
		top: 0;
		width: 50%;
		height: 100%;
	}
	
	.info-box-img-left, 
	.info-box-img-right {
		position: absolute;
		z-index: 0;
		top: 0;
		width: 25%;
		height: 100%;
	}
	
	.info-box-bg-left .info-box-img { 	
		left: 0;
		background: no-repeat center right;
	}
	
	.info-box-bg-right .info-box-img { 
		right: 0;
		background: no-repeat center left;
	}
	
	.info-box-bg-right .info-box-img.productos { 
		right: 0;
		background: no-repeat center center;
		box-shadow: 0px 0px 6px rgba(0,0,0,0.68);
	}
	
	.info-box-img-left { 
		left: 0;
		background: no-repeat center right;
	} 
	
	.info-box-img-right { 
		right: 0;
		background: no-repeat center left;
	}
	
	.info-box-img-left img,
	.info-box-img-right img,
	.info-box-img img { display: none; }
	
	@media (max-width: 767px) {
	
	.info-box-bg-left.quienes{ padding:0px 0px 80px 0px;}
	
		
		.info-box-img-left, 
		.info-box-img-right,
		.info-box-img {
			position: relative;
			width: 100%;
			background: none !important;		 
		}
		
		.info-box-img-left img,
		.info-box-img-right img,
		.info-box-img img {
			display: block;
			width: 100%;
		}
		
	}
   

	
.footer{ background-color:#686868; background-image:url(../images/trama-footer.png); background-repeat: repeat; margin-bottom:0px; margin-top:0px}
.footer p{ color:#FFFFFF; margin-bottom:3px }
.footer .row{ margin-bottom:0px; padding:10px 0px}
.footer a p:hover, .footer p:hover i{ color: #fa9aba !important;}
.footer i{margin-right:20px; font-size:1.2em; color:#fff}