@import url(http://fonts.googleapis.com/css?family=Roboto:300,500,700,300italic,400);

*{margin: auto;
font-family: "Roboto", sans-serif;}

#contenedor{width: 960px;
            margin: 0 auto;
            background-color: #F4F4F4;
             height:auto;}


body {width:960px;
    margin: 0 auto;
    background-color: white;}


a{text-decoration: none;
    list-style-type: none;}


header{width: 960px;
    height: 100px;
    margin-top: 0;
    position: fixed;
    z-index: 20;
    background-color: white;
    border-bottom: 1.5px solid black;}


#logo {margin-left: 0px;
    margin-right: 3px;
    margin-top: 6%;
    float: left;
    width:100px;
    height: 30px;}


nav {width:750px;  
    height:40px;
    float: left;
    margin-top:60px;
    margin-left: 3.7%; }
    
nav ul {width: 770px;  
    height: 40px;
    margin:0;}  

nav ul li {width:auto;
    height:40px;
    display:inline-block;}

nav a {width:auto;
    height:18px;
    display:inline-block;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.02rem;
    text-decoration: none;
    text-transform: uppercase;}


.amarillo a{color:rgba(255,221,0,0.8);
            padding: 10px;
            border-top: solid 2px white;}
.rojo a{color:rgba(238,28,37,0.8);
        padding: 9px;
        border-top: solid 2px white;}
.violeta a{color:rgba(146,39,144,0.8);
        padding: 10px;
        border-top: solid 2px white;}
.azul a {color: rgba(0,85,166,0.8);
        padding: 10px;
        border-top: solid 2px white;}
.verde a {color: rgba(35,147,70,0.8);
        padding: 10px;
        border-top: solid 2px white;}
.celeste a {color:rgba(0,173,238,0.8);
        padding: 10px;
        border-top: solid 2px white;}
.naranja a{background-color: rgba(247,148,29,0.8);
        padding: 10px 30px 10px 30px;
        margin-left: 1.21rem;
        color: white;
        border-top: solid 2px white;}


.amarillo a:hover{background-color:rgba(255,221,0,0.8);
                color: white;
                border-top: solid 2px black;}
.naranja a:hover{background-color:rgba(247,148,29,0.8);
                color:black;
                border-top: solid 2px black;}
.rojo a:hover{background-color:rgba(238,28,37,0.8);
                color:white;
                border-top: solid 2px black;}
.violeta a:hover{background-color:rgba(146,39,144,0.8);
                color:white;
                border-top: solid 2px black;}
.azul a:hover{background-color: rgba(0,85,166,0.8);
                color:white;
                border-top: solid 2px black;}
.verde a:hover{background-color: rgba(35,147,70,0.8);
                color:white;
                border-top: solid 2px black;}
.celeste a:hover{background-color: rgba(0,173,238,0.8);
                color:white;
                border-top: solid 2px black;}




h1{font-weight: 500;
    font-size: 1.1rem;
    text-decoration: none;}
h2{font-weight: 400;
    font-size: 0.9rem;}
h3{font-weight: 400;
    font-size: 0.8rem;}
h4{font-weight: 300;
    font-style: italic;
    font-size: 0.8rem;
    text-decoration: none;}

#mainhome {width: 900px;
    height: auto;
    margin-left: 30px;
    padding-top: 5rem;}

#homecaja {width: 900px;
    height: 333px;
    margin-top: 30px;}


#homenaje{margin-top: auto;
    width: 500px;
    height: 333px;
    float:left;}
#homenajetexto {color: gainsboro;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.7);
    width: 484px;
    margin-top: -30.2rem;
    height: 3rem;
    top:415px;
    text-align:left;
    position: relative;
    color: white;}
#homenajetexto:hover{background-color:rgba(255,221,0,0.8);}
#homenajetexto a{color: white;}



#homecolumna {margin-left: 4px;
     width:393px;
     height:335px;
     float:left;}

#pelicula{width:395px;
    height:163px;}
#peliculatexto {color: gainsboro;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width:379px;
    height:2rem;
    top:226px;
    text-align:left;
    background-position: center;
    padding: 0.5rem;
    font-weight: 400;
    color: white;}
#peliculatexto:hover{background-color:rgba(238,28,37,0.8);}
#peliculatexto a{color: white;}


#radio{width:395px;
    height:163px;
    margin-top:6px;}
#radiotexto {color: gainsboro;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width:379px;
    height:2rem;
    top:395px;
    text-align:left;
    background-position: center;
    padding: 0.5rem;
    font-weight: 400;
    color: white;}
#radiotexto:hover{background-color:rgba(238,28,37,0.8);}
#radiotexto a{color: white;}



#homeprogramacion1{margin-top: 10px;}

