/*   HEADER   */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap');

body , html {width:100%; height:100%; padding:0px; margin:0px; display:block; font-family: 'Source Sans Pro', sans-serif;}
nav {
	background-color: #355d9a;
}

.auxi{
	max-width: 1000px;
	margin: 0 auto;
}
.header_logos{
	padding: 20px 0;

}
.logos{
	padding: 0 30px 0 0;
}
.p-b{
	padding-bottom:  9px;
}
.subHeader{
	font-size: 12px; 
	font-family: arial, verdana, 'sans serif';
	color: #ffffff;
	background: rgba(72,128,192,1);
	background: -moz-linear-gradient(left, rgba(72,128,192,1) 0%, rgba(5,33,92,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(72,128,192,1)), color-stop(100%, rgba(5,33,92,1)));
	background: -webkit-linear-gradient(left, rgba(72,128,192,1) 0%, rgba(5,33,92,1) 100%);
	background: -o-linear-gradient(left, rgba(72,128,192,1) 0%, rgba(5,33,92,1) 100%);
	background: -ms-linear-gradient(left, rgba(72,128,192,1) 0%, rgba(5,33,92,1) 100%);
	background: linear-gradient(to right, rgba(72,128,192,1) 0%, rgba(5,33,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4880c0', endColorstr='#05215c', GradientType=1 );

}

.subHeader p{
	padding: 15px 0;
	margin: 0;
}
.yo_transformo{
	position: absolute;
	top: 0;
	right: 0; 
}
/*   FIN HEADER   */

/*   FORM   */

	.hosp-cont {width:100%; min-height:1px; overflow:hidden; text-align:center; font-size:0px; margin:0px auto;}
	.hosp-top-up {padding:20px 0px; background-color:#ff6c1c; width:100%; display:inline-block; min-height:1px; overflow:hidden; }
	.hosp-top {padding:50px 0px; background-color:#1584dd; width:100%; display:inline-block; min-height:1px; overflow:hidden; }
	.hosp-frame {padding:40px 0px; background-color:transparent; width:100%; display:inline-block; min-height:1px; overflow:hidden; }
	/*.hosp-frame iframe {display:none;}*/
	h1 { margin:10px 0px; padding:0px; display:block; width:100%; font-family:'Arial', sans-serif; color:#fff; font-size:24pt; font-weight:normal; }
	a { transition:all ease 0.2s; margin:10px 0px; padding:10px 20px; border:#fff 1px solid; text-decoration:none; display:inline-block; width:auto; font-family:'Arial', sans-serif; color:#fff; font-size:12pt;  }
	a:hover {background-color:#fff; color:#1584dd; text-decoration:none;}
	.hosp-center {border-bottom:#3bc39b 30px solid; display:inline-block; text-align:center; width:900px; min-height:1px; overflow:hidden;}
	img {display:inline-block; padding:0px; margin:0px; float:none;}
	.hosp-frame iframe {width:100% !important;}

	@media (max-width:1780px) {
    
    .hosp-cont {width:100%;}

	}


/*   FIN FORM   */

/* RESULTADOS DE BÚSQUEDA */

.faq .cont-tit{border-bottom: 1px solid rgba(204, 204, 204, .8); margin-bottom: 60px;}
.faq h1{color: #3054ae; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 48px; max-width:650px; margin: 0 auto; padding: 50px 0 20px;}
.faq .cont-faq{margin-bottom: 50px;}
.faq .cont-faq .auxi{max-width: 650px;}
.faq .cont-faq a.resalta{color :#e96c28; font-weight: 700; padding: 0; margin: 0;}
.faq .cont-faq a.resalta:hover{color: #3054ae;}
.faq .cont-faq span.strong{font-weight: 700;}
.faq .cont-faq ul{list-style: none; padding-left: 0;}
.faq .cont-faq li{padding-bottom: 15px;}
.faq .cont-faq h2{font-weight: 600; color: #333333; font-size: 27px;}
.faq .cont-faq h3{font-size: 24px; color: #3054ae; font-weight: 600;}
.faq .cont-faq p{ font-size: 18px; color: #5b5b5b; margin: 10px 0;}
.faq .cont-faq ul .subitems{padding-left: 30px; list-style: disc; padding-top: 15px;}
.faq .cont-faq ul li {padding-bottom: 15px;}
.faq .cont-faq ul li p{ margin: 0;}

.faq .cont-faq.cont-boto {position: relative;}
.faq .cont-faq.cont-boto .box-boto {display: flex; gap: 20px; position: absolute; top: 20%; left: 50%; transform: translate(-50%, -20%);}
.faq .cont-faq.cont-boto .box-boto a { text-transform: uppercase; color: #05215c; border: 1px solid #fff; padding:17px 15px; font-weight: 600; background-color: #ffffff; font-size: 12px; line-height: 100%; text-wrap: nowrap; transition: all .3s;}
.faq .cont-faq.cont-boto .box-boto a:hover {background-color: #05215c; color: #fff; border: 1px solid #05215c; }

.subHeader a:hover{background-color: #f3f3f3 ; color: #05215c;}
.subHeader a img{width: 12px; margin-right: 10px; vertical-align: middle}
.subHeader .container-h{max-width: 76%; display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox; justify-content: space-between;}

.subHeader a{ text-transform: uppercase; color: #05215c; padding:8px 15px; font-weight: 600; background-color: #ffffff; font-size: 12px; display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox; -ms-flex-align: center;
-moz-box-align: center; 
-webkit-box-align: center; 
-webkit-align-items: center;
align-items: center;}
.subHeader a:hover{background-color: #f3f3f3 ; color: #05215c;}
.subHeader a img{width: 12px; margin-right: 10px; vertical-align: middle}
.subHeader .container-h{max-width: 76%; display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox; justify-content: space-between;}
.subHeader a .arr-r{margin-left: 10px; margin-right:0;}

/*   FOOTER   */
footer {width:100%; background-color: #6b6b6b; padding: 10px 0px; display: block; margin: 0;}
footer .auxi {max-width: 1170px;  }
footer p {font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif; font-size: 13px; color:#ffffff;  margin: 0;}
@media (max-width: 767px){
footer .auxi {max-width: 100% !important; padding-left: 15px; padding-right: 15px; }
}

/*   FIN FORM   */

.auxi{
	max-width: 1000px;
	margin: 0 auto;
}


@media (min-width: 1280px) and (max-width: 1330px){

	.subHeader .container-h{max-width: 70%;}

}

@media (min-width: 1200px) and (max-width: 1280px){

	.subHeader .container-h{max-width: 65%;}

}

@media (min-width: 850px) and (max-width: 1200px){

	.subHeader .container-h{max-width: 60%;}
	.yo_transformo{max-width: 350px;}

}
@media (min-width: 768px) and (max-width: 850px){

	.subHeader .container-h{max-width: 50%; padding-left: 10px;}
	.subHeader p{max-width: 45%;}
	.yo_transformo{max-width: 350px;}

}

/*XS--- Movil*/
@media (max-width: 767px){
	.yo_transformo{
		display: none;
	}
	.logos{
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.codelco-logo{
		max-width: 50px;
		padding-bottom: 20px;
	}
	.subHeader p{
	text-align: center;
	margin: 0 20px;}
	.faq .cont-tit{margin-bottom: 30px;}
	.faq h1{font-size: 30px;}
	.faq .cont-faq{padding: 0 10px;}
	.faq .cont-faq h2{font-size: 25px;}
	.faq .cont-faq h3{font-size: 20px;}
	.faq .cont-faq p, .faq .cont-faq a.resalta{font-size: 15px;}
	.faq .cont-faq .subitems{padding-top: 0;}
	.subHeader .container-h{flex-wrap: wrap; justify-content: center; max-width: 100%;}
	.faq .cont-faq.cont-boto .box-boto {flex-direction: column; gap: 0px; top: 25%; left: 50%; transform: translate(-50%, -20%);}
	.faq .cont-faq.cont-boto .box-boto a {text-wrap: wrap;}
	
}