@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,700,600,800,400);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200);

body{ 
  
    background-color:#fff;
    margin: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 12pt;
    text-decoration: none;
    
}

body div#contenidoblanco{
    background-image:url("imagenes/fondo.jpg"); 
    width: 1024px;
    margin:auto;
    background-color: #a81d1d; 
    height: auto;
    margin-left: center;
}

body div#encabezado{
    width: auto;
}
 body header {
    width: auto;
 }


ul {    
    list-style: none;
    padding:0;
    text-decoration: none;   
}

header ul li{   
    background-color: rgba(0, 0, 0, 0.73);
    margin-left: 15px;   
    width: auto;
    align-content: center;
}


nav {
    background-color: rgb(0, 0, 0);
}

nav ul {
    list-style: none;
    overflow: auto;
    background:none;
}

nav ul li {
    float: left;
    padding: 2px ;
    margin-left: 66px;
    margin-top: 6px;
    margin-bottom: 6px;
 background: none;
    list-style: none;
    text-decoration: none;
}

ul li A{
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight:700;
    text-decoration: none;    
}

/*cuadro de noticias */


main seccion article div#seccion-programacion {
    background-image:url("imagenes/programacion-1.jpg");
    width: 1024px;
    height:670px;
   
}
main seccion article div#seccion-programacion h1 {
    weight:10px;
    background:#fff ;
    float:left; 
    padding: 6px;
    width: 200px;
    color: rgb(244, 32, 146);
    padding-left: 20px;
     
    
    }
/* secciones de programacion*/

main seccion article div#programacion {
    background-color: rgba(0, 0, 0, 0.78);
    weight; 400px;
    height: 205px; 
}

main seccion article div#pro-1{
    weight; 170px;
    height: 185px;
    background-color:rgba(0, 0, 0, 0) ;
    float: left;
    margin-left: 33px;
    padding-top: 21px;
    
   
    
    
}

main seccion article div#pro-2{
    weight; 170px;
    height: 185px;
    background-color:rgba(0, 0, 0, 0) ;
    float:left;
     margin-left: 0px;
    padding-top: 10px;
    padding-bottom:0px;
    margin-top: 10px;
    position: relative;
    border-bottom-width: 10px;
   
}
main seccion article div#pro-3{
    weight; 170px;
    height: 185px;
    background-color:rgba(0, 0, 0, 0) ;
    float: left;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom:0px;
    margin-top: 10px;
    border-bottom-width: 10px;
   
    
    
    
}
main seccion article div#pro-4{
    weight; 170px;
    height: 185px;
    background-color:rgba(0, 0, 0, 0) ;
    float: left;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 10px;
     border-bottom-width: 10px;
}
/* mock up*/
main seccion article div#mockup {
  padding-left: 105px;
    
}
 /* seccion noticias */

main seccion article div#noticias {
    width: 600px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.76);
    margin-left: 40px;
    padding-bottom:  35px;
   
    
}
main seccion article div#noticias lu {
    list-style:none;
    }
main seccion article div#noticias lu li{
    background-color: rgba(255, 255, 255, 0.83);
    margin-left: 30px;
    padding-right:100px;
    margin-right: 30px;
    height:auto;
    list-style:none;
    }

main seccion article div#noticias h1{
    
    background:#fff ;
    width: 190px;
    color: rgb(244, 32, 146);
    padding-left: 0px;
}
main seccion article div#noticias h2{
float: right
} 
.notiparra h2{
    float:left;
    margin-top:-200px;
    color: rgb(129, 122, 116);
    padding-right: 120px;
    
}
lu li .notiparra p{
    font-size: 12px;
    font-weight: 400;
    width: 200px;
    float: right;
    margin-top:-150px;
    margin-right:-30px;
    
    
    
}

    
    





/*seccion cultural*/

seccion article div#eventos-culturales {
    background-color: rgba(0, 0, 0, 0);
    float: right;
    clear: both;
    margin-top: -870px;
    
    
}
    
seccion article #eventos-culturales h1{
    
    padding: 3px;
    width: 200px;
    color: rgb(244, 32, 146);
    font-size: 20px;
    background-color: #fff;
    margin-right: 150px;
    
}






/*PIE DE PAGINA*/
footer div#textopie{
    width: 1024PX;
    
    background-color: rgb(129, 122, 116); 
  color: rgb(244, 32, 146);
    padding-top: 2px;
    text-align: center;
    padding-bottom:20px;
    font-family: "yanone Kaffeesatz";
     font-weight: 200;
    
       
  
}

footer div#textopie p{
    color: #0b0b0b;
    font-family: 'Yanone Kaffeesatz', sans-serif;
   
    padding: center;
    font-size: 10pt;
   
    
    align-content: center:
    
}

div#final{

     width: 1024px;
     align-items: center;
     margin-left:275px;
     margin-top: 5px
    
    
    
}
/*ELI-MATERIAS*/
div#yo{
    
    float:left;
    margin-top: 50px;
    margin-left: 285px
}

#materias {
    width: 350px;
    margin-left: 500px;
    margin-top: 50px;
    
    
    
   
    
}
#materias h1{
    color: rgba(252, 154, 71, 0.89);
    padding-right: 10px;
    padding: 5px;
    background: #fff;
 
    }



#materias h2{
    color: rgba(255, 255, 255, 0.89);

}
#materias h3{
    padding: 5px;
    background: rgba(0, 0, 0, 0.57);
    color:#f567a3;
    margin-right: 100px;
    padding-left: 15px;

}
#materias li {
    color: #fff;
    background: rgba(28, 28, 28, 0.81);
    padding-left: 15px;
    
}
#materias ul{
   padding: px
    
    
}
#materias {}
#materias {}