#ahora {height: 20px;
    width: 208px;
    padding: 0.5rem;
    color: black;
    border-right: 1px solid black;
    float: left;}
#proxi{width: 30px;
    height: 20px;
    margin-left: 0.5rem;
    color: black;
    display: inline-block;}

#homeprogramacion{width:960;
    height: 34px;
    background-color:rgba(238,28,37,0.8);}

#noticiero {height: auto;
    width: 224px;
    float: left;
    border-right: 1px solid black;}
#informa{width: 213px;
        padding: 0.5rem;
        text-transform: uppercase;
        color: white;}
#informa a:hover{color:rgb(247,148,29);}
#informa a{color: white;}
#informainfo{padding: 0.5rem;
        color: black;
        background-color:rgba(1,1,1,0.1);
        width: 209px;
        line-height: 10px;}

#radiovilla {height: auto;
    width: 224px;
    float: left;}
#radiovilla31{width: 213px;
        padding: 0.5rem;
        text-transform: uppercase;
        color: white;}
#radiovilla31 a:hover{color:rgba(107,14,21,0.8);}
#radiovilla31 a{color: white;}
#radio31info{width: 209px;
        padding: 0.5rem;
        color: black;
        background-color:rgba(1,1,1,0.1);
        line-height: 10px;}

#nospobres{height:auto;
        width: 224px;
        float: left;}
#pobres{width: 213px;
        padding: 0.5rem;
        text-transform: uppercase;
        color: white;}
#pobres a:hover{color:rgba(107,14,21,0.8);}
#pobres a{color: white;}
#pobresinfo{width: 209px;
        padding: 0.5rem; 
        color: black;
        background-color:rgba(1,1,1,0.1);
        line-height: 10px;}


#peliculas{height: auto;
        width: 226px;
        float: left;}
#pelicu{width: 215px;
        padding: 0.5rem;
        text-transform: uppercase;
        color: white;}
#pelicu a:hover{color:rgba(107,14,21,0.8);}
#pelicu a{color: white;}
#pelicuinfo{width: 211px;
        padding: 0.5rem;
        color: black;
        background-color:rgba(1,1,1,0.1);
        line-height: 10px;}




#parte2{clear: both;
    width: 900px;
    height: auto;}

#masvisto{padding:0.5rem;
    display: inline-block;}

#note{padding:0.5rem;
    display: inline-block;
    float: right;
    margin-right: 110px;
    margin-top: 7px;}
    
#oficios {position: relative;
    clear: both;
    width: 700px;
    height: 252px;
    margin: 0;}

.ofi{width:345px;
    height: 250px;
    float: left;
    box-shadow:  2px 2px 2px black;}
#texto4 {color:gainsboro;
    background:rgba(0, 0, 0, 0.7);
    position: absolute;
    width:330px;
    height:2rem;
    padding: 0.5rem;
    margin-top: 202px;}
#texto4 a{color:white;}
#texto4:hover{background-color:rgba(238,28,37,0.8);}


.otr{width:345px; 
    height:250px;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    box-shadow: 2px 2px 2px black;}
#texto7{color:gainsboro;
    background:rgba(0, 0, 0, 0.7);
    position: absolute;
    width:330px;
    height:2rem;
    padding: 0.5rem;
    margin-left:350px;
    margin-top: -50px;}
#texto7 a{color:white;}
#texto7:hover{background-color: rgba(238,28,37,0.8);}


#video {position: relative;
    clear: both;
    width: 700px;
    height: 252px;
    margin: 0;
    margin-top: 5px;}

.cyn{width:345px; 
    height:250px;
    position: relative;
    float: left;
    box-shadow:  2px 2px 2px black;}
#texto5 {color: gainsboro;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width:330px;
    height:2rem;
    padding: 0.5rem;
    margin-top: 205px;}
#texto5 a{color:white;}
#texto5:hover{background-color: rgba(146,39,144,0.8);}


.mon{width: 345px;
    height: 250px;
    margin-left: 6px;
    box-shadow:  2px 2px 2px black;
    display: inline-block;}
#texto8{color: gainsboro;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width:330px;
    height:2rem;
    padding: 0.5rem;
    margin-left:352px;
    margin-top: -50px;}
#texto8 a{color:white;}
#texto8:hover{background-color: rgba(146,39,144,0.8);}


#noticias{height: 518px;
        width: 190px;
        position: relative;
        margin-right: 0;
        margin-top: -508px;}

#semaforo {width: 190px;
        height: 165px;}
.sema{width: 190px;
    height: 120px;}
#titulosemaforo{width: 180px;
        height: 35px;
        padding:5px;
        color: white;
        background-color:rgba(0, 0, 0, 0.7);
        margin-top: -4px;}
a #titulosemaforo:hover{color: white;
            background-color:rgba(255,221,0,0.8); }


