/*     CSS/CUSTOM.CSS            */
/*     Hostito Chile S.A.       */

	/* Fonts */
		@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
	/* Fonts */
	
	
	@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?nffu0f');
  src:  url('../fonts/icomoon.eot?nffu0f#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?nffu0f') format('truetype'),
    url('../fonts/icomoon.woff?nffu0f') format('woff'),
    url('../fonts/icomoon.svg?nffu0f#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-archive:before {
  content: "\e900";
}
.icon-house:before {
  content: "\e901";
}
.icon-pencil:before {
  content: "\e902";
}
.icon-window:before {
  content: "\e903";
}

.col-3{width:25%;float:left;}
.col-6{width:50%;float:left;}

*{
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
}
a:hover{
	text-decoration: none !important;
}
	#wrapper {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
    	overflow: hidden;
		max-width: 1366px;
		box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);
		border: 0px solid rgba(0,0,0,0.25);	
		background: #FFF;}

#divInfoBarTop {background: #333;padding: 5px 20px;margin: 0;}
#divInfoBarTop p {color: #FFF;padding: 0; margin: 0;text-align: center;}

	#divLogo {
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		max-width: 75px;
	}

	#contactoMapa {
    margin: 0 auto;
    height: 260px;
    text-align: center;
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 20px;
    border: 1px solid #222;
}
	#contactoMapa img{max-width: inherit;}
	
	.gm-style-iw > div {
		overflow:hidden !important;
	}
	#contactoMapa p{
		color:#333;
		font-size:12px;
	}
	#contactForm {
		position: relative;
		width: 100%;
		margin:0 auto;
	}
	/* Contact Page */

	/* Static Divs */
	.fix10{width:10%}.fix15{width:15%}
	.fix20{width:20%}.fix25{width:25%}
	.fix30{width:30%}.fix35{width:35%}
	.fix40{width:40%}.fix45{width:45%}
	.fix50{width:50%}.fix55{width:55%}
	.fix60{width:60%}.fix65{width:65%}
	.fix70{width:70%}.fix75{width:75%}
	.fix80{width:80%}.fix85{width:85%}
	.fix90{width:90%}.fix95{width:95%}
	.fix1_3{width:33.33%}.fix2_3{width:66.67%}
	/* Static Divs */
	
	/* Margin Divs */
	.div10{width:10%;margin:0 45%;}.div15{width:15%;margin:0 42.5%;}
	.div20{width:20%;margin:0 40%;}.div25{width:25%;margin:0 37.5%;}
	.div30{width:30%;margin:0 35%;}.div35{width:35%;margin:0 32.5%;}
	.div40{width:40%;margin:0 30%;}.div45{width:45%;margin:0 27.5%;}
	.div50{width:50%;margin:0 25%;}.div55{width:55%;margin:0 22.5%;}
	.div60{width:60%;margin:0 20%;}.div65{width:65%;margin:0 17.5%;}
	.div70{width:70%;margin:0 15%;}.div75{width:75%;margin:0 12.5%;}
	.div80{width:80%;margin:0 10%;}.div85{width:85%;margin:0 7.5%;}
	.div90{width:90%;margin:0 5%;}.div95{width:95%;margin:0 2.5%;}
	.div1_3{width:33.32%;margin:0 33.34%;}.div2_3{width:66.66%;margin:0 16.67%;}
	/* Margin Divs */

	/* Shortcuts */
	.floatleft{float:left;}
	.floatright{float:right;}
	.clr {clear: both;}
	.center {text-align: center;}
	.right {text-align: right;}
	.left {text-align: left;}
	/* Shortcuts */

	/* Useful Paddings */
