*{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; width: 960px; height: auto; margin: 0 auto;}
.contenedor{background-color:#242424; font-family: "Source Sans Pro", sans-serif; width: 926px; margin: 50px 17px 17px 17px; 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 10px 10px; cursor:pointer; border: 0px #ccc solid; width:31px; height:20px; }
/*estilos botonera*/

/* arranca registro*/
#izq{ width: 146px; float: left; height: auto; margin 0 auto; float: left; margin: 27px 0 0 0;}
.formu{ width: 122x; float: left; display: block; float: left;}
#contenedorformulario1{ background: #333; width: 122px; height: 115px; float: left; padding: 0 12px 0 12px;}
.aire{ width: 146px; height: 15px; float: left; position: relative;}
#contenedorformulario2{ background: #333; width: 122px; height: 220px; float: left; padding: 0 12px 0 12px; margin: 0 0 15px 0;}
.subtit{ width: 131px; display: block; float: left; color: #ccc; font-size: 11px; font-weight: 700; font-style: italic; margin: 0 0 5px 0; border-bottom: #555 solid 1px; border-top: #555 solid 1px; padding: 2px 0 2px 15px; background: rgba(199, 164, 137, 0.57);}
.textcamp{ width: 136px; font-size: 12px; font-weight: 600; font-style: italic; color: #ccc; float: left; margin: 5px 0 5px -7px; padding: 0 0 0 10px;}
.campo1{ height: 12px; width: 122px; color:#ccc; border: ridge #555 1px; background: #414042; font-size: 11px; font-weight: 100; float: left; margin: -3px 12px 5px 0;}
.campo2{ height: 12px; width: 12px; color:#ccc; border: ridge #555 1px; background: #414042; float: left; margin: 5px 0 5px 0px;}
.textcamp2{  font-size: 10px; font-weight: 600; font-style: italic; color: #ccc; float: left; margin: 5px 0 5px 5px; padding: 0 0 0 0px;}
#boton{ width: 122px; height: 15px; float: left; margin: 5px 12px 8px 0; background: #bcbcbc; font-size: 10px; color: #444;}
#boton:hover{ width: 122px; height: 15px; float: left; margin: 5px 12px 5px 0; background: #C7A489; font-size: 10px; color: #414042;}

/*termina registro*/
/*arranca que estas viendo*/
.lineta{  width: 146px; height: 10px; float: left; position: relative; border-top: #666 solid 1px; margin 10px 0 0 5px; display: block;}
#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;}
.imagenqev{ 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;}
/*termina que estas viendo*/

/*arranca seccion notas*/
#cent{ width: 458px; height: auto; margin: 0; float: left; position: relative; }
.saba{ width: 458px; height: auto; margin: 0; float: left; position: relative; padding: 0 10px 0 10px;}
.fajanotas{ width: 458px; height: 18px; background: #7BC1A3; float: left; position: relative; display: block;}
.entrevista{ widows: 458px; height: 200px; float: left; position: relative;}
.fajanotas2{ width: 458px; height: 110px; background: #7BC1A3; float: left; position: relative; display: block;cursor: pointer;}
.titunot{ width: 428px; height: 25px; font-size: 18px; font-weight: 400; margin: 5px 0 0 15px; color: #fff; float: left; padding: 0 0 0 -15px;cursor: pointer;}
.textnot{ border-top: #fff solid 1px; width: 438px; font-size: 12px; font-weight: 300; position: relative; float: left; color: #fff; position: relative; margin: 5px 0 0 15px; padding: 5px 0 0 0; cursor: pointer;}
/*termina seccion notas*/

/*arranca talleres*/

.triple1{ width: 453px; height: 18px; float: left; position: relative; background: #0AA3B6; margin: 10px 10px 0 0; padding: 0 0 0 5px;}
.imgpr1{ background: url(imagenes/tallercarp.jpg) no-repeat; float: left; position:relative; width: 146px; height: 146px; margin: 5px 10px 0 0; cursor: pointer;}
.imgpr2{ background: url(imagenes/dibuV6.jpg) no-repeat; float: left; position:relative; width: 146px; height: 146px; margin: 5px 0 0 0; cursor: pointer;}
.imgpr3{ background: url(imagenes/musica31c.jpg) no-repeat; float: left; position:relative; width: 146px; height: 146px; margin: 5px 0 0 10px; cursor: pointer;}


.titulopr{ font-size: 13px; font-weight: 600; float: left; position: relative; color: #fff; padding: 4px 0 2px 5px; transition-duration: 0.7s; transition-delay: 0.5s;}


.fajpr1{ background: rgba(10, 163, 182, 0.67); width: 141px; height: 15px; margin: 125px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s; overflow: hidden;}
.fajpr1:hover{ background: rgba(10, 163, 182, 0.87); width: 141px; height: 141px; margin: 0px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}
.fajpr1hover{ background: rgba(10, 163, 182, 0.87); width: 141px; height: 141px; margin: 0px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}

.fajpr2{ background: rgba(10, 163, 182, 0.67); width: 141px; height: 15px; margin: 125px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}
.fajpr2:hover{ background: rgba(10, 163, 182, 0.87); width: 141px; height: 141px; margin: 0px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}
.fajpr2hover{ background: rgba(10, 163, 182, 0.87); width: 141px; height: 141px; margin: 0px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}

.fajpr3{ background: rgba(10, 163, 182, 0.67); width: 141px; height: 15px; margin: 125px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}
.fajpr3:hover{ background: rgba(10, 163, 182, 0.87); width: 141px; height: 141px; margin: 0px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}
.fajpr3hover{ background: rgba(10, 163, 182, 0.87); width: 141px; height: 141px; margin: 0px 0 0 0; transition-duration: 0.7s; transition-delay: 0.5s;overflow: hidden;}

/*termina talleres*/


/*arranca talleres*/

.des1{ padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; color:#fff; font-style:italic;padding: 4px 0 2px 0; transition-duration: 1s; transition-delay: 0.5s; overflow: hidden;}
.des2{ padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; color:#fff;font-style:italic; padding: 4px 0 2px 0; transition-duration: 1s; transition-delay: 0.5s; overflow: hidden;}
.des3{ padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; color:#fff; font-style:italic;padding: 4px 0 2px 0; transition-duration: 1s; transition-delay: 0.5s; overflow: hidden;}

.des1:hover{padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; font-style:italic; color:#fff; padding: 4px 0 2px 0;overflow: hidden;}
.des2:hover{ padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; font-style:italic;color: #fff; padding: 4px 0 2px 0;overflow: hidden;}
.des3:hover{padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; font-style:italic;color: #fff; padding: 4px 0 2px 0;overflow: hidden;}

.des1hover{ padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; font-style:italic; color:#fff; padding: 4px 0 2px 0;overflow: hidden;}
.des2hover{ padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; font-style:italic;color: #fff; padding: 4px 0 2px 0;overflow: hidden;}
.des3hover{ padding: 5px; font-size: 10px; font-weight: 600; float: left; position: relative; font-style:italic;color: #fff; padding: 4px 0 2px 0;overflow: hidden;}



#der{ width: 302px; float: left; height: auto; margin 0 auto; margin: 0 0 0 20px;}
.artfb{ width: 302px; float: left; height: auto; margin: 0; position: relative; padding: 0 10px 0 0;}


.triple2{ width: 297px; height: 18px; float: left; position: relative; background: #C7A489; margin: 0 10px 0 0; padding: 0 0 0 5px;}

.articulo2 {
width: 302px;
height: 140px;
position: relative;
float: left;
background-color: #626262;
}



.artleng{ width: 302px; float: left; height: auto; position: relative; margin: 10px 0 0 0;}
.triple3{ width: 297px; height: 18px; float: left; position: relative; background: #E98546; margin: 0 10px 0 0; padding: 0 0 0 5px;}
.lengtit1{ font-size: 34px; font-weight: 900; position: absolute; float: right; color: rgba(255, 255, 255, 0.52); line-height: 32px; width: 280px; height: auto; top: 80px; left: 20px;}
.lengtit2{ font-size: 50px; font-weight: 900; position: absolute; float: right; color: rgba(255, 255, 255, 0.52); line-height: 32px; width: 280px; height: auto; top: 110px; left: 20px;}
#lengimg{ background: url(imagenes/lenguaje.jpg) no-repeat; width: 302px; height: 150px; float: left; position: relative; display: block;}
.triple4{ width: 297px; height: 172px; float: left; position: relative; background: #E98546; margin: 0 10px 0 0; padding: 0 0 0 5px;}
.lengtext{ width: 280px; font-size: 12px; font-weight: 300; position: relative; float: left; color: #fff; position: relative; margin: 10px 0 0 10px;}


#bajo{ width: 770px; float: left; height: auto; margin 0 auto; padding: 0 10px 0 10px;}
.fajadeco{ width: 770px; float: left; height: auto; padding: 0 10px 10px 0;}
.triple5{ width: 765px; height: 18px; float: left; position: relative; background: #7BC1A3; margin: 10px 10px 0 0; padding: 0 0 0 5px;}
.imagdec{ background: url(imagenes/imagsat.jpg) no-repeat;  width: 770px; height: 115px; float: left; position: relative; display: block;}
.fajtextex{ width: 750px; height: 18px; background: rgba(123, 193, 163, 0.6); padding: 2px 10px 0 10px; font-size: 12px; font-weight: 600; color:#fff; margin: 95px 0 0 0;}

#ultimo{width: 926px; float: left; height: auto; margin: 0 auto; auto; padding: 0 10px 0 10px; margin: 0 0 0 6px;}
.imagengraf{ background: url(imagenes/grafitti.jpg) no-repeat; display: block; width: 926px; height: 300px; float: left; position: relative; margin: 0 0 15px 0;}
.titgraf{ font-size: 80px; font-weight: 900; color:rgba(255, 255, 255, 0.61); position: relative; float: left; margin: 210px 0 0 20px;}



/* footer*/
footer{ margin 0;}
#separador{ clear: both;}

.lineafinal{ border-bottom:#414042 solid 1px; width: 905px; float: left; margin: 12px 0 12px 15px; padding: 0 10px 0 10px;}
#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: 926px; height: 65px; font-size: 11px; font-weight: 400; color:#999; text-align: center; padding: 0 15px 15px 5px; margin: 0x 0 15px 0;}