#carpa {width: 190px;
        height: 165px;
        margin-top: 6px;}
.car{width: 190px;
    height: 120px;}
#titulocarpa{width: 180px;
        height: 35px;
        padding: 5px;
        color: white;
        background-color:rgba(0, 0, 0, 0.7);
        margin-top: -4px;}
a #titulocarpa:hover{color: white;
            background-color:rgba(255,221,0,0.8); }


#camion {width: 190px;
        height: 165px;
        margin-top: 6px;}
.cam{width: 190px;
    height: 120px;}
#titulocamion{width: 180px;
        height: 35px;
        padding: 5px;
        color: white;
        background-color:rgba(0, 0, 0, 0.7);
        margin-top: -4px;}
a #titulocamion:hover{color: white;
            background-color:rgba(255,221,0,0.8); }



#asidehome {clear: both;
    width: 900px;
    height: 265px;}

#movies {height: 20px;
    padding:0.5rem;
    color: black;
    margin-top: -10px;}

#leonera {width: 295px;
    height:224px;
    float: left;
    position: relative;
    margin-right:6px;}
#textoleonera {color: gainsboro;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 279px;
    height:2rem;
    margin-top: -52px;
    padding: 0.5rem;}
#textoleonera a{color:white;}
#textoleonera:hover{background-color:rgba(238,28,37,0.8);} 


#medianeras {width: 295px;
    height:224px;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;}
#textomedianeras{color: gainsboro;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 279px;
    height:2rem;
    padding: 0.5rem;
    margin-top: -52px;}
#textomedianeras a{color: white;}
#textomedianeras:hover{background-color:rgba(238,28,37,0.8);}

#historia {width: 285px;
    height: 224px;
    display: inline-block;
    margin-left: 6px;
    position: relative;}
#textohistoria {color: gainsboro;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 279px;
    height:2rem;
    padding: 0.5rem;
    margin-top: -52px;}
#textohistoria a{color:white;}
#textohistoria:hover{background-color:rgba(238,28,37,0.8);}
    



footer{width: 960px;
    clear: both;
    margin: auto;
    margin-top: 2rem;
    height:265px;
    background-color: gainsboro;
    border-top: 1px solid black;
    height: auto;}

.programas{padding:0.5rem;
            margin-left: 1rem;}

.fila{float: left;
    text-decoration: none;
    list-style-type: none;
    font-size: 0.7rem;
    line-height: 20px;
    margin-left: 1.5rem;
    position: relative;
    margin-bottom: 5px;
    font: 700}

.uno{color: black;}
.uno:hover{color: rgb(238,28,37)}
.dos{color: black;}
.dos:hover{color: rgb(238,28,37)}
.tres{color: black;}
.tres:hover{color: rgb(238,28,37)}

#redesfo{width:320px;
        height:95px;
        margin-right: 0;
        margin-top: 0;
        border-left: solid 1px black;}

.final{font-weight: 500;}

#redfott{width: 150px;
         float: left;
         margin-left: 10px;}

#lineafooter{margin-top: 5px;
            clear: both }

.linea{display: inline-block;
       height: 5px;
       width:160px;
      margin-bottom: 5px;}

.amarilloo{background-color:rgba(255,221,0,0.8);
        float: left;}
.naranjaa {background-color:rgba(247,148,29,0.8);
        float: left;}
.rojoo{background-color:rgba(238,28,37,0.8);
        float: left;}
.violetaa {background-color:rgba(146,39,144,0.8);
        float: left;}
.azull{background-color: rgba(0,85,166,0.8);
        float: left;}
.verdee{background-color:green;
        float: right;}

#info{clear: both;
    font-size: 0.65rem;
    width: 900px;
    color: (0,0,0,0.7);
    text-align: center;
    padding: 5px;}

/* ------------------------ grilla -------------------------------*/


.botonactivo{border-top: 2px solid black;
            padding: 5px;}

#maingrilla{width: 615px;
    height: auto;
    padding-top: 7rem;
    margin: 0;
    padding-left: 1.2em;}

.dias{display: inline-block;
    width: 77px;
    height: 30px;
    position: relative;
    margin-top:8px;
    padding-top: 1px;
    margin-left: 1px;
    background: black;
    text-align: center;}
.miercoles{width: 85px;}
.bot{background-color: white;}

.dias a{color:white;;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02rem;
    text-align: center;
    display: inline-block;
    width:77px;
    height: 25px;
    padding-top: 10px;
    margin-top: -5px;
    text-align: center;}
.miercoles a{width: 85px;}
.bot a{color:black;}
.dias a:hover{color: white;
            background-color: rgba(238,28,37,0.8);}


.caja{margin-top: 10px;
    width: 295px;    
    background-color:gainsboro;
    height:35px;
    margin-left: 0;}