.paddingVer00 { padding-top:  0px;padding-bottom:  0px}
.paddingVer05 { padding-top:  5px;padding-bottom:  5px}
.paddingVer10 { padding-top: 10px;padding-bottom: 10px}
.paddingVer15 { padding-top: 15px;padding-bottom: 15px}
.paddingVer20 { padding-top: 20px;padding-bottom: 20px}
.paddingVer25 { padding-top: 25px;padding-bottom: 25px}
.paddingVer30 { padding-top: 30px;padding-bottom: 30px}
.paddingVer35 { padding-top: 35px;padding-bottom:35px}
.paddingVer40 { padding-top: 40px;padding-bottom: 40px}
.paddingVer45 { padding-top: 45px;padding-bottom: 45px}
.paddingVer50 { padding-top: 50px;padding-bottom: 50px}
.paddingVer55 { padding-top: 55px;padding-bottom: 55px}
.paddingVer60 { padding-top: 60px;padding-bottom: 060px}
.paddingVer65 { padding-top: 65px;padding-bottom: 65px}
.paddingVer70 { padding-top: 70px;padding-bottom: 70px}
.paddingVer75 { padding-top: 75px;padding-bottom: 75px}
.paddingVer80 { padding-top: 80px;padding-bottom: 80px}
.paddingVer85 { padding-top: 85px ;padding-bottom: 85px}
.paddingVer90 { padding-top: 90px;padding-bottom: 90px}
.paddingVer95 { padding-top: 95px;padding-bottom: 95px}
.paddingVer100 { padding-top: 100px;padding-bottom: 100px}

