/*----GENERAL----*/

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

* {   
    padding: 0;
    margin: 0;
   }

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


ul {list-style: none;}

body{
    font-family: 'roboto', arial, sans-serif;
     
    font-size: 100%;  
    width: 100%;
    background-image: url(imagenes/fondo111.png);
    background-repeat: repeat;
    background-position: fixed;
    
}

    #contenedor{
        width: 1024px;
        margin: 0 auto;
        moz-box-shadow: 0 0 30px #dddddd; 
        -webkit-box-shadow: 0 0 30px #dddddd; 
        box-shadow: 0 0 30px #dddddd;
    }

#fondoheaderestatico{
            width: 100%;
            height: 40px;
            position:fixed;
            top:0;
            left:0;
            background-color: #8DB9B0;
            }   
        }

            #headerestatico{
                width: 1024px;
                height: 40px;
                position:fixed;
                top:0;
                margin:0 auto;
                
                }

                    #sintonizar{
                        float:left;
                        line-height: 43px;
                        margin-left: 10px;
                    }

                    #sintonizar img{
                        position:absolute;
                        top: 10px;
                        left:10px;
                    }

                    #sintonizar p{
                        margin-left:30px;
                        color:white;
                        font-family: 'poppins';
                        font-weight: 500;
                        font-size: 14px;
                    }


                #headerestatico ul {
                float: right;
            }

                    #headerestatico ul li{
                        float:left;
                    }

                        #headerestatico ul li a{
                            font-family: 'Poppins', arial, sans-serif;
                            font-size: 14px;
                            color:white;
                            display: block;
                            margin: 10px 16px;    
                        }

                       #headerestatico ul li a:hover{
                                    color:#F3B03E;
                                }

    header{
          background-color: white;
          margin-bottom: 1em;
          margin-top: 2.5em;
          padding-top: 1.7em;
          position: relative;
          height: 7em;
         }

           #logo{
                 width: 10em;
                 height: 5em;
                 margin-left: 2em;
                 margin-right: auto;
                 margin-bottom: 1em;
                }
               
               #logo img {
                   width: 100%;
                 }
    
            header nav{
                position: absolute;
                left:26.5em;
                width: 37.5em;               
                bottom: 1em;
                
               }

                 nav ul li{
                    float:left;
                    line-height: 20px;
                    border-bottom: none;
                }

    
                 nav ul li a{
                     font-family: 'Poppins', arial, sans-serif;
                     font-size: 14px;
                     color: black;
                     display: block;
                     padding: 2px 16px; 
                  }

                  nav ul li a:hover{
                       color:#FF9540;
            }
                      .vivo{
                          background-color: #FF9540;
                          color: #FAFAF5;
                          }
                      .vivo:hover{
                          background-color: #012C36;
                          color: #FAFAF5;
    }
    
    



        main{
            height: 1200px;
          
         
            color: black;
        }




#nosotros {

   display: block;
background-color: #BDBDBD;
    position: relative;
  
      

}


#nosotros span {

  color: #202020; 
   
    padding-left: 20px;
    font-family: 'poppins', arial, sans-serif;
                    
                    line-height: 40px;
                    font-size: 20px;
                    font-weight: 600;
                   

}
.titulo {

   font-family: 'poppins', arial, sans-serif;
                    color:#F24C27;
                    padding-top:25px;
                    line-height: 40px;
                    font-size: 20px;
                    font-weight: 600;
    padding-left: 20px;
                    
                    
    
    }

.titulo2 {

   font-family: 'poppins', arial, sans-serif;
                    color:black;
                    padding-top:5px;
                
                    font-size: 18px;
                    font-weight: 600;
    padding-left: 20px;
                    
                    
    
    }
.titulo3 {

   font-family: 'poppins', arial, sans-serif;
                    color: #F24C27;
                    padding-top:25px;
                
                    font-size: 18px;
                    font-weight: 600;
    padding-left: 20px;
                    
                    
    
    }


.titulo3 a {


text-decoration: none;
    list-style: none;
    color:#F24C27;
}

.titulo a {

text-decoration: none;
    color:#F24C27;
    

}


.titulo a:hover {

color: black;

}

