@font-face {
    font-family: 'garageshockcondensedheavy';
    src: url('../font/gara/garagesh-webfont.woff2') format('woff2'),
         url('../font/gara/garagesh-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tag_it_yourselfregular';
    src: url('../font/tag/tiy-shareware-webfont.woff2') format('woff2'),
         url('../font/tag/tiy-shareware-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.spot-box {
	width: 640px;
    /*border: 1px dotted red;*/
    padding-top: -80px;
    margin-left: 15px;
}
.spot-box p {
	position: relative;
    top: -80px;
    background-color: transparent;
}
.spot-box a {
	text-decoration: none;
	font-family: 'tag_it_yourselfregular';
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.0625em;
	color: #333;
	background-color: transparent;
}
.spot-box a:hover {
	text-decoration: underline;
	background-color: transparent;
}
.spot-title{
	position: relative;
	width: 550px;
    height: 39px;
    padding-left: 90px;
    background-color: #00EAE0;
    border-right: 1px solid #00EAE0;

 /* font-family:'wc_speed_btabold';
    font-size:1.8em;
    line-height:0.8em; */

	font-family:'garageshockcondensedheavy';
    font-size:1.9em;
    line-height:1.2em;
    letter-spacing: 0.0625em;
                
	-webkit-text-stroke: 0px #003040;
    -webkit-text-fill-color: #F0F0E1;
    color:#F0F0E1;
    text-shadow:-1px -1px 1px #003040,  
                 1px -1px 1px #003040,
                -1px 1px 1px #003040,
                 1px 1px 0 #003040,
                 2px 2px 0 #003040,
                 3px 3px 0px #003040,
                 4px 4px 0px #003040,
                 5px 5px 1px #003040;
}
.spot-player {
	position: relative;
	width: 560px;
	height: 40px;
    padding-left: 80px;
    background-color: #FFF;
    border-bottom: 1px solid #F0F0E1;
    border-right: 1px solid #F0F0E1;
}
.spot-num { 
	position: relative;
    top: -80px;
    width: 80px;
    height: 80px;
    border-radius: 0px 40px 40px 0px;
	background-color: #FF075D;
	z-index: 3;

/*	font-family:'wc_speed_btabold';
    font-size:3.6em;
    line-height:0.8em;
    text-align: center; */

    font-family:'garageshockcondensedheavy';
    font-size:3.6em;
    line-height:1.2em;
    text-align: center;
                
	-webkit-text-stroke: 0px #003040;
    -webkit-text-fill-color: #F0F0E1;
    color:#F0F0E1;
    text-shadow:-1px -1px 1px #003040,  
                 1px -1px 1px #003040,
                -1px 1px 1px #003040,
                 1px 1px 0 #003040,
                 2px 2px 0 #003040,
                 3px 3px 0px #003040,
                 4px 4px 0px #003040,
                 5px 5px 1px #003040;
}
.grafite1 {
	font-family: 'tag_it_yourselfregular';
	font-size: 2.0em;
	letter-spacing: 0.05em;
	word-spacing: -7px;
	color: #FFF;

	-webkit-text-stroke: 0px #333;
    -webkit-text-fill-color: #FFF;

	text-shadow:-1px -1px 1px #333,  
                 1px -1px 1px #333,
                -1px 1px 1px #333,
                 1px 1px 1px #333,
                 2px 2px 0 #333;
}
.grafite2 {
	font-family: 'tag_it_yourselfregular';
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.0625em;
	color: #333;
	left: 10px;
	position: relative;
}
ul.un {
    list-style-type: none;
    margin-left: 60px;
}
ul.un li {
    margin-bottom: 10px;
}

/*||JP PLAYER||/////////////////////////////////////////////////////////////////////////////////////*/
.jp-audio :focus {
	outline: 0;/*elimina o on focus do player*/
}
.jp-audio button::-moz-focus-inner {
	border: 0;
}
.jp-audio {
	width: 560px;/*largura do player*/
	font-size: 16px;/*tamanho da fonte no player*/
	font-family: Verdana,Arial,sans-serif;/*fonte no player*/
	line-height: 1.6; 
	color: #007FFF;/*cor da fonte no player*/
}
/*||INTERFACE||/////////////////////////////////////////////////////////////////////////////////////*/
.jp-interface {
	position: relative;
	background-color: #FFF;/*cor do fundo do player*/
	width: 100%;
	height: 40px;/*altura do player*/
}
/*||CONTROLS||//////////////////////////////////////////////////////////////////////////////////////*/
.jp-interface .jp-controls {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.jp-audio .jp-controls {
	width: 100%;/*largura da área dos controles = largura do player*/
}
.jp-controls button {
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}
/*||PLAY||//////////////////////////////////////////////////////////////////////////////////////////*/
.jp-play {
	width: 40px;/*largura do botão play*/
	height: 40px;/*altura do botão play*/
	background: url(../img/jplayer.jpg) no-repeat;/*imagem do botão play [01] */
}
.jp-play:focus {
	background: url(../img/jplayer.jpg) -41px 0 no-repeat;/*imagem do botão play on focus [02] */
}
.jp-state-playing .jp-play {
	background: url(../img/jplayer.jpg) 0 -42px no-repeat;/*imagem do botão pause [03] */
}
.jp-state-playing .jp-play:focus {
	background: url(../img/jplayer.jpg) -41px -42px no-repeat;/*imagem do pause on focus play [04] */
}
/*||STOP||//////////////////////////////////////////////////////////////////////////////////////////*/
.jp-stop {
	width: 40px;/*largura do botão stop*/
	height: 40px;/*altura do botão stop*/
	margin-left: 1px;/*espaço entre os botões play e stop*/
	background: url(../img/jplayer.jpg) 0 -84px no-repeat;/*imagem do botão stop [05] */
}
.jp-stop:focus {
	background: url(../img/jplayer.jpg) -41px -84px no-repeat;/*imagem do botão stop on focus [06] */
}
/*||PROGRESS||//////////////////////////////////////////////////////////////////////////////////////*/
.jp-progress {
	position: absolute;
	top: 0;
	left: 147px;/*distância da div progress para a esquerda do player*/
	width: 200px;/*largura do progress*/
	height: 40px;/*altura do progress*/
	border-left: 12px solid #FCFCFC;/*borda esquerda do progress*/
	border-right: 12px solid #FCFCFC;/*borda direita do progress*/
	z-index: 2;/*traz o progress para frente do time-holder. caso contrário, não é possível clicar sobre a faixa do progress*/
}
.jp-seek-bar { /*17*/
	background: url(../img/jplayer.jpg) 0 -126px repeat-x;/*imagem da faixa do progress não tocado [17] */
	width: 0;
	height: 100%;
	cursor: pointer;
}
.jp-play-bar { /*18*/
	background: url(../img/jplayer.jpg) 0 -167px repeat-x;/*imagem da faixa do progress decorrido [18] */
	width: 0;
	height: 100%;
}
/*||TIME||//////////////////////////////////////////////////////////////////////////////////////////*/
.jp-audio .jp-time-holder {
	position: absolute;
	top: 12px;/*distância do time-holder para o topo*/
}
.jp-audio .jp-type-single .jp-time-holder {
	left: 111px;/*distância da div time-holder para a esquerda do player*/
	width: 296px;/*largura do time-holder*/
}
.jp-current-time, .jp-duration {
	width: 36px;/*largura do current-time e do duration*/
	font-size: .64em;/*tamanho da fonte em relação ao tamanho da fonte do player (ver linha 09)*/
	font-weight: bold;/*aplica negrito na fonte*/
}
.jp-current-time {
	float: left;
	display: inline;
	cursor: default;
}
.jp-duration {
	float: right;
	display: inline;
	text-align: right;
	cursor: pointer;
}
/*||VOLUME||////////////////////////////////////////////////////////////////////////////////////////*/
.jp-state-no-volume .jp-volume-controls {
	display: none;
}
.jp-volume-controls {
	position: absolute;
	top: 6px;/*distância do volume-control para a borda superior do player. para ficar centralizado verticalmete*/
	left: 425px;/*distância da div volume-controls para a esquerda do player*/
	width: 130px;/*largura do volume-controls*/
	height: 28px;/*altura do volume-controls*/
	margin-left: 10px;/*espaço entre o volume-controls e duration do time-holder*/
}
.jp-volume-controls button {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}
.jp-mute, .jp-volume-max { 
	width: 28px;/*largura dos botões mute e volume-max*/
	height: 28px;/*altura dos botões mute e volume-max*/
}
.jp-volume-max {
	left: 78px;/*posiciona o botão volume-max à direita, após o volume bar*/
}
.jp-mute {
	background: url(../img/jplayer.jpg) -82px -29px no-repeat;/*imagem do mute baixo [09] */
}
.jp-mute:focus {
	background: url(../img/jplayer.jpg) -111px -29px no-repeat;/*imagem do mute baixo on focus [10] */
}
.jp-state-muted .jp-mute {
	background: url(../img/jplayer.jpg) -140px -29px no-repeat;/*imagem do mute mudo [11] */
}
.jp-state-muted .jp-mute:focus {
	background: url(../img/jplayer.jpg) -169px -29px no-repeat;/*imagem do mute mudo on focus [12] */
}
.jp-volume-max {
	background: url(../img/jplayer.jpg) -140px 0 no-repeat;/*imagem do volume-max  [07] */
}
.jp-volume-max:focus {
	background: url(../img/jplayer.jpg) -169px 0 no-repeat;/*imagem do volume-max on focus [08] */
}
.jp-volume-bar {
	position: absolute;
	overflow: hidden;
	background: url(../img/jplayer.jpg) 0 -208px repeat-x;/*imagem da faixa do volume total [19] */
	top: 11px;/*distância da faixa do volume para o topo do player*/
	left: 30px;/*posiciona o volume bar à direita, após o botão mute */
	width: 46px;/*largura da faixa volume-bar*/
	height: 6px;/*altura da faixa volume-bar*/
	cursor: pointer;
}
.jp-volume-bar-value {
	background: url(../img/jplayer.jpg) 0 -215px repeat-x;/*imagem da faixa do volume atual [20] */
	width: 0;
	height: 6px;/*altura da faixa volume-bar-value*/
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
.jp-details {
	position: relative;
	width: 100%;
	cursor: default;
	border-top: none;
}
.jp-details .jp-title { 
	margin: 0;
	padding: 5px 20px;
	font-size: 1.5em;
	font-weight: 700;
	color: #023C4F;
}

/*ok*/.jp-jplayer,.jp-jplayer audio{width:0;height:0}
/*OK*/.jp-jplayer{background-color:#000}

/*OK*/.jp-toggles{padding:0;margin:0 auto;overflow:hidden}
/*OK 1 2 3*/.jp-audio .jp-type-single .jp-toggles{width:25px}
/*OK 1 3*/.jp-audio .jp-type-playlist .jp-toggles{width:55px;margin:0;position:absolute;left:325px;top:50px}
/*ok 2*/.jp-video .jp-toggles{position:absolute;right:16px;margin:10px 0 0;width:100px}
/*OK*/.jp-toggles button{display:block;float:left;width:25px;height:18px;text-indent:-9999px;line-height:100%;border:none;cursor:pointer}

/*OK*/.jp-no-solution{padding:5px;font-size:.8em;background-color:#eee;border:2px solid #009be3;color:#000;display:none}
/*OK*/.jp-no-solution a{color:#000}
/*OK*/.jp-no-solution span{font-size:1em;display:block;text-align:center;font-weight:700}