change class

12 files changed, 385 insertions, 373 deletions

diff --git a/librevideojs/css/librevideojs-material/libre-skin-blue.css b/librevideojs/css/librevideojs-material/libre-skin-blue.css
index 4a514c1..bb3dadd 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-blue.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-blue.css
@@ -3,7 +3,7 @@ LibreVideoJS Estilos personalizados = blue
 Version 1.2
 Escrito por Jesús Eduardo
 */
-.librevjs-libre-skin {
+.librevjs-libre-materialblue-skin {
 color:#ccc;
 background-color: inherit;
 }
@@ -15,7 +15,7 @@ src: local('?'),
      url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),
      url("../../fonts/libre-material/libre-icons.svg") format("svg");
 }
-.librevjs-libre-skin .librevjs-slider {
+.librevjs-libre-materialblue-skin .librevjs-slider {
 /* Replace browser focus highlight with handle highlight */
 outline: 0;
 position: relative;
@@ -25,18 +25,18 @@ padding: 0;
 background-color: #000000;
 background-color: rgba(0, 0, 0, 0.5);
 }
-.librevjs-libre-skin .librevjs-slider:focus {
+.librevjs-libre-materialblue-skin .librevjs-slider:focus {
 -webkit-box-shadow:0 0 2em #fff;
 -moz-box-shadow:0 0 2em #fff;
 box-shadow:0 0 2em #fff
 }
 
 /*Eliminación de botón de barra de progreso*/
-.librevjs-libre-skin .librevjs-slider-handle {
+.librevjs-libre-materialblue-skin .librevjs-slider-handle {
 width: 0;
 height: 0;
 }
-.librevjs-libre-skin .librevjs-slider-handle:before {
+.librevjs-libre-materialblue-skin .librevjs-slider-handle:before {
 text-shadow: 0em 0em 1em #fff;
 position: absolute;
 top: 0;
@@ -44,7 +44,7 @@ left: 0;
 }
 
 /* control bar */
-.librevjs-libre-skin .librevjs-control-bar {
+.librevjs-libre-materialblue-skin .librevjs-control-bar {
 /* Start hidden */
 display: none;
 position: absolute;
@@ -61,7 +61,7 @@ height: 3.0em;
 background-color: #232323;
 background-color: rgba(35, 35, 35, 0.8);
 }
-.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar {
+.librevjs-libre-materialblue-skin.librevjs-has-started .librevjs-control-bar {
 display:block;
 visibility:visible;
 opacity:1;
@@ -70,7 +70,7 @@ opacity:1;
 -o-transition:visibility .1s,opacity .1s;
 transition:visibility .1s,opacity .1s
 }
-.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
+.librevjs-libre-materialblue-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
 display:block;
 visibility:hidden;
 opacity:0;
@@ -79,18 +79,18 @@ opacity:0;
 -o-transition:visibility 1s,opacity 1s;
 transition:visibility 1s,opacity 1s
 }
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar {
+.librevjs-libre-materialblue-skin.librevjs-controls-disabled .librevjs-control-bar {
 display:none
 }
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar {
+.librevjs-libre-materialblue-skin.librevjs-using-native-controls .librevjs-control-bar {
 display:none
 }
 @media \0screen {
-.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
+.librevjs-libre-materialblue-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
 content:""
 }
 }
-.librevjs-libre-skin .librevjs-control {
+.librevjs-libre-materialblue-skin .librevjs-control {
 outline:0;
 position:relative;
 float:left;
@@ -100,7 +100,7 @@ padding:0;
 height:3em;
 width:4em
 }
-.librevjs-libre-skin .librevjs-control:before {
+.librevjs-libre-materialblue-skin .librevjs-control:before {
 font-family:LibreVideoJS;
 font-size:1.5em;
 line-height:2;
@@ -113,13 +113,13 @@ text-align:center;
 text-shadow:1px 1px 1px rgba(0,0,0,.5)
 }
 /*COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before {
+.librevjs-libre-materialblue-skin .librevjs-control:focus:before,.librevjs-libre-materialblue-skin .librevjs-control:hover:before {
 color: #2196F3;
 }
 /*END COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus {
+.librevjs-libre-materialblue-skin .librevjs-control:focus {
 }
-.librevjs-libre-skin .librevjs-control-text {
+.librevjs-libre-materialblue-skin .librevjs-control-text {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
@@ -131,52 +131,52 @@ width:1px
 }
 
 /*Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-play-control {
+.librevjs-libre-materialblue-skin .librevjs-play-control {
 width:5em;
 cursor:pointer;
 color:rgb(33, 150, 244);
 }
-.librevjs-libre-skin .librevjs-play-control:before {
+.librevjs-libre-materialblue-skin .librevjs-play-control:before {
 content:"\e001"
 }
-.librevjs-libre-skin .librevjs-play-control:hover:before {
+.librevjs-libre-materialblue-skin .librevjs-play-control:hover:before {
 color:#2980b9; /*color de play control al pasar el cursor*/
 }
-.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before {
+.librevjs-libre-materialblue-skin.librevjs-playing .librevjs-play-control:before {
 content:"\e002"
 }
 /*END Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button {
+.librevjs-libre-materialblue-skin .librevjs-mute-control,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button {
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before {
+.librevjs-libre-materialblue-skin .librevjs-mute-control:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button:before {
 content:"\e006"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
+.librevjs-libre-materialblue-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
 content:"\e003"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
+.librevjs-libre-materialblue-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
 content:"\e004"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
+.librevjs-libre-materialblue-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
 content:"\e005"
 }
-.librevjs-libre-skin .librevjs-volume-control {
+.librevjs-libre-materialblue-skin .librevjs-volume-control {
 width:5em;
 float:right
 }
-.librevjs-libre-skin .librevjs-volume-bar {
+.librevjs-libre-materialblue-skin .librevjs-volume-bar {
 width:5em;
 height:.6em;
 margin:1.1em auto 0
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content {
+.librevjs-libre-materialblue-skin .librevjs-volume-menu-button .librevjs-menu-content {
 height:2.9em
 }
 
 /*PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-level {
+.librevjs-libre-materialblue-skin .librevjs-volume-level {
 position: absolute;
 top: 0;
 left: 0;
@@ -187,22 +187,22 @@ width: 100%;
 background: #2196F3 url() -50% 0 repeat; /*color de barra volumen*/
 }
 /*END PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle {
+.librevjs-libre-materialblue-skin .librevjs-volume-bar .librevjs-volume-handle {
 width:.5em;
 height:.5em
 }
-.librevjs-libre-skin .librevjs-volume-handle:before {
+.librevjs-libre-materialblue-skin .librevjs-volume-handle:before {
 font-size:.9em;
 top:-.2em;
 left:-.2em;
 width:1em;
 height:1em
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialblue-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
 width:6em;
 left:-4em
 }
-.librevjs-libre-skin .librevjs-progress-control {
+.librevjs-libre-materialblue-skin .librevjs-progress-control {
 position:absolute;
 left:0;
 right:0;
@@ -215,17 +215,17 @@ top:-1em;
 -o-transition:all .4s;
 transition:all .4s
 }
-.librevjs-libre-skin:hover .librevjs-progress-control {
+.librevjs-libre-materialblue-skin:hover .librevjs-progress-control {
 font-size:.9em;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s
 }
-.librevjs-libre-skin .librevjs-progress-holder {
+.librevjs-libre-materialblue-skin .librevjs-progress-holder {
 height:100%
 }
-.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress {
+.librevjs-libre-materialblue-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialblue-skin .librevjs-progress-holder .librevjs-load-progress {
 position:absolute;
 display:block;
 height:100%;
@@ -236,32 +236,32 @@ top:0
 }
 
 /* Personalización de barra de progreso a color azul */
-.librevjs-libre-skin .librevjs-play-progress {
+.librevjs-libre-materialblue-skin .librevjs-play-progress {
 background: #2196F3 url() -50% 0 repeat;
 }
-.librevjs-libre-skin .librevjs-load-progress {
+.librevjs-libre-materialblue-skin .librevjs-load-progress {
 background:#646464;
 background:rgba(255,255,255,.4)
 }
-.librevjs-libre-skin .librevjs-seek-handle {
+.librevjs-libre-materialblue-skin .librevjs-seek-handle {
 width:1.5em;
 height:100%
 }
-.librevjs-libre-skin .librevjs-seek-handle:before {
+.librevjs-libre-materialblue-skin .librevjs-seek-handle:before {
 padding-top:.1em
 }
-.librevjs-libre-skin .librevjs-time-controls {
+.librevjs-libre-materialblue-skin .librevjs-time-controls {
 font-size:1em;
 font-weight: 700;/*mayor visibilidad*/
 line-height:3em;
 }
-.librevjs-libre-skin .librevjs-current-time {
+.librevjs-libre-materialblue-skin .librevjs-current-time {
 float:left
 }
-.librevjs-libre-skin .librevjs-duration {
+.librevjs-libre-materialblue-skin .librevjs-duration {
 float:left
 }
-.librevjs-libre-skin .librevjs-remaining-time {
+.librevjs-libre-materialblue-skin .librevjs-remaining-time {
 display:none;
 float:left
 }
@@ -269,20 +269,20 @@ float:left
 float:left;
 line-height:3em
 }
-.librevjs-libre-skin .librevjs-fullscreen-control {
+.librevjs-libre-materialblue-skin .librevjs-fullscreen-control {
 width:3.8em;
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-fullscreen-control:before {
+.librevjs-libre-materialblue-skin .librevjs-fullscreen-control:before {
 content:"\e000"
 }
-.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
+.librevjs-libre-materialblue-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
 content:"\e00b"
 }
 
 /*Centrado del button Play y personalizado*/
-.librevjs-libre-skin .librevjs-big-play-button {
+.librevjs-libre-materialblue-skin .librevjs-big-play-button {
 left: 50%;
 top: 40%;
 font-size: 10em;
@@ -300,23 +300,23 @@ opacity: 1;
 color: #2196F3;
 }
 /* Hide if controls are disabled */
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button {
+.librevjs-libre-materialblue-skin.librevjs-controls-disabled .librevjs-big-play-button {
 display: none;
 }
 /* Hide when video starts playing */
-.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button {
+.librevjs-libre-materialblue-skin.librevjs-has-started .librevjs-big-play-button {
 display: none;
 }
 /* Hide on mobile devices. Remove when we stop using native controls
     by default on mobile  */
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button {
+.librevjs-libre-materialblue-skin.librevjs-using-native-controls .librevjs-big-play-button {
 display: none;
 }
-.librevjs-libre-skin:hover .librevjs-big-play-button,
-.librevjs-libre-skin .librevjs-big-play-button:focus {
+.librevjs-libre-materialblue-skin:hover .librevjs-big-play-button,
+.librevjs-libre-materialblue-skin .librevjs-big-play-button:focus {
 color: #0289f4; /*color boton focus*/
 }
-.librevjs-libre-skin .librevjs-big-play-button:before {
+.librevjs-libre-materialblue-skin .librevjs-big-play-button:before {
 content: "\e007";
 font-family: LibreVideoJS;
 /* In order to center the play icon vertically we need to set the line height
@@ -349,7 +349,7 @@ opacity:.75;
 -o-animation:spin 1.5s infinite linear;
 animation:spin 1.5s infinite linear
 }
-.librevjs-libre-skin .librevjs-loading-spinner:before {
+.librevjs-libre-materialblue-skin .librevjs-loading-spinner:before {
 content:"\e01e";
 font-family:LibreVideoJS;
 position:absolute;
@@ -392,11 +392,11 @@ text-shadow:0 0 .1em #000
    transform:rotate(359deg)
    }
 }
-.librevjs-libre-skin .librevjs-menu-button {
+.librevjs-libre-materialblue-skin .librevjs-menu-button {
 float:right;
 cursor:pointer
 }
-.librevjs-libre-skin .librevjs-menu {
+.librevjs-libre-materialblue-skin .librevjs-menu {
 display:none;
 position:absolute;
 bottom:0;
@@ -409,7 +409,7 @@ border-right:2em solid transparent;
 border-top:1.55em solid #000;
 border-top-color:rgba(7,40,50,.5)
 }
-.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialblue-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
 display:block;
 padding:0;
 margin:0;
@@ -425,10 +425,10 @@ background-color:rgba(7,20,30,.7);
 -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)
 }
-.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu {
+.librevjs-libre-materialblue-skin .librevjs-menu-button:hover .librevjs-menu {
 display:block
 }
-.librevjs-libre-skin .librevjs-menu-button ul li {
+.librevjs-libre-materialblue-skin .librevjs-menu-button ul li {
 list-style:none;
 margin:0;
 padding:.3em 0;
@@ -439,17 +439,17 @@ text-transform:lowercase
 }
 
 /*COLOR DE SELECCION DE SUBTIULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected {
+.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-selected {
 color: #ffffff;
 background-color: rgb(33, 150, 244);
 }
-.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover {
+.librevjs-libre-materialblue-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialblue-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-selected:hover {
 outline: 0;
 color: #fff;
 background-color: #2196F3;
 }
 /*END COLOR SELECCION DE SUBTITULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title {
+.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-menu-title {
 text-align:center;
 text-transform:uppercase;
 font-size:1em;
@@ -459,13 +459,13 @@ margin:0 0 .3em;
 font-weight:700;
 cursor:default
 }
-.librevjs-libre-skin .librevjs-subtitles-button:before {
+.librevjs-libre-materialblue-skin .librevjs-subtitles-button:before {
 content:"\e00c"
 }
-.librevjs-libre-skin .librevjs-captions-button:before {
+.librevjs-libre-materialblue-skin .librevjs-captions-button:before {
 content:"\e008"
 }
-.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before {
+.librevjs-libre-materialblue-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialblue-skin .librevjs-captions-button:hover .librevjs-control-content:before {
 -webkit-box-shadow:0 0 1em #fff;
 -moz-box-shadow:0 0 1em #fff;
 box-shadow:0 0 1em #fff
@@ -565,7 +565,7 @@ background-color: rgba(2, 7, 11, 0.7);
 .librevjs-tt-cue {
 display:block
 }
-.librevjs-libre-skin .librevjs-hidden {
+.librevjs-libre-materialblue-skin .librevjs-hidden {
 display:none
 }
 .librevjs-lock-showing {
@@ -581,11 +581,13 @@ padding: 130px 10px 20px;
 text-align: center;
 }
 /*title de resolucion | subtitles y Caption*/
-ul li.librevjs-menu-title.librevjs-res-menu-title{
+.librevjs-libre-materialblue-skin ul li.librevjs-menu-title.librevjs-res-menu-title{
 color: rgb(33, 150, 244);
+background-color: inherit;
 }
-ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
+.librevjs-libre-materialblue-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
 color: rgb(11, 137, 237);
+background-color: inherit;
 }
 
 /*Responsive*/
@@ -623,7 +625,7 @@ left: 0;
  .cliplibre-js .librevjs-text-track{
  font-size: 0.9em;
  }
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialblue-skin .librevjs-big-play-button{
  font-size: 5em;
  top: 45%;
  }
@@ -637,17 +639,17 @@ left: 0;
   }
 }
 @media screen and (max-width: 200px){
- .librevjs-libre-skin .librevjs-big-play-button	{
+ .librevjs-libre-materialblue-skin .librevjs-big-play-button	{
  top:35%;
  }
 }
 @media screen and (max-width: 150px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialblue-skin .librevjs-big-play-button{
  font-size: 3em;
  }
 }
 @media screen and (max-width: 90px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialblue-skin .librevjs-big-play-button{
  font-size: 2em;
  }
 }
diff --git a/librevideojs/css/librevideojs-material/libre-skin-blue.min.css b/librevideojs/css/librevideojs-material/libre-skin-blue.min.css
index 9129425..048c510 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-blue.min.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-blue.min.css
@@ -2,4 +2,4 @@
 LibreVideoJS Estilos personalizados = blue
 Version 1.2
 Escrito por Jesús Eduardo
-*/.librevjs-libre-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before{color:#2196f3}.librevjs-libre-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-skin .librevjs-play-control{width:5em;cursor:pointer;color:#2196f4}.librevjs-libre-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-skin .librevjs-play-control:hover:before{color:#2980b9}.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#2196f3 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-skin .librevjs-progress-holder{height:100%}.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-skin .librevjs-play-progress{background:#2196f3 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-skin .librevjs-current-time{float:left}.librevjs-libre-skin .librevjs-duration{float:left}.librevjs-libre-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#2196f3}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-skin:hover .librevjs-big-play-button,.librevjs-libre-skin .librevjs-big-play-button:focus{color:#0289f4}.librevjs-libre-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#2196f4}.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#2196f3}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}ul li.librevjs-menu-title.librevjs-res-menu-title{color:#2196f4}ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#0b89ed}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
+*/.librevjs-libre-materialblue-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-materialblue-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-materialblue-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-materialblue-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-materialblue-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-materialblue-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-materialblue-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-materialblue-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-materialblue-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-materialblue-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-materialblue-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-materialblue-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-materialblue-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-materialblue-skin .librevjs-control:focus:before,.librevjs-libre-materialblue-skin .librevjs-control:hover:before{color:#2196f3}.librevjs-libre-materialblue-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-materialblue-skin .librevjs-play-control{width:5em;cursor:pointer;color:#2196f4}.librevjs-libre-materialblue-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-materialblue-skin .librevjs-play-control:hover:before{color:#2980b9}.librevjs-libre-materialblue-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-materialblue-skin .librevjs-mute-control,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-materialblue-skin .librevjs-mute-control:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-materialblue-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-materialblue-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-materialblue-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialblue-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-materialblue-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-materialblue-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-materialblue-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-materialblue-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#2196f3 url() -50% 0 repeat}.librevjs-libre-materialblue-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-materialblue-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-materialblue-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-materialblue-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-materialblue-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-materialblue-skin .librevjs-progress-holder{height:100%}.librevjs-libre-materialblue-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialblue-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-materialblue-skin .librevjs-play-progress{background:#2196f3 url() -50% 0 repeat}.librevjs-libre-materialblue-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-materialblue-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-materialblue-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-materialblue-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-materialblue-skin .librevjs-current-time{float:left}.librevjs-libre-materialblue-skin .librevjs-duration{float:left}.librevjs-libre-materialblue-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-materialblue-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-materialblue-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-materialblue-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-materialblue-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#2196f3}.librevjs-libre-materialblue-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-materialblue-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-materialblue-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-materialblue-skin:hover .librevjs-big-play-button,.librevjs-libre-materialblue-skin .librevjs-big-play-button:focus{color:#0289f4}.librevjs-libre-materialblue-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-materialblue-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-materialblue-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-materialblue-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-materialblue-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-materialblue-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-materialblue-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#2196f4}.librevjs-libre-materialblue-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialblue-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#2196f3}.librevjs-libre-materialblue-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-materialblue-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-materialblue-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-materialblue-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialblue-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-materialblue-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}.librevjs-libre-materialblue-skin ul li.librevjs-menu-title.librevjs-res-menu-title{color:#2196f4;background-color:inherit}.librevjs-libre-materialblue-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#0b89ed;background-color:inherit}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-materialblue-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-materialblue-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-materialblue-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-materialblue-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
diff --git a/librevideojs/css/librevideojs-material/libre-skin-grey.css b/librevideojs/css/librevideojs-material/libre-skin-grey.css
index f4d60bd..8d08b08 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-grey.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-grey.css
@@ -3,7 +3,7 @@ LibreVideoJS Estilos personalizados = Grey
 Version 1.2
 Escrito por Jesús Eduardo
 */
-.librevjs-libre-skin {
+.librevjs-libre-materialgrey-skin {
 color:#ccc;
 background-color: inherit;
 }
@@ -15,7 +15,7 @@ src: local('?'),
      url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),
      url("../../fonts/libre-material/libre-icons.svg") format("svg");
 }
-.librevjs-libre-skin .librevjs-slider {
+.librevjs-libre-materialgrey-skin .librevjs-slider {
 /* Replace browser focus highlight with handle highlight */
 outline: 0;
 position: relative;
@@ -25,18 +25,18 @@ padding: 0;
 background-color: #000000;
 background-color: rgba(0, 0, 0, 0.5);
 }
-.librevjs-libre-skin .librevjs-slider:focus {
+.librevjs-libre-materialgrey-skin .librevjs-slider:focus {
 -webkit-box-shadow:0 0 2em #fff;
 -moz-box-shadow:0 0 2em #fff;
 box-shadow:0 0 2em #fff
 }
 
 /*Eliminación de botón de barra de progreso*/
-.librevjs-libre-skin .librevjs-slider-handle {
+.librevjs-libre-materialgrey-skin .librevjs-slider-handle {
 width: 0;
 height: 0;
 }
-.librevjs-libre-skin .librevjs-slider-handle:before {
+.librevjs-libre-materialgrey-skin .librevjs-slider-handle:before {
 text-shadow: 0em 0em 1em #fff;
 position: absolute;
 top: 0;
@@ -44,7 +44,7 @@ left: 0;
 }
 
 /* control bar */
-.librevjs-libre-skin .librevjs-control-bar {
+.librevjs-libre-materialgrey-skin .librevjs-control-bar {
 /* Start hidden */
 display: none;
 position: absolute;
@@ -61,7 +61,7 @@ height: 3.0em;
 background-color: #232323;
 background-color: rgba(35, 35, 35, 0.8);
 }
-.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar {
+.librevjs-libre-materialgrey-skin.librevjs-has-started .librevjs-control-bar {
 display:block;
 visibility:visible;
 opacity:1;
@@ -70,7 +70,7 @@ opacity:1;
 -o-transition:visibility .1s,opacity .1s;
 transition:visibility .1s,opacity .1s
 }
-.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
+.librevjs-libre-materialgrey-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
 display:block;
 visibility:hidden;
 opacity:0;
@@ -79,18 +79,18 @@ opacity:0;
 -o-transition:visibility 1s,opacity 1s;
 transition:visibility 1s,opacity 1s
 }
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar {
+.librevjs-libre-materialgrey-skin.librevjs-controls-disabled .librevjs-control-bar {
 display:none
 }
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar {
+.librevjs-libre-materialgrey-skin.librevjs-using-native-controls .librevjs-control-bar {
 display:none
 }
 @media \0screen {
- .librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
+ .librevjs-libre-materialgrey-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
  content:""
  }
 }
-.librevjs-libre-skin .librevjs-control {
+.librevjs-libre-materialgrey-skin .librevjs-control {
 outline:0;
 position:relative;
 float:left;
@@ -100,7 +100,7 @@ padding:0;
 height:3em;
 width:4em
 }
-.librevjs-libre-skin .librevjs-control:before {
+.librevjs-libre-materialgrey-skin .librevjs-control:before {
 font-family:LibreVideoJS;
 font-size:1.5em;
 line-height:2;
@@ -113,13 +113,13 @@ text-align:center;
 text-shadow:1px 1px 1px rgba(0,0,0,.5)
 }
 /*COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before {
+.librevjs-libre-materialgrey-skin .librevjs-control:focus:before,.librevjs-libre-materialgrey-skin .librevjs-control:hover:before {
 color: #9e9e9e;
 }
 /*END COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus {
+.librevjs-libre-materialgrey-skin .librevjs-control:focus {
 }
-.librevjs-libre-skin .librevjs-control-text {
+.librevjs-libre-materialgrey-skin .librevjs-control-text {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
@@ -131,52 +131,52 @@ width:1px
 }
 
 /*Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-play-control {
+.librevjs-libre-materialgrey-skin .librevjs-play-control {
 width:5em;
 cursor:pointer;
 color: rgb(158, 158, 158);
 }
-.librevjs-libre-skin .librevjs-play-control:before {
+.librevjs-libre-materialgrey-skin .librevjs-play-control:before {
 content:"\e001"
 }
-.librevjs-libre-skin .librevjs-play-control:hover:before {
+.librevjs-libre-materialgrey-skin .librevjs-play-control:hover:before {
 color:#7c7c7c; /*color de play control al pasar el cursor*/
 }
-.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before {
+.librevjs-libre-materialgrey-skin.librevjs-playing .librevjs-play-control:before {
 content:"\e002"
 }
 /*END Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button {
+.librevjs-libre-materialgrey-skin .librevjs-mute-control,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button {
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before {
+.librevjs-libre-materialgrey-skin .librevjs-mute-control:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button:before {
 content:"\e006"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
+.librevjs-libre-materialgrey-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
 content:"\e003"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
+.librevjs-libre-materialgrey-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
 content:"\e004"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
+.librevjs-libre-materialgrey-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
 content:"\e005"
 }
-.librevjs-libre-skin .librevjs-volume-control {
+.librevjs-libre-materialgrey-skin .librevjs-volume-control {
 width:5em;
 float:right
 }
-.librevjs-libre-skin .librevjs-volume-bar {
+.librevjs-libre-materialgrey-skin .librevjs-volume-bar {
 width:5em;
 height:.6em;
 margin:1.1em auto 0
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content {
+.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button .librevjs-menu-content {
 height:2.9em
 }
 
 /*PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-level {
+.librevjs-libre-materialgrey-skin .librevjs-volume-level {
 position: absolute;
 top: 0;
 left: 0;
@@ -187,22 +187,22 @@ width: 100%;
 background: #9e9e9e url() -50% 0 repeat; /*color de barra volumen*/
 }
 /*END PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle {
+.librevjs-libre-materialgrey-skin .librevjs-volume-bar .librevjs-volume-handle {
 width:.5em;
 height:.5em
 }
-.librevjs-libre-skin .librevjs-volume-handle:before {
+.librevjs-libre-materialgrey-skin .librevjs-volume-handle:before {
 font-size:.9em;
 top:-.2em;
 left:-.2em;
 width:1em;
 height:1em
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
 width:6em;
 left:-4em
 }
-.librevjs-libre-skin .librevjs-progress-control {
+.librevjs-libre-materialgrey-skin .librevjs-progress-control {
 position:absolute;
 left:0;
 right:0;
@@ -215,17 +215,17 @@ top:-1em;
 -o-transition:all .4s;
 transition:all .4s
 }
-.librevjs-libre-skin:hover .librevjs-progress-control {
+.librevjs-libre-materialgrey-skin:hover .librevjs-progress-control {
 font-size:.9em;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s
 }
-.librevjs-libre-skin .librevjs-progress-holder {
+.librevjs-libre-materialgrey-skin .librevjs-progress-holder {
 height:100%
 }
-.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress {
+.librevjs-libre-materialgrey-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialgrey-skin .librevjs-progress-holder .librevjs-load-progress {
 position:absolute;
 display:block;
 height:100%;
@@ -236,32 +236,32 @@ top:0
 }
 
 /* Personalización de barra de progreso a color plata */
-.librevjs-libre-skin .librevjs-play-progress {
+.librevjs-libre-materialgrey-skin .librevjs-play-progress {
 background: #9e9e9e url() -50% 0 repeat;
 }
-.librevjs-libre-skin .librevjs-load-progress {
+.librevjs-libre-materialgrey-skin .librevjs-load-progress {
 background:#646464;
 background:rgba(255,255,255,.4)
 }
-.librevjs-libre-skin .librevjs-seek-handle {
+.librevjs-libre-materialgrey-skin .librevjs-seek-handle {
 width:1.5em;
 height:100%
 }
-.librevjs-libre-skin .librevjs-seek-handle:before {
+.librevjs-libre-materialgrey-skin .librevjs-seek-handle:before {
 padding-top:.1em
 }
-.librevjs-libre-skin .librevjs-time-controls {
+.librevjs-libre-materialgrey-skin .librevjs-time-controls {
 font-size:1em;
 font-weight: 700;/*mayor visibilidad*/
 line-height:3em;
 }
-.librevjs-libre-skin .librevjs-current-time {
+.librevjs-libre-materialgrey-skin .librevjs-current-time {
 float:left
 }
-.librevjs-libre-skin .librevjs-duration {
+.librevjs-libre-materialgrey-skin .librevjs-duration {
 float:left
 }
-.librevjs-libre-skin .librevjs-remaining-time {
+.librevjs-libre-materialgrey-skin .librevjs-remaining-time {
 display:none;
 float:left
 }
@@ -269,20 +269,20 @@ float:left
 float:left;
 line-height:3em
 }
-.librevjs-libre-skin .librevjs-fullscreen-control {
+.librevjs-libre-materialgrey-skin .librevjs-fullscreen-control {
 width:3.8em;
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-fullscreen-control:before {
+.librevjs-libre-materialgrey-skin .librevjs-fullscreen-control:before {
 content:"\e000"
 }
-.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
+.librevjs-libre-materialgrey-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
 content:"\e00b"
 }
 
 /*Centrado del button Play y personalizado*/
-.librevjs-libre-skin .librevjs-big-play-button {
+.librevjs-libre-materialgrey-skin .librevjs-big-play-button {
 left: 50%;
 top: 40%;
 font-size: 10em;
@@ -300,24 +300,24 @@ opacity: 1;
 color: #9e9e9e;
 }
 /* Hide if controls are disabled */
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button {
+.librevjs-libre-materialgrey-skin.librevjs-controls-disabled .librevjs-big-play-button {
 display: none;
 }
 /* Hide when video starts playing */
-.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button {
+.librevjs-libre-materialgrey-skin.librevjs-has-started .librevjs-big-play-button {
 display: none;
 }
 /* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile
 */
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button {
+.librevjs-libre-materialgrey-skin.librevjs-using-native-controls .librevjs-big-play-button {
 display: none;
 }
-.librevjs-libre-skin:hover .librevjs-big-play-button,
-.librevjs-libre-skin .librevjs-big-play-button:focus {
+.librevjs-libre-materialgrey-skin:hover .librevjs-big-play-button,
+.librevjs-libre-materialgrey-skin .librevjs-big-play-button:focus {
 color: rgb(115, 115, 115); /*color boton focus purpura oscuro*/
 }
-.librevjs-libre-skin .librevjs-big-play-button:before {
+.librevjs-libre-materialgrey-skin .librevjs-big-play-button:before {
 content: "\e007";
 font-family: LibreVideoJS;
 /* In order to center the play icon vertically we need to set the line height
@@ -350,7 +350,7 @@ opacity:.75;
 -o-animation:spin 1.5s infinite linear;
 animation:spin 1.5s infinite linear
 }
-.librevjs-libre-skin .librevjs-loading-spinner:before {
+.librevjs-libre-materialgrey-skin .librevjs-loading-spinner:before {
 content:"\e01e";
 font-family:LibreVideoJS;
 position:absolute;
@@ -393,11 +393,11 @@ text-shadow:0 0 .1em #000
    transform:rotate(359deg)
    }
 }
-.librevjs-libre-skin .librevjs-menu-button {
+.librevjs-libre-materialgrey-skin .librevjs-menu-button {
 float:right;
 cursor:pointer
 }
-.librevjs-libre-skin .librevjs-menu {
+.librevjs-libre-materialgrey-skin .librevjs-menu {
 display:none;
 position:absolute;
 bottom:0;
@@ -410,7 +410,7 @@ border-right:2em solid transparent;
 border-top:1.55em solid #000;
 border-top-color:rgba(7,40,50,.5)
 }
-.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialgrey-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
 display:block;
 padding:0;
 margin:0;
@@ -426,10 +426,10 @@ background-color:rgba(7,20,30,.7);
 -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)
 }
-.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu {
+.librevjs-libre-materialgrey-skin .librevjs-menu-button:hover .librevjs-menu {
 display:block
 }
-.librevjs-libre-skin .librevjs-menu-button ul li {
+.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li {
 list-style:none;
 margin:0;
 padding:.3em 0;
@@ -440,17 +440,17 @@ text-transform:lowercase
 }
 
 /*COLOR DE SELECCION DE SUBTIULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected {
+.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-selected {
 color: #ffffff;
 background-color: rgb(158, 158, 158);
 }
-.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover {
+.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-selected:hover {
 outline: 0;
 color: #fff;
 background-color: #9e9e9e;
 }
 /*END COLOR SELECCION DE SUBTITULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title {
+.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-menu-title {
 text-align:center;
 text-transform:uppercase;
 font-size:1em;
@@ -460,13 +460,13 @@ margin:0 0 .3em;
 font-weight:700;
 cursor:default
 }
-.librevjs-libre-skin .librevjs-subtitles-button:before {
+.librevjs-libre-materialgrey-skin .librevjs-subtitles-button:before {
 content:"\e00c"
 }
-.librevjs-libre-skin .librevjs-captions-button:before {
+.librevjs-libre-materialgrey-skin .librevjs-captions-button:before {
 content:"\e008"
 }
-.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before {
+.librevjs-libre-materialgrey-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialgrey-skin .librevjs-captions-button:hover .librevjs-control-content:before {
 -webkit-box-shadow:0 0 1em #fff;
 -moz-box-shadow:0 0 1em #fff;
 box-shadow:0 0 1em #fff
@@ -566,7 +566,7 @@ background-color: rgba(2, 7, 11, 0.7);
 .librevjs-tt-cue {
 display:block
 }
-.librevjs-libre-skin .librevjs-hidden {
+.librevjs-libre-materialgrey-skin .librevjs-hidden {
 display:none
 }
 .librevjs-lock-showing {
@@ -582,11 +582,13 @@ padding: 130px 10px 20px;
 text-align: center;
 }
 /*title de resolucion | subtitles y Caption*/
-ul li.librevjs-menu-title.librevjs-res-menu-title{
+.librevjs-libre-materialgrey-skin ul li.librevjs-menu-title.librevjs-res-menu-title{
 color:#737373;
+background-color: inherit;
 }
-ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
+.librevjs-libre-materialgrey-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
 color:#9e9e9e;
+background-color: inherit;
 }
 /*Responsive*/
 .cliplibre-js-responsive-container.librevjs-hd {
@@ -623,7 +625,7 @@ left: 0;
  .cliplibre-js .librevjs-text-track{
  font-size: 0.9em;
  }
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialgrey-skin .librevjs-big-play-button{
  font-size: 5em;
  top: 45%;
  }
@@ -637,17 +639,17 @@ left: 0;
   }
 }
 @media screen and (max-width: 200px){
- .librevjs-libre-skin .librevjs-big-play-button	{
+ .librevjs-libre-materialgrey-skin .librevjs-big-play-button	{
  top:35%;
  }
 }
 @media screen and (max-width: 150px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialgrey-skin .librevjs-big-play-button{
  font-size: 3em;
  }
 }
 @media screen and (max-width: 90px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialgrey-skin .librevjs-big-play-button{
  font-size: 2em;
  }
 }
diff --git a/librevideojs/css/librevideojs-material/libre-skin-grey.min.css b/librevideojs/css/librevideojs-material/libre-skin-grey.min.css
index 1c1632f..3430f7e 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-grey.min.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-grey.min.css
@@ -2,4 +2,4 @@
 LibreVideoJS Estilos personalizados = Grey
 Version 1.2
 Escrito por Jesús Eduardo
-*/.librevjs-libre-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before{color:#9e9e9e}.librevjs-libre-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-skin .librevjs-play-control{width:5em;cursor:pointer;color:#9e9e9e}.librevjs-libre-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-skin .librevjs-play-control:hover:before{color:#7c7c7c}.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#9e9e9e url() -50% 0 repeat}.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-skin .librevjs-progress-holder{height:100%}.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-skin .librevjs-play-progress{background:#9e9e9e url() -50% 0 repeat}.librevjs-libre-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-skin .librevjs-current-time{float:left}.librevjs-libre-skin .librevjs-duration{float:left}.librevjs-libre-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#9e9e9e}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-skin:hover .librevjs-big-play-button,.librevjs-libre-skin .librevjs-big-play-button:focus{color:#737373}.librevjs-libre-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#9e9e9e}.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#9e9e9e}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}ul li.librevjs-menu-title.librevjs-res-menu-title{color:#737373}ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#9e9e9e}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
+*/.librevjs-libre-materialgrey-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-materialgrey-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-materialgrey-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-materialgrey-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-materialgrey-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-materialgrey-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-materialgrey-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-materialgrey-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-materialgrey-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-materialgrey-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-materialgrey-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-materialgrey-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-materialgrey-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-materialgrey-skin .librevjs-control:focus:before,.librevjs-libre-materialgrey-skin .librevjs-control:hover:before{color:#9e9e9e}.librevjs-libre-materialgrey-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-materialgrey-skin .librevjs-play-control{width:5em;cursor:pointer;color:#9e9e9e}.librevjs-libre-materialgrey-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-materialgrey-skin .librevjs-play-control:hover:before{color:#7c7c7c}.librevjs-libre-materialgrey-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-materialgrey-skin .librevjs-mute-control,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-materialgrey-skin .librevjs-mute-control:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-materialgrey-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-materialgrey-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-materialgrey-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-materialgrey-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-materialgrey-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-materialgrey-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#9e9e9e url() -50% 0 repeat}.librevjs-libre-materialgrey-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-materialgrey-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-materialgrey-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-materialgrey-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-materialgrey-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-materialgrey-skin .librevjs-progress-holder{height:100%}.librevjs-libre-materialgrey-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialgrey-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-materialgrey-skin .librevjs-play-progress{background:#9e9e9e url() -50% 0 repeat}.librevjs-libre-materialgrey-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-materialgrey-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-materialgrey-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-materialgrey-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-materialgrey-skin .librevjs-current-time{float:left}.librevjs-libre-materialgrey-skin .librevjs-duration{float:left}.librevjs-libre-materialgrey-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-materialgrey-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-materialgrey-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-materialgrey-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-materialgrey-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#9e9e9e}.librevjs-libre-materialgrey-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-materialgrey-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-materialgrey-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-materialgrey-skin:hover .librevjs-big-play-button,.librevjs-libre-materialgrey-skin .librevjs-big-play-button:focus{color:#737373}.librevjs-libre-materialgrey-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-materialgrey-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-materialgrey-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-materialgrey-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-materialgrey-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-materialgrey-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#9e9e9e}.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#9e9e9e}.librevjs-libre-materialgrey-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-materialgrey-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-materialgrey-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-materialgrey-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialgrey-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-materialgrey-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}.librevjs-libre-materialgrey-skin ul li.librevjs-menu-title.librevjs-res-menu-title{color:#737373;background-color:inherit}.librevjs-libre-materialgrey-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#9e9e9e;background-color:inherit}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-materialgrey-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-materialgrey-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-materialgrey-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-materialgrey-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
diff --git a/librevideojs/css/librevideojs-material/libre-skin-purple.css b/librevideojs/css/librevideojs-material/libre-skin-purple.css
index 3f9f49d..dec8ee5 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-purple.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-purple.css
@@ -3,7 +3,7 @@ LibreVideoJS Estilos personalizados = Purple
 Version 1.2
 Escrito por Jesús Eduardo
 */
-.librevjs-libre-skin {
+.librevjs-libre-materialpurple-skin {
 color:#ccc;
 background-color: inherit;
 }
@@ -15,7 +15,7 @@ src: local('?'),
      url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),
      url("../../fonts/libre-material/libre-icons.svg") format("svg");
 }
-.librevjs-libre-skin .librevjs-slider {
+.librevjs-libre-materialpurple-skin .librevjs-slider {
 /* Replace browser focus highlight with handle highlight */
 outline: 0;
 position: relative;
@@ -25,18 +25,18 @@ padding: 0;
 background-color: #000000;
 background-color: rgba(0, 0, 0, 0.5);
 }
-.librevjs-libre-skin .librevjs-slider:focus {
+.librevjs-libre-materialpurple-skin .librevjs-slider:focus {
 -webkit-box-shadow:0 0 2em #fff;
 -moz-box-shadow:0 0 2em #fff;
 box-shadow:0 0 2em #fff
 }
 
 /*Eliminación de botón de barra de progreso*/
-.librevjs-libre-skin .librevjs-slider-handle {
+.librevjs-libre-materialpurple-skin .librevjs-slider-handle {
 width: 0;
 height: 0;
 }
-.librevjs-libre-skin .librevjs-slider-handle:before {
+.librevjs-libre-materialpurple-skin .librevjs-slider-handle:before {
 text-shadow: 0em 0em 1em #fff;
 position: absolute;
 top: 0;
@@ -44,7 +44,7 @@ left: 0;
 }
 
 /* control bar */
-.librevjs-libre-skin .librevjs-control-bar {
+.librevjs-libre-materialpurple-skin .librevjs-control-bar {
 /* Start hidden */
 display: none;
 position: absolute;
@@ -61,7 +61,7 @@ height: 3.0em;
 background-color: #232323;
 background-color: rgba(35, 35, 35, 0.8);
 }
-.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar {
+.librevjs-libre-materialpurple-skin.librevjs-has-started .librevjs-control-bar {
 display:block;
 visibility:visible;
 opacity:1;
@@ -70,7 +70,7 @@ opacity:1;
 -o-transition:visibility .1s,opacity .1s;
 transition:visibility .1s,opacity .1s
 }
-.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
+.librevjs-libre-materialpurple-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
 display:block;
 visibility:hidden;
 opacity:0;
@@ -79,18 +79,18 @@ opacity:0;
 -o-transition:visibility 1s,opacity 1s;
 transition:visibility 1s,opacity 1s
 }
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar {
+.librevjs-libre-materialpurple-skin.librevjs-controls-disabled .librevjs-control-bar {
 display:none
 }
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar {
+.librevjs-libre-materialpurple-skin.librevjs-using-native-controls .librevjs-control-bar {
 display:none
 }
 @media \0screen {
- .librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
+ .librevjs-libre-materialpurple-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
  content:""
  }
 }
-.librevjs-libre-skin .librevjs-control {
+.librevjs-libre-materialpurple-skin .librevjs-control {
 outline:0;
 position:relative;
 float:left;
@@ -100,7 +100,7 @@ padding:0;
 height:3em;
 width:4em
 }
-.librevjs-libre-skin .librevjs-control:before {
+.librevjs-libre-materialpurple-skin .librevjs-control:before {
 font-family:LibreVideoJS;
 font-size:1.5em;
 line-height:2;
@@ -113,13 +113,13 @@ text-align:center;
 text-shadow:1px 1px 1px rgba(0,0,0,.5)
 }
 /*COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before {
+.librevjs-libre-materialpurple-skin .librevjs-control:focus:before,.librevjs-libre-materialpurple-skin .librevjs-control:hover:before {
 color: #9c27b0;
 }
 /*END COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus {
+.librevjs-libre-materialpurple-skin .librevjs-control:focus {
 }
-.librevjs-libre-skin .librevjs-control-text {
+.librevjs-libre-materialpurple-skin .librevjs-control-text {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
@@ -131,52 +131,52 @@ width:1px
 }
 
 /*Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-play-control {
+.librevjs-libre-materialpurple-skin .librevjs-play-control {
 width:5em;
 cursor:pointer;
 color: rgb(156, 39, 176);
 }
-.librevjs-libre-skin .librevjs-play-control:before {
+.librevjs-libre-materialpurple-skin .librevjs-play-control:before {
 content:"\e001"
 }
-.librevjs-libre-skin .librevjs-play-control:hover:before {
+.librevjs-libre-materialpurple-skin .librevjs-play-control:hover:before {
 color:#8e44ad; /*color de play control al pasar el cursor*/
 }
-.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before {
+.librevjs-libre-materialpurple-skin.librevjs-playing .librevjs-play-control:before {
 content:"\e002"
 }
 /*END Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button {
+.librevjs-libre-materialpurple-skin .librevjs-mute-control,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button {
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before {
+.librevjs-libre-materialpurple-skin .librevjs-mute-control:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button:before {
 content:"\e006"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
+.librevjs-libre-materialpurple-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
 content:"\e003"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
+.librevjs-libre-materialpurple-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
 content:"\e004"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
+.librevjs-libre-materialpurple-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
 content:"\e005"
 }
-.librevjs-libre-skin .librevjs-volume-control {
+.librevjs-libre-materialpurple-skin .librevjs-volume-control {
 width:5em;
 float:right
 }
-.librevjs-libre-skin .librevjs-volume-bar {
+.librevjs-libre-materialpurple-skin .librevjs-volume-bar {
 width:5em;
 height:.6em;
 margin:1.1em auto 0
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content {
+.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button .librevjs-menu-content {
 height:2.9em
 }
 
 /*PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-level {
+.librevjs-libre-materialpurple-skin .librevjs-volume-level {
 position: absolute;
 top: 0;
 left: 0;
@@ -187,22 +187,22 @@ width: 100%;
 background: #9c27b0 url() -50% 0 repeat; /*color de barra volumen*/
 }
 /*END PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle {
+.librevjs-libre-materialpurple-skin .librevjs-volume-bar .librevjs-volume-handle {
 width:.5em;
 height:.5em
 }
-.librevjs-libre-skin .librevjs-volume-handle:before {
+.librevjs-libre-materialpurple-skin .librevjs-volume-handle:before {
 font-size:.9em;
 top:-.2em;
 left:-.2em;
 width:1em;
 height:1em
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
 width:6em;
 left:-4em
 }
-.librevjs-libre-skin .librevjs-progress-control {
+.librevjs-libre-materialpurple-skin .librevjs-progress-control {
 position:absolute;
 left:0;
 right:0;
@@ -215,17 +215,17 @@ top:-1em;
 -o-transition:all .4s;
 transition:all .4s
 }
-.librevjs-libre-skin:hover .librevjs-progress-control {
+.librevjs-libre-materialpurple-skin:hover .librevjs-progress-control {
 font-size:.9em;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s
 }
-.librevjs-libre-skin .librevjs-progress-holder {
+.librevjs-libre-materialpurple-skin .librevjs-progress-holder {
 height:100%
 }
-.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress {
+.librevjs-libre-materialpurple-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialpurple-skin .librevjs-progress-holder .librevjs-load-progress {
 position:absolute;
 display:block;
 height:100%;
@@ -236,32 +236,32 @@ top:0
 }
 
 /* Personalización de barra de progreso a color purpura */
-.librevjs-libre-skin .librevjs-play-progress {
+.librevjs-libre-materialpurple-skin .librevjs-play-progress {
 background: #9c27b0 url() -50% 0 repeat;
 }
-.librevjs-libre-skin .librevjs-load-progress {
+.librevjs-libre-materialpurple-skin .librevjs-load-progress {
 background:#646464;
 background:rgba(255,255,255,.4)
 }
-.librevjs-libre-skin .librevjs-seek-handle {
+.librevjs-libre-materialpurple-skin .librevjs-seek-handle {
 width:1.5em;
 height:100%
 }
-.librevjs-libre-skin .librevjs-seek-handle:before {
+.librevjs-libre-materialpurple-skin .librevjs-seek-handle:before {
 padding-top:.1em
 }
-.librevjs-libre-skin .librevjs-time-controls {
+.librevjs-libre-materialpurple-skin .librevjs-time-controls {
 font-size:1em;
 font-weight: 700;/*mayor visibilidad*/
 line-height:3em;
 }
-.librevjs-libre-skin .librevjs-current-time {
+.librevjs-libre-materialpurple-skin .librevjs-current-time {
 float:left
 }
-.librevjs-libre-skin .librevjs-duration {
+.librevjs-libre-materialpurple-skin .librevjs-duration {
 float:left
 }
-.librevjs-libre-skin .librevjs-remaining-time {
+.librevjs-libre-materialpurple-skin .librevjs-remaining-time {
 display:none;
 float:left
 }
@@ -269,20 +269,20 @@ float:left
 float:left;
 line-height:3em
 }
-.librevjs-libre-skin .librevjs-fullscreen-control {
+.librevjs-libre-materialpurple-skin .librevjs-fullscreen-control {
 width:3.8em;
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-fullscreen-control:before {
+.librevjs-libre-materialpurple-skin .librevjs-fullscreen-control:before {
 content:"\e000"
 }
-.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
+.librevjs-libre-materialpurple-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
 content:"\e00b"
 }
 
 /*Centrado del button Play y personalizado*/
-.librevjs-libre-skin .librevjs-big-play-button {
+.librevjs-libre-materialpurple-skin .librevjs-big-play-button {
 left: 50%;
 top: 40%;
 font-size: 10em;
@@ -300,24 +300,24 @@ opacity: 1;
 color: #9c27b0;
 }
 /* Hide if controls are disabled */
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button {
+.librevjs-libre-materialpurple-skin.librevjs-controls-disabled .librevjs-big-play-button {
 display: none;
 }
 /* Hide when video starts playing */
-.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button {
+.librevjs-libre-materialpurple-skin.librevjs-has-started .librevjs-big-play-button {
 display: none;
 }
 /* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile
 */
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button {
+.librevjs-libre-materialpurple-skin.librevjs-using-native-controls .librevjs-big-play-button {
 display: none;
 }
-.librevjs-libre-skin:hover .librevjs-big-play-button,
-.librevjs-libre-skin .librevjs-big-play-button:focus {
+.librevjs-libre-materialpurple-skin:hover .librevjs-big-play-button,
+.librevjs-libre-materialpurple-skin .librevjs-big-play-button:focus {
 color: rgb(142, 68, 173); /*color boton focus purpura oscuro*/
 }
-.librevjs-libre-skin .librevjs-big-play-button:before {
+.librevjs-libre-materialpurple-skin .librevjs-big-play-button:before {
 content: "\e007";
 font-family: LibreVideoJS;
 /* In order to center the play icon vertically we need to set the line height
@@ -350,7 +350,7 @@ opacity:.75;
 -o-animation:spin 1.5s infinite linear;
 animation:spin 1.5s infinite linear
 }
-.librevjs-libre-skin .librevjs-loading-spinner:before {
+.librevjs-libre-materialpurple-skin .librevjs-loading-spinner:before {
 content:"\e01e";
 font-family:LibreVideoJS;
 position:absolute;
@@ -393,11 +393,11 @@ text-shadow:0 0 .1em #000
    transform:rotate(359deg)
    }
 }
-.librevjs-libre-skin .librevjs-menu-button {
+.librevjs-libre-materialpurple-skin .librevjs-menu-button {
 float:right;
 cursor:pointer;
 }
-.librevjs-libre-skin .librevjs-menu {
+.librevjs-libre-materialpurple-skin .librevjs-menu {
 display:none;
 position:absolute;
 bottom:0;
@@ -410,7 +410,7 @@ border-right:2em solid transparent;
 border-top:1.55em solid #000;
 border-top-color:rgba(7,40,50,.5);
 }
-.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialpurple-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
 display:block;
 padding:0;
 margin:0;
@@ -426,10 +426,10 @@ background-color:rgba(7,20,30,.7);
 -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 }
-.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu {
+.librevjs-libre-materialpurple-skin .librevjs-menu-button:hover .librevjs-menu {
 display:block;
 }
-.librevjs-libre-skin .librevjs-menu-button ul li {
+.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li {
 list-style:none;
 margin:0;
 padding:.3em 0;
@@ -440,17 +440,17 @@ text-transform:lowercase;
 }
 
 /*COLOR DE SELECCION DE SUBTIULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected {
+.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-selected {
 color: #ffffff;
 background-color: rgb(156, 39, 176);
 }
-.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover {
+.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-selected:hover {
 outline: 0;
 color: #fff;
 background-color: #9c27b0;
 }
 /*END COLOR SELECCION DE SUBTITULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title {
+.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-menu-title {
 text-align:center;
 text-transform:uppercase;
 font-size:1em;
@@ -460,13 +460,13 @@ margin:0 0 .3em;
 font-weight:700;
 cursor:default;
 }
-.librevjs-libre-skin .librevjs-subtitles-button:before {
+.librevjs-libre-materialpurple-skin .librevjs-subtitles-button:before {
 content:"\e00c"
 }
-.librevjs-libre-skin .librevjs-captions-button:before {
+.librevjs-libre-materialpurple-skin .librevjs-captions-button:before {
 content:"\e008"
 }
-.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before {
+.librevjs-libre-materialpurple-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialpurple-skin .librevjs-captions-button:hover .librevjs-control-content:before {
 -webkit-box-shadow:0 0 1em #fff;
 -moz-box-shadow:0 0 1em #fff;
 box-shadow:0 0 1em #fff;
@@ -566,7 +566,7 @@ background-color: rgba(2, 7, 11, 0.7);
 .librevjs-tt-cue {
 display:block
 }
-.librevjs-libre-skin .librevjs-hidden {
+.librevjs-libre-materialpurple-skin .librevjs-hidden {
 display:none
 }
 .librevjs-lock-showing {
@@ -582,11 +582,13 @@ padding: 130px 10px 20px;
 text-align: center;
 }
 /*title de resolucion | subtitles y Caption*/
-ul li.librevjs-menu-title.librevjs-res-menu-title{
+.librevjs-libre-materialpurple-skin ul li.librevjs-menu-title.librevjs-res-menu-title{
 color:#9c27b0;
+background-color: inherit;
 }
-ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
+.librevjs-libre-materialpurple-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
 color:#8e44ad;
+background-color: inherit;
 }
 /*Responsive*/
 .cliplibre-js-responsive-container.librevjs-hd {
@@ -623,7 +625,7 @@ left: 0;
  .cliplibre-js .librevjs-text-track{
  font-size: 0.9em;
  }
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialpurple-skin .librevjs-big-play-button{
  font-size: 5em;
  top: 45%;
  }
@@ -637,17 +639,17 @@ left: 0;
   }
 }
 @media screen and (max-width: 200px){
- .librevjs-libre-skin .librevjs-big-play-button	{
+ .librevjs-libre-materialpurple-skin .librevjs-big-play-button	{
  top:35%;
  }
 }
 @media screen and (max-width: 150px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialpurple-skin .librevjs-big-play-button{
  font-size: 3em;
  }
 }
 @media screen and (max-width: 90px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialpurple-skin .librevjs-big-play-button{
  font-size: 2em;
  }
 }
diff --git a/librevideojs/css/librevideojs-material/libre-skin-purple.min.css b/librevideojs/css/librevideojs-material/libre-skin-purple.min.css
index 96b1b0e..3e42371 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-purple.min.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-purple.min.css
@@ -2,4 +2,4 @@
 LibreVideoJS Estilos personalizados = Purple
 Version 1.2
 Escrito por Jesús Eduardo
-*/.librevjs-libre-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before{color:#9c27b0}.librevjs-libre-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-skin .librevjs-play-control{width:5em;cursor:pointer;color:#9c27b0}.librevjs-libre-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-skin .librevjs-play-control:hover:before{color:#8e44ad}.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#9c27b0 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-skin .librevjs-progress-holder{height:100%}.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-skin .librevjs-play-progress{background:#9c27b0 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-skin .librevjs-current-time{float:left}.librevjs-libre-skin .librevjs-duration{float:left}.librevjs-libre-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#9c27b0}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-skin:hover .librevjs-big-play-button,.librevjs-libre-skin .librevjs-big-play-button:focus{color:#8e44ad}.librevjs-libre-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#9c27b0}.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#9c27b0}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}ul li.librevjs-menu-title.librevjs-res-menu-title{color:#9c27b0}ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#8e44ad}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
+*/.librevjs-libre-materialpurple-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-materialpurple-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-materialpurple-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-materialpurple-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-materialpurple-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-materialpurple-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-materialpurple-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-materialpurple-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-materialpurple-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-materialpurple-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-materialpurple-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-materialpurple-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-materialpurple-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-materialpurple-skin .librevjs-control:focus:before,.librevjs-libre-materialpurple-skin .librevjs-control:hover:before{color:#9c27b0}.librevjs-libre-materialpurple-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-materialpurple-skin .librevjs-play-control{width:5em;cursor:pointer;color:#9c27b0}.librevjs-libre-materialpurple-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-materialpurple-skin .librevjs-play-control:hover:before{color:#8e44ad}.librevjs-libre-materialpurple-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-materialpurple-skin .librevjs-mute-control,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-materialpurple-skin .librevjs-mute-control:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-materialpurple-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-materialpurple-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-materialpurple-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-materialpurple-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-materialpurple-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-materialpurple-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#9c27b0 url() -50% 0 repeat}.librevjs-libre-materialpurple-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-materialpurple-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-materialpurple-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-materialpurple-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-materialpurple-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-materialpurple-skin .librevjs-progress-holder{height:100%}.librevjs-libre-materialpurple-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialpurple-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-materialpurple-skin .librevjs-play-progress{background:#9c27b0 url() -50% 0 repeat}.librevjs-libre-materialpurple-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-materialpurple-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-materialpurple-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-materialpurple-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-materialpurple-skin .librevjs-current-time{float:left}.librevjs-libre-materialpurple-skin .librevjs-duration{float:left}.librevjs-libre-materialpurple-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-materialpurple-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-materialpurple-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-materialpurple-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-materialpurple-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#9c27b0}.librevjs-libre-materialpurple-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-materialpurple-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-materialpurple-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-materialpurple-skin:hover .librevjs-big-play-button,.librevjs-libre-materialpurple-skin .librevjs-big-play-button:focus{color:#8e44ad}.librevjs-libre-materialpurple-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-materialpurple-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-materialpurple-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-materialpurple-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-materialpurple-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-materialpurple-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#9c27b0}.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#9c27b0}.librevjs-libre-materialpurple-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-materialpurple-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-materialpurple-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-materialpurple-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialpurple-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-materialpurple-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}.librevjs-libre-materialpurple-skin ul li.librevjs-menu-title.librevjs-res-menu-title{color:#9c27b0;background-color:inherit}.librevjs-libre-materialpurple-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#8e44ad;background-color:inherit}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-materialpurple-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-materialpurple-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-materialpurple-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-materialpurple-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
diff --git a/librevideojs/css/librevideojs-material/libre-skin-red.css b/librevideojs/css/librevideojs-material/libre-skin-red.css
index 5b70036..4d34d34 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-red.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-red.css
@@ -580,11 +580,13 @@ padding: 130px 10px 20px;
 text-align: center;
 }
 /*title de resolucion | subtitles y Caption*/
-ul li.librevjs-menu-title.librevjs-res-menu-title{
+.librevjs-libre-materialred-skin ul li.librevjs-menu-title.librevjs-res-menu-title{
 color: rgb(246, 44, 30);
+background-color: inherit;
 }
-ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
+.librevjs-libre-materialred-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
 color: rgb(244, 67, 54);
+background-color: inherit;
 }
 /*Responsive*/
 .cliplibre-js-responsive-container.librevjs-hd {
diff --git a/librevideojs/css/librevideojs-material/libre-skin-red.min.css b/librevideojs/css/librevideojs-material/libre-skin-red.min.css
index 21c4d27..1e2c197 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-red.min.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-red.min.css
@@ -2,4 +2,4 @@
 LibreVideoJS Estilos personalizados = Red
 Version 1.2
 Escrito por Jesús Eduardo
-*/.librevjs-libre-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before{color:#f44336}.librevjs-libre-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-skin .librevjs-play-control{width:5em;cursor:pointer;color:#f44336}.librevjs-libre-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-skin .librevjs-play-control:hover:before{color:#f22e1f}.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#f44336 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-skin .librevjs-progress-holder{height:100%}.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-skin .librevjs-play-progress{background:#f44336 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-skin .librevjs-current-time{float:left}.librevjs-libre-skin .librevjs-duration{float:left}.librevjs-libre-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#f44336}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-skin:hover .librevjs-big-play-button,.librevjs-libre-skin .librevjs-big-play-button:focus{color:rgba(244,67,54,0.89)}.librevjs-libre-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#f44336}.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#f44336}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}ul li.librevjs-menu-title.librevjs-res-menu-title{color:#f62c1e}ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#f44336}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
+*/.librevjs-libre-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before{color:#f44336}.librevjs-libre-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-skin .librevjs-play-control{width:5em;cursor:pointer;color:#f44336}.librevjs-libre-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-skin .librevjs-play-control:hover:before{color:#f22e1f}.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#f44336 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-skin .librevjs-progress-holder{height:100%}.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-skin .librevjs-play-progress{background:#f44336 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-skin .librevjs-current-time{float:left}.librevjs-libre-skin .librevjs-duration{float:left}.librevjs-libre-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#f44336}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-skin:hover .librevjs-big-play-button,.librevjs-libre-skin .librevjs-big-play-button:focus{color:rgba(244,67,54,0.89)}.librevjs-libre-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#f44336}.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#f44336}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}.librevjs-libre-materialred-skin ul li.librevjs-menu-title.librevjs-res-menu-title{color:#f62c1e;background-color:inherit}.librevjs-libre-materialred-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#f44336;background-color:inherit}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
diff --git a/librevideojs/css/librevideojs-material/libre-skin-teal.css b/librevideojs/css/librevideojs-material/libre-skin-teal.css
index a3c4292..0a02f10 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-teal.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-teal.css
@@ -3,7 +3,7 @@ LibreVideoJS Estilos personalizados = Teal
 Version 1.2
 Escrito por Jesús Eduardo
 */
-.librevjs-libre-skin {
+.librevjs-libre-materialteal-skin {
 color:#ccc;
 background-color: inherit;
 }
@@ -15,7 +15,7 @@ src: local('?'),
      url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),
      url("../../fonts/libre-material/libre-icons.svg") format("svg");
 }
-.librevjs-libre-skin .librevjs-slider {
+.librevjs-libre-materialteal-skin .librevjs-slider {
 /* Replace browser focus highlight with handle highlight */
 outline: 0;
 position: relative;
@@ -25,18 +25,18 @@ padding: 0;
 background-color: #000000;
 background-color: rgba(0, 0, 0, 0.5);
 }
-.librevjs-libre-skin .librevjs-slider:focus {
+.librevjs-libre-materialteal-skin .librevjs-slider:focus {
 -webkit-box-shadow:0 0 2em #fff;
 -moz-box-shadow:0 0 2em #fff;
 box-shadow:0 0 2em #fff;
 }
 
 /*Eliminación de botón de barra de progreso*/
-.librevjs-libre-skin .librevjs-slider-handle {
+.librevjs-libre-materialteal-skin .librevjs-slider-handle {
 width: 0;
 height: 0;
 }
-.librevjs-libre-skin .librevjs-slider-handle:before {
+.librevjs-libre-materialteal-skin .librevjs-slider-handle:before {
 text-shadow: 0em 0em 1em #fff;
 position: absolute;
 top: 0;
@@ -44,7 +44,7 @@ left: 0;
 }
 
 /* control bar */
-.librevjs-libre-skin .librevjs-control-bar {
+.librevjs-libre-materialteal-skin .librevjs-control-bar {
 /* Start hidden */
 display: none;
 position: absolute;
@@ -60,7 +60,7 @@ height: 3.0em;
 background-color: #232323;
 background-color: rgba(35, 35, 35, 0.8);
 }
-.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar {
+.librevjs-libre-materialteal-skin.librevjs-has-started .librevjs-control-bar {
 display:block;
 visibility:visible;
 opacity:1;
@@ -69,7 +69,7 @@ opacity:1;
 -o-transition:visibility .1s,opacity .1s;
 transition:visibility .1s,opacity .1s
 }
-.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
+.librevjs-libre-materialteal-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
 display:block;
 visibility:hidden;
 opacity:0;
@@ -78,18 +78,18 @@ opacity:0;
 -o-transition:visibility 1s,opacity 1s;
 transition:visibility 1s,opacity 1s
 }
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar {
+.librevjs-libre-materialteal-skin.librevjs-controls-disabled .librevjs-control-bar {
 display:none
 }
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar {
+.librevjs-libre-materialteal-skin.librevjs-using-native-controls .librevjs-control-bar {
 display:none
 }
 @media \0screen {
- .librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
+ .librevjs-libre-materialteal-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
  content:""
  }
 }
-.librevjs-libre-skin .librevjs-control {
+.librevjs-libre-materialteal-skin .librevjs-control {
 outline:0;
 position:relative;
 float:left;
@@ -99,7 +99,7 @@ padding:0;
 height:3em;
 width:4em
 }
-.librevjs-libre-skin .librevjs-control:before {
+.librevjs-libre-materialteal-skin .librevjs-control:before {
 font-family:LibreVideoJS;
 font-size:1.5em;
 line-height:2;
@@ -112,13 +112,13 @@ text-align:center;
 text-shadow:1px 1px 1px rgba(0,0,0,.5)
 }
 /*COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before {
+.librevjs-libre-materialteal-skin .librevjs-control:focus:before,.librevjs-libre-materialteal-skin .librevjs-control:hover:before {
 color: #1de9b6;
 }
 /*END COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus {
+.librevjs-libre-materialteal-skin .librevjs-control:focus {
 }
-.librevjs-libre-skin .librevjs-control-text {
+.librevjs-libre-materialteal-skin .librevjs-control-text {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
@@ -130,52 +130,52 @@ width:1px
 }
 
 /*Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-play-control {
+.librevjs-libre-materialteal-skin .librevjs-play-control {
 width:5em;
 cursor:pointer;
 color:rgb(29, 233, 182);
 }
-.librevjs-libre-skin .librevjs-play-control:before {
+.librevjs-libre-materialteal-skin .librevjs-play-control:before {
 content:"\e001"
 }
-.librevjs-libre-skin .librevjs-play-control:hover:before {
+.librevjs-libre-materialteal-skin .librevjs-play-control:hover:before {
 color:#007c5d; /*color de play control al pasar el cursor*/
 }
-.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before {
+.librevjs-libre-materialteal-skin.librevjs-playing .librevjs-play-control:before {
 content:"\e002"
 }
 /*END Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button {
+.librevjs-libre-materialteal-skin .librevjs-mute-control,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button {
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before {
+.librevjs-libre-materialteal-skin .librevjs-mute-control:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button:before {
 content:"\e006"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
+.librevjs-libre-materialteal-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
 content:"\e003"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
+.librevjs-libre-materialteal-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
 content:"\e004"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
+.librevjs-libre-materialteal-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
 content:"\e005"
 }
-.librevjs-libre-skin .librevjs-volume-control {
+.librevjs-libre-materialteal-skin .librevjs-volume-control {
 width:5em;
 float:right
 }
-.librevjs-libre-skin .librevjs-volume-bar {
+.librevjs-libre-materialteal-skin .librevjs-volume-bar {
 width:5em;
 height:.6em;
 margin:1.1em auto 0
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content {
+.librevjs-libre-materialteal-skin .librevjs-volume-menu-button .librevjs-menu-content {
 height:2.9em
 }
 
 /*PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-level {
+.librevjs-libre-materialteal-skin .librevjs-volume-level {
 position: absolute;
 top: 0;
 left: 0;
@@ -186,22 +186,22 @@ width: 100%;
 background: #1de9b6 url() -50% 0 repeat;
 }
 /*END PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle {
+.librevjs-libre-materialteal-skin .librevjs-volume-bar .librevjs-volume-handle {
 width:.5em;
 height:.5em
 }
-.librevjs-libre-skin .librevjs-volume-handle:before {
+.librevjs-libre-materialteal-skin .librevjs-volume-handle:before {
 font-size:.9em;
 top:-.2em;
 left:-.2em;
 width:1em;
 height:1em;
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialteal-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
 width:6em;
 left:-4em;
 }
-.librevjs-libre-skin .librevjs-progress-control {
+.librevjs-libre-materialteal-skin .librevjs-progress-control {
 position:absolute;
 left:0;
 right:0;
@@ -214,17 +214,17 @@ top:-1em;
 -o-transition:all .4s;
 transition:all .4s;
 }
-.librevjs-libre-skin:hover .librevjs-progress-control {
+.librevjs-libre-materialteal-skin:hover .librevjs-progress-control {
 font-size:.9em;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s;
 }
-.librevjs-libre-skin .librevjs-progress-holder {
+.librevjs-libre-materialteal-skin .librevjs-progress-holder {
 height:100%;
 }
-.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress {
+.librevjs-libre-materialteal-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialteal-skin .librevjs-progress-holder .librevjs-load-progress {
 position:absolute;
 display:block;
 height:100%;
@@ -235,32 +235,32 @@ top:0
 }
 
 /* Personalización de barra de progreso a color azul */
-.librevjs-libre-skin .librevjs-play-progress {
+.librevjs-libre-materialteal-skin .librevjs-play-progress {
 background: #1de9b6 url() -50% 0 repeat;
 }
-.librevjs-libre-skin .librevjs-load-progress {
+.librevjs-libre-materialteal-skin .librevjs-load-progress {
 background:#646464;
 background:rgba(255,255,255,.4)
 }
-.librevjs-libre-skin .librevjs-seek-handle {
+.librevjs-libre-materialteal-skin .librevjs-seek-handle {
 width:1.5em;
 height:100%
 }
-.librevjs-libre-skin .librevjs-seek-handle:before {
+.librevjs-libre-materialteal-skin .librevjs-seek-handle:before {
 padding-top:.1em
 }
-.librevjs-libre-skin .librevjs-time-controls {
+.librevjs-libre-materialteal-skin .librevjs-time-controls {
 font-size:1em;
 font-weight: 700;/*mayor visibilidad*/
 line-height:3em
 }
-.librevjs-libre-skin .librevjs-current-time {
+.librevjs-libre-materialteal-skin .librevjs-current-time {
 float:left
 }
-.librevjs-libre-skin .librevjs-duration {
+.librevjs-libre-materialteal-skin .librevjs-duration {
 float:left
 }
-.librevjs-libre-skin .librevjs-remaining-time {
+.librevjs-libre-materialteal-skin .librevjs-remaining-time {
 display:none;
 float:left
 }
@@ -268,20 +268,20 @@ float:left
 float:left;
 line-height:3em
 }
-.librevjs-libre-skin .librevjs-fullscreen-control {
+.librevjs-libre-materialteal-skin .librevjs-fullscreen-control {
 width:3.8em;
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-fullscreen-control:before {
+.librevjs-libre-materialteal-skin .librevjs-fullscreen-control:before {
 content:"\e000"
 }
-.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
+.librevjs-libre-materialteal-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
 content:"\e00b"
 }
 
 /*Centrado del button Play y personalizado*/
-.librevjs-libre-skin .librevjs-big-play-button {
+.librevjs-libre-materialteal-skin .librevjs-big-play-button {
 left: 50%;
 top: 40%;
 font-size: 10em;
@@ -299,23 +299,23 @@ opacity: 1;
 color: #1abc9c;
 }
 /* Hide if controls are disabled */
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button {
+.librevjs-libre-materialteal-skin.librevjs-controls-disabled .librevjs-big-play-button {
 display: none;
 }
 /* Hide when video starts playing */
-.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button {
+.librevjs-libre-materialteal-skin.librevjs-has-started .librevjs-big-play-button {
 display: none;
 }
 /* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button {
+.librevjs-libre-materialteal-skin.librevjs-using-native-controls .librevjs-big-play-button {
 display: none;
 }
-.librevjs-libre-skin:hover .librevjs-big-play-button,
-.librevjs-libre-skin .librevjs-big-play-button:focus {
+.librevjs-libre-materialteal-skin:hover .librevjs-big-play-button,
+.librevjs-libre-materialteal-skin .librevjs-big-play-button:focus {
 color: #16a085;
 }
-.librevjs-libre-skin .librevjs-big-play-button:before {
+.librevjs-libre-materialteal-skin .librevjs-big-play-button:before {
 content: "\e007";
 font-family: LibreVideoJS;
 /* In order to center the play icon vertically we need to set the line height
@@ -348,7 +348,7 @@ opacity:.75;
 -o-animation:spin 1.5s infinite linear;
 animation:spin 1.5s infinite linear
 }
-.librevjs-libre-skin .librevjs-loading-spinner:before {
+.librevjs-libre-materialteal-skin .librevjs-loading-spinner:before {
 content:"\e01e";
 font-family:LibreVideoJS;
 position:absolute;
@@ -391,11 +391,11 @@ text-shadow:0 0 .1em #000
    transform:rotate(359deg)
    }
 }
-.librevjs-libre-skin .librevjs-menu-button {
+.librevjs-libre-materialteal-skin .librevjs-menu-button {
 float:right;
 cursor:pointer;
 }
-.librevjs-libre-skin .librevjs-menu {
+.librevjs-libre-materialteal-skin .librevjs-menu {
 display:none;
 position:absolute;
 bottom:0;
@@ -408,7 +408,7 @@ border-right:2em solid transparent;
 border-top:1.55em solid #000;
 border-top-color:rgba(7,40,50,.5);
 }
-.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialteal-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
 display:block;
 padding:0;
 margin:0;
@@ -424,10 +424,10 @@ background-color:rgba(7,20,30,.7);
 -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 }
-.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu {
+.librevjs-libre-materialteal-skin .librevjs-menu-button:hover .librevjs-menu {
 display:block;
 }
-.librevjs-libre-skin .librevjs-menu-button ul li {
+.librevjs-libre-materialteal-skin .librevjs-menu-button ul li {
 list-style:none;
 margin:0;
 padding:.3em 0;
@@ -438,17 +438,17 @@ text-transform:lowercase;
 }
 
 /*COLOR DE SELECCION DE SUBTIULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected {
+.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-selected {
 color: rgb(1, 56, 47);
 background-color: rgb(29, 233, 182);
 }
-.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover {
+.librevjs-libre-materialteal-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialteal-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-selected:hover {
 outline: 0;
 color: #004d40;
 background-color: #1de9b6;
 }
 /*END COLOR SELECCION DE SUBTITULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title {
+.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-menu-title {
 text-align:center;
 text-transform:uppercase;
 font-size:1em;
@@ -458,13 +458,13 @@ margin:0 0 .3em;
 font-weight:700;
 cursor:default;
 }
-.librevjs-libre-skin .librevjs-subtitles-button:before {
+.librevjs-libre-materialteal-skin .librevjs-subtitles-button:before {
 content:"\e00c"
 }
-.librevjs-libre-skin .librevjs-captions-button:before {
+.librevjs-libre-materialteal-skin .librevjs-captions-button:before {
 content:"\e008"
 }
-.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before {
+.librevjs-libre-materialteal-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialteal-skin .librevjs-captions-button:hover .librevjs-control-content:before {
 -webkit-box-shadow:0 0 1em #fff;
 -moz-box-shadow:0 0 1em #fff;
 box-shadow:0 0 1em #fff;
@@ -564,7 +564,7 @@ background-color: rgba(2, 7, 11, 0.7);
 .librevjs-tt-cue {
 display:block
 }
-.librevjs-libre-skin .librevjs-hidden {
+.librevjs-libre-materialteal-skin .librevjs-hidden {
 display:none
 }
 .librevjs-lock-showing {
@@ -581,11 +581,13 @@ text-align: center;
 }
 
 /*title de resolucion | subtitles y Caption*/
-ul li.librevjs-menu-title.librevjs-res-menu-title{
+.librevjs-libre-materialteal-skin ul li.librevjs-menu-title.librevjs-res-menu-title{
 color:rgb(26, 187, 156);
+background-color: inherit;
 }
-ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
+.librevjs-libre-materialteal-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
 color: rgb(29, 233, 182);
+background-color: inherit;
 }
 /*Responsive*/
 .cliplibre-js-responsive-container.librevjs-hd {
@@ -622,7 +624,7 @@ left: 0;
  .cliplibre-js .librevjs-text-track{
  font-size: 0.9em;
  }
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialteal-skin .librevjs-big-play-button{
  font-size: 5em;
  top: 45%;
  }
@@ -636,17 +638,17 @@ left: 0;
   }
 }
 @media screen and (max-width: 200px){
- .librevjs-libre-skin .librevjs-big-play-button	{
+ .librevjs-libre-materialteal-skin .librevjs-big-play-button	{
  top:35%;
  }
 }
 @media screen and (max-width: 150px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialteal-skin .librevjs-big-play-button{
  font-size: 3em;
  }
 }
 @media screen and (max-width: 90px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialteal-skin .librevjs-big-play-button{
  font-size: 2em;
  }
 }
diff --git a/librevideojs/css/librevideojs-material/libre-skin-teal.min.css b/librevideojs/css/librevideojs-material/libre-skin-teal.min.css
index 81a7d42..0cf8309 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-teal.min.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-teal.min.css
@@ -2,4 +2,4 @@
 LibreVideoJS Estilos personalizados = Teal
 Version 1.2
 Escrito por Jesús Eduardo
-*/.librevjs-libre-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before{color:#1de9b6}.librevjs-libre-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-skin .librevjs-play-control{width:5em;cursor:pointer;color:#1de9b6}.librevjs-libre-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-skin .librevjs-play-control:hover:before{color:#007c5d}.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#1de9b6 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-skin .librevjs-progress-holder{height:100%}.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-skin .librevjs-play-progress{background:#1de9b6 url() -50% 0 repeat}.librevjs-libre-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-skin .librevjs-current-time{float:left}.librevjs-libre-skin .librevjs-duration{float:left}.librevjs-libre-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#1abc9c}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-skin:hover .librevjs-big-play-button,.librevjs-libre-skin .librevjs-big-play-button:focus{color:#16a085}.librevjs-libre-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected{color:#01382f;background-color:#1de9b6}.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#004d40;background-color:#1de9b6}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.8em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}ul li.librevjs-menu-title.librevjs-res-menu-title{color:#1abb9c}ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#1de9b6}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
+*/.librevjs-libre-materialteal-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-materialteal-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-materialteal-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-materialteal-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-materialteal-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-materialteal-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-materialteal-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-materialteal-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-materialteal-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-materialteal-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-materialteal-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-materialteal-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-materialteal-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-materialteal-skin .librevjs-control:focus:before,.librevjs-libre-materialteal-skin .librevjs-control:hover:before{color:#1de9b6}.librevjs-libre-materialteal-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-materialteal-skin .librevjs-play-control{width:5em;cursor:pointer;color:#1de9b6}.librevjs-libre-materialteal-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-materialteal-skin .librevjs-play-control:hover:before{color:#007c5d}.librevjs-libre-materialteal-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-materialteal-skin .librevjs-mute-control,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-materialteal-skin .librevjs-mute-control:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-materialteal-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-materialteal-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-materialteal-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialteal-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-materialteal-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-materialteal-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-materialteal-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-materialteal-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#1de9b6 url() -50% 0 repeat}.librevjs-libre-materialteal-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-materialteal-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-materialteal-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-materialteal-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-materialteal-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-materialteal-skin .librevjs-progress-holder{height:100%}.librevjs-libre-materialteal-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialteal-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-materialteal-skin .librevjs-play-progress{background:#1de9b6 url() -50% 0 repeat}.librevjs-libre-materialteal-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-materialteal-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-materialteal-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-materialteal-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-materialteal-skin .librevjs-current-time{float:left}.librevjs-libre-materialteal-skin .librevjs-duration{float:left}.librevjs-libre-materialteal-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-materialteal-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-materialteal-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-materialteal-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-materialteal-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#1abc9c}.librevjs-libre-materialteal-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-materialteal-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-materialteal-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-materialteal-skin:hover .librevjs-big-play-button,.librevjs-libre-materialteal-skin .librevjs-big-play-button:focus{color:#16a085}.librevjs-libre-materialteal-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-materialteal-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-materialteal-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-materialteal-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-materialteal-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-materialteal-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-materialteal-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-selected{color:#01382f;background-color:#1de9b6}.librevjs-libre-materialteal-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialteal-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#004d40;background-color:#1de9b6}.librevjs-libre-materialteal-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-materialteal-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-materialteal-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-materialteal-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialteal-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.8em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-materialteal-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}.librevjs-libre-materialteal-skin ul li.librevjs-menu-title.librevjs-res-menu-title{color:#1abb9c;background-color:inherit}.librevjs-libre-materialteal-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#1de9b6;background-color:inherit}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-materialteal-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-materialteal-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-materialteal-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-materialteal-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
diff --git a/librevideojs/css/librevideojs-material/libre-skin-yellow.css b/librevideojs/css/librevideojs-material/libre-skin-yellow.css
index 80c3591..986a358 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-yellow.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-yellow.css
@@ -3,7 +3,7 @@ LibreVideoJS Estilos personalizados = Yellow
 Version 1.2
 Escrito por Jesús Eduardo
 */
-.librevjs-libre-skin {
+.librevjs-libre-materialyellow-skin {
 color:#ccc;
 background-color: inherit;
 }
@@ -15,7 +15,7 @@ src: local('?'),
      url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),
      url("../../fonts/libre-material/libre-icons.svg") format("svg");
 }
-.librevjs-libre-skin .librevjs-slider {
+.librevjs-libre-materialyellow-skin .librevjs-slider {
 /* Replace browser focus highlight with handle highlight */
 outline: 0;
 position: relative;
@@ -25,18 +25,18 @@ padding: 0;
 background-color: #000000;
 background-color: rgba(0, 0, 0, 0.5);
 }
-.librevjs-libre-skin .librevjs-slider:focus {
+.librevjs-libre-materialyellow-skin .librevjs-slider:focus {
 -webkit-box-shadow:0 0 2em #fff;
 -moz-box-shadow:0 0 2em #fff;
 box-shadow:0 0 2em #fff;
 }
 
 /*Eliminación de botón de barra de progreso*/
-.librevjs-libre-skin .librevjs-slider-handle {
+.librevjs-libre-materialyellow-skin .librevjs-slider-handle {
 width: 0;
 height: 0;
 }
-.librevjs-libre-skin .librevjs-slider-handle:before {
+.librevjs-libre-materialyellow-skin .librevjs-slider-handle:before {
 text-shadow: 0em 0em 1em #fff;
 position: absolute;
 top: 0;
@@ -44,7 +44,7 @@ left: 0;
 }
 
 /* control bar */
-.librevjs-libre-skin .librevjs-control-bar {
+.librevjs-libre-materialyellow-skin .librevjs-control-bar {
 /* Start hidden */
 display: none;
 position: absolute;
@@ -60,7 +60,7 @@ height: 3.0em;
 background-color: #232323;
 background-color: rgba(35, 35, 35, 0.8);
 }
-.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar {
+.librevjs-libre-materialyellow-skin.librevjs-has-started .librevjs-control-bar {
 display:block;
 visibility:visible;
 opacity:1;
@@ -69,7 +69,7 @@ opacity:1;
 -o-transition:visibility .1s,opacity .1s;
 transition:visibility .1s,opacity .1s
 }
-.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
+.librevjs-libre-materialyellow-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar {
 display:block;
 visibility:hidden;
 opacity:0;
@@ -78,18 +78,18 @@ opacity:0;
 -o-transition:visibility 1s,opacity 1s;
 transition:visibility 1s,opacity 1s
 }
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar {
+.librevjs-libre-materialyellow-skin.librevjs-controls-disabled .librevjs-control-bar {
 display:none
 }
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar {
+.librevjs-libre-materialyellow-skin.librevjs-using-native-controls .librevjs-control-bar {
 display:none
 }
 @media \0screen {
- .librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
+ .librevjs-libre-materialyellow-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar :before {
  content:""
  }
 }
-.librevjs-libre-skin .librevjs-control {
+.librevjs-libre-materialyellow-skin .librevjs-control {
 outline:0;
 position:relative;
 float:left;
@@ -99,7 +99,7 @@ padding:0;
 height:3em;
 width:4em
 }
-.librevjs-libre-skin .librevjs-control:before {
+.librevjs-libre-materialyellow-skin .librevjs-control:before {
 font-family:LibreVideoJS;
 font-size:1.5em;
 line-height:2;
@@ -112,13 +112,13 @@ text-align:center;
 text-shadow:1px 1px 1px rgba(0,0,0,.5)
 }
 /*COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before {
+.librevjs-libre-materialyellow-skin .librevjs-control:focus:before,.librevjs-libre-materialyellow-skin .librevjs-control:hover:before {
 color: #f1c40f;
 }
 /*END COLOR AL PASAR EL CURSOR EN LOS BOTONES DE VOLUMEN y SUBTITULOS*/
-.librevjs-libre-skin .librevjs-control:focus {
+.librevjs-libre-materialyellow-skin .librevjs-control:focus {
 }
-.librevjs-libre-skin .librevjs-control-text {
+.librevjs-libre-materialyellow-skin .librevjs-control-text {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
@@ -130,52 +130,52 @@ width:1px
 }
 
 /*Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-play-control {
+.librevjs-libre-materialyellow-skin .librevjs-play-control {
 width:5em;
 cursor:pointer;
 color: rgb(241, 196, 14);
 }
-.librevjs-libre-skin .librevjs-play-control:before {
+.librevjs-libre-materialyellow-skin .librevjs-play-control:before {
 content:"\e001"
 }
-.librevjs-libre-skin .librevjs-play-control:hover:before {
+.librevjs-libre-materialyellow-skin .librevjs-play-control:hover:before {
 color:#f39c12; /*color de play control al pasar el cursor*/
 }
-.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before {
+.librevjs-libre-materialyellow-skin.librevjs-playing .librevjs-play-control:before {
 content:"\e002"
 }
 /*END Color y diseño de boton play control*/
-.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button {
+.librevjs-libre-materialyellow-skin .librevjs-mute-control,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button {
 cursor:pointer;
 float:right
 }
-.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before {
+.librevjs-libre-materialyellow-skin .librevjs-mute-control:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button:before {
 content:"\e006"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
+.librevjs-libre-materialyellow-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button.librevjs-vol-0:before {
 content:"\e003"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
+.librevjs-libre-materialyellow-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button.librevjs-vol-1:before {
 content:"\e004"
 }
-.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
+.librevjs-libre-materialyellow-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button.librevjs-vol-2:before {
 content:"\e005"
 }
-.librevjs-libre-skin .librevjs-volume-control {
+.librevjs-libre-materialyellow-skin .librevjs-volume-control {
 width:5em;
 float:right
 }
-.librevjs-libre-skin .librevjs-volume-bar {
+.librevjs-libre-materialyellow-skin .librevjs-volume-bar {
 width:5em;
 height:.6em;
 margin:1.1em auto 0;
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content {
+.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button .librevjs-menu-content {
 height:2.9em;
 }
 
 /*PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-level {
+.librevjs-libre-materialyellow-skin .librevjs-volume-level {
 position: absolute;
 top: 0;
 left: 0;
@@ -186,22 +186,22 @@ width: 100%;
 background: #f1c40f url() -50% 0 repeat; /*color de barra volumen*/
 }
 /*END PERSONALIZACION DE NIVEL DE VOLUMEN*/
-.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle {
+.librevjs-libre-materialyellow-skin .librevjs-volume-bar .librevjs-volume-handle {
 width:.5em;
 height:.5em;
 }
-.librevjs-libre-skin .librevjs-volume-handle:before {
+.librevjs-libre-materialyellow-skin .librevjs-volume-handle:before {
 font-size:.9em;
 top:-.2em;
 left:-.2em;
 width:1em;
 height:1em
 }
-.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content {
 width:6em;
 left:-4em
 }
-.librevjs-libre-skin .librevjs-progress-control {
+.librevjs-libre-materialyellow-skin .librevjs-progress-control {
 position:absolute;
 left:0;
 right:0;
@@ -214,17 +214,17 @@ top:-1em;
 -o-transition:all .4s;
 transition:all .4s;
 }
-.librevjs-libre-skin:hover .librevjs-progress-control {
+.librevjs-libre-materialyellow-skin:hover .librevjs-progress-control {
 font-size:.9em;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s
 }
-.librevjs-libre-skin .librevjs-progress-holder {
+.librevjs-libre-materialyellow-skin .librevjs-progress-holder {
 height:100%
 }
-.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress {
+.librevjs-libre-materialyellow-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialyellow-skin .librevjs-progress-holder .librevjs-load-progress {
 position:absolute;
 display:block;
 height:100%;
@@ -235,32 +235,32 @@ top:0;
 }
 
 /* Personalización de barra de progreso a color amarillo */
-.librevjs-libre-skin .librevjs-play-progress {
+.librevjs-libre-materialyellow-skin .librevjs-play-progress {
 background: #f1c40f url() -50% 0 repeat;
 }
-.librevjs-libre-skin .librevjs-load-progress {
+.librevjs-libre-materialyellow-skin .librevjs-load-progress {
 background:#646464;
 background:rgba(255,255,255,.4);
 }
-.librevjs-libre-skin .librevjs-seek-handle {
+.librevjs-libre-materialyellow-skin .librevjs-seek-handle {
 width:1.5em;
 height:100%;
 }
-.librevjs-libre-skin .librevjs-seek-handle:before {
+.librevjs-libre-materialyellow-skin .librevjs-seek-handle:before {
 padding-top:.1em
 }
-.librevjs-libre-skin .librevjs-time-controls {
+.librevjs-libre-materialyellow-skin .librevjs-time-controls {
 font-size:1em;
 font-weight: 700;/*mayor visibilidad*/
 line-height:3em;
 }
-.librevjs-libre-skin .librevjs-current-time {
+.librevjs-libre-materialyellow-skin .librevjs-current-time {
 float:left
 }
-.librevjs-libre-skin .librevjs-duration {
+.librevjs-libre-materialyellow-skin .librevjs-duration {
 float:left
 }
-.librevjs-libre-skin .librevjs-remaining-time {
+.librevjs-libre-materialyellow-skin .librevjs-remaining-time {
 display:none;
 float:left;
 }
@@ -268,20 +268,20 @@ float:left;
 float:left;
 line-height:3em
 }
-.librevjs-libre-skin .librevjs-fullscreen-control {
+.librevjs-libre-materialyellow-skin .librevjs-fullscreen-control {
 width:3.8em;
 cursor:pointer;
 float:right;
 }
-.librevjs-libre-skin .librevjs-fullscreen-control:before {
+.librevjs-libre-materialyellow-skin .librevjs-fullscreen-control:before {
 content:"\e000"
 }
-.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
+.librevjs-libre-materialyellow-skin.librevjs-fullscreen .librevjs-fullscreen-control:before {
 content:"\e00b"
 }
 
 /*Centrado del button Play y personalizado*/
-.librevjs-libre-skin .librevjs-big-play-button {
+.librevjs-libre-materialyellow-skin .librevjs-big-play-button {
 left: 50%;
 top: 40%;
 font-size: 10em;
@@ -299,23 +299,23 @@ opacity: 1;
 color: #f1c40f;
 }
 /* Hide if controls are disabled */
-.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button {
+.librevjs-libre-materialyellow-skin.librevjs-controls-disabled .librevjs-big-play-button {
 display: none;
 }
 /* Hide when video starts playing */
-.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button {
+.librevjs-libre-materialyellow-skin.librevjs-has-started .librevjs-big-play-button {
 display: none;
 }
 /* Hide on mobile devices. Remove when we stop using native controls
     by default on mobile  */
-.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button {
+.librevjs-libre-materialyellow-skin.librevjs-using-native-controls .librevjs-big-play-button {
 display: none;
 }
-.librevjs-libre-skin:hover .librevjs-big-play-button,
-.librevjs-libre-skin .librevjs-big-play-button:focus {
+.librevjs-libre-materialyellow-skin:hover .librevjs-big-play-button,
+.librevjs-libre-materialyellow-skin .librevjs-big-play-button:focus {
 color: rgb(244, 156, 18); /*color boton focus amarillo oscuro*/
 }
-.librevjs-libre-skin .librevjs-big-play-button:before {
+.librevjs-libre-materialyellow-skin .librevjs-big-play-button:before {
 content: "\e007";
 font-family: LibreVideoJS;
 /* In order to center the play icon vertically we need to set the line height
@@ -348,7 +348,7 @@ opacity:.75;
 -o-animation:spin 1.5s infinite linear;
 animation:spin 1.5s infinite linear;
 }
-.librevjs-libre-skin .librevjs-loading-spinner:before {
+.librevjs-libre-materialyellow-skin .librevjs-loading-spinner:before {
 content:"\e01e";
 font-family:LibreVideoJS;
 position:absolute;
@@ -391,11 +391,11 @@ text-shadow:0 0 .1em #000;
    transform:rotate(359deg)
    }
 }
-.librevjs-libre-skin .librevjs-menu-button {
+.librevjs-libre-materialyellow-skin .librevjs-menu-button {
 float:right;
 cursor:pointer;
 }
-.librevjs-libre-skin .librevjs-menu {
+.librevjs-libre-materialyellow-skin .librevjs-menu {
 display:none;
 position:absolute;
 bottom:0;
@@ -408,7 +408,7 @@ border-right:2em solid transparent;
 border-top:1.55em solid #000;
 border-top-color:rgba(7,40,50,.5);
 }
-.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
+.librevjs-libre-materialyellow-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content {
 display:block;
 padding:0;
 margin:0;
@@ -424,10 +424,10 @@ background-color:rgba(7,20,30,.7);
 -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
 }
-.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu {
+.librevjs-libre-materialyellow-skin .librevjs-menu-button:hover .librevjs-menu {
 display:block;
 }
-.librevjs-libre-skin .librevjs-menu-button ul li {
+.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li {
 list-style:none;
 margin:0;
 padding:.3em 0;
@@ -438,17 +438,17 @@ text-transform:lowercase;
 }
 
 /*COLOR DE SELECCION DE SUBTIULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected {
+.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-selected {
 color: #ffffff;
 background-color: rgb(241, 196, 14);
 }
-.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover {
+.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-selected:hover {
 outline: 0;
 color: #fff;
  background-color: #f1c40f;
 }
 /*END COLOR SELECCION DE SUBTITULOS*/
-.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title {
+.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-menu-title {
 text-align:center;
 text-transform:uppercase;
 font-size:1em;
@@ -458,13 +458,13 @@ margin:0 0 .3em;
 font-weight:700;
 cursor:default;
 }
-.librevjs-libre-skin .librevjs-subtitles-button:before {
+.librevjs-libre-materialyellow-skin .librevjs-subtitles-button:before {
 content:"\e00c"
 }
-.librevjs-libre-skin .librevjs-captions-button:before {
+.librevjs-libre-materialyellow-skin .librevjs-captions-button:before {
 content:"\e008"
 }
-.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before {
+.librevjs-libre-materialyellow-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialyellow-skin .librevjs-captions-button:hover .librevjs-control-content:before {
 -webkit-box-shadow:0 0 1em #fff;
 -moz-box-shadow:0 0 1em #fff;
 box-shadow:0 0 1em #fff
@@ -564,7 +564,7 @@ background-color: rgba(2, 7, 11, 0.7);
 .librevjs-tt-cue {
 display:block
 }
-.librevjs-libre-skin .librevjs-hidden {
+.librevjs-libre-materialyellow-skin .librevjs-hidden {
 display:none
 }
 .librevjs-lock-showing {
@@ -580,11 +580,13 @@ padding: 130px 10px 20px;
 text-align: center;
 }
 /*title de resolucion | subtitles y Caption*/
-ul li.librevjs-menu-title.librevjs-res-menu-title{
+.librevjs-libre-materialyellow-skin ul li.librevjs-menu-title.librevjs-res-menu-title{
 color:#f1c40f;
+background-color: inherit;
 }
-ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
+.librevjs-libre-materialyellow-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{
 color:#f39c12;
+background-color: inherit;
 }
 /*Responsive*/
 .cliplibre-js-responsive-container.librevjs-hd {
@@ -621,7 +623,7 @@ left: 0;
  .cliplibre-js .librevjs-text-track{
  font-size: 0.9em;
  }
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialyellow-skin .librevjs-big-play-button{
  font-size: 5em;
  top: 45%;
  }
@@ -635,17 +637,17 @@ left: 0;
   }
 }
 @media screen and (max-width: 200px){
- .librevjs-libre-skin .librevjs-big-play-button	{
+ .librevjs-libre-materialyellow-skin .librevjs-big-play-button	{
  top:35%;
  }
 }
 @media screen and (max-width: 150px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialyellow-skin .librevjs-big-play-button{
  font-size: 3em;
  }
 }
 @media screen and (max-width: 90px){
- .librevjs-libre-skin .librevjs-big-play-button{
+ .librevjs-libre-materialyellow-skin .librevjs-big-play-button{
  font-size: 2em;
  }
 }
diff --git a/librevideojs/css/librevideojs-material/libre-skin-yellow.min.css b/librevideojs/css/librevideojs-material/libre-skin-yellow.min.css
index 878d886..9271d2c 100644
--- a/librevideojs/css/librevideojs-material/libre-skin-yellow.min.css
+++ b/librevideojs/css/librevideojs-material/libre-skin-yellow.min.css
@@ -2,4 +2,4 @@
 LibreVideoJS Estilos personalizados = Yellow
 Version 1.2
 Escrito por Jesús Eduardo
-*/.librevjs-libre-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-skin .librevjs-control:focus:before,.librevjs-libre-skin .librevjs-control:hover:before{color:#f1c40f}.librevjs-libre-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-skin .librevjs-play-control{width:5em;cursor:pointer;color:#f1c40e}.librevjs-libre-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-skin .librevjs-play-control:hover:before{color:#f39c12}.librevjs-libre-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-skin .librevjs-mute-control,.librevjs-libre-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-skin .librevjs-mute-control:before,.librevjs-libre-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#f1c40f url() -50% 0 repeat}.librevjs-libre-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-skin .librevjs-progress-holder{height:100%}.librevjs-libre-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-skin .librevjs-play-progress{background:#f1c40f url() -50% 0 repeat}.librevjs-libre-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-skin .librevjs-current-time{float:left}.librevjs-libre-skin .librevjs-duration{float:left}.librevjs-libre-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#f1c40f}.librevjs-libre-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-skin:hover .librevjs-big-play-button,.librevjs-libre-skin .librevjs-big-play-button:focus{color:#f49c12}.librevjs-libre-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#f1c40e}.librevjs-libre-skin .librevjs-menu-button ul li:focus,.librevjs-libre-skin .librevjs-menu-button ul li:hover,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#f1c40f}.librevjs-libre-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}ul li.librevjs-menu-title.librevjs-res-menu-title{color:#f1c40f}ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#f39c12}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file
+*/.librevjs-libre-materialyellow-skin{color:#ccc;background-color:inherit}@font-face{font-family:"LibreVideoJS";src:url("../../fonts/libre-material/libre-icons.eot") format("embedded-opentype");src:local('?'),url("../../fonts/libre-material/libre-icons.woff") format("woff"),url("../../fonts/libre-material/libre-icons.ttf") format("truetype"),url("../../fonts/libre-material/libre-icons.svg") format("svg")}.librevjs-libre-materialyellow-skin .librevjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#000;background-color:rgba(0,0,0,0.5)}.librevjs-libre-materialyellow-skin .librevjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.librevjs-libre-materialyellow-skin .librevjs-slider-handle{width:0;height:0}.librevjs-libre-materialyellow-skin .librevjs-slider-handle:before{text-shadow:0 0 1em #fff;position:absolute;top:0;left:0}.librevjs-libre-materialyellow-skin .librevjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#232323;background-color:rgba(35,35,35,0.8)}.librevjs-libre-materialyellow-skin.librevjs-has-started .librevjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.librevjs-libre-materialyellow-skin.librevjs-has-started.librevjs-user-inactive.librevjs-playing .librevjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.librevjs-libre-materialyellow-skin.librevjs-controls-disabled .librevjs-control-bar{display:none}.librevjs-libre-materialyellow-skin.librevjs-using-native-controls .librevjs-control-bar{display:none}@media \0screen{.librevjs-libre-materialyellow-skin.librevjs-user-inactive.librevjs-playing .librevjs-control-bar:before{content:""}}.librevjs-libre-materialyellow-skin .librevjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.librevjs-libre-materialyellow-skin .librevjs-control:before{font-family:LibreVideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.librevjs-libre-materialyellow-skin .librevjs-control:focus:before,.librevjs-libre-materialyellow-skin .librevjs-control:hover:before{color:#f1c40f}.librevjs-libre-materialyellow-skin .librevjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.librevjs-libre-materialyellow-skin .librevjs-play-control{width:5em;cursor:pointer;color:#f1c40e}.librevjs-libre-materialyellow-skin .librevjs-play-control:before{content:"\e001"}.librevjs-libre-materialyellow-skin .librevjs-play-control:hover:before{color:#f39c12}.librevjs-libre-materialyellow-skin.librevjs-playing .librevjs-play-control:before{content:"\e002"}.librevjs-libre-materialyellow-skin .librevjs-mute-control,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button{cursor:pointer;float:right}.librevjs-libre-materialyellow-skin .librevjs-mute-control:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button:before{content:"\e006"}.librevjs-libre-materialyellow-skin .librevjs-mute-control.librevjs-vol-0:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button.librevjs-vol-0:before{content:"\e003"}.librevjs-libre-materialyellow-skin .librevjs-mute-control.librevjs-vol-1:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button.librevjs-vol-1:before{content:"\e004"}.librevjs-libre-materialyellow-skin .librevjs-mute-control.librevjs-vol-2:before,.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button.librevjs-vol-2:before{content:"\e005"}.librevjs-libre-materialyellow-skin .librevjs-volume-control{width:5em;float:right}.librevjs-libre-materialyellow-skin .librevjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button .librevjs-menu-content{height:2.9em}.librevjs-libre-materialyellow-skin .librevjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#f1c40f url() -50% 0 repeat}.librevjs-libre-materialyellow-skin .librevjs-volume-bar .librevjs-volume-handle{width:.5em;height:.5em}.librevjs-libre-materialyellow-skin .librevjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.librevjs-libre-materialyellow-skin .librevjs-volume-menu-button .librevjs-menu .librevjs-menu-content{width:6em;left:-4em}.librevjs-libre-materialyellow-skin .librevjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.librevjs-libre-materialyellow-skin:hover .librevjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.librevjs-libre-materialyellow-skin .librevjs-progress-holder{height:100%}.librevjs-libre-materialyellow-skin .librevjs-progress-holder .librevjs-play-progress,.librevjs-libre-materialyellow-skin .librevjs-progress-holder .librevjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.librevjs-libre-materialyellow-skin .librevjs-play-progress{background:#f1c40f url() -50% 0 repeat}.librevjs-libre-materialyellow-skin .librevjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.librevjs-libre-materialyellow-skin .librevjs-seek-handle{width:1.5em;height:100%}.librevjs-libre-materialyellow-skin .librevjs-seek-handle:before{padding-top:.1em}.librevjs-libre-materialyellow-skin .librevjs-time-controls{font-size:1em;font-weight:700;line-height:3em}.librevjs-libre-materialyellow-skin .librevjs-current-time{float:left}.librevjs-libre-materialyellow-skin .librevjs-duration{float:left}.librevjs-libre-materialyellow-skin .librevjs-remaining-time{display:none;float:left}.librevjs-time-divider{float:left;line-height:3em}.librevjs-libre-materialyellow-skin .librevjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.librevjs-libre-materialyellow-skin .librevjs-fullscreen-control:before{content:"\e000"}.librevjs-libre-materialyellow-skin.librevjs-fullscreen .librevjs-fullscreen-control:before{content:"\e00b"}.librevjs-libre-materialyellow-skin .librevjs-big-play-button{left:50%;top:40%;font-size:10em;display:block;z-index:2;position:absolute;width:1em;height:1em;margin-left:-0.5em;margin-top:-0.5em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;color:#f1c40f}.librevjs-libre-materialyellow-skin.librevjs-controls-disabled .librevjs-big-play-button{display:none}.librevjs-libre-materialyellow-skin.librevjs-has-started .librevjs-big-play-button{display:none}.librevjs-libre-materialyellow-skin.librevjs-using-native-controls .librevjs-big-play-button{display:none}.librevjs-libre-materialyellow-skin:hover .librevjs-big-play-button,.librevjs-libre-materialyellow-skin .librevjs-big-play-button:focus{color:#f49c12}.librevjs-libre-materialyellow-skin .librevjs-big-play-button:before{content:"\e007";font-family:LibreVideoJS;text-align:center;position:absolute;left:0;width:100%;height:100%}.librevjs-error .librevjs-big-play-button{display:none}.librevjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.librevjs-libre-materialyellow-skin .librevjs-loading-spinner:before{content:"\e01e";font-family:LibreVideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.librevjs-libre-materialyellow-skin .librevjs-menu-button{float:right;cursor:pointer}.librevjs-libre-materialyellow-skin .librevjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.librevjs-libre-materialyellow-skin .librevjs-menu-button .librevjs-menu .librevjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.librevjs-libre-materialyellow-skin .librevjs-menu-button:hover .librevjs-menu{display:block}.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-selected{color:#fff;background-color:#f1c40e}.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li:focus,.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li:hover,.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-selected:focus,.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-selected:hover{outline:0;color:#fff;background-color:#f1c40f}.librevjs-libre-materialyellow-skin .librevjs-menu-button ul li.librevjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.librevjs-libre-materialyellow-skin .librevjs-subtitles-button:before{content:"\e00c"}.librevjs-libre-materialyellow-skin .librevjs-captions-button:before{content:"\e008"}.librevjs-libre-materialyellow-skin .librevjs-captions-button:focus .librevjs-control-content:before,.librevjs-libre-materialyellow-skin .librevjs-captions-button:hover .librevjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.cliplibre-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:500;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cliplibre-js .librevjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.cliplibre-js:-moz-full-screen{position:absolute}body.librevjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.cliplibre-js.librevjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;position:absolute}.cliplibre-js:-webkit-full-screen{width:100%!important;height:100%!important}.cliplibre-js.librevjs-fullscreen.librevjs-user-inactive{cursor:none}.librevjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.librevjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.cliplibre-js.librevjs-using-native-controls .librevjs-poster{display:none}.cliplibre-js .librevjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.cliplibre-js .librevjs-text-track{display:none;font-size:1.5em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.6)}.cliplibre-js .librevjs-subtitles{color:#fff}.cliplibre-js .librevjs-captions{color:#ffed00;background-color:rgba(2,7,11,0.7)}.librevjs-tt-cue{display:block}.librevjs-libre-materialyellow-skin .librevjs-hidden{display:none}.librevjs-lock-showing{display:block!important;opacity:1;visibility:visible}.no_html5{background:black none repeat scroll 0 0;color:white;height:160px;padding:130px 10px 20px;text-align:center}.librevjs-libre-materialyellow-skin ul li.librevjs-menu-title.librevjs-res-menu-title{color:#f1c40f;background-color:inherit}.librevjs-libre-materialyellow-skin ul li.librevjs-menu-title.librevjs-res-menu-title:hover{color:#f39c12;background-color:inherit}.cliplibre-js-responsive-container.librevjs-hd{padding-top:56.25%}.cliplibre-js-responsive-container.librevjs-sd{padding-top:75%}.cliplibre-js-responsive-container{width:100%;position:relative}.cliplibre-js-responsive-container .cliplibre-js{height:100%!important;width:100%!important;position:absolute;top:0;left:0}@media screen and (max-width:600px){.cliplibre-js .librevjs-text-track{font-size:1.2em}.cliplibre-js .librevjs-text-track-display{bottom:2em}}@media screen and (max-width:413px){.cliplibre-js{font-size:8px}}@media screen and (max-width:400px){.cliplibre-js .librevjs-text-track{font-size:.9em}.librevjs-libre-materialyellow-skin .librevjs-big-play-button{font-size:5em;top:45%}.cliplibre-js .librevjs-text-track-display{bottom:1em}}@media screen and (max-width:335px){.cliplibre-js{font-size:6px}}@media screen and (max-width:200px){.librevjs-libre-materialyellow-skin .librevjs-big-play-button{top:35%}}@media screen and (max-width:150px){.librevjs-libre-materialyellow-skin .librevjs-big-play-button{font-size:3em}}@media screen and (max-width:90px){.librevjs-libre-materialyellow-skin .librevjs-big-play-button{font-size:2em}}
\ No newline at end of file