body {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;
}

div,ul,li,a,img,input,select,p,h1,h2 {
    outline: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #00367f;
}

a:link,a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 15px;
}

.black {
    color: #000000;
}

.red {
    color: #00367f;
	font-weight: bold;
}

.grey {
    color: #CCCCCC;
}

.arrow {
    padding-left: 2px;
    padding-right: 5px;
}

.hidden {
    visibility: hidden;
}

.number {
    font-family: Arial;
    font-size: 11px;
}

.time {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.loading {
    width: 100%;
    height: 100%;
    min-width: 20px;
    min-height: 20px;
    background-image:
        url(../../../client/models/dg/images/layouts/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.shadowTop {
    float: left;
    position: relative;
    width: 100%;
    height: 9px;
    background-image:
        url(../../../client/models/dg/images/layouts/shadows/degradado-ablanco.png)
        ;
    background-repeat: repeat-x;
    background-position: left top;
    margin-bottom: -9px;
    z-index: -1;
}

.shadowBottom {
    float: left;
    position: relative;
    width: 100%;
    height: 9px;
    background-image:
        url(../../../client/models/dg/images/layouts/shadows/degradado-ablanco-2.png)
        ;
    background-repeat: repeat-x;
    background-position: left top;
    margin-top: -9px;
    z-index: -1;
}

#window {
    position: relative;
    width: 972px;
    margin: 0 auto 0 auto;
}

/* Start Main header (leftSide - middleSide - rightSide)*/
#header {
    float: left;
    position: relative;
    width: 972px;
    height: 90px;
    z-index: 10;
    background-color: #00367f;
    /*background-image: url(../../../client/models/dg/images/layouts/header/fondo-header.png);*/
    background-repeat: repeat;
}

#header div#leftSide {
    position: relative;
    float: left;
    height: 90px;
    width: 235px;
}

#header div#rightSide {
    position: relative;
    float: right;
    height: 90px;
    width: 737px;
    /*background-image: url(../../../client/models/dg/images/layouts/header/cabecera-02.png);*/
    background-repeat: no-repeat;
    background-position: top right;
    /* Este color se sustituye por la imagen px-rojo.png */
    /*background-color: #00367f;*/
}

#header div#rightSide #banner {
    position: relative;
    float: right;
    height: 70px;
    width: 580px;
    margin-top: 10px;
    margin-right: 16px;
}

#header div#rightSide #banner img {
    border: 1px solid #FFFFFF;
}

/* End main header */ /* Start main menu */ /*   Start supercategories */
#supercategoriesWrapper {
    position: relative;
    float: left;
    width: 972px;
    height: 28px;
    overflow: hidden;
}

#supercategoriesContent {
    position: relative;
    float: left;
    height: 28px;
    display: inline;
    overflow: hidden;
}

#supercategoriesContent #supercategories {
    float: left;
    height: 28px;
}

#supercategoriesContent #supercategories li {
    position: relative;
    float: left;
    display: inline;
    margin-right: 3px;
}

#supercategoriesContent #supercategories li a {
    font-size: 16px;
    height: 28px;
    position: relative;
    color: #FFFFFF;
    font-weight: bold;
    overflow: hidden;
}

#supercategoriesContent #supercategories div#leftSideMenuButton {
    float: left;
    width: 15px;
    height: 28px;
    background-image:
        url(../../../client/models/dg/images/layouts/supercategories/pesta-01-izq.png)
        ;
}

#supercategoriesContent #supercategories div#middleMenuButton {
    float: left;
    height: 23px;
    text-align: center;
    background-color: #00367f;
    padding-top: 5px;
    font-size: 12px;
    background-image:
        url(../../../client/models/dg/images/layouts/supercategories/pesta-01-medio.png)
        ;
}

#supercategoriesContent #supercategories div#rightSideMenuButton {
    float: left;
    width: 15px;
    height: 28px;
    background-image:
        url(../../../client/models/dg/images/layouts/supercategories/pesta-01-der.png)
        ;
}

/*     Start supercategories selected */
#supercategoriesContent #supercategories li.selected a {
    color: #00367f;
}

#supercategoriesContent #supercategories li.selected div#leftSideMenuButton {
    background-image:
        url(../../../client/models/dg/images/layouts/supercategories/pesta-02-izq.png)
        ;
}

#supercategoriesContent #supercategories li.selected div#middleMenuButton {
    background-image:
        url(../../../client/models/dg/images/layouts/supercategories/pesta-02-medio.png)
        ;
    background-repeat: repeat-x;
    background-position: left top;
}

