@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

*{
	margin:0px;
	padding:0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
	
a{
	text-decoration:none;
	outline:none;}
	
a img{
	border:none;}
	
body{
	font-family: 'Open Sans', sans-serif;
	margin:0px;
	padding:0px;
	box-sizing: border-box;}
	
.tit-chile{
	position: absolute;
    z-index: 100;
    top: 100px;
    width: 260px;
    left: 10px;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    text-align: center;
    line-height: 42px;
	border:5px solid #bcc9b7;
    letter-spacing: -1px;
	background-color:rgba(34,104,36,0.4);}	
	
	
.tit-chile span{
	font-family: 'Open Sans';
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    line-height: 68px;
    font-weight: 900;
	color:#bcc9b7;
	letter-spacing:0px;}
	

/*HEADER*/	
.header{
	width:100%;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99999;
	background-color:rgba(255,255,255,0.8);
}
	
.header:after{
	content:'';
	display:block;
	clear:both;}
	

/*LOGO*/	
.header a.logo{
	width:220px;
	margin-left:12px;
	margin-top:12px;
	display:block;
	position:relative;
	float:left;}
	
.header a.logo img{
	width:100%;
	display:block;
	position:relative;}

/*MENU*/	
.header .menu{
	display:block;
	float:left;
	margin-top:0px;
	/*float:right;
	margin-right:2%;*/}
	
.header .menu:after{
	content:'';
	display:block;
	clear:both;}
	
.header nav{
	display:block;}
	
.header nav ul{
	list-style-type:none;}
	
.header nav ul li{
	display:block;
	float:left;
	position:relative;}

.header nav ul li .m-barra{
	position:absolute;
	background:#019dd2;
	top:-5px;
	height:5px;
	width:100%;}
	
.header nav ul li:hover .m-barra{
	top:0px;}

	
.header nav ul li a{
	position:relative;
	display:block;
	color:#898786;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	line-height:18px;
	padding:36px 18px 0px;}
	
.header nav ul li a:hover{
	color:#019dd2;}
	
	
/*HEADER DERECHA*/	
.header .h-right{
	display:block;
	height:70px;
	width:70px;
	background-color:#5c7b53;
	float:right;
	position:relative;}
	
.header .h-right img{
	display:block;
	position:relative;
	top:18px;
	left:15px;}
	
	
.header .h-right:hover{
	background-color:#335129;}
	
.BtnMenu{
	width:100%;
	height:100%;
	display:block;}
	
	
/*CONTENT*/
section{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	padding:0px 0px 30px;
	box-sizing:border-box;
	background-color:#bcc9b7;}
	
section#home{
	overflow:visible;}


section h3.tit{
	width:96%;
	color:#426835;
	font-size:24px;
	text-align:center;
	text-transform:uppercase;
	padding:120px 2% 10px;}
	
#section-3 h3.tit, #section-5 h3.tit{
	background:#3c5b32;
	color:#fff;}

section .txt{
	width:70%;
	text-align:justify;
	font-size:13px;
	line-height:26px;
	margin:20px auto 0px;
	color:#333;}
	

section .left{
	float:left;
	width:47%;}
	
section .right{
	float:right;
	width:47%;}
	
section .txt:after{
	display:block;
	content:'';
	clear:both;}


	



/*SLIDE*/
.slides-container li .s-table{
	display:table;
	width:100%;
	height:100%;}

.slides-container li .s-table .s-center{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;}
	
	
.slides-container li .description{
	position:absolute;
	top:70%;
	left:10%;
	width:50%;}
	
.slides-container li .description .s-txt{
	font-weight:700;
	/*text-transform:uppercase;*/
	font-size:24px;
	line-height:28px;
	padding:10px 15px;
	background-color:rgba(188,201,183, 0.8);
	letter-spacing:-0.5px;
	margin:0px auto 8px;
	float:left;
	text-align:left;
	display:block;
	color:#3b5930;
	/*text-shadow: 0 1px 0.4px #050505;*/}

	
	
	
/*NOSOTROS*/
.content-btn{
	display:block;
	width:100%;
	text-align:center;
	margin-top:50px;}

.btn{
	display:inline-block;
	padding:10px 25px;
	background-color:#426835;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	font-size:15px;}

.btn:hover{
	background-color:#314a29;}	


.tit-txt{
	display:block;
	text-align:center;
	color:#426835;
	margin:0px auto 10px;
	font-size:14px;
	font-weight:700;}
	
.b-td{
	font-weight:600;
	vertical-align:top;}
	
td{
	vertical-align:top;
	line-height:14px;
	text-align:left;
	padding:0px 0px 10px 0px !important;}

	
	
/*REVISTAS*/
.content-revistas{
	width:80%;
	margin:50px auto 0px;
	position:relative;}
	
.r-left{
	width:70%;
	float:left;
	border-right: 1px solid #335129;
	position:relative;
	padding-right:5%;
	box-sizing:border-box;}
	
.r-right{
	width:25%;
	float:right;}
	
.content-revistas:after, .r-left:after, r-right:after{
	display:block;
	content:'';
	clear:both;}
	
.revista{
	display:block;
	width:23%;
	box-sizing:border-box;
	padding:10px 10px 50px;
	background-color:#8ba283;
	margin:15px 1%;
	float:left;
	position:relative}
	
.r-right .revista{
	width:100%}
	
.revista:hover{
	background-color:#5a7b4f;}
	
.revista img.portada{
	display:block;
	width:96%;
	margin:0px auto;
	border:2px solid #24682f;}
	
.revista p{
	display:block;
	width:100%;
	font-weight:700;
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	padding-top:10px;
	color:#24682f;}
	
.revista:hover p{
	color:#fff;}
	
.ver-revista{
	bottom:0px;
	position:absolute;
	display:block;
	width:110px;
	padding:5px 0px;
	background-color:#C00;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	box-sizing:border-box;
	left:50%;
	margin-left:-55px;}
	
	
/*AUSPICIOS*/
.auspicios{
	width:10.5%;
	border:1px solid #5a7b4f;
	margin:10px 1%;
	float:left;
	box-sizing:border-box;}

.nota{
	width:70%;
	display:block;
	margin:80px auto 0px;
	text-align:center;
	font-weight:400;
	color:#333;
	font-size:15px;
	padding:10px 15px;
	border:2px dashed #900;}
	
.nota span{
	display:block;
	font-weight:800;
	color:#900;
	font-size:28px;}


/*CONTACTO*/
#contacto h3.tit{
	background:none;}
	
#contacto .content form{
	display:block;
	width:100%;
	margin:0px auto 0px;}

#contacto .content form:after{
	content:'';
	display:block;
	clear:both;}
	
#contacto .content form .txt{
	width:100%;
	font-size:18px;
	line-height:22px;
	margin-bottom:20px;}

#contacto .content form input{
	width:100%;
	display:block;
	padding:10px;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	border:1px solid #5b834d;
	font-size:18px;
	color:#426835;
	margin-bottom:15px;
	background:rgba(255,255,255, 0.05);
	box-sizing:border-box;
	letter-spacing:-0.5px;}
	
#contacto .content form textarea{
	width:100%;
	min-width:100%;
	max-width:100%;
	height:150px;
	min-height:150px;
	max-height:150px;
	display:block;
	padding:10px;
	font-size:18px;
	color:#426835;
	letter-spacing:-0.5px;
	margin-bottom:15px;
	background:rgba(255,255,255, 0.05);
	box-sizing:border-box;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	border:1px solid rgba(66, 104, 53, 0.8);}
	
#contacto .content form input:focus, #section-5 .content form textarea:focus{
	-webkit-box-shadow: 0 0 5px 2px rgba(66, 104, 53, 0.5);
	box-shadow: 0 0 5px 2px rgba(66, 104, 53, 0.5);}
	
	
#contacto .content form input.btnEnviar{
	border:none;
	background:#5b834d !important;
	padding:10px 25px;
	color:#FFF;
	font-weight:700;
	text-align:center;
	width:auto;
	float:right;
	cursor:pointer;
	display:block;
	border-radius: 0px;
	font-size:15px;}	
	
#contacto .content form input.btnEnviar:hover{
	background:#314a29 !important;}
	
	
#contacto .content .items{
	width:100%;
	height:auto;
	position:relative;
	margin:20px auto 35px;
	text-align:center;
	line-height:0px;}
	
#contacto .content .items:after{
	content:'';
	clear:both;
	display:block;}
	
#contacto .content .items .contact, #section-1 .content .contact{
	width:100%;
	text-align:left;
	height:26px;
	display:block;
	position:relative;
	padding:1px 0px 0px 25px;
	box-sizing: border-box;
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0px;
}