#quienesomos {
     
  padding-top: 50px;
   color: black;
    text-align: center;
    padding-left: 60px;
  padding-right: 60px;
    background-color: #E6E6E6;
    padding-bottom: 50px;
       


}



#equipo {


margin-top: 20px;
      width: 65%;
   

    


}




span1 {

    
    position: relative;
     color: white; 
    font-family: 'Poppins', arial, sans-serif;
        font-size: 18px;
   display: block;
  margin-top: 280px;
    margin-left: 190px;
  
   
    float: left;
   
    


}

#equipo {


margin-top: 10px;
      width: 65%;
   

    


}


#equipo img {

float: left;
    position: absolute;
   
}





#fondoe {


    height: 320px;
    background-color:  #BDBDBD;
    

}


.porque1 {

    

    height: 50px;
   margin-left: 680px;
    margin-bottom: 2px;
    border-right: solid #F24C27 6px;
   


}

.porque2 {

    

    height: 50px;
   margin-left: 680px;
    margin-bottom: 2px;
    border-right: solid #F24C27 6px;
   
   


}


.porque1 p3


{
    
    color: #202020;
    font-family: 'Poppins', arial, sans-serif;
    font-weight: 500;
    padding-left: 30px;
 display: block;
    padding-top: 20px;
   font-size: 13px;

}

.porque1 #linea


{
    
border-bottom: solid #404040 1px;
    height: 5px;
    margin-left: 5px;
    margin-right: 2px;
    


}

.porque2 p3


{
    
    color: white;
    font-family: 'Poppins', arial, sans-serif;
    font-weight: 500;
    padding-left: 30px;
 display: block;
    padding-top: 20px;
    font-size: 13px;



}

.porque2 #linea


{
    
border-bottom: solid #404040 1px;
    height: 5px;
    margin-left: 5px;
    margin-right: 2px;
    


}

.porque1 p3 a{

text-decoration: none;
    list-style: none;
    color: #404040;

}


.porque2 p3 a{

text-decoration: none;
    list-style: none;
    color: #404040;

}


.porque1 p3 a:hover{

color: #F24C27;

}



.porque2 p3 a:hover{

color:#F24C27;

}



 #wall {
 
 clear: both;

     height: 200px;
     margin-top: 10px;
     width: 100%;
     float: left;
     margin-bottom: 50px;
background-color: rgba(242,76,39,0.8);
     display: block;
     margin: 0auto;
    

         
 
 }





#wall a4 {

color: white;
   
    text-align: center;
    display: block;
    padding-top: 20px;
    font-size: 20px;
     font-family: 'poppins', arial, sans-serif;
                    
                    
                    
                    font-weight: 600;
  

}

#wall a5 {

color: white;
  
    font-weight: 300px;
    text-align: center;
    display: block;
   
    font-size: 17px;
    margin-left: 55px;
    margin-right: 55px;
    margin-top: 20px;

}


#vermas {


background-color: #404040;
    height: 40px;
    margin-top: 30px;
    margin-left: 365px;
    margin-right: 365px;
    border-radius: 3px;

}


#vermas a6 {


color: white;
    display: block;
    text-align: center;
    margin-left:30px;
    margin-right: 30px;
    font-family: 'Poppins', arial, sans-serif;
    font-weight: 200;
    font-size: 13px;
    padding-top: 8px;
   
}



a7 {

color: #F24C27;
    font-family: 'Poppins', arial, sans-serif;

                    color:#F24C27;
                 
                    font-size: 20px;
                    font-weight: 600;
    padding-left: 16px;
   

}