#supercategoriesContent #supercategories li.selected div#rightSideMenuButton {
    background-image:
        url(../../../client/models/dg/images/layouts/supercategories/pesta-02-der.png)
        ;
}

/*     End supercategories selected */ /*   End supercategories */
    /*   Start search content */
#searchContent {
    position: relative;
    float: left;
    width: 972px;
    height: 28px;
    text-align: right;
}

#searchContent #search {
    float: right;
    width: 972px;
    height: 24px;
    margin-top: 4px;
}

#searchContent #search .buttonSearch {
    float: right;
    width: 11px;
    height: 9px;
    padding-top: 9px;
}

#searchContent #search input#searchText {
    float: right;
    margin-right: 7px;
    width: 90px;
    height: 20px;
    border: 1px solid #00367f;
}

#searchContent #search label#textoBuscarLabel {
    float: right;
    margin-top: 5px;
    margin-right: 4px;
}

/*   End search content */ /*   Start subcategories */
#subcategoriesContent {
    position: relative;
    float: left;
    width: 972px;
    height: 28px;
    display: inline;
}

#subcategoriesContent #subcategories {
    float: left;
    height: 28px;
}

#subcategoriesContent #subcategories li {
    position: relative;
    float: left;
    display: inline;
    margin-right: 3px;
}

#subcategoriesContent #subcategories li a {
    font-size: 16px;
    height: 29px;
    position: relative;
    color: #FFFFFF;
    font-weight: bold;
    overflow: hidden;
}

#subcategoriesContent #subcategories div#leftSideMenuButton {
    float: left;
    width: 15px;
    height: 28px;
    background-image:
        url(../../../client/models/dg/images/layouts/subcategories/pesta-01-subca-izq.png)
        ;
}

#subcategoriesContent #subcategories div#middleMenuButton {
    float: left;
    height: 23px;
    text-align: center;
    background-image:
        url(../../../client/models/dg/images/layouts/subcategories/pesta-01-subca-medio.png)
        ;
    background-color: #00367f;
    padding-top: 5px;
	font-size: 12px;
}

#subcategoriesContent #subcategories div#rightSideMenuButton {
    float: left;
    width: 15px;
    height: 28px;
    background-image:
        url(../../../client/models/dg/images/layouts/subcategories/pesta-01-subca-der.png)
        ;
}

#subcategoriesContent #subcategories li.selected a {
    color: #00367f;
}

/*     Start subcategories selected*/
#subcategoriesContent #subcategories li.selected div#leftSideMenuButton {
    background-image:
        url(../../../client/models/dg/images/layouts/subcategories/pesta-02-subca-izq.png)
        ;
}

#subcategoriesContent #subcategories li.selected div#middleMenuButton {
    background-image:
        url(../../../client/models/dg/images/layouts/subcategories/pesta-02-subca-medio.png)
        ;
    background-repeat: repeat-x;
    background-position: left top;
}

#subcategoriesContent #subcategories li.selected div#rightSideMenuButton {
    background-image:
        url(../../../client/models/dg/images/layouts/subcategories/pesta-02-subca-der.png)
        ;
}

/*     End subcategories selected*/ /*   End subcategories */
    /* End main menu */ /* Start main content */
#content {
    position: relative;
    float: left;
    width: 972px;
    height: 358px;
}

/*   Start video content */
#content #video {
    position: relative;
    float: left;
    width: 600px;
    height: 358px;
}

/*     Start player */
#content #video #player {
    width: 600px;
    height: 333px;
}

/*     End player */ /*     Start player controllers */
#content #video #playerControllers {
    margin-top: 4px;
    width: 600px;
    height: 21px;
    color: #FFFFFF;
}

#content #video #playerControllers a:hover {
    opacity: 0.7;
}

#content #video #playerControllers div#playOrPause {
    float: left;
    width: 23px;
    height: 21px;
    overflow: hidden;
}

#content #video #playerControllers div#currentTime {
    margin-left: 1px;
    float: left;
    width: 50px;
    height: 18px;
    padding-top: 3px;
    text-align: center;
    background-color: #00367f;
}

#content #video #playerControllers div#timeBar {
    font-size: 2px; /* For ie 6.x*/
    margin-left: 1px;
    float: left;
    width: 278px;
    padding-top: 5px;
    height: 16px;
    background-color: #00367f;
}

#content #video #playerControllers div#totalTime {
    margin-left: 1px;
    float: left;
    width: 50px;
    height: 18px;
    padding-top: 3px;
    text-align: center;
    background-color: #00367f;
}

/*       Start volume controllers */
#content #video #playerControllers div#volume {
    margin-left: 1px;
    float: left;
    width: 82px;
    height: 21px;
    text-align: center;
    position: relative;
    background-color: #00367f;
}

