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



#caja{ width: 146px; height: 550px; float: left; position: relative; display: block; margin: 28px 0 0 0;}
#columna1{ width: 146px; height: 550px; float: left; position: relative; margin: 0; display: block;}
#caja2{ width: 770px; height: 550px; float: left; position: relative; display: block; margin: 0px}
#columna2{ width: 302px; height: 550px; float: left; position: relative;}
#columna3{ width: 451px; height: 550px; float: left; position: relative; margin: 0 0 0 15px;}
columnalinea{ width: 3px; height: 550px; float: right; position: relative;}
#leydemedios{ border-top: rgba(233, 133, 70, 0.8) solid 1px; font-size: 12px; font-weight: 700; color: #666; float: left; position: relative;}
.leypdf{ width: 146px; height: auto; float: left; position: relative;}
#propa{ background: #242424; width: 146px; height: 292px; float: left; position: relative; display: block !important; margin: 10px 0 10px 0;}
.lineahor{ border-bottom: rgba(233, 133, 70, 0.8) solid 1px;}
#boton{ width: 146px; height: 18px; background: #5a5a5a; font-size: 10px; font-weight: 600; color: #333; align-items: center; border: none; margin: 8px 0 10px 0; cursor: pointer;}
#boton:hover{ width: 146px; height: 18px; background: rgba(233, 133, 70, 0.8); font-size: 10px; color: #fff; text-align: center;}



.titulo{ font-size: 12px; color:rgba(233, 133, 70, 0.6); font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: rgba(233, 133, 70, 0.6) dotted 1px; border-bottom: rgba(233, 133, 70, 0.6) dotted 1px; cursor: pointer;}

