/*     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);
/* Fonts */


/* Tables */
	table { 
		border-collapse : collapse;
		border-spacing : 0;
		margin-bottom : 1.4em; 
		width : 100%; 
	}
	th, td, caption { 
		padding : .25em 10px .25em 5px; 
	}
	tfoot { 
		font-style : italic; 
	}
/* Tables */


/* Imagenes */
	.imgInnerBorder {
		position: relative;
		overflow: hidden;
		margin: 10px 10%;
		width: 80%;
		padding: 0;
		float: left;
	}
	.imgInnerBorder: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{width:80%;padding:0;height:auto;margin:0 20% 0 0%;	}
	.imgRedondas{border-radius:50%;border:2px solid white;}
	.imgCuadrada{border-radius:0;border:2px solid white;}
	.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: 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 - 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 */

/* Buttons */
	.verMas1{
		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{
		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;
	}
	.verMas1:hover{	}
	.verMas2:hover{	}
/* Buttons */

/* index.html */
	#bgIndexRow1 {
		background:transparent url("../images/bg/index-row1.jpg") 100%/cover;
  		background-attachment: fixed;
		height: 546px;
		border-bottom: 4px solid #fff;
	}
	#bgIndexRow1 h2{
		width: 60%;
		margin: 150px 20% 10px;
		color: #FFF;
		font-size: 36px;
		text-align: center;
		font-family: "Lato";
	}
	#bgIndexRow1 h1{
		width: 60%;
		margin: 40px 20%;
		color: #FFF;
		font-size: 48px;
		text-align: center;
		font-family: "Lato";
	}
	#indexLema {
		border-bottom: 4px solid #fff;
	}
	#indexLema h1{
		text-align: center;
		margin: 10px auto;
		color: #fff;
	}

	#divDestacados1 h4,
	#divDestacados2 h4 {
		padding: 30px 0 15px;
		position: relative;
	}

	#divDestacados1 p,
	#divDestacados2 p {
		padding: 15px 0 30px;
		text-align: justify;
		line-height: 1.2em;
	}
	
	#divDestacado01{background:transparent url("../images/destacados/01.jpg") 100%/cover;}
	#divDestacado02{background:transparent url("../images/destacados/02.jpg") 100%/cover;}
	#divDestacado03{background:transparent url("../images/destacados/03.jpg") 100%/cover;}
	#divDestacado04{background:transparent url("../images/destacados/04.jpg") 100%/cover;}
	#divDestacado05{background:transparent url("../images/destacados/05.jpg") 100%/cover;}
	#divDestacado06{background:transparent url("../images/destacados/06.jpg") 100%/cover;}
	
	#divDestacado01:hover > div,
	#divDestacado02:hover > div,
	#divDestacado03:hover > div,
	#divDestacado04:hover > div,
	#divDestacado05:hover > div,
	#divDestacado06:hover > div {
		cursor: crosshair;
		background: rgba(225,212,57,0.5);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	#divDestacados1 h4:before ,
	#divDestacados2 h4:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin-right: 5px; */
    background: #000;
    position: absolute;
    left: -25px;
	}
	
	#divDestacados1 h4:after,
	#divDestacados2 h4:after {

    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin-right: 15px; */
    background: #FF0;
    position: absolute;
    left: -45px;
	}
	
	#divDestacado01:hover h4:after,
	#divDestacado02:hover h4:after,
	#divDestacado03:hover h4:after,
	#divDestacado04:hover h4:after,
	#divDestacado05:hover h4:after,
	#divDestacado06:hover h4:after {
    	background: #FFF;
	}
	#divDestacado01 h4,
	#divDestacado01 p,
	#divDestacado02 h4,
	#divDestacado02 p,
	#divDestacado03 h4,
	#divDestacado03 p,
	#divDestacado04 h4,
	#divDestacado04 p,
	#divDestacado05 h4,
	#divDestacado05 p,
	#divDestacado06 h4,
	#divDestacado06 hp {
    	color: #FFF;
	}
	
	#divDestacado01:hover h4,
	#divDestacado01:hover p,
	#divDestacado02:hover h4,
	#divDestacado02:hover p,
	#divDestacado03:hover h4,
	#divDestacado03:hover p,
	#divDestacado04:hover h4,
	#divDestacado04:hover p,
	#divDestacado05:hover h4,
	#divDestacado05:hover p,
	#divDestacado06:hover h4,
	#divDestacado06:hover hp {
    	color: #000;
	}
	
	#divDestacados1 {
		
		border-bottom: 4px solid #fff;
	}
	
	#indexLast {
		padding: 20px 0;
	}
	
	#indexLast h1 {
		color: #fff;
		padding: 10px;
		line-height: 1.2;
	}
	
	#indexLast p {
		color: #fff;
		padding: 10px;
		line-height: 1.2;
    	text-align: justify;
	}
	
	#indexLast img {
		width: 80%;
	}

