@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700); 
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto);


html{background-color: #D8D7CF;}


#pagina{max-width: 960px;
margin: auto;
font-family: "Oswald";
}

ul {list-style: none;

}   

a{text-decoration: none;
color: black;
}

img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; 
  -webkit-filter: grayscale(100%);
    z-index: 1;
   
}

img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

    

header, footer {
margin-bottom: 0.5em;
margin-top: 0.5em;
} 

footer {
margin-top: 0.5em;
}

nav{
width: 100%;
position: relative;
display: block;
height: auto;
height: 7em;
z-index: 100;
}

#logo{
width: 7em;
position: absolute;
z-index: 100;
}

#logo img{
width: 7em;}
    
/*Menu Desplegable*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
display: none;

}

#cssmenu {
width: 90%;
font-family: 'Oswald';
font-weight: 400;
line-height: 1;
background: #c33535;
top: 28px;
left: 10%;
padding-left: 3%;
}

#menu-line {
position: absolute;
top: 0;
left: 0px;
height: 3px;
background: #ffffff;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
    display: none;
}

#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px 20px 20px 13px;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  background-color: #860000;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
    
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
    

}
#cssmenu ul li:hover > ul > li {
  height: 32px;
    
}
#cssmenu ul ul li a {
  padding: 10px 13px;
  width: 160px;
  font-size: 16px;
  background: #f0f0f0;
  text-decoration: none;
  color: #3b3b3b;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
   
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #860000;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 16px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #3b3b3b;
  border-right: 1px solid #3b3b3b;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #860000;
  border-left: 1px solid #860000;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #860000;
}

#miguitas ul li{
float: right;
display: inline-block;
font-family: "Oswald";
margin-top: 27px;
margin-left: 5px;
font-size: 14px;
font-weight: 400;
}

#miguitas ul li a{
text-decoration: none;
color:#484848;
}

#buscador{
position: relative;
}

form{
width:200px;
height: 30px;
float: right;
margin-right: 15px;
background-color: #fdfdfd;
position: absolute;
z-index: 0;
top: -14px;
right: 0;
border-radius: 10px;
outline: 0;
    

}

.rounded { 
border-radius:10px; 
}

input[type=button], input[type=button]:hover {
	position:relative; 
	left:-6px;
	border:0px solid #adc5cf;
	color:#7da2aa;
	cursor: pointer;
    
}

.lighter input[type=text]{
	border:0px solid #d0d0d0;
	background-color:#fcfcfc;
    height: 30px;
    width: 160px;
    padding-left: 10px;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    outline: 0;
  
}




#lupa img{
width: 27px;
float: right;
margin-right: 0px;
position: absolute;
top: -13px;
right: 20px;
z-index: 1;
}

footer {
width: auto;    
clear: both;
height: auto;
background-color: #272727;
text-align: center;
color: #c1c1c1;
}

footer hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#sectionf{
width: 100%;
display: inline-block;
margin-bottom: 10px;
padding: 2% 5% 0% 5%;}

footer h4{
text-align: left;
margin-bottom: 5px;
color:white;
font-family: 'Roboto'    
}

.f1{
width: auto;
float: left;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 10px;    
}

#redes{
width: auto;
float: left;
margin-left: 50px;
margin-right: 50px;
    margin-bottom: 10px; 

}

#redes img{
width: 30px;
float: left;
margin-top: 5px;
margin-right: 10px;}

footer p{
font-family: "Oswald";
font-weight: 300;
font-size: 14px;
color: #c1c1c1;
text-align: left;
}

#botonerafooter{
width: 100%;
margin-top: 10px; 
margin-bottom: 10px;
display: inline-block;
}

#botonerafooter ul li a{
text-decoration: none;
font-family: "Oswald";
font-weight: 300;
font-size: 16px;
color: #c1c1c1;
   
}

#botonerafooter ul li{
list-style: none; 
padding-bottom: 0px;
padding-top: 0px;
padding-left: 50px;
padding-right: 50px;
border-left-width: 0px;
border-left-color: #8e8e8e; 
border-left-style: solid;
     margin-bottom: 5px;
}

#botonerafooter ul li#contacto{
border-left-width: 0px;
}

#legal{
font-family: 'Roboto';
font-weight: 300;
font-size: 12px;
color: #c4c4c4;
    width: auto;
    float: left;
    margin-top: 15px;
    background-color: #414141;
    margin: 0 auto;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 1%;
    padding-top: 1%;
}

/*-------------------NICOLE--------------*/

.contacto {
color:  #00a7ff;
font-size: 4rem;

}


.redes {
    color: #379b46;
    background-color: white;
    width:390px;
    font-size: 1.8rem;
    padding-left: 0.3em;
    padding-bottom: 10px;
    margin-left: 50px;
    margin-bottom: 10px;
}
.redes-sociales{
    float: right;
    background-color: #379b46;
    color:white;
    margin-top: 50px;
}



#fotosocial {
height: 50px;
width: 200px;


}

.bannerpgm {
    width: 1500px;
    height: 120px;
    top: 3rem;
    position: absolute;
    img:hover: none;
}

#tabla_p table {    
    font-family: "Oswald", "sans-serif";
    font-size: 15px;
    width: 960px;
    text-align: left;    border-collapse: collapse; 
}

#tabla_p th {     font-size: 15px;     font-weight: normal;     padding: 20px;     background-color: #00A7FF;
    border-top: 4px solid #00A7FF;    border-bottom: 1px solid #fff; color: #039; }

#tabla_p td {    padding: 20px;     background: #FDCD00;     border-bottom: 1px solid #fff;
    color: #c62f2f;    border-top: 1px solid transparent; }

tr:hover td { background: #d0dafd; color: #339; }

#tabla_p caption {
    color: black; margin-left: auto

}



.item{
    float: left;
    display: block;
    z-index: 1;
    position: relative;
}

.etiq{
  z-index: 2;
  position: absolute;
  background-color: #FDCD00;
  margin-top: -53px;
  color:white;
    height: 2.5em;
    padding: 0.5em;
    box-sizing: border-box;
}

.item.margin{
    margin-left: 20px;
}
.items {
    float: left;
    display: block;
    width: 500px;

}


.ahora {
    float: left;
    width: 450px;
    height: 167px;
    background-color: white;
    color: black;
    font-size: 15px;
}

.ahora p{
    font-size: 15px;
    padding: 10px; 10px; 10px; 10px;
    margin: 0;
}
.contenedor {
    width: 950px;
    display: block;
    float: left;
}

