body {
	font-family: Arial, Verdana, Helvetica, Sans;
	font-size:small;
	margin: 0;
	background-color:#fff;
	color:#000;
}

div, ul, li, table, td, tr, a, img {
	margin:0;
	padding:0;
    border:0;
}

#super_window {
	position:relative;
	margin:0 auto;
	text-align:center;
	width:955px;
}

/* Window */
#window {
	position:relative;
    float:left;
	margin:0 auto;
	text-align:center;
	width:955px;
    min-height:800px;
    /* Hack para min-height en IE */
    height:auto !important;
    height:800px;
   padding:10px;
   border-bottom: 1px dashed;

   border-right: 1px dashed;
   border-left: 1px dashed;
   background-color:#fff;
}

/* Header */
#header {
	position:relative;
	width:955px;
	height:100px;
}
#header ul{
	list-style:none;
}

#header ul li {
    position:relative;
    display:inline;
}

/* Left banners */
#left_banners {
    position: relative;
    float: right;
    width:150px;
    top:25px;
}

#left_banners ul{
	list-style:none;
}

#left_banners img{
	border:0px;
}

#derecha {
    position:relative;
    float:left;
   padding-left:5px;
}

.esquina_25px {
    width:25px;
}

#menu_buscador{
    position:relative;
    display:inline;
}

/* Menu */
#menu {
    position:relative;
    float:left;
    width:600px;
    height:25px;
    line-height:25px;
    font-size:14px;
    color:#000;
    background-color:#fff;

}

#menu a {
    text-decoration:none;
    color:#000;
}

#menu ul {
    padding-left:20px;
}

#menu ul li{
    position:relative;
    float:left;
    display:inline;
    list-style:none;
    width:85px;
    line-height:25px;
}

#menu .selected a {
    color:#fff;
}

#menu ul li.selected a {
    width:85px;
    line-height:25px;
    display:block;
background-image:url("../../../client/models/mundos_digitales/images/izq_top.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom left;
}

#menu ul li.selected span {
    width:85px;
    line-height:25px;
    display:block;
    background-color:#000; background-image:url("../../../client/models/mundos_digitales/images/der_top.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom right;
}

#buscador {
    position:relative;
    float:right;
    display:inline;
    top:3px;
    width:190px;
    margin-right:10px;
}

#buscador form {
    position:relative;
    float:right;
    text-align:right;
    display:inline;
    width:100%;
    line-height:17px;
    background-color:transparent;
background-image:url("../../../client/models/mundos_digitales/images/fondo_buscador.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position:bottom right;
}

#buscador input {
    position:relative;
    text-align:left;
    display:inline;

    border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #333333;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #333333;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #333333;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

#buscador form input.image {
    position:relative;
    top:3px;
}

#buscador form input#textoBuscar {
    position:relative;
    line-height:13px;
    width:150px;
    font-size:10px;
    background-color:transparent;
    background-repeat:repeat-x;
    background-attachment: scroll;
    background-position:bottom left;
}

/* SubMenu */
#sub_menu {
    position:relative;
    float:left;
    width:795px;
    height:25px;
    line-height:25px;
    text-align:left;
    font-size:12px;
    background-color:#000;
    color:#fff;
background-image:url("../../../client/models/mundos_digitales/images/sub_menu.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom left;
}

#sub_menu a {
    text-decoration:none;
    color:#fff;
}

#sub_menu ul {
    list-style-type:none;
    padding-left:20px;
}

#sub_menu ul li {
	display:inline;
	margin:0 20px;
    height:25px;
}

#sub_menu table {
    vertical-align:middle;
	width:785px;
}







#sub_menu ul li a.selected {
    color:#f00;
}

#profile_status {
    position:relative;
    float:left;
    width:488px;
    height:25px;
    margin-top:7px;
    line-height:25px;
    text-align:left;
    font-size:12px;
    background-color:#000;
    color:#fff;
background-image:url("../../../client/models/mundos_digitales/images/profile_status.gif");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: bottom left;
}

#profile_status span#profile_title {
    position:relative;
    float:left;
    margin-left:15px;
}

#profile_status span#profile_description {
    position:relative;
    float:right;
    text-align:right;
    margin-right:15px;
}

#profile_status a{
    color:#fff;
    text-decoration:none;
}

