/* ESTILOS GENERALES*/

.pagina{
        width: 960px;
        margin: 0 auto 0 auto;

}
#encabezado{
        background-image: url(img/fondo-logo.png);
        position: relative;
        width: 100%;
        height: 150px;
        margin-top: 40px;
        
            
}
#logo{
        position: absolute;
        padding:30px;0px;30px;20px;
}
nav {
        background:#f5f50f;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 40px;
}

.centrado {
        
      display: block;
      list-style-type: disc;
      -webkit-margin-before: 1em;
      -webkit-margin-after: 1em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -webkit-padding-start: 40px;
    
}
nav ul {
        margin: 0;
        padding: 0;
}
.centrado{
        margin-left: auto;
        margin-right: auto;

}

nav ul li {
        list-style-type: none;
       
}
nav ul li a {
        color:#5d5d5d;
        font-size: 16px;
        text-decoration: none;
        font-weight: 700;
        float: left;
        display: block;
        padding: 10 45 0 40px;
        align-items: center;
        
      
}
nav ul li a:hover {
        background: #5a5a5a;
        color:aliceblue;
        border-bottom-width::#f5f50f;
        height:25px;
         
        
        
}

body{
        font-family: "lato",sans-serif;

}
.slider-princ{
        margin-top: 15px;
        width:668px;
        position: relative;
        float:left;
        
}

#titulos{
        font-size: 30px;
        font-weight: 450;
        color: aliceblue;
        text-align: left;
        top: 195px;
        left:initial;
        padding-top: 20px;
        border-radius:15px 15px 0px 0px;
        background:rgba(230, 230, 18, 0.69);
        position: absolute;
        width: 520px;
        height:153px;
        padding-left: 10px;
}
#bajada{
        font-size: 20px;
        font-weight: 300;
        color: aliceblue;
        text-align: left;
        top: 300px;
        left:initial;
        position: absolute;
        padding-left: 10px;

}

#slider-verde{
        top:350px;
        left: 525px;
        position: absolute;

}
#slider-blanco:hover{
        top:610px;
        left: 1010px;
        position: absolute;
        transition: 2s;
}

#apartado-a{
        position: relative;        
        float: right;
}
aside{
        display: block;
        list-style-type: disc;
}
aside ul {
        margin: 0;
        padding: 0;
}
aside h2{
        font-size:25px ;
        font-weight: 600;
        color:#5a5a5a ;
        text-align: center;
        top: 0px; 
        left: initial;
        padding-top: 5px;
        background: #06ffcf;     
        width: 280px;
        height: 40px;
        padding-left:0px; 
    
}
aside ul li{
        list-style-type: none;
}

aside a{
        font-size:15px;
        font-weight: 700;
        color:#fff;
        text-decoration: none;
        display: block;
        padding-left: 0px;
       

}
aside h4{
        font-size: 18px;
        font-weight: 500;
        color: antiquewhite;
        padding-left: 10px;
        margin-top: 12px;
}

#en-vivo{
        width: 280;
        
    
}
#posicion-info-vivo{
        position: absolute;
        display: block;
}
#posicion-vivo-info{
        position: relative;
        float: right;
        
    
}

#info-bloque{
        border-radius:5px 5px 5px 5px;
        background:#5d5d5d;
        position: absolute;
        float: right;
        width: 140px;
        height: 60px;
        margin-top: 10px;
    
        
    

}


aside h3{
        font-size:12px ;
        font-weight: 300;
        color: aliceblue;
        position: relative;
        float: left;
        display:block;
}


.programacion-boton{
        font-size: 15px;
        font-weight: 250;
        color:#fff;
        text-align: left;
        border-radius:5px 5px 5px 5px; 
        background: #05d6ae;
        position: absolute;
        width:230px;
        height: 30px;
        padding-left: 60px;
        padding-top: 5px;
        top: 350px;
          
        
}

