body {
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
body.nomargin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;	
	margin-left:0px;	
	padding-bottom:0px;	
}
iframe {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header {
	position:absolute;
	width:800px;
	height:100px;
	z-index:1;
	left: 20px;
	top: 20px;
	border: thin solid #FFCC00;
}
#switch {
	position:absolute;
	width:101px;
	height:148px;
	z-index:2;
	left: 141px;
	top: 72px;
}
#switchON {
	position:absolute;
	width:339px;
	height:225px;
	z-index:1;
	left: 34px;
	top: 47px;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	border: thin solid #CCCCCC;
	padding: 25px;
}
#switchOFF {
	position:absolute;
	width:38px;
	height:56px;
	z-index:3;
	left: 439px;
	top: 27px;
	display: none;
}
#enDirecto {
	position:absolute;
	width:38px;
	height:56px;
	z-index:3;
	left: 439px;
	top: 27px;
}
#pageTitle {
	position:absolute;
	width:150px;
	height:50px;
	z-index:21;
	left: 74px;
	top: 71px;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
}
#online {
	position:absolute;
	width:780px;
	height:350px;
	z-index:25;
	left: 20px;
	top: 160px;
	border: thin solid #FFCC00;
	text-align: center;
	display: none;
	padding: 10px;
}
#offline {
	position:absolute;
	width:780px;
	height:350px;
	z-index:20;
	left: 20px;
	top: 160px;
	border: thin solid #FFCC00;
	text-align: center;
	display: none; 
	padding: 10px;
}
#menu {
	font-family: "Courier New", Courier, monospace;
	position:absolute;
	width:460px;
	height:20px;
	z-index:2;
	left: 323px;
	top: 38px;
	text-align: right;
	padding-right: 20px;
}
#programs{
	position:absolute;
	width:780px;
	height:auto;
	z-index:20;
	left: 20px;
	top: 160px;
}
#mediabase{
	position:absolute;
	width:780px;
	height:auto;
	z-index:20;
	left: 20px;
	top: 160px;
}
#info{
	position:absolute;
	width:780px;
	height:auto;
	z-index:20;
	left: 20px;
	top: 160px;
}

div.menuHeader {
	font-weight: bold;
  margin-bottom: 25px;
  letter-spacing: 0.8em;
}
a {
	color: #999999;
	text-decoration: none;
}
#java {
	position:absolute;
	width:710px;
	height:124px;
	z-index:31;
	left: 20px;
	top: 365px;
	border: 1px solid #CC0000;
	color: #333333;
  display: none;
}
div.program {
  font-size: 10pt;
  border: 1px solid #CCCCCC;
  background-color:#FFFFFF;
  width:100%;
  overflow:auto;
  padding:10px;
  margin-bottom:10px;
  
}
div.program .preview {
  width:200px;
  height:200px;
  float:left;
  margin-right:10px;
  font-size: 7pt;
}

div.program .title {
  font-size: 11pt;
  font-weight: bold;
}
div.program .fileInfo {
  font-size: 7pt;
}
div.program .duration {
  font-size: 9pt;
  font-weight: bold;
}
div.program  .license {
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
  margin-bottom:10px;
}
div.program .debug {
  color: red;
  display:none;
}
div.program .playerLink  a{
  color: red;
}

#player{
  text-align:center;
  width:100%;
}
.playerClose {
	margin-top:25px;
	margin-right:50px;
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
	text-align:right;
}
.playerClose  a{  
  color:red;
  text-decoration:none;
}
#online #programTitle {
	font-size:12pt;
	font-weight:bold;
}
#online  #programDescription {
	font-size:10pt;
  width:100%;
  text-align: left;
  z-index:100;
  margin-top:35px;
  background-color:white;
}