#subfooter{
            clear: both;
            height: 20px;
            background-color: #8DB9B0;
            padding: 10px 20px;
            }

           #subfooter a{
                font-family: 'Poppins', arial, sans-serif;
                font-size: 14px;
                color:white;
           }

                #subfooter a:hover{
                    color:#012C36;
                }

            #subfooter img{
                float:right;
            }
                
        
        footer{
            background-color: #3F3F3F;
            height: 200px;
            padding-top: 1em;
            position: relative;
            
        }
         

            .redes{
                    width: 200px;
                    margin:0;
                }

                .redes li{
                    display:inline-block;
                }

                    .redes li a{
                        font-family: 'Poppins', arial, sans-serif;
                        font-size: 14px;
                        color:white;
                        display: block;
                        margin: 16px 16px;    
                    }

            #gentileza{
                 float: left;
                 margin-left: 16em;
                margin-top: -2em;
            }



            #gentileza ul{
                float: left;
                margin-left: 2px;
                width: 150px;
            }
    
            #gentileza .categoria{
                font size:16px;
                color: #F24C27;
                font-family: 'poppins', arial, sans-serif;
                margin-bottom: 10px;
                }

                #gentileza .categoria:hover{
                    color: white;
                }

            #gentileza a {
                display: block;
                color:white;
                font-weight: 400;                
                font-size: 14px;
            }

                #gentileza a:hover{
                    color: #8DB9B0;
                }
                
            #gentileza .vivo{
                width: 80px; 
                text-align: center;
            }


            #legales{
                clear: both;
                width:100%;
                height: 25px;
                background-color: #555;
                position: absolute;
                top:200px;
                
            }

            footer p{
                font-size: 10px;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                color: darkgray;
                
                
             }
.contfooter{
     display:inline-block;
}


/*HISTORIA*/



    
    





#historia1  {
text-align: justify;
    font-size: 13px;

    color: black;
    line-height: 20px;
    margin-bottom:300px;
overflow: scroll;
    width:50%;
        height: 450px;
    margin-left: 288px;
    margin-top:10px;
    border-left: solid gray 1px;
    padding: 5px;
    background-color: white;

  
   

}


#historia {

 border-top: solid rgb(242,76,39) 15px;
  

   font-family: 'poppins', arial, sans-serif;
                    color:#F24C27;
                    padding-top:25px;
                    line-height: 40px;
                    font-size: 16px;
                    font-weight: 600;
    padding-left: 450px;
    


}

#historia1 span2 {

color: black;
    font-weight: 700;
    




}





/*----PRODUCTORES----*/



.porque4 p6 a{

text-decoration: none;
    list-style: none;
    color: #D8D8D8;

}


.porque4 #linea3


{
    
border-bottom: solid #909090 1px;
    height: 5px;
    margin-left: 5px;
    margin-right: 2px;
    


}


.porque4 p6


{
    
    color: white;
    font-family: 'Poppins', arial, sans-serif;
    font-weight: 500;
    padding-left: 30px;
 display: block;
    padding-top: 20px;
    font-size: 13px;



}



.porque4 {

    

    height: 50px;
   margin-left: 680px;
    margin-bottom: 2px;
    border-right: solid #F24C27 6px;
   
   


}



    #staffproductores ul{
           width: 64em;
           margin: auto;
           box-sizing: border-box;
    }

    
#staffproductores ul li{
    float:left;
    width: 290px;
    margin-left: 50px;
    }
    
#staffproductores ul li img{
   display: block;
    margin: auto;
    }
    
.tercercolumna1 {
         visibility:visible;
}
    
    
.nombre{
        font-size: 21px;
        color: #8DB9B0;
        text-align: center;
        margin-top: 0.5em;
        
       
        width: 100%;
}

.bajadanombre{
      text-align: center;
      font-size: 14px;
      color:#666666;
      margin-bottom: 1.5em;
    font-family: Roboto 400, Arial,sans-serif;
      width: 90%;
    margin:auto;
}

h4 {

font-size: 10px;
    display: block;
    text-align: center;
    margin-bottom: 5px;


}




/*----COMUNIDAD----*/

section#ranking {
  
    clear: both;
     padding-top: 20px;
     

}


.puesto1 {

background-color:rgba(242,76,39,1);
    margin-bottom: 5px;
    height: 100px;
   
     


}
.puesto2 {

background-color: rgba(242,76,39,0.8);;
    margin-bottom: 5px;
    height: 70px;


}
.puesto3 {

background-color:rgba(242,76,39,0.5);;
    margin-bottom: 5px;
    height: 55px;


}

.puesto4 {

background-color:rgba(242,76,39,0.4);
    margin-bottom: 5px;
    height:20px;
    text-align: center;
    display: block;
    color:white;
    font-weight: 500;
    
   

}


