@charset "utf-8;
    /*css document*/
    
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900,400italic,700italic);
    
    *{ margin: 0;

    }


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



#contenedor{
    background-color: #EEEEF4;
    width: 950px;
    margin:auto;
    height: auto;
    }


body{
    background-color: #EEEEF4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: black;
    
}


header{
    background-color: white;
    height: 60px;
    width: 100%;
    float: left;
    z-index: 10;
    position: fixed;
    border-left-width: inherit;
    border-right-width: inherit;
    border-top-width: inherit;
    border-bottom-width:thin;
	border-bottom-color: #ff9749;
	border-style:solid;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
 
}

#contenedorheader{
    background-color: white;
    width: 950px;
    margin:auto;
    height: 60px;
}

header img{
    float: left;
    width: 190px;
    margin-top: 1px;
    margin-left: 0.5rem;
}


header nav ul{
    width: 577px;
    padding-left: 0px;
    font-size: 1rem;
    list-style: none;
    float: right;
    font-weight: 400;
}
        
header nav ul li {
     float: right;
     width: 9rem;
     text-align: center;
     
 }

header nav ul li a{
    float: left;
    text-align: center;
    display: inline-block;
    width: 9rem;
    color: black;
    padding-top: 1.3rem;
    height: 2.45rem;
}

header nav ul li a:hover{
    border-left-width: inherit;
    border-right-width: inherit;
    border-top-width: inherit;
	border-bottom-color: #eb7721;
    border-bottom-width: thick;
	border-style:solid;
    color: #eb7721;
    text-align: center;
    width: 9rem;
    float: left;
    height: 2.2rem;
    font-weight: 400;
}
 
#gifvivo{
    float: right;
    margin-top: 0.7rem;
    margin-left: 1rem;
    width: 6rem;
}
#gifvivo img{
    float: right;
    width: 6rem;
}



main{
    
    display: block;
    width: 700px;
    float: left;
    
}

#contenedorslider{
    width: 950px;
    margin:auto;
    height: 330px;
}

#slider{
    margin-top: 5rem;
    width: 950px;
    color: black;
    float: left;
    height: 330px;    
}

#slider img{
    width: 950px;
    float: left;
    height: 330px;
}

#transmision {
    position: absolute;
    z-index: 2;
    margin-top: 12rem;
    width: 17rem;
    height: 8rem;
    float: left;
    background-color:rgba(175, 0, 0, 0.8);
      
}

{background-color:rgba(198, 16, 16, 0.8);
background-color:rgba(114, 190, 178, 0.85);}

.vs {
    font-size: 21px;
    float: left;
    color: white;
    font-weight: 300;
     padding-top: 0.3rem;
padding-left: 2rem;}

.vs a:hover{
    color: black;
}
.trans {
    font-size: 12px;
    color: black;
    float: left;
     padding-top: 1rem;
    padding-left: 2rem;
    letter-spacing: 1px;
} 


.dia a{
    font-size: 20px;
    color: white;
    float: left;
    font-weight: 600;
    padding-top: 1rem;
    padding-left: 2rem;
}

.dia a:hover{
    color: black;
}



#principal p{
    float: left;
    padding-top: 0rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 18.6rem;
    font-size: 20px;
    margin-left: 0rem;
    margin-right: 0.5rem;
    width: 21rem;
    color: white;
    
}

   

h20{
    font-size: 20px;
    float: left;
    margin-top: 1rem;
    color: #26292B;
}

#videitos{
    float: left;
    margin-top: 1rem;
    width: 710px;
    height: 600px;  
  }

#fila1 {
    float: left;
    margin-top: 1rem;
    height: 470px;    
    
}

#fila2 {
    float: left;
    margin-top: 0.5rem;
    height: 480px;
    
}

{color noticias #f5f4f4}

#noticia1 {
    float: left;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
}



#videitos h2{
    float: left;
    clear: both;
    margin-top: 1.5rem;
    width: 20rem;
    font-size: 16px;
    padding-right: px;
    line-height: 1.3rem;
    margin-left: 15px;
    font-weight: 600;
}

#fechanoticias{
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 7px;
    font-size: 12px;
    color: #a3a3a3;
}

#videitos a{
    color: black;
}

#videitos a:hover{
    color: #eb7721;
}


#tags{
    float: left;
    margin-bottom: 0.5rem;
    background-color: #67acac;
    width: 7.5rem;
    height: 1.6rem;
    padding-top: 0.2rem;
    padding-left: 1rem;
    font-size: 18px;
    color: white;
    font-weight: 400;
}

#text {
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 1rem;
    line-height: 1.2rem;
    font-size: 12px;
    
}
    
/*hover colores home*/

#noticia1 #img{
    width: 100%;
    float: left;
    height: 15rem;

}
#imgnoti{
    float: left;
    width: 100%;
}

#imgnoti img{
    float: left;
    width: 100%;
}
{#f8c037}
#hoverimg{
    background-color: rgba(234, 97, 13, 0.7);
    height: 15rem;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -15rem;
}

#hoverimg:hover{
    opacity: 1;
}

#textohover{
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 160px;
    font-weight: 300;
    color: white;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    
}

#noticia2 #img{
    width: 100%;
    float: left;
    height: 15rem;

}


#noticia2 #hoverimg:hover{
    opacity: 1;
}



#noticia3 #img{
    width: 100%;
    float: left;
    height: 15rem;

}


#noticia3 #hoverimg:hover{
    opacity: 1;
}



#noticia4 #img{
    width: 100%;
    float: left;
    height: 15rem;

}


#noticia4 #hoverimg:hover{
    opacity: 1;
}




/*fin  hovers home*/


#noticia2 {
    float: left;
    margin-left: 10px;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
    
}



#noticia3 {
    float: left;
    margin-left: 0px;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
    
}

#noticia4 {
    float: left;
    margin-left: 10px;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
    
}






#leermas{
    float: left;
    margin-top: 0.5rem;
    height: 2rem;
    width: 700px;
}

#masdestacadas #leermas{
    float: left;
    margin-top: 0.5rem;
    height: 2rem;
    width: 100%;
}
    

#leermas p:hover{
    color: #393939;    
}

#leermas p{
    float: right;
    font-size: 14px;
    margin-right: 2rem;
    color: grey;
}

#leermas hr{
    float: left;
    width: 560px;
    margin-top: 0.5rem;
    border: 1px solid #aaaaaa; 
}


#masdestacadas{
    float: left;
    width: 100%;
    height: 31rem;
    margin-top: 29rem;
}

#notidestacada img{
    float: left;
    width: 14rem;
    height: 8rem;
    
}

h23{
    float: left;
    color: #575757;
    width: 12rem;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2rem;
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    margin-bottom: 1rem;
    
}

h23:hover{
    float: left;
    color: #eb7721;
    font-weight: 600;
    
}

#horamasdestacadas{
    float: left;
    font-size: 14px;
    color: gray;
    text-decoration: underline;
    margin-left: 0.5rem;
    margin-top: 0.7rem;
}

#notidestacada{
    float: left;
    width: 14rem;
    background-color: white;
    margin-right: 0.7rem;
    margin-bottom: 0.5rem;
}



#cajadestacadas{
    margin-top: 1rem;
    width: 708px;
    float: left;
    margin-bottom: 2rem;
}



aside{
    width: 14.5rem;
    float: right;
    margin-top: 1rem;
    
}

h21{
    font-size: 20px;
    float: left;
    margin-top: 1rem;
    color: #26292B;
}


#aside #buscador img{
    float: left;
    width: 85%; 
    margin-top: 1.5rem;
    margin-left: 0.6rem;
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}

#cronograma {
    float: left;
    margin-top: 1rem;

}


aside h6{
    float: left;
    font-size: 15px;
    background-color: gray;
    font-weight: 400;
    color: white;
    width: 13rem;
    text-align: center;
    padding-top: 1.5rem;
    height: 3rem;
}

aside h6:hover{ 
    background-color: #eb7721;
}


#aside{
    float: left;
    margin-top: 0.8rem;
    padding-left: 0.7rem;
    height: 660px;
    background-color: white;
}

#ahora{
    float: left;
    margin-top: 1.5rem;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    width: 12.5rem;
    color: #d40c1e;
    padding-left: 0.5rem;
    font-weight: 700;   
}

#tarde{
    float: left;
    margin-top: 0.5rem;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    color: gray;
    width: 12.5rem;
    padding-left: 0.5rem;
}

#continua{
    margin-top: 0.5rem;
    float: left;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    color: gray;
    width: 12.5rem;
    padding-left: 0.5rem;
}

#mañana{
    margin-top: 0.5rem;
    float: left;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    color: gray;
    width: 12.5rem;
    padding-left: 0.5rem;
}





#mas{
    float: left;
    height: 2.2rem;
    padding-top: 0.8rem;
    text-align: center;
    width: 1.2rem;
    font-size: 24px;
    font-weight: 500;
    background-color: #eb7721; 
    border: thin solid #eb7721;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
}

#mas a{
    color: white;
    float: left;
    display: block;
    margin-top: -0.8rem;
    padding-top: 0.6rem;
    height: 2.4rem;
    width: 100%;
     
}

#mas a:hover{
    color: white;
    background-color: #eb7721;
}

#horario{
    float: left;
    color: #eb7721;
    margin-left: 0px;
    width: 3rem;
    padding-top: 0.9rem;
    height: 2.1rem;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-style: solid;
    border-color: #eb7721;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
}


#program{
    float: left;
    width: 8.3rem;
    height: 2rem;
    padding-top: 1rem;
    background-color: white;
    color: black;
    font-weight: 400;
    font-size: 14px;
    padding-left: 0.5rem;
    border-style: solid;
    border-color: #eb7721;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
    
}

#program a{
    color: black;
}



#otros a {
    color: black;
}


#social-widgets{
    float: left;
    margin-top: 1.3rem;
    width: 100%;
}

#social-widgets ul {
  padding:0px;
    float: left;
}

