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

/* Fonts */
	
	@import url(https://fonts.googleapis.com/css?family=Anton);	
	@import url(https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&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{width:100%;padding:0;height:auto;margin:10px 0;	}
	.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);}
	.bgDarkBlue{background:rgba(2,24,48,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;
		width:100%;
		height: 550px;
	}
	#bgIndexRow1 h1{
		width: 60%;
    	margin: 100px 20% 50px;
		color: #FFF;
		font-size: 48px;
		text-align: center;
	}
	#bgIndexRow1 h2{
		width: 70%;
		margin: 0 auto;
		text-align: center;
		color: #fff;
	}
	#IndexRow2 h2{	
	    text-align: center;
	    margin: 0 0 30px;
		color: #021830;
	}
	#IndexRow2 h4 {
		color: #92dd77;
		text-align: center;
		width: 90%;
		margin: 0 auto;
    	padding: 20px 0;
	}
	#IndexRow2 p {
		color: #fff;
		text-align: justify;
		width: 90%;
		margin: 15px auto 15px;
		line-height: 1.3;
		padding-bottom: 50px;
	}
	#IndexRow3 { 	}
	#IndexRow3 h1 {
		color: #021830;
		text-align: center;
		width: 80%;
		margin: 30px auto;
	}
/* index.html */



/*  inner pages */
	#innerTitleRow h1{
		text-align: center;
		width: 100%;
		margin: 40px auto;
		color: #021830;
	}
	#innerLemaRow h5{
		text-align: center;
		width: 100%;
		margin: 20px auto;
		color: #021830;
		text-shadow: 0 0 5px rgba(255,255,255,0.5);
		font-size: 24px;
	}
	.innerText {
		padding: 20px 0;	
	}
	.innerText h4{
		text-align: Left;
		width: 90%;
		margin: 20px auto;
		color: #021830;
		text-shadow: 0 0 1px rgba(255,255,255,0.5);
		font-size: 22px;
	}
	.innerText p,
	.innerText a,
	.innerText a:visited{
		text-align: Justify;
		width: 90%;
		margin: 10px auto;
		color: #666;
		text-shadow: 0 0 1px rgba(255,255,255,0.5);
		line-height: 1.2;
		font-size: 18px;
	}
	.innerText a:hover{color:#000;}
	.innerText img{
		width: 80%;
		margin: 10px auto;
		box-shadow: 0 0 8px rgba(0,0,0,0.5);
		border-radius: 5px;
		border: 2px solid #fff;
	}
	
	.innerText a {
    	font-weight: bold;
    	color: #021830;
	}
/*  inner pages */

/* 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) {
	}
	
	/* ipad mini/air  vertical */
	@media screen and (max-width: 768px) {
	}
	
	@media screen and (max-width: 640px) {  
		#bgIndexRow1 h1{
		width: 80%;
    	margin: 70px 10% 30px;
		font-size: 32px;
		}
		#bgIndexRow1 h2{
			width: 80%;
			font-size: 20px;
		}
		#bgIndexRow1 {
			height: 400px;
		}
			#IndexRow3 h1 {
				font-size: 20px;
		}
	}
	
	@media only screen and (max-width : 480px) {
	}
	
	/* 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 h1{
		width: 80%;
    	margin: 40px 10% 20px;
		font-size: 24px;
		}
		#bgIndexRow1 h2{
			width: 80%;
			font-size: 18px;
		}
		#bgIndexRow1 {
			height: 310px;
		}
			#IndexRow3 h1 {
				font-size: 18px;
		}
	} 

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