.masvistos {
    width: 450px;
    height: 290px;
    background-color: white;
    float: left;
  
    font-size: 11px;
    color: black;
    justify-content: space-around;
    
}

.masvistos p{
    font-size: 15px;
    margin: 1em;
 
    }

.pgms {
margin-top: -2%;
    margin-bottom: -2%;
  display: inline-block;
    width: 100%;  
    
}

.pgms p{background-color: #FDCD00;
    font-size: 20px;
    color: white;
    font-family: "Oswald";
    text-align: center;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    

}
.izq{
    float:left;
    margin-top: 0px;
    width: 52%;
    
   
}
    
.der{
    float:right;
    width: 47%;
    
}

.masvis {
    width: 440px;
    height: 40px;
    margin: 5px;
    background-color: #FDCD00;
    font-size: 1.3rem;
    float: right;
    padding-top: 0.3em;
    box-sizing: border-box;
   
    
}
.masvis p{
    color: white;
    font-family: "Oswald";
margin: 0;
    text-align: center;
}

.grillapgm { 
   width: 960px;
    height: 50px;
    background-color: #FDCD00;
    margin-top: 550px;
    text-align: center;
    margin-bottom: 0.5%;
}

.grillapgm p{
font-size: 20px;
    color: white;
    font-family: "Oswald";
    padding: 10px; 10px;
}
    
img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; 
  -webkit-filter: grayscale(100%);
    z-index: 1;
   
}

img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}




.info{
float: left;
width: 490px;
background-color: white;
}

.info p{
    font-family: "Roboto";
    font-size: 15px;
    padding: 10px; 10px; 10px; 10px;
}
.info h1{
background-color: #c62f2f;
color: white;
height: 30px;
font-size: 30px;
padding-bottom: 20px;
    margin-top: initial;
}

.fotonos{
float: right;
position: relative;
margin-left: 2px;
}

.allado{
width: 450px;
height: auto;
background-color: #c62f2f;
float: right;
position: relative;
padding-left: 10px;
 padding-bottom: 10px;
    margin-bottom: 1%;


}

.allado p{
    color: white;
    padding-right: 10px;
    font-size: 10px;}

.allado h2{
    font-family: "Oswald";
    font-weight: 100;
    text-align: center;
}


.comentario{
    font-style: italic;
    background-color: #e33c3c;
      margin-bottom: 14px;
  height: 83px;
    padding: 10px
}

.comentario h6{
color: white;
font-weight: 100;
}

.allado h4{
color: white;
}
.allado h3{
color: white;
    font-size: 20px;
    font-weight: 100;
}

.hombreuno{
    float: left;
    display: block;
    margin-left: 50px;
    
    
}
.hombre-descripcion{
font-size: 15px;
  width: 270px;
  background-color: white;
}

.hombreunob{
    margin-left: 50px;
    margin-bottom: 20px;
    
    
}
.hombres {
    float: left;
    display: block;
    width: 100%;
    

}


.info-hombres{
    float: right;
    width: 400px;
    height:400px;
    position: absolute;
    margin-left: 640px;
    background-color: white;

}

.info-hombres-etiq{
    background-color:  #379b46;
    width: 380px;
    height: 50px;
    font-weight: 200;
    color: white;
    padding-left: 10px;
    
}

.nombre-contacto{
    color:  #379b46;
}


.center {
    margin-left: auto;
    margin-right: auto;
}
.label{
    z-index: 2;
    position: absolute;
    background-color: #379b46;
    color: white;
    margin-top: 233px;
}

.label-left{
    
}
.label-right{
    margin-left: 282px;

}

.info1 {
    float: right;
    width: 350px;
    height: 390px;
    background-color: white;
    
    
}

.info1 h1{
    font-size: 30px;
    color: white;
    background-color: #00a7ff;
 position: relative;
     margin-bottom: 17px;
    margin-top: auto;
}
.label2 {
    
    z-index: 2;
    position: absolute;
    background-color: #00a7ff;
    color: white;
    
}
    

.imag-mapuche-noticia{
    z-index: 1;
}
.info1 h3 {
    font-size: 20px;
    color: black;
    padding-left: 10px;
   
}

.info1 p{
    font-size: 15px;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    
}

.info2 h3 {
    color: #00a7ff;

}
.info2 p {
    font-size: 10px;
}
.info2{
    background-color: white;
    padding: 20px 20px 0 20px;
    height: 34.8em;
    width: 560px;
    position: absolute;
    
  
    
}

.info3 {
    float: right;
      width: 36.5%;
    margin-left: 500px;
    background-color: white;
    position: relative;
    
}
.info3 h1{
    font-size: 30px;
    color: white;
    background-color: #00a7ff;
 position: relative;
     margin-bottom: 17px;
    margin-top: auto;
}
.info3 h3 {
    font-size: 20px;
    color: black;
    padding-left: 10px;
   
}

.info3 p{
    font-size: 10px;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    
}


.info2 h2 {
    color: #59abe8;
    font-size: 18px;
    font-weight: normal;
    font-family: "Oswald";
}


.redes-abajo{

    float: right;
    padding-right: 20px;
 
}





.video-vivo section {background-color:#f2f2f2 ;
margin-bottom: 2%;
width: 100%;
}


.video-vivo h1 {
    background-color: #FDCD00;
    color: white;
    font-family: "Oswald";
    text-align: center;
}

.video-vivo  main{background-color: #f2f2f2;
height: 38em;

}


.video-vivo #contenedor_vivo{width: 70%;
margin-left: 15%;

}

.video-vivo .video_contenedor {position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 75%;
    width: 100%;}

.video-vivo .video_contenedor iframe {position: absolute;
height: 100%;
width: 100%;
    top: 0;
    left: 0;
  
}

.abajo-vivo {width: 100%;
margin: 0;
margin-top: 2%;
padding: 0;
position: relative;
}

.abajo-vivo ul  {width: 100%;
margin: 0;
padding: 0;
}

.abajo-vivo ul li {display: inline-block;
width: 33%;

}

.abajo-vivo ul li>h2{font-weight: 300;
background-color: #FDCD00;
    position: absolute;top: -0.8em;
    height: 12.5em;
    padding: 0.3em;
    padding-top: 5em;
    font-size: 2em;
    width: 33%;
    box-sizing: border-box;
    
    
}

.abajo-vivo .video_contenedor {position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 75%;
    width: 100%;}

.abajo-vivo .video_contenedor iframe {position: absolute;
height: 100%;
width: 100%;
    top: 0;
    left: 0;
  
}