#social-widgets li {
  position:relative;
  list-style:none;
  float:left;
  width: 12.05rem;;
  margin-right:1rem;
  margin-bottom:0.5rem;
  color:#fff;
  text-align:right;
  padding:20px;
    height: 2.8rem; 
}

#social-widgets #imgtw {
    float: left;
    margin-top: 0.3rem;
  width:75px;
  height:3rem;
}

#social-widgets #imgtw img {
    height: 2rem;
    float: left;
}

#social-widgets li p {
  font-size:20px;
    float: right;
  font-weight:bold;
  margin:0px;
    width: 5rem;
}



#social-widgets li .follow {
  float: left;
  font-size:14px;
    font-weight: 400;
  width:6rem;
  height:16px;
  margin-top: 0.5rem;
}
    

.cuadromasfb{
    float: right;
    height: 1.1rem;
    text-align: center;
    width: 1.1rem;
    font-size: 16px;
    font-weight: 400;
    background-color: white;
    color: #4d6baa;
    border-radius: 5px;
    margin-left: 0px;
    margin-top: 0.5rem;
}

.cuadromastw{
    float: right;
    height: 1.1rem;
    text-align: center;
    width: 1.1rem;
    font-size: 16px;
    font-weight: 400;
    background-color: white;
    color: #4fc6f8;
    border-radius: 5px;
    margin-left: 0px;
    margin-top: 0.5rem;
}

.cuadromasyt{
    float: right;
    height: 1.1rem;
    text-align: center;
    width: 1.1rem;
    font-size: 16px;
    font-weight: 400;
    background-color: white;
    color: #CC181E;
    border-radius: 5px;
    margin-left: 0px;
    margin-top: 0.5rem;
}



#social-widgets .facebook {
  background:#4d6baa;   
}
        
#social-widgets .twitter {
  background:#4fc6f8;   
}
  
#social-widgets .google-plus {
  background:#f1040c;   
}
        

#losocial { 
    margin-top: 2rem;
    width: 960px;
    float: left;
    display: inline-block; 
}

#losocial #facebooktwiter{
    width: 32.5%;
    float: left;
    margin-right: 0.8%;
}

#losocial #encabezadoredes{
    width: 100%;
    float: left;
}

#losocial #encabezadoredes img{
    margin-top: 1rem;
    margin-right: 1.2rem;
    width: 13%;
}

#losocial #comentariosfb{
    width: 100%;
    height: 21rem;
    
}

#losocial #comentariostw{
    width: 100%;
    height: 21rem;
    float: left;
}

#losocial #comentariosfb #textocoment{
    width: 60%;
    float: left;
    height: 6.8rem;
}


#losocial #comentariosfb #coment1{
    height: 9.5rem;
}

#losocial #comentariosfb #like{
    margin-top: 1.8rem;
}
#losocial #comentariostw #textocoment{
    height: 7rem;
    width: 64%;
}

#losocial #comentariostw #coment1{
    height: 9.5rem;
}

#losocial #comentariostw #like{
    margin-top: 0.7rem;
}
#losocial img{
    float: left;
    width: 100%;
}

.youtube{
background-color: #f1040c;    
}


#tupares { width: 950px;
            float: left;
        display: inline-block;

   
}
#fb img{ 
    background-image: url(https://youtu.be/Lj2xrgkXli8);
    float: left;
    list-style: none;
    display: inline-block;
    margin-left: 0;
    width: 49.47%;
    padding-right: 5px;
    
    
}



h1{
    padding-left: 1rem;
    margin-top: 3rem;
    margin-left: 1rem;
    font-size: 25px;
    color: white;
    width: 23rem;
    line-height: 1.7rem;
    
        
}

h1:hover {color: black;
    text-decoration: underline;
}
    


h5:hover {color:white;
        text-decoration: underline;
    background-color: #e96040;
}

h5{ color:white;
    float:right;
    background-color: gray;
    font-family: "Roboto", sans-serif;
    margin-top: 1.7rem;
    margin-right: 1rem;
    font-size: 11px;
    width: 4rem;
    height: 1rem;
    text-align: center;
    padding-top: 4px;
    
}

h6{ color:#3999a6;
    float:left;
    font-family: "Roboto", sans-serif;
    margin-top:0.5rem;
}





#contenedorfooter{
    background-color: #232527;
    width: 950px;
    margin:auto;
    height: auto;
}

footer{
    float: left;
    list-style-type: none;
    background-color: #232527;
    width: 100%;
	height: auto;
    margin-top:2rem;
	position:relative;
	padding-bottom:20px;
    clear: both;
    color: white;
}



#izquierda{
    margin-top: 0.8rem;
    float: left;
    height: auto;
    width: 330px;

}

#izquierda h7{
    font-size: 13px;
    font-weight: 300;
    float: left;
    width: 117px;
    line-height: 1.3rem;
    margin-top: 0.6rem;
    color: white;
}

#h7{
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
}

#logofooter{
    float: left;
    width: 12rem;
}

#logofooter img{
    width: 90%;
    float: left;
}

#redessoc{
    float: left;
    width: 8rem;
    margin-top: 1.5rem;
    margin-left: 12rem;
}

#redessoc img{
    width: 17%;
    float: left;
    margin-right: 1rem;
}

footer ul{
    width: 520px;
    margin-right: 0rem;
    float: right;
}

#elementos{
    float: right;
    margin-left: 1.7rem;
    height: 130px;
    margin-top: 1.5rem;
}


footer ul li{
list-style-type: none;
margin-top: 0.5rem;
}



footer ul h4{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
float: left;
margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


footer ul li a{
    font-size: 14px;
    font-weight: 300;
color: darkgrey;
    float: left;
    clear: both;
    margin-bottom: 0.3rem;
}

footer ul li a:hover{
color: #eb7721;}




footer p{
    color: #6c6c6c;
    font-size: 10px;
    width: 800px;
    margin-top: 3rem;
    margin-left: 4rem;
    float: left;
    height: 30px;
    text-align: center
}




   
/* FIN INDEX */





/* NOTICIA */


#A a{
    padding-left: 0px;
    width: 9rem;
    height: 2.2rem;
    border-left-width: inherit;
    border-right-width: inherit;
    border-top-width: inherit;
    border-bottom-width:thick;
	border-bottom-color: #eb7721;
	border-style:solid;
    color: #eb7721;
    text-align: center;
    font-weight: 400;
}

#notiprincipal{
    width: 100%;
    height: 16.5rem;
    float: left;
    background-color: rgb(120, 214, 192);
    color: black;

}

#notiprincipal img{
    float: left;
    width: 53.5%;
    margin: 0px;
    
}

#notiprincipal #img2{
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-top: -16.5rem;
    opacity: 0;
    
}

#notiprincipal #img2:hover{
    opacity: 1;
    
}


#notiprincipal h10{
    float: left;
    color: black;
    font-size: 21px;
    font-weight: 600;
    margin-top: 1rem;
    margin-left: 1.5rem;
    padding-left: 0px;
    color: black;
    width: 16rem;
    height: 4rem;
    background-color: transparent;
    
}



#notiprincipal p{
    float: left;
    width: 16rem;
    margin-left: 1.5rem;
    line-height: 20px;
    
}

#notiprincipal mas2{
    float: left;
}


#mas2{
    float: right;
    padding-top: 4.2rem;
    padding-bottom: 4.3rem;
    margin-top: rem;
    text-align: center;
    width: 2rem;
    font-size: 20px;
    font-weight: 400;
    background-color: #eb7721;
    
    
}


/* POLITICA */

#contenedorpolitica{
        background-color: #EEEEF4;
    width: 950px;
    margin:auto;
    height: 1480px;
    
}


#contenido{
    width: 700px;
    float: left;
    margin-top: 5rem;

}

#contenido h21{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#contenido hr{
    float: left;
    width: 698px;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    border: 0.062rem solid #bfbfbf;
}

#contenido #leermas{
    margin-top: 0rem;
}

#contenido #leermas hr{
   width: 560px;
    float: left;
}

#contenido #leermas p{
    float: right;
    margin-top: 1rem;
    
}



#politicanoti {
    float: left;
    width: 700px;
    height: 160px;
    background-color: white;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
       
}

#politicanoti p {
    float: left;
    width: 440px;
    margin-left: 15px;
    margin-top: 7px;
    line-height: 1.3rem;
    color: #454545;
}
    
#politicanoti img{
    float: left;
    width: 230px;
    margin: 0rem;
}

#politicanoti h2{
    float: left;
    margin-top: 1rem;
    color: black;
    width: 27rem;
    font-size: 16px;
    line-height: 1rem;
    margin-left: 15px;
    color: #575757;
    line-height: 1.2rem;
}

#politicanoti h2:hover{
    color: #eb7721;
}

{e96040}

#asidepolitica{
    width: 14.6rem;
    float: right;
    margin-top: 6.8rem;
    
}

#asidenoticias{
    background-color: white;
    float: right;
    width: 14.6rem;
    height: 28rem;
    margin-top: 1rem;
    
}




#asidenoticias #buscador img{
    float: left;
    margin-left: 0.8rem;
    width: 85%; 
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}



.h{ 

    color: white;
    width: 12rem;
    padding-left: 1rem;
    background-color: #eb7721;
    font-weight: 400;
    height: 2rem;
    padding-top: 1rem;
    margin-top: -1rem;
}

.o{
    color: black;
    width: 12rem;
    padding-left: 1rem;
    font-weight: 400;
    height: 2rem;
    padding-top: 1rem;
    margin-top: -1rem;
}

#asidenoticias ul {
    padding-left: 10px;
    list-style-type: none;
    list-style: none;
    height: 24rem;
    margin-top: 1rem;
    
}

#asidenoticias ul li{
    float: left;
    width: 13rem;
    font-size: 16px;
    margin-bottom: 0.5rem;
    font-weight: 400;
    background-color: white;
    color: #afaeae;
    height: 2rem;
    padding-top: 1rem;
    
}

#asidenoticias ul li a{
    float: left;
    width: 12rem;
    
}