.hora{height: 19px;
    width: 63px;
    float:left;
    padding: 0.5rem;
    font-size: 0.9em;
    font-weight: 300;
    background-color: rgba(0,0,0,0.7);
    color: white;}

.costado{height: 19px;
        float: left;
        padding: 0.5rem;
        text-align: left;
        font-size: 0.8em;
        font-weight: 400;
        text-transform: uppercase;}

#calendario{float: left}

#now{width: 260px;
    height: 382px;
    margin-left: 18.9em;
    margin-top: 8px;
    padding: 0.5rem;
    background-color: gainsboro;}

.boldno{font-weight: 500;
        font-size:0.8rem; }
.lo{font-size: 0.7em;
    font-weight: 400;}
.foto{margin-top: 10px;
        width: 259px;
        height: 170px;}


#asidegrilla{float: right;
    width: 310px;
    height:490px;
    margin-right: 2.5rem;
    margin-top: -30.3rem;}

.lomas {width:200px;
    margin-top: 20px;
    margin-bottom: 6px;
    margin-left: 10px;
    text-align: left;
    color:black}

.seiss{width: 290px;
      padding-top: 5px;
      padding-left: 5px;
      padding-right: 5px;
      box-shadow: 2px 2px 2px black;
      margin-bottom: 10px;}

.sietes{width: 290px;
      padding-top: 5px;
      padding-left: 5px;
      padding-right: 5px;
      box-shadow: 2px 2px 2px black;}

.video1{width:290px;
    height:200px;}

.textovideo{width: 290px;
            position: absolute;  
            background-color: rgba(146,39,144,0.8); 
            margin-top: -34px;
            height: 30px;
            color: white;}

.avi {text-decoration: none;
       color: white;}
       
    
/* ------------------------ noticias -------------------------------*/

.mainnoticias{width: 900px;
    height: auto;
    margin: auto;
    padding-top: 5rem;}

.principal{width: 900px;
        height: 425px;
        margin-top: 2em;
        float: left;
        background-color: white;}

.pri{float: left;
    width: 880px;
    margin-left: 10px;
    margin-top: 10px; 
    padding: px;}

.imp{font-weight: 300;
    font-size: 0.8rem;
    color: white;
    padding-top: 5px;
    padding: 2px;}
.imp1 a{color:white;}

.imparriba{position: relative;
            margin-top: -64px;
            color: white;
            background-color: rgba(0,0,0,0.7);
            padding: 10px;}
.imparriba:hover{background-color:rgba(255,221,0,0.8);}

.ong{font-weight: 300;
    font-size: 0.9rem;
    text-decoration: none;
    margin-top: 5px;}
.ong a{color: black;}
.ong a:hover{color: rgba(183,163,55,0.8);}

.futbol{font-size: 0.8rem;
        font-weight: 500;
        text-transform: uppercase;}

.infonoti{padding-top: 5px;
    font-weight: 300;
    font-size: 0.8rem;
    color: black;}

    
#entrega{margin-top: 20px;
        clear: both;
        width: 280px;
        height: auto;
        padding: 6px;
        float: left;        
        background-color: gainsboro;}
.deporte{width: 270px;
        height: 150px;
        padding: 4px;}
    

#cuarentayuno{width: 280px;
        height: auto;
        margin-left: 12px;
        float: left;
        padding: 6px;
        background-color: gainsboro;
        margin-top: 20px;}   
.aniversario{width: 274px;
        height: 310px;
        padding: 4px;}
    

#rugby{float: right;
    width: 280px;
    height: auto;
    padding: 6px;
    margin-top: 18px;
    background-color: gainsboro;}
.solidario{width: 274px;
    height: 170px;
    padding: 4px;}


#colocacion{clear: both;
        float: left;
        margin-top: -130px;
        width:280px;
        padding: 6px;
        height: auto;
        background-color: gainsboro;}
.excluida{width: 270px;
    height: 130px;
    padding: 4px;}



#encuesta{float: right;
    width: 280px;
    height: auto;
    padding: 6px;
    margin-top: -119px;
    background-color:gainsboro;}
.justicia{width: 274px;
        height: 130px;
        padding: 4px;}


#identidad{clear: both;
        width: 280px;
        height: auto;
        padding: 6px;
        background-color: gainsboro;
        float: left;}
.comedor{width: 270px;
    height: 340px;
    padding: 4px;}


#derecho{width: 280px;
        height: auto;
        float: left;
        margin-top: -70px;
        margin-left: 12px;
        padding: 6px;
        background-color: gainsboro;}
.recreativo{width: 274px;
        height:150px;
        padding: 4px;}

#sechi{float: left;
    margin-top: 193px;
    margin-left: -292px;
    width: 280px;
    height: auto;
    padding: 6px;
    background-color: gainsboro;}
