body { border:0px none; margin:0; text-align:center; background: #353535 url('../images/bkg.gif') repeat-x top center; font-family:arial; font-size: 14px } form { margin:0px; padding:0px} a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { outline: none; } iframe { border:0px solid; margin:0px} #page { width:100%; text-align:center} .spacer { width:10px; height:10px; border:0px none} .spacerImg { width:10px; height:10px; border:0px none} .logo { background: url('../images/logo.gif'); width:329px; height:82px; border:0px} #header { background: #000 url('../images/bkgHeader.gif') repeat-x} #header h1 { color: #ffffff; font-family:arial; font-size:12px} #headerHidden { display:none} #menuTop { background: #252525 url('../images/bkgMenuTop.gif') repeat-x; height:28px } #menuItems { width:920px; margin-left:auto; margin-right:auto; font-size:12px; position:relative; vertical-align:middle; padding:0px} #menuButtonGroup { padding: 0; margin: 0; list-style: none; display:block} #menuButtonGroup li { float:left; padding-right:4px; list-style:none; font-size:12px;} .buttonNormal a { cursor:pointer; background: url('../images/button_normal_left.gif') no-repeat left top; height:28px; display:block; float:left; padding-left:10px; text-decoration:none; color:#ddd} .buttonNormal a span { background: url('../images/button_normal_right.gif') no-repeat right top; display:block; padding:4px 10px 0px 0px; display:block; height:24px; float:left; color:#ddd } .buttonNormal a:hover { cursor:pointer; background: url('../images/button_active_left.gif') no-repeat left top; height:28px; display:block; float:left; padding-left:10px; text-decoration:none; color:#97d400} .buttonNormal a:hover span { background: url('../images/button_active_right.gif') no-repeat right top; display:block; padding:10px 10px 0px 0px; display:block; height:18px; float:left; color:#97d400} .buttonActive a { cursor:pointer; background: url('../images/button_active_left.gif') no-repeat left top; height:28px; display:block; float:left; padding-left:10px; text-decoration:none; color:#97d400} .buttonActive a:hover { text-decoration:none} .buttonActive a span { background: url('../images/button_active_right.gif') no-repeat right top; display:block; padding:10px 10px 0px 0px; display:block; height:18px; float:left } #panelVideo { width:920px; text-align:left; margin-left:auto; margin-right:auto; display:block} .panelVideoTopLeft { background:#262626; width:10px; height:10px; background: url('../images/panelVideo_top_left.gif'); line-height:1px; font-size:1px} .panelVideoTopCenter { background:#262626; height:10px; line-height:1px; font-size:1px } .panelVideoTopRight { width:10px; height:10px; background: url('../images/panelVideo_top_right.gif'); line-height:1px; font-size:1px} .panelVideoCenterLeft { background:#262626; width:10px; line-height:1px; font-size:1px} .panelVideoCenterCenter { background:#262626; } .panelVideoCenterRight { background:#262626; width:10px; line-height:1px; font-size:1px} .panelVideoBottomLeft { width:10px; height:10px; background: url('../images/panelVideo_bottom_left.gif'); line-height:1px; font-size:1px} .panelVideoBottomCenter { background:#262626; height:10px; line-height:1px; font-size:1px } .panelVideoBottomRight { width:10px; height:10px; background: url('../images/panelVideo_bottom_right.gif'); line-height:1px; font-size:1px} #videoObject { text-align:center; color:#bbb; font-weight:bold} #videoObject a, #videoObject a:link, #videoObject a:visited { color:#97d400; font-weight:bold} #videoObject a:hover { text-decoration:underline} #videoData { width:100%; background: #404040; color:#929292} #videoTitle { padding:3px; clear: both; } #dynamicChannel { font-size:12px; display:inline} #dynamicTitle { color:#97d400; font-family:verdana; font-size:17px; display:inline } #videoStats { padding:3px; clear: both; font-size:12px; } .stat { width:25%} .stat div { display:inline } .statDesc { width:25%; text-align:right; } .statDesc a:link { color:#ddd} .statDesc a:visited { color:#ddd} .statDesc a:hover { color:#97d400} .statDesc a:active { color:#97d400} #rateMe{position:relative; width:100px; height:auto; padding:0px; margin:0px; border:1px solid #404040} #rateMe li{float:left;list-style:none;} #rateMe li a:hover, #rateMe .starOn {background:url('../images/rate-full.gif') no-repeat; cursor:pointer; overflow:auto} #rateMe a {float:left; background:url('../images/rate-none.gif') no-repeat; width:12px; height:13px; cursor:pointer; border:0px none; text-decoration:none} #rateMe img {background:url('../images/rate-none.gif') no-repeat; width:12px; height:13px; cursor:pointer; border:0px none; text-decoration:none} #rateMe .starOver {/*float:left;*/ background:url('../images/rate-over.gif') no-repeat; width:12px; height:13px; cursor:pointer} #videoDescriptionCont { clear: both; font-size:12px; display:block; overflow:hidden} #dynamicDescription { padding:3px; font-size:12px; display:block; color:#eee} #seoTags { display:none } #videoShare { padding:3px; clear: both; font-size:12px; border-top:2px solid #535353} .share { width:25% } .share a:link { color:#ddd} .share a:visited { color:#ddd} .share a:hover { color:#97d400} .share a:active { color:#97d400} .socialIcon { border:1px solid #a1a198 } .shareFields { border:1px solid #303030; background: #3e3e3e; font-family:tahoma; font-size:11px; width:170px; color:#ccc } #relatedVideos { text-align:center} #relatedVideosTitle { font-size:12px; font-weight:bold; padding-top:4px; } #relatedVideosTitle a { color:#fff} #relatedVideosTitle a:link { color:#ddd} #relatedVideosTitle a:visited { color:#ddd} #relatedVideosTitle a:hover { color:#97d400} #relatedVideosCont { overflow:hidden; padding:0px; margin:0px; border: 0px solid; width:900px; text-align:center; position:relative} #relatedVideosThumbCont { overflow:hidden; padding:0px; margin:0px; border: 0px solid; display:block; width:776px; height:170px; position:relative; margin-left:auto; margin-right:auto; } #relatedVideosLeftArrow { width:29px; left:0px; position:absolute} #relatedVideosLeftArrow #arrowLeftActive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../images/arrowLeft.gif') left} #relatedVideosLeftArrow #arrowLeftActive a:hover { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../images/arrowLeft.gif') center} #relatedVideosLeftArrow #arrowLeftInactive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../images/arrowLeft.gif') right; cursor:default} #relatedVideosRightArrow { width:29px; right:0px; position:absolute} #relatedVideosRightArrow #arrowRightActive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../images/arrowRight.gif') left} #relatedVideosRightArrow #arrowRightActive a:hover { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../images/arrowRight.gif') center} #relatedVideosRightArrow #arrowRightInactive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../images/arrowRight.gif') right; cursor:default} /* esta clase-id aplica a un div > ul > li > div con un grupo de videos */ #relatedVideosThumb { overflow:hidden; border: 0px solid; display:block; text-align:center; top:0px; left:0px; position:absolute;} #relatedVideosThumb ul { list-style: none; text-align:center; border:0px solid; margin:0px; padding:0px} #relatedVideosThumb ul li { list-style: none; padding:2px; float:left; margin:0px} /* div que agrupa la miniatura y los textos */ #relatedVideosThumb ul li div { width:190px; display:block; border:0px solid; height:165px} /* elementos internos del div */ #relatedVideosThumb ul li div a { color:#ddd } #relatedVideosThumb ul li div a:link { color:#ddd } #relatedVideosThumb ul li div a:visited { color:#ddd } #relatedVideosThumb ul li div a:hover { color:#97d400 } #relatedVideosThumb ul li div img { width:125px; height:95px; margin:1px; border:2px solid #404040; margin-bottom:2px} #relatedVideosThumb ul li div img:hover { width:125px; height:95px; margin:1px; border:2px solid #97d400; margin-bottom:2px} #relatedVideosThumb ul li div .vidTitle { font-weight:bold; font-size: 11px;} #relatedVideosThumb ul li div .vidStats { color:#929292; font-family:tahoma; font-size: 11px} #searchAndTabs { width:920px; text-align:left; margin-left:auto; margin-right:auto; display:block} .panelTagsTable { width:320px; background:#434343; color:#ddd} .panelTagsTopLeft { width:10px; height:10px; background: url('../images/panelRight_top_left.gif'); line-height:1px; font-size:1px} .panelTagsTopCenter { height:10px; line-height:1px; font-size:1px } .panelTagsTopRight { width:10px; height:10px; background: url('../images/panelRight_top_right.gif'); line-height:1px; font-size:1px} .panelTagsCenterLeft { width:10px; line-height:1px; font-size:1px} .panelTagsCenterCenter { font-size:12px} .panelTagsCenterRight { width:10px; line-height:1px; font-size:1px} .panelTagsBottomLeft { width:10px; height:10px; background: url('../images/panelRight_bottom_left.gif'); line-height:1px; font-size:1px} .panelTagsBottomCenter { height:10px; line-height:1px; font-size:1px } .panelTagsBottomRight { width:10px; height:10px; background: url('../images/panelRight_bottom_right.gif'); line-height:1px; font-size:1px} .searchField { margin:0px; padding:0px; border:2px solid #2e2e2e ; background: #505050; font-family:tahoma; font-size:13px; width:240px; color:#ddd; height:18px; vertical-align:middle } .searchFieldFocus { margin:0px; padding:0px; border:2px solid #97d400 ; background: #303030; font-family:tahoma; font-size:13px; width:240px; color:#ddd; height:18px; vertical-align:middle } .searchButton { margin:0px; padding:0px; border:0px solid #2e2e2e ; background: #2e2e2e ; font-family:tahoma; font-size:12px; width:50px; color:#ddd; height:22px; vertical-align:middle } .searchButtonFocus { margin:0px; padding:0px; border:0px solid #97d400 ; background: #97d400 ; font-family:tahoma; font-size:12px; width:50px; color:#ddd; height:22px; vertical-align:middle; color:#000 } .tag1 { font-family:tahoma; font-size:10px; color:#bbb } .tag1 a:link { color:#bbb } .tag1 a:visited { color:#bbb } .tag1 a:hover { color:#97d400; text-decoration:underline } .tag2 { font-family:tahoma; font-size:11px; color:#999 } .tag2 a:link { color:#999 } .tag2 a:visited { color:#999 } .tag2 a:hover { color:#97d400; text-decoration:underline } .tag3 { font-weight:bold; font-family:tahoma; font-size:12px; color:#666 } .tag3 a:link { color:#666 } .tag3 a:visited { color:#666 } .tag3 a:hover { color:#97d400 ; text-decoration:underline } .tag4 { font-family:tahoma; font-size:14px; color:#999 } .tag4 a:link { color:#999 } .tag4 a:visited { color:#999 } .tag4 a:hover { color:#97d400 ; text-decoration:underline } .tag5 { font-weight:bold; font-family:tahoma; font-size:16px; color:#ccc } .tag5 a:link { color:#ccc } .tag5 a:visited { color:#ccc } .tag5 a:hover { color:#97d400 ; text-decoration:underline } #moreTagsCont { clear: both; font-size:12px; display:block; overflow:hidden; } #moreTags { font-size:12px; display:block} .tagsAlign { text-align:left } .moreTagsBotCont { border-top: 2px solid #535353; margin-top:4px} .moreTagsBotCont a:link { color:#ddd} .moreTagsBotCont a:visited { color:#ddd} .moreTagsBotCont a:hover { color:#97d400} .moreTagsBotCont a:active { color:#97d400} #tabsGroup { padding: 0; margin: 0; list-style: none; display:block} #tabsGroup li { float:left; padding:0 0px; list-style:none; font-size:12px;} .tabNormal a { cursor:pointer; background: #2e2e2e url('../images/tab_normal_left.gif') no-repeat left top; height:22px; display:block; float:left; padding-left:10px; text-decoration:none; color:#ddd;} .tabNormal a span { background:url('../images/tab_normal_right.gif') no-repeat right top; display:block; padding:4px 10px 0 0; display:block; height:18px; float:left; } .tabNormal a:hover { cursor:pointer; background: #434343 url('../images/tab_active_left.gif') no-repeat left top; height:22px; display:block; float:left; padding-left:10px; text-decoration:none; color:#97d400;} .tabNormal a:hover span { background:url('../images/tab_active_right.gif') no-repeat right top; display:block; padding:4px 10px 0 0; display:block; height:18px; float:left; } .tabActive a { cursor:pointer; background: #434343 url('../images/tab_active_left.gif') no-repeat left top; height:22px; display:block; float:left; padding-left:10px; text-decoration:none; color:#97d400;} .tabActive a:hover { text-decoration:none} .tabActive a span { background:url('../images/tab_active_right.gif') no-repeat right top; display:block; padding:4px 10px 0 0; display:block; height:18px; float:left; } .panelSectionsTable { float:left; background:#434343;} .panelSectionsTopLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelSectionsTopCenter { height:10px; line-height:1px; font-size:1px } .panelSectionsTopRight { width:10px; height:10px; background: url('../images/panelRight_top_right.gif'); line-height:1px; font-size:1px} .panelSectionsCenterLeft { width:10px; line-height:1px; font-size:1px} .panelSectionsCenterCenter { } .panelSectionsCenterRight { width:10px; line-height:1px; font-size:1px} .panelSectionsBottomLeft { width:10px; height:10px; background: url('../images/panelRight_bottom_left.gif'); line-height:1px; font-size:1px} .panelSectionsBottomCenter { height:10px; line-height:1px; font-size:1px } .panelSectionsBottomRight { width:10px; height:10px; background: url('../images/panelRight_bottom_right.gif'); line-height:1px; font-size:1px} /* esta clase-id aplica a un div > ul > li > div con un grupo de videos */ .sectionsVideos { font-size:12px; border: 0px solid; width:552px; overflow:visible } /* width de .thumbnailVidBox x 3 +padding*3*2(12) */ .sectionsVideos ul { list-style: none; text-align:center; border:0px solid; margin:0px; padding:0px} .sectionsVideos ul li { list-style: none; padding:2px; float:left; margin:0px} /* div que agrupa la miniatura y los textos */ .sectionsVideos ul li div { width:180px; display:block; border:0px solid; height:165px} /* elementos internos del div */ .sectionsVideos ul li div a { color:#ddd } .sectionsVideos ul li div a:link { color:#ddd } .sectionsVideos ul li div a:visited { color:#ddd } .sectionsVideos ul li div a:hover { color:#97d400 } .sectionsVideos ul li div img { width:125px; height:95px; margin:1px; border:2px solid #353535; margin-bottom:2px} .sectionsVideos ul li div img:hover { width:125px; height:95px; margin:1px; border:2px solid #97d400; margin-bottom:2px} .sectionsVideos ul li div .vidTitle { font-weight:bold; font-size: 11px} .sectionsVideos ul li div .vidStats { color:#929292; font-family:tahoma; font-size: 11px} /* botones de paginacion */ .sectionsVideos .pagingButtons { padding:10px; padding-top:0px; position:relative; text-align:center; display:block; border:0px solid; /*font-family:tahoma;*/ font-size:11px; font-weight:bold; color:#ddd; clear:both} .sectionsVideos .pagingButtons a { border:2px solid #505050; background:#262626; padding:1px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#ddd } .sectionsVideos .pagingButtons a:hover { border-color: #97d400; color:#97d400; text-decoration:none} .sectionsVideos .pagingButtons span { padding:3px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#97d400} .panelSearchTable { width:920px; text-align:left; margin-left:auto; margin-right:auto; color:#ddd} .panelSearchTopLeft { width:10px; height:10px; background: url('../images/panelVideo_top_left.gif'); line-height:1px; font-size:1px} .panelSearchTopCenter { background:#262626; height:10px; line-height:1px; font-size:1px } .panelSearchTopRight { width:10px; height:10px; background: url('../images/panelVideo_top_right.gif'); line-height:1px; font-size:1px} .panelSearchCenterLeft { background:#262626; width:10px; line-height:1px; font-size:1px} .panelSearchCenterCenter{ background:#262626; font-size:12px} .panelSearchCenterRight { background:#262626; width:10px; line-height:1px; font-size:1px} .panelSearchBottomLeft { width:10px; height:10px; background: url('../images/panelVideo_bottom_left.gif'); line-height:1px; font-size:1px} .panelSearchBottomCenter{ background:#262626; height:10px; line-height:1px; font-size:1px } .panelSearchBottomRight { width:10px; height:10px; background: url('../images/panelVideo_bottom_right.gif'); line-height:1px; font-size:1px} .searchResultsField { margin:0px; padding:0px; border:2px solid #606060 ; background: #404040; font-family:tahoma; font-size:13px; width:240px; color:#ddd; height:18px; vertical-align:middle } .searchResultsFieldFocus { margin:0px; padding:0px; border:2px solid #97d400 ; background: #303030; font-family:tahoma; font-size:13px; width:240px; color:#ddd; height:18px; vertical-align:middle } .searchResultsButton { margin:0px; padding:0px; padding-left:0px; padding-right:0px; border:0px solid; background: #606060 ; width:100px; font-family:tahoma; font-size:12px; color:#ffffff; height:22px; vertical-align:middle } .searchResultsButtonFocus { margin:0px; padding:0px; padding-left:0px; padding-right:0px; border:0px solid; background: #97d400 ; width:100px; font-family:tahoma; font-size:12px; color:#000; height:22px; vertical-align:middle } .searchResults { display:block; border-bottom: 2px solid #2e2e2e; /*clear:both;*/ padding:4px; color:#929292; } .searchResults a { color:#ddd } .searchResults a:link { color:#ddd } .searchResults a:visited{ color:#ddd } .searchResults a:hover { color:#97d400} .searchResults img { width:63px; height:45px; margin:1px; border:2px solid #404040; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .searchResults img:hover { width:63px; height:45px; margin:1px; border:2px solid #97d400; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .searchResults .vidTitle { font-weight:bold; font-size: 12px} .searchResults .vidDesc { font-family:tahoma; font-size: 11px; color:#ddd } .searchResults .vidStats { font-family:tahoma; font-size: 11px} .searchResults .vidStats { float:right; } .searchResults .vidEnd { display:block; clear:both} .searchResultsPagingButtons { padding-top:0px; position:relative} .searchResultsPagingButtons { padding:10px; text-align:center; display:block; border:0px solid; /*font-family:tahoma;*/ font-size:11px; font-weight:bold; color:#ddd; clear:both} .searchResultsPagingButtons a { border:2px solid #505050; background:#262626; padding:1px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#ddd } .searchResultsPagingButtons a:hover { border-color: #97d400; color:#97d400; text-decoration:none} .searchResultsPagingButtons span { padding:3px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#97d400} #footer { color:#ddd; font-family:tahoma; font-size:11px; bottom:0px} .banner2Cont { width:728px; height:90px; margin-left:auto; margin-right:auto; background:#000 }