@import url(Global.css);
@import url(Group_FormElements.css);
@import url(Group_DetailTypeView.css);
@import url(Group_ListTypeView.css);
@import url(Group_IndexTypeView.css);



/* ----------------------- PAGE ZONES --------------------------------- */



	
	#HZone{ border-bottom:1px solid #6e6f73; margin-bottom:20px;  }
	#HZone .ZoneActiveArea{ width:1000px; margin:auto; }
	
	
	 /******/	
	 
	#MZone{  }
	#MZone .ZoneActiveArea{ width:1000px; margin:auto; }
	
	
	 /******/					
	#FZone{   }
	#FZone .ZoneActiveArea{ width:1000px; margin:auto;  }


/* ----------------------- General HZONE --------------------------------- */		

	#HZone .LogoStripBox{  height:70px;  position:relative; margin-top:10px;  }
	#HZone .LogoStripBox img{ display:block; vertical-align:middle; border:0; margin-right:3px;}
	#HZone .LogoStripBox ul{ padding:0; margin:0; position:absolute; right:0;  }
	#HZone .LogoStripBox li{ display: block; float:left; height:65px; overflow:hidden;}
	#HZone .LogoStripBox li h3{ position:absolute; margin-top:-500px;}
	
	/*#HZone .LogoStripBox li .AudioLink{ display:block; width:60px;  margin-left:45px;  padding-left:10px; margin-top:5px; text-align:center; color:#555555; font-size:10px; text-decoration:none;  background-image:url(../picfiles/ico_speaker.gif); background-repeat:no-repeat; background-position:top left;  }*/
    #HZone .LogoStripBox li .AudioLink{ display:block; width:60px;  margin-left:45px;  padding-left:10px; margin-top:5px; text-align:center; background-repeat:no-repeat; background-position:top left;  }
	/*#HZone .LogoStripBox li .AudioLink:hover{ text-decoration:underline; }*/

/* ----------------------- General FZONE --------------------------------- */	

	
	
   
    #FZone .ZoneActiveArea{  margin-top:10px; width:520px; padding-right:90px;   }
    
    
    /* FZMenus general */
    #FZone ul {  padding:0; margin:0 auto; height:100%; display:table;margin-bottom:5px;  }
    #FZone li {  float:left; }
    
    
    /* GlobalMenuSector */
    
    #FZone .GlobalMenuSector{ margin-bottom:10px;}
    #FZone .GlobalMenuSector ul{  width:500px; border-left:1px dotted #f0f0f0; padding-left:6px;  }
    #FZone .GlobalMenuSector li a 
    {
    	display:block;
    	margin-right:5px; padding:1px; padding-left:3px; padding-right:6px;
    	text-decoration:none; font-size:11px; color:#555555;
    	border-right:1px dotted #f0f0f0;
   	}
   	#FZone .GlobalMenuSector li a:hover{ text-decoration:underline;}
   	
   	
   	#FZone .GlobalMenuSector .FirstMenuBox ul{  width:505px; }
   	#FZone .GlobalMenuSector .SecondMenuBox ul{ width:200px; }
   
   	
   	
   	
   	
   	/* Search box */
    #FZone .QuickSearchSector{ position:relative;  height:30px;  width:300px; right:0;  margin:auto; margin-bottom:20px;}
    #FZone .QuickSearchSector input.TypeText{ position:absolute;right:39px; height:17px; width:250px; top:1px; padding-top:5px;  font-size:11px;  text-align:center; color:#666666; border:1px solid #505050; background-color:#f8f8f8; border:1px solid #a0a0a0;}    
    #FZone .QuickSearchSector input[type="text"]{ position:absolute;right:39px; height:17px; width:250px; top:1px; padding-top:5px;  font-size:11px;  text-align:center; color:#666666; border:1px solid #505050; background-color:#f8f8f8; border:1px solid #a0a0a0;}    
    #FZone .QuickSearchSector input.TypeImage{position:absolute;right:8px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../Picfiles/btn_Search.png); filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }
    #FZone .QuickSearchSector input[type="image"]{position:absolute;right:8px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../Picfiles/btn_Search.png); filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }
    #FZone .QuickSearchSector input.TypeImage:hover{  filter:alpha(opacity=100);-moz-opacity:1;opacity:1;  }
    #FZone .QuickSearchSector input[type="image"]:hover{  filter:alpha(opacity=100);-moz-opacity:1;opacity:1;  }
    
    
	/* CopyrightSector */
    #FZone .CopyrightSector { text-align:center; padding:5px; color:#999999; font-size:10px;  		}
     	
     	
    
   	
    #FZone .CrossSiteMenuSector{ margin-bottom:30px;}
    #FZone .CrossSiteMenuSector ul{ width:340px; padding-left:10px; }
    #FZone .CrossSiteMenuSector li a 
    {
    	display:block; float:left; 
    	margin-right:4px; padding:1px; padding-left:10px; padding-right:10px;
    	border:1px solid #555555;
    	text-decoration:none; font-size:10px; color:#000000;background-color:#555555; color:#f8f8f8;
   	}
   	#FZone .CrossSiteMenuSector li a:hover{ background-color:#c0c0c0; color:#ffffff; border:1px solid #b0b0b0;}
   	
   		

		