#section-1 .content .contact{
	width:160px;
	padding:0px;
	margin:0px 0px 0px -80px;
	position:absolute;
	z-index:9999;
	bottom:20px;
	left:50%;
	text-align:center;}
	
#contacto .content .items .contact.phone{
	background:url(../images/ico-phone.png) top left no-repeat;}
	
#contacto .content .items .contact.cell{
	background:url(../images/ico-cellphone.png) top left no-repeat;}

#contacto .content .items .contact.mail{
	background:url(../images/ico-mail.png) top left no-repeat;}

#contacto .content .items .contact.social{
	padding:12px 0px 0px 0px;}

#contacto .content .items .contact.social:after, #section-1 .content .contact.social:after{
	content:'';
	display:block;
	clear:both;}
	
#contacto .content .items .contact.social .txt{
	float:left;
	font-size:14px;
	line-height:18px;
	padding:8px 10px 0px 0px;
	margin:0px;
	text-align:right;
	box-sizing:border-box;
	width:auto;}
	
#contacto .content .items .contact.social a.red, #section-1 .content .contact.social a.red{
	width:35px;
	height:35px;
	float:left;
	display:block;
	text-indent:-9999px;
	position:relative;
	opacity:0.6;
}

#section-1 .content .contact.social a.red{
	margin-left:5px;
	opacity: 1;}

	


