#logoimg
{
position: absolute; 
display: inline;
width: 60%;
top: 3%;
right: 0px;
opacity:0.3;
}
#subtitulos
{
top: 0px;
right: 40%;
position:absolute; 

}

#video_player
{ 
  height: 29px; 
  filter:opacity(100%);
  background-image: linear-gradient(to left, darkblue, yellow);
  float:right;
  text-align: right;
  right: 0;
bottom: 0;
  width: 70%;


/*  background-color: white; */
}
::cue {
  font-size: 8.0em;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  text-align: right;
  left: 200px;
}

input[type="image"] { 
float:left; 
height:20px; 
margin-left:2px; 
margin-right:5px; 
margin-top:2px;
}
#vol_img
{ 
width:20px;
position: absolute;
top:0px;
left:120px;
}
#player_controls
{ 
top:0px; 
position:absolute; 
/* background-color:#fff; */
width:50%; 
padding:0px; 
/* box-sizing:border-box;
 display:block; */
padding-left: 10px;

}
#change_vol{
float: right;
height: 20px;
width: 400px;
}