#asidenoticias .o:hover{
    color: #eb7721;
    width: 12rem;
    background-color: ;
    font-weight: 400;
    height: 2rem;
    padding-top: 1rem;
    border-style: solid;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
    border-color: #eb7721;
}

#asidenoticias h8{
    float: left;
    font-weight: 300;
    width: 12.5rem;
    margin-top: 1rem;
    margin-left: 0rem;
    font-size: 15px;
    color: gray;
    font-weight: 400;
    padding-left: 0.5rem;
    height: 1.5rem;
    padding-top: 0.5rem;
    background-color: #e6e6e6;
    margin-bottom: 0.5rem;
    
}


    
/* PROGRAMAS */

#contenedorprogramas{
    width: 950px;
    margin: auto;
    height: 930px;
}

#contenedorprogramas h21{
    float: left;
    margin-top: 5rem;
    font-size: 30px;
}


#canales{
    width: 950px;
    margin-top: 4rem;
    
}

#canales a{
    color: #575757;
}
#canales a:hover{
    color: #eb7721;
}

#columna1{ 
    width: 950px;
    height: 500px;
    margin-top: 8rem;
    }

#prog1{
    width:380px;
    height: 495px;
    float: left;
    background-image: url(imagenes/ahora.gif);
}

#destacadoprograma{  
    background-color: rgba(175, 0, 0, 0.8);
    width:18rem;
    height: 8rem;
    float: left;
    margin-top: 22rem;
    color: white;    
}

#canales #hoverimg{
    height: 15.3rem;
    margin-top: -15.3rem;
}

#destacadoprograma a{
    color: white;
}
#destacadoprograma a:hover{
    color: black;
}

#destacadoprograma .nombre2{
    font-size: 21px;
    font-weight: 400;
    margin-top: 1.5rem;
    
}

#destacadoprograma .hora2{
    font-size: 14px;
    font-weight: 400;
    margin-top:0.5rem;
    letter-spacing: 1px;
    
}

#destacadoprograma .info2{ 
    font-size: 12px;
    font-weight: 400;
    margin-top:0.6rem;
    text-decoration: underline;
    color: black;
    
    
}

#prog2{
    float: left;
    background-color: white;
    margin-left: 0.5rem;
    width: 562px;
    height: 245px;
    margin-top: 0.4rem;
        
    
}
#img1 {
     float: left;
    width:281px;
    height: 245px;
}


#prog3{
    float: left;
    background-color: white;
    width: 562px;
    height: 245px;
    margin-left: 0.5rem;

}

#img2 {
    width: 281px;
    height: 245px;
    float: right;

}

#infoprog{
    float: left;
    width: 17.56rem;
    height: 15.3rem;
}

#destacadoprograma #infoprog{
    float: left;
    width: 18rem;
    height: 8rem;
}

#prog2 #infoprog{
    float: right;
}

#prog4 #infoprog{
    float: left;
    width: 13.75rem;
    height: 15.3rem;
}

#prog5 #infoprog{
    float: left;
    width: 13.75rem;
    height: 15.3rem;
}


.nombre2{ 
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    margin-top: 5.5rem;
    text-align: center;
    
}


.hora2 {
    float: left;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    text-decoration: underline;

}

.info2 {
    float: left;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0.8rem;
    width: 100%;
    color: #575757;
    text-align: center;
}

#columna2{ 
    width: 950px;
    height: 245px;
    margin-top: 0.5rem;
    
    
    }

{#c6c5c5}

#prog4{
    float: left;
    background-color: white;
    width: 470px;
    height: 245px;
}

#img3{
    width: 250px;
    height: 245px;
    float: right;    
}


#prog5{
    float: left;
    background-color: white;
    width: 470px;
    height: 245px;
    margin-left: 0.5rem;
}


#img4{
    width: 250px;
    height: 245px;
    float: right;
}

#pare h21{
    margin-top: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    
}

#canales #leermas{
    width: 950px;
    margin-top: 1.5rem;
}

#canales hr{
    width: 800px;
}







/* PARES NOTICIAS */


nav2{ 
     width: 950px;
    height: 2rem;
   
    
    
}

        
nav2 ul{
    width: 950px;
    height: 2rem;
    padding-left: 0px;
    font-size: 12px;
    list-style: none;
    float: left;
    font-weight: 100;
    background-color: whitesmoke;
}
        
nav2 ul li {
     float: left;
     width: 9rem;
     text-align: center;
     
 }

nav2 ul li a{
    float: left;
    text-align: center;
    display: inline-block;
    width: 8rem;
    padding-top: 10px;
    height: 1.4rem;
    color: #eb7721;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
  

}
        
        
nav2 ul li a:hover{
	
    text-align: center;
    width: 8rem;
    height: 1.4rem;
    
    padding-top: 10px;
    color: gray;
    
}
      


#paresnoticias{ 
    background-image:url(imagenes/pares%20noticias2.jpg);
    margin-top: 6rem;
    width: 950px;
    color: black;
    float: left;
    height: 330px;    
}
    
    #transparencia{
    
    background-color: rgba(79, 191, 161, 0.77);
    float: left;
    width: 290px;
    height: 120px;
    margin-top: 10rem;
    

}

   .name{ 
       float: left;
     margin-top: 1rem;
    font-size: 28px;
    font-weight: 400;
    margin-left: 2rem;
    margin-right: 0.5rem;
    color: white;
    
       
     }

.hour{
    
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-left: 2rem;
    margin-right: 0.5rem;
    color: white;
    letter-spacing: 2px;
    margin-top: 0.2rem;
    text-decoration: underline;
}
    

.information{
    
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-left: 2rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    
    
}



/* PROGRAMAS EMITIDOS */


#contenedoremitidos{
    width: 950px;
    margin:auto;
    height: 110rem;
}

#progemitidos{ 
    
    margin-top: 6rem;
    width: 950px;
    color: black;
    float: left;
    height: 100px;
    background-image: url(imagenes/tvcamera.jpg);
}

#ultimos h21{
    margin-top: 3rem;
    font-weight: 600;
    font-size: 30px;    
}

#ultimos{
    width: 700px;
    float: left;
    height: auto;
}

#emitidos{
    float: left;
    margin-top: 1.25rem;
    height: 490px;
    background-color: #bfbfbf;
}

#emitidos #fechanoticias{
    color: white;
    margin-top: 1rem;
    font-size: 14px;
}

#emitidos h2{
    margin-left: 1rem;
    font-size: 30px;
    font-weight: 300;
    color: #404040;
    float: left;
    clear: both;
}

#ultimos h2:hover{
    color: #e96040;
}

#emitidos iframe{
    width: 700px;
    float: left;
    height: 400px;
    border-style: none;
    margin-left: 0px;   
}

.ultimosprog1 iframe{
    border-style: none;
    width: 343px;
    height: 250px;
    float: left;
    margin-left: 0;
}

.ultimosprog1{
    float: left;
    width: 343px;
    height: 320px;
    margin-top: 2rem;
    background-color: white;
}

#ultimos #fechanoticias{
    margin-left: 1.5rem;
    margin-top: 1rem;
}

#ultimos h2{
    color: black;
    float: left;
    margin-top: 0rem;
    margin-left: 1.5rem;
}

.ultimosprog2 iframe{
    border-style: none;
    width: 343px;
    height: 250px;
    float: right;
    margin-left: 0.5rem;
}

.ultimosprog2{
    float: right;
    width: 343px;
    height: 320px;
    margin-top: 2rem;
    background-color: white;
}

#contenedoremitidos aside{
    margin-top: 3rem;
}

/* CONDUCCION */

#contenedorcondu{
    width: 950px;
    margin:auto;
    height: 50rem;
}



#conduccion{  
    margin-top: 6rem;
    width: 950px;
    color: black;
    float: left;
    height: 100px;
    background-image: url(imagenes/band.jpg);
}

#conductores{
    width: 700px;
    height: 460px;
    float: left;
   
}

#condu h21{
    margin-top: 3.7rem;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 0.5rem;
}

#conductor1{
    
    float: left;
    width: 348px;
    height: 420px;
    background-color: gainsboro;
    
}

#conductor1 img{ 
    width: 348px;
    
    float: left;
    
}

#conductor2{
    float: right;
   width: 348px;
    height: 420px;
    
    background-color: gainsboro;
}

#conductor2 img{ 
    width: 348px;
    
    float: left;
    
}


#conductores h8{
    float: left;
    font-size: 25px;
    margin-left: 3rem;
    margin-top: 1rem;
    font-weight: 100;
}

#conductores p{
    float: left;
    margin-left: 1.5rem;
    margin-right: 1.2rem;
    font-size: 12px;
    line-height: 1rem;
    margin-top: 1rem;
    
    
}     
        
        




#programas{
    
    
    height: 600px;   
    width: 700px;
    margin-top: 4.5rem;
    
  }

#programa {
    height: 710px;   
    width: 700px;
    margin-top: 1rem;
    
    
}

#redesociales {
    margin-top: 0.5rem;
    height: 295px;
    
}

#programa h2{
    float: left;
    color: #2c2c2c;
    width: 90%;
    margin-top: 0.2rem;
    margin-left: 1rem;
    font-size: 14px;
}



#programa p {
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 10px;
    line-height: 1rem;
    width: 90%;
    color: #575757;
    font-size: 13px;
    
}
  
#programa img{
    width: 100%;
    margin-bottom: 0.5rem;
    
}

#programa h2 a{
    color: #575757;
}

#programa h2 a:hover{
    color: #eb7721;
}

#programa1 {
    float: left;
    width: 415px;
    height: 350px;
    background-color: white;
}


#programa2 {
    float: right;
   width: 280px;
    height: 350px;
    background-color: white;
    margin-left: 0.2rem;
    
}

#programa3{
    float: left;
    margin-left: 0px;
    width: 280px;
    height: 350px;
    background-color: white;
    margin-top: 10px;
   
}