.map{
	width:100%;
	height:300px;
	box-sizing:border-box;
	padding:10px;
	background-color:#5b834d;
	box-sizing:border-box;}
	
	

	
	
/*FOOTER*/
.footer{
	width:100%;
	padding:20px 3%;
	position:relative;
	bottom:0px;
	font-weight:400;
	color:#fff;
	font-size:12px;
	text-align:center;
	box-sizing:border-box;
	background:#294122;}

.footer:after{
	content:'';
	display:block;
	clear:both;}

.footer .txt-f{
	display:inline-block;}
	
.footer strong{
	font-weight:700;
	font-size:11px;}
	
.footer span{
	display:inline-block;
	padding:0px 10px;}
	
	
.flexslider li{
	position:relative}

.flexslider li .description{	
    position: absolute;
    top: 55%;
    left: 10%;
    width: 50%;
}

.flexslider li .description .s-txt {
    font-weight: 700;
    /* text-transform: uppercase; */
    font-size: 24px;
    line-height: 28px;
    padding: 10px 15px;
    background-color: rgba(188,201,183, 0.8);
    letter-spacing: -0.5px;
    margin: 0px auto 8px;
    float: left;
    text-align: left;
    display: block;
    color: #3b5930;
    /* text-shadow: 0 1px 0.4px #050505; */
	
}
	
	
/*RESPONSIVE*/
@media only screen and (max-width: 1366px) {
	.header a.logo{
		margin-right:3%;}
}

@media screen and (max-width: 1420px) {	
		
	.header .menu{
		margin-top:0px;}
	
	.header a.logo{
		width:230px;
		margin-right:2%;}
	
	.header nav ul li a{
		font-size:13px;
		padding:26px 18px 0px;}
		
	.slides-container li .s-table .s-center h2.s-txt{
		font-size:45px;
		line-height:48px;}
		

}

@media screen and (max-width: 1024px) {
	.header a.logo{
		width:200px;}
		
	.header nav ul li a{
		font-size:13px;
		padding:22px 18px 0px;}
	
	#slides .slides-container li .container{
		width:75%;
		margin:0px 13%;}
		
	.slides-container li .s-table .s-center h2.s-txt{
		font-size:40px;
		line-height:45px;}
		
	section .txt{
		width:80%;}
		
	section .txt{
		font-size:12px;
		line-height:24px;}
	
	section h3.tit{
		font-size:22px;}
		
	#section-3 .content .serv{
		width:50%;}
	
	#section-3 .content .serv .stxt{
		font-size:13px;
		line-height:15px;}
		
	#section-4 .content form{
		width:55%;}
		
	#section-4 .content .items{
		width:98%;}
		
		
	.content-revistas{
		width:90%}
		
	.map{
		margin-top:30px;
		height:200px;}
		
	.revista{
		width:31%;}
		
	.revista p{
		font-size:10px;}
		
	.auspicios{
		width:12%;}
		
	.footer span{
		display:none;}
		
	#contacto .content form input, #contacto .content form textarea{
		font-size:16px;}
		
	#contacto .content .items .contact, #section-1 .content .contact{
		height:24px;
		font-size:13px;}


		
}