.p6 {

   font-family: 'poppins', arial, sans-serif;
                    color:white;
                   padding-top: 20px;
                   
                    font-size: 45px;
                    font-weight: 600;
    padding-left: 5px;
   float: left;
display: block;
}

.p7 {

   font-family: 'poppins', arial, sans-serif;
                    color:white;
                   padding-top:25px;
                    
                    font-size: 30px;
                    font-weight: 600;
    padding-left: 180px;
        display:block;
 

}


.p8 {

   font-family: 'poppins', arial, sans-serif;
                    color:black;
                 
                   
                    font-size: 15px;
                    font-weight: 400;
    padding-left:400px;
    display: block;

    margin-bottom: 10px;
 

}



.p9 {

   font-family: 'poppins', arial, sans-serif;
                    color:white;
                   padding-top: 10px;
                   
                    font-size: 35px;
                    font-weight: 600;
    padding-left: 5px;
   float: left;
display: block;
}

.p10 {

   font-family: 'poppins', arial, sans-serif;
                    color:white;
                   padding-top:13px;
                    
                    font-size: 25px;
                    font-weight: 600;
    padding-left: 320px;
        display:block;
 

}


.p11 {

   font-family: 'poppins', arial, sans-serif;
                    color:black;
                 
                   
                    font-size: 10px;
                    font-weight: 400;
    padding-left:420px;
    display: block;

    margin-bottom: 10px;
 

}

.p12 {

   font-family: 'poppins', arial, sans-serif;
                    color:white;
                   padding-top: 10px;
                   
                    font-size: 25px;
                    font-weight: 600;
    padding-left: 5px;
   float: left;
display: block;
}

.p13 {

   font-family: 'poppins', arial, sans-serif;
                    color:white;
                   padding-top:13px;
                    
                    font-size: 18px;
                    font-weight: 600;
    padding-left: 300px;
        display:block;
 

}


.p14 {

   font-family: 'poppins', arial, sans-serif;
                    color:black;
                 
                   
                    font-size: 8px;
                    font-weight: 400;
    padding-left:430px;
    display: block;

    margin-bottom: 10px;
 

}

#red {


    
    width: 100%;
    margin-left: 10px;
    margin-top: 100px;
    font-family: 'poppins', arial, sans-serif;
    
                    font-size: 16px;
                    font-weight: 400;
    
    
    

}

#redesc {

background-color: grey;
     height: 700px;

}


#face {


background-color: white;
    height: 250px;
 margin: 10px;

   
    padding-top: 5px;
    

}

#twitter {


background-color: white;
    height: 250px;
 margin: 10px;

   
    padding-top: 10px;
    

}

#redesc img {

width: 5%;
    padding-left: 5px;
    padding-top: 15px;

}

#face img {

width: 10%;
    clear: both;
    float: left;
}


#twitter img{

width: 10%;
    clear: both;
    float: left;


}

p16 {

color: white;
    font-size: 13px;
    line-height: 10px;

}
p17 {

color: white;
    font-size: 13px;
    line-height: 10px;

}

#grande {


float: left;
    width:50%;
    margin-left: 30px;

}


#program {

margin-left: 600px;
   
    
   

}

p18 {
clear: both;
 font-family: 'poppins', arial, sans-serif;
                    color:rgb(242,76,39);
                 
                   
                    font-size: 20px;
                    font-weight: 600;


}

.vot1 {

float:left;
    width: 150px;
    height: 150px;
    margin-right: 10px;
    background-color: black;
  

}

#vots {

  margin-top: 20px;
    margin-bottom: 10px;


}
#vots1 {

  padding-top: 250px;
    margin-bottom: 10px;


}

#vots2 {

  padding-top: 250px;
    margin-bottom: 10px;


}


#vots3 {

  padding-top: 250px;
    margin-bottom: 10px;


}

p19{


   font-family: 'poppins', arial, sans-serif;
                    color:#F24C27;
                   
                    font-size: 12px;
                    font-weight: 600;
    display: block;




}