.programacion-boton:hover{
        font-size: 15px;
        font-weight: 250;
        color:#ffffff;
        text-align: left;
        border-radius:5px 5px 5px 5px; 
        background: #079b7f;
        position: absolute;
        width:230px;
        height: 30px;
        padding-left: 60px;
        padding-top: 5px;
        top: 350px;
        
}
aside{
        float: right;
        left: 620px;
}
#playbla{
        
        left: 105px;   
        top: 150px;
        position: absolute;
}
#playbla:hover{
        background-image: url(img/playverde.png);
        left: 105px;   
        top: 150px;
        position: absolute;
        
}
.clearfix{
        clear: both;
}

.ancho-seccion{
        width: 340;    
}

.noticias{
        font-size:25px ;
        font-weight: 600;
        border-left: 5px solid #cfff30 !important;
        color:#5a5a5a ;
        text-align: left;
        top: 250px; 
        left: 20px;
        padding-top: 0px;
        width: 10px;
        height: 30px;
        padding-left:10px; 
        margin-left: 0px;
}
#articulo1{
        position: relative;
        float: left;
        
}
#posicionimg1{
        margin: 0;
        padding: 5;
        top: 35;
        position: absolute;

}
.parrafo{
        font-size: 12px;
        color: #5a5a5a;
        text-align: left;
        top: 1;
        left: 145;
        padding-top: 120;
        position: absolute;
        width: 200;
}
#titular1{
        font-size:24px ;
        font-weight: 600;
        color:#ffffff ;
        text-align: left;
        top: 10px; 
        left: initial;
        padding-top: 30px;
        border-radius:5px 5px 5px 5px;
        background: rgba(183, 183, 183, 0.54);     
        width: 185px;
        height: 100px;
        position: absolute;
        padding-bottom: auto;
        padding-left:140px; 
        margin-left: 5px;
        
}

article a *{
        position: absolute;
        margin:0px;
}
.fecha{ 
        
       text-align: left;
       color: #606060;
       font-size: 12px;
       margin-top: 55;
       margin-left: 145px;
        position: absolute;
        
        
}





#articulo2{
        position: relative;
        float: right;
        
}
#posicionimg1{
        margin: 0;
        padding: 5;
        top: 35;
        position: absolute;

}
.parrafo{
        font-size: 12px;
        color: #5a5a5a;
        text-align: left;
        top: 1;
        left: 145;
        padding-top: 120;
        position: absolute;
        width: 200;
}
#titular1{
        font-size:24px ;
        font-weight: 600;
        color:#ffffff ;
        text-align: left;
        top: 10px; 
        left: initial;
        padding-top: 30px;
        border-radius:5px 5px 5px 5px;
        background: rgba(183, 183, 183, 0.54);     
        width: 185px;
        height: 100px;
        position: absolute;
        padding-bottom: auto;
        padding-left:140px; 
        margin-left: 5px;
        
}

article a *{
        position: absolute;
        margin:0px;
}
.fecha{ 
        
       text-align: left;
       color: #606060;
       font-size: 12px;
       margin-top: 55;
       margin-left: 145px;
        position: absolute;
        
        
}




.segunda-linea-articulos{
        margin-top: 150;
        
       

}



#articulo3{
        position: relative;
        float: left;
        
}
#posicionimg1{
        margin: 0;
        padding: 5;
        top: 35;
        position: absolute;

}
.parrafo{
        font-size: 12px;
        color: #5a5a5a;
        text-align: left;
        top: 1;
        left: 145;
        padding-top: 120;
        position: absolute;
        width: 200;
}
#titular1{
        font-size:24px ;
        font-weight: 600;
        color:#ffffff ;
        text-align: left;
        top: 10px; 
        left: initial;
        padding-top: 30px;
        border-radius:5px 5px 5px 5px;
        background: rgba(183, 183, 183, 0.54);     
        width: 185px;
        height: 100px;
        position: absolute;
        padding-bottom: auto;
        padding-left:140px; 
        margin-left: 5px;
        
}

article a *{
        position: absolute;
        margin:0px;
}
.fecha{ 
        
       text-align: left;
       color: #606060;
       font-size: 12px;
       margin-top: 55;
       margin-left: 145px;
       position: absolute;
        
        
}