@media screen and (max-width: 900px) {
	.header nav ul li a{
		font-size:12px;
		padding:22px 14px 0px;}
		
	.slides-container li .s-table .s-center h2.s-txt{
		font-size:35px;
		line-height:40px;}
		
	#section-4 .content .items .contact{
		background-size:17% !important;
		padding:5px 0 0 32px;}
}

@media screen and (max-width: 800px) {
	.header{
		height:60px;}
	
	.header a.logo{
		width:190px;}
		
	.header .menu{
		display:none;}
	
	.header .h-right{
		width:60px;
		height:60px;}
		
	.header .h-right img{
		top:12px;
		left:13px;}
		
	.flexslider li .description .s-txt{
		font-size:20px;}
		
	.btn{
		font-size:14px;
		font-weight:600;}
		
	#slides .slides-container li .container{
		width:70%;
		margin:0px 15%;}
		
	#slides .slides-container li .container .vcenter h2.txt{
		font-size:42px;
		line-height:44px;}
	
	section .txt{
		font-size:14px;
		line-height:20px;}
		
	#section-4 .content form{
		width:65%;
		margin-top:60px;}

	#section-4 .content form input.btnEnviar{
		width:60%;
		margin:0px auto;
		float:none;}
		
	.footer a.fleft, .footer .fright{
		font-size:12px;}
		
		
	.nota{
	width:70%;
	margin:50px auto 0px;
	font-size:14px;}
	
.nota span{
	font-size:24px;}


		
	
}

@media screen and (max-width: 650px) {
	section .left, section .right{
		width:100%}
		
	.content-revistas{
		margin-top:25px;}
	
	.revista{
		width:46%;
		margin:10px 2%; }
		
	.auspicios{
		width:17.5%;}
		
	section .txt{
		width:80%;}
	.slides-navigation a, .slides-pagination{
		display:none;}
		
	.slides-container li .s-table .s-center h2.s-txt{
		font-size:32px;
		line-height:40px;}
		
	section h3.tit{
		font-size:18px;}
		
	section .txt, #section-3 .content .serv .stxt{
		font-size:11px;
		line-height:20px;
		margin-top:5px;
		margin-bottom:10px;}
		
	.auspicios{
		width:14%;}
		
	#section-2 .txt .mision, #section-2 .txt .vision{
		float:none;
		width:100%;
		margin-top:20px;
		font-size:13px;
		line-height:20px;}	
		
	#section-3 .content .serv{
		width:100%;}
		
	#section-4 .content form{
		width:80%;
		margin-top:50px;}
		
	#section-3 .content .serv{
		min-height:450px !important;
		overflow:hidden;}
		
	#section-3 .content .serv4{
		min-height:580px !important;}
		
	#section-4 .content form input.btnEnviar{
		width:100%;
		margin:0px auto;
		float:none;}
		
	#section-4 .content .items .contact{
		background-size:10% auto !important;
		width:50%;
		padding:7px 0 0 38px;
		margin:0px;
		text-align:left;
		font-size:18px;
		color:#999;}
		
	#section-4 .content .items .contact.social .txt{
		display:none;}
		
	#section-4 .content .items .contact.social a.red{
		margin-right:10px;}
		
		.nota{
	width:70%;
	margin:50px auto 0px;
	font-size:13px;}
	