.tt1{font-size: 12px; color: #E98546; font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: #E98546 dotted 1px; border-bottom: #E98546 dotted 1px; cursor: pointer;}



.tt1hover{font-size: 12px; color:rgba(233, 133, 70, 0.6); font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: rgba(233, 133, 70, 0.6) dotted 1px; border-bottom: rgba(233, 133, 70, 0.6) dotted 1px; cursor: pointer;}
.tt2hover{font-size: 12px; color: #E98546; font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: #E98546 dotted 1px; border-bottom: #E98546 dotted 1px; cursor: pointer;}
.tt3hover{font-size: 12px; color: #E98546; font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: #E98546 dotted 1px; border-bottom: #E98546 dotted 1px; cursor: pointer;}
.tt4hover{font-size: 12px; color: #E98546; font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: #E98546 dotted 1px; border-bottom: #E98546 dotted 1px; cursor: pointer;}
.tt5hover{font-size: 12px; color: #E98546; font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: #E98546 dotted 1px; border-bottom: #E98546 dotted 1px; cursor: pointer;}
.tt6hover{font-size: 12px; color: #E98546; font-weight: 700; position: relative; float: right; padding: 6px 5px 8px 5px; width: 140px; height: 15px; margin: 15px 10px 15px 0; text-align: right; border-top: #E98546 dotted 1px; border-bottom: #E98546 dotted 1px; cursor: pointer;}

.c1{background: rgba(233, 133, 70, 0.6); height: 10px; width: 10px; float: left; position: relative; display: block;top: 3px; left: 22px;}
.c2{background: rgba(233, 133, 70, 0.6); height: 10px; width: 10px; float: left; position: relative; display: block;top: 3px; left: 19px;}
.c3{background: rgba(233, 133, 70, 0.6); height: 10px; width: 10px; float: left; position: relative; display: block;top: 3px; left: 31px;}
.c4{background: rgba(233, 133, 70, 0.6); height: 10px; width: 10px; float: left; position: relative; display: block;top: 3px; left: 55px;}
.c5{background: rgba(233, 133, 70, 0.6); height: 10px; width: 10px; float: left; position: relative; display: block;top: 3px; left: 88px;}
.c6{background: rgba(233, 133, 70, 0.6); height: 10px; width: 10px; float: left; position: relative; display: block;top: 3px; left: 77px;}


.poligono{ background: url(../imagenes/px_bg_institucional.png) repeat; height: 500px; width: 1px; float: left; position: relative;}



.tit1{ background: #E98546; font-size: 16px; font-weight: 600; float: left; position: relative; color: #fff; width: 461px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px;}
.textos1{ font-size: 12px; color:#808080; position: relative; float: right; width: 431px; height: auto; padding; 0 0 0 20px;}
.tit1hover{ background: transparent; font-size: 16px; font-weight: 600; float: left; position: relative; color: transparent; width: 0px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px; overflow: hidden;}
.textos1hover{ font-size: 12px; color:transparent; position: relative; float: right; width: 0px; height: auto; padding; 0 0 0 20px; overflow: hidden;}


.tit2{ background: transparent; font-size: 16px; font-weight: 600; float: left; position: relative; color: transparent; width: 0px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px; overflow: hidden;}
.textos2{ font-size: 12px; color:transparent; position: relative; float: right; width: 0px; height: auto; padding; 0 0 0 20px; overflow: hidden;}
.tit2:hover{ background: #E98546; font-size: 16px; font-weight: 600; float: left; position: relative; color: #fff; width: 461px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px;}
.textos2:hover{ font-size: 12px; color:#808080; position: relative; float: right; width: 431px; height: auto; padding; 0 0 0 20px;}
.tit2hover{ background: #E98546; font-size: 16px; font-weight: 600; float: left; position: relative; color: #fff; width: 461px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px;}
.textos2hover{ font-size: 12px; color:#808080; position: relative; float: right; width: 431px; height: auto; padding; 0 0 0 20px;}


.autori{font-size: 15px; font-weight: 300; float: left; position: relative; color: transparent; width: 0px; margin: 5px 0 10px 20px; overflow: hidden;}
.autoimag1{ background: url(../imagenes/autoridades.png) no-repeat;  width: 445px; height: 45px; display: block; float: left; margin: 5px 0 5px 15px;display: none; overflow: hidden;}
.autori:hover{ font-size: 15px; font-weight: 300; float: left; position: relative; color: #fff; width: 445px; margin: 5px 0 10px 20px;}
.autoimag1:hover{ background: url(../imagenes/autoridades.png) no-repeat;  width: 445px; height: 45px; display: block; float: left; margin: 5px 0 5px 15px;}
.autorihover{ font-size: 15px; font-weight: 300; float: left; position: relative; color: #fff; width: 445px; margin: 5px 0 10px 20px;}
.autoimag1hover{ background: url(../imagenes/autoridades.png) no-repeat;  width: 445px; height: 45px; display: block; float: left; margin: 5px 0 5px 15px;}

.tit3{ background: transparent; font-size: 16px; font-weight: 600; float: left; position: relative; color: transparent; width: 0px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px; overflow: hidden;}
.textos3{ font-size: 12px; color:transparent; position: relative; float: right; width: 0px; height: auto; padding; 0 0 0 20px; overflow: hidden;}
.textos3:hover{ font-size: 12px; color:#808080; position: relative; float: right; width: 431px; height: auto; padding; 0 0 0 20px;}
.tit3hover{ background: #E98546; font-size: 16px; font-weight: 600; float: left; position: relative; color: #fff; width: 461px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px;}
.textos3hover{ font-size: 12px; color:#808080; position: relative; float: right; width: 431px; height: auto; padding; 0 0 0 20px;}

.tit4{ background: transparent; font-size: 16px; font-weight: 600; float: left; position: relative; color: transparent; width: 0px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px; overflow: hidden;}
.textos4{ font-size: 12px; color:transparent; position: relative; float: right; width: 0px; height: auto; padding; 0 0 0 20px; overflow: hidden;}
.contene4{ float: left; position: relative; width: 0px; height: auto; display: block; margin: 0 0 15px 0; align-items: center; overflow: hidden;}

.tit4hover{ background: #E98546; font-size: 16px; font-weight: 600; float: left; position: relative; color: #fff; width: 461px; margin: -223px 0 15px 0; padding: 0 0 6px 0; height: 15px;}
.textos4hover{ font-size: 13px; font-weight: 400; color:#808080; position: relative; float:left; width: 350px; height: auto; padding: 0 0 0 15px;}
.contene4hover{ float: left; position: relative; width: 200px; height: auto; display: block; margin: -190px 0 15px 0; align-items: center;}


.autoimag5{ background: url(../imagenes/afsca.png) no-repeat; height: 45px; width: 150px; display: block; float: left; position: relative; margin: 5px 0 5px 15px;}
.autoimag6{ background: url(../imagenes/tda.png) no-repeat; height: 45px; width: 150px; display: block; float: left; position: relative;margin: 25px 0 5px 15px;}
.autoimag7{ background: url(../imagenes/polos.png) no-repeat; height: 45px; width: 150px; display: block; float: left;position: relative;margin: 25px 0 5px 15px;}
.autoimag8{ background: url(../imagenes/logotipo.png) no-repeat; height: 45px; width: 150px; display: block; float: left; position: relative;margin: 25px 0 -10px 15px;}


.tit5{ background: transparent; font-size: 16px; font-weight: 600; float: left; position: relative; color: transparent; width: 0px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px; overflow: hidden;}
.textos5{ font-size: 12px; color:transparent; position: relative; float: right; width: 0px; height: auto; padding; 0 0 0 20px; overflow: hidden;}
.contene5{ float: left; position: relative; width: 200px; height: auto; display: block; margin: 0 0 15px 0; align-items: center; display: none;overflow: hidden;}



.tit5hover{ background: #E98546; font-size: 16px; font-weight: 600; float: left; position: relative; color: #fff; width: 461px; margin: -290px 0 15px 0; padding: 0 0 6px 0; height: 15px;}
.textos5hover{ font-size: 13px; font-weight: 400; color:#808080; position: relative; float:left; width: 350px; height: auto; padding: 0 0 0 15px;}
.contene5hover{ float: left; position: relative; width: 200px; height: auto; display: block; margin: -250px 0 15px 0; align-items: center;}



.autoimag10{ background: url(../imagenes/Isologotipo.png) no-repeat; height: 55px; width: 200px; display: block; float: left; position: relative; margin: 5px 0 5px 15px;}
.autoimag11{ background: url(../imagenes/logotipo.png) no-repeat; height: 45px; width: 200px; display: block; float: left; position: relative;margin: 25px 0 -10px 15px;}
.autoimag12{ background: url(../imagenes/isologo..png) no-repeat; height: 45px; width: 200px; display: block; float: left;position: relative;margin: 25px 0 5px 15px;}



.tit6{ background: transparent; font-size: 16px; font-weight: 600; float: left; position: relative; color: transparent; width: 0px; margin: 20px 0 15px 0; padding: 0 0 6px 0; height: 15px; overflow: hidden;}
.textos6{ font-size: 12px; color:transparent; position: relative; float: right; width: 0px; height: auto; padding; 0 0 0 20px; overflow: hidden;}
.contene6{ float: left; position: relative; width: 460px; height: 415px; display: block; margin: 0 0 15px 0; align-items: center; display: none;overflow: hidden;}



.tit6hover{ background: #E98546; font-size: 16px; font-weight: 600; float: left; position: relative; color: #fff; width: 461px; margin: -290px 0 15px 0; padding: 0 0 6px 0; height: 15px;}
.textos6hover{ font-size: 13px; font-weight: 400; color:#808080; position: relative; float:left; width: 446px; height: auto; padding: 5px 0 0 15px; border-top: rgba(233, 133, 70, 0.8) solid 1px; margin: 10px 0 0 0;}
.contene6hover{ float: left; position: relative;  width: 460px; height: 415px; display: block; margin: -260px 0 15px 0; align-items: center;}

iframe{ width: 460px; height: 200px; float: left; position: relative; display: block;}


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