/* LIVE-PLAYER CSS v1.0 */

/* Reset Styles */
* { vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; border:0; outline:0; padding:0; margin:0;}

/* Core */
html {height:100%; background:#FFF url(images/bg_body.jpg) top repeat-x;}
	body {height:100%; margin:0; padding:0; text-align:center; background:url(images/bg_body.gif) center repeat-y; font:normal 12px Helvetica, Verdana, Arial, sans-serif; line-height:1.5; color:#333;}

#wrap-main {position:relative;  text-align:left; margin:0 auto; width:1000px;}
* html #wrap-main {height:100%;}

a {text-decoration:none;}
p {margin-bottom:1.5em;}


/* --------------------------------------------------[ colors ]-- */
a.blue {}
a.blue:link,a.blue:active,a.blue:visited	{color: #000;}
a.blue:hover,a.blue:visited:hover			{color: #22B8F1;}


/* List */
ul.list li {background:url(images/bg_list_arrow.gif) 0 2px no-repeat; margin-left:10px;}

/* LAYOUT */

/* Header */
#header { height:90px; width:940px; padding:0 30px; background:url(images/bg_header_beta2.jpg) no-repeat; position:relative;}
	#header #logo img {margin:15px 0 0 20px; border:0;}
	#header h1#logo {
		position:relative;
	}
	#favlogo {
		position:absolute;
		top:45px;
		left:90px;
	}
	
	/* Nav */
	#header #nav { list-style:none; position:absolute; left:330px; top:30px;}
		#header #nav li {list-style:none; float:left;}
			#header #nav li a {display:block; width:124px; height:40px; margin-right:6px; font:normal 10px Arial, Verdana, sans-serif; text-decoration:none; color:#18a4e1; padding:20px 0 0 0;}
			#header #nav li a:hover { background:url(images/bg_li_nav_roll.gif) 92px 0 no-repeat; color:#B0EAFE;}
				#header #nav li.download a:hover { background:url(images/bg_li_nav_roll.gif) 92px -60px no-repeat;}
			#header #nav li a img {border:0;}
	/* Top Forms */
	#header #lang { position:absolute; width:100px; left:830px; top:8px;}
	#header #search { position:absolute; width:200px; left:620px; top:7px;}

/* Content */
#content {padding:0 10px 0px 10px; width:940px; margin:0 auto; background: url(images/bg_content_shadow.gif) top repeat-x;}
	#content #screen {height:290px; background:#1a1a1a; position:relative;}

	#flacli {
		background:#FFF;
		height:290px;
		width:650px;
		position:absolute;
		top:0;
		left:0;
		
		-moz-opacity:0.01;
		-khtml-opacity: 0.01;
		opacity: 0.01;			
		filter:alpha(opacity=1);
	}

/* Footer */
#wrap-footer { position: relative; background:url(images/bg_footer.gif) bottom repeat-x; width:100%;}
	#footer {height:60px; border-top:1px solid #E3E3E3; background:#FFF; width:940px; padding:0 10px; text-align:left; margin:0 auto; font-size:10px;}
		#footer ul {list-style:none; margin-top:20px;}
			#footer ul li {list-style:none; float:left;}
			#footer ul li.logo { margin-left:10px; padding-right:10px; border-right:1px solid #E3E3E3;}
			#footer ul li.ad { padding:0; text-transform:uppercase; font-size:10px; margin:-5px 0px 0px 0px; float:right; border:none;}
			#footer ul li.mail { background: url(images/ico_mail.gif) right no-repeat; padding-right:28px; margin-left:10px;}
			#footer ul li.mail a {margin:0; border:0; padding:0;}
			#footer ul li.xhtml {margin:0; padding:0;}
			#footer ul li.xhtml a {margin:0 10px 0 0; padding:0;}
			#footer ul li.xhtml, #footer ul li.css {float:left;margin:0px 0px 0px 10px;}
			#footer ul li.xhtml a, #footer ul li.css a {border-right:none; margin:0; padding:0;}
			#footer ul li a {color:#7f7f7f; margin-right:5px; padding-right:5px;}
			#footer ul li.last a {margin:0; padding:0px 0px 0px 5px; border:0;}
			#footer ul li.menu_first a {margin:0px 0px 0px 20px; padding:0px 5px 0px 0px; border-right:1px solid #E3E3E3;}
			#footer ul li.menu_second a {margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; border-right:1px solid #E3E3E3;}
			#footer ul li.radiotimefoot {margin:0px 0px 0px 10px; padding:0px 0px 0px 0px;}
			#footer ul li.share {float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/* Content Elements */
.wrap-three-box { background:#FFF url(images/bg_wrap_box_shadow.jpg) top repeat-x; margin-top:10px; border-top:1px solid #E3E3E3; padding:10px;}
	.wrap-three-box .box { width:290px; float:left; margin-right:20px;}
	.wrap-three-box .last {width:290px; float:right; margin:0;}
	
.wrap-two-box { margin-top:10px; padding:10px 0;}
	.wrap-two-box .box { width:600px; float:left; margin-right:10px;}
	.wrap-two-box .last {width:300px; float:right; margin:0;}
	
/* Boxes */

	/* Generic Box */
.box ul { list-style:none;}
.box ul li {line-height:1.75em; padding:0 10px;}
.box ul li a {color:#909090;}
.box h3 {font:normal 15px Helvetica, sans-serif; margin-bottom:5px;}
.box p.desc {padding-bottom:10px; border-bottom:1px solid #E3E3E3; margin-bottom:10px;} 

.box ul li.s4 {background: url(images/4stars.gif) right no-repeat;}
.box ul li.s5 {background: url(images/5stars.gif) right no-repeat;}


	/* TV Box */
.tv-box ul li {border-bottom:1px solid #a4e5ff; font-size:11px; height:30px; line-height:30px; display:block;}
.tv-box ul li img {vertical-align:middle; line-height:30px;}
.tv-box a {color:#00a7ea;}
.tv-box h3 {color:#00a7ea;}

	/* Radio Box */
.radio-box ul li {border-bottom:1px solid #fbcbe7; font-size:11px; height:30px; line-height:30px; display:block;}
.radio-box ul li img {vertical-align:middle;}
.radio-box a {color:#ff0097;}
.radio-box h3 {color:#ff0097;}

/* Categories (mootools) */
.box-categories {position:relative; width:620px; height:260px; float:left; background:url(images/bg_home_catbox.png) 0 30px no-repeat;}
	.box-categories h3 {margin-left:20px;}
	/* Tv */
	.box-categories .box-tvlist { position:absolute; height:101px; top:70px; left:25px; background:url(images/bg_box_tvlist.png); overflow:hidden;}
		.box-categories .box-tvlist #tvlist {position: relative;}
			.box-categories .box-tvlist #tvlist .kwick {float: left; display: block; width: 141px; height: 101px; border-right:4px solid #efefef; cursor: pointer; overflow: hidden;}
			.box-categories .box-tvlist #tvlist .kwick strong {color:#FFF; font:normal 12px Helvetica, sans-serif; text-transform: uppercase; margin-left:8px; padding:0;}
			.box-categories .box-tvlist #tvlist .kwick a {display:block; width:100%; height:100%; color:#B0EAFE;}
			.box-categories .box-tvlist #tvlist .kwick a em { font-style:normal; color:#FFCC00;}
			.box-categories .box-tvlist #tvlist .kwick a span { display:none; font-size:11px; line-height:1.2em; padding:4px 8px 8px;}
			.box-categories .box-tvlist #tvlist .kwick a:hover { width: auto;}
			.box-categories .box-tvlist #tvlist .kwick a:hover span { display:block; background:url(images/bg_box_tvlist.png) 0 -18px repeat-x;}
			
			.box-categories .box-tvlist #tvlist #tv01 {background:url(../images/tvcat/01.jpg) bottom no-repeat;}
			.box-categories .box-tvlist #tvlist #tv02 {background:url(../images/tvcat/02.jpg) bottom no-repeat;}
			.box-categories .box-tvlist #tvlist #tv03 {background:url(../images/tvcat/03.jpg) bottom no-repeat;}
			.box-categories .box-tvlist #tvlist #tv04 {background:url(../images/tvcat/04.jpg) bottom no-repeat; border-right:none;}
			
			html body .box-categories .box-tvlist div {height:95px; padding-top:6px; width:auto;}
			html body .box-categories .box-tvlist div.left {background:url(images/bg_box_tvlist_left.png) top left no-repeat;}
			html body .box-categories .box-tvlist div.right  { background:url(images/bg_box_tvlist_right.png) top right no-repeat;}		
	
	/* Radio */
	.box-categories .box-radiolist {position:absolute; height:30px; top:199px; left:70px;}
		.box-categories .box-radiolist #radiolist {position: relative;}
			.box-categories .box-radiolist #radiolist .kwick {float: left; display: block; width: 141px; height: 30px; border-right:4px solid #efefef; overflow:hidden; white-space:nowrap;}
			.box-categories .box-radiolist #radiolist .kwick strong {color:#B71A8B; font:bold 12px Helvetica, sans-serif;}
			.box-categories .box-radiolist #radiolist .kwick a {display:block; width:135px; height:22px; padding:8px 2px 0 4px; color:#FF00FF;}
			.box-categories .box-radiolist #radiolist .kwick a em { font-style:normal; color:#666;}
			.box-categories .box-radiolist #radiolist .kwick a span { display:none; font-size:11px; line-height:1.1em;}
			.box-categories .box-radiolist #radiolist .kwick a:hover { width:auto;}
			.box-categories .box-radiolist #radiolist .kwick a:hover span { display:inline;}


/* Utility Classes */
html body .last {margin:0!important; padding:0; border:0;}
.clr {clear:both; margin:0; padding:0; line-height:0; border:0;}
.more { display:block; margin:5px 0 0 0; text-align:right; font-size:11px;}
html body .radio {color:#ff0097!important;}
html body .tv {color:#00a7ea!important;}

/* Radiotime classes */

.topnav_radio {
	margin:2px 0px 20px 15px !important;
	margin:2px 0px 20px 100px;
	}
	
/* Tag Cloud classes */

.search_tag {
	}
div#tags_cloud {
	background: url(../images/tag_bg.png) no-repeat;
	width:286px;
	height:202px;
	margin:30px 0px 0px 0px;
	padding:5px 10px 0 10px;
	line-height:1.6em;
	overflow:hidden;
	}
	
div#tags_cloud a{
	margin:0px 5px 0px 0px;
	}
	
div#tags_cloud a:hover {
	text-decoration:underline;
}
	
.color0 {
	color:#32C4FF;
	}	
.color1 {
	color:#0189C0;
	}
.color2 {
	color:#0191CC;
	}
.color3 {
	color:#01394F;
	}
.color4 {
	color:#0FB6F9;
	}
.color5 {
	color:#9CE2FF;
	}
	
.tam0 {
	font-size:10px;
	}	
.tam1 {
	font-size:11px;
	}
.tam2 {
	font-size:13px;
	}
.tam3 {
	font-size:16px;
	}
.tam4 {
	font-size:21px;
	line-height:1.25em;
	}
.tam5 {
	font-size:28px;
	line-height:1.25em;
	}	
.negrita {
	font-weight:bold;
	}

/* News classes */
	
	.list_events {
		position:relative;
		bottom:0px;
		background: url(../images/list_bg.png) no-repeat center center;
		height:245px;
		}
		
	.list_events ul li {
		list-style:none;
		padding:3px 0px 0px 20px;
		}
		
	.list_events img{
		margin:0px 0px 0px 20px;
		}

	ul#tv_events {
		position:absolute;
		left:7px;
		top:20px;
		
		}
		
	ul#tv_events li{
		}
			
		
	ul#radio_events {
		position:absolute;
		right:7px;
		top:20px;
		}
	ul#radio_events li{
		list-style:none;
		}
		
	.last_list {
		margin:0px 0px 10px 0px;
		}
	
	.line_tv {
		border-top: 1px solid #00A7EA;
		margin:10px 0px 0px 0px;
		padding:5px 0px 0px 0px;
	}
	
	.line_radio {
		border-top: 1px solid #FF0097;
		margin:10px 0px 0px 0px;
		padding:5px 0px 0px 0px;
	}
	
.last_option{
	position:absolute;
	top:21px;
	}
	
.link_sponsor {
	position:absolute;
	right:-130px;
	top:0;
}

.link_sponsor span{
	position:absolute;
	bottom:11px;
}
	