/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url('../img/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-color: #000;
    background-size: auto;
    -o-background-size: auto;
     color: #fff;
}


/*  STYLE PLAYERS   */


@font-face {
    font-family: 'Amaranth';
    font-style: italic;
    font-weight: 400;
    src: local('Amaranth'), local('Amaranth'), url(https://fonts.googleapis.com/css) ;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.on{
font-family: 'Amaranth', serif;
color: #fff;
text-shadow: 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 5px 5px 10px #2ECCFA, -5px -5px 10px #2ECCFA;
}

.off{
font-family: 'Amaranth', serif;
color: #c7c7c7;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 8px 7px #001135;
}
    .st1-vol {
        overflow: hidden; cursor: pointer;
        border: 2px solid #2ECCFA; border-radius: 9px;
        background-color: Transparent;
        color:  #fff ;
       padding: 1% 2%;
       margin-right: 2%;
       text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 8px 7px #001135;
    }
    .st1-vol:active {
        overflow: hidden; cursor: pointer;
        border: 2px solid #2ECCFA; border-radius: 9px;
        background-color: Transparent;
        color:  #2ECCFA ;
       padding: 1% 2%;
       margin-right: 2%;
       text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 4px 4px #001135;
    }
    
        st1-active {
        overflow: hidden; cursor: pointer;
        border: 2px solid #2ECCFA; border-radius: 9px;
        background-color: Transparent;
        color:  #2ECCFA ;
       padding: 1% 2%;
       margin-right: 2%;
       text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 4px 4px #001135;
    }
    
    .st1-button {
        overflow: hidden; cursor: pointer;
        border: 2px solid white; border-radius: 9px;
        background-color: Transparent;
        color:  #2ECCFA ;
       padding: 1% 2%;
       margin-right: 2%;
       text-shadow:  1px 1px 2px black, -1px -1px 2px black;
       box-shadow: 2px 2px 9px #2ECCFA, -2px -2px 9px #2ECCFA; 
    }
    .st1-buttpause {
        overflow: hidden; cursor: pointer;
        border: 2px solid white; border-radius: 9px;
        background-color: Transparent;
        color:  #ebebeb ;
       padding: 1% 2%;
       margin-right: 2%;
       text-shadow:  1px 1px 2px black, -1px -1px 2px black;
       box-shadow: 1px 1px 6px #2ECCFA, -1px -1px 6px #2ECCFA; 
    }
    .st1-buttoff {
        overflow: hidden; cursor: pointer;
        border: 2px solid #c7c7c7; border-radius: 9px;
        background-color: Transparent;
        color: #FFFFFF;
       padding: 1% 2%;
       margin-right: 2%;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 8px 7px #001135;
    }

/*  FIN STYLE PLAYER  */