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

body{
	background-image:url(fondoBody.jpg);
	background-color:#3a3d3c;
	font-family:arial, verdana, helvetica;
	font-size:12px;
	overflow:hidden;
	padding-top:0px;
	margin-top:0px;	
}




#cuadrote{          /***************** si cambias el left y top de esto se cambia todo, necesitarias cambiar el fondo tmbien*****/
/*background-color:#FFCC00;*/
	width:858px;
	height:568px;
	position:relative;
	visibility:inherit;
	left:20px;
	top:15px;
		
}
/**************TODO LODE LOS BOTONES***********/

#botones{
background-image:url(botones.jpg);
color:white;
width:39px;
height:509px;
position:absolute;
left:23px;
top:31px;
}

#botonesCONTACT{
	width:39px;
	height:110px;
	position:absolute;
	left:0px;
	top:400px;

}

#botonesLISTEN{
	width:39px;
	height:60px;
	position:absolute;
	left:0px;
	top:330px;
}

#botonesLINKS{
	width:39px;
	height:52px;
	position:absolute;
	left:0px;
	top:260px;
}
#botonesEVENTS{
	width:39px;
	height:66px;
	position:absolute;
	left:0px;
	top:175px;
}
#botonesABOUT{
	width:39px;
	height:84px;
	position:absolute;
	left:0px;
	top:75px;
}
#botonesHOME{
	width:39px;
	height:52px;
	position:absolute;
	left:0px;
	top:0px;
}

/**************fin BOTONES***********/

#logo{
background-image:url(logo.gif);
width:739px;
height:55px;
position:absolute;
left:90px;
top:30px;

}

#siteMap{
color:#ffff00;
font-size:110%;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
left:470px;
top:580px;
}

a{
	color:#00b0d8;	
}

a:hover
{
	color: #FFF;
}
	
	
#Broadcast
{
	background-color: #38B549;
	color: #FFF;
	padding: 5px;
	text-align: center;
	margin: 0 -10px;
}

	#Broadcast p
	{
		margin: 0;
		padding: 2px;
		font-size: 14px;
	}
	
	#Broadcast a, 
	#Broadcast a:link, 
	#Broadcast a:visited, 
	#Broadcast a:hover, 
	#Broadcast a:active
	{
		color: #FFF;
		font-weight: bold;
		text-decoration: underline;
		font-size: 14px;
	}
	
	#Broadcast a:hover
	{
		color: #EEE;
	}