*{margin: 0; padding: 0}
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
body{background-color:#242424;font-family: "Source Sans Pro", sans-serif;margin: 50px 17px 17px 17px;}
.contenedor{background-color:#242424; font-family: "Source Sans Pro", sans-serif; width: 926px; margin:auto; padding: 0;}

hr{width: 770px; float: right; border: 0; border-top: 1px solid #4e4e4e; border-bottom: 1px solid #333; height:0; margin: 2px 0 5px 0;}
.margenlogo {width: 146px; height: auto; align-items: center; position: relative; float: left; margin: 3px 0 0 0;}
.margenheader {width: 770px; height: 120px; position: relative; float: right;}


nav {width: 770px; height: 70px; position: relative; float: right; }
/*estilos botonera*/
.encaja{width: 770px; margin: 0 auto; padding: 0; height:80px;}
a {color:#fff; font-weight: 400; text-decoration:none; margin: 0 5px 0 5px 0; font-family: 'Source Sans Pro', sans-serif; font-size:12px; line-height:40px; }
.abre {float:left; text-align:center; width:115px; height: 5px; transition:0.5s; }
.abre:hover {  height: 40px;   }
#inicio:hover { background: #C7A489; }
#institucional:hover { background: #E98546;}
#noticias:hover { background: #7BC1A3; }
#programacion:hover { background: #0AA3B6; }
#envivo:hover { background: #BDBDB9;}
#buscar:hover { background: #D7797D; }

#inicio { background: #C7A489; margin-right:16px;}
#institucional { background: #E98546; margin-right:16px;}
#noticias { background: #7BC1A3; margin-right:16px;}
#programacion { background: #0AA3B6; margin-right:16px;}
#envivo { background: #BDBDB9; margin-right:16px;}
#buscar { background: #D7797D; }
.over {height: 40px; }
#formbuscar .campo {color:#fff; border:1px solid #999 !important; background-color:#b16569; height:12px; width:75px; font-size: 10px; margin-top:-2px; }
#formbuscar .botonbuscar { background:url(../imagenes/search.png) no-repeat 5px 10px; cursor:pointer; border: 0px #ccc solid; width:31px; height:20px; }
/*estilos botonera*/


#separadorarriba{ width: 926px; height: auto; position: relative; float: left; display: block;}
#destacados{ width:926px; height: auto; position: relative; float: left; padding: 0 5px 0 5px; margin 27px 0 0 0;}
.titdestaca{ font-size: 28px; width: 926px; font-weight: 900; height: 35px; color: #0AA3B6; float: left; position: relative; maring: 0 0 10px 0;  border-bottom: #0AA3B6 solid 1px; }

.desta1{ background: url(../imagenes/todos.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 5px 25px 0; display: block; float: left; position: relative; border: rgba(189, 189, 185, 0.28) solid 10px;transition-duration: 1s; cursor: pointer;}
.desta2{ background: url(../imagenes/entrevistas.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 5px 25px 5px; display: block; float: left; position: relative; border: rgba(189, 189, 185, 0.28) solid 10px;transition-duration: 1s;cursor: pointer;}
.desta3{ background: url(../imagenes/pelis.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 5px 25px 5px; display: block; float: left; position: relative; border: rgba(189, 189, 185, 0.28) solid 10px;transition-duration: 1s;cursor: pointer;}
.desta4{ background: url(../imagenes/historiasdevida.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 0 25px 5px; display: block; float: left; position: relative; border: rgba(189, 189, 185, 0.28) solid 10px;transition-duration: 1s;cursor: pointer;}


.desta1hover{ background: url(../imagenes/todos.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 5px 25px 0; display: block; float: left; position: relative; border-top: #0AA3B6 solid 10px; border-left: #0AA3B6 solid 10px; border-right: #0AA3B6 solid 10px; border-bottom: #0AA3B6 solid 115px;transition-duration: 0.5s;cursor: pointer;}
.desta2hover{ background: url(../imagenes/entrevistas.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 5px 25px 5px; display: block; float: left; position: relative; border-top: #0AA3B6 solid 10px; border-left: #0AA3B6 solid 10px; border-right: #0AA3B6 solid 10px; border-bottom: #0AA3B6 solid 115px;transition-duration:0.5s;cursor: pointer;}
.desta3hover{ background: url(../imagenes/pelis.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 5px 25px 5px; display: block; float: left; position: relative; border-top: #0AA3B6 solid 10px; border-left: #0AA3B6 solid 10px; border-right: #0AA3B6 solid 10px; border-bottom: #0AA3B6 solid 115px;transition-duration: 0.5s;cursor: pointer;}
.desta4hover{ background: url(../imagenes/historiasdevida.jpg) no-repeat; height: 100px; width: 204px; margin: 15px 0 25px 5px; display: block; float: left; position: relative; border-top: #0AA3B6 solid 10px; border-left: #0AA3B6 solid 10px; border-right: #0AA3B6 solid 10px; border-bottom: #0AA3B6 solid 115px;transition-duration: 0.5s;cursor: pointer;}




.titdes{ font-size: 14px; font-style: italic; font-weight: 600; color: #fff; padding: 3px 0 0 8px;} 
.andback{ background: rgba(10, 163, 182, 0.46) no-repeat; height: 22px; width: 196px; margin: 75px 0 0 0;}

.description1{font-size: 12px; font-weight: 300; color: transparent; margin: 15px 0 0 10px; height: auto; 190px;}
.description2{font-size: 12px; font-weight: 300; color: transparent; margin: 15px 0 0 10px; height: auto; width: 190px;}
.description3{font-size: 12px; font-weight: 300; color: transparent; margin: 15px 0 0 10px; height: auto; width: 190px;}
.description4{font-size: 12px; font-weight: 300; color: transparent; margin: 15px 0 0 10px; height: auto; width: 190px;}

.description1hover{font-size: 12px; font-weight: 300; color: #fff; margin: 15px 0 0 10px; height: 180px; width: 190px;transition-duration: 1.5s;}
.description2hover{font-size: 12px; font-weight: 300; color: #fff; margin: 15px 0 0 10px; height: 180px; width: 190px;transition-duration: 1.5s;}
.description3hover{font-size: 12px; font-weight: 300; color: #fff; margin: 15px 0 0 10px; height: 180px; width: 190px;transition-duration: 1.5s;}
.description4hover{font-size: 12px; font-weight: 300; color: #fff; margin: 15px 0 0 10px; height: 180px; width: 190px;transition-duration: 1.5s;}

.titdestaca2{ font-size: 14px; width: 906px; font-weight: 600; height: 20px; color: #fff; background: #0AA3B6; float: right; position: relative; maring: 15px 0 0 0;  border-bottom: #0AA3B6 solid 1px;  padding:2px 0 0 15px}

#semana{ width: 72px; height: auto; position: relative; float: left; display: block;}
#dias{ width:72px; height: 300px; position: relative; float: left; padding: 0 5px 0 5px;}
.espaciador{background: #666; float: left; position: relative; width: 72px; height: 25px; margin: 3px 0 0 0; border: #0AA3B6 solid 1px; text-align: center;}
.backdias{ background: #666; float: left; position: relative; width: 72px; height: 30px; margin: 0; border: #0AA3B6 solid 1px; text-align: center;}

#horas{ width: 848px; height: auto; float: right; position: relative; margin: 3px 0 0 0}
#horarios{ height: auto; float: right; position: relative; margin: 0 0 0 0; text-align: center;}
.d1{ font-size: 9px; font-weight: 400; font-style: italic; color: #fff; padding: 5px 0 0 0;}
.d2{ font-size: 9px; font-weight: 400; font-style: italic; color: #fff; padding: 13px 0 0 0;}
.backdias2{ background: #666; float: left; position: relative; width: 51px; height: 20px; margin: 0;border: #0AA3B6 solid 1px;text-align: center;}

#semanal{ width: 848px; height: auto; float: right; position: relative; text-align: center; margin: 0;}


/* Para Cuadrado Vacio*/
.backialfa{ width: 51px; height: 22px; background: rgba(202, 233, 237, 0.6); float: left; position: relative; display: block; border: #777 solid 1px; transition-duration: 1s;} 
.backialfahover{ width: 51px; height: 22px; background: #0AA3B6; float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;}

/*Para Noticias 5*/
.backibnot{ width: 51px; height: 22px; background: rgba(48, 184, 201, 0.66); float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backibnothover{ width: 51px; height: 22px; background: #37bdce; float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 


/*  Para Dibu V*/
.backibdib{ width: 51px; height: 22px; background: rgba(125, 204, 214, 0.54); float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backi2bdib{ width: 104px; height: 22px; background: rgba(125, 204, 214, 0.54); float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;} 
.backi4bdib{ width: 210px; height: 22px; background: rgba(125, 204, 214, 0.54); float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;}
.backibdibhover{ width: 51px; height: 22px; background: #37bdce; float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backi2bdibhover{ width: 104px; height: 22px; background: #37bdce; float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;} 
.backi4bdibhover{ width: 210px; height: 22px; background: #37bdce; float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;}

/* Para Todos Aprendemos*/
.backitodos{ width: 51px; height: 30px; background: rgba(54, 112, 119, 0.76); float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backitodoshover{ width: 51px; height: 30px; background: #0AA3B6; float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 


/* Para Re-Vista*/

.backi3brev{ width: 157px; height: 22px; background: rgba(94, 184, 195, 0.81); float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;}
.backi3brevhover{ width: 157px; height: 22px; background: #37bdce; float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;}


/* Para Peliculas V*/

.backi2bdibpel{ width: 104px; height: 22px; background: rgba(169, 216, 222, 0.29); float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;}
.backi2bdibpelhover{ width: 104px; height: 22px; background: #37bdce; float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;} 



/* Para Entre-Vistas*/

.backibentre{ width: 51px; height: 22px; background: rgba(157, 221, 229, 0.64); float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backibentrehover{ width: 51px; height: 22px; background: #37bdce; float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 

/* Para Historias de Vida */
.backihisto{ width: 51px; height: 30px; background: rgba(176, 210, 214, 0.64); float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backi2bhisto{ width: 104px; height: 22px; background: rgba(176, 210, 214, 0.64); float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;} 
.backihistohover{ width: 51px; height: 30px; background: #37bdce; float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backi2bhistohover{ width: 104px; height: 22px; background: #37bdce; float: left; position: relative;display: block;block; border: #777 solid 1px;transition-duration: 1s;}


/*Para Musica 31*/
.backibmusica{ width: 51px; height: 22px; background: rgba(10, 163, 182, 0.54); float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 
.backibmusicahover{ width: 51px; height: 22px; background: #37bdce; float: left; position: relative; display: block; border: #777 solid 1px;transition-duration: 1s;} 

#separadorarriba{ width: 926px; height: auto; position: relative; float: left; display: block;}
#destacados{ width:926px; height: auto; position: relative; float: left; padding: 0 5px 0 5px; }

.titdestaca3{ font-size: 10px; width: 916px; font-weight: 400; font-style: italic; height: 15px; color: #fff; background: #777; float: left; position: relative; padding:2px 0 0 5px}


.filtros1{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 5px 5px 0;transition-duration: 0.7s;}
.fajfiltro1{ font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}

.filtros2{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro2{  font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}

.filtros3{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro3{  font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}

.filtros4{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro4{  font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}

.filtros5{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro5{  font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}

.filtros6{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro6{  font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}

.filtros7{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro7{  font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}

.filtros8{ width: 91px; height: 16px; display: block; border-top: dotted 1px rgba(10, 163, 182, 0.53); border-bottom: dotted 1px rgba(10, 163, 182, 0.53); float: left; position: relative; margin: 10px 0 5px 5px;transition-duration: 0.7s;}
.fajfiltro8{  font-size: 10px; font-weight: 700; color: rgba(10, 163, 182, 0.53); padding: 4px 0 0 15px; cursor: pointer;}


.filtros1hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 5px 5px 0; transition-duration: 0.7s;}
.fajfiltro1hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}

.filtros2hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro2hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}

.filtros3hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro3hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}

.filtros4hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro4hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}

.filtros5hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro5hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}


.filtros6hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro6hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}


.filtros7hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 5px 5px 5px;transition-duration: 0.7s;}
.fajfiltro7hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}

.filtros8hover{ width: 91px; height: 16px; display: block; background: rgba(97, 241, 255, 0.71); border-top: dotted 1px #0AA3B6; border-bottom: dotted 1px #0AA3B6; float: left; position: relative; margin: 10px 0 5px 5px;transition-duration: 0.7s;}
.fajfiltro8hover{ font-size: 10px; font-weight: 700; color: #fff; padding: 4px 0 0 15px; cursor: pointer;}






#lineasolida3{ border-bottom:#666 solid 1px; width: 380px; float: right; margin: 12px 0 6px 0;cursor: pointer;}
#separador{ clear: both;}

.lineafinal{ border-bottom:#414042 solid 1px; width: 926px; float: right; margin: 12px 0 12px 0;}
#auspiciantes{ background: url(../imagenes/auspiciantes.png);  width: 926px; height: 30px; display: block; float: left; margin: -8px 0 -8px 0; align-items: center;}
/* footer*/
#legales{ width: 896px; height: 65px; font-size: 11px; font-weight: 400; color:#999; text-align: center; padding: 0 15px 15px 5px; margin: 0x 0 15px 0;}