#OuterPlayer {
	position: fixed;
	z-index:1000000;
	}
#MiddlePlayer {
	height:74px;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
	}
#Player {

}

#mute { color:#333; font-size:20px; vertical-align:middle; margin-right:10px;cursor:pointer; padding:4px; background-color:#0C3; }
#mute:hover{ color:#999; }
#unmute { color:#333; font-size:20px; vertical-align:middle; margin-left:8px;cursor:pointer; padding:4px; }
#unmute:hover{ color:#999; }
#play { color:#CF0; cursor:pointer; font-size:50px; vertical-align:middle;  }
#play:hover { color: #CF0; }
#fakeplay { color: #CF0; cursor:pointer; font-size:50px; vertical-align:middle;  }
#fakeplay:hover { color: #CF0; }
#pause { color:#666;  font-size:50px; cursor:pointer; vertical-align:middle;}
#pause:hover { color: #F30; }
.escondido { display:none; }
.mostrado { display: inline; }


    @media only screen and (min-width : 180px) {
      #OuterPlayer { right:70px; left:auto; }
	  #MiddlePlayer { height:50px; }
	  #play { font-size:30px; }
	  #fakeplay { font-size:30px; }
	  #pause { font-size:30px; }
	  #mute { display:none; }
	  #unmute { display:none; }
    }
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
      #OuterPlayer { right:70px; left:auto; }
	  #MiddlePlayer { height:50px; }
	  #play { font-size:30px; }
	  #fakeplay { font-size:30px; }
	  #pause { font-size:30px; }
	  #mute { display:none; }
	  #unmute { display:none; }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
	  #OuterPlayer { right:70px; left:auto;  }
	  #MiddlePlayer { height:50px; }
	  #play { font-size:30px; }
	  #fakeplay { font-size:30px; }
	  #pause { font-size:30px; }
	  #mute { display:none; }
	  #unmute { display:none; }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
	  #OuterPlayer { left:49%; right:auto;  }
	  #MiddlePlayer { height:50px; }
	  #play { font-size:50px; }
	  #fakeplay { font-size:50px; }
	  #pause { font-size:50px; }
	  #mute { display:none; }
	  #unmute { display:none; }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
   	  #OuterPlayer { left:49%; right:auto; }
	  #MiddlePlayer { height:74px; }
	  #play { font-size:50px; }
	  #fakeplay { font-size:50px; }
	  #pause { font-size:50px; }
	  #mute { display: inline-block; }
	  #unmute { display: inline-block; }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
	  #OuterPlayer { left:49%; right:auto;  }
	  #MiddlePlayer { height:74px; }
	  #play { font-size:50px; }
	  #fakeplay { font-size:50px; }
	  #pause { font-size:50px; }
	  #mute { display: inline-block; }
	  #unmute { display: inline-block; }
    }