.cloaca{width:270px;
    height: 120px;
    padding: 4px;}

#teo{float:right;
    width: 280px;
    height: auto;
    padding: 6px;
    background-color: gainsboro;
    margin-top: 10px;
    margin-bottom: 20px;}
.legislatura{width: 272px;
    height: 320px;
    padding: 4px;}
    
#subdivicion{clear: both;
    background-color:white;
    border-top: solid 2px black;
    height: 250px;
    width: 900px;}

#documento{float: left;
    width: 265px;
    margin: 15px;}
.julio{width: 265px;
    height: 150px;}

#barrial{float: left;
    width:276px;
    margin: 15px;}
.emprendimiento{width: 276px;
    height: 150px;}

#francisco{float: left;
    width: 265px;
    margin: 15px;} 
.fransis{width: 265px;
    height: 150px;}
    
/* ------------------------ noticiA -------------------------------*/

.mainoti{width: 650px;
    padding-top: 110px;
    float: left;}

.date{height: 20px;
     padding-top: 10px;
     margin-left: 8px;}

.sect{height: 22px;
      width: 600px;
      margin-left: 8px;
      color: rgba(255,221,0,0.9);
      font-weight: 700;
      border-bottom: solid 1px black;}

.tt{margin-top: 20px;
    font-weight: 600;
    font-size: 1.3rem;
    text-decoration: none;
    width: 600px;
    margin-left: 8px;}

.epigrafe{width: 600px;
         margin-left: 8px;  
         font-weight: 300;
         font-size: 0.7rem;
         text-decoration: none;
         margin-top: 6px;}

.foro{width:600px;
      margin-top: 9px;
      margin-left: 10px;}

#blanconot{width: 620px;
            height: 880px;
           background-color: white;
           margin-left: 20px;}

.tex{margin: 8px;
    width: 600px;
    text-indent: 10px;
    font-weight: 400;
    font-size: 0.73em;
    margin-bottom:10px; }

.media{height: 25px;
        margin-top: 5px;}

.compar{float:left;
        height: 25px;
        padding: 0.5rem;
        padding-bottom: 5px;
        width: auto;
        font-weight: 400;}


#relacionada{margin-top: 45px;
        width: 630px;
        height: 190px;
        padding-left: 0.7rem;
        padding-top: 0.7rem;
        padding-bottom: 2rem;}

.aa{width:190px;}

.relacio{padding: 6px;
        text-transform: uppercase;
        border-top: 1px solid black;}

#notic{float: left;
      background-color:gainsboro;
     padding: 6px;}

#rela{float: left;
     margin-left: 10px;
     background-color:gainsboro;
     padding: 6px;}

#relaci{float: left;
        margin-left: 10px;
        background-color:gainsboro;
        padding: 6px;}

.asno{padding-top: 110px;
      width:300px;
      margin-left: 630px;}


#toop{margin-left:10px;}

.top{width: 250px;
     margin-left: 40px;
    font-size: 1.3rem;}

.vide{margin-top: 10px;
      margin-bottom: 5px;
      margin-left: 38px;
      padding-top: 5px;
       border-top: 1px solid black;}


#numb{width: 250px;
     height: 40px;
     border: solid 1px rgba(255,221,0,0.8);
     margin-left: 35px;}

.unoss{float: left;
       width: 50px;
       height: 40px;
       text-align: center;
       background-color: rgba(255,221,0,0.8);}

.tamuno{font-size: 1.3em;
        margin-top:7px; }


.rank{font-size: 0.7rem;
      padding: 6px;
     width: 180px;
     margin-left:50px;}

#numc{width: 250px;
      height: 40px;
     margin-left:35px;
     border: solid 1px rgba(255,221,0,0.8);
     margin-top: 2px;}

.as{ background-color: rgba(255,221,0,0.8);}

#nume{width: 250px;
      height: 40px;
      margin-left:35px;
       margin-top: 2px;
     border: solid 1px rgba(255,221,0,0.8);}

.bs{background-color: rgba(255,221,0,0.8);}

#numf{width: 250px;
      margin-left: 35px;
      margin-top: 2px;
      height: 40px;
      border: solid 1px rgba(255,221,0,0.8);}

.ds{background-color:rgba(255,221,0,0.8);}

#numg{width: 250px;
      margin-left: 35px;
      margin-top: 2px;
      height: 40px;
      border: solid 1px rgba(255,221,0,0.8);}

.es{background-color:rgba(255,221,0,0.8);}

#numh{width: 250px;
      margin-left: 35px;
      margin-top: 2px;
      height: 40px;
      border: solid 1px rgba(255,221,0,0.8); }

.fs{background-color:rgba(255,221,0,0.8);}


