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

/* Fonts */
	@import url('https://fonts.googleapis.com/css?family=Dosis:400,700|Lato:400,700|Jura:400,600&subset=latin-ext');
/* 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{max-width:80%;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: 10px 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 */

#divDestacados {

}

#divDestacados div.div90 {
	overflow:  hidden;
}

#divDestacados div.div85 {
	overflow:  hidden;
	box-shadow:  0 0 20px rgba(0,0,0,0.2);
	border:  1px solid rgba(0,0,0,0.2);
	height:  400px;
	background:  #e5e5e5;
}

#divDestacados h4 {
	width:  90%;
	margin: 0 5%;
	color: #004e6b;
	font-weight:  bold;
	text-align:  center;
	border-bottom:  1px solid #004e6b;
	padding: 20px 0;
    text-shadow: 0 0 1px #fff;
	}

#divDestacados p {
    width: 80%;
    margin: 0 10%;
    padding: 20px 0 40px;
    line-height: 1.4;
    font-size: 18px;
    color: #333;
    text-shadow: 0 0 1px #fff;
}

#divDestacados img {
	width:  auto;
	margin: 30px auto 20px;
}

	#divIndexLema {
		background:transparent url("../images/bg-grafica-castaneda.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size:  cover;
		width:100%;
		height: 400px;
	}
	#divIndexLema h1{
		color: #FFF;
		font-size: 32px;
		text-shadow: 0 4px 8px rgba(0,0,0,0.8);
		padding: 80px 0 0;
		margin: 0 auto;
		text-align: center;
		width: 60%;
	}
	
	.divRel {
	position: relative;
	}
	
	
	#divInnerTitle {
	background:transparent url("../images/bg-header-grafica.jpg");	
	background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    margin: 0 0 20px;
	height:  200px;
}

#divInnerTitle h1 {
    text-align: center;
    font-size: 80px;
    padding: 60px 0;
    color: #FFF;
    line-height: 1;
    text-shadow: 4px 4px #333;
}

.innerContent h4 {
	width:  90%;
	margin: 0 5%;
	color: #004e6b;
	font-weight:  bold;
	text-align:  center;
	padding: 15px 0;
}

.innerContent p {
    width: 80%;
    margin: 0 10%;
    padding: 15px 0 20px;
    line-height: 1.4;
    font-size: 18px;
    color: #333;
}

.innerContent a,
.innerContent a:visited {
	color: #004e6b;
}

/* Responsive */

	@media screen and (max-width: 1280px) {  
	}
	
	/* ipad mini/air  wide - ipad pro vertical */
	@media screen and (max-width: 1024px) { 
		#divIndexLema {
		height: 340px;
	}
	
	#divIndexLema h1{
		font-size: 30px;
		text-shadow: 0 3px 6px rgba(0,0,0,0.8);
		padding: 70px 0 0;
		width: 80%;
	}
	}
	
	@media screen and (max-width: 800px) {
	}
	
	/* ipad mini/air  vertical */
	@media screen and (max-width: 768px) {
	}
	
	@media screen and (max-width: 640px) {  
	}
	
	@media only screen and (max-width : 480px) {

		#divDestacados div.div85 {
					margin-bottom:  20px;
				}

		#divIndexLema h1{
			font-size: 24px;
			text-shadow: 0 2px 4px rgba(0,0,0,0.8);
			padding: 50px 0 0;
			width: 90%;
		}
		
		

	#divInnerTitle  {
		height:  100px;
	}

	#divInnerTitle h1 {
		font-size: 32px;
		padding: 34px 0;
		text-shadow: 3px 3px #333;
	}
			}
	
	/* 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) {   

		#divIndexLema h1{
			font-size: 22px;
			text-shadow: 0 1px 2px rgba(0,0,0,0.8);
			padding: 50px 0 0;
			width: 94%;
		}
	} 

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