.abajo-vivo .bajada_video {
box-sizing: border-box;
  list-style: none;
  background-color: #f2f2f2;
  padding: 0.3em; 
position: absolute;
    bottom: -10em;
    
}

 .abajo-vivo .bajada_video h2

 {
  font-family: "Oswald";
  font-size: 1.5em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
     margin-top: -0.6em;
   

 }

.abajo-vivo .bajada_video p {
  font-family: "Roboto";
  font-size: 0.9em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1.3em;
  
}

.abajo-vivo .bajada_video h3 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #3AA935;
  font-weight: 700;
  margin-top: -3em;
    float: right;
    
}

.abajo-vivo .bajada_video h5 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #eb9a00;
  font-weight: 400;
   margin-top: 0.5em;
    width: 50%;
    
}



 p span{
    margin-left: 30px;
}

.google-maps {width: 100%;
clear: both;
margin-top: 17%;
position: relative;
}

.google-maps>h2{
font-weight: 300;
padding: 0.3em;
    padding-top: 3em;
    font-size: 2em;
    box-sizing: border-box;
    float: left;
    width: 33%;
    background-color: #FDCD00;
    height: 8em;
    position: absolute;
    top: -0.3em
    
}



.google-maps #google_m iframe{
margin-bottom: 2%;
width: 66.4%;
float: right;
}

.texto_casilleros{
    background-color: #1b7750;
    width: 480px;
    text-align: center;
    padding: 10px; 10px; 10px; 10px;
    color: white;
}
.texto_al_lado {
    
 background-color: #1b7750;
color: white;
    width: 430px;
    text-align: center;
    padding: 10px; 10px; 10px; 10px;
  position:absolute;

    left:42em;

    top:8em;

}

.foto_redess {
    position: absolute;
    left:45em;

    top:16.5em;

}

.texto_redess{
      position: absolute;
    left:52em;

    top:16.5em;
   
    font-family: "Roboto";
    ;
   
}

.texto_redess h1{
    font-family: "Roboto";
    padding-bottom: 30px;
    margin-bottom: 80px;
     font-size: 15px;
    color: black;
}
/*---------------VICTORIA-------------------*/

/*------------------BAJADAS-------------------*/

/*noticas secundarias*/

.noticias_principales {position: relative;

}

.noticias_principales>ul>li {
  box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.3em;
 
}

.noticias_principales {
  box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.3em;
 
}

.noticias_principales>ul>li>img{width: 100%;}

.noticias_principales .info_noticias h2 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #3AA935;
  font-weight: 700;
  margin: 0;
  
}


.noticias_principales .info_noticias h1

 {
  font-family: "Oswald";
  font-size: 1.5em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
     margin-top: 2px;

 }

.noticias_principales .info_noticias h3 {float: right;
font-weight: 300;
font-size: 1em;
margin-top: -1.6em;
    
}

.noticias_principales .info_noticias p {
  font-family: "Roboto";
  font-size: 0.9em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1.3em;
    
}

.noticias_principales .info_noticias h4 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #eb9a00;
  font-weight: 400;
   margin-top: 0;
    
}


/*noticas secundarias*/

.noticias_secundarias {position: relative;
width: 33%;

}

.noticias_secundarias>ul>li {
  box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.3em;
  
}

.noticias_secundarias>ul>li>img{width: 100%;}

.noticias_secundarias .info_noticias h2 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #3AA935;
  font-weight: 700;
  margin: 0;
  
}


.noticias_secundarias .info_noticias h1

 {
  font-family: "Oswald";
  font-size: 1.5em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
margin-top: 2px;
 
 }

.noticias_secundarias .info_noticias h3 {float: right;
font-weight: 300;
font-size: 1em;
margin-top: -1.6em;
    
}

.noticias_secundarias .info_noticias p {
  font-family: "Roboto";
  font-size: 0.9em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1.3em;
   
}

.noticias_secundarias .info_noticias h4 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #eb9a00;
  font-weight: 400;
   margin-top: 0;
    
}

.iconos ul{position: absolute;
right: 1em;
bottom: 0;
}

.iconos ul li{display: inline-block;
    padding: 0.2em;
}

/*videos secundarias*/

.videos>ul>li{width:100%;
    margin: auto 0;
    box-sizing: border-box;
     padding: 0.3em;
    

}
.video_contenedor {position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 75%;
    width: 100%;}

.videos iframe {position: absolute;
height: 100%;
width: 100%;
    top: 0;
    left: 0;
  
}

.bajada_video {
box-sizing: border-box;
  list-style: none;
  background-color: #f2f2f2;
  padding: 0.3em;  
    
}

 .bajada_video h1

 {
  font-family: "Oswald";
  font-size: 1.5em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
     margin-top: -0.6em;

 }

.bajada_video p {
  font-family: "Roboto";
  font-size: 0.9em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1.3em;
  
}

.bajada_video h3 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #3AA935;
  font-weight: 700;
  margin-top: -3em;
    float: right;
    
}

.bajada_video h5 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #eb9a00;
  font-weight: 400;
   margin-top: 0.5em;
    width: 50%;
    
}

/*noticas terciarias*/

.noticias_terciarias {position: relative;
width: 40%;


}

.noticias_terciarias>ul>li {
  box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.3em;
    
    
}

.noticias_terciarias .bajada_terciarias{float: right;
width: 59%;

}

.noticias_terciarias .bajada_terciarias h1

 {
  font-family: "Oswald";
  font-size: 1em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
     margin-top: 5px;
 
 }


.noticias_terciarias .bajada_terciarias h2 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #3AA935;
  font-weight: 700;
  margin: 0;

    
    
}

.noticias_terciarias .bajada_terciarias p{
  font-family: "Roboto";
  font-size: 0.8em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1em;}

.noticias_terciarias .bajada_terciarias h3 {float: right;
font-weight: 300;
font-size: 1em;
margin-top: -1.6em;
    
}

.bajada_terciarias h4 {
  font-family: "Roboto Slab";
  font-size: 0.6em;
  color: #eb9a00;
  font-weight: 400;
   margin-top: -0.5em;
    
}

.noticias_terciarias img{float: left;
width: 39%;
margin-top: 5px;

}

/*titulo principal*/

#principal{width: 33%;
color: white;
height: 12em;

}

#principal h1 {font-weight: 300;
padding-top: 0.7em;
    box-sizing: border-box;
    padding-left: 0.3em;
    font-size: 3.5em;
    line-height: 1em;
}

/*titulo secundario*/

#secundario {width: 16%;
color: white;
    height: 7.5em;

}