#programa4{
    float: left;
    margin-left: 5px;
    width: 415px;
    height: 350px;
    background-color: white;
    margin-top: 10px;
   
}

#programa5{
    float: left;
    width: 415px;
    height: 350px;
    background-color: white;
    margin-top: 10px;
   
}


#programa6{
    float: left;
    margin-left: 5px;
    width: 280px;
    height: 350px;
    background-color: white;
    margin-top: 10px;
   
}

#programa1 #hoverimg{
    background-color: rgba(235, 119, 33, 0.8);
    width: 100%;
    height: 16.5rem;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -17rem;
}

#programa1 #hoverimg:hover{
    opacity: 1;
}

#programa1 #textohover{
        width: 100%;
    height: 10rem;
    margin-top: 2rem;
}


#programa2 #hoverimg{
    background-color:rgba(235, 119, 33, 0.8);
    width: 100%;
    height: 11.1rem;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -11.6rem;
}

#programa2 #hoverimg:hover{
    opacity: 1;
}

#programa2 #textohover{
        width: 100%;
    height: 10rem;
    margin-top: -0.5rem;
}


#programa3 #hoverimg{
    background-color: rgba(235, 119, 33, 0.8);
    width: 100%;
    height: 11.1rem;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -11.6rem;
}

#programa3 #hoverimg:hover{
    opacity: 1;
}

#programa3 #textohover{
        width: 100%;
    height: 10rem;
    margin-top: -0.5rem;
}


#programa4 #hoverimg{
    background-color: rgba(235, 119, 33, 0.8);
    width: 100%;
    height: 16.5rem;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -17rem;
}

#programa4 #hoverimg:hover{
    opacity: 1;
}

#programa4 #textohover{
        width: 100%;
    height: 10rem;
    margin-top: 2rem;
}


#programa5 #hoverimg{
    background-color: rgba(235, 119, 33, 0.8);
    width: 100%;
    height: 16.5rem;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -17rem;
}

#programa5 #hoverimg:hover{
    opacity: 1;
}

#programa5 #textohover{
        width: 100%;
    height: 10rem;
    margin-top: 2rem;
}


#programa6 #hoverimg{
    background-color: rgba(235, 119, 33, 0.8);
    width: 100%;
    height: 11.1rem;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -11.6rem;
}

#programa6 #hoverimg:hover{
    opacity: 1;
}

#programa6 #textohover{
        width: 100%;
    height: 10rem;
    margin-top: -0.5rem;
}

#programa h5{ 
    margin-top:10px;
    background-color: black;
    color: white;
}

#programa h5:hover{ 
    margin-top:10px;
    background-color: grey;
    color: white;
    text-decoration: underline;
}


/*PROGRAMAS EMITIDOS*/

.emitidoprog{
    margin-top: 1rem;
    
}

.emitidoprog iframe{
    margin-top: 0.8rem;
}

#progemitidos{ 
    
    margin-top: 6rem;
    width: 950px;
    color: black;
    float: left;
    height: 100px;
    background-image: url(imagenes/tvcamera.jpg);
}




#redesociales{ 
      float: left;
      width: 710px;
    height: 66px;
    margin-top: 1rem;
}

#redesociales img{
    width: 21.8rem;
}

#asideprogramas{
    width: 14.6rem;
    height: auto;
    float: right;
    margin-left: 0.5rem;
    margin-top: 1rem;
    
}


#asideprogramas #asidenoticias{
    height: 550px;
    
}

#buscadorprogramas img{
    float: left;
    margin-left: 0.8rem;
    margin-top: 2rem;
    width: 85%; 
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}

#asideprogramas #relacionados{
    height: 496px;
}

#asideprogramas #relacionados h21{
    font-size: 17px;
}

        aside h7{ 
    color: #696969;
    float:left;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    margin-top: 15px;
    margin-left: 0px;
    font-size: 13px;
    width: 12.5rem;
    height: 1.2rem;
    padding-top: 2px;
    padding-left: 1rem;
    font-weight: 300;
    
}

aside h7:hover {color:white;
             text-decoration: underline;
             background-color: gray;
}
        
        
        








/* SECCION NOTICIAS */



h10{
    float: left;
    color: black;
    font-size: 35px;
    margin-top: 11rem;
    padding-left: 2rem;
    color: white;
    background-color: rgb(79, 191, 161);
    width: 918px;
    height: 40px;
    
}

#contenedornotis{
    width: 950px;
    margin:auto;
    height: 84rem;
}

#notis{
    float: left;
    margin-top: 7rem;
    width: 950px;
    height: 400px;
}

#notis h21{
    font-size: 30px;
    float: left;
    height: 3rem;
    font-weight: 800;
}


#notis1 {
    margin-top: 3rem;
    width: 972px;
    height: 340px;    
    float: left;
}

#notis2 {
    margin-top: 5rem;
    width: 972px;
    height: 340px;    
    float: left;    
    
}

#notis3 {
    margin-top: 5rem;
    width: 972px;
    height: 340px;    
    float: left;
    
}


#notis1 #noticuadri {
    float: left;
    width: 14.25rem;
    height: 19rem;
    background-color: white;
}



#notis2 #noticuadri{
    float: left;
    width: 14.25rem;
    height: 19rem;
    background-color: white;
}


#notis3 #noticuadri {
    float: left;
    width: 14.25rem;
    height: 19rem;
    background-color: white;
}



#noticuadri1 {
    float: left;
    width: 14.25rem;
    height: 19rem;
    margin-left: 0.5rem;
    background-color: white;
}

#notis1 #noticuadri img{
    width: 14.25rem;
    height: 14rem;
}

#notis1 #noticuadri1 img{
    width: 14.25rem;
    height: 14rem;
}

#notis2 #noticuadri1 img{
    width: 14.25rem;
    height: 14rem;
}

#notis3 #noticuadri1 img{
    width: 14.25rem;
    height: 14rem;
}

#notis2 #noticuadri img{
    width: 14.25rem;
    height: 14rem;
}

#notis3 #noticuadri img{
    width: 14.25rem;
    height: 14rem;
}



#notis1 h21{
    float: left;
    margin-top: -3.8rem;
    margin-left: 0px;
    height: 2rem;
    font-size: 20px;
    font-weight: 400;
    padding-top: 1rem;
    text-align: left;
    width: 29rem;
}



#notis2 h21{
    float: left;
    margin-top: -3.8rem;
    margin-left: 0px;
    height: 2rem;
    font-size: 20px;
    font-weight: 400;
    padding-top: 1rem;
    text-align: left;
    width: 10rem;
}

#notis3 h21{
    float: left;
    margin-top: -3.8rem;
    margin-left: 0px;
    height: 2rem;
    font-size: 20px;
    font-weight: 400;
    padding-top: 1rem;
    text-align: left;
    width: 10rem;
}


#ecocuadri {
    float: left;
    width: 14.25rem;
    height: 19rem;
    margin-right: 0.5rem;
    margin-left: 1.37rem;
    background-color: white;
}

#notis1 #ecocuadri img{
    width: 14.25rem;
    height: 14rem;
}

#notis2 #ecocuadri img{
    width: 14.25rem;
    height: 14rem;
}


#notis3 #ecocuadri img{
    width: 14.25rem;
    height: 14rem;
}


#ecocuadri1 {
    float: left;
    width: 14.25rem;
    height: 19rem;
    background-color: white;
}

#notis1 #ecocuadri1 img{
    width: 14.25rem;
    height: 14rem;
}

#notis2 #ecocuadri1 img{
    width: 14.25rem;
    height: 14rem;
}

#notis3 #ecocuadri1 img{
    width: 14.25rem;
    height: 14rem;
}





#notis #leermas hr{
    width: 21rem;
}

#notis #leermas{
    width: 29rem;
    margin-top: 1.5rem;
    margin-right: 1.37rem;
}

#textnotis{
    float: left;
    color: grey;
    font-weight: 600;
    font-size: 16px;
    width: 13rem;
    margin-left: 0.7rem;
    margin-top: 0.3rem;
    margin-bottom: 10rem;
}

#textnotis:hover{
    color: rgba(235, 119, 33, 0.8);
}


{background-color: rgb(79, 191, 161)}


#notis #hoverimg{
    height: 14rem;
    margin-top: -14rem;
}

#notis #fechanoticias{
    margin-top: 0.8rem;
    margin-left: 0.7rem;
    font-size: 11px;
}

{color noticias #f5f4f4}







/* NOTICIA PRINCIPAL */


#contenidonoticia{
        width: 700px;
    float: left;
    margin-top: 4rem;
    height: rem;
}

#noticia h21{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1rem
}

#noticia{
    margin-top: 2rem;
    height: 71rem;
}

#fecha{
    float: left;
    font-size: 13px;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
    color: gray;
}

#noticia #img{
    float: left;
    background-color: white;
    height: 75.25rem;
    width: 700px;
}


#noticia img{
    margin-left: 0rem;
    margin-top: 2rem;
    width:  100%;
}


#img h2{
    float: left;
    width: 41rem;
    font-size: 28.5px;
    font-weight: 600;
    line-height: 2rem;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
    color: #4d4d4d;
}


#noticontenido{
    float: left;
    margin-left: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 27.5rem;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.3rem;
    text-indent: 2rem;
}

#bajada{
    float: left;
    margin-left: 1.5rem;
    margin-top: 1.5rem;
    width: 40rem;
    font-size: 1rem;
    color: #4d4d4d;
    font-weight: 400;
}

#noticia hr{
    float: left;
    width: 43rem;
    margin-left: 0.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    background-color: #eb7721;
    border-style:solid;
    border-color: #d4d4d4;
    border-top-width: thin;
    border-left-width: inherit;
    border-bottom-width: thin;
    border-right-width: inherit;
}

#fwtw{
    float: left;
    width: 44.5rem;
    margin-top: 2rem;
}

#fwtw img{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0.3rem;
    float: left;
    width: 48.8%;
}


