.content{
width:100%;

position: absolute;
 left: -10px;
 top: -10px; 

}

video{

 border:0px solid;
 border-bottom: 0px solid;
 border-right:  0px solid;
 
}

.contador{
color:#FFF;
position: absolute;

top: 96%; 
}

.barracontador{
	 
	float:left;
	color:#FFFFFF;
	position: fixed;
	font-size: 22px;

	top: 2px;
	
		
}
.numerador{
	float:right;
	font-size: 15px;
}

.bbotones{
width:50%; 
	float:left;
		
}

.volumen{ 
width:25%; 
	float:left;
		
}
.barra{
	width:102%; 
	float:left;  
	border-style: solid;
    border-width: 0px;
	border-color: #939393;
	border-radius:5px;  
	margin-top:0px; 
	margin-bottom:0px;
	HEIGHT:10px;
	position: relative;
	top:10px;
}
.barrap{
	width:102%; 
	float:left;  
	border-style: solid;
    border-width: 0px;
	
	
	margin-top:0px; 
	margin-bottom:0px;
	HEIGHT:5px;
	position: absolute;
	top:15px;
}

.barracontroles{

width:105%;
 HEIGHT:50px; 
 position: absolute; 
 left: 0%;
 bottom: 0; 
 margin-left:0px; 
 margin-right:0px; 
 border-radius:5px;  
 background-color:rgba(0, 0, 0, .50);




}
.barrabotones{
width:100%; 
float:left; 
margin-top:0px; 
margin-bottom:0px;
}

.imgcaratulageneral{
	position: absolute; 
	 left: 0%;
	 top: 0%;
	 border:0;
}

.btns{
	margin-top:5px; 
	margin-left:10px;
	margin-bottom:5px;
	width: 22px;
	cursor:pointer;
	
	
}
.imgbarra{
margin-top:0px; 
	margin-bottom:opx;
	margin-left:0px; 
 margin-right:0px; 
 border-radius:5px;  
}