/* index.html */


/*  inner pages */

 #innerTitle {background:transparent url("../images/bg/innertitle.jpg") 100%/cover;
		border-bottom: 4px solid #FFF;}
 #innerTitle h1{
	 text-align: center;
	 color: #fff;
	 padding: 30px;
 }
 
 .divInner h1 { 
    color: #fff;
    line-height: 1.3;
	margin: 15px auto
 }
 
 
 .divInner h4 { 
    color: #fff;
	margin: 15px auto
 }
 .divInner p { 
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    line-height: 1.3;
	text-align: justify;
 }
 
 .divInner img {
	 width: 80%;
 }
 
  .divContacto h1 { 
    color: #fff;
	margin: 15px auto
 }
 .divContacto p { 
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    line-height: 1.3;
	text-align: justify;
 }
 .divContacto a,
 .divContacto a:hover,
 .divContacto a:visited { 
    color: #fff;
 }
 

/* Responsive */

	@media screen and (max-width: 1280px) {  
	}
	
	/* ipad mini/air  wide - ipad pro vertical */
	@media screen and (max-width: 1024px) { 
		#divDestacado01{min-height: 370px;}
		#divDestacado02{min-height: 370px;}
		#divDestacado03{min-height: 370px;}
		#divDestacado01 > div{min-height: 370px;}
		#divDestacado02 > div{min-height: 370px;}
		#divDestacado03 > div{min-height: 370px;}
		

	}
	
	@media screen and (max-width: 800px) {
			#divDestacados1 h4,
			#divDestacados2 h4,
			#divDestacados3 h4{
			font-size: 16px;
			}		
			#divDestacados1 p,
			#divDestacados2 p,
			#divDestacados3 p{
			font-size: 14px;
			}			
			
			#divDestacados1 h4:before,
			#divDestacados2 h4:before,
			#divDestacados3 h4:before{
			width: 16px;
			height: 16px;
			left: -18px;
			}
			
			#divDestacados1 h4:after,
			#divDestacados2 h4:after,
			#divDestacados2 h4:after  {
			width: 16px;
			height: 16px;
			left: -34px;
			}
			 .divInner h4 { 
				font-size: 16px;
			 }
			 .divInner p { 
				font-size: 14px;
			 }
			 .divContacto h1 { 
				font-size: 18px;
			 }
			 .divContacto p { 
				font-size: 14px;
			 }
	}
	
	/* ipad mini/air  vertical */
	@media screen and (max-width: 768px) {
	}
	
	@media screen and (max-width: 640px) {  
	}
	
	@media only screen and (max-width : 480px) {
		.imgLogo {
			width: 30%;
			margin: 0 auto;
	}
		#bgIndexRow1 {
		height: 346px;
	}
	
		#bgIndexRow1 h2{
		width: 80%;
		margin: 70px 10% 10px;
		font-size: 24px;
	}
	#bgIndexRow1 h1{
		width: 80%;
		margin: 30px 10%;
		font-size: 32px;
	}
	}
	
	/* iphone 6s plus */
	@media only screen 
	  and (min-device-width: 414px) 
	  and (max-device-width: 736px) 
	  and (-webkit-min-device-pixel-ratio: 3)
	  and (orientation: portrait) { 
	
	} 
	
	/* iphone 6s */
	@media only screen 
	  and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) { 
	
	}
	
	/* Galaxy S5 */
	@media screen 
	  and (device-width: 360px) 
	  and (device-height: 640px) 
	  and (-webkit-device-pixel-ratio: 3) 
	  and (orientation: portrait) {
	
	}
	
	/* Generic 320 width */
	@media only screen and (max-width : 320px) { 
		#bgIndexRow1 {
		height: 280px;
	}	
		#bgIndexRow1 h2{
		width: 80%;
		margin: 50px 10% 10px;
		font-size: 16px;
	}
	#bgIndexRow1 h1{
		width: 80%;
		margin: 30px 10%;
		font-size: 24px;
	}  
	} 

	/* iPhone 5 and 5S */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 568px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	}
	
	/* iPhone 4 and 4S */
	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	}

/* Responsive */