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

/*estilo twitter*/
.aside1{width: 146px; margin: 0px; float: left; display: block;}
.titulotweet{ background-color: #414042; height: 20px; font-weight: 400; font-size: 12px; color: #fff;vertical-align: middle; text-align: center; margin: 28px 0 10px 0; padding: 5px 0 0 0;}
.nombres{background:url(../imagenes/tweetsection.png) no-repeat 8px 12px; font-weight: 400; font-size: 12px; color: #c9c9c9; vertical-align: middle; text-align: center; margin: -3px 0 0 0;}
.lineapunteada{ border-bottom:#666 dotted 1px; width:140px;}
.texto{ font-weight: 300; font-size: 10px; text-align: left; color: #c9c9c9; margin: 10px 0 15px 0; padding-right: 4px;}
.barramagna{ height: 0px; overflow:hidden; transition-duration: 1.5s; transition-delay: 2.5s,center;}
.barramagnahover  { height:460px; transition-duration: 1.5s; transition-delay: 2.5s,center;}


.barra { position:relative; top:0;}
.barra:hover { top:-576px; transition: top 10s easy-out;  transition-duration: 20s; transition-delay: 2.5s,center; overflow:hidden;}

.flecha{background:url(../imagenes/flecha.png) no-repeat 63px 8px #414042; height: 25px; margin: 0 0 10px 0; cursor:pointer;}
.flecha:hover{ background-color: #7BC1A3; }
.flechahover{ background:url(../imagenes/flechaup.png)  no-repeat 63px 8px #414042;}

#redessociales{  border-bottom:#666 solid 1px; border-top:#666 solid 1px; background-color: #414042; height: 25px;  align-items: center; width:146px; display:block; }
#facebook { background: url(../imagenes/socialmedia1.png) no-repeat 0px 5px ;  height:23px; width:15px; float:left; margin-left:42px !important; cursor:pointer;}
#twitter { background: url(../imagenes/socialmedia3.png) no-repeat 0px 5px  ; height:23px; width:15px; float:left; margin-left:5px !important; cursor:pointer;}
#mail { background: url(../imagenes/socialmedia5.png) no-repeat  0px  5px; height:23px; width:15px; float:left; display:block; margin-left:5px !important; cursor:pointer;}

#facebook:hover { background: url(../imagenes/socialmedia2.png) no-repeat 0px 5px ;   }
#twitter:hover { background: url(../imagenes/socialmedia4.png) no-repeat 0px 5px  ; }
#mail:hover { background: url(../imagenes/socialmedia6.png) no-repeat  0px  5px; }

/* estilo twittwe*/

/*notas viejas*/

#tnotasviejas{  background-color: #414042; height: 20px; font-weight: 400; font-size: 12px; color: #ccc; vertical-align: middle; text-align: center; margin: 50px 0 10px 0; padding: 5px 0 0 0; align-items: center; width:146px; display:block;}

.notacolapse{ width:146px; height: 460px; background-color:transparent; display:block; transition-duration: 1.5s; transition-delay: 2.5s,center; overflow:hidden;}
.notacolapsehover { height: 0px; transition-duration: 1.5s; transition-delay: 2.5s,center;overflow:hidden;}

.flecha2{background:url(../imagenes/flechaup.png) no-repeat 63px 8px #414042; height: 25px; cursor:pointer;}
.flecha2:hover{ background-color: #7BC1A3;}
.flecha2hover{ background:url(../imagenes/flecha.png)  no-repeat 63px 8px #414042;}

.lineavieja{ border-bottom: #414042 dotted 1px; margin: 4px 0 4px -5px; width: 146px;}

.t1{ font-size: 14px; font-weight: 600; float: left; color: #777; cursor: pointer; padding: 0 0 0 5px;}
.t1:hover{ color: #fff; cursor: pointer;}
.t1hover{ color: #fff; cursor: pointer;}
.fondo1{ background: transparent; width: 146px; height: 20px;}
.fondo1:hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.fondo1hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.t2{ font-size: 10px; font-weight: 400;float: left; color: #777 !important; font-style: italic; padding: 0 0 0 10px; margin: 8px 0 20px -5px;cursor: pointer;}
.t2:hover{ color: #999 !important;cursor: pointer;}
.t2hover{  color: #999 !important;cursor: pointer;}

.t3{ font-size: 14px; font-weight: 600; float: left; color: #777; cursor: pointer; padding: 0 0 0 5px;}
.t3:hover{ color: #fff; cursor: pointer;}
.t3hover{ color: #fff; cursor: pointer;}
.fondo2{ background: transparent; width: 146px; height: 20px;}
.fondo2:hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.fondo2hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.t4{ font-size: 10px; font-weight: 400;float: left; color: #777 !important; font-style: italic; padding: 0 0 0 10px; margin: 8px 0 20px -5px;cursor: pointer;}
.t4:hover{ color: #999 !important;cursor: pointer;}
.t4hover{  color: #999 !important;cursor: pointer;}

.t5{ font-size: 14px; font-weight: 600; float: left; color: #777; cursor: pointer; padding: 0 0 0 5px;}
.t5:hover{ color: #fff; cursor: pointer;}
.t5hover{ color: #fff; cursor: pointer;}
.fondo3{ background: transparent; width: 146px; height: 20px;}
.fondo3:hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.fondo3hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.t6{ font-size: 10px; font-weight: 400;float: left; color: #777 !important; font-style: italic; padding: 0 0 0 10px; margin: 8px 0 20px -5px;cursor: pointer;}
.t6:hover{ color: #999 !important;cursor: pointer;}
.t6hover{  color: #999 !important;cursor: pointer;}

.t7{ font-size: 14px; font-weight: 600; float: left; color: #777; cursor: pointer; padding: 0 0 0 5px;}
.t7:hover{ color: #fff; cursor: pointer;}
.t7hover{ color: #fff; cursor: pointer;}
.fondo4{ background: transparent; width: 146px; height: 20px;}
.fondo4:hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.fondo4hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.t8{ font-size: 10px; font-weight: 400;float: left; color: #777 !important; font-style: italic; padding: 0 0 0 10px; margin: 8px 0 20px -5px;cursor: pointer;}
.t8:hover{ color: #999 !important;cursor: pointer;}
.t8hover{  color: #999 !important;cursor: pointer;}

.t9{ font-size: 14px; font-weight: 600; float: left; color: #777; cursor: pointer; padding: 0 0 0 5px;}
.t9:hover{ color: #fff; cursor: pointer;}
.t9hover{ color: #fff; cursor: pointer;}
.fondo5{ background: transparent; width: 146px; height: 20px;}
.fondo5:hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.fondo5hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.t10{ font-size: 10px; font-weight: 400;float: left; color: #777 !important; font-style: italic; padding: 0 0 0 10px; margin: 8px 0 20px -5px;cursor: pointer;}
.t10:hover{ color: #999 !important;cursor: pointer;}
.t10hover{  color: #999 !important;cursor: pointer;}

.t11{ font-size: 14px; font-weight: 600; float: left; color: #777; cursor: pointer; padding: 0 0 0 5px;}
.t11:hover{ color: #fff; cursor: pointer;}
.t11hover{ color: #fff; cursor: pointer;}
.fondo6{ background: transparent; width: 146px; height: 20px;}
.fondo6:hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.fondo6hover{background: #7BC1A3; transition-duration: 0.5s; transition-delay: 0.5s, left;}
.t12{ font-size: 10px; font-weight: 400;float: left; color: #777 !important; font-style: italic; padding: 0 0 0 10px; margin: 8px 0 0 -5px;cursor: pointer;}
.t12:hover{ color: #999 !important;cursor: pointer;}
.t12hover{  color: #999 !important;cursor: pointer;}


/*notas viejas*/

/*nota decodificador*/
#section1{ width: 770px; float: right; margin:0; height: auto;}
.deco{ width: 770px; height: auto; float: left; display: block;}
.titulodeco1{ width: 146px; font-size: 38px; font-weight: 900; float: right; text-align: left; line-height: 32px; color:#c9c9c9 ; margin: -5px 0 0 0; padding: -10px 22px 2px 2px;cursor:pointer;}
.titulodeco1:hover{ color:#7BC1A3; cursor:pointer;}
.imagendeco{ background: url(../imagenes/deco.jpg) no-repeat; cursor:pointer;height: 100px; width: 614px; float:left;}
.imagendeco:hover{ background: url(../imagenes/deco2.jpg) no-repeat; transition-duration: 1.5s; transition-delay: 2.5s,center; cursor:pointer;}
.imagendecohover{ background: url(../imagenes/deco2.jpg) no-repeat; transition-duration: 1.5s; transition-delay: 2.5s,center; cursor:pointer;}
.titulodecohover{ color:#7BC1A3 !important; }

#fajadeco{ width: 770px; height: 5px; float: left; background: #7BC1A3; margin: -12px 0 -0 0;}
#textodeco{ width: 765px; height: 15px; float: right; background-color: #414042; font-weight: 400; font-size: 8px; color: #7BC1A3;vertical-align: middle; text-align: right; padding-right: 5px; margin-top: -7px;}
article div p{ padding: 2px 0 0 5px; margin: 0 0 15px 0;}
.lineadiv1{color:#fff; border:0.75 px solid #999; margin: 15px 0 10px 0;}
/*nota decodificador*/

/*entrevistas*/
#section2{ width: 770px; float: right; margin:0; height: auto;}
#aside2{width: 146px; margin: 0px; float: left; display: block; margin: -2px 0 0 0;}
.fajanotas1{ width: 146px; height: 8px; float: left; background: #7BC1A3;}
#lineasolida2 { border-bottom:#666 solid 1px; width: 146px; float: right; margin: -1px 0 7px 0;}
#titulnotas1{ background: #7BC1A3; width: 146px; color: #FFF; float: left; text-align: center; margin: 8px 0 5px 0;}
#fotosnotas1{ background: url(../imagenes/sabatella.jpg) no-repeat; width: 146px; height: 100px; float: left; margin: 0 0 10px 0;cursor: pointer;}
#fotosnotas2{ background: url(../imagenes/pena.jpg) no-repeat; width: 146px; height: 100px; float: left; margin: 0 0 10px 0;cursor: pointer;}
#fotosnotas3{ background: url(../imagenes/canaveral.jpg) no-repeat; width: 146px; height: 100px; float: left; margin: 0 0 10px 0;cursor: pointer;}
#fotosnotas4{ background: url(../imagenes/hueter.jpg) no-repeat; width: 146px; height: 100px; float: left; margin: 0 0 10px 0;cursor: pointer;}
.texto1{ font-size: 10px; color: #fff; font-weight: 300;cursor: pointer;}
.texto2{ font-size: 12px; color: #fff; font-weight: 600; cursor: pointer;}
#background{ background: url(../imagenes/px_bg_noticias.png) repeat;  height: 35px;  margin-top:60px; padding-left:5px; padding-top:5px; cursor: pointer;}
/*entrevistas*/

/*nota obra*/
#aside3{width: 224px; margin: 7px 10px 0 10px; float: left; display: block;}
.fajaobra{ width: 224px; height: 8px; float: left; background: #7BC1A3; margin: 0 0 5px 0;}
#fotoobra{ background: url(../imagenes/obra.jpg) no-repeat; width: 224px; height: 110px; position: relative; float: left;}
.piefoto1{ font-size: 12px; color: #fff; font-weight: 100; margin: 75px 0 0 15px;}
.piefoto2{ font-size: 14px; color: #fff; font-weight: 400;margin: 0 0 0 15px;}
.backgroundobra{width: 204px; height: auto; float: left; position: relative; background: #7BC1A3; margin: 0 0 5px 0; padding: 0 10px 0 10px;}
.tituloobra{ font-size: 18px; color: #fff; font-weight: 400; text-align: center; margin: 10px 0 -3px 0; width: 204px; height: 30px; }
.tituloobra:hover{ color: #d2ffec; text-shadow: 0px 0 6px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.lineaobra{ width: 204px; border-style: solid; color: #fff; border-width: thin 0.5px; float: left;}
.textosobra{font-size: 12px; color: #fff; position: relative; float: left; padding: 0 1px 0 1px; margin: 12px 0 12px 0;}
/*nota obra*/

/* fotogaleria*/
/*carga css de bxslider*/
#aside4{ background: #414042; width: 380px; float: left; display: block; height: 330px; margin: 7px 0 0 0;}
#fotogaleria{ height: 25px; font-size: 14px; font-weight: 600; color: #7BC1A3; text-align: center; padding-top: 8px;}
#fajafoto{ height: 5px; width: 380px; background:#7BC1A3;}
/*fotogaleria*/

/*nota satelite*/
#section3{ width: 380px; height: 90px; position: relative; float: right; display: block; margin-top: 10px;}
#aside5a{ width: 380px; height: auto; position: relative; float: right; display: block; margin-top: 5px;}
.titulosatelite{ padding: 18px 0 0 5px; vertical-align: middle; width: 400px; font-size: 36px; font-weight: 900; color:#7BC1A3; padding-bottom:6px; cursor: pointer; margin: 0 0 20px 0;}
.covertor{background: #414042; vertical-align: middle; height: 151px;}
.titulosatelite:hover{color: #FFF; text-shadow: 0px 0 6px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;}
.titulosatelitehover{color: #FFF; text-shadow: 0px 0 6px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;}
#foto1satelite{ background: url(../imagenes/arsat1.jpg) no-repeat; width: 380px; height: 87px; float: right !important; margin: 12px 0 3px 0;cursor: pointer;}
.fajasatelite img{ height: 6px; width: 8px; padding-left: 10px; padding-bottom: 5px;cursor: pointer;}

.fajasatelite{ background: #7BC1A3; width: 380px; height: 15px; margin-top: -5px; margin-bottom: 8px; cursor:pointer; overflow:hidden; transition-duration: 1.2s; transition-delay: 0s,center;cursor: pointer;}
.textochico { font-size: 12px; font-weight:100 !important; color:#FFFFFF; text-align: left; text-align: left; padding: 0px 10px 10px 10px;   }
#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;}