@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #000000;}
A:active {text-decoration: none; color: #000000;}
A:hover {text-decoration: none; color: #ff0000; font-weight: bold;}

#titulo{
	font-size: 20px;
	font-weight: bold;
}
#subtext{
	font-size: 10px;
}
div#Container {
	width: 720px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: 0px;
}
div#hr1 {
	background-image:url(hr.png);
	height: 20px;
	width: 720px;
}
div#box400px{
	width: 400px;
	margin: 0 auto;
	text-align: justify;
}
div#box670px{
	width: 670px;
	margin: 0 auto;
	text-align: justify;
}
#buttons { 
	height: 105px;
	width: 340px;
	background-image: url(buttons.gif);
	position: relative;
	top: 0px;
	left: 170px;
}

#buttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#buttons a {display: block; text-indent: -9999px; text-decoration: none;}

#eject {width: 45px; height: 80px; left: 20px; top: 25px;}
#rec {width: 40px; height: 80px; left: 70px; top: 25px;}
#rew {width: 40px; height: 80px; left: 115px; top: 25px;}
#ff {width: 40px; height: 80px; left: 155px; top: 25px;}
#play {width: 45px; height: 80px; left: 195px; top: 25px;}
#stop {width: 60px; height: 80px; left: 245px; top: 25px;}
#pause {width: 45px; height: 80px; left: 310px; top: 25px;}

#eject a {height: 80px;}
#rec a {height: 80px;}
#rew a {height: 80px;}
#ff a {height: 80px;}
#play a {height: 80px;}
#stop a {height: 80px;}
#pause a {height: 80px;}

#eject a:hover {background: url(buttons.gif) -20px -130px no-repeat; }
#rec a:hover {background: url(buttons.gif) -70px -130px no-repeat; }
#rew a:hover {background: url(buttons.gif) -115px -130px no-repeat; }
#ff a:hover {background: url(buttons.gif) -155px -130px no-repeat; }
#play a:hover {background: url(buttons.gif) -195px -130px no-repeat; }
#stop a:hover {background: url(buttons.gif) -245px -130px no-repeat; }
#pause a:hover {background: url(buttons.gif) -310px -130px no-repeat; }

#bottom { 
	height: 200px;
	width: 680px;
	background-image: url(bottom.png);
	position: relative;
	top: 0px;
	left: 0px;
}

#bottom li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#bottom a {display: block; text-indent: -9999px; text-decoration: none;}

#home {width: 140px; height: 15px; left: 28px; top: 150px;}
#myspace {width: 92px; height: 25px; left: 460px; top: 153px;}
#youtube {width: 66px; height: 28px; left: 556px; top: 153px;}
#facebook {width: 66px; height: 25px; left: 630px; top: 154px;}

#home a {height: 15px;}
#myspace a {height: 25px;}
#youtube a {height: 28px;}
#facebook a {height: 25px;}

#myspace a:hover {background: url(outerlinks.gif) 0px 0px no-repeat; }
#youtube a:hover {background: url(outerlinks.gif) -96px 0px no-repeat; }
#facebook a:hover {background: url(outerlinks.gif) -170px -1px no-repeat; }