#numi{width: 250px;
      margin-left: 35px;
      margin-top: 2px;
      height: 40px;
      border: solid 1px rgba(255,221,0,0.8);}

.gs{background-color: rgba(255,221,0,0.8);}

#numj{width: 250px;
      margin-left: 35px;
      margin-top: 2px;
      height: 40px;
      border: solid 1px rgba(255,221,0,0.8);}

.hs{background-color: rgba(255,221,0,0.8);}

#numk{width: 250px;
      margin-left: 35px;
      margin-top: 2px;
      height: 40px;
      border: solid 1px rgba(255,221,0,0.8);}

.is{background-color: rgba(255,221,0,0.8);}

#numl{width: 250px;
      margin-left: 35px;
      margin-top: 2px;
      height: 40px;
      border: solid 1px rgba(255,221,0,0.8);}

.js{background-color:rgba(255,221,0,0.8);}




/* ------------------------ videos -------------------------------*/

.mainvideo{padding-top: 110px;}

#principalvideo{margin-left: 30px;
            width: 890px;
            height: 392px;
            background-color: rgba(0,0,0,0.8);}

#principalvideo:hover{opacity: 0.9;}

#textovideo{position: absolute;
            margin-top:-53px;
            margin-left: 100px;
            width: 695px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            height:50px;
            padding-left: 5px;}
#textovideo:hover{background-color: rgba(146,39,144,0.8);}
#textovideo a{color: white;}

.videone{width: 700px;
        height: 391px;
        margin-left: 100px;}


.ttvi{margin-left: 30px;
    margin-top: 15px;
    float: left;
    width: 890px;
    height: 30px;
    padding: 5px;
    border-top: 1px solid black;}


#videoa{clear: both;
        margin-top: 5px;
        margin-left: 30px;
        width: 290px;
        float: left;
        height: 200px;
        background-color: white;
        box-shadow: 2px 2px 2px black;}
#videoa:hover{opacity: 0.9;}

#videob{width: 290px;
    margin-top: 5px;
    float: left;
    margin-left: 15px;
    height: 200px;
    background-color: white;
    box-shadow: 2px 2px 2px black;}
#videob:hover{opacity: 0.9;}

#videoc{float: left;
    margin-top: 5px;
    margin-left: 15px;
    height: 200px;
    background-color: white;
    width: 290px;
    box-shadow: 2px 2px 2px black;}
#videoc:hover{opacity: 0.9;}

#videod{clear: both;
    margin-top: 15px;
    margin-left: 30px;
    height: 200px;
    width: 290px;
    float: left;
    background-color: white;
    box-shadow: 2px 2px 2px black;}
#videod:hover{opacity: 0.9;}

#videof{float: left;    
    margin-top: 15px;
    margin-left: 15px;
    height: 200px;
    width: 290px;
    background-color: white;
    box-shadow: 2px 2px 2px black;}
#videof:hover{opacity: 0.9;}

#videoj{float: left;
    width: 290px;
    height: 200px;
    background-color: white;
    margin-top: 15px;
    margin-left: 15px;
    box-shadow: 2px 2px 2px black;}
#videoj:hover{opacity: 0.9;}

#videok{clear: both;
    float: left;    
    background-color: white;
    margin-left: 30px;
    width: 290px;
    height: 200px;    
    margin-top: 15px;
    box-shadow: 2px 2px 2px black;}
#videok:hover{opacity: 0.9;}

#videol{float: left;
    margin-top: 15px;
    margin-left: 15px;
    height: 200px;
    width: 290px;    
    background-color: white;
    box-shadow: 2px 2px 2px black;}
#videol:hover{opacity: 0.9;}

#videom{float: left;
    margin-top: 15px;
    margin-left: 15px;
    height: 200px;
    width: 290px;
    background-color:white;
    box-shadow: 2px 2px 2px black;
    margin-bottom: 30px;}
#videom:hover{opacity: 0.9;}

.abc{width: 280px;
    margin-left: 5px;
    height: 190px;
    margin-top: 5px;}


#textomovie{position: absolute;
    margin-left: 5px;
    width: 275px;
    margin-top: -39px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    height: 35px;
    padding-left: 5px;}
#textomovie:hover{background-color: rgba(146,39,144,0.8);}
#textomovie a{color: white;}


.ttpv{clear: both;
    margin-left: 30px;
    margin-top: 10px;
    padding: 5px;
    width: 890px;
    font-size: 1em;
    border-top: 1px solid black;}

#videoproga{margin-left: 30px;
    width: 290px;
    height: 200px; 
    background-color: white;
    float: left;}

#videoprogb{width: 290px;
    height: 200px; 
    background-color: white;
    float: left;
    margin-left: 15px;}

