/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

@import url("initial.css");
@import url("playlist.css");

/* ----------------------------------------------------------------------------- 
   Estilos generales
   ----------------------------------------------------------------------------- */
html {
}
	
body { 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #ccc;	
	background-color: #000136;
	background-image: url(fondo-foco.png);
	background-position: top;
	background-repeat: repeat-x;	
}

h1, h2, h3, h4, h5, dt, h6 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 10px 0pt;
	padding: 5px 0pt;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1em;
}

h5, td {
	font-size:1em;
}

h6 {
	font-size:0.95em;
}

tfoot, thead {
}

th  {
}

a {
	
}
	a:link  {
	}
	
	a:visited {
	}

	a:hover {
	}

	a:active {
	}


small   {
}

big {
}

blockquote, pre {
}

ul li   {
}

ul li li    {
}

ul li li li {
}

ol li   {
}

ol ol li    {
}

ol ol ol li {
}

ol ul li   {
}

hr {
	height: 0;
	background-color: transparent;
	border: 0;
	border-bottom: 1px dashed #9FBDE5;
}


/* ----------------------------------------------------------------------------- 
   Estilos para layout
   ----------------------------------------------------------------------------- */
.wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(bg-wrapper.gif);
	background-position: top;
	background-repeat: repeat-x;		
}

.page {
	margin: 0 auto; 
	padding: 0; 
	width: 990px; 
	text-align: left;
	position: relative;
	background-color: transparent;
}

.toparea {
	width: 100%;
	clear: both;
	height: 140px;
	min-height: 140px;
	overflow: visible;
}

.adminarea {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 100%;
	min-height: 30px;
	clear: both;
}

	.adminarea .adminmenu, .adminarea .loginmenu {
		margin: 6px 8px 0 8px;
	}

	.adminarea .adminmenu {
		width: 500px;
		float: left;
	}
	
	.adminarea .loginmenu {
		width: 300px;
		float: right;
	}

.navarea {
	width: 100%;
	clear: both;
	height: 25px;
}

.mainarea {
	width: 100%;
	clear: both;
	overflow: hidden;	
}

.videoarea {
	float: left;
	overflow: hidden;	
}


.bottomarea {
	width: 100%;
	clear: both;
	overflow: hidden;	
}

/* ----------------------------------------------------------------------------- 
   Estilos para paneles
   ----------------------------------------------------------------------------- */

.LogoPane {
	float: left;
   width: 235px;
}
	.LogoPane .Normal {
		padding: 0;
		margin: 0;
	}

.Banner1Pane {
	float: right;
   width: 750px;
}

.ContentPane,
.VideoPlayerPane {
	width: 650px;
	height: 550px;
}

.Banner2Pane {
	width: 650px;
	height: 90px;
}

.TabPlayerPane	{
	float: right;
	width: 330px;
	height: 400px;
	max-height: 400px;
	overflow: visible;
}

.Banner3Pane {
	display: none;	
}


.LinksPane {
	display: none;	
}

.LoginPane {
}

.CopyrightPane {
}


/* ----------------------------------------------------------------------------- 
   Estilos DotNetNuke
   ----------------------------------------------------------------------------- */

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

.ControlPanel {
	background-color: #fff;
}

/* background/border colors for the selected tab */
.TabBg {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
	/* hyperlink style for the unselected tabs */
	a.OtherTabs:link {
	}
	
	a.OtherTabs:visited  {
	}
	
	a.OtherTabs:hover    {
	}
	
	a.OtherTabs:active   {
	}

/* GENERAL */
/* style for module titles */
.Head {
	font-size: 16px;
	font-weight: bold;
	color: #111;
}

/* style of item titles on edit and admin pages */
.SubHead {
	margin: 0;
	padding: 6px 0;
	color: #424d02;
	font-size: 12px;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-size: 13px;
	font-weight: bold;
	color: #111;
}

/* text style used for most text rendered by modules */
.Normal {
	font-size: 11px;
	font-weight: normal;	
	color: #111;
	padding-bottom: 8px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
	font-size: 11px;
	font-weight: normal;	
	color: #000;
}

.NormalRed {
	font-size: 11px;
	font-weight: normal;	
	color: #B22222;
}

.NormalBold {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #111;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
}
    
	/* hyperlink style for buttons and link buttons used in the portal admin pages */
	a.CommandButton:link {	
	}
	
	a.CommandButton:visited  {
	}
	
	a.CommandButton:hover    {
	}
	    
	a.CommandButton:active   {
	}

/* button style for standard HTML buttons */
.StandardButton {
}

.SkinObject {
	color:#003366;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
}

	a.SkinObject:link {
		color:#003366;
		text-decoration: underline;
	}
	
	a.SkinObject:visited {
		color:#003366;
		text-decoration: underline;
	}
	
	a.SkinObject:hover {
		color:#003366;
		text-decoration: underline;
	}
	
	a.SkinObject:active {
		color:#003366;
		text-decoration: underline;
	}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message {
}   

/* style of item titles by Announcements and events */
.ItemTitle {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
	background-color:transparent;
}

.MainMenu_MenuBar {
	background-color:transparent;
	cursor:pointer;
	height:16px;
}

.MainMenu_MenuItem {
	background-color:transparent;
	border-color:white;
	border-style:solid;
	border-width:1px 0px;
	color:black;
	cursor:pointer;
	font-family:Tahoma,Arial,Helvetica;
	font-size:9pt;
	font-style:normal;
	font-weight:bold;	
}

.MainMenu_MenuIcon {
	background-color:#EEEEEE;
	border-bottom:1px solid #EEEEEE;
	border-left:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	cursor:pointer;
	height:21px;
	text-align:center;
	width:15px;
}

.MainMenu_SubMenu {
	background-color:#FFFFFF;
	border: 1px solid Black;
	cursor:pointer;
	z-index:9999;
	padding: 5px;
}

.MainMenu_MenuBreak {
	background-color:#EEEEEE;
	border-color:#EEEEEE;
	border-style:solid;
	border-width:1px 0px;
	height:1px;
}

.MainMenu_MenuItemSel {
	background-color: #9cb801;
	color: Black;
	cursor: pointer;
	font-family:Tahoma,Arial,Helvetica;
	font-size:9pt;
	font-style:normal;
	font-weight:bold;
}

.MainMenu_MenuArrow {
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	cursor: pointer;
	font-family: webdings;
	font-size: 10pt;
}

.MainMenu_RootMenuArrow {
	cursor:pointer;
	font-family:webdings;
	font-size:10pt;
}

/* Login Styles */
.LoginPanel{

}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}