/* Estilos Codelco Informa */

/* RESET */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--*/



/* FUENTES */

@font-face {
  font-family: 'MontserratThin';
  src: url('fonts/montserrat-thin-webfont.eot'); 
  src: url('fonts/montserrat-thin-webfont.woff') format('woff'),
       url('fonts/montserrat-thin-webfont.otf') format('opentype'), 
       url('fonts/montserrat-thin-webfont.ttf')  format('truetype'); 
}


@font-face {
  font-family: 'MontserratLight';
  src: url('fonts/montserrat-light-webfont.eot'); 
  src: url('fonts/montserrat-light-webfont.woff') format('woff'),
  	   url('fonts/montserrat-light-webfont.otf') format('opentype'), 
       url('fonts/montserrat-light-webfont.ttf')  format('truetype'); 
}

@font-face {
  font-family: 'MontserratRegular';
  src: url('fonts/montserrat-regular-webfontr.eot'); 
  src: url('fonts/montserrat-regular-webfont.woff') format('woff'),
       url('fonts/montserrat-regular-webfont.otf') format('opentype'), 
       url('fonts/montserrat-regular-webfont.ttf')  format('truetype'); 
}

@font-face {
  font-family: 'RobotoRegular';
  src: url('fonts/Roboto-Regular.eot'); 
  src: url('fonts/Roboto-Regular.woff') format('woff'),
  	   url('fonts/Roboto-Regular.otf') format('opentype'), 
       url('fonts/Roboto-Regular.ttf')  format('truetype'); 
}

@font-face {
  font-family: 'MyriadProRegular';
  src: url('fonts/MyriadPro-Regular.eot'); 
  src: url('fonts/MyriadPro-Regular.woff') format('woff'),
       url('fonts/MyriadPro-Regular.otf') format('opentype'), 
       url('fonts/MyriadPro-Regular.ttf')  format('truetype'); 
}


/*--*/


/* ESTILOS FUENTES */


.pt10 {font-size:10pt;}
.pt12 {font-size:12pt;}
.pt14 {font-size:14pt;}
.pt16 {font-size:16pt;}
.pt18 {font-size:18pt;}
.pt20 {font-size:20pt;}
.pt22 {font-size:22pt;}
.pt24 {font-size:24pt;}
.pt28 {font-size:28pt;}
.pt32 {font-size:32pt;}
.pt36 {font-size:36pt;}
.pt40 {font-size:40pt;}
.pt46 {font-size:46pt;}

.lh12 {line-height:12pt;}
.lh14 {line-height:14pt;}
.lh16 {line-height:16pt;}
.lh18 {line-height:18pt;}
.lh20 {line-height:20pt;}
.lh22 {line-height:22pt;}
.lh24 {line-height:24pt;}
.lh28 {line-height:28pt;}
.lh32 {line-height:32pt;}
.lh36 {line-height:36pt;}


.monthin {font-family:'MontserratThin';}
.monlight {font-family:'MontserratLight';}
.monreg {font-family:'MontserratRegular';}
.robreg {font-family:'RobotoRegular';}
.myreg {font-family:'MyriadProRegular';}



/* ESTILOS */


