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

	/* Fonts */
		@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto+Slab:700');
	/* Fonts */
	
	/*
	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto Slab', serif;
	*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?mv9hor');
  src:  url('../fonts/icomoon.eot?mv9hor#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?mv9hor') format('truetype'),
    url('../fonts/icomoon.woff?mv9hor') format('woff'),
    url('../fonts/icomoon.svg?mv9hor#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-truck:before {
  content: "\e900";
}
.icon-truck-2:before {
  content: "\e901";
}
.icon-shop:before {
  content: "\e902";
}
.icon-maletin:before {
  content: "\e903";
}




*{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4em !important;
}
hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #B6E1F6;
}

a:hover, a:focus {
    text-decoration: none;
}
	#wrapper {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		max-width: 1366px;
		box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);
		background: #FFF;
	}



#divInfoBarTop {background: #fff;padding: 5px 20px;margin: 0;}
#divInfoBarTop p {color: #333;padding: 0; margin: 0;text-align: center; font-size:12px; margin-top:20px;}

#divInfoBarTop a {color: #333;padding: 0; margin: 0;text-align: center; font-size:12px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;   }
#divInfoBarTop a:hover {color: #bf0811; text-decoration: none;}

#divInfoBarTop a span{ margin: 0px 20px; font-size:18px;}




	#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;
	}
	/* 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}
	/* 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 */

.overflowHidden{overflow:hidden;}
	/* Imagenes */
		.imgLogo{
			width:100%;
			padding:0;
			height:auto;
			margin:0;	}
		.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.2) 1px solid;
			border-bottom: rgba(255,255,255,0.2) 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: #222;
			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: #bf0811;
			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 */
		#divLogo{
			padding:10px;
			overflow: hidden;
			width: 90%;
			margin: auto;
		}
		#indexDestacados  {
		}
		#indexDestacados h2{
			text-align: center;
			color: #222;
			font-weight:700;
			font-size: 20px;
			text-transform:uppercase;		
		}
		#indexDestacados p{
			text-align: center;
			padding: 10px;
			min-height:60px;
		}
		#indexDestacados span{
			text-align: center;
			color: #bf0811;			
			font-size: 80px;
			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:#000 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: #fff;	
			text-transform:uppercase;
			font-weight:700;
			padding: 10px 0;
			width:  80%;
			text-align: center;
			margin: 10px auto;
			font-size: 32px;
		}

		#indexLema p{
			color: #fff;	
			padding: 10px 0;
			width:  80%;
			text-align: center;
			margin: 10px auto;
			font-size: 18px;
		}
		.marcoBorder{
			border:2px solid #fff;
    	overflow: hidden;
		}
	/* index.html */

	/* Inner Pages */
	
		.bgInnerNosotros{
			background:#333 url("../images/bg/inner-title-01.jpg") 100%/cover;
			background-position:  center;
		}
		.bgInnerTransporte{
			background:#333 url("../images/bg/inner-title-02.jpg") 100%/cover;
			background-position:  center;
		}
		.bgInnerFerreteria{
			background:#333 url("../images/bg/inner-title-03.jpg") 100%/cover;
			background-position:  center;
		}
		.bgInnerInmobiliaria{
			background:#333 url("../images/bg/inner-title-04.jpg") 100%/cover;
			background-position:  center;
		}
		.bgInnerContacto{
			background:#333 url("../images/bg/inner-title-05.jpg") 100%/cover;
			background-position:  center;
		}
		#innerTitle  {
			padding: 40px 5%;
		}

		#innerTitle h1  {
			color: #fff;
			font-family: 'Roboto Slab', serif;
			font-weight:700;
			text-align:  left;
			font-size: 40px;
			letter-spacing:1px;
			margin: 10px auto 6px;
		}



		#innerLema  {
			background: #eee;
		}

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

		#innerLema h2{text-transform:uppercase;font-weight: 700;}
		div.divRecaptcha {
			width: 67%;
			margin: 0 auto;
		}

		div.innerContent {}
		div.innerContent h2{color: #bf0811}
		div.innerContent h3{color: #bf0811}
		div.innerContent h4{color: #bf0811}
		div.innerContent p{
    margin: 12px 0 8px;
    font-size: 16px;}

		div.innerContent li{
    margin: 12px 0 8px;
    font-size: 16px;}
		div.innerContent a,
		div.innerContent a:visited{color:#bf0811;}
		div.innerContent a:hover{color:#222;}
		div.innerContent img{}
		
		div.gradientLine {
			background: linear-gradient(to right,#bf0811 0,#FFFFFF 80%,#FFFFFF 100%);
			margin: 15px auto;
			height: 1px;
		}
	/* 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;
		}
		div.divEquipoProfile h4{
			color:#111 !important;
		}

	/* NOSOTROS */

	/* Footer */
		#footercontainer {
			clear: both;
			width: 100%;
			padding: 70px 0px;
			margin: 0 auto;
			background:#222;
			overflow: hidden;
		}		
		footer {
			clear: both;
			width: 90%;
			margin: 0 auto;
			padding: 0;
		}
	
		  /* Footer Text */
		  		
			  footer h3{
				font-family: 'Roboto Slab', serif;
				font-weight: 700;
				color: #FFF;
				text-align: center;
				text-transform: uppercase;
			  }
			  footer a,
			  footer a:visited { 
				  text-decoration: none; 
				  color: #fff;
			  }		
			  footer a:hover, 
			  footer a:active,
			  footer a:focus { 
				  outline : 0; 
				  text-decoration: none; 
				  color: #FFF;
			  }
			  footer p{
				  margin: 5px auto;
				  padding: 0;
				  font-size: 14px;
				  color: #bf0811;
				text-align:center;
			  }
		  /* Footer Text */

	/* Footer */

.borderWhite5{
    border: 5px #fff inset;
}
.marginBottom20{margin-bottom:20px;}
.marginLeft10{margin-left:10px;}

	/* bottstrap customized */
	.navbar-header {width:100%;}
	ul.nav.navbar-nav {width: 90%;margin: 0 5%;}

	.navbar li:nth-child(1) {width: 11%;}
	.navbar li:nth-child(2) {width: 20%;}
	.navbar li:nth-child(3) {width: 25%;}
	.navbar li:nth-child(4) {width: 15%;}
	.navbar li:nth-child(5) {width: 16%;}
	.navbar li:nth-child(6) {width: 13%;}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none !important;
		background:#bf0811;
	}
	.navbar {
		min-height: inherit !important;
		border: 0px solid transparent !important;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #333 !important;
		background-color: transparent !important;
	}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #333 !important;
		background-color: transparent !important;
	}
	
	.navbar-default .navbar-nav > li > a {
		color: #fff !important;
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
		
	.navbar li a {
		line-height: 30px;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}
	.navbar-nav > li > ul.dropdown-menu {
		width: 100%;
	}

	.navbar li li {
		width: 100%;
		text-align: center;
		padding: 5px 10px;
	}	
	.navbar li li a{
		line-height: 3em;
	}
	.container-fluid {padding: 0;}
.dropdown-menu > .active > a {background-color: #bf0811}
	.HRredLine{border-top: 1px solid #bf0811}
	.HRGrayLine{border-top: 1px solid #ddd;}
	    
.newspaper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    -webkit-column-rule: 1px solid lightgrey;
    -moz-column-rule: 1px solid lightgrey;
    column-rule: 1px solid lightgrey;
}
  /* Hostito link section */
	  #smallprint{background:#1d1d1d;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:#111;}
	  #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) {  
		}

		/* ipad mini/air  wide - ipad pro vertical */
		@media screen and (max-width: 1024px) { 
		}

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

		@media screen and (min-width: 768px) {
		}

		/* ipad mini/air  vertical */
		@media screen and (max-width: 767px) {
			.navbar-default .navbar-collapse {
				background:  #FFF;
			}	
			
			.navbar li:nth-child(1) {width: 100%;}
			.navbar li:nth-child(2) {width: 100%;}
			.navbar li:nth-child(3) {width: 100%;}
			.navbar li:nth-child(4) {width: 100%;}
			.navbar li:nth-child(5) {width: 100%;}
			.navbar li:nth-child(6) {width: 100%;}
			
	
		.navbar-default .navbar-nav > li > a {
			color: #333 !important;;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
	}
		}

		@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%;
				}
		}

		@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 */