#secundario h1 {font-weight: 300;
padding-top: 0.3em;
    box-sizing: border-box;
    padding-left: 0.3em;
    font-size: 2em;
    line-height: 1em;
}

/*titulo terciario*/

#terciario {
color: white;
    height: 3em;}


#terciario h1{font-weight: 300;
text-align: center;
padding: 0.3em;
font-size: 1.5em;

}

/*MAS LEIDO*/

 .mas_leido>ul>li {
  box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.3em;
  
}

.mas_leido  h1

 {
  font-family: "Oswald";
  font-size: 1em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
     margin-top: 5px;

 }
.mas_leido  h2 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #3AA935;
  font-weight: 700;
  margin: 0;
 
}

.mas_leido h3 {float: right;
margin-top: -1.2em;
font-weight: 300;
font-size: 1em;
    
}


.mas_leido  p{
  font-family: "Roboto";
  font-size: 0.8em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -0.5em;}

.mas_leido  h4 {
  font-family: "Roboto Slab";
  font-size: 0.6em;
  color: #eb9a00;
  font-weight: 400;
   margin-top: -1em;
    
}


/*------------------NOTICIAS---------------------------*/

#noticias article .noticias_principales{
width: 59%;
float: left;

}
#noticias article .noticias_principales img {width: 100%;}

#noticias article .noticias_principales .info_noticias h2{color:#00A7FF }

#noticias article .iconos ul{bottom: -1em;}

#noticias aside .noticias_principales{
width: 38%;
height: 23.2em;
float: right;
}

#noticias aside .iconos ul{bottom: -1em;}

#noticias aside .noticias_principales img {width: 100%;}

#noticias aside .noticias_principales .info_noticias h2{color:#00A7FF }

#noticias aside .noticias_terciarias {
    width: 38%;
    box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  background-color: #f2f2f2;
  padding: 0.3em;
position: relative;
    top: 15em;
 }

#noticias .noticias_secundarias {width: 100%;

}

#noticias .noticias_secundarias .info_noticias {position: relative;}

#noticias .noticias_secundarias .iconos {float: right;

}

#noticias .noticias_secundarias .iconos ul {width: 25%;
bottom: -1em;

}

#noticias .noticias_secundarias .iconos ul li {display: inline-block;
width: 21.5%;
}

#noticias .noticias_secundarias .fila{
width: 100%;  
clear: both;    
padding: 0;
margin: 0;
margin-top: 1%;
float: left;
border-top: solid 2px grey;

}

#noticias .noticias_secundarias .fila2{width: 66.5%;   
padding: 0;
margin: 0;
float: left;
}
#noticias .noticias_secundarias .fila2 li{width: 49.7%;

}

#noticias .noticias_secundarias .fila3{width: 66.5%;   
padding: 0;
margin: 0;
    margin-top: -2.5%;
float: left;
}
#noticias .noticias_secundarias .fila3 li{width: 49.7%;


}


#noticias .noticias_secundarias>ul>li{width: 33%;
display: inline-block;

}
#noticias .noticias_secundarias .fila {}



#noticias .noticias_secundarias h2{color:#00A7FF }


#noticias .mas_leido {position: relative;

float: right;
width: 33%;
margin: 0;
padding: 0;
margin-top: -41.7%;
}


#noticias .mas_leido>h1 {background-color:#00A7FF;
text-align: center;
padding-top: 0.7em;
font-size: 1.5em;
    font-weight: 300;
    box-sizing: border-box;
    height: 3em;
}

#noticias .mas_leido ul {width: 100%;
padding: 0;
margin-top: -1em;

}

#noticias .mas_leido ul li
{position: relative;}



#noticias .mas_leido .iconos ul {width: 25%;

}

#noticias .mas_leido .iconos ul li {display: inline-block;
width: 21.5%;
}

#noticias  .mas_leido h2{color:#00A7FF }



#noticias .noticias_terciarias {position: relative;
width: 33%;
clear: both;
float: right;
margin-top: -39%;
margin-bottom: 1%;
border-top: solid 2px grey;
}

#noticias .noticias_terciarias ul{width: 100%;
padding: 0;
margin: 0;
}

#noticias .noticias_terciarias>ul>li {
  width: 100%;
  height: 8em;
}

#noticias .bajada_terciarias{float: right;
width: 59%;

}



#noticias .bajada_terciarias h3 {float: right;
margin-top: -1.4em;
font-weight: 300;
font-size: 0.7em;
    
}


#noticias .noticias_terciarias h2{color:#00A7FF;}


#noticias .noticias_terciarias img{float: left;
width: 39%;
margin-top: 1.3em;

}

#noticias #escribieron {width: 66%;
margin: 0;
padding: 0;
clear: both;
position: relative;
top: 0.5em;

}

#noticias #escribieron ul{width: 100%;
margin: 0;
padding: 0;

}

#noticias #escribieron ul li {display: inline-block;
width: 32.9%;

}

#noticias #escribieron img {float: left;
width:40%
}



#noticias #escribieron div {float: right;
width: 60%;

}

.contenedor_escribieron{ box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  width: 100%;
  height: 7em;
  background-color: #f2f2f2;
  padding: 0.3em;}

#noticias #escribieron ul li>h1{font-weight: 300;
font-size: 1.5em;
background-color:#00A7FF;
color: white;
width: 31.5%;
position: absolute;
top: -0.65em;
padding: 0.7em;
box-sizing: border-box;
line-height: 1.1em;
height: 4.35em;
margin-left: 0.7%;

}

#noticias #escribieron div h1 {
font-size: 1.2em;
line-height: 1.1em;
margin-top: -10%;
font-weight: 300;
padding: 0.5em;
box-sizing: border-box;

}

#noticias #escribieron div h3 {font-family: "Roboto" sans-serif;
font-size: 0.8em;
line-height: 1em;
margin-top: -23%;
font-weight: 300;
padding: 0.5em;
box-sizing: border-box;

}

#noticias #escribieron div h5 {font-family: "Roboto Slab" serif;
font-size: 0.6em;
line-height: 1em;
margin-top: -19%;
font-weight: 300;
padding: 0.5em;
box-sizing: border-box;


}

#noticias #escribieron div h5 a {color: #eb9a00;}









/*------------------MOVILIZACIONES---------------------------*/

#movilizaciones h2{color: #00A7FF;}

#movilizaciones .noticias_secundarias{width: 60.5%;
margin: 0;
padding: 0;
float: left;
    position: relative;
     
}

