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

	/* Fonts */
		@import url(http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext);
		@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

		@font-face {
		  font-family: "Flaticon";
		  src: url("../fonts/Flaticon.eot");
		  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
			   url("../fonts/Flaticon.woff") format("woff"),
			   url("../fonts/Flaticon.ttf") format("truetype"),
			   url("../fonts/Flaticon.svg#Flaticon") format("svg");
		  font-weight: normal;
		  font-style: normal;
		}


		@font-face {
		  font-family: "Sansation";
		  src: url("../fonts/Sansation_Bold.eot");
		  src: url("../fonts/Sansation_Bold.eot?#iefix") format("embedded-opentype"),
			   url("../fonts/Sansation_Bold.woff") format("woff"),
			   url("../fonts/Sansation_Bold.ttf") format("truetype"),
			   url("../fonts/Sansation_Bold.svg#Flaticon") format("svg");
		  font-weight: normal;
		  font-style: normal;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
		  @font-face {
			font-family: "Flaticon";
			src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
		  }
		}

		[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
		[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
		  	font-family: Flaticon;
			font-size: 80px;
			font-style: normal;
			display: block;
			margin: 0 auto;
		}

		.flaticon-sustainable:before { content: "\f100"; }
		.flaticon-group-of-men:before { content: "\f101"; }
		.flaticon-people:before { content: "\f102"; }
		.flaticon-mountain:before { content: "\f103"; }


	/* Fonts */
	h3, .h3 {
    font-size: 22px;
}

	#wrapper {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		max-width: 1366px;
		box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);
		border: 1px solid rgba(0,0,0,0.25);	
		background: #FFF;
	}

	#contactoMapa {
		width: 90%;
		margin:0 auto;
		height: 500px;
		text-align:center;
		line-height: 1.35;
		overflow: hidden;
		white-space: nowrap;
		border: 5px solid #000;
	}
	#contactoMapa img{max-width: inherit;}
	#contactForm {
		position: relative;
		width: 90%;
		margin:0 auto;
	}

	#divTopBar {
		background: #636466;
	}

	#divTopBar p{
		text-align: center;
		margin: 10px auto;
	}

	#divTopBar a,
	#divTopBar a:visited,
	#divTopBar p{
		color: #d9d9d9;
	}

	#divTopBar a:hover{
		color: #FFF;
		text-decoration: none;
	}

	/* 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: 0}.paddingVer05 { padding: 5px 0}
	.paddingVer10 { padding: 10px 0}.paddingVer15 { padding: 15px 0}
	.paddingVer20 { padding: 20px 0}.paddingVer25 { padding: 25px 0}
	.paddingVer30 { padding: 30px 0}.paddingVer35 { padding: 35px 0}
	.paddingVer40 { padding: 40px 0}.paddingVer45 { padding: 45px 0}
	.paddingVer50 { padding: 50px 0}.paddingVer55 { padding: 55px 0}
	.paddingVer60 { padding: 60px 0}.paddingVer65 { padding: 65px 0}
	.paddingVer70 { padding: 70px 0}.paddingVer75 { padding: 75px 0}
	.paddingVer80 { padding: 80px 0}.paddingVer85 { padding: 85px 0}
	.paddingVer90 { padding: 90px 0}.paddingVer95 { padding: 95px 0}
	/* 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 */


	/* Imagenes */
		.imgLogo{
			width: 70%;
			padding: 0;
			height: auto;
			margin: 5px auto;
		}
		.imgRedondas{border-radius:50%;}
		.imgCenter{margin-left:auto;margin-right:auto;display:block;}
	/* 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: 0px;
			border: 0px;
			height: 0;
			border-top: rgba(0,0,0,0.02) 1px solid;
			border-bottom: rgba(0,0,0,0.15) 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: #00a4d4;
			border: none;
			border-radius: 4px;
			color: #FFF;
			transition: .2s;
			font-weight: bold;
			text-align: center;
			display: block;
			width: 75%;
			max-width: 200px;
			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: #0981a4;
			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;
			color: #00a4d4;
			font-size: 17px;
		}
		#indexDestacados p{
			text-align: justify;
			padding: 10px;
		}
		#indexDestacados span{
			text-align: center;
			color: #636466;
		}

		#indexLema {
			background:transparent url("../images/bg-index-bottom.jpg");
			background-repeat: no-repeat;
			background-position: center; 
			background-size: cover;
			width:100%;
			height: auto;
			margin: 0;
		}

		#indexLema h4{
			color: #00a4d4;	
			padding: 10px 0;
			width:  80%;
			text-align: center;
			margin: 10px auto;
			font-size: 24px;
		}

		#indexLema p{
			color: #fff;	
			padding: 10px 0;
			width:  80%;
			text-align: center;
			margin: 10px auto;
			font-size: 18px;
		}

	/* index.html */

	/* Inner Pages */

		#innerTitle  {
			background: #636466;
		}

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

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

		.innerContent p,
		.innerContent li{
			line-height: 1.5;
			font-size: 16px;
		}

		.innerContent h2,
		.innerContent h3,
		.innerContent h4,
		.innerContent h5{
			color: #00a4d4;
		}

		div.innerContent [class^="flaticon-"]:before, 
		div.innerContent [class*=" flaticon-"]:before,
		div.innerContent [class^="flaticon-"]:after,
		div.innerContent [class*=" flaticon-"]:after {  
			font-size: 50px;
			display: inline;
			border: 1px solid;
			border-radius: 50%;
			padding: 15px;
		}

		div.divEquipoProfile {
			padding: 50px;
		}

		div.divEquipoProfile {
			padding: 50px;
		}

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

		div.divEquipoProfile h4{
			text-align: center;
		}

		div.divEquipoProfile h6 {
			text-align: center;
			color: #333;
			font-size: 16px;
		}

		div.divEquipoProfile p{
			line-height: 1.3;
			font-size: 16px;
			text-align: justify;
		}

		div.serviciosGalery {
			display: block;
			float: left;
			width: 90%;
			padding: 0;
			margin: 0 auto;
		}

		div.serviciosGalery  img {
			display: block;
			float: left;
			width: 18%;
			padding: 0;
			margin: 5px 1%;
		}

		div.serviciosGalery  a:first-of-type img {
			display: block;
			float: left;
			width: 98%;
			padding: 0;
			margin: 5px 1%;
		}

		div.innerContent div.well {
			background: #00a4d4;
		}

		div.innerContent div.well h4{
			color: #FFF;
			font-size: 24px;
		}

		div.innerContent div.well p{
			color: #FFF;
			font-size: 16px;
		}

		div.divServLeft {
			width: 90%;
			margin:0 auto;
			padding: 50px;
		}

		div.divServLeft h3{
			margin-bottom: 30px
		}

	/* Inner Pages */



	/* Footer */
		#footercontainer {
			clear: both;
			width: 100%;
			padding: 20px 0px;
			margin: 0 auto;
			background:#333;
			overflow: hidden;
		}		
		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;
				  text-align: center;
			  }
			  footer h4{
					color: #00a4d4;	
					padding: 10px 0;
					width:  80%;
					text-align: center;
					margin: 10px auto;
					font-size: 24px;
				}
		  /* Footer Text */

	/* Footer */

  /* Hostito link section */
	  #smallprint{background:#333;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:#000;}
	  #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) {  
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 47px;}
			div.divServLeft {padding:40px;}
			div.divServLeft h3{font-size:21px;}
			
			
			
				
		}

		@media screen and (max-width: 1112px) { 
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 40px;}
			div.divServLeft h3{font-size: 17px;}
		}

		@media screen and (max-width: 1049px) { 
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 37px;}
			div.divServLeft {padding:30px;}
			div.divServLeft h3{font-size: 16px;}
		}

		@media screen and (max-width: 1024px) { 
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 34px;}
			div.divServLeft h3{font-size: 15px;}
		}

		@media screen and (max-width: 800px) {
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 28px;}
			div.divServLeft {padding:20px;}
			div.divServLeft h3{font-size: 12px;}
		}

		/* ipad mini/air  vertical */
		@media screen and (max-width: 768px) {
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 28px;}
			div.divServLeft h3{font-size: 12px;}
		}

		@media screen and (max-width: 767px) {
			ul.nav.navbar-nav, div#navbar {width:100%;margin:0 auto;}
			ul.nav.navbar-nav li {width:90%; margin: 5px 5%;text-align:center;}
			.div90 {width:96%;margin-left:2%;margin-right:2%;}
			.div80 {width:90%;margin-left:5%;margin-right:5%;}
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 30px;}
			div.divServLeft {padding:10px;}
			div.divServLeft h3{font-size:18px;}
		}

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

		@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;
				}
				/* Contact Page */

				/* Responsive Video Box */
				#videoPad{
					margin: 20px auto;
					position: relative; 
					width: 90%; 
					height: 0px; 
					padding-bottom: 60%;
				}
			div.innerContent [class^="flaticon-"]:before, 
			div.innerContent [class*=" flaticon-"]:before,
			div.innerContent [class^="flaticon-"]:after,
			div.innerContent [class*=" flaticon-"]:after {font-size: 20px;padding:10px}
			div.divServLeft {padding:5px;}
			div.divServLeft h3{font-size:15px;}
		}

		@media only screen and (max-width : 414px) {
			div.divServLeft h3{font-size:14px;}
		}

		/* Generic 320 width */
		@media only screen and (max-width : 375px) {  
			div.divServLeft h3{font-size:13px;} 
		} 

		/* Generic 320 width */
		@media only screen and (max-width : 320px) {   
			div.divServLeft h3{font-size:12px;}
		} 

	/* Responsive */