#content #video #playerControllers div#volume div#muteButton {
    float: left;
    width: 25px;
    margin-top: 3px;
    height: 18px;
    text-align: center;
    position: relative;
    background-color: #00367f;
}

#content #video #playerControllers div#volume div#volumeBar {
    margin-top: 5px;
    float: left;
    width: 53px;
    height: 16px;
    text-align: center;
    position: relative;
    background-color: #00367f;
}

/*       End volume controllers */
#content #video #playerControllers div#profileConnection {
    margin-left: 1px;
    float: left;
    width: 60px;
    padding-top: 4px;
    height: 17px;
    text-align: center;
    position: relative;
    background-color: #00367f;
}

#content #video #playerControllers div#profileConnection a {
    color: #FFFFFF;
}

#content #video #playerControllers div#mediaDownload {
    margin-left: 1px;
    float: left;
    width: 25px;
    height: 21px;
    overflow: hidden;
}

#content #video #playerControllers div#fullScreen {
    margin-left: 1px;
    float: left;
    width: 25px;
    height: 21px;
    overflow: hidden;
}

/*     End player controllers */ /*   End video content*/
    /*   Start main content */
#content #mainContent {
    position: relative;
    float: left;
    margin-left: 4px;
    width: 368px;
    height: 358px;
}

#content #mainContent #mediaListContent {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

#content #mainContent #externalLinkFrame {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    display: none;
    border:1px solid #00367F;
}
#content #mainContent #epgExternalLinkFrame{
    position: relative;
    float: left;
    width: 100%;
    height: 270px;
}

/*     Start media content */
#content #mainContent #mediaContent {
    height: 328px;
    width: 366px;
    border: 1px solid #00367f;
	padding-top: 3px;
}

/*       Start assets media content */
#content #mainContent #mediaContent li {
    display: inline;
}

#content #mainContent #mediaContent li {
    display: inline;
}

#content #mainContent #mediaContent #mediaInformationWrapper {
    width: 366px;
    height: 54px;
    float: left;
    overflow: hidden;
}

#content #mainContent #mediaContent #mediaInformationWrapper.odd {
    background: #e7e7e7;
}

#content #mainContent #mediaContent #mediaInformationWrapper #mediaImage {
    width: 27px;
    margin-top: 3px;
    height: 48px;
    float: left;
    overflow: hidden;
    background-image:
        url(../../../client/models/dg/images/layouts/arrows/flechillas-negro.gif)
        ;
    background-repeat: no-repeat;
    background-position: top center;
}

#content #mainContent #mediaContent #mediaInformationWrapper #mediaInformation {
    width: 250px;
    height: 54px;
    float: left;
    overflow: hidden;
}

#content #mainContent #mediaContent #mediaInformationWrapper #mediaInformation #mediaDescription
    {
    width: 250px;
    font-weight: bold;
    height: 18px;
}

#content #mainContent #mediaContent #mediaInformationWrapper #mediaInformation #mediaSummary
    {
    width: 250px;
    height: 17px;
    overflow: hidden;
    color: #000000;
}

#content #mainContent #mediaContent #mediaInformationWrapper #mediaInformation #mediaTime
    {
    width: 250px;
    height: 17px;
    color: #000000;
}

#content #mainContent #mediaContent #mediaInformationWrapper #mediaLogo {
    width: 85px;
    padding-top: 4px;
    margin-left: 4px;
    height: 50px;
    float: left;
}

/*         Start assets media content playing*/
#content #mainContent #mediaContent li.playing #mediaInformationWrapper {
    background: #00367f !important;
    color: #FFFFFF !important;
}

#content #mainContent #mediaContent li.playing #mediaInformationWrapper #mediaInformation #mediaDescription
    {
    color: #FFFFFF;
}

#content #mainContent #mediaContent li.playing #mediaInformationWrapper #mediaInformation #mediaSummary
    {
    color: #FFFFFF;
}

#content #mainContent #mediaContent li.playing #mediaInformationWrapper #mediaInformation #mediaTime
    {
    color: #FFFFFF;
}

#content #mainContent #mediaContent li.playing #mediaInformationWrapper #mediaImage
    {
    background-image:
        url(../../../client/models/dg/images/layouts/arrows/flechillas-blanco.gif)
        ;
}

/*         End assets media content playing*/
    /*         Start assets media content top*/
#content #mainContent #mediaContent li.top #mediaInformationWrapperTop {
    position: relative;
    float: left;
    padding-left: 15px;
    padding-top: 3px;
    width: 168px;
    height: 56px;
    background: #FFFFF !important;
    color: #FFFFFF !important;
    border-bottom: #00367f 1px solid;
}