#movilizaciones .noticias_secundarias>ul>li {
  width: 100%;
  height:33em;
   
 
}

#movilizaciones .noticias_secundarias>img{width: 100%;}

#movilizaciones .noticias_secundarias p{margin-top: 0em;}

#movilizaciones .noticias_secundarias .iconos ul{position: absolute;
right: 1em;
bottom: 1em;
    

}

#movilizaciones .noticias_secundarias .iconos ul li{display: inline-block;
padding: 0.5em;
}


#movilizaciones .noticias_terciarias {position: relative;
margin-top: -2em;
    clear: both;
    float: left;
width: 60.5%;
}

#movilizaciones .noticias_terciarias>ul>li {
  width: 100%;
  height: 10em;
  
}

#movilizaciones .noticias_terciarias .bajada_terciarias{float: right;
width: 59%;
position: relative;
top: 0.5em;

}


#movilizaciones .noticias_terciarias img{float: left;
width: 39%;
margin-top: 5px;

}


#movilizaciones  .noticias_terciarias .iconos ul{
width: 50%;
position: absolute;
right: -3em;

}

#movilizaciones .noticias_terciarias .iconos ul li{display: inline-block;
width: 20%;
}

#movilizaciones #mas_paginas{float: right;
clear: both;

}

#movilizaciones  #mas_paginas ul li{display: inline-block;
padding: 0.2em;

}

#movilizaciones  #mas_paginas a {color: black;}

#movilizaciones  #mas_paginas a:hover {color: #00A7FF;
text-decoration: underline;
}

#movilizaciones .mas_leido #terciario {width: 40%;
background-color:#00A7FF;
width: 100%;
    height: 3em;}


#movilizaciones .mas_leido #terciario h1{font-weight: 300;
text-align: center;
padding: 0.3em;
font-size: 1.5em;
color: white;

}


#movilizaciones .mas_leido {float: right;
width: 36%;
    position: relative;
    top: -34em;



}

#movilizaciones .mas_leido>ul {width: 100%;
padding: 0;
}


#movilizaciones .mas_leido>ul>li {
  width: 100%;
  height: 8em;
    margin-top: -5%;
}
    
#movilizaciones  #mail {float: right;
width: 36%;
background-color: grey;
padding: 1em;
box-sizing: border-box;
margin: 0;
position: relative;
top: -34em;

}

#movilizaciones  #mail h2{ font-family: "Oswald";
  font-size: 1.3em;
    text-align: center;
  color: white;
  font-weight: 400;
  line-height: 1.1;
     margin-top: 5px;
    font-weight: 300;
}


#movilizaciones  #mail p { font-family: "Roboto";
  font-size: 0.8em;
  color: white;
  font-weight: 300;
  line-height: 1.2em;
margin-top: 0;
}

#movilizaciones  #mail #completar {width: 75%;
height: 25px
}

#movilizaciones  #mail #boton {width: 15%;
color: #FFF;
  cursor: pointer;
  background-color: #2E6D9D;
  border: none;
  border-radius: 3px;
  margin-left: 6px;
  padding: 11px 0;
  -webkit-font-smoothing: antialiased;
}

#videos_relacionados { float: right;
    width: 36%;
position: relative;
    margin-top: -54%;
}

#videos_relacionados ul {width: 100%;
margin: 0;
    padding: 0;
}

#videos_relacionados ul li{width: 49%;
display: inline-block;
    padding: 0;
    margin: auto 0;
    box-sizing: border-box;
}

#videos_relacionados .videos_contenedor {position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 75%;
    width: 100%;}

#videos_relacionados iframe {position: absolute;
height: 100%;
width: 100%;
    top: 0;
    left: 0;   
}

#videos_relacionados h1{
background-color: #00A7FF;
    color: white;
    padding-left: 0.5em;
    font-weight: 300;
    line-height: 1em;
    width: 49%;
    height: 5.25em;
    font-size: 1.5em;
    padding-top: 1.5em;
    box-sizing: border-box;
    position: absolute;
    top: -1em;
}


/*------------------VOCES---------------------------*/

.videos_principales{width: 59%;
float: left;

}


.videos_principales .video_contenedor{position: relative;
    margin: auto;
height: 0;
    padding-bottom: 75%;
    width: 100%;

}

.videos_principales iframe {width: 100%;
height: 20em
}


.videos_principales .bajada_video{margin-top: -20%;
height: 12em;
position: relative;
}

.videos_principales .bajada_video .iconos ul {bottom: -0.5em;}
.videos_principales .bajada_video h3{margin-top: -28%;
color: #FDCD00;
}


#voces_aside { float: right;
width: 38%;
margin-top: -0.5%;
    padding: 0;
}

#voces_aside ul {width: 100%;
margin: 0;
    padding: 0;

}




#voces_aside>ul>li {
  box-sizing: border-box;
  border: 0.3em solid #D8D7CF;
  list-style: none;
  width: 100%;
  height: 8em;
  background-color: #f2f2f2;
  padding: 0.3em;
 
    
    
}

#voces_aside .info_videos{right: 0;
    padding: 0.5em;
    margin: 0;
    box-sizing: border-box;
width: 59%;
float: right;
}

#voces_aside .info_videos h1

 {
  font-family: "Oswald";
  font-size: 1em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
     margin-top: 5px;
 

 
 }


#voces_aside .info_videos p{
  font-family: "Roboto";
  font-size: 0.8em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1em;}

#voces_aside .info_videos  h2 {
  font-family: "Roboto Slab";
  font-size: 0.9em;
  color: #FDCD00;
  font-weight: 700;
    margin: 0;
    
}

#voces_aside .info_videos h3 {float: right;
font-weight: 300;
font-size: 1em;
margin: 0;
    
}



#voces_aside img{float: left;
width: 39%;
margin-top: 5px;

}



#testimonios{
width: 32%;
position: relative;
margin: 0;
padding: 0;
float: right;
top: 0.3em;
    right: 0.5em;
margin-bottom: 6%;
}

#testimonios ul{ width: 100%;
margin: 0;
padding: 0;
margin-top: -9%;

}

#testimonios ul li{width: 100%;
background-color: white;
margin-bottom: 1%;

    

}

#testimonios img {

width: 33%;
padding-top: 1em;
padding-left: 1em;

}

#testimonios h1{background-color: #FDCD00;
font-weight: 300;
color: white;



font-size: 2.3em;
line-height: 1.2em;
width:100%;

text-align: center;
box-sizing: border-box;


}

.info_testimonios{ 
position: absolute;
right: 0;
margin-top: -33%;
width: 65%;
text-align: center;



}

