@charset "UTF-8";
/* TED UCHILE */
/* rojo: 230,43,30 #e62b1e*/


*{margin: 0;padding: 0;}

body{
  font-size: 11pt;
  margin: 0;padding: 0;
  font-family: helvetica;
  background-color: white;
}

p{font-size: 11.5pt;line-height: 16pt;color: rgba(0,0,0,.8);}

.contenedor{width: 100%;margin: 0 auto;clear: both;}

header {
  width: 100%;
  height: 55px;
  background-color: black;
  padding-top: 2%;
  text-align: left;
}
header img{float: left;height: 40px;padding-left:4%;}
header a{float: right;padding-right: 4%}
header a:hover{opacity: .6;}


h2{
  background-color: #e62b1e; 
  color: white;
  font-size: 24pt; 
  font-weight: normal;
  padding: 10px;
  padding-left: 4%;
  letter-spacing: 1px;
  text-align: left;
 
}

hr{color: rgba(230,43,30,.2);margin: 20px 0px;}

#main{
  clear: both;
  overflow: hidden;
  padding: 5%;

  }

section{
  clear: both;
  display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 4%;
  grid-row-gap: 2%;
}

section article img{

  padding: 3%;
  width: 100%;

}
section article h4{
  font-weight: normal; color: #e62b1e;
  font-size: 18pt; margin-top:5%; }
section article h5{
  font-size: 14pt;margin: 15px 0px;}
section article h5 span{
  font-weight: normal;}


article{
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

article p{
  text-align: justify;
  margin: 3% 0;
}
article a{
  text-decoration: none;
  color: rgba(230,43,30,1);
}
article a:hover{opacity: .6;}
article .destacado{
  text-decoration: none;
  color: rgba(230,43,30,1);
}
article h6{
  font-size: 16pt;
  margin-top:4%;
  text-align: left;
}



div.listado{
  display: block;
  background-image: url(../imgs/ic-youtube2.svg);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 50px;
  margin-bottom: 3%;
}
div.listado p{
text-align: left;
margin: 0;
}
div.listado a{
text-align: left;
}
div.notas{
  display: block;
  border: 3pt solid rgba(230,43,30,.8);
  border-radius: 20px;
  padding: 3%;
  margin-top: 10%;
}
div.notas p{
  font-style: italic;
  font-size: 11pt;
  line-height: 14pt;
}
div.notas h3{
   font-size: 11pt;
  line-height: 16pt; 
  font-weight: normal;
  margin: 3% 0;
}

div.fuentes p{
  display: block;
  text-align: right;
  font-size: 10pt;
  line-height: 10pt;
}
@media all and (max-width: 479px) {


#main{
  clear: both;
  overflow: hidden;
  padding: 1%;

  }


header {
  width: 100%;
  height: 55px;
  background-color: black;
  padding-top: 5%;
  text-align: center;
}
header img{float: left;height: 40px;padding-left:3%;}

h2{
  background-color: #e62b1e; 
  color: white;
  font-size: 24pt; 
  font-weight: normal;
  padding: 10px;
  padding-left: 4%;
  letter-spacing: 1px;
  text-align: center;
 
}
section{
  clear: both;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1%;
  grid-row-gap: 1%;
}
section article img{
  padding: 3%;
  width: 50%;

}
article{
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
article p{
  text-align: left;
}
div.listado a{
text-align: left;
}

}