.txtwhite {color:#fff;}
.txtorange {color:#ff6c1c;}
.txtblue {color:#009fb2;}
.txtgray {color:#4a4a4a;}
.txtyellow {color:#ffa901;}



.bgorange {background-color:#ff6c1c;}
.bgblue {background-color:#009fb2;}
.bgyellow {background-color:#ffa901;}
.bggray {background-color:#eaeaea;}
.bggray2 {background-color:#ebebeb;}
.bgblack {background-color:#000;}
.bgwhite {background-color:#fff;}
.bgbrown {background-color:#382820;}

.smooth {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.esp {width:66% !important; float:left;}
.w95 {width:95%;}
.p30 {padding:30px !important;}
.p20 {padding:20px !important;}
.mt30 {margin-top:30px;}

header , section , footer {display:block; width:100%;  min-height:1px; overflow:hidden;}
section:nth-child(3) {padding:25px 0px;}

/* CABECERA */

header {background-image:url('/resultados/2017/css/imag/bghead.png'); background-repeat:no-repeat; background-position:center;}
header .informa-header {width:1279px; padding:0px 0px 0px 0px; min-height:1px; overflow:hidden; height:85px; margin:0 auto;}
header .informa-header .informa-header-all {width:1200px; min-height:1px; overflow:hidden; margin:0 auto;}
header .informa-header .informa-logo {width:155px; display:inline-block; float:left; vertical-align:top; padding:26px 50px 25px 0px;}
header .informa-header .informa-logo img {width:155px;}
header .informa-titulo {width:400px; display:inline-block; vertical-align:top; float:right; padding-top:15px;}
header .informa-titulo h2 , header .informa-titulo h4 {text-align:right;}


/* CUERPO */


section .informa-feat {height:auto; position:relative; width:1279px; padding:0px 0px 0px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-feat .informa-feat-all {width:1200px; min-height:1px; overflow:hidden; margin:0 auto; position:relative;}
section .informa-feat img.imgdesk {display:block; position:relative; z-index:0; width:100%;}
section .informa-feat img.imgresp {display:none; position:relative; z-index:0;}
section .informa-feat h3 {position:absolute; display:block; width:575px; min-height:1px; overflow:hidden; top:100px; left:0px; z-index:1;}
section .informa-feat h1 {position:absolute; display:block; width:575px; min-height:1px; overflow:hidden; top:95px; left:0px; z-index:1;}


section .informa-video  {height:350px; position:relative; width:1279px; padding:0px 0px 0px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-video .informa-video-all {width:1200px; min-height:1px; overflow:hidden; margin:0 auto; position:relative;}
section .informa-video .video-left {width:600px; float:left; min-height:1px; }
section .informa-video .video-left iframe {}
section .informa-video .video-left img {width:100%; display:block;}

section .informa-video .video-right {width:505px; min-height:1px; float:left; margin:100px 0px 0px 25px;}


section .informa-n1 {text-align:center; height:auto; position:relative; width:1279px; padding:30px 0px 0px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-n1 .informa-n1-all {width:1200px; min-height:1px; overflow:hidden; margin:0 auto; position:relative;}
section .informa-n1 h2 {text-align:left; width:100%; display:inline-block; padding-bottom:20px;}
section .informa-n1 p {text-align:left; padding:10px 0px; display:inline-block; width:100%;}
section .informa-n1 .n1-cont { width:500px; display:inline-block; margin:50px 30px; vertical-align:top;}
section .informa-n1 .n1-cont img {width:100%;}

section .informa-n2 {text-align:center; height:auto; position:relative; width:1279px; padding:30px 0px 0px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-n2 .informa-n2-all {width:1200px; min-height:1px; overflow:hidden; margin:0 auto; position:relative;}
section .informa-n2 h2 {text-align:left; width:100%; display:inline-block; padding-bottom:20px;}
section .informa-n2 p {text-align:left; padding:10px 0px; display:inline-block; width:100%;}
section .informa-n2 .n2-cont { width:500px; display:inline-block; margin:50px 30px; vertical-align:top;}
section .informa-n2 .n2-cont img {width:100%;}

section .informa-n3 {text-align:center; height:auto; position:relative; width:1279px; padding:30px 0px 0px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-n3 .informa-n3-all {width:1200px; min-height:1px; overflow:hidden; margin:0 auto; position:relative;}
section .informa-n3 h2 , section .informa-n3 h3{text-align:left; width:100%; display:inline-block; padding-bottom:20px;}
section .informa-n3 p {text-align:left; padding:10px 0px; display:inline-block; width:100%;}
section .informa-n3 .n3-cont { width:100%; display:inline-block; margin:50px 0px;}
section .informa-n3 .n3-cont img {float:left;}

section .informa-n4 {text-align:center;  position:relative; width:1279px; padding:30px 0px 50px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-n4 h2 {text-align:left; width:100%; display:inline-block; padding-bottom:20px;}
section .informa-n4 p {text-align:left; padding:10px 0px; display:inline-block; width:100%;}
section .informa-n4 .informa-n4-all {width:1200px; min-height:1px; overflow:hidden; margin:0 auto; position:relative;}
section .n4-separa {width:100%; min-height:1px; overflow:hidden; padding-left:0px;}
section .n4-separa img {display:block; margin:0 auto;}
section .n4-cont {padding:30px 0px 150px 0px;}
section .n4-cont .contgraph {width:1200px; margin:0 auto;}
section .n4-cont .contgraph img {width:100%;}


section .informa-n5 {text-align:center;  position:relative; width:1200px; padding:30px 0px 30px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-n5 h2 {text-align:left; width:100%; display:inline-block; padding-bottom:20px;}
section .informa-n5 p {text-align:left; padding:10px 0px; display:inline-block; width:100%;}
section .n5-separa {width:100%; min-height:1px; overflow:hidden; padding-left:0px;}
section .n5-separa img {display:block; margin:0 auto;}
section .n5-cont {width:100%; min-height:1px; overflow:hidden;}
section .n5-cont .n5-both {width:1200px; margin:0 auto; padding-left:0px; min-height:1px; overflow:hidden;}
section .n5-cont .n5-left {width:500px; min-height:1px; padding:120px 0px; float:left; text-align:center;}
section .n5-cont .n5-left img {display:inline-block; width:100%;}
section .n5-cont .n5-right {width:510px; min-height:1px; padding:30px 0px; float:right;}
section .n5-cont .n5-right h2 , section .n5-cont .n5-right ul {display:block; float:left; width:100%; min-height:1px; padding-bottom:30px;}
section .n5-cont .n5-right ul li { padding:10px 0px 10px 30px; background-image:url('/resultados/2017/css/imag/dotbg.png'); background-repeat:no-repeat; background-position:top 20px left 0px;}

section .informa-n6 {text-align:center;  width:1200px;  padding:0px 0px 30px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .n6-all {text-align:center; width:100%;  min-height:1px; overflow:hidden;}
section .n6-all .n6-left {width:500px; min-height:1px; padding:40px 0px; float:left; text-align:center;}
section .n6-all .n6-left h2 , section .n6-all .n6-left p {text-align:left; display:block; float:left; width:100%; min-height:1px; padding-bottom:30px;}
section .n6-all .n6-full {text-align:center; width:100%; float:left; min-height:1px; padding:80px 0px; overflow:hidden;}
section .n6-all .n6-full .contimg {display:inline-block;  min-height:1px; overflow:hidden; text-align:center;}
section .n6-all .n6-full .contimg img {display:inline-block;}
section .n6-all .n6-right {width:600px; min-height:1px; padding:0px 0px 30px 0px; float:right;}
section .n6-all .n6-right img {width:100%;}

section .informa-n7 {text-align:center;  width:1200px;  padding:0px 0px 30px 0px; min-height:1px; overflow:hidden;  margin:0 auto;}
section .informa-n7 a.bigbtn1 {display:inline-block; padding:60px 3%; text-align:center; color:#fff;  background-image:url('/resultados/2017/css/imag/resultados-icon.png');  background-repeat:no-repeat; background-position:top 50px left 25px; text-decoration:none; width:39%; margin:40px 2% 40px 2%;}
section .informa-n7 a.bigbtn2 {display:inline-block; padding:60px 3%; text-align:center; color:#fff;  background-image:url('/resultados/2017/css/imag/analisis-icon.png');  background-repeat:no-repeat; background-position:top 50px left 25px; text-decoration:none; width:39%; margin:40px 2% 40px 2%;}
section .n7-all {text-align:center; width:100%;  min-height:1px; overflow:hidden;}
section .n7-all .n7-left {width:520px; min-height:1px; padding:40px 0px; float:left; text-align:center;}
section .n7-all .n7-right {width:520px; min-height:1px; padding:40px 0px; float:right; text-align:center;}
section .n7-all .n7-left h2 , section .n7-all .n7-left ul , section .n7-all .n7-right h2 , section .n7-all .n7-right ul {display:block; float:left; width:100%; min-height:1px; padding-bottom:30px; text-align:left;}
section .n7-all .n7-left ul li , section .n7-all .n7-right ul li {border-bottom:#eaeaea 1px solid; text-align:left; padding:10px 0px 10px 30px; background-image:url('/resultados/2017/css/imag/down-arrow.png'); background-repeat:no-repeat; background-position:top 10px left 0px;}
section .n7-all .n7-left ul li:nth-child(4) {background-image:none; display:block; min-height:1px; overflow:hidden; width:100%;}
section .n7-all .n7-left ul li:nth-child(4) a {display:block; width:auto; min-height:1px; padding:3px; float:left;}
section .n7-all .n7-left ul li a, section .n7-all .n7-left ul li a:hover , section .n7-all .n7-right ul li a, section .n7-all .n7-right ul li a:hover {text-decoration:none;}

footer {padding:40px 0px; text-align:center;}
footer img {display:inline-block;}


/* RESPONSIVE */


@media screen and (max-width: 1279px) {
.p30 {padding:30px 2% !important;}
section div p {width:95% !important; display:block; min-heigh:1px; overflow:hidden; }
.esp {width:100% !important; float:none;}
section .n4-cont .contgraph {width:700px; height:auto; }
section .n6-all .n6-full {float:none; margin:0 auto; width:750px;}
section .n4-cont .contgraph img , section .n6-all .n6-full img {width:100%;}
section .informa-feat  , section .informa-feat .informa-feat-all , header .informa-header , header .informa-header .informa-header-all {width:100%;}
section .informa-feat .informa-feat-all {}
section .informa-feat h1 {top:95px;}
header .informa-header .informa-logo , section .informa-feat h3 , section .informa-feat h1 {padding-left:50px;}
header .informa-titulo {padding-right:50px;}
section .informa-n3 .n3-cont {width:1000px;}
section .informa-n3 .n3-cont img {width:100%;}
section .informa-n1 , section .informa-n1 .informa-n1-all , section .informa-n2 , section .informa-n2 .informa-n2-all , section .informa-n3 , section .informa-n3 .informa-n3-all , section .informa-n4 , section .informa-n4 .informa-n4-all , section .informa-n5 , section .n5-cont .n5-both , section .informa-n6 , section .informa-n7 {width:95%;}
section .n6-all .n6-right , section .n6-all .n6-left {width:450px;}
}

@media screen and (max-width: 1150px) {

section .informa-video .informa-video-all {width:95%;}
section .informa-video .video-right {width:320px;}
section .n5-cont .n5-left , section .n5-cont .n5-right , section .n5-cont .n5-left , section .n5-cont .n5-right , section .n6-all .n6-right , section .n6-all .n6-left {width:450px;}
section .n6-all .n6-right , section .n6-all .n6-left {width:450px;}
section .informa-n3 .n3-cont {width:900px;}

section .n7-all .n7-left , section .n7-all .n7-right {width:100%; padding-bottom:0px; }
section .n7-all .n7-left ul {padding-bottom:0px;}
section .n7-all .n7-right ul {margin-top:0px !important;}
section .n7-all .n7-right {padding-top:0px;}
}

@media screen and (max-width: 1023px) {
    section .informa-feat .informa-feat-all {height:350px;}
section .informa-n3 .n3-cont {width:100%;}
section .informa-feat h1 {top:0px;}
p {font-size:14pt; line-height:18pt;}
section .informa-feat {}
section .informa-feat img.imgdesk {display:none;}
section .informa-feat img.imgresp {display:block; opacity:0.3;}
section .informa-video {height:auto; text-align:center; width:95%;}

section .informa-video .informa-video-all .video-right {min-height:1px; overflow:hidden; width:100%; padding:40px 0px; margin-left:0px; margin-right:0px; text-align:center;}
section .informa-video .informa-video-all {padding:0px; float:none; display:inline-block; width:100%;}
section .informa-video .video-left {min-height:1px; overflow:hidden; width:100%; padding:0px; margin-left:0px; margin-right:0px; text-align:center;}
 section .informa-video .video-right {margin-top:20px;}
section .informa-video .video-right h2 {text-align:left; display:block; width:100%; min-height:1px;}
section .informa-video .video-left img {display:inline-block; width:auto; float:none; vertical-align:top;}
section .informa-n1 , section .informa-n2 , section .informa-n2 , section .informa-n3 , section .informa-n4 {height:auto;}
section .informa-n1 .informa-n1-all , section .informa-n2 .informa-n2-all , section .informa-n3 .informa-n3-all , section .informa-n4 .informa-n4-all {width:100%; min-height:1px;}
section .informa-n1 .n1-cont {min-height:1px; overflow:hidden;}
section .n5-cont .n5-right , section .n5-cont .n5-left , section .n5-cont .n5-right , section .n6-all .n6-right , section .n6-all .n6-left{width:100%;}
section .n5-cont .n5-left {width:500px; margin:0 auto; float:none;}
section .informa-n7 a.bigbtn1 , section .informa-n7 a.bigbtn2 { padding:60px 25px;  width:520px; margin:20px 0x 20px 0px;}

}

@media screen and (max-width: 700px) {
section .informa-n2 .n2-cont {margin:30px 0px;}
section .n4-cont .contgraph , section .n6-all .n6-full {width:100%; height:auto;}
section .n6-all .n6-full { width:100%;}
header .informa-header {min-height:1px; height:auto; background-color:#ebebeb;}
header .informa-header .informa-logo {padding-left:0px;}
header .informa-header .informa-titulo {padding-right:0px; padding-bottom:20px;}
header .informa-header .informa-titulo h2 , header .informa-header .informa-titulo h4 {text-align:center;}
header .informa-header .informa-logo , header .informa-header .informa-titulo {width:100%;}
header .informa-header .informa-logo img {display:block; margin:0 auto; float:none;}
section .informa-video .video-left img {width:100%;}
section .n7-all .n7-left , section .n7-all .n7-right {width:100%;}
}
@media screen and (max-width: 620px) {
section .informa-feat h1 {padding-left:2%; width:95%;}
section .informa-feat .pt18 {font-size:16pt;}
section .informa-video .video-left iframe {width:315px !important; height:178px !important; }
section .informa-n1 .n1-cont {margin:20px 0px 40px 0px;}
section .informa-n2 .n2-cont , section .informa-n2 .n2-cont img , section .informa-n1 .n1-cont , section .informa-n1 .n1-cont img {width:100%;}
section .n5-cont .n5-left , section .n6-cont .n6-left , section .n5-cont .n5-left img {width:100%;}
section .n5-cont .n5-left {padding:30px 0px}
section .informa-n7 a.bigbtn1 , section .informa-n7 a.bigbtn2 { padding:60px 25px;  width:250px; margin:20px 0x 20px 0px;}

}
@media screen and (max-width: 500px) {

header .informa-header .informa-titulo h2 {font-size:18pt;}
section .informa-feat {min-height:1px; height:300px;}
section .informa-feat h1 { font-size:28pt; top:10px; left:10px; width:97%; padding-left:0px;}
section .informa-feat h3 { font-size:20pt; top:20px; left:10px; width:97%; padding-left:0px;}
}