.info_testimonios h3{color: black;
  font-family: "Oswald";
  font-size: 1.5em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
     margin-top: 0;
    

}

.info_testimonios p{
padding: 0 0.7em 0.5em 0.7em;
    font-family: "Roboto";
  font-size: 0.9em;
  color: black;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1.3em;


}








#voces_movilizaciones {width: 100%;
margin: 0;
padding: 0;
position: relative;
    top: 1em;
    clear: both;
}

#voces_movilizaciones ul {width: 100%;
padding: 0;
 margin: 0;

   
    
}

#voces_movilizaciones .fila1{position: absolute;
left: 20em;
width: 66.5%;
}

#voces_movilizaciones .fila1 li {width: 49.5%;}

#voces_movilizaciones .fila2{position: absolute;
top: 22.8em;
width: 66.5%;

}

#voces_movilizaciones .bajada_video .iconos ul{position: absolute;
right: 1em;
    width: 25%;
    height: 2em;
    bottom: 0;
}

#voces_movilizaciones .bajada_video .iconos ul li {display: inline-block;
width: 30%;

}

#voces_movilizaciones .fila2 li {width: 49.5%;}

#voces_movilizaciones ul li {
    display: inline-block;
    width: 33%;
  height: 23em;
    padding: 0.3em;
    box-sizing: border-box;
  
        

}

#voces_movilizaciones .principal{background-color:#FDCD00;
color: white;
    font-weight: 300;
padding-top: 2em;
    box-sizing: border-box;
    padding-left: 0.3em;
    font-size: 3.5em;
    line-height: 1em;
    width: 32%;
    height: 6.7em;
    margin: 0;
    float: left;
}

#voces_movilizaciones .bajada_video{height: 9em;
position: relative;
}

#voces_movilizaciones .bajada_video h3 {color: #FDCD00}

#voces_movilizaciones .video_contenedor {position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 75%;
    width: 100%;}

#voces_movilizaciones  iframe {position: absolute;
height: 100%;
width: 100%;
    top: 0;
    left: 0;
 
}



#videos_destacados { width: 66%;
margin: 0;
padding: 0;
float: left;
clear: both;
position: relative;
top: 26.5em;
}

#videos_destacados ul {width: 100%;
margin: 0;
    padding: 0;
}

#videos_destacados ul li{width: 32.7%;
display: inline-block;
    padding: 0;
    margin: auto 0;
    box-sizing: border-box;
}

#videos_destacados .videos_contenedor {position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 75%;
    width: 100%;}

#videos_destacados iframe {position: absolute;
height: 100%;
width: 100%;
    top: 0;
    left: 0;   
}

#videos_destacados h1{
background-color: #FDCD00;
    color: white;
    padding-left: 0.5em;
    font-weight: 300;
    line-height: 1em;
    width: 32.5%;
    height: 4.85em;
    font-size: 2em;
    padding-top: 1em;
    box-sizing: border-box;
    position: absolute;
    top: -0.85em;
}


/*--------------------MULEY-------------*/



#muley{width: 59%;
float: left;
z-index: 1;
position: relative;

}

#muley .video_contenedor {position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 75%;
    width: 100%;}


#muley iframe{width: 100%;}

#muley .bajada_video {margin-top: -7.5em;
height: 10em;
}

#muley .bajada_video h3{margin-top: -8.5em;
color:#FDCD00

}

#aside_muley{width: 38%;
height: 29em;
float: right;
background-color: #2a2a2a;
padding: 0 2em 0 2em;
box-sizing: border-box;
    color: white;

}


#aside_muley h1{font-size:  3em;
margin-top: 10%;

}

#aside_muley h2{font-size:  0.65em;
    font-family: "Roboto Slab";
    font-weight: 300;
    margin-top: -13%
}

#aside_muley p{margin-top: 5%;
font-family: "Roboto";

line-height: 1.2em;
font-weight: 300;
font-size: 0.9em;

}


#programas_recientes {
    clear: both;
    width: 100%;
    position: relative;
    top: 1em;
 margin-bottom: 3%;
  

}



#programas_recientes ul{display: block;
list-style: none;
    width: 100%;
    padding: 0;
    
}

#programas_recientes ul li{display: inline-block;
    width: 33%;
    padding: 0.3em;
    box-sizing: border-box;;
}

#programas_recientes #programast{ background-color:#FDCD00;
    position: absolute;
    top: 0.15em;
    width: 32%;
    height: 48.5%;
    font-size: 2.5em;
    text-align: center;
    line-height: 1.5em;
    color: white;
    padding: 0.3em;
    padding-top: 1em;
    box-sizing: border-box;
   

}

#programas_recientes #programast>h1{ font-weight: 300;}


#programas_recientes ul img{
z-index: 1;
    width: 100%;
}

#programas_recientes .bajada_video h3{color:#FDCD00}

#programas_recientes .bajada_video {position: relative;
height: 8em;
margin-top: -2%;

}
#programas_recientes .bajada_video .iconos ul{position: absolute;
right: 1em;
bottom: 0;
width: 25%;
}

#programas_recientes .bajada_video .iconos ul li{display: inline-block;
    padding: 0.2em;
    width: 30.5%;
}

#secciones{width: 59%;
position: relative;
    float: left;
top: 1em;
    
}

#secciones>h1{background-color: #FDCD00;
color: white;
font-weight: 300;
font-size: 1.9em;
text-align: center;
margin: auto;


    
}

#secciones ul{padding: 0;
width: 100%;
    margin-top: 1%;
}

#secciones ul li{display: inline-block;
width: 49.7%;

}

#secciones img{width: 100%;
z-index: 1;}

#secciones .bajada3{z-index: 2;
    position: absolute;
    color: white;
  bottom: 9em;
    font-weight: 300;
    background-color: #FDCD00;
    width: 25%;
    padding: 0.2em

}

#secciones .bajada4{z-index: 2;
    position: absolute;
    bottom: 2em;
    font-weight: 300;
    background-color: #FDCD00;
    width: 25%;
    padding: 0.2em;
        color: white;

}

#muley_ultimo{float: right;
width: 38%;
    position: relative;
    top: 1em;
}

#muley_ultimo>h1{background-color:#FDCD00;
    font-size: 2em;
    text-align: center;
    font-weight: 300;
    color: white;
    margin: auto;
    height: 1.5em;
}

#muley_ultimo div{width: 100%;}

#muley_ultimo img{width: 100%;
margin-top: 1%;

}