.paddingTopVer50 { padding-top: 50px;}
	/* Useful Paddings */


	/* Icons */

	  .redesSociales {
		display: inline;
		color: #e5e5e5;
		padding: 12px 11px 12px 12px;
		font-size: 20px;
		background: none;
		border: 1px solid #e5e5e5;
		border-radius: 50%;
		line-height: 3.5;
		width: 45px;
		margin: 10px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
}
	  .facebook:hover{background:#3B5998;border:1px solid #3B5998;color:#fff;}
	  .twitter:hover{background:#69b9f6;border:1px solid #69b9f6;color:#fff;}
	  .linkedIn:hover{background:#1984bc;border:1px solid #1984bc;color:#fff;}
	  .whatsapp:hover{background:#07b601;border:1px solid #07b601;color:#fff;}
	  .googlemas:hover{background:#CA3625;border:1px solid #CA3625;color:#fff;}
	  .skype:hover{background:#00AFF0;border:1px solid #00AFF0;color:#fff;}
	  .youtube:hover{background:#FF3333;border:1px solid #FF3333;color:#fff;}
	  .vimeo:hover{background:#1AB7EA;border:1px solid #1AB7EA;color:#fff;}
	  .instagram:hover{
		  background: #f09433;
		  background: -webkit-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  background: -o-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  background: linear-gradient(to top right, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
		  border:1px solid #CA3625;color:#fff;}
	/* Icons */
.margin-top-50{
	margin-top:50px;
}
.margin-top-20{
	margin-top:20px;
}

	/* Imagenes */
		.imgLogo{
			width:100%;
			padding:0;
			height:auto;
			margin:0;	}
		.imgRedondas{border-radius:50%;}
		.imgCenter{margin-left:auto;margin-right:auto;}
	/* Imagenes */



	/*  Backgrounds and Colors */
		.bgWhite{background:rgba(255,255,255,1);}
		.bgOffWhite{background:rgba(240,240,240,1);}
		.bgGrey{background:rgba(225,225,225,1);}
		.bgBlack{background:rgba(0,0,0,1);}
	/*  Backgrounds and Colors */


	/* Lists */
		.iconLi {
			list-style-image: url(../images/list-icon.png);
			margin: 20px auto 20px 30px;
		}
	/* Lists */

	/* Lines */
		.hrOffWhite{
			margin: 15px auto;
			border: 0px;
			height: 0;
			border-bottom: rgba(0,0,0,0.4) 1px solid;
			border-top: rgba(255,255,255,1) 2px solid;
		}
		.hrLightBlue{
			width:12em;
			margin: 20px auto;
			border: 0px;
			height: 0;
			border-top: #00bae2 1px solid;
			border-bottom:#00bae2 1px solid;
		}
		.hrLightBlueLeft{
			width:12em;
			margin: 20px 0px;
			border: 0px;
			height: 0;
			border-top: #00bae2 1px solid;
			border-bottom:#00bae2 1px solid;
		}
		
	/* Lines */

	/* Hover Effects */
		.glow {
			-moz-filter: brightness(0.6);
			-webkit-filter: brightness(0.6);
			-o-filter: brightness(0.6);
			filter: brightness(0.6);

			-moz-transition: all ease 0.5s;
			-webkit-transition: all ease 0.5s;
			-o-transition: all ease 0.5s;
			transition: all ease 0.5s;
		}
		.glow:hover {
			-moz-filter: brightness(1.5);
			-webkit-filter: brightness(1.5);
			-o-filter: brightness(1.5);
			filter: brightness(1.5);
		}
		.grayScale {
			filter: grayscale(.9);
			-webkit-filter: grayscale(.9);
			-moz-filter: grayscale(.9);
			-o-filter: grayscale(.9);
			-ms-filter: grayscale(.9);

			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			-ms-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.grayScale:hover {	
			filter: grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-o-filter:  grayscale(0);
			-ms-filter: grayscale(0);
		}
	/* Hover Effects */


	/* Buttons */
		.verMas1 {
			font-family: Helvetica, sans-serif;
			-webkit-font-smoothing: antialiased;
			position: relative;
			padding: .8em 1em;
			padding-right: 2em;
			background: #de5b04;
			border: none;
			border-radius: 4px;
			color: #FFF;
			transition: .2s;
			font-weight: bold;
			text-align: center;
			display: block;
			width: 75%;
			margin: 0 auto;
		}
		.verMas1:after {
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  right: 0;
		  padding-top: inherit;
		  padding-bottom: inherit;
		  width: 2.8em;
		  content: "\f178";
		  font-family: 'FontAwesome', sans-serif;
		  font-size: 1.2em;
		  text-align: center;
		  transition: .2s;
		}
		.verMas1:hover {
		  color: #FFF;
		  background: #de5b04;
			text-decoration: none;
		}
		.verMas1:active,
		.verMas1:focus {
		  background: #FFFF;
		  outline: none;
		}
		.verMas1 {
		  min-width: 12em;
		}

		.verMas1:hover:after {
		  -webkit-animation: bounceright .3s alternate ease infinite;
		  animation: bounceright .3s alternate ease infinite;
		}
		.verMas2{
			margin:0 auto;
			padding:0;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.verMas2:hover{	}
	/* Buttons */

	/* index.html */
		#indexDestacados  {
		}
		#indexDestacados h2{
			text-align: center;
			font-size: 24px;
			font-weight:300;
		}
		
		.colorBlue{color: #374678;}
		.colorLightBlue{color: #5fb098;}
		.colorPink{color: #db7176;}
		.colorDarkGreen{color: #68741b;}

		#indexDestacados p{ 
			text-align: justify;
			padding: 20px;
		}

		#indexDestacados span{
			text-align: center;
			color: #666;			
			font-size: 100px;
			font-style: normal;
			display: block;
			margin: 0 auto;
		}
		div.gradientDestacado {
			-moz-border-image: -moz-linear-gradient(left,#3333 0,#555555 100%);
			-webkit-border-image: -webkit-linear-gradient(left,#333333 0,#555555   100%);
			border-image: linear-gradient(to right,#333333 0,#555555   100%);
			border-image-slice: 1;margin: 15px auto;
		}

		#indexLema {
			background:#fff;
			width:100%;
			height: auto;
			margin: 0;
		}

		#indexLema h2{
			color: #333;
			font-weight:800;
			padding: 10px 0;
			width:  80%;
			text-align: center;
			margin: 10px auto;
			font-size: 24px;
		}
		#indexLema h4 {
			color: #333;
			font-weight: 700;
			margin: 0;
			padding: 0;
			font-size: 16px;
		}
		
		#indexLema img {
			margin: 20px auto;
		}

		#indexLema p{
			color: #666;	
			padding: 0;
			text-align: center;
			font-size: 16px;
    		margin: 0 0 5px;
		}

	  .linkedInLema{background:transparent;color:#666;}
	  .linkedInLema:hover{background:transparent;color:#1984bc;}

	/* index.html */

	/* Inner Pages */
.bgInnerCasas {
    background: #333 url(../images/bg/inner-title-01.jpg) 100%/cover;
    background-position: center;
}
.bgInnerPuertas {
    background: #333 url(../images/bg/inner-title-02.jpg) 100%/cover;
    background-position: center;
}
.bgInnerCristal {
    background: #333 url(../images/bg/inner-title-03.jpg) 100%/cover;
    background-position: center;
}
.bgInnerContacto {
    background: #333 url(../images/bg/inner-title-04.jpg) 100%/cover;
    background-position: center;
}

		#innerTitle  {
			padding-bottom:100px;
			padding-top:100px;
		}

		#innerTitle h1  {
			color: #de5b04;
			text-align:  center;
			padding:  40px;
			font-size: 40px;
			margin: 0 auto;
		}



		#innerLema  {
			background: #fff;
		}

		#innerTitle Lema  {
			color: #fff;
			text-align:  center;
			padding:  40px;
			font-size: 40px;
			margin: 0 auto;
		}

		div.divRecaptcha {
			width: 67%;
			margin: 0 auto;
		}

		div.innerContent {}
		div.innerContent h2{color: #de5b04}
		div.innerContent h3 {
			font-weight: 800;
			font-size: 27px;
			margin: 0;
		}
		div.innerContent h4{}
		div.innerContent p{margin: 8px 0;font-size: 16px;}
		div.innerContent li{}
		div.innerContent a,
		div.innerContent a:visited{color:#de5b04;}
		div.innerContent a:hover{color:#cd4a00;}
		div.innerContent img{}
		div.gradientLine {
			-moz-border-image: -moz-linear-gradient(left,#de5b04 0,#FFFFFF 80%,#FFFFFF 100%);
			-webkit-border-image: -webkit-linear-gradient(left,#de5b04 0,#FFFFFF 80%,#FFFFFF 100%);
			border-image: linear-gradient(to right,#de5b04 0,#FFFFFF 80%,#FFFFFF 100%);
			border-image-slice: 1;margin: 15px auto;
		}
		
		
		#galeriaIndex h1{
			font-weight: 800;
			font-size: 42px;
			text-transform: uppercase;
			margin-top: 50px;
			text-align: center;
			padding-bottom: 20px;}
		
		
	/* Inner Pages */


	/* NOSOTROS */
		div.divEquipoProfile {
			position: relative;
			height: 450px;
			padding: 40px;
			margin: 20px auto;
			border: 1px solid rgba(0, 0, 0, 0.05);
			border-radius: 10px;
			width: 24%;
			margin: 20px .5%;
			background: rgba(250, 250, 250, 1);
		}

		div.divEquipoProfile img {
			margin: 0 auto;
			display: block;
			padding: 0 0 20px;
		}

		div.divEquipoProfile img {
			width: 90%;
		}

		div.divEquipoProfile p.profileButtons{
			position: absolute;
			font-size: 2em;
			bottom: 0;
			left: 0;
			padding: 0;
			text-align: center;
			width: 100%;
			margin: 0 auto;
		}

		div.divEquipoProfile span {
			text-align: center;
			display: inline;
		}

		div.divEquipoProfile span:before {
			padding: 0 4px;
		}

	/* NOSOTROS */

	/* Footer */
		#footercontainer {
			clear: both;
			width: 100%;
			padding: 20px 0px;
			margin: 0 auto;
			background:#333;
			overflow: hidden;}		
		
		footer  h1{
			color: #fff;
			font-weight: 800;
			text-transform: uppercase;}

		footer {
			clear: both;
			width: 90%;
			margin: 0 auto;
			padding: 0;}
	
		  /* Footer Text */
			  footer a,
			  footer a:visited { 
				  text-decoration: none; 
				  color: #e5e5e5;}	

			  footer a:hover, 
			  footer a:active,
			  footer a:focus { 
				  outline : 0; 
				  text-decoration: none; 
				  color: #FFF;
			  }
			  footer p{
				  margin: 0 auto;
				  padding: 0;
				  font-size: 14px;
				  color: #e5e5e5;
			  }
		  /* Footer Text */

	/* Footer */


	/* bottstrap customized */
	
	.navbar {
    position: absolute;
    width: 100%;
    min-height: 50px;
    margin-bottom: 0;
	max-width: 1366px;
    border: 0px solid transparent;}

	.navbar-default {
		background-color: rgba(255,255,255,0.75);
		border-color:transparent;
	}
	
	.navbar-header {width:15%;margin: 0 5% !important;}
	ul.nav.navbar-nav {width: 65%;margin: 0 5%;}

	.navbar li:nth-child(1) { width: 10%}
	.navbar li:nth-child(2) { width:23%}
	.navbar li:nth-child(3) { width:29%}
	.navbar li:nth-child(4) { width:26%}
	.navbar li:nth-child(5) { width: 12%}
	
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #00bae2 ;
		background-color: transparent !important;
	}
	
	.navbar li a {
		line-height: 80px;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	}
	
	.container-fluid {padding: 0;}
	.dropdown-menu > .active > a {background-color: #de5b04}

  /* Hostito link section */
	  #smallprint{background:#2a2a2a;margin: 0px auto;padding:8px 0px;line-height: 1.4em;text-align:center;color:#e5e5e5;font-size:0.923em;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	  #smallprint:hover{background:#1c1c1c;}
	  #smallprint p{font-size:9px;vertical-align:middle;margin:0;text-shadow:none;}
	  #smallprint a:link{color:#e5e5e5;text-decoration:none;}
	  #smallprint a:hover{color:#FFF;text-decoration:none;}
  /* Hostito link section */

	/* Responsive */

		@media screen and (max-width: 1280px) { 
			.navbar-default .navbar-nav > li > a{font-weight:600;}
		}

		@media screen and (max-width: 1112px) {
			.navbar-default .navbar-nav > li > a{font-size:11px;}
		}

		@media screen and (max-width: 1049px) {
			.navbar-default .navbar-nav > li > a{font-weight:500;}
		}

		@media screen and (max-width: 1024px) {
			.navbar-default .navbar-nav > li > a{font-size:10px;}
		}

		@media screen and (max-width: 800px) {
			.navbar-default .navbar-nav > li > a{
				font-weight:normal;
				line-height:normal;
				padding-top:20px;
				padding-bottom:20px;
				height: 80px;}
		}

		@media (min-width: 769px) {
		  .navbar-toggle{display:none;}
		}

		@media (min-width: 768px) and (max-width: 1000px) {
		}
		@media screen and (max-width: 768px) {
			.navbar-default .navbar-nav > li{width:100%;}
			.navbar-header{width:100%;float:none;}
		  	.navbar-toggle{
			  	display:block;
				position:relative;
				float:right;
				padding:9px 10px;
				margin-top: 20px;
				margin-right:50px;
				margin-left:-50px;
				margin-bottom:8px;
				background-color:rgba(255,255,255,0.75);
				background-image:none;
				border:1px solid transparent;
				border-radius:4px;}
			.navbar-toggle:hover{background:#FFF;}
			.navbar-left,.navbar-right{float:none !important;}
		  	.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
			.navbar-fixed-top{top:0;border-width:0 0 1px;}
			.navbar-collapse.collapse{display:none!important;}
			.navbar-default .navbar-nav{float:none!important;margin-top:7.5px;}
			.navbar-default .navbar-nav>li{float:none;}
			.navbar-default .navbar-nav>li>a{
				padding-top:10px;
				padding-bottom:10px;
				font-size: 14px; 
				font-weight: 700;
				line-height: 24px;
				height: auto;}
			.collapse.in{display:block !important;}
			ul.nav.navbar-nav {
				width:100%;
				margin:0;
				background-color:rgba(255, 255, 255, 0.75);
				border:1px solid #FFF;
				box-shadow:inset 0 0 50px rgba(0,0,0,0.05)}
			
		}

		@media screen and (max-width: 736px) {  
		}

		@media screen and (max-width: 667px) {  
		}

		@media screen and (max-width: 640px) {  
		}

		@media screen and (max-width: 568px) {  
		}

		@media only screen and (max-width : 480px) {
			  footer p{
				  text-align: center;
			  }
				#contactoMapa {
					width: 98%;
					margin:0 auto;
					height: 300px;
				}
				#contactoMapa img{max-width: inherit;}
				#contactForm {
					position: relative;
					width: 98%;
					margin:0 auto;
				}
				#galeriaIndex h1{font-size:28px;}
				#galeriaIndex div.col-xs-6{padding:0;}
				#indexDestacados{margin:0;padding:0;}
		}

		@media only screen and (max-width : 414px) {
		}

		/* Generic 320 width */
		@media only screen and (max-width : 375px) {   
		} 

		/* Generic 320 width */
		@media only screen and (max-width : 320px) {   
		} 

	/* Responsive */