#profile_status a:hover{
    text-decoration:underline;
}

#timeBar {
    position:relative;
    float:left;
    width:380px;
    height:15px;
    padding-top:10px;
    background-color:#ccc; background-image:url("../../../client/models/mundos_digitales/images/stream_bar.gif");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: bottom left;
}

#currentInformation {
    background-color:#000; 
    position:relative;
    float:right;
    font-size:smaller;
    margin-right:7px;
    color:#fff;
    line-height:22px;
    height:25px;
    width:108px;
background-image:url("../../../client/models/mundos_digitales/images/stream_bar.gif");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: top left;
}
/* Video */
#video {
	position:relative;
    float:left;
	width:495px;
	background-color:#fff;
}

#player {
	position:relative;
    float:left;
	width:488px;
	height:366px;
}

#player div {
    font-size:14px;
    font-weight:bold;
    color:#fff;
}

#player div a {
    font-weight:normal;
    color:#fff;
    text-decoration:none;
}

#player div a:hover {
    text-decoration:underline;
}

#controlesVideo {
    position:relative;
	width:488px;
	height:75px;
    clear:left;
    margin-right:7px;
    background-repeat:no-repeat;
    text-align:left;
background-image:url("../../../client/models/mundos_digitales/images/fondo_reproductor.gif");
}

#controlesVideo table {
    border:0px;
    width:100%;
    text-align:center;
}

#controlesVideo table tr td table{
    border:0px;
    width:100%;
    text-align:right;
}

#navigation {
    width:58px;
}

#previous {
    position:relative;
    float:left;
}

#next {
    position:relative;
    float:left;
}

#volumeControls #volumeup{
    position:relative;
    float:left;
    top:23px;
    width:11px;
}
#volumeControls #volumedown{
    position:relative;
    float:left;
    top:23px;
    width:11px;
}

#volumeControls #volume{
    position:relative;
    float:left;
    top:14px;
}

#volumeControls #volumeBar {
    position:relative;
    float:left;
    top:26px;
    width:38px;
}

#profileConnectionStatus{
    position:relative;
    float:right;
    text-align:right;
}

#fullscreen{
    position:relative;
    float:right;
    text-align:right;
}

#titVideo {
    position:relative;
    float:left;
    height:20px;
    background-color:#fff;
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-align:left;
}

#subtitle{
    position:relative;
    font-size:12px;
    font-weight:normal;
}
#metadata {
    position:relative;
    float:left;
    background-color:#fff;
    color:#000;
    text-align:left;
    min-height:75px;
    width:488px;
    font-size:14px;clear:left;
}

#metadata ul {
    position:relative;
    list-style:none;
    font-weight:bold;
}

#metadata ul li span.dates {
    font-weight:normal;
    padding:10px;
}

#job_send {
    position:relative;
    float:left;
    margin-top:5px;
    padding-top:7px;
    border-top:1px dashed #000;
    background-color:#fff;
    color:#000;
    text-align:left;
    width:488px;
    font-size:12px;clear:left;
}

#job_send a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
}

#job_send a:hover {
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}

/* bottom banners */

#bottom_banners {
    position: relative;
    float: left;
    border-top:1px dashed;
    margin-top:10px;
    margin-right:7px;
    height:60px;
    width:488px;
}

#bottom_banners ul li{
	list-style:none;
	display:inline;
}

/* Content */

#search_results {
    position:relative;
    width:280px;
    margin-top:5px;
    margin-bottom:5px;
    text-align:left;
    background-color:#000;
    color:#fff;
}
#search_results strong {
    font-weight:bold;
    margin-left:10px;
}

#mainContent {
    position:relative;
    float:right;
    width:282px;
    _width:294px;
    padding-left: 9px;
    padding-right: 9px;
    _padding-left: 0px;
    _padding-right: 0px;
    font-size:smaller;
    background-color:#000;
    margin-right:10px;
    background-image:url("../../../client/models/mundos_digitales/images/maincontent_bottom.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;

    min-height:633px;
    /* Hack para min-height en IE */
    height:auto !important;
    height:633px;
}

#schedulePrograms {
    border-top:1px dashed #999;
    _padding-left: 10px;
    _padding-right: 10px;
    list-style:none;
    font-size:11px;
}