#articulo4{
        position: relative;
        float: right;
        
}
#posicionimg1{
        margin: 0;
        padding: 5;
        top: 35;
        position: absolute;

}
.parrafo{
        font-size: 12px;
        color: #5a5a5a;
        text-align: left;
        top: 1;
        left: 145;
        padding-top: 120;
        position: absolute;
        width: 200;
}
#titular1{
        font-size:24px ;
        font-weight: 600;
        color:#ffffff ;
        text-align: left;
        top: 10px; 
        left: initial;
        padding-top: 30px;
        border-radius:5px 5px 5px 5px;
        background: rgba(183, 183, 183, 0.54);     
        width: 185px;
        height: 100px;
        position: absolute;
        padding-bottom: auto;
        padding-left:140px; 
        margin-left: 5px;
        
}

article a *{
        position: absolute;
        margin:0px;
}
.fecha{ 
        
       text-align: left;
       color: #606060;
       font-size: 12px;
       margin-top: 55;
       margin-left: 145px;
        position: absolute;
        
        
}

#twitter{
        position: relative;
        float: right;
        padding: 12px 10px 11px 10px;
        border-radius: 3px;
        margin-top: -200px;
        margin-bottom: 25px;
        
        
}
#titulo-twitter{
        padding-left: 5px;
        border-left:5px solid #39fc9a !important;
        font-size: 25px;
        font-weight: 600;
        color:#5a5a5a;
        
        
}
#noticiastitulo{
        padding-left: 5px;
        border-left:5px solid #fcfc39 !important;
        font-size: 25px;
        font-weight: 600;
        color:#5a5a5a;
        
}

#videos{
        margin-top: 10px;
        padding: 15px 15px 15px 15px;
        float: left;
        position: relative;
        background: #0ef4fd;
        width: 920px;
        border-radius: 3px;
        height:40px; 

}

#titulo-videos{
        padding-left: 5px;
        border-left:5px solid #dbfc2a !important;
        font-size: 25px;
        font-weight: 600;
        color:#ffffff;
        
        

}
#slider-amari{
        position: absolute;
        align-content: center;
        top: 385px;
        margin-left: 400px;

}
#video1{
        width: 290px;
        margin-right: 25px;
        margin-left: 0px;
        float: left;
        position: relative;
    

}
#video2{
        width: 290px;
        margin-right: 10px;
        float: left;
        position: relative;
    
}
#video3{
        width: 290px;
        float: right;
        position: relative;

}

.fecha-videos{
        border-top: 5px solid #39fc9a !important;;
        width:30px;
        text-align: left;
        color: #ffffff;
        font-size: 12px;
        margin-top: 10px;
        margin-left: 10px;
        position: absolute;
        
}
.categoria-videos{
        text-align: left;
        color: #ffffff;
        font-weight: 500;
        font-size: 22px;
        margin-top: 30px;
        margin-left: 10px;
        position: absolute;
        
        
}
.contenedor-video{
        min-height:90px;
        width: 300px;
        background: #6f6f6f;
}
/*footer*/

.fondo-footer{
        background:rgba(149, 149, 149, 0.73);
        height: 100px;
        width: 100%;
        margin-top: 400px;
        
}


.contenedor{
        width: 960px;
        margin: 0 auto;
        


}

#legales{
        color: aliceblue;
        width: 350px;
        padding: 0px;
        font-size: 12px;
        font-weight: 500;
        text-align: left;
        margin-top: 150px;
        margin-left: 20px;

}




#twitterb{
        width: 60px;
        height: auto;
        position: absolute;
        margin-left: 500px;
        margin-top: 15px;
        
}





#twitterb:hover{
        background-image:url(img/twitterblanco2.svg);
        width: 60px;
        height: auto;
        position: absolute;
        margin-left: 500px;
        margin-top: 15px;
        

}
#facebook{
        width: 60px;
        height: auto;
        position: absolute;
        margin-left: 600px;
        margin-top: 12px;
        
}

#facebook:hover{
                background-image:url(img/facebook2blanco.svg);
                width: 60px;
                height: auto;
                position: absolute;
                margin-left: 596px;
                margin-top: 12px;
}