/* ESTILOS DEL PLUGIN */
#areaVideo{
	text-align: center;
}

#video{
	display: table;
	margin: 0 auto;
}

/* ESTILOS DE LOS BOTONES - CONTROLES DEL VÍDEO */
#controles div{ display: inline-block; }

#qt_progressbar{ 		display: inline-block; cursor:  pointer; }
#qt_progressbar{ 		width: 100%; height: 8px; text-align: left; background: #333333; margin: 5px 5px 0px 5px; }
#qt_progressbar img{ 	width: 0%; 	height: 100%; display: inline-block; }

#qt_playpause{ 		width: 25px; height: 25px;  margin: 5px 0px 0px 5px; cursor:  pointer; }
.qt_play{ 			background: url('../../../skin/px/movie_controls/btn_play.gif') no-repeat center center; }
.qt_play:hover{ 	background: url('../../../skin/px/movie_controls/btn_play_hover.gif') no-repeat center center; }
.qt_pause{ 			background: url('../../../skin/px/movie_controls/btn_pause.gif') no-repeat center center; }
.qt_pause:hover{ 	background: url('../../../skin/px/movie_controls/btn_pause_hover.gif') no-repeat center center; }

#qt_stop{ 			background: url('../../../skin/px/movie_controls/btn_stop.gif') no-repeat center center; margin: 5px 0px 0px 5px; width: 20px; height: 20px; cursor:  pointer; }
#qt_stop:hover{ 	background: url('../../../skin/px/movie_controls/btn_stop_hover.gif') no-repeat center center; }

#qt_fullscreen{ 		background: url('../../../skin/px/movie_controls/btn_fullscreen.gif') no-repeat center center; margin: 5px 0px 0px 5px; width: 20px; height: 20px; cursor: pointer; }
#qt_fullscreen:hover{ 	background: url('../../../skin/px/movie_controls/btn_fullscreen_hover.gif') no-repeat center center; }

#qt_volume{ 							height: 40px; }
#qt_volume .volumebar{ 					width: 5px; margin-left: 5px; margin-top: 5px; cursor: pointer; }
#qt_volume .volumebarOn{ 				background: url('../../../skin/px/movie_controls/magic_black.gif') repeat; width: 5px; margin-left: 5px; }
#qt_volume .volumebarOff{ 				background: url('../../../skin/px/movie_controls/magic_gray.gif') repeat; width: 5px; margin-left: 5px; }
#qt_volume .botones{ 					margin-left: 5px; cursor:  pointer; }
#qt_volume .botones .btn_mas{ 			background: url('../../../skin/px/movie_controls/btn_volume_up.gif') repeat; width: 10px; height: 10px;  display:block; }
#qt_volume .botones .btn_mas:hover{ 	background: url('../../../skin/px/movie_controls/btn_volume_up_hover.gif') repeat; }
#qt_volume .botones .btn_menos{ 		background: url('../../../skin/px/movie_controls/btn_volume_down.gif') repeat; width: 10px; height: 10px;  }
#qt_volume .botones .btn_menos:hover{ 	background: url('../../../skin/px/movie_controls/btn_volume_down_hover.gif') repeat; }

#qt_download{ 			background: url('../../../skin/px/movie_controls/btn_download.gif') no-repeat center center; margin: 5px 0px 0px 5px; width: 25px; height: 25px; cursor:  pointer; }
#qt_download:hover{ 			background: url('../../../skin/px/movie_controls/btn_download_hover.gif') no-repeat center center; margin: 5px 0px 0px 5px; width: 25px; height: 25px; cursor:  pointer; }
/*#qt_stop:hover{ 	background: url('../../../skin/px/movie_controls/btn_stop_hover.gif') no-repeat center center; }-*/

/* ESTILOS DE CAPA PARA LA REPRODUCCIÓN DE VÍDEO A PANTALLA COMPLETA */
/* estos estilos afectan especialmente al div #video */
.fullscreen { 
	position: fixed; 
	left: 0px; top: 0px; 
	z-index: 10; 
	background-color: #ffffff; 
	color: #7285BF; 
	width: 100%; 
	height: 100%; 
}
.normal { 
	width: 400px; 
	padding-top: 50px; 
	padding-bottom: 50px;
	position: fixed;  
}
/* .directo .normal{ width: 100%; } */
.directo .normal{ width: 800px; }