#schedulePrograms li {
  border-bottom:1px dashed #999;
  line-height:20px;
    display:block;
    color:#fff;
    text-align:left;
}

#schedulePrograms li.currentProgram {
    position:relative;
    font-size:11px;
    color:red;
}

span.programStartTime{
    padding-left:10px;
    padding-right:5px;
}

span.programFinishTime {
    padding-left:5px;
}

span.programTitle {
    font-weight:bold;
    text-align:left;
    padding-left:5px;
    padding-top:5px;
}

#changeProfileConnectionForm {
	color:#fff;
}

#changeProfileConnectionForm h1 {
	color:#fff;
   text-align:center;
   font-size:18px;
}

.field {
	color:#fff;
	text-align:left;
    margin-left:1em;
}


.button input {
    margin-top:1em;
    text-align:center;
	font-size: 10px;
	color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

ul.assets, ul.audios {
	position:relative;
    width:100%;
	list-style-type:none;
	list-style-image:none;
    background-color:#000;
    border-bottom:1px dashed #fff;
}

ul.assets li, ul.audios li {
	position:relative;
	width:100%;
    _width:95%;
	list-style-type:none;
	list-style-image:none;
    height:95px;
    border-top:1px dashed #fff;
    display:block;
    clear:both;
}

ul.assets li a, ul.audios li a {
	position:relative;
	display:block;
	background-color:#000;
    text-decoration:none;
	font-weight:bold;
	font-size:12px;
    text-align:left;
    margin-top:16px;
    margin-bottom:16px;
}

ul.assets li a span, ul.audios li a span {
    position:relative;
    margin-left:6px;
    font-size:12px;
    color:#fff;
}

ul.assets li a.playing span, ul.audios li a.playing span  {
    color:red;
}

ul.assets li a span.assetTitle, 
ul.audios li a span.assetTitle {
    position:relative;
    float:right;
    width:160px;
     margin-top:4px;
   font-weight:bold;
    text-align:left;
    display:block;
}

ul.assets li a span.assetRunTime, 
ul.audios li a span.assetRunTime {
    position:relative;
    float:right;
    width:160px;
    font-weight:normal;
    display:block;
}

ul.assets li a span.assetAge, 
ul.audios li a span.assetAge {
    position:relative;
    float:right;
    width:160px;
    font-weight:normal;
    display:block;
}

ul.assets li a span.assetVisualizations, 
ul.audios li a span.assetVisualizations {
    position:relative;
    float:right;
    width:160px;
    font-weight:normal;
    display:block;
}

ul.assets li a span.assetCover,
ul.audios li a span.assetCover {
	position:relative;
    float:left;
    height:63px;
    width:76px;
background-image:url("../../../client/models/mundos_digitales/images/cover.gif");
background-repeat: no-repeat;
background-attachment: scroll;
}

ul.assets img, ul.audios img {
    height:57px;
    width:70px;
	text-decoration:none;
	font-weight:normal;
    color:#fff;
    border:0;
    margin:3px;
}

.pagesLinks {
	position:relative;
	width:280px;
	float:left;
	list-style-type:none;
    color:#fff;
    height:30px;
    line-height:30px;
}
.pagesLinks a {
    text-decoration:none;
    color:#fff;
}
ul.pagesLinks {
    text-align:center;
}

.pagesLinks li {
    position:relative;
    display:inline;
}

ul.pagesLinks li span.selected {
    color:#f00;
}

#help_window {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:center;
   padding:10px;
   border-bottom: 1px dashed;
   border-right: 1px dashed;
   border-left: 1px dashed;
   background-color:#fff;
}

#errorVLC h1{
	font-weight:bold;
	font-size:2em;
}

#errorVLC h2{
	font-weight:bold;
	font-size:1.6em;
}

#errorVLC ol li{
	margin:1.6em 0;
    text-align:left;
}

#errorVLC ol li strong{
	font-weight:bold;
}

#errorVLC ol li img{
	padding:0.5em;
	display:block;
    text-align:center;
}

/* Footer */
#footer {
    position:relative;
    width:100%;
    line-height:30px;
    clear:both;
    display:block;
    font-size:10px;
    color:#888;
    text-align:center;
}

#footer a {
    color:#777;
    text-decoration:none;
}

#footer a:hover {
    text-decoration:underline;
}
