*{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*/


#izq{ width: 146px; float: left; height: auto; margin 0 auto; float: left; margin: 27px 0 0 0;}
#queestasviendo{width: 122x; float: left; display: block; float: left;}
.fajaqev{width: 146px; height: 18px; background: #BDBDB9; float: left; position: relative; display: block;}
.titfaj{ font-size: 11px; font-weight: 700; font-style: italic; color:#242424; float: left; position: relative; padding: 2px 0 0 5px;cursor: pointer;}
.imagenqeve{ background: url(../imagenes/qev.jpg) no-repeat; float: left; position:relative; width: 146px; height: 208px; cursor: pointer;}
.fajq{ background: rgba(189, 189, 185, 0.76); width: 136px; height: 18px; margin: 189px 0 0 0;cursor: pointer;}
.tituloq{ font-size: 14px; font-weight: 400; float: left; position: relative; color: #fff; padding: 0 0 2px 10px; text-align: center;cursor: pointer;}


.sinopsis{ width: 146px; height: 0px; background: rgba(189, 189, 185, 0.88); float: left; position: relative; display: block; margin: 1px 0 0 0; transition-duration: 1s; }
.texter{ width: 131px; height: 0px; font-size: 10px; font-weight: 300; float: left; position: relative; color: #fff; overflow: hidden;padding: 0 5px 0 10px;}

.sinopsishover{ width: 146px; height: 120px; background:  rgba(189, 189, 185, 0.88); float: left; position: relative; display: block; margin: 1px 0 0 0;transition-duration: 0.7s; transition-delay: 0.5s;}
.texterhover{ width: 131px; font-size: 10px; font-weight: 300; float: left; position: relative; color: #fff; padding: 10px 5px 10px 10px;transition-duration: 1s; }


.fajaqev2{width: 146px; height: 18px; background: rgb(189, 189, 185); float: left; position: relative; display: block; margin: 5px 0 0 0;}
.titfaj2{ font-size: 11px; font-weight: 700; font-style: italic; color:#242424; float: left; position: relative; padding: 2px 0 0 5px;cursor: pointer;}

.cajitas{ width: 146px; height: 140px; float: left; position: relative; overflow: hidden;transition-duration: 1s;}

.cajitashover{ width: 146px; height: 0px; float: left; position: relative; overflow: hidden;transition-duration: 1s; }

.nombrecitos{ font-size: 13px; font-weight: 700; font-style: italic; float: left; color:#999; position: relative;  background: rgba(189, 189, 185, 0.09); width: 141px; height: 18px; margin: 5px 0 5px 0; padding: 0 0 0 5px; border-top: #777 1px dotted; border-bottom: #777 1px dotted;}
.descripcioncitas{ font-size: 12px; font-weight: 400; float: left; color:#666; position: relative; width: 146px; height: 20px; margin: -2px 0 0 0;}

.flech{ background: url(../imagenes/flechaup.png) no-repeat; display: block; height: 15px; width: 15px; margin: 5px 0 0 63px;transition-duration: 1s;}
.fajaqev5{width: 146px; height: 18px; background: rgb(189, 189, 185); float: left; position: relative; display: block; margin: 5px 0 0 0; cursor: pointer;transition-duration:1s;}
.fajaqev5:hover{width: 146px; height: 18px; background: #fff; float: left; position: relative; display: block; margin: 5px 0 0 0; cursor: pointer;transition-duration:1s;}
.fajaqev5hover{width: 146px; height: 18px; background: #fff; float: left; position: relative; display: block; margin: 5px 0 0 0; cursor: pointer;transition-duration:1s;}
.flechhover{ background: url(../imagenes/flecha.png) no-repeat; display: block; height: 15px; width: 15px; margin: 5px 0 0 63px; cursor: pointer;transition-duration:1s;}



#tele{ width: 770px; float: right; height: auto; margin 0 auto;}
.fajavid{ background: rgb(189, 189, 185); width: 770px; height: 18px;float: right;}







/* fotogaleria*/

#lineasolida3{ border-bottom:#666 solid 1px; width: 380px; float: right; margin: 12px 0 6px 0;}
#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;}