p20 {

font-family: 'poppins', arial, sans-serif;
                    color:white;
    background-color: #F24C27;
 text-align: center;
    padding: 1px;
    display: block;
                   
                    font-size: 15px;
                    font-weight: 600;



}



p21 {


font-family: 'poppins', arial, sans-serif;
                    color:black;
  
    padding: 1px;
                   
                    font-size: 10px;
                    font-weight: 400;
    display: block;
   


}


.p22 {

color: black;
    font-size: 10px;
    padding-top: 20px;
 padding-left: 30px;
    display: block;

}


.p23 {

color: black;
    padding-left: 30px;
    font-size: 10px;

}

.raya {

height: 20px;
    border-bottom: solid black 1px;
    margin-left: 30px;

}

p20 a {
text-decoration: none;
    list-style: none;
    color: white;
    

}

p20:hover {

background-color: gray;

}


.p6 a {
text-decoration: none;
    list-style: none;
    color: white;
    

}

.p9 a {
text-decoration: none;
    list-style: none;
    color: white;
    

}

.p12 a {
text-decoration: none;
    list-style: none;
    color: white;
    

}


.puesto4 a {

text-decoration: none;
    list-style: none;
    color: white;
}



/*----votacion----*/


#horario {


background-color: #E1E1E1;
    height: 30px;
  padding-top: 15px;
    padding-left: 5px; 
    font-family: 'poppins', arial, sans-serif;
    font-size: 15px;
    font-weight: 500;


}

#mitad1 {

float: left;
   
    width: 50%;


}


#descripcion {


    text-align: justify;
  
    font-size: 13px;
    margin-top: 20px;
    margin-left: 15px;
    border-right: solid black 1px;
    padding-right: 15px;



}

#votacion img {
    
    width: 70%;
margin-top: 20px;
    float: left;


}


#mitad2 {
    
    padding-left:520px;


}


#pos {

width: 9%;
    float: right;
    margin-right: 80px;
    margin-top: 

}



#cantidad {

margin-right: 200px;
    margin-top: 20px;


}


#episodio {

margin-top: 80px;


}



#cantidad2 a{


    text-decoration: none;
    list-style: none;
    color: white;
    


}




#cantidad2:hover{


   background-color: gray;


}


#cantidad2 {


background-color:  #F24C27; 
    margin-right: 360px;
    height: 30px;
line-height: 30px;
    padding-left: 5px;


}

}
.ivid1{
      width: 100%;
}
.ivid1 img{
      width: 100%;
}

.vid2{
      width: 20em;
}
.vid2 img{
      width: 100%;
}
.tit{
        font-size: 0.9em;
        color:#Fc7100;
        text-align: center;
        margin-top: 0.5em;
       
        margin-bottom: 0.4em;
        width: 100%;
}

.baj{
      text-align: center;
      font-size: 0.8em;
      color:#666666;
      margin-bottom: 1.5em;
    font-family: Roboto 400, Arial,sans-serif;
      width: 96%;
    margin:auto;
}

#muley{
    position:relative;
    top:16em;


}

#episodio ul{
     width: 64em;
           margin: 0;
           box-sizing: border-box;
    
}

#episodio ul li{
       float:left;
    width: 20.7em;
    margin-left: 0;
    margin-right: 0;
}

  #episodio ul .col{
         margin-right: 0.95em
    
    }


.vid2 img {


width: 80%;
    margin-left: 30px;

}
  

.vid1 img {


margin-left: 40px;

}



/*----FICHA PROGRAMA----*/

/*------SCROLLBAR-----*/
::-webkit-scrollbar{
  width: 8px;
  background: #bbb;
}
::-webkit-scrollbar-button{
  width:8px;
  height: 5px;
	background: azure;
}
::-webkit-scrollbar-track{
  background: snow;
  border:thin solid snow;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb{
  background: -webkit-linear-gradient(top,#666, #999, #666);
  -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.5),
                inset 1px 0 0 rgba(255,255,255,.4),
                inset 0 1px 2px rgba(255,255,255,.3);
 
  border:thin solid #232c34;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover{
    background: -webkit-linear-gradient(top,#5e9999, azure, lavender);
}
/* Pseudo-clase */
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(77,161,112,.6);
}

/*----MULEY ZUNGU----*/