#content #mainContent #mediaContent li.top #mediaInformationWrapperTop #topImageLeft
    {
    position: relative;
    float: left;
    width: 17px;
    height: 51px;
    background-image:
        url(../../../client/models/dg/images/layouts/pesta-img-frase-dodia-izq.png)
        ;
    background-repeat: no-repeat;
    background-position: top center;
}

#content #mainContent #mediaContent li.top #mediaInformationWrapperTop #topMiddle
    {
    position: relative;
    float: left;
    width: 114px;
    height: 51px;
    background-color: #00367f;
    padding-left: 10px;
}

#content #mainContent #mediaContent li.top #mediaInformationWrapperTop #topMiddle #mediaLogo
    {
    position: relative;
    float: left;
    width: 57px;
    height: 32px;
    margin-top: 9px;
    margin-left: 0;
    padding: 0;
    border: 1px solid #FFFFFF;
}

#content #mainContent #mediaContent li.top #mediaInformationWrapperTop #topMiddle #mediaDescription
    {
    position: relative;
    float: left;
    width: 40px;
    height: 33px;
    margin-left: 4px;
    margin-top: 10px;
    color: #FFFFFF;
    text-align: left;
    overflow: hidden;
}

#content #mainContent #mediaContent li.top #mediaInformationWrapperTop #topImageRight
    {
    position: relative;
    float: left;
    width: 17px;
    height: 51px;
    background-image:
        url(../../../client/models/dg/images/layouts/pesta-img-frase-dodia-der.png)
        ;
    background-repeat: no-repeat;
    background-position: top center;
}

/*           Start assets media content top playing*/
#content #mainContent #mediaContent li.top.playing #mediaInformationWrapperTop {
    background-color: #FFFFFF;
}

#content #mainContent #mediaContent li.top.playing #mediaInformationWrapperTop #topImageLeft
    {
    background-image:
        url(../../../client/models/dg/images/layouts/pesta-img-frase-dodia-izq-o.png)
        ;
    background-repeat: no-repeat;
    background-position: top center;
}

#content #mainContent #mediaContent li.top.playing #mediaInformationWrapperTop #topMiddle
    {
    background-image:
        url(../../../client/models/dg/images/layouts/pesta-img-frase-dodia-medio.png)
        ;
    background-repeat: repeat-x;
    background-position: top center;
}

#content #mainContent #mediaContent li.top.playing #mediaInformationWrapperTop #topMiddle #mediaDescription
    {
    color: #00367f;
}

#content #mainContent #mediaContent li.top.playing #mediaInformationWrapperTop #topImageRight
    {
    background-image:
        url(../../../client/models/dg/images/layouts/pesta-img-frase-dodia-der-o.png)
        ;
    background-repeat: no-repeat;
    background-position: top center;
}

/*           End assets media content top playing*/
    /*         End assets media content top*/
    /*       End assets media content */
    /*       Start page by page for media content */
#content #mainContent #pageByPageContent {
    height: 20px;
    width: 342px;
    text-align: right;
    padding-top: 5px;
    padding-right: 12px;
}

#content #mainContent #pageByPageContent li {
    display: inline;
}

#content #mainContent #pageByPageContent .currentPage {
    font-weight: bold;
}

/*       End page by page for media content */ /*     End media content */
    /* End main content */ /* Start current media information content*/
#currentMediaInformation {
    float: left;
    position: relative;
    width: 600px;
}

/*      Start media information content*/
#mediaInfo {
    margin-top: 4px;
    float: left;
    position: relative;
    width: 598px;
    height: 81px;
    border: 1px solid #00367f;
}

#mediaInfo #currentMediaTitle {
    margin-top: 10px;
    margin-left: 14px;
    color: #00367f;
    font-weight: bold;
    width: 570px;
    height: 14px;
    overflow: hidden;
}

#mediaInfo #currentMediaDescription {
    margin-top: 8px;
    margin-left: 14px;
    height: 40px;
    width: 570px;
    overflow: hidden;
    text-align: justify;
}

/*      End media information content*/ /*      Start embed content*/
#mediaEmbed {
    margin-top: 4px;
    float: left;
    position: relative;
    width: 598px;
    height: 18px;
    border: 1px solid #00367f;
}

#mediaEmbed span {
    margin-top: 2px;
    font-weight: bold;
    margin-left: 14px;
    width: 41px;
}

#mediaEmbed input {
    margin-top: 2px;
    margin-left: 4px;
    border: 0;
    background-color: #cccccc;
    width: 537px;
    font-size: 11px;
}