#muley_ultimo h2{position: absolute;
top: 3em;
right: 0;
z-index: 2;
font-size: 2em;
padding: 0.3em;
background-color: #FDCD00;
color: white;


}

#muley_ultimo .bajada h3{position: absolute;
top:10.8em;
right: 0;
font-size: 1em;
z-index: 2;
font-weight: 300;
color: white;
background-color: #FDCD00;
padding: 0.3em;

}

#muley_ultimo .bajada_video{margin-top: -3%;}

#muley_ultimo .bajada_video h5{margin: 0;}
#muley_ultimo .bajada_video h3 {margin-top: -21.5%;
color:#FDCD00}

#muley_ultimo .bajada_video h1 {margin: 0;}
#muley_ultimo .bajada_video p {margin: 0;}


/*-----------------------ENCUENTROS-------------------*/

#encuentros_principales{position: relative;
width: 59%;
    float: left;
}

#encuentros_principales h2{position: absolute;
top: 3em;
right: 0;
z-index: 2;
font-size: 2.5em;
padding: 0.3em;
background-color: #FDCD00;
color: white;


}



#encuentros_principales h4{position: absolute;
bottom: 0.2em;
color: white;
font-size: 1.5em;
z-index: 2;
background-color: #FDCD00;
padding: 0.5em;
   

}


#encuentros_principales img{width: 100%;}



#encuentros_principales .bajadae{background-color: green;

}

#encuentros_aside {float: right;
width: 38%;
background-color: #2e2d2d;
}

#tabla_e #calendar {
  clear: both;
  width: 80%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  background-color: #90918D;
  border-collapse: collapse;
    
    
}

#tabla_e caption{background-color:#90918D ;
color: white;
}

#tabla_e tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
    
}

#tabla_e tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}


#tabla_e th {
  max-width: 20px;
  background-color: #2a2a2a;
  border-right: 1px solid #A2ADBC;
  border-bottom: 1px solid #A2ADBC;
  border-top: 1px solid #A2ADBC;
    color: white;
    font-weight: 300;
}

#tabla_e table{
display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: white;
   

}

#tabla_e #today {background-color: green;}

#tabla_e .box-calendar h3{text-align: center;
font-size: 1.5em;
    color: white;
    font-weight: 300;
   
}
#tabla_e .box-calendar h4{text-align: center;
font-size: 0.58em;
    font-family: "Roboto Slab";
    font-weight: 300;
    padding: 0;
    color: white;
    margin-top: -7%;
        
    

}

#encuentros_aside #hoy {width: 100%;
margin-top: 6%;

border-top: solid 2px white;
}

#encuentros_aside #img_hoy{float: left;
width: 33%;
    
margin: 0;
}

#encuentros_aside img {width: 100%;
margin-left: -10%;
margin-top: -5%;
}

#encuentros_aside #hoy #info_hoy{float: right;
width: 60%;
color: white;
margin-right: 5%;
margin-top: -2%;
    
}

#encuentros_aside #info_hoy h5{margin: 0;
  font-family: "Roboto Slab", serif;
    font-size: 0.6em;


}

#encuentros_aside #info_hoy p{font-size: 0.75em;
line-height: 1em;
margin-top: 2%;
    font-weight: 300;
    font-family: "Roboto";

}

#anteriores_e{
width: 59%;
float: left;
position: relative;

}


#anteriores_e li>h1 {
  background-color: green;
  color: white;
  font-weight: 300;
  font-size: 2.7em;
  text-align: center;
  top: -0.8em;
  padding-top: 2.5em;
  box-sizing: border-box;
  width: 49.5%;
  height: 7.6em;
  line-height: 1em;
  position: absolute;
}
#anteriores_e ul{width: 100%;
padding: 0;
margin: auto;}



#anteriores_e ul li{display: inline-block;
width: 49.7%;
    padding-bottom: 0.3em;

    box-sizing: border-box;
}

#anteriores_e img{width: 100%;

}


#anteriores_e .info_e{background-color: white;
position: relative;
margin-top: -4%;
}

#anteriores_e .info_e h1{ font-family: "Oswald";
  font-size: 1.5em;
  color: #000000;
  font-weight: 400;
  line-height: 1.1;
margin-top: 2px;
padding: 0.3em; box-sizing: border-box;
}


#anteriores_e .info_e p { font-family: "Roboto";
  font-size: 0.9em;
  color: #000000;
  font-weight: 300;
  line-height: 1.2em;
margin-top: -1.3em;}

#anteriores_e .info_e .iconos {float: right;}


#anteriores_e .info_e .iconos ul {width: 25%;}

#anteriores_e .info_e .iconos ul li {display: inline-block;
width: 30%;

}

#anteriores_e .info_e p{font-family: "Roboto";
margin:auto;
    padding: 0.5em;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.95em;
  
}

#anteriores_e .info_e h4{ font-family: "Roboto Slab";
  font-size: 0.8em;
  color: #eb9a00;
  font-weight: 400;
padding: 0.5em;
    box-sizing: border-box;
    margin:auto;
}

.h2e2{position: absolute;
bottom: 7.8em;
font-weight: 300;
background-color: green;
width: 25%;
padding: 0.5em;
color: white;
    font-size: 1.1em;


}


#proximos_e{width: 38%;
float: right;
position: relative;
}

#proximos_e>h1{background-color: green;
color: white;
font-weight: 300;
font-size: 1.5em;
text-align: center;
margin: auto;
    width: 100%;
    height: 2em;
    padding-top: 1%;
    box-sizing: border-box;
    }


#proximos_e ul{list-style: none;
padding: 0;
margin: auto;
    
}

.columna_img{float: left;
width: 30%;
    position: absolute;
    top: 3.3em;
}

.columna_img img{width: 100%;
   padding-left: 0.35em;
       padding-right: 0.35em;
    padding-top: 0.7em;
    box-sizing: border-box;

}

#proximos_e  .noticias_terciarias{float: right;
    width: 70%;
    
    
}

#proximos_e  .noticias_terciarias ul li{
height: 7.3em;    
    
}


#proximos_e .bajada_terciarias {width: 100%;

}


#proximos_e .bajada_terciarias  {position: relative;

}

#proximos_e .bajada_terciarias .iconos ul {position: absolute;
width: 50%;
top: 4.7em;
right: -2em;
}

#proximos_e .bajada_terciarias .iconos ul li {width: 25%;
padding: 0;
}

#galeria{width: 59%;
    clear: both;
    position: relative;
   float: left;
    top: 0.5rem;



}


