@charset "utf-8";

/*css document*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);



#secc_programacion .titulo_separador{
    background: darkslateblue
}

#primero{
    height: 333px;
    background-color: crimson;
}

#ainf{
    background-color: crimson;
    overflow: auto;

}

.usuarios{
    overflow: auto;
   
    margin-bottom:8%;
}

#comentarios .usuarios p{
    font-size: 0.7em;
}

.avatar{
    float: left;
    max-width: 10%
}

.opinion{
    float: right;
    max-width: 71%;
    font-size: 0.7em;
    color: white;
    border: solid 0.1em;
    padding: 1.5% 2%;
}



.programas{
    float: left;
    width: 32.3%;
    margin: 0.5%;
    height: 139px;
}

.titulo_separador{

    margin-top: 3.5%;   
}

h1{
    background-color: crimson;
}

#inf-inst{
    background-color: darkorange
}

#grilla img{
    width: 100%;
    height: 110px
}





h6{
    background-color: crimson;
    margin-top: 2%;
    overflow: auto;
    padding: 1%;
    font-size: 1.5em;
    color: white;
    margin-bottom: -0.1%
    
    
}


.vder iframe {
    max-width: 100%;
    height: 170px;
}

.grilla{
    overflow: auto;
    height: 220px;
}


.programas .aire_status{
    font-size: 0.7em;
}

.nombre3{
    background-color: darkseagreen;
    padding: 2%;
    margin-top: -1.7%;
    color: white;
    padding-left: 4%;
    font-size: 0.8em;
    
    
}

.nombre1{
    background-color: darkturquoise;
     padding: 2%;
    margin-top: -1.7%;
    color: white;
    padding-left: 4%;
    font-size: 0.8em;
}

.nombre2{
    background-color: darkorange;
     padding: 2%;
    margin-top: -1.7%;
    color: white;
    padding-left: 4%;
    font-size: 0.8em;
}

.grilla2{
    overflow: auto;
    height: 220px;
    margin-top: 2%;
}


.ider{
    background-color: pink;
    height: 100px;
    color: crimson;
    font-weight: 400;
    font-size: 1.5em;
    text-align: center;
    padding-top: 7%;
    box-sizing: border-box
}

.ider2{
    background-color: lightblue;
    height: 100px;
    color: darkblue;
    font-weight: 300;
    font-size: 2em;
    padding: 10% 7%;
    box-sizing: border-box;
}
.ider2 a{    color: #0097BA; font-weight:bold;}


.ider3{
    background-color: pink;
    height: 100px;
    color: crimson;
    font-weight: 300;
    font-size: 1em;
    padding: 11.5% 7%;
    box-sizing: border-box;

}

.ider3 a{    color: crimson; font-weight:bold;}
.programas .imagen{
    float: left;
	margin-right:15px;

}
.programas .imagen2{
    float: right;
	margin-top:-25px;

}



#participa{
    max-width: 100%;
    background-color: crimson;
    color: white;
    padding: 5%;
    box-sizing: border-box;
    float: left;
}

.cosas-abajo p{
    font-size: 1.5em;
}

.cosas-abajo .titulo{
    margin-bottom: 5%;
    font-weight: 300;
}

.cosas-abajo{
   
}



.contanos{
    max-width: 66%;
    float: left;
    margin-top: -8%;
}
#tu-opinion{
    max-width: 50%;
    margin-top: 3%;
    float: left
    
}

#tit{
    background-color: crimson;
    padding: 1% 3.5%;
    color: white;
    box-sizing: border-box
}


.opiniones{
    font-size: 0.8em;
    padding: 3%;
    margin: 1% 0 0 5%;
}

#agregar_comentario{
    background-color: lightpink;
    color: crimson;
    font-family: cursive;
    font-size: 0.7em;
}

#graficos{
    float: left;
    background-color: gainsboro;
    max-width: 50%;
    height: 386px;
    width: 288.1px;
    margin-left: 1.5%;
    margin-top: 2.8%
}

#graficos .imagen{
    background-color: antiquewhite;
    width: 250px;
    height: 100px;
    margin: 3%
}

aside{
    
    background-color: #9fe3f6;
    float: right;
    margin-top: -8%;
    max-width: 33%;
    padding: 1%;
    box-sizing: border-box;
    height: 596px;
   
}

#ttwitter{
    margin-top: 9%;
    margin-bottom: 11%;
}

.twitteos{
    padding: 3%;
    margin: 6% 2%;
    font-size: 0.9em;
}


.pares{
    color:#FFF; text-transform: uppercase; font-weight:bold;
}

.txt{
    color: steelblue
}

.fecha{
    text-align: center;
    font-size: 0.8em;
    color: lightslategray
}

.viendo{ font-size:1em;}
.programa{ font-size:1.2em; font-weight:bold;}


.columna3{ width:100%;}
.twitter{ background-color:#9fe3f6;}
#twitter_titulo{ color:#FFF; width:100%; text-align:left; padding-left:3%; box-sizing:border-box; font-size:1.5em;}
#twitter_titulo img{ float:right;}
.twitter_tweet{ border-top: 1px solid #0097BA; padding:4% 0;}
.twitter_texto span{ color:#0097BA; font-size:0.9em;}
.twitter_texto{ color:#FFF; font-size:0.9em;}
.twitter_link{ color:#0097BA; font-size:0.9em;}
.twitter_horario{ text-align:center; width:100%; color:#0097BA; font-size:0.8em; margin-top:10%;}