#banner {
    margin-top: 4px;
    margin-left: 4px;
    float: left;
    position: relative;
    width: 368px;
    height: 107px;
    /*background-color: #333333;*/
    /*background-image: url(../../../client/models/dg/images/layouts/banners/banner1.gif);*/
    /*background-repeat: repeat;*/
}

#reloj {
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
	margin-left: 22px;
    width: 150px;
    height: 150px;
    /*background-color: #333333;*/
    /*background-image: url(../../../client/models/dg/images/layouts/banners/banner1.gif);*/
    /*background-repeat: repeat;*/
}

#bannerbajo01 {
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
	margin-left: 22px;
	margin-top: 20px;
    width: 368px;
    height: 107px;
    /*background-color: #333333;*/
    /*background-image: url(../../../client/models/dg/images/layouts/banners/banner1.gif);*/
    /*background-repeat: repeat;*/
}

#bannerbajo02 {
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
	margin-left: 22px;
	margin-top: 20px;
    width: 368px;
    height: 107px;
    /*background-color: #333333;*/
    /*background-image: url(../../../client/models/dg/images/layouts/banners/banner1.gif);*/
    /*background-repeat: repeat;*/
}




/*      End embed content*/ /* End current media information content*/
    /* Start rss information content*/
#rss {
    margin-top: 4px;
    margin-left: 4px;
    float: left;
    position: relative;
    width: 368px;
    height: 107px;
    background-color: #333333;
    background-image: url(../../../client/models/dg/images/layouts/rss/px-gris.png);
    background-repeat: repeat;
}

#rss div#rssHead {
    width: 368px;
    height: 30px;
    text-align: right;
    background-image:
        url(../../../client/models/dg/images/layouts/rss/RSS-izq.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#rss div#rssContent {
    width: 356px;
    height: 73px;
    overflow: hidden;
    color: #FFFFFF;
    margin-left: 6px;
}

#rss div#rssContent li {
    display: inline;
}

#rss div#rssContent li a {
    float: left;
    position: relative;
    overflow: hidden;
    width: 354px;
    height: 16px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

#rss div#rssContent li span {
    position: relative;
    float: left;
    overflow: hidden;
    margin-top: 9px;
    width: 354px;
    height: 39px;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 13px;
    text-align: justify;
}

/* End media information content*/ /* Start footer*/
#footer {
    float: left;
    margin-top: 12px;
    position: relative;
    width: 972px;
    height: 29px;
}

#footer div#footerLeft {
    position: relative;
    float: left;
    width: 15px;
    height: 29px;
    background-image:
        url(../../../client/models/dg/images/layouts/footer/pie-izq.gif);
}

#footer div#footerMiddle {
    position: relative;
    float: left;
    width: 942px;
    height: 23px;
    background-color: #00367f;
    color: #FFFFFF;
    text-align: center;
    padding-top: 6px;
}

#footer div#footerMiddle a {
    color: #FFFFFF;
}

#footer div#footerMiddle a:hover {
    color: #000000;
}

#footer div#footerRight {
    position: relative;
    float: left;
    width: 15px;
    height: 29px;
    background-image:
        url(../../../client/models/dg/images/layouts/footer/pie-der.gif);
}

#footerExtended {
    float: left;
    position: relative;
    width: 972px;
    height: 145px;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 20px;
}

#footerExtended a{
    float: left;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1000;
}

#footerExtended embed{
	z-index: 1;
}

#footerExtended div {
    float: left;
    position: relative;
    /*border-style: solid;
    border-color: #00367f;
    border-width: 1px;*/
    height: 120px;
}

#footerExtended div#facebook {
    width: 200px;
}

#footerExtended div#flickr {
    width: 200px;
    border-left-width: 0;
}

#footerExtended div#psdegtv {
    width: 250px;
    border-left-width: 0;
    border-right-width: 0;
}

#footerExtended div#xsg {
    width: 250px;
}

/* End footer*/ /* Start profile connection content */
.profileConnectionForm {
    width: 180px;
    margin: 95px auto;
}

.profileConnectionForm div.field {
    margin-top: 5px;
    height: 25px;
}

.profileConnectionForm div.field input {
    margin-left: 0px;
    vertical-align: middle;
}

.profileConnectionForm div.field img {
    margin-left: 5px;
    vertical-align: middle;
}

.profileConnectionForm div.field span {
    margin-left: 5px;
    vertical-align: middle;
}

.profileConnectionForm .button {
    
}

.profileConnectionForm .buttonClass {
    margin-top: 10px;
    margin-right: 15px;
    color: #00367f;
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #00367f;
    font-size: 11px;
    font-weight: bold;
}