#videoprogc{width: 290px;
    height: 200px; 
    background-color: white;
    float: left;
    margin-left: 15px;}

#videoprogd{clear: both;
    width: 290px;
    height: 200px; 
    background-color: white;
    float: left;
    margin-left: 30px;
    margin-top: 15px;}

#videoproge{width: 290px;
    height: 200px; 
    background-color: white;
    float: left;
    margin-left: 15px;
    margin-top: 15px;}

#videoprogf{width: 290px;
    height: 200px; 
    background-color: white;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 2rem;}

.mnb{width: 280px;
    margin-left: 5px;
    margin-top: 5px;
    height:190px; }

#textoprog {position: absolute;
    width: 266px;
    margin-left: 5px;
    margin-top: -43px;
    height: 25px;
    padding-top: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    text-decoration: none;
    list-style: none;
    padding: 7px;}
#textoprog:hover{background-color:rgba(238,28,37,0.8);}
#textoprog a{color: white;}


/* ------------------------ video-------------------------------*/

.mavideo{padding-top: 102px;}

#derecha{width: 650px;
    float: left;}

video{width:600px;;
	height:auto;
    margin: 10px;}

.ttunvideo{margin-left: 10px;
        margin-top: 10px;
        padding-top: 20px;
        width: 600px;
        border-bottom: solid 1px black;}

.videotext{margin-left: 10px;
          font-size: 1.5rem;
          width: 600px;
          margin-top: 5px;}

#blancovideo{margin-left: 30px;
             background-color: white;
             padding-bottom: 1em;}

#redesvideo{margin-left: 10px;
        width: 600px;
        border-top: solid 1px black;
        margin-top: 10px;}

.epigravideo{margin-left: 10px;    
        width: 600px;
        text-indent: 12px;
        font-size: 0.7em;
        font-weight: 400;}

.compartd{width: 70px;
        margin-left: 0px;
        float: left;
        margin-top: 5px;}

.mediab{margin-left: px;
        margin-top: 5px;}

.rela{margin-top: 20px;
    margin-left: 30px;
    width: 600px;
    margin-bottom: 10px;
    padding: 5px;}

#zxc{width: 190px;
    margin-left: 30px;
    float: left;
    margin-bottom: 10px;}

#zxcv{width: 190px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;}

#zxcvb{width: 190px;
    float: left;}

#zxcvf{clear: both;
    margin-left: 30px;
    width: 190px; 
    float: left;}

#zxcvbn{float: left;
      margin-right: 24px;
      margin-left: 24px;}

#zxcvbnm{float: left;
    margin-bottom: 20px;}

.fotovi{width: 190px;
    height: 100px;}

#textrelaci{background-color:rgba(0, 0, 0, 0.7);
    height: 30px;
    width: 185px;
    padding-left:5px;
    position: absolute;
    margin-top: -34px;
    color: white;}

#izquierda{float:left;
        margin-left: 10px;
        width: 260px;}

.ttasid{width: 240px;
    margin-top: 15px;
    padding: 5px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid black;}

#aprog{width: 220px;
    margin: 10px;}

.pobrea{width: 220px;}

#bprog{width: 220px;
    margin: 10px;}

.pobreb{width: 220px;}

#cprog{width: 220px;
    margin: 10px;}

.pobrec{width: 220px;}

#textoasides{position: absolute;
    height: 20px;
    padding:10px 5px 10px 5px;
    width: 210px;
    margin-top: -43px;
    background-color:rgba(0, 0, 0, 0.7);}
.ast a{color: white;}


.asidvideo{height: 190px;
    margin-top: 870px;}

.ttin{clear: both;
    margin-left: 30px;
    margin-top: 20px;
    width: 900px;
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: solid 1px black;}

#interesarvideo{margin-left: 30px;
    width: 900px;}

.interesa{width: 190px;}

#as{width:190px;
    float: left;
    margin-right: 25px;}

.intersb{width:190px;}

#asd{width:190px;
    float: left;}

.intersc{width:190px;}

#asf{float: left;
    width:190px;
    margin-left: 25px;}

#asg{width: 190px;
    float: left;
    margin-left: 25px;}

.intersd{width: 190px;}

#textoinv{background-color:rgba(0, 0, 0, 0.7);
    height: 30px;
    position: absolute;
    width: 180px;
    padding:5px;     
    margin-top: -45px;}    
#textoinv a{color: white;}
#textoinv:hover{background-color:rgba(146,39,144,0.8);}
.size{font-size: 0.8em;}


/* ------------------------ comunidades -------------------------------*/

.maincomunidades{padding-top: 120px;
                 width: 600px;
                margin-left: 30px;
                float: left;
                margin-bottom: 2rem;}

#actividad{width: 600px;
           height: 210px;
           margin-top: 10px;}