#destacado{
    float: left;
    clear: both;
    width: 10rem;
    height: auto;
    padding-right: 1.5rem;
    margin-top: 2rem;
    margin-left: 1.5rem;
    line-height: 1.5rem;
    font-size: 21px;
    border-style:solid;
    border-color: #d4d4d4;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
    border-right-width: 2px;
}

#pdestacado{
    float: left;
    text-align: right;
    margin-left: rem;
    color: rgb(79, 191, 161);
    font-weight: 400;
}



#relacionados{
    float: left;
    width: 100%;
    margin-top: 1.5rem;
}

#relacionados img{
    float: left;
    width: 100%;
    
}

#relacionados h2{
    float: left;
    color: #575757;
    width: 11rem;
    font-size: 12px;
    line-height: 1.2rem;
    margin-left: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#relacionados h21{
    float: left;
    font-size: 18px;
    margin-top: 1rem;
}




#notirelacionada{
    float: left;
    width: 12.5rem;
    border: 2px solid #EEEEF4;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
    margin-left: 1rem;
    margin-top: 1rem;
    margin-bottom: rem;
}


#cajarel{
    margin-top: 1rem;
    background-color: white;
    clear: both;
    float: left;
    height: 42.4rem;
}



{rgb(79, 191, 161);
    rgb(233, 96, 64)}





/* CONTACTO */

#contenedorcontacto{
    width: 950px;
    margin:auto;
    height: 70.5rem;
}

#mapa{
    float: left;
    width: 950px;
    margin-top: 5rem;
}

#mapa img{
    width: 100%;
}

#maincontacto{
    height: 700px;
    width: 700px;
    margin-top: 0.5rem;
    background-color: ;
}


.contactbox {
    margin-top: rem;
    margin-left: 1rem;
    padding: 0.5rem;
	display: block;
	width: 41rem;
	height: 480px;
	float: left;
    background-color: ;
    
}

.contactotitulo {
    font-family: "Roboto";
	width: 610px;
	height: 3.5rem;
	padding: 5px 20px  0px 0px;
    border-style:solid;
    border-color: gray;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: 1.5px;
    border-right-width: inherit;
}

.contactotitulo h21{
    font-size: 30px;
    margin-top: 0rem;
    font-weight: 600;
}

#contacto {
	width: 660px;
    font-family: "Roboto", sans-serif;
	border: 1px transparent;
	text-align: left;
	padding: 0px;
	margin: 2rem 0px 0px 0px;
	color: #575757;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 700;
}

#contacto p.floating1 {
    font-family: "Roboto", sans-serif;
	width: 612px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}

#contacto p.floating5 {
    font-family: "Roboto", sans-serif;
	width: 612px;
    float: left;
    margin-top: 1.5rem;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}


#contacto p.floating2 {
    font-family: "Roboto", sans-serif;
	float: left;
	width: 612px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    margin-top: 1.5rem;
    font-size: 14px;
    font-weight: 400;
}

#contacto p.floating4 {
    font-family: "Roboto", sans-serif;
	float: left;
	width: 612px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    margin-top: 1.5rem;
    font-size: 14px;
    font-weight: 400;
}

#contacto p.floating3 {
	float: right;
	width: 100px;
    margin-top: 0.5rem;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 0px;
}



#contacto #nombre, #contacto #email {
	display:block;
	border:1.5px solid #beb9b9;
	font-size:13px;
	margin:5px 0 5px;
	padding:5px;
    background-color: ;
	width:600px;
    
}

#contacto #asunto {
	display:block;
	border:1.5px solid #beb9b9;
	font-size:13px;
    background-color: ;
	margin:5px 0px 5px;
	padding:5px;
    height: 2rem;
	width:600px;
}

#contacto #mensaje {
    background-color: ;
	display:block;
	border:1.5px solid #beb9b9;
	font-size:13px;
	margin:5px 0 5px;
	padding:5px;
	width:600px;
    height: 200px;
	resize: none;
}

#contacto select {
	display:block;
	border:1px solid white;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:192px;
}



#sendcomment:hover{
    background-color: #eb7721;
    color: white;
}



#sendcomment{
    font-family: "Roboto", sans-serif;
	background-color: grey;
	border:1px solid transparent;
	color: white;
	padding:4px 10px 5px;
	font-size:11px;
	margin: 3rem 270px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
    float: right;
    width: 7rem;
    height: 2.5rem;
    font-size: 12px;
}
    

#maincontacto #social-widgets{
    width: 708px;
}

#maincontacto #social-widgets li {
  position:relative;
  list-style:none;
  float:left;
  width: 12.37rem;;
  margin-right:0.5rem;
  margin-bottom:0.5rem;
  color:#fff;
  text-align:right;
  padding:15px;
    height: 3.5rem; 
}

#maincontacto .follow{
margin-right: 0.1rem;
    float: right;
    
}
  

#asidecontacto{

    width: 14.6rem;
    height: 400px;
    float: right;
    margin-left: 0.5rem;
    margin-top: 1.2rem;

}

#asidecontacto ul{
    height: 250px;
}

#asidecontacto #asidenoticias{
    height: 400px;    
}


#asidecontacto #buscadorcontacto img{
    float: left;
    margin-top: 5.5rem;
    margin-left: 0.8rem;
    width: 85%; 
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}






/* QUIENES SOMOS/INSTITUCIONAL */

#contenedorquienes{
    width: 950px;
    margin:auto;
    height: 56rem;
}

#videoinstitucional{
    float: left;
    width: 100%;
    height: 420px;
    background-color: white;
}

iframe{
    width: 655px;
    margin-left: 1.5rem;
    height: 400px;
}

#mainquienes{
    float: left;
    height: 31.5rem;
    width: 700px;
    margin-top: 5rem;
}



#textoquienes{
    float: left;
    background-color: white;
    margin-top: 1.5rem;
    width: 700;
    line-height: 1.5rem;
    font-size: 16px;
    font-weight: 300;
    height: 17rem;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

#mainquienes h21{
    font-size: 30px;
    font-weight: 600;
}

#asidequienes{
    width: 14.6rem;
    height: 400px;
    float: right;
    margin-left: 0.5rem;
    margin-top: 1.2rem;
    margin-top: 6.3rem;
    
}

#asidequienes ul{
    height: 250px;
}

#asidequienes #asidenoticias{
    height: 400px;    
}

#asidequienes #buscadorcontacto img{
    float: left;
    margin-top: 5.5rem;
    margin-left: 0.8rem;
    width: 85%; 
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}

#mainquienes #social-widgets{
    width: 708px;
}

#mainquienes #social-widgets li {
  position:relative;
  list-style:none;
  float:left;
  width: 12.37rem;;
  margin-right:0.5rem;
  margin-bottom:0.5rem;
  color:#fff;
  text-align:right;
  padding:15px;
    height: 3.5rem; 
}

#social-widgets .follow{
margin-right: 0.1rem;
    float: right;
    
}


/*CONVERGENCIA DIGITAL*/

#contenedorconvergencia{
    width: 950px;
    margin:auto;
    height: 55.8rem;
}

#mainconvergencia{
    height: 812px;
    width: 700px;
    margin-top: 5rem;
    background-color: ;
}

#mainconvergencia h21{
    font-weight: 700;
    font-size: 30px;
}

video{
    width: 100%;
    height: auto
}

#video{
    margin-top: 1rem;
    float: left;
    height: 743px;
    background-color: #bebebe; 
}



#video p{
    float: left;
    width: 95.5%;
    line-height: 1.5rem;
    margin-left: 1rem;
    margin-top: 1.5rem;
    font-size: 18px;
    font-weight: 300;
}

h22{
    font-size: 25px;
    float: left;
    margin-top: 1rem;
    color: white;
    margin-left: 1rem;
    font-weight: 400;
    }
{#e96040}

#asideconvergencia{

    width: 14.6rem;
    height: 505px;
    float: right;
    margin-left: 0.5rem;
    margin-top: 6rem;

}

#asideconvergencia #buscadorcontacto img{
    float: left;
    margin-left: 0.8rem;
    width: 85%; 
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}

/* CRONOGRAMA */


#contenedorcronograma{
    width: 950px;
    margin:auto;
    height: 55.8rem;
}

#contenedorcronograma #asideprogramas{
    margin-top: 6rem;
}

#maincrono{
    float: left;
    height: auto;
    margin-top: 5.2rem;
    font-weight: 700;
}

#maincrono h21{
    font-size: 30px;
}

#semana{
    float: left;
    width: 100%;
    margin-top: 1rem;
    height: 70px;
    background-color: #a2a2a2;
}

.botonesdias{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;    
}

.botonesdias:hover{
    background-color: #eb7721;
}

.botonactivo{
    background-color: #eb7721;
}

#dias1{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
}



#dias2{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
}



#dias3{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
}



#dias4{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
}


#dias5{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
}

#dias6{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
}

#dias7{
    float: left;
    width: 6rem;
    height: 100%;
    border: 1px solid #696969;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
}

#fechagrilla{
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: 400;
}

#diagrilla{
    margin-top: 0.9rem;
    float: left;
    color: white;
    margin-left: 1rem;
    text-align: center;
    font-size: 14px;
    font-weight: 200;
}

#grilla a{
    color: black;
}

#grilla2 a{
    color: black;
}

#grilla3 a{
    color: black;
}

#grilla4 a{
    color: black;
}

#grilla5 a{
    color: black;
}

#grilla6 a{
    color: black;
}

#grilla7 a{
    color: black;
}


.grillas{
    float: left;
    width: 100%;
}

#grilla{
    float: left;
    width: 100%;
}

#grilla2{
    float: left;
    width: 100%;
    display: none;
}

#grilla3{
    float: left;
    width: 100%;
    display: none;
}

#grilla4{
    float: left;
    width: 100%;
    display: none;
}

#grilla5{
    float: left;
    width: 100%;
    display: none;
}

#grilla6{
    float: left;
    width: 100%;
    display: none;
}

#grilla7{
    float: left;
    width: 100%;
    display: none;
}


#diaseleccionado{
    float: left;
    width: 100%;
    background-color: white;
    border: 1px solid #aaaaaa;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
}

