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

/* 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:100%;padding:0;height:auto;margin:5px auto;	}
	.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: 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;
	}
	
	.hrWTG{
		margin: 0px;
		border: 0px;
		height: 0;
		border-top: rgba(240,240,240,1) 1px solid;
		border-bottom: rgba(255,255,255,1) 1px solid;
	}
	
	.hrGTW{
		margin: 0px;
		border: 0px;
		height: 0;
		border-top: rgba(255,255,255,1) 1px solid;
		border-bottom: rgba(240,240,240,1) 1px solid;
	}
	
	.hrGTF{
		margin: 0px;
		border: 0px;
		height: 0;
		border-top: rgba(213,211,211,1) 1px solid;
		border-bottom: rgba(240,240,240,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);
	}
	
	.grow { transition: all .2s ease-in-out;
	  cursor: zoom-in; }
	.grow:hover { transform: scale(1.8); }
/* 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 */

.divRelative {
	position: relative;
}

/* Destacados */

.divDestacado {
	width: 80%;
	margin: 0 auto;
	background: #f4f4f4;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
	border: 1px solid rgba(0,0,0,0.4);
	overflow: hidden;
	padding: 20px;
	border-radius: 3px;
}
.divDestacado h1{
    clear: both;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    color: #000;
    border-top: 1px solid #ddd;
}
.divDestacado p{
	line-height: 1.25;
    color: #666;
}
.divDestacado img{
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.4);
    margin-bottom: 20px;
}
.divDestTopLeft {
	width:40%;
	float:Left;
	padding: 10px;
	box-sizing: border-box;
}
.divDestTopRight {
	width:60%;
	float:Left;
	padding: 10px;
	box-sizing: border-box;
}

/* Destacados */

/* index lema */ 

#divIndexLema {
    background: transparent url(../images/bg-lema-botones.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative;
}
#divIndexLema h1{
    padding: 100px 0;
    width: 50%;
    margin: 0 5% 0 45%;
    color: #FFF;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}
/* index lema */ 

/* innerPages */

#divInnerTitle {
	background: #004661;
}
#divInnerTitle h1{
	color: #FFF;
	text-align: center;
}

#divInnerTitle h2{
	color: #FFF;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	width: 90%;
	margin: 0 auto;
}

.innerPage h4 {
    line-height: 1.4;
    padding: 10px 0 50px;
    font-size: 20px;
    width: 90%;
    text-align: center;
    margin: 0 auto;
	color: #004661;
}

.innerPage h5 {
    line-height: 1.4;
    padding: 10px 0 30px;
	width: 90%;
	margin: 0 auto;
	font-weight: bold;
	text-align:center;
}

.innerPage p {
	width: 90%;
	margin: 0 auto;
    line-height: 1.4;
    padding: 10px 0;
    font-size: 20px;
	color: #333;
}

.innerPage a,
.innerPage a:visited {
	color: #333;
    line-height: 1.4;
}

.innerPage a:hover {
	color: #004661;
}

.innerPage img {
	margin: 0px auto 20px;
	width: 80%;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    border: 2px solid rgba(255,255,255,1);
}

.innerPage img.imgLogo {
    box-shadow: none;
    border: none;
	width:100%;
	padding:0;
	height:auto;
	margin:5px auto;
}

.innerPage span {
	color: #004661;
	}
	

#contactoInfo {	
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border-radius: 3px;
}

    div .google-maps {
		position: relative;
		overflow: hidden;}


	div.google-maps iframe{
          height:420px;
          width:100%;}


/* Responsive */

	@media screen and (max-width: 1280px) {  
		#divInnerTitle h1{
			font-size: 28px;
		}
	}
	
	/* ipad mini/air  wide - ipad pro vertical */
	@media screen and (max-width: 1024px) { 
		.divDestacado {
			width: 85%;
			padding: 10px;
			min-height: 230px;
		}
		.divDestacado h1{
			font-size: 24px;
		}
		#divInnerTitle h1{
			font-size: 24px;
		}
		.divDestTopRight {
			min-height: 145px;
		}
		#divIndexLema {
			height: auto;
		}
		#divIndexLema h1{
			padding: 70px 0;
			font-size: 28px;
		}
		.innerPage h4 {
			line-height: 1.3;
			padding: 10px 0 20px;
			font-size: 18px;
			width: 90%;
		}
	}
	
	@media screen and (max-width: 800px) {
	

		#contactoInfo h2{	
			background: #fff;
			font-size: 20px;
		}
		#divInnerTitle h1{
			font-size: 24px;
		}
	}
	
	/* ipad mini/air  vertical */
	@media screen and (max-width: 768px) {
		#divInnerTitle h1{
			font-size: 22px;
		}
	}
	
	@media screen and (max-width: 640px) { 
		#divInnerTitle h1{
			font-size: 20px;
		} 
	}
	
	@media only screen and (max-width : 480px) {
		#divInnerTitle h1{
			font-size: 18px;
		}
		
		.imgLogo{width:70%;padding:0;height:auto;margin:5px auto;	}
		.divDestacado {
			margin-bottom: 20px;
		}
		#divIndexLema h1{
			padding: 30px 0;
			font-size: 20px;
			width: 90%;
			margin: 0 auto;
		}
	}
	
	/* 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) {
		#divInnerTitle h1{
			font-size: 16px;
		}   
	} 

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