* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    
  
    
    header{
        width: 100%;
        height: 35px;
        background: #011A38;
        color:white;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }
    
    .contenedor{
        width: 98%;
        margin: auto;
        
    }

  
        
    .contenedor .h3{
        font-family: Arial, Helvetica, sans-serif;
    }

    .contenedor1 a{
        margin-left: 1240px;
    }
    
    
    #banner{
        margin-top: 35px;
        position: relative;
        
        }
    
    #banner img{
        width: 100%;
        height: 100%;
    }
    
    .reproductor{
        padding: 7px;
        width: 100%;
        height: 53px;
        background: #011A38;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; 
        
        }
    
    .radio{
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; 
    }
    
#bienvenidos { 
    margin-top: 30px;   
    text-align: center;
    min-height: 200px;
   
}
#bienvenidos h2{
    margin-bottom: 25px;
}

#sociales{
    
    text-align: center;
    background-color: #D9162D;
    min-height: 200px;
    color: #fff;
    padding: 32px;
    box-sizing: border-box;
}

#sociales .imgrrss{
    display: flex;
    justify-content: center;
}

#sociales .imgrrss img{
    width: 80px;
    height: 80px;
}

#podcast {
    
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    
}



    footer{
        background: #011A38;
        width: 100%;
        height: 230px;
        margin-top: 80px;
        padding: 15px;
        box-sizing: border-box;
    }

    footer p{
        text-align: center;
    }
    
    footer .copy{
        font-size: 20px;
        color: white;
    }
   
    
    

    .acceso{
        width: 50%;
        margin-top: 100px;
        margin-left: 600px;
        margin-bottom: 220px;
    }
    
.main{
    width: 95%;
    min-height: 400px;
    max-width: 1025px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    
} 
 
.main .videosmain{
 width: 24.4%;
 float: left;
 margin-left: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

.main .videosmain .titulovideo{
  background-color: #001363 ;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.main .limpiar{
    clear: both;
}


.paginador ul{
padding: 15px;
list-style: none;
background: #fff;
margin-top: 15px;
display: flex;
justify-content: flex-end;
}

.paginador a, .pageSelected{
    color: #428bca;
    border: 1px solid #ddd;
    padding: 5px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 35px;
}

.paginador a:hover{
    background: #ddd;
}

.pageSelected{
    color: #fff;
    background: #428bca;
    border: 1px solid #428bca;
}
    
   @media screen and (max-width:900px){

    .main .videosmain{
        width: 32.4%;
    }

   }

   @media screen and (max-width:600px){

    .main .videosmain{
        width: 48.4%;
    }

   }


    @media (min-width:480px){
    
    
    }
    
    @media (min-width:768px){
        
         #banner img{
             height: auto;
             margin-top: -35px;
         }
           
    }