#diaseleccionado p{
    float: left;
    font-size: 24px;
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    margin-left: 0.3rem;
    color: black;
}

#grilla img{
    clear: both;
    float: left;
    width: 18%;    
}

#grilla2 img{
    clear: both;
    float: left;
    width: 18%;    
}

#grilla3 img{
    clear: both;
    float: left;
    width: 18%;    
}

#grilla4 img{
    clear: both;
    float: left;
    width: 18%;    
}

#grilla5 img{
    clear: both;
    float: left;
    width: 18%;    
}

#grilla6 img{
    clear: both;
    float: left;
    width: 18%;    
}

#grilla7 img{
    clear: both;
    float: left;
    width: 18%;    
}


#primerprog{
    float: left;
    width: 100%;
    height: auto;
    background-color: white;
    border: 1px solid #aaaaaa;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
}

#primerprog:hover{
   color: #ef6907;
    font-weight: 500;
}

#titulogrilla{
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin-top: 1.9rem;
    margin-left: 1.5rem;
    
}

#horagrilla{
    float: right;
    font-size: 24px;
    font-weight: 500;
    margin-top: 1.7rem;
    margin-right: 1rem;
}



/*AL AIRE*/

#contenedoralaire{
    width: 950px;
    margin:auto;
}

#contenedoralaire main{
    width: 100%;
    float: left;
}


#contenedoralaire aside{
    margin-top: 2rem;
    float: right;
}

#contenidoaire{
    margin-top: 5rem;
    float: left;
}
#alaire{
    width: 950px;
    float: left;
    margin-top: 1rem;
    height: auto;
    background-color: #b50000;
}

#contenidoaire h21{
    float: left;
    font-size: 30px;
    font-weight: 700;
}

#alaire iframe{
    width: 100%;
    float: left;
    margin-left: 0px;
    height: 500px;
    margin-top: 1.5rem;
    border-style: none;
}

#alaire #ahoraaire{
    font-size: 22px;
    float: left;
    color: black;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
}

#alaire h2{
    float: left;
    margin-top: 1.2rem;
    margin-left: 1rem;
    margin-bottom: 1.5rem;
    font-size: 34px;
    font-weight: 200;
}

#alaire h2 a:hover{
    color: black;
}

#horaaire{
    float: right;
    color: white;
    margin-top: 1.2rem;
    font-size: 34px;
    font-weight: 300;
    margin-right: 1.5rem;
    
}

#cronogramaalaire{
    float: left;
    width: 56%;
    height: auto;
    margin-top: 3rem;
    
}

#continuacionaire{
    float: left;
    width: 16rem;
    margin-bottom: 0.7rem;
    background-color: white;
    margin-right: 0.5rem;
    
}

#continuacionaire img{
    float: left;
    width: 100%;
}

#continuacionaire #continua{
    width: 16rem;
    margin-top: 0px;
    height: 25px;
    background-color: #EEEEF4;
    color: #575757;
    padding-left: 0px;
}

#progcontinuacion{
    float: left
}

#progcontinuacion h2{
    font-weight: 400;
    clear: both;
    float: left;
    font-size: 18px;
    margin-left: 0.6rem;
    margin-top: 0.7rem;
    margin-bottom: 1rem;
}

#progcontinuacion a{
    color: black;
}

#progcontinuacion a:hover{
    color: #eb7721;
}

#horacontinuacion{
    color: gray;
    font-size: 16px;
    float: left;
    font-weight: 700;
    margin-left: 1.5rem;
    margin-top: 0.7rem;
}

#cronogramaalaire h6{
    float: left;
    font-size: 15px;
    background-color: gray;
    font-weight: 400;
    color: white;
    width: 32.5rem;
    text-align: center;
    padding-top: 1.5rem;
    height: 3rem;
}

#cronogramaalaire h6:hover{ 
    background-color: #eb7721;
}

#redesaire{
    float: right;
    width: 40%;
    margin-top: 2rem;
}

#redesaire h21{
    font-size: 19.5px;
}

#encabezadoredes{
    float: left;
    width: 100%;
    height: 4.5rem;
    color: white;
}

#encabezadoredes img{
    float: right;
    width: 9%;
    margin-top: 1rem;
    margin-right: 2rem;
    
}

#facebooktwiter{
    float: left;
    width: 100%;
    margin-top: 1.2rem;
}

.facebook{
    background-color: #4d6baa;
}

.twiter{
    background-color: #4fc6f8;
}

#encabezadoredes h2{
    margin-top: 1.5rem;
    font-weight: 300;
    float: left;
    margin-left: 2.5rem;
}

#comentariosfb{
    float: left;
    background-color: #484848;
    height: 20.4rem;
    width: 100%;
}

#comentariostw{
    float: left;
    background-color: #484848;
    height: 23rem;
    width: 100%;
}

#coment1{
    float: left;
    height: 7.7rem;
    
}

#comentariosfb #coment1{
    float: left;
    width: 100%;
    height: 7.7rem;
    
}

#coment1 img{
    float: left;
    margin-top: 1rem;
    margin-left: 1rem;
    height: 70px;
    width: 70px;
}

#coment1 #titulocoment{
    float: left;
    color: white;
    margin-top: 1rem;
    margin-left: 1.5rem;
    font-size: 16px;
    font-weight: 600;
}

#coment1 #textocoment{
    float: left;
    font-size: 12.5px;
    width: 67%;
    margin-top: 0.5rem;
    margin-left: 1.5rem;
    color: #aaaaaa;
    line-height: 1.2rem;
    height: 4.5rem;
    border: solid thin #848484;
    border-top-width: inherit;
    border-right-width: inherit;
    border-left-width: inherit;
    
}

#like a{
    color: #ffffff;
}
#like{
    float: left;
    font-size: 12px;
    margin-top: 0.8rem;
    margin-left: 0rem;
    font-family: 200;
    margin-right: 0.5rem;
    
}

#enviarfb{
    padding: 0px;
    float: left;
    width: 100%;
    margin-top: 0.3rem;
    border-style: none;
    
}

#comentariostw #enviarfb{
    margin-top: 1.4rem;
}

#enviarfb img{
    float: left;
    width: 70px;
    height: 70px;
    margin: 0px;
    margin-left: 1rem;
    
}

.enviarcoment{
    float: left;
}

#mensaje{
    float: left;
    width: 70%;
    color: white;
    font-size: 16px;
    font-weight: 400;
    margin-left: 1rem;
    
}

textarea{
    float: left;
    width:46%;
    margin-left: 1rem;
    
}

.botonenviar{
    float: right;
    margin-right: 0.5rem;
    margin-top: 1rem;
}

#sendcomment{
    float: left;
    margin: 0px;
    background-color: #adadad;
    width: 5rem;
    height: 2rem;
}

#comentariostw #coment1 img{
    width: 50px;
    margin-left: 1rem;
    height: 50px;
}
#comentariostw #like{
    margin-top: 1rem;
    float: left;
}
#comentariostw #coment1{
    height: 8rem;
}

#comentariostw #textocoment{
    height: 5.9rem;
}

#comentariostw #enviarfb img{
        width: 50px;
    margin-left: 1rem;
    height: 50px;

}

#comentariostw textarea{
    width: 50%;
}

/*ESPECIALES*/

#contenedorespeciales{
    width: 950px;
    height: 1140px;
    margin: auto;
}


#contenedorespeciales main{
    width: 950px;
    height: 600px; 
    margin-top: 5rem;
}

#especiales1{
    width: 100%;
    height: 350px;
    background-color: white;
    float: left;
}

#especiales1 a{
    color: #575757;
}
#especiales1 a:hover{
    color: #eb7721;
}
#especiales2 a{
    color: #575757;
}
#especiales2 a:hover{
    color: #eb7721;
}
#especiales1 img{
    width: 670px;
    height: 350px;
    float: left;
}

#especiales1 h2{
    float: left;
    
}

#especiales1 #img{
    width: 670px;
    float: left;
}

#especiales1 #hoverimg{
    height: 350px;
    margin-top: -350px;
}

#especiales1 #hoverimg #textohover{
    color: white;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 160px;
    font-weight: 300;
    color: white;
    width: 100%;
    text-align: center;
    margin-top: 9rem;
}

#textoespeciales{
    float: left;
    width: 17.5rem;
    margin-top: 7rem;
}

#textoespeciales h2{
    width: 100%;
    text-align: center;
}
#especiales1 p{
    float: left;
    width: 100%;
    margin-top: 0.3rem;
    text-align: center;
    padding-left: 2rem;
    font-size: 12px;
    line-height: 1rem;
    box-sizing: border-box;
    padding-right: 2rem;
    color: #696969;    
}

#especiales2{
    width: 100%;
    margin-top: 0.5rem;
    height: 350px;
    margin-bottom: 0.5rem;
    background-color: white;
    float: left;
}

#especiales2 img{
    width: 600px;
    height: 350px;
    float: right;
}

#especiales2 h2{
    float: left;
    
}

#especiales2 #img{
    width: 600px;
    float: right;
}

#especiales2 #hoverimg{
    height: 350px;
    margin-top: -350px;
}

#especiales2 #hoverimg #textohover{
    color: white;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 160px;
    font-weight: 300;
    color: white;
    width: 100%;
    text-align: center;
    margin-top: 9rem;
}

#especiales2 #textoespeciales{
    float: left;
    width: 21.85rem;
    margin-top: 7rem;
}

#textoespeciales h2{
    width: 100%;
    text-align: center;
}
#especiales2 p{
    float: left;
    width: 100%;
    margin-top: 0.3rem;
    text-align: center;
    padding-left: 2rem;
    font-size: 12px;
    line-height: 1rem;
    box-sizing: border-box;
    padding-right: 2rem;
    color: #696969;
    
}
    
/*ENTREVISTAS*/
    
#contenedorentrevistas{
    width: 950px;
    height: 1140px;
    margin: auto;
}