#galeria ul{width: 100%;
    margin: auto;
    padding: 0;
    margin-bottom: 2%;
}

#galeria ul li{width: 32.7%;
    display: inline-block;
}

#galeria h1{background-color: green;
position: absolute;
    margin: auto;
    top:0;
    width: 32.5%;
    height: 2.05em;
    font-size: 3em;
    font-weight: 300;
    color: white;
    text-align: center;
    padding-top: 0.6em;
}

#galeria img{width: 100%;}

#comentario{width: 38%;
    position:relative;
   float: right;
    top: -3em;
    left: 1.2em;
    

}


.comment{width: 100%;
background-color: #2a2a2a;
    padding-left: 1em;
    box-sizing: border-box;
    height: 23.8em;
  

}
.comment h2 {
  
 text-decoration: underline;
    color: white;
    display: block;
    font-size: 1em;
    padding: 0.8em;
    box-sizing: border-box;
    font-weight: 300;
    font-family: "Roboto Slab"
}

.comment ul {
    width:100%;
    list-style-type:none;
padding:0;
}
.comment li{
padding:0.5em; 

position:relative;
} 

.comment label {
    color: white;
    display: inline-block;
    float: left;
    font-family: "Roboto Slab";
    font-size: 13px;
    font-weight:300;
    width:24%
}
.comment input {
height:20px; 
width:220px; 
padding:5px 8px;
}
.comment textarea {
padding:8px; 
width:300px;
}
.comment button {
margin-left:90px;
}
 

 
.comment input, .comment textarea { 
border:1px solid #aaa;
box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
border-radius:2px;
color: #888;
font-size: 12px;
;

}
.comment input:focus, .comment textarea:focus {
background: #fff; 
border:1px solid #555; 
box-shadow: 0 0 3px #aaa; 

}

 
.comment input:required:valid, .contact_form textarea:required:valid {
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
.comment input:focus:invalid, .contact_form textarea:focus:invalid {
box-shadow: 0 0 5px #d45252;
border-color: #b03535
}

button.submit {
    padding: 6px 17px;
   font-family: "Roboto Slab" serif;
   font-weight: bold;
   line-height: 1;
   color: black;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
position: absolute;
    left: -7em;
    top: -0.4em;
    
   
}
button.submit:hover {
opacity:.55;
cursor: pointer; 
color: #fff;
}
button.submit:active {
border: 1px solid #222;
box-shadow: 0 0 10px 5px #444 inset; 
}
 

/*--------------------------MAPA---------------*/

.sitemap {
	margin: 0 0 40px 0;
	float: left;
	width: 100%;
    background-color: grey;
    
   
  
}
.sitemap ol, .sitemap ul {
	list-style: none;
}
.sitemap a {
	text-decoration: none;
}

.sitemap h1{background-color: black;
text-align: center;
    margin-top: 0;
    color: white;
    height: 2em;
    padding-top: 0.3em;
    box-sizing: border-box;
    margin-bottom: 5%;
    font-size: 2em;
}


#mapa{font-family: "Roboto";
padding: 1em;
position: relative;
}

#mapa li ul li {
	width:100% !important;
}


#mapa.columnasm li { width:16.5%; }



#mapa {
	margin: 0;
	float: left;
	width: 100%;
}
#mapa #home {
	display: block;
	float: none;
	background-color: #505050;
    width: 14.5%;
	position: relative;
    font-size: 1em;
    margin-bottom: 5%;
    box-sizing: border-box;
    padding: 0;
	
}

#home a {
width: 100%;
}

#mapa li {
	float: left;
	width:100%;
	padding: 30px 0;
	margin-top: -30px;
    box-sizing: border-box;
}
#mapa li a {
	margin: 0 20px 0 0;
padding: 10px 0;
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
color: white;


}

#mapa>li>a{font-size: 0.9em;
font-family: "Roboto Slab" serif; 

}

#mapa>li>ul{width: 100%;
margin-left: -2.5em;

}



#mapa>li>a{height: 40px;
padding-top: 2em;}

#mapa>li>ul>li>a{height: 25px;
padding-top: 1.2em;
}

#mapa>li>ul>li>ul{width: 110%}

#mapa>li>ul>li>ul>li>a{height:19px;
padding-top: 1em;


}

#mapa>li>ul>li>ul>li>ul{margin-top: -5%;}

#mapa li li {
	width: 100%;
	margin-top: 0;
	padding: 5px 0 0 0;

}


#mapa li li:first-child {
	padding-top: 30px;
}






#mapa li li ul {
	
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	
}
#mapa li li li {
	
	padding: 5px 0;
}
#mapa li li li a {
	
	font-size: 12px;
	padding: 5px 0;
	width: 80%;
	float: right;
}

#mapa li li li:first-child {
	padding: 5px 0 5px 0;
	
}

#aside_mapa {
position: absolute;
margin-left: 37%;
margin-top: 4%;   
    
}

#aside_mapa ul li {display: inline-block;
width: 24%;
    
}

#aside_mapa h1 {background-color: black;
width: 100%;
height: 3.5em;
padding: 1em;
box-sizing: border-box;
text-align: center;
font-weight: 300;
font-size: 1em;


}

#aside_mapa div {width: 100%;
margin-top: -7%;
}

#aside_mapa div ul {width: 100%;}

#aside_mapa div ul li {width: 43%;
display: inline-block;
background-color: #434242;
height: 3.5em;
padding: 1em;
box-sizing: border-box;
text-align: center;
font-weight: 300;
font-size: 1em;

}

#aside_mapa a {color: white;}


.sitemap img{position: absolute;
width: 250px;
bottom: -19.5em;
right: 10em;
opacity: 0.5;


}



#wktv>a{background-color:firebrick;}

#wktv li a{background-color: #7b1818;}
#wktv li a:hover{background-color:firebrick;}

#programacionm>a{background-color:#FDCD00;}
#programacionm li a{background-color: #c19d03;}
#programacionm li a:hover{background-color:#FDCD00;}
#programacionm li li a {background-color: #8d8d21;}
#programacionm li li li a{background-color: #646424;}


#noticiasm>a{background-color:#00A7FF;}
#noticiasm li a{background-color: #0374af;}
#noticiasm li a:hover{background-color:#00A7FF;}
#noticiasm li li a{background-color: #02517b; }

#encuentrosm>a{background-color:#3AA935;}
#encuentrosm li a{background-color: #246a21;}
#encuentrosm li a:hover{background-color:#3AA935;}

#contactosm>a{background-color: firebrick;}



#vivom>a{background-color:#FDCD00;}