.fotoactv{width:290px;
         height: 194px;}

#actvuno{width: 290px;
        float: left;}

#actvdos{width: 290px;
        margin-left:15px;
        float: left; }

#solidaridad{width: 600px; 
            margin-top: 10px;}

.solifoto{width: 100px;
         height: 100px;
         float: left;}

#solione{width:600px;
         height: 100px;
         margin-bottom: 10px;
         border-top:solid 2px  gainsboro;
         padding-top: 10px;}

#textosoli{float: left;
          margin-left: 10px;
          width: 480px;
          height: 80px;
          padding-top: 10px;}
.solih{padding-top: 10px;}

#solitwo{width: 600px;
        height: 100px;
        margin-bottom: 10px;
        border-top:solid 2px  gainsboro;
        padding-top: 10px; }

#solitree{width: 600px;
          height: 100px;
          margin-bottom: 10px;
          border-top:solid 2px  gainsboro;
          padding-top: 10px;}

#solifour{width: 600px;
          height: 100px;
          margin-bottom: 10px;
          border-top:solid 2px  gainsboro;
          padding-top: 10px;}

#solifive{width: 600px;
          height: 100px;
          margin-bottom: 10px;
         border-top:solid 2px  gainsboro;
         padding-top: 10px;}

#solisix{width: 600px;
          height: 100px;
          margin-bottom: 10px;
          border-top:solid 2px  gainsboro;
          padding-top: 10px;}

.comuniaside{float: left; 
             width: 250px;
            height: 165px;
            margin-top: 150px;
            margin-left: 10px;
            padding: 15px;
            background-color: gainsboro;}

#proyecto{width: 250px;}
.vivi{font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;  
    padding: 5px;}
.vivi1{font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;  
    padding: 5px;}
.viva{padding: 5px;
    font-size: 0.8em;
    font-weight: 400;}

/* ------------------------contacto-------------------------------*/

.maincontacto{padding-top: 120px;}

.contac{margin-left: 30px;
        margin-bottom: 20px;}

.logocontacto{ width: 250px;
              height: 200px;
              float: left;}

#contactexto{float: left;
             height: 130px;
             width: 250px;
            padding-top: 10px;}

.planilla{width: 600px;
            float: left;}

.forma{width: 600px;
       margin-left: 30px;
        font-size: 0.8em;}

.espacios{margin-bottom: 20px;
       width: 600px;
       margin-left:0;}

.espacioss{width: 600px;
        height: 90px;}

.espaciosss{margin-bottom: 20px;
            margin-top: 10px; }


.campo2{margin-top: 10px;
        margin-bottom: 10px;}

#contacto{float: left;
        width: 250px;
        height: 300px;
        margin-left: 20px;
        margin-top: -50px;
        font-size: 0.7em;
        font-weight: 400;
        padding: 15px;
        background-color: gainsboro;}

iframe{margin-left: 30px;}

/* ------------------------Nosotros-------------------------------*/

.mainnosotros{padding-top: 110px;}

#nosotrosblanco{width:900px;
                background-color: white;}

.quienoso{padding:10px;
        text-transform: uppercase;}

.parranos{width: 900px;
         text-indent: 12px;
        font-size: 0.8rem;
        font-weight: 400;
        padding-left:10px;}

.multinoso{padding: 10px;
        text-transform: uppercase;}

.fotomulti{margin-left:200px;
        margin-top:10px;
        margin-bottom: 2rem;}


/* ------------------------al aire-------------------------------*/
.naranjaactivo a{background-color: rgba(247,148,29,0.8);
        padding: 10px 30px 10px 30px;
        margin-left: 1.21rem;
        color: black;
        border-top: solid 2px black;}

.naranjaactivo a:hover{background-color:rgba(247,148,29,0.8);
                color:black;
                border-top: solid 2px black;}

.mainaire{padding-top: 110px;
          margin-left: 30px;
          width: 900px;}

.videoaire{margin-left: 145px}

.viaire{clear: both;
        margin-top: 60px;
        padding-top: 10px;
        border-top: solid 1px black;}

#videoauno{width:290px;
          float: left;
          background-color: white;}

#videoados{width: 290px;
           float: left;
           margin-left:15px;
           background-color: white;} 

#videoatres{width: 290px;
            float: left;
            margin-left: 15px;
            background-color: white;
            margin-bottom: 2em;}

.airevun{width: 280px;
         height:190px;
         margin-left: 5px;
         margin-top: 5px;}

#textovideouno{position: absolute;
              width: 275px;
              margin-left: 5px;
              margin-top: -38px;
              padding-left: 5px;
              background-color:rgba(0, 0, 0, 0.7);}

a #textovideouno {color: white;}

a #textovideouno:hover{background-color:rgba(146,39,144,0.8);}