#contenedorentrevistas main{
    width: 710px;
    height: auto; 
    float: left;
    margin-top: 5rem;
}

#contenedorentrevistas main h21{
    font-size: 30px;
    font-weight: 600;
}

#contenedorentrevistas #entrevista1{
    width:  450px;
    clear: both;
    float: left;
    margin-top: 1rem;
    background-color: white;
}

#entrevista1 img{
    width: 100%;
}
#entrevista1 h2{
    margin: 1rem;
    margin-bottom: 0px;
}

#entrevista1 h2 a{
    color: #575757;
}
#entrevista1 h2 a:hover{
    color: #eb7721;
    
}

#entrevista1 #fechanoticias{
    margin-top: 0.5rem;
}

#entrevista1 #text{
    margin-bottom: 2.6rem;
}

#contenedorentrevistas aside{
    margin-top: 5.8rem;
    margin-left: 0rem;
    float: right;
    height: auto;
}

#entrevistasprin #entrevista2{
    width:  235px;
    float: left;
    margin-top: 1rem;
    margin-left: 0.7rem;
    background-color: white;
}

#entrevista2 img{
    width: 100%;
    height: 200px;
}
#entrevista2 h2{
    margin: 1rem;
    margin-bottom: 0px;
}

#entrevista2 h2 a{
    color: #575757;
}
#entrevista2 h2 a:hover{
    color: #eb7721;
    
}

#entrevista2 #fechanoticias{
    margin-top: 0.5rem;
}

#entrevista2 #text{
    margin-bottom: 1rem;
}



#contenedorentrevistas #entrevista2{
    width:  235px;
    float: left;
    margin-top: 1rem;
    margin-left: 0.7rem;
    background-color: white;
}

#entrevista2 img{
    width: 100%;
    height: 200px;
}
#entrevista2 h2{
    margin: 1rem;
    margin-bottom: 0px;
}

#entrevista2 h2 a{
    color: #575757;
}
#entrevista2 h2 a:hover{
    color: #eb7721;
    
}

#entrevistas{
    float: left;
}

#entrevistas #entrevista2{
    width:  225px;
    float: left;
    margin-top: 1rem;
    margin-left: 0rem;
    margin-right: 0.7rem;
    background-color: white;
}
#entrevista2 #fechanoticias{
    margin-top: 0.5rem;
}

#entrevista2 #text{
    margin-bottom: 1rem;
}

#contenedorentrevistas #leermas{
    margin-top: 1rem;
}


/* Portrait and Landscape --------------------------------------------------------------------------------------------- */
       
      /* Portrait and Landscape */
@media only screen and (min-width: 320px) and (max-width: 1000px)   {

a{ 
    text-decoration: none;
    }



#contenedor{
    width: 90%;
    margin: auto;
    height: ;
    }
    



body{
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    width: 100%;
    height: auto;
    float: left;
    
}

 
      
header{
    background-color: white;
    height: 31rem;
    width: 100%;
    float: none;
    z-index: 10;
    position: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
    border-top-width: inherit;
    border-bottom-width:thin;
	border-style:solid;
    webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    clear: both;
 
}

       
#contenedorheader{
    background-color: white;
    width: 100%;
    float:none;
    height: auto;
     margin: 0 auto;
    display: inline-block;
    clear: both;
    text-align: center;

}

       
header img{
    float: none;
    width: 60%;
    margin-left: 1rem;
    clear: both;
    
    
}


header nav ul{
    width: 100%;
    padding-left: 0px;
    font-size: 30px;
    list-style: none;
    float: none;
    margin-right: 0rem;
    font-weight: 400;
    clear: both;
}
        
header nav ul li {
     float: none;
     width: 100%;
     text-align: center;
     clear: both;
    
     
 }

header nav ul li a{
    float: none;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: auto;
    color: black;
    padding-top: 1.3rem;
}

        
header nav ul li a:hover{
    border-left-width: inherit;
    border-right-width: inherit;
    border-top-width: inherit;
    border-bottom-width:inherit;
	border-bottom-color: inherit;
	border-style:none;
    color: black;
    text-align: center;
    width: auto;
    height: auto;
    font-weight: none;
    float: none;


}
 


#gifvivo{
    margin: 0;
    float: left;
    width: 100%;
}
       
#gifvivo img{
    width: 30%;
}



main{
    display: block;
    width: 100%;
    float: left;
    
}

#contenedorslider{
    width: 100%;
    margin:auto;
    float: left;
    height: auto;
}

#slider{
    margin-top: 2rem;
    width: 100%;
    float: left;
    height: auto;    
}

#slider img{
    width: 100%;
    float: left;
    height: 30rem;
    
}

#transmision {
    position: absolute;
    z-index: 2;
    width: 40%;
    height: 10rem;
    float: left;
    margin-top: 18rem;
    }


.vs {
    font-size: 35px;
    float: left;
    padding-top: 0.5rem;
    clear: both;
padding-left: 2rem;}


.trans {
    font-size: 18px;
    float: left;
    padding-top: 0.8rem;
    padding-left: 2rem;
    padding-bottom: 0.5rem;
    letter-spacing: 1px;
    clear: both;
    } 

.dia {
    font-size: 30px;
    float: left;
    font-weight: 300;
}



#principal p{
    float: left;
    padding-top: 0rem;
    padding-left: 1rem;
    padding-right: 0rem;
    margin-top: 18.6rem;
    font-size: 20px;
    margin-left: 0rem;
    margin-right: 0rem;
    width: 21rem;
   }



h20{
    font-size: 36px;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    }

#videitos{
    float: left;
    margin-top: 1rem;
    width: 100%;
    height: auto;  
  }

#fila1 {
    float: left;
    margin-top: 1rem;
    height: auto;
    width: 100%;
    
}

#fila2 {
    float: left;
    margin-top: 0.5rem;
    height: auto;
    width: 100%;
        
}

{color noticias #f5f4f4}

#noticia1 {
    float: left;
    width: 100%;
    height: auto;
    clear: both;
    }



#videitos h2{
    float: left;
    clear: both;
    margin-top: 1.5rem;
    width: 95%;
    font-size: 45px;
    line-height: 48px;
    margin-left: 30px;
    font-weight: 600;
}

#fechanoticias{
    float: left;
    margin-left: 30px;
    margin-right: 0px;
    margin-top: 7px;
    margin-bottom: 1rem;
    font-size: 32px;
    }


#videitos a:hover{
    color: black;
}

#tags{
    float: left;
    margin-bottom: 0.5rem;
    width: 35%;
    height: 3.5rem;
    padding-top: 0.5rem;
    padding-left: 1rem;
    font-size: 36px;
}

 
    
    
#text {
    float: left;
    padding-bottom: 5rem;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 42px;
    font-size: 38px;
}
    
/*hover colores home*/

#noticia1 #img{
    width: 100%;
    float: left;
    background-image: url(imagenes/CAPALBOITALIA.jpg) ;
    background-repeat: no-repeat;
    height: auto;
    background-size: 100%;

}

#hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
}
#hoverimg:hover{
    display: none;
    opacity: 1;
}

#textohover{
    display: none;
    font-family: "Roboto", sans-serif;
    font-size: 160px;
    font-weight: 200;
    color: white;
    width: 100%;
    text-align: center;
    margin-top: ;
    
}

#noticia2 #img{
    width: 100%;
    float: left;
    background-image: url(imagenes/ampliacion.jpg);
    height: auto;
     background-repeat: no-repeat;
    background-size: 100%;
   

}

#noticia2 #hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
}
#noticia2 #hoverimg:hover{
    display: none;
}



#noticia3 #img{
    width: 100%;
    float: left;
    background-image: url(imagenes/mil%20bares.JPG);
    height: auto;
 background-repeat: no-repeat;
     background-size: 100%;
}

#noticia3 #hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
}
#noticia3 #hoverimg:hover{
    display: none;
}



#noticia4 #img{
    width: 100%;
    float: left;
    background-image: url(imagenes/feria.jpg);
    height: auto;
 background-repeat: no-repeat;
    background-size: 100%;
}

#noticia4 #hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
}
    
#noticia4 #hoverimg:hover{
    display: none;
}


/*hover colores home*/

#noticia1 #img{
    width: 100%;
    float: left;
    height: auto;

}
#imgnoti{
    float: left;
    width: 100%;
}

#imgnoti img{
    float: left;
    width: 100%;
    height: auto;
}

#hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -15rem;
}
#hoverimg:hover{
    display: none;
}

#textohover{
    display: none;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 160px;
    font-weight: 200;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    
}

#noticia2 #img{
    width: 100%;
    float: left;
    height: auto;

}

#noticia2 #hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
}
#noticia2 #hoverimg:hover{
    display: none;
    opacity: 1;
}



#noticia3 #img{
    width: 100%;
    float: 0;
    height: auto;

}

#noticia3 #hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
}
#noticia3 #hoverimg:hover{
    display: none;
    opacity: 1;
}



#noticia4 #img{
    width: 100%;
    float: left;
    height: auto;

}

#noticia4 #hoverimg{
    display: none;
    background-color: rgba(233, 96, 64, 0.81);
    height: auto;
    width: 100%;
    float: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
}
#noticia4 #hoverimg:hover{
    display: none;
    opacity: 1;
}



/*fin  hovers home*/



#noticia2 {
    float: left;
    margin-left: 0;
    width: 100%;
    height: auto;
    clear: both;
    margin-top: 2rem;
    
}



#noticia3 {
    float: left;
    margin-left: 0px;
    width: 100%;
    height: auto;
    margin-top: 2rem;
    clear: both;
    
}

#noticia4 {
    float: left;
    margin-left: 0px;
    width: 100%;
    height: auto;
    clear: both;
    margin-top: 2rem;
}

       
#leermas{
    float: left;
    margin-top: 1rem;
    height: 2rem;
    width: 100%;
}

#leermas p:hover{
    display: none;
    display: none;
}

#leermas p{
    float: right;
    font-size: 30px;
    margin-right: 1.5rem;
}