.nota span{
	font-size:20px;}	
}


@media screen and (max-width: 480px) {
	.header{
		height:50px;}
	
	.header a.logo{
		width:180px;
		margin-top:6px;
		margin-left:10px;}
		
	.header .menu{
		display:none;}
	
	.header .h-right{
		width:50px;
		height:50px;}
		
	.header .h-right img{
		top:8px;
		left:8px;}
	
	.slides-container li .description{
		top:40%;
		left:5%;
		width:75%;}
	
	.slides-container li .description .s-txt{
		font-size:16px;}	

		
	.slides-container li .s-table .s-center h2.s-txt{
		font-size:22px;
		line-height:28px;
		width:80%;}
		
	#section-2 .txt .mision, #section-2 .txt .vision{
		padding:15px;}
		
	section h3.tit{
		font-size:16px;}
	
	section .txt, #section-3 .content .serv .stxt{
		font-size:11px;
		line-height:22px;
		width:90%;
		margin:0px 5%;}
	
	.revista {
    width: 70%;
    margin: 15px 15%;}
	
	.auspicios {
    width: 23%}	
		
	section .txt{
		margin-top:20px;}
	
		
	#section-4 .content form{
		width:90%;
		margin-top:10px;}
		
	#section-4 .content form input.btnEnviar{
		float:none;
		margin:0px auto;
		width:80%;}
		
	#section-4 .content .items .contact{
		width:100%;}
		
	#section-4 .content .items{
		width:90%;}
		
	#section-4 .content .items .contact{
		font-size:12px;}
		
	#section-4 .content form input, #section-4 .content form textarea{
		font-size:14px;
		padding:6px 10px;}
	
		.nota{
	width:80%;
	margin:30px auto 0px;
	font-size:12px;}
	
.nota span{
	font-size:18px;}
}

@media screen and (max-width: 480px) {
	.header a.logo {
    width: 160px;
    margin-top: 9px;
    margin-left: 9px;}
	
	section h3.tit {
    font-size: 14px;}
	
	section .txt {
		margin:10px 7.5% 10px;
		width:85%;
		font-size:10px;
		line-height:20px;}
	
	.content-btn{
		margin-top:20px;}
		
	.revista {
    width: 100%;
    margin: 15px 0%;}
	
	.content-revistas {
    margin-top: 10px;
	}
	

	

.auspicios{
	width:30%;
	margin: 5px 1.5%;}

#contacto .content form input, #contacto .content form textarea{
	font-size:14px;
	padding:6px;
	margin-bottom:10px;}
	
#contacto .content .items .contact, #section-1 .content .contact{
	height: auto;
	min-height:26px;
	line-height:14px;
    font-size: 12px;
	margin-bottom:5px;}
	
.nota span{
	font-size:16px;}
	
.tit-chile{
	width: 70%;
    left: 15%;
    top: 36%;
    font-size: 28px;
    line-height: 32px;}
	
.tit-chile span{
	font-size:40px;
	line-height:40px;}

section#home{
	overflow: hidden;
	height:100%;
	padding-bottom:0px;}
	
section#home .content{
	height:100%;}	
}