ul.flat {
 list-style-type:none;
 padding-left:0px;
}

ul.flat li,
ul.graphic li {
 padding-bottom:0px;
}

ul.flat li a {
 display:inline-block;
 padding:2px 4px 2px 4px;
}

ul.graphic {
 list-style-type:none;
 padding-left:0px;
 margin-left:0px;
}

ul.graphic {
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul.graphic li {
 margin-bottom:0px;
}

ul.graphic li a,
ul.graphic li a.sm2_link {
	display: inline-block;
	padding-left: 22px;
	min-height: 16px;
	vertical-align: middle;
	background-color: #000000;
	border-radius: 3px;
	padding: 3px 3px 3px 25px;
	tamanho: 35em;
	text-decoration: none;
	font-family: "Inria Sans";
	font-weight: Bold;
	font-size: 20px;
	color: #FFFFFF;
	width: ;/* IE 6 */;
}

ul.graphic li a.sm2_link {
 transition: background-color 0.1s linear;
}

ul.graphic li a, 
ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover {
 background-Image:url(../Image/icon_play.png);
 background-position:0px 10%;
 background-repeat:no-repeat;
 _background-Image:url(../Image/icon_play.gif); /* IE 6 */
}

ul.graphic li a.sm2_link:hover {
	background-color: #C0C0C0;
	QUANDO PASSA O MOUSE EM CIMA DA LETRA DA MUSICA 68 TEM QUE FICAR COR PRETA color: #FF0000;
	cor: ;
}

ul.graphic li a.sm2_paused {
 background-color:#555555;   COR DA TIRA VISITADA OU ESCUTOU A MUSICA
}

ul.graphic li a.sm2_paused:hover {
 background:#000 url(../Image/icon_play.png) no-repeat 3px 50%;
 _background-Image:url(../Image/icon_play.gif);
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
 background:#555555 url(../Image/icon_pause.png) no-repeat 3px 50%; COR DA TIRA OUVINDO A MUSICA
 _background-Image:url(../Image/icon_pause.gif);
 text-decoration:none;
}

body #sm2-container object,
body #sm2-container embed {
 
 left:-9999em;
 top:-9999em;
}


ul.flat a.sm2_link {
	border-left: 6px #0099FF solid;
	padding-left: 4px;
	padding-right: 4px;
}

ul.flat a.sm2_link:hover {
 border-left-color:#333;
}


ul.flat a.sm2_playing {
 /* "now playing" */
 border-left-color:#6666ff;
 background-color:#000;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_playing:hover {
 border-left-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background-color:#666;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_paused:hover {
 border-left-color:#33cc33;
}

}

.allura-regular {
  font-family: "Allura", cursive;
  font-weight: 400;
  font-style: normal;
}

.tangerine-regular {
  font-family: "Tangerine", cursive;
  font-weight: 400;
  font-style: normal;
}

.tangerine-bold {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
  
}

.allura-regular {
  font-family: "Allura", cursive;
  font-weight: 400;
  font-style: normal;
}

.macondo-swash-caps-regular {
  font-family: "Macondo Swash Caps", cursive;
  font-weight: 400;
  font-style: normal;
}

.inria-sans-light {
  font-family: "Inria Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.inria-sans-regular {
  font-family: "Inria Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.inria-sans-bold {
  font-family: "Inria Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.inria-sans-light-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.inria-sans-regular-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.inria-sans-bold-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}