#leermas hr{
    float: left;
    width: 70%;
    margin-top: 1.2rem;
    border: 1px solid #aaaaaa; 
}


#masdestacadas{
    display:none;
    float: left;
    width: 100%;
    height: 28.5rem;
    margin-top: 29rem;
}

#notidestacada img{
    float: left;
    width: 14rem;
    height: 8rem;
    
}

h23{
    float: left;
    width: 12rem;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2rem;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    
}

h23:hover{
    display: none;
    float: left;
    font-weight: 600;
    
}



#notidestacada{
    float: left;
    width: 14rem;
    background-color: white;
    margin-right: 0rem;
    margin-bottom: 0.5rem;
}


#cajadestacadas{
    margin-top: 1rem;
    width: 100%;
    float: left;
    margin-bottom: 2rem;
}



aside{
    width: 100%;
    float: left;
    margin-top: 2rem;
    
}

h21{
    font-size: 36px;
    float: left;
    margin-top: 1rem;
    width: 100%;
    text-align: center;
}

#buscador{
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    display: none;
}


#aside #buscador img{
    float: left;
    width: 85%; 
    margin-top: 1.5rem;
    margin-left: 0.6rem;
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}

#cronograma {
    float: left;
    margin-top: 2rem;
    margin-left: 2.5rem;
    width: 91%;
    clear: both;
    text-align: center;
}


aside h6{
    float: left;
    font-size: 15px;
    margin-bottom: 2rem;
    font-weight: 400;
    width: 100%;
    text-align: center;
    padding-top: 2.5rem;
    height: 5rem;
    clear: both;
    font-size: 26px;
}

aside h6:hover{ 

}


#aside{
    float: left;
    margin-top: 0.8rem;
    padding-left: 0rem;
    height: auto;
    background-color: white;
    width: 100%;
    clear: both;
}

.cronos{
        width: 100%;
        clear: both;
        float: left;
}
       
   
#ahora{
    clear: both;
    margin-top: 1.5rem;
    margin-left: 2.5rem;
    background-color: #e6e6e6;
    padding-top: 1.2rem;
    padding-bottom: 0.5rem;
    font-size: 28px;
    width: 90%;
    height: 3rem;
    text-align: center;
    
}

#tarde{
    clear: both;
    margin-top: 1.5rem;
    margin-left: 2.5rem;
    background-color: #e6e6e6;
    padding-top: 1.2rem;
    padding-bottom: 0.5rem;
    font-size: 28px;
    width: 90%;
    height: 3rem;
    text-align: center;
   }

#continua{
    clear: both;
    margin-top: 1.5rem;
    margin-left: 2.5rem;
    background-color: #e6e6e6;
    padding-top: 1.2rem;
    padding-bottom: 0.5rem;
    font-size: 28px;
    width: 90%;
    height: 3rem;
    text-align: center;
}

#mañana{
    clear: both;
    margin-top: 1.5rem;
    margin-left: 2.5rem;
    background-color: #e6e6e6;
    padding-top: 1.2rem;
    padding-bottom: 0.5rem;
    font-size: 28px;
    width: 90%;
    height: 3rem;
    text-align: center;
}





#mas{
    float: left;
    height: 2.6rem;
    padding-top: 1.4rem;
    text-align: center;
    width: 15%;
    font-size: 20px;
    font-weight: 400;    
}

#mas a{
    float: left;
    display: block;
    margin-top: -0.7rem;
    padding-top: 0rem;
    height: 2.3rem;
    width: 100%;
    text-align: center;
    font-size: 32px;
}

#mas:hover{

}

#horario{
    float: left;
    padding-left: 0rem;
    margin-left: 2.5rem;
    width: 10%;
    height: 3.1rem;
    font-size: 26px;
    text-align: center;
    border-style: solid;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
}


#program{
    float: left;
    width: 60%;
    height: 3rem;
    padding-top: 1rem;
    background-color: white;
    font-weight: 400;
    font-size: 24px;
    padding-left: 3rem;
    border-style: solid;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
    
}

#program a{
    margin: inherit;
    text-align: right;
    
}

#otros {
    float: left;
    width: 9.3rem;
    height: 2rem;
    padding-top: 1rem;
    background-color: white;
    font-weight: 400;
    font-size: 14px;
    padding-left: 0.5rem;
    border-style: solid;
    border-color: #e96040;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
    
}


#social-widgets{

    margin-top: 2rem;
    width: 100%;
    clear: both;
}

#social-widgets ul {
    padding:0px;
    float: left;
    clear: both;
    width: 100%;
}

#social-widgets ul li {
  position:relative;
  list-style:none;
  float:left;
  width: 95%;
  margin-bottom:0.5rem;
  color:#fff;
  text-align:right;
  padding:20px;
  height: 2.8rem; 
  clear: both;
}

#social-widgets #imgtw {
    float: left;
    margin-top: 0.3rem;
    width:75px;
    height:3rem;
    
}

#social-widgets #imgtw img {
    height: 2.8rem;
    float: left;
}

#social-widgets li p {
  font-size: 30px;
  float: right;
  font-weight:bold;
  margin:0px;
  width: 5rem;
}



#social-widgets li .follow {
  float: left;
  font-size:30px;
  font-weight: 400;
  width:6rem;
    height: auto;
  margin-top: 0rem;
    margin-left: 27rem;
    margin-right: 0px;
}
    

.cuadromasfb{
    float: left;
    height: 1.6rem;
    text-align: center;
    width: 1.6rem;
    font-size: 22px;
    font-weight: 800;
    color: #4d6baa;
    border-radius: 5px;
    margin-left: 1rem;
    margin-top: 0.5rem;
}

.cuadromastw{ 
    float: left;
    height: 1.6rem;
    text-align: center;
    width: 1.6rem;
    font-size: 22px;
    font-weight: 800;
    background-color: white;
    color: #4fc6f8;
    border-radius: 5px;
    margin-left: 1rem;
    margin-top: 0.5rem;
}

.cuadromasyt{
     float: left;
    height: 1.6rem;
    text-align: center;
    width: 1.6rem;
    font-size: 22px;
    font-weight: 800;
    background-color: ;
    color: #f1040c;
    border-radius: 5px;
    margin-left: 1rem;
    margin-top: 0.5rem;
}



#social-widgets .facebook {
  background:#4d6baa;   
}
        
#social-widgets .twitter {
  background:#4fc6f8;   
}
  
#social-widgets .google-plus {
  background:#f1040c;   
}
 
    
    
    
#contenedorfooter{
    width:90%;
    margin:center;
  
}

footer{
    float: left;
    list-style-type: none;
    background-color: #232527;
    width: 100%;
	height: auto;
    margin-top:2rem;
	position:relative;
	padding-bottom:20px;
    clear: both;
    color: white;
}



#izquierda{
    float: left;
    height: auto;
    width: 80%;
    margin-top: 2rem;
    margin-left: 6rem;

}

#izquierda h7{
    font-size: 24px;
    font-weight: 300;
    float: left;
    width: 250px;
    line-height: 1.8rem;
    margin-top: 1rem;
    color: white;
    margin-left: 2rem;
}

#h7{
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 32px;
}

#logofooter{
    float: left;
    width: 25rem;
}

#logofooter img{
    width: 100%;
    float: left;
}

#redessoc{
    float: left;
    width: 13rem;
    margin-top: 2rem;
    margin-left: 27rem;
}

#redessoc img{
    width: 16%;
    float: left;
    margin-right: 1rem;
}

footer ul{
    margin-left: 0rem;
    width: 90%;
    float: left;
    margin-top: 4rem;
    margin-left: 0rem;
    
}

#elementos{
    float: left;
    margin-left: 1.7rem;
    height: 170px;
    margin-top: 0px;
}


footer ul li{
list-style-type: none;
margin-top: 0.5rem;
}



footer ul h4{
    font-family: "Roboto",sans-serif;
    font-size: 28px;
    font-weight: 400;
    float: left;
    margin-bottom: 0.5rem;
}


footer ul li a{
    font-size: 21px;
    font-weight: 300;
    float: left;
    clear: both;
    margin-bottom: 0.3rem;
}

footer ul li a:hover{
color: darkgray;}




footer p{
    color: #6c6c6c;
    font-size: 12px;
    width: 95%;
    margin-top: 3rem;
    margin-left: 2rem;
    float: left;
    height: auto;
    text-align: center
}
   
    /* -----------------------------------------------------*/ 
    
    
    





/* ----------------------------------------------------------------- HASTA ACA FUNCIONA RESPONSIVE---------*/ 


#losocial { 
    margin-top: 2rem;
    width: 100%;
    float: left;
    display: none;
    }

#losocial img{
    float: left;
    width: 100%;
}



#tupares { 
    width: 100%;
            float: left;
        display: inline-block;
   }
    
#fb img{ 
    background-image: url(https://youtu.be/Lj2xrgkXli8);
    float: left;
    list-style: none;
    display: inline-block;
    margin-left: 0;
    width: 49.47%;
    padding-right: 5px;
    
    
}



h1{
    padding-left: 1rem;
    margin-top: 3rem;
    margin-left: 1rem;
    font-size: 25px;
    color: white;
    width: 23rem;
    line-height: 1.7rem;
    
        
}

h1:hover {
    color: black;
    text-decoration: underline;
}
    



h5:hover {
    color:white;
    text-decoration: underline;
    background-color: #e96040;
}



/*    --------------------------------------------------------------------------------------------                      


*/

h5 { 
    color:white;
    float:right;
    background-color: gray;
    font-family: "Roboto", sans-serif;
    margin-top: 1.7rem;
    margin-right: 0rem;
    font-size: 11px;
    width: 4rem;
    height: 1rem;
    text-align: center;
    padding-top: 4px;
    
}


    


h6{ 
    
    color:#3999a6;
    float:left;
    font-family: "Roboto", sans-serif;
    margin-top:0.5rem;
    width: 100%;
    text-align: center;
    font-size: 26px;
}




   
/* FIN INDEX */