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

.divCenterSlide {
	width: 90%;
	height:400px;
  padding: 0 10px;
  box-sizing: border-box;
	margin: 0 auto;
}
.contactenosBottom{
	background:#326ECF;
	color:#FFF;
	font-family: "Fjalla One", verdana, arial, helvetica, helve, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	border-radius:4px;
	padding:20px;
	margin:15px auto;
	display:inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.contactenosBottom span{
	font-size:1.1em;
  margin-right: 10px;
}
.contactenosBottom:focus,
.contactenosBottom:hover{
	background:#000;
	color:#FFF;
}
.boxInfoTecnica{
	width:100%;
	margin:80px auto 0px;
}
.boxInfoTecnica img{
	margin-top:-25px;
	max-width:100px;
}
.boxInfoTecnica h5{
	line-height:1.4em;
}
.lemaIndex {
	text-align:center;
	font-family: "Fjalla One", verdana, arial, helvetica, helve, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color: #326ECF;
	font-size : 36px;
	line-height : 1.8;
	margin:20px auto;

}


.imgProductos{
	margin-bottom:10px;
}

.borderLeft{border-left:1px solid rgba(0,0,0,.2);}
.paddingInterior{
	padding:15px;
	box-sizing:border-box;
	border-radius:5px;
	background:#f0f0f0;
	margin:10px 0;
}
.paddingInterior h2{
	color:#326ECF;
	text-align:center;
	font-size : 1.4em;
	margin:20px auto;
}
.marginSections{margin-top:101px;}

.iconDestacados1,
.iconDestacados2,
.iconDestacados3{
	position: relative;
	padding:50px;
	display: block;
	float: left;
	text-align:center;
	background:#326ECF;
	color:#fff;
	cursor:pointer;
	border: 1px solid #326ECF;
	border-radius: 50%; 
	margin: 0px 10px 0px 200px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.iconDestacados1:hover,
.iconDestacados2:hover,
.iconDestacados3:hover{
	color:#326ECF;
	background:#fff;
}
.iconDestacados1:before,
.iconDestacados2:before,
.iconDestacados3:before{
	content: "";
	left:0;
	position:absolute;
	height:2px;
	background:#326ECF;
	transform: translate(-100%, -50%)
}
.iconDestacados1:before{width:215px;}
.iconDestacados2:before{width:275px;}
.iconDestacados3:before{width:470px;}

.iconDestacados1:after,
.iconDestacados2:after,
.iconDestacados3:after{
	content: "";
	position:absolute;
	height:12px;
	width:12px;
	border-radius:50%;
	background:#326ECF;
	transform: translate(-100%, -50%)
}
.iconDestacados1:after{left:-215px;}
.iconDestacados2:after{left:-275px;}
.iconDestacados3:after{left:-470px;}


.iconDestacados1 span,
.iconDestacados2 span,
.iconDestacados3 span{
	font-size:40px;
	top: 53%; 
	left: 50%;
	transform: translate(-50%, -50%);
	position:absolute;
}

.img-indexBG{
	float: left;
}
.destacadosIndex{
	background:#eee;
	margin:0 10px;
	cursor:crosshair;
	border-top:8px solid #326ECF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}
.destacadosText{
	padding:10px;
	margin:0;
	box-sizing:border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.destacadosText h3{
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
	font-size: 1.358em;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.destacadosText p{
	font-style:italic;
	height:0px;
	color:#666;
	opacity:0;
	text-align:center;
	margin:0px 0px 10px 0px;
	-webkit-transition: height 0.3s ease 0.3s, opacity 0.5s ease;
	-moz-transition: height 0.3s ease 0.3s, opacity 0.5s ease;
	-o-transition:  height 0.3s ease 0.3s, opacity 0.5s ease;
	transition: height 0.3s ease 0.3s, opacity 0.5s ease;
}
.noticiasContainer{
	padding: 10px;
	box-sizing:border-box;
	position:relative;
}



.destacadosIndex:hover{
	transform:scale(1.1,1.1);
	z-index:45;
	
}


.destacadosIndex:hover .destacadosText p{
	height:75px;
	opacity:1;
	-webkit-transition: height 0.3s ease, opacity 0.7s ease 0.3s;
	-moz-transition: height 0.3s ease, opacity 0.7s ease 0.3s;
	-o-transition:  height 0.3s ease, opacity 0.7s ease 0.3s;
	transition: height 0.3s ease, opacity 0.7s ease 0.3s;
}



.noticiasContainer img {
  width: 100%;
  /* border-radius: 15px 15px 15px 0px; */
  border: 1px solid #fff;
  padding: 4px;
  background-color: rgba(255,255,255,0.5);
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*
.noticiasContainer img:hover{opacity:0.5;}
.not01{border-radius: 50% 0px 50% 50%;}
.not02{border-radius:0px 50% 0px 50%;}
.not03{border-radius:50% 50% 50% 0px ;}*/

.noticiasContainer div{
	position:absolute;
	box-sizing:border-box;
	font-size:18px;
	font-weight:bolder;
	letter-spacing:1px;
	background:rgba(0,0,0,.9);
	padding:6px 15px;
	top: 52%;
	left: 15px;
	transform: translate(0%, -50%);
	position:absolute;
	color:#fff;
	border-radius:0px 5px 5px 0px;
}
.noticiasContainer p{
	font-size:14px;
	text-align:justify;
	margin:10px 5px 10px 0px;
}


.slide{
	height:100vh;
	position: relative;
	background: url(../images/bg-index.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-footer-left-container{
	position:relative;
	padding: 0px;
	position:relative;

}
.bg-footer-left{
	padding-right:50px;
	box-sizing:border-box;

}

.bg-footer-right-container{
	position:relative;
	padding: 0px;
	position:relative;

}



.bg-footer-right-containerB {
  position: relative;
  padding: 0px;
	position:relative;

}


.bg-footer-right{
	padding-left:50px;
	box-sizing:border-box;

}
/* Textos */

.textIndex {
  width: 100%;
  font-family: "Lato", verdana, arial, helvetica, helve, sans-serif;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
  font-size: 120px;
  line-height: 112px;
  letter-spacing: -2px;
  color: #fff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
/* Textos */

/* Imagenes */
.imgInner {
	position: relative;
	overflow: hidden;
	margin: 10px 10%;
	width: 80%;
	padding: 0;
	float: left;
}
.imgInner:before {
    display:block;
    content:'';
    position: absolute;
    width:100%;
    height:100%;
	border-radius: 0 50px 0 50px;
    -webkit-box-shadow: inset 0 0 0 8px rgba(255,255,255,.7),
							  0 0 10px rgba(0,0,0,0.8);
       -moz-box-shadow: inset 0 0 0 8px rgba(255,255,255,.7),
							  0 0 10px rgba(0,0,0,0.8);
            box-shadow: inset 0 0 0 8px rgba(255,255,255,.7),
							  0 0 10px rgba(0,0,0,0.8);
}
.imgLogo {
	padding: 0;
	height: auto;
    display: block;
	margin:5px auto 5px 15%;
}
.imgRedondas {
	border-radius:50%;
	margin:auto 20px;
}
.imgRedondasF {
	border-radius:50%;
	margin:5px auto ;
}
/* Imagenes */



/*  Backgrounds and Colors */
/*.bgNuestraVentaja{
	background: url(../images/bg-index.jpg) no-repeat center center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/
.bgServicios{background:url(../images/bg-servicios.jpg)  no-repeat center center ;}
.bgNosotros{background:url(../images/bg-nosotros.jpg)  no-repeat center center ; }
.bgOficinas{background:url(../images/bg-oficinas.jpg)  no-repeat center center ; }
.bgComercial{background:url(../images/bg-comercial.jpg)  no-repeat center center ; }
.bgModular{background:url(../images/bg-modular.jpg)  no-repeat center center ; }
.bgMoviles{background:url(../images/bg-moviles.jpg)  no-repeat center center ; }
.bgBanos{background:url(../images/bg-banos.jpg)  no-repeat center center ; }
.bgCocina{background:url(../images/bg-cocina.jpg)  no-repeat center center ; }



.bgComercial,
.bgModular,
.bgMoviles,
.bgBanos,
.bgCocina,
.bgOficinas,
.bgServicios,
.bgNosotros{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:40px;
	box-sizing:border-box;
	min-height:650px;
}

.bgComercial p,
.bgModular p,
.bgModular li,
.bgMoviles p,
.bgBanos p,
.bgCocina p,
.bgOficinas p,
.bgNosotros p{
	color:#333;
	font-size:15px;
	line-height:1.6em;
}

.pLiBig p{
	color:#666;
	font-size : 1.2em;
	line-height:1.6em;
}

.pLiBig li
{
  font-size: 1em;
}

.bgComercial h2,
.bgComercial h5,
.bgModular h2,
.bgModular h5,
.bgMoviles h2,
.bgMoviles h5,
.bgBanos h2,
.bgBanos h5,
.bgCocina h2,
.bgCocina h5,
.bgOficinas h2,
.bgOficinas h5,
.bgServicios h2,
.bgServicios h5,
.bgNosotros h2{
	margin-bottom:20px;
	text-align:center;
}




.bgComercial h2,
.bgComercial h5,
.bgComercial p,
.bgModular h2,
.bgModular h5,
.bgModular p,
.bgModular ul,
.bgMoviles h2,
.bgMoviles h5,
.bgMoviles p,
.bgBanos h2,
.bgBanos h5,
.bgBanos p,
.bgCocina h2,
.bgCocina h5,
.bgCocina p,
.bgOficinas p,
.bgOficinas h5,
.bgOficinas h2,
.bgServicios h5,
.bgServicios h2,
.bgNosotros p,
.bgNosotros h2{
	background:rgba(255,255,255,.9);
	padding:15px;
	box-sizing:border-box;
	position: relative;
}

.bgModular ul{
	padding-left:30px;
	margin-top:-20px;
}
.bgComercial h5:after,
.bgComercial p:after,
.bgModular h5:after,
.bgModular p:after,
.bgMoviles h5:after,
.bgMoviles p:after,
.bgBanos h5:after,
.bgBanos p:after,
.bgCocina h5:after,
.bgCocina p:after,
.bgOficinas p:after,
.bgOficinas h5:after,
.bgServicios p:after,
.bgServicios h5:after,
.bgNosotros p:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-bottom-color: rgba(255,255,255,.9);
	border-width: 10px;
	margin-left: -10px;
}
.bgWhite {
	background: rgba(255,255,255,1);
}

.bgOffWhite{
	background: rgba(225,225,225,1);
}
.bgWhiteMenos100{
  background: rgba(255,255,255,1);
  margin-top: -120px;
  overflow: hidden;
  padding:20px;
  box-sizing:border-box;
}
.bgRed {
	background: rgba(170,0,0,1);
	overflow:hidden;
}
.bgRed h2, .bgRed p, .bgRed td, .bgRed tr, .bgRed th, .bgRed ul, .bgRed ol, .bgRed li{color:#FFF;}

.bgLightRed {
	background: rgba(202,0,0,1);
}
/*  Backgrounds and Colors */


/* Lists */
.iconLi {
	list-style-image: url(../images/list-icon.png);
	margin: 20px auto;
	margin-left: 30px;
	color: #25204e;
	font-size: 14px;
}
/* Lists */

/* Lines */
.hrOffWhite{
	margin: 0px;
	border: 0px;
	height: 0;
	border-top: #d5d5d5 1px solid;
	border-bottom: #e5e5e5 1px solid;
}
/* Lines */

/* Hover Effects - Inicio */
.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 - Fin */

/* z-index - Inicio */
.zix-1 {	
	z-index: -1;
}
.zix0 {	
	z-index: 0;
}
.zix1 {	
	z-index: 100;
}
.zix-2 {	
	z-index: 200;
}
.zix3 {	
	z-index: 300;
}
.zix4 {	
	z-index: 400;
}
.zix5 {	
	z-index: 500;
}
/* z-index - Fin */



#chat {
	z-index: 500;
    float: right;
    width: 177px;
    position: fixed;
    bottom: 65px;
    right: 0px;
	background: rgba(170,0,0,1);
	overflow: hidden;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.4);
	border-radius: 25px 0 0 25px;
}






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


.imgLogo {
  margin: 10px auto -40px;
}

}