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



/*nota ARSAT-1*/
.ARSAT{ width: 926px; height: auto; margin: 0 auto; position: relative; float: left;}
.articlearsat{ width: 926px; height: auto; margin 0 auto; position: relative; float: left;}
.colu1{ width: 302px; height: 310px; position: relative; float: left; margin: 10px 0 0 0;}
.colu2{ width: 302px; height: 310px; position: relative; float: right; margin: 10px 0 0 0;}


.imagenarsat{ background:url(../imagenes/arsat3.jpg) no-repeat; width:926px; height:85px; display:block; float: left; position: relative;transition-duration: 1.7s; transition-delay: 1.5s,center;overflow: hidden;}
/*.imagenarsat:hover{ background:url(../imagenes/arsat3.jpg) no-repeat; width:926px; height:623px; display:block; float: left; position: relative;transition-duration: 1.7s; transition-delay: 1.5s,center;overflow: hidden;}
*/.imagenarsathover{ background:url(../imagenes/arsat3.jpg) no-repeat; width:926px; height:623px; display:block; float: left; position: relative;transition-duration: 1.7s; transition-delay: 1.5s,center; overflow: hidden;}

.titulo1{ width: 926px; font-size: 50px; font-style: italic; font-weight: 900; float: left; color: rgba(255, 255, 255, 0.67); margin: 15px 0 0 15px;transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;} 
.titulo1:hover{color: #FFF; text-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;}
.titulo1hover{color: #FFF; text-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;}

.linea1{ border-bottom: rgba(255, 255, 255, 0.67) solid 1px; width: 926px; float: left; display: block; margin: 0 0 5px 0;}
.subtitulo{ font-size: 16px; font-style: italic; font-weight: 300; color: rgba(255, 255, 255, 0.67); float: left; position: relative; margin: -11px 0 0 12px;transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;}
.subtitulo:hover{color: #FFF; text-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;}
.subtitulohover{color: #FFF; text-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;cursor: pointer;}

.cuadrado1{ background:rgba(123, 193, 163, 0.66); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: rgba(255, 255, 255, 0.42) solid 2px;transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado1:hover{ background:rgba(123, 193, 163, 0.84); height: 15px; width: 15px; display: block; position: absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado1hover{ background:rgba(123, 193, 163, 0.84); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado2{ background:rgba(123, 193, 163, 0.66); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: rgba(255, 255, 255, 0.42) solid 2px;transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado2:hover{ background:rgba(123, 193, 163, 0.84); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado2hover{ background:rgba(123, 193, 163, 0.84); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado3{ background:rgba(123, 193, 163, 0.66); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: rgba(255, 255, 255, 0.42) solid 2px;transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado3:hover{ background:rgba(123, 193, 163, 0.84); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado3hover{ background:rgba(123, 193, 163, 0.84); height: 15px; width: 15px; display: block; position:  absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado4{ background:rgba(123, 193, 163, 0.66); height: 15px; width: 15px; display: block; position: absolute; float: left; border-radius: 15px; border: rgba(255, 255, 255, 0.42) solid 2px;transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado4:hover{ background:rgba(123, 193, 163, 0.66); height: 15px; width: 15px; display: block; position: absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.cuadrado4hover{ background:rgba(123, 193, 163,  0.66); height: 15px; width: 15px; display: block; position: absolute; float: left; border-radius: 15px; border: #fff solid 2px; box-shadow: 0px 0 15px #fff; transition-duration: 0.7s; transition-delay: 0.5s,left;}

.point1{position: absolute; top: 198px; left: 110px;cursor: pointer;}
.point2{position: absolute; top: 155px; left: 340px;cursor: pointer;}
.point3{position: absolute; top: 328px; left: 272px;cursor: pointer;}
.point4{position: absolute; top: 243px; left: 596px;cursor: pointer;}

.recontener1{ width:150px; height:155px; background: transparent; position: absolute; top: 205px; left: 129px; display: none; border-top: transparent solid 2px;  border-bottom: #dedede solid 1px; border-left: transparent solid 1px; border-right: transparent 1px; margin 0; padding: 0 10px 0 10px;transition-duration: 0.7s; transition-delay: 0.5s,left; overflow: hidden !important;}
.recontener1:hover{ width:150px; height: 155px; background: rgba(80, 80, 80, 0.78); position: absolute; top: 205px; left: 129px; display: block; border-top: #7BC1A3 solid 2px; border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.recontener1hover{ width:150px; height: 155px; background: rgba(80, 80, 80, 0.78); position: absolute; top: 205px; left: 129px; display: block; border-top: #7BC1A3 solid 2px; border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.subtext1{font-size: 14px; font-weight: 900; position: absolute; float: left; color: #fff; margin: -3px 0 3px 0;}
.texto1{ font-size: 11px; font-weight: 300; position: absolute; float: left; color: #fff; margin: 30px 0 0 0; line-height: 14px; padding: 0 -5px 0 0;}

.recontener2{ width:150px; height: 130px; background: transparent; position: absolute; top: 205px; left: 129px; display: none; border-top: transparent solid 2px;  border-bottom: #dedede solid 1px; border-left: transparent solid 1px; border-right: transparent 1px; margin 0; padding: 0 10px 0 10px;transition-duration: 0.7s; transition-delay: 0.5s,left; overflow: hidden !important;}
.recontener2:hover{ width:150px; height: 130px; background: rgba(80, 80, 80, 0.78); position: absolute; top: 164px; left:359px; display: block; border-top: #7BC1A3 solid 2px; border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.recontener2hover{ width:150px; height: 130px; background: rgba(80, 80, 80, 0.78); position: absolute; top: 164px; left:359px; display: block; border-top: #7BC1A3 solid 2px; border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.subtext2{font-size: 14px; font-weight: 900; position: absolute; float: left; color: #fff; margin: -3px 0 3px 0;}
.texto2{ font-size: 11px; font-weight: 300; position: absolute; float: left; color: #fff; margin: 30px 0 0 0px; line-height: 14px; padding: 0 -5px 0 0;}

.recontener3{ width:125px; height: 190px; background: rgba(80, 80, 80, 0.78); position: relative; top: 283px; left:95px; display: none; border-top: #7BC1A3 solid 2px;  border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left; overflow: hidden !important;}
.recontener3:hover{ width:125px; height: 190px; background: rgba(80, 80, 80, 0.78); position: relative; top: 283px; left:95px; display: block; border-top: #7BC1A3 solid 2px;  border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.recontener3hover{ width:125px; height: 190px; background: rgba(80, 80, 80, 0.78); position: relative; top: 283px; left:95px; display: block; border-top: #7BC1A3 solid 2px;  border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.subtext3{font-size: 14px; font-weight: 900; position: absolute; float: left; color: #fff; margin: -3px 0 3px 0;}
.texto3{ font-size: 11px; font-weight: 300; position: absolute; float: left; color: #fff; margin: 30px 0 0 0; line-height: 14px; padding: 0 -5px 0 0;}

.recontener4{ width:170px; height: 200px; background: transparent; position: absolute;  top: 251px; left:616px;  display: none; border-top: transparent solid 2px;  border-bottom: #dedede solid 1px; border-left: transparent solid 1px; border-right: transparent 1px; margin 0; padding: 0 10px 0 10px;transition-duration: 0.7s; transition-delay: 0.5s,left; overflow: hidden !important;}
.recontener4:hover{ width:170px; height: 200px; background: rgba(80, 80, 80, 0.78); position: absolute;   top: 251px; left:616px;  display: block; border-top: #7BC1A3 solid 2px;  border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.recontener4hover{ width:170px; height: 200px; z-index:1200; background: rgba(80, 80, 80, 0.78); position: absolute; top: 251px; left:616px; display: block; border-top: #7BC1A3 solid 2px;  border-bottom: #dedede solid 1px; border-left: #dedede solid 1px; border-right: #dedede solid 1px; margin 0; padding: 0 10px 0 10px;box-shadow: 0px 0 30px; transition-duration: 0.7s; transition-delay: 0.5s,left;}
.subtext4{font-size: 14px; font-weight: 900; position: absolute; float: left; color: #fff; margin: -3px 0 3px 0;}
.texto4{ font-size: 11px; font-weight: 300; position: absolute; float: left; color: #fff; margin: 30px 0 0 0; line-height: 14px; padding: 0 0 0 0;}

.linea0{ border-bottom: #7BC1A3 solid 1px; width: 926px; float: left; display: block;}
.linea1{ border-bottom: rgba(255, 255, 255, 0.67) solid 1px; width: 926px; float: left; display: block; margin: 0 0 5px 0;}
.linea1a{ border-bottom: rgba(255, 255, 255, 0.67) solid 1px; width: 926px; float: left; display: block; margin: 0 0 5px 0;}
.linea2{ border-bottom: rgba(255, 255, 255, 0.67) solid 1px; width: 926px; float: left; display: block; margin: 5px 0 5px 0;}

#ARSAT2{ width: 926px; height: auto; margin: 0 auto; position: relative; float: left;}
.articlearsat1{ width: 926px; height: auto; margin 0 auto; position: relative; float: left;}
.flecha3{background:url(../imagenes/flecha.png) no-repeat 463px 8px #7BC1A3; height: 25px; width: 926px; float: left; position: relative; margin: 0 0 5px 0; auto; cursor:pointer;}
.flecha3:hover{ background-color: #7BC1A3; }
.flecha3hover{ background:url(../imagenes/flechaup.png)  no-repeat 463px 8px #7BC1A3; height: 25px; width: 926px; float: left; position: relative; margin: 0 0 5px 0; auto; cursor:pointer;}
.titulonotarsat{ width: 926px; font-size: 30px; font-weight: 900; float: left; color: #7BC1A3; transition-duration: 0.7s; transition-delay: 0.5s,left; margin: 0 0 -5px 3px;}
.subtituloarsatext{  width: 692px; font-size: 17px; font-weight: 600; position: absolute; float: left; color: #dedede; float: left; position: relative;line-height: 20px; padding: 5px 20px 5px 0; margin: 5px 0 0 0; font-style: italic;}
.arsatdescripcion{ width: 302px; font-size: 13px; font-weight: 400; position: absolute; float: left; color: #ccc; float: left; position: relative;line-height: 15px; margin: 11px 0 15px 0; padding: 0 20px 0 0;}
.imagenbianchi{ height: 160px; width: 280px; display: block; position: relative; float: right; border-top: #666 solid 8px; border-bottom: #666 solid 8px; margin: 15px 0 0 0;}
.backgr{ background: #7BC1A3 ; text-align: center; width:280px; height: 22px; float: right; position: relative; display: block;}
.decla1{ width: 280px; float: right; font-size: 16px; font-weight: 400;  color: #fff; margin: 5px 0 10px 0;}

.descripcion{ width: 280px; float: left; font-size: 13px; font-weight: 300; color: #c1c1c1; font-style: italic;}


#fotogaleria{ height: 55px; font-size: 20px; font-weight: 400; color: #7BC1A3; text-align: center; padding-top: 8px; margin: 0px 0 -15px 0;}
#fajafoto{ height: 15px; width: 926px; background:#7BC1A3;}
















/* footer*/
#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; float: left; text-align: center; padding: 0 15px 15px 5px; margin: 0x 0 15px 0;}