/* -----------------------General MZONE Bars --------------------------------- */		
   
    
    
      
    
    
    /*...................... Leader Board ....................*/
    
    
    .LeaderBannerSector{ text-align:center; }
   
    
    
    
    /*...................... Common Buttons ....................*/
     
     
    .ButtonBox{ position:relative; height:20px;  }
     
	a.MoreInfoButton ,a.NextPageButton ,a.PreviousPageButton 
    {
    	height:16px;  left:100px;
    	display:block; position:relative;
    	background-image:url(../picfiles/bg_NavButton_main.gif); background-repeat:no-repeat; background-position:left;  
    	text-align:center; font-size:9px; font-weight:bold; line-height:16px; text-decoration:none; color:#4f4f4f !important;  
    	cursor:pointer;
    }
    a.MoreInfoButton span ,a.NextPageButton span, a.PreviousPageButton span{ background-image:url(../picfiles/bg_NavButton_rTip.gif); background-repeat:no-repeat; background-position:right; display:block; height:100%; }
    a.MoreInfoButton:hover,a.NextPageButton:hover, a.PreviousPageButton:hover{ background-color:#fe911b; text-decoration:none; color:#ffffff !important; }
    
    a.MoreInfoButton{ margin-bottom:10px; left:100px;}
    
	a.MoreInfoButton{width:53px;  }
    a.PreviousPageButton { width:53px; position:absolute; left:45px; }   
    a.NextPageButton { width:58px; }   
    
    
    
    
    
    /*...................... Generic GroupedContentSector ....................*/
    .GroupedContentSector
    {
        position:relative;
        margin-bottom:10px; padding-top:24px;
    }
    
    .GroupedContentSector .TabMenu
    {
    	position:absolute; top:0;
    	height:20px; z-index:1;
    	padding-left:6px; padding-top:4px;  margin-bottom:10px;	
/*        background-color:#fe911b; */
    }
    .GroupedContentSector .TabMenu li{ float:left;}
 
    .GroupedContentSector .TabMenu a 
    {
    	display:block;
    	height:17px; 
    	padding-left:8px;padding-right:8px; margin-top:2px;
    	background-color:#505050; border:1px solid #505050; border-bottom:0;
    	line-height:17px; color:#ffffff; text-decoration:none; 	
    }
    .GroupedContentSector .TabMenu a:hover{ text-decoration:underline; }
    
    .GroupedContentSector .TabMenu a.ActiveItem
    {
    	 height:20px;
    	 margin-top:0px;
    	 background-color:#ffffff; border:1px solid #000000; border-bottom:0;
    	 line-height:19px; color:#000000; font-weight:bold;
    }
        
  
        
    .GroupedContentSector .InfoView{ padding-top:22px; padding-bottom:10px; border:1px solid #000000; position:relative;  }        
    
    
    
    .GroupedContentSector .InfoView .RelatedBanners{ padding-top:20px; padding-bottom:5px; text-align:center;   }        
    .GroupedContentSector .InfoView .RelatedBanners .Banner{  display:block; }
    .GroupedContentSector .InfoView .RelatedBanners img{ border:0px; }
   
 
    .GroupedContentSector  ul.ArticleList {  }
    .GroupedContentSector .ArticleList li{  width:85%; margin:auto; padding-bottom:24px; }    
    .GroupedContentSector .ArticleList .DateTime{ color:#888888; font-size:10px;}
    .GroupedContentSector .ArticleList a{ text-decoration:none; }
    .GroupedContentSector .ArticleList h4{ font-size:11px; font-weight:bold; margin-bottom:3px;}
    .GroupedContentSector .ArticleList h4 a{ color:#000000; font-weight:bold; }
    .GroupedContentSector .ArticleList h4 a:hover{ color:#000000; text-decoration:underline; }
    .GroupedContentSector .ArticleList a.AudioLink{ font-size:10px; line-height:12px; display:block; padding-left:18px; color:#444444; background-image:url(../picfiles/ico_speaker.gif); background-repeat:no-repeat; background-position:top left; }
    .GroupedContentSector .ArticleList a.AudioLink:hover{  text-decoration:underline; }
   
 
    
    
    
    /*.................... ControlBar ......................*/
    
    
    .ControlBar
    {
        position:relative; float:left;	
        width:170px;
        margin-right:5px;        
    }

    .ControlBar .SiteLogo{ height:95px; overflow:hidden; }
    .ControlBar .SiteLogo img{ display:block;}
    
    
    /* Override TabMenu*/
    .ControlBar .GroupedContentSector .TabMenu{ width:170px; height:23px; position:relative; padding:0; margin:0; margin-top:2px; 	}
    .ControlBar .GroupedContentSector .TabMenu a { position:absolute; width:154px; height:23px;  margin:0; top:0; line-height:23px; }
    .ControlBar .TabMenu a.ActiveItem{ width:120px; height:19px; top:4px; margin-left:6px; line-height:19px;}
    
    /* ayuda con el accordion de .net*/    
    .ControlBar .TabMenuActive a
    {
    	 width:120px !important; height:19px !important; top:4px !important; margin-left:6px !important; line-height:19px !important;
    	 margin-top:0px;
    	 background-color:#ffffff; border:1px solid #000000; border-bottom:0;
    	 color:#000000; font-weight:bold;
    	
    }    
    
    
    
    .ControlBar .GroupedContentSector{ padding-top:0; overflow:hidden; }
    .ControlBar .GroupedContentSector .InfoView{ padding-top:10px; border:1px solid #000000; background-color:#ffffff; }
    .ControlBar .GroupedContentSector .InfoViewHidden{ display:none;}    
        
  
	/* POLL */        

        

   .ControlBar .PollBox{ margin-top:20px; }
   .ControlBar .PollBox .PollTitle{  font-weight:bold; background-color:#cccccc; padding:3px; text-align:center; font-size:12px;  }
   .ControlBar .PollBox .PollQuestion{ width:95%;  margin:auto; margin-bottom:10px; margin-top:5px; font-weight:bold; }

   .ControlBar .PollBox .PollButton a  
   {
   		display:block; width:100px; 
   		margin:10px auto; margin-top:15px; 
   		background-color:#000000; 
   		text-align:center; text-decoration:none;   color:#ffffff;
   	}

   .ControlBar .PollBox .PollButton a:hover{ background-color:#777777;}
   .ControlBar .PollBox .PollAlternatives{  height:100%; width:90%; margin:auto; font-size:11px;  }
   .ControlBar .PollBox .PollAlternatives span{ display:block; display:table; height:100%;  }
   .ControlBar .PollBox .PollAlternatives label{ display:block;   float:left; clear:right; line-height:20px;}
   .ControlBar .PollBox .PollAlternatives input{ float:left; clear:left; margin-bottom:5px;}

   .ControlBar .PollBox .PollResults{  font-size:11px; width:90%; margin:auto; }
   .ControlBar .PollBox .PollResults dt  
   {
   		display:block; float:none; clear:both; 
   		padding:0; margin:0; 
   		font-weight:normal;
   	}

   .ControlBar .PollBox .PollResults dd  
   {
   		position:relative; height:15px;
   		display:block; float:none; clear:both; 
   		padding:0; margin:0; margin-bottom:8px; margin-top:1px;    		
   	}

   	 .ControlBar .PollBox .PollResults dd strong{ position:absolute; top:0; left:0; width:20%; float:left }
   	 .ControlBar .PollBox .PollResults dd div{  position:absolute;top:3px; right:0; width:80%;}
   	 .ControlBar .PollBox .PollResults dd div span{ display:block; font-size:1px; height:7px; background-color:#000000;  }
    
    /*.................... DisplayBar ......................*/

    .DisplayBar
    {
        position:relative;float:left;	
        width:556px;        
        margin-right:5px; padding-top:48px;
    }
    
    .DisplayBar .EyeCatchInfoBox{ position:absolute; top:18px;}
    .DisplayBar .EyeCatchInfoBox strong{ padding-left:5px; }

    /*.DisplayBar .EyeCatchInfoBox .AudioLink{ display:inline; margin-left:5px; line-height:15px; font-weight:normal; font-size:11px;}*/

    .DisplayBar .EyeCatchInfoBox .AudioLink { display:inline; background-image:none; padding:0; margin:0; margin-left:5px; }
    .DisplayBar .EyeCatchInfoBox .AudioLink img{ display:inline; vertical-align:middle;}


/* Search box */
    .DisplayBar .QuickSearchSector{ position:absolute;  height:30px;  width:400px; right:0; top:80px; z-index:1;}
    .DisplayBar .QuickSearchSector input.TypeText{  position:absolute;right:39px; height:17px; width:250px; top:1px; padding-top:5px;  font-size:11px;  text-align:center; color:#666666; border:1px solid #505050; }
    .DisplayBar .QuickSearchSector input[type="text"]{  position:absolute;right:39px; height:17px; width:250px; top:1px; padding-top:5px;  font-size:11px;  text-align:center; color:#666666; border:1px solid #505050; }
    .DisplayBar .QuickSearchSector input.TypeImage{ position:absolute;right:8px;  progid:DXImageTransform.Microsoft.AlphaImageLoader(../Picfiles/btn_Search.png); filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }
    .DisplayBar .QuickSearchSector input[type="image"]{ position:absolute;right:8px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../Picfiles/btn_Search.png); filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }        
    .DisplayBar .QuickSearchSector input.TypeImage:hover{  filter:alpha(opacity=100);-moz-opacity:1;opacity:1;  }
    .DisplayBar .QuickSearchSector input[type="image"]:hover{  filter:alpha(opacity=100);-moz-opacity:1;opacity:1;  }
    
/*    .DisplayBar .QuickSearchSector a.SearchButton{ position:absolute; right:8px; }
    .DisplayBar .QuickSearchSector a.SearchButton img{ background-color:#505050;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../Picfiles/btn_Search.png); filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }
    .DisplayBar .QuickSearchSector a.SearchButton:hover img{ background-color:#fe8714; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;  }
*/

    /* Override TabMenu*/
    .DisplayBar .GroupedContentSector .TabMenu{ width:550px; margin-bottom:30px;  }
    .DisplayBar .GroupedContentSector .TabMenu a { width:140px; color:#ffffff; }
    .DisplayBar .GroupedContentSector .TabMenu a.ActiveItem { color:#000000; }
    
    
    .DisplayBar .GroupedContentSector .InfoView{ padding-top:50px;   }




   /*........................ RelatedContent ......................................*/

    .DisplayBar .RelatedProgram{ height:100%; width:520px;  display:table; margin-left:15px; margin-bottom:15px; position:relative;  }
    .DisplayBar .RelatedProgram img{ display:block; float:left; margin-right:10px;   }
    .DisplayBar .RelatedProgram h3{ width:230px; white-space:normal; margin-left:45px; font-weight:bold; color:#000000; font-size:15px; letter-spacing:0; margin-top:10px;  }
    .DisplayBar .RelatedProgram .SubTitle{ font-size:12px;  width:230px; }
    .DisplayBar .RelatedProgram .Schedule{ color:#777777; font-size:11px;  width:230px;}
    
    .DisplayBar .RelatedProgram .RelatedBanners{ position:absolute; right:0;  margin:0; padding:0;  width:auto; }
    .DisplayBar .RelatedProgram .RelatedBanners img{margin:0; padding:0; display:inline; float:none !important; margin:auto;}
    
    
    
             
    /*.................... ComplementBar ......................*/
    
    
        
    .ComplementBar
    {
        position:relative; width:264px;	
        float:right;
        padding-top:48px;	
    }
    
        
    /* Override TabMenu*/
    .ComplementBar .GroupedContentSector .TabMenu{ width:258px; }
    .ComplementBar .GroupedContentSector .TabMenu a { width:109px; }
    
 
    .ComplementBar a.PreviousPageButton { left:137px; }   
    .ComplementBar a.NextPageButton { left:192px;  }   
 
 
	.ComplementBar .AudioPlayerSector{ background-color:#fe911b; position:relative; top:0; width:100%; padding-bottom:10px; font-size:8px; }
	.ComplementBar .AudioPlayerSector .RelatedBanners{ padding-top:10px; padding-bottom:10px; text-align:center;}
	.ComplementBar .AudioPlayerSector .RelatedBanners .Banner{  display:block; }
	.ComplementBar .AudioPlayerSector .RelatedBanners img{ border:0px; }
        
	.ComplementBar .AudioPlayerSector .AudioBox{ width:85%; margin:auto; padding:5px;  border:1px solid #000000; background-color:#ffffff; }
	.ComplementBar .AudioPlayerSector .AudioBox a{ text-decoration:none; }
	.ComplementBar .AudioPlayerSector .AudioBox h4{ font-size:11px;  margin-bottom:3px;}
	.ComplementBar .AudioPlayerSector .AudioBox h4 a{ color:#000000; }
	.ComplementBar .AudioPlayerSector .AudioBox h4 a:hover{ color:#000000; text-decoration:underline; }
	.ComplementBar .AudioPlayerSector .AudioBox a.AudioLink{ font-size:10px; line-height:12px; display:block; padding-left:18px; color:#444444; background-image:url(../picfiles/ico_speaker.gif); background-repeat:no-repeat; background-position:top left; }
	.ComplementBar .AudioPlayerSector .AudioBox a.AudioLink:hover{  text-decoration:underline; }
    
    
    .ComplementBar .Programacion .ArticleList li{  padding-bottom:10px;} 
    .ComplementBar .Programacion .ArticleList li a{  padding-bottom:10px; font-weight:bold;}