/*  General controls  
--------------------------------------------------------------*/

* {
    font-family: Tahoma, Arial, Verdana;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background: #FFFFFF;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background: #FFFFFF;
    font-size: 11px;
	color:#FFF;
	line-height: 14px;
}

div {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

p {
    margin: 0;
}

form, ul, li {
    margin: 0;
	padding: 0;
}

input{
    margin: 0;
	padding: 0;
}

select{
    margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	font-size:10px;
}

a {
    text-decoration: none;
	color:#fc3;
	font-weight:bold;
}

a:hover {
    text-decoration: none;
	border-bottom: #fc0 dotted 1px;
}

a.shown { color:#F99 }

.border0 a:hover { border: 0px;}

img {
    border: 0;
}


/*  Overlay layer  
--------------------------------------------------------------*/

div#overlayer_mask {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background-color: #808080;
}

table#overlayer {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

div#overlayer_content {
    background: #FFFFFF;
    text-align: left;
}


/*  Page main structure  
--------------------------------------------------------------*/

.clean {  clear: both;  }

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}


/* Margins 
--------------------------------------------------------------*/

.top0 { margin-top: 0px; } 
.top10 { margin-top: 6px; }
.top20 { margin-top: 14px; }
.top30 { margin-top: 15px; }
.top-10 { margin-top: -15px;}

.left8 {margin-left: 8px;}
.left10 {margin-left: 10px;}
.left12 {margin-left: 12px;}

.bottom0 { margin-top: 0px; } 
.bottom10 { margin-top: 10px; }
.bottom30 { margin-top: 30px; }


/* Divs 
--------------------------------------------------------------*/

#super {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#container{
    width: 1000px;
    margin: 0 auto;
	background:#fff url(../images/bg_body.gif) no-repeat center 75px scroll;
}

/* Logo Structure */

#logo {
	position:absolute;
	width: 300px;
	height: 145px;
	top: 75px;
	left: 0px;
	z-index: 5;
	margin-top:-10px;
	overflow:hidden;
	}
	
#tv {
	position:absolute;
	width: 195px;
	height: 80;
	top: 75px;
	left:300px;
	margin-top:-8px;
	overflow:hidden;
	}


/* Top Structure 
--------------------------------------------------------------*/

#top_rtve{ width:1000px; height:50px; }
#bottom_rtve{ width:1000px; height:280px;}

#top {
    width: 100%;
   	height: 195px;
	background:url(../images/bg_menu_01.gif) no-repeat;
	background-position: 60px 80px;
}

#top div { position:absolute; overflow:hidden;}

/* Search box */

#search{
	background:url(../images/bg_search.gif) no-repeat;
	width:250px;
	height:42px;
	padding:7px 0px 0px 15px;
	left: 510px;
	top: 25px;
	text-align: center;
}

/* Login box */

#login{
	background:url(../images/bg_postit.gif) no-repeat;
	width:125px;
	height:110px;
	right: 0px;
	top: 10px;
}

#login form {padding: 30px 0px 0px 15px;}

#login a {color:#900; font-size: 9px}

/* Menu box */

#menu {
		width:521px;
		height:26px;
		left:332px;
		top: 100px;
		text-align:center;
		
}

#menu div { position:relative; }

#menu a{ 
		 padding:0px;
		 margin: 0px 2px 0px 0px;
		 height:26px; 
		 color:#FFF; 
		 font-size:13px; 
		 text-align: center; 
		 line-height:26px; 
 		 display: -moz-inline-block;
		 display: inline-block;
		 float: left;
		 }
		 
#normal a {width:92px; background: url(../images/btn_menu.gif) no-repeat center center;}
#normal a:hover , #normal a.shown  { background: url(../images/btn_menu_over.gif) no-repeat center center; border:0px;}

#participa a {width:92px; background: url(../images/btn_menu_participa.gif) no-repeat center center;}
#participa a:hover, #participa a.shown {background: url(../images/btn_menu_participa_over.gif) no-repeat center center; border:0px;}

#btnhome a {width:35px; background: url(../images/btn_home.gif) no-repeat center center;}
#btnhome a:hover, #btnhome a.shown {background: url(../images/btn_home_over.gif) no-repeat center center; border:0px;}

/* Submenu box */

#submenu { 
		/*background:url(../images/bg_submenu.gif) no-repeat;*/ 
		width: 490px; 
		height: 35px; 
		display:block; 
		padding: 10px 15px 0 15px;
		left: 335px;
		top: 125px;
		overflow:hidden;
		}

#submenu #slider ul a { 
		 width:92px; 
		 margin: 0 2px;
		 height:21px; 
		 background: url(../images/btn_submenu.gif) no-repeat center center; 
		 color:#FFF; 
		 font-size:11px; 
		 font-weight:bold; 
		 text-align:center; 
		 line-height:21px; 
		 display: inline-block;
		 padding: 0px;
  		 display: -moz-inline-block;
		 display: inline-block;
		 float: left;
		 }
		 
#submenu #slider ul a:hover, #submenu #slider ul a.shown { background: url(../images/btn_submenu_over.gif) no-repeat center center; border:0px;}


/* Columns Structure 
--------------------------------------------------------------*/

#left_col{
	width: 645px;
	margin: 0px;
	background: url(../images/bg_menu_02.gif) no-repeat;
	background-position: 60px 0px;
	}
	
#right_col{
	width: 330px;
	margin: 0px;
	}

#conection_hor{
	position:absolute;
	width:50px;
	height: 35px;
	background: url(../images/bg_conections_ver.gif);
}

#conection_ver{
	position:absolute;
	width: 35px;
	height: 200px;
	background: url(../images/bg_conections_hor.gif);
}

.home_hor{
	left: 630px;
	top: 495px;
}

.home_ver{
	left: 340px;
	top: 650px;
}

.int_hor{
	left: 630px;
	top: 730px;
}

.int_ver{
	left: 340px;
	top: 880px;
}
	
/* Header 
--------------------------------------------------------------*/

#header {
	height:40px;
	margin-right:40px;
	display:block;
	}
	
#header h1 {
	position: absolute;
	left: 120px;
}

.header_lila {background: url(../images/bg_header_lila.jpg) no-repeat right bottom; width:340px;}
.header_lilasmall {background: url(../images/bg_header_lila_small.jpg) no-repeat right bottom; width: 296px;}
.header_negro {background: url(../images/bg_header_negro.jpg) no-repeat right bottom; width:340px;}

.title { text-transform: uppercase; font-size: 17px; font-weight:bold;}

/* Box types 
--------------------------------------------------------------*/

/* comunes */
.boxstrech {width: 330px; overflow:hidden; }
.boxlarge {width: 630px; overflow: hidden;} 	

.left { left: 0; }
.right { right: 0; }

#corner43_topleft, #corner43_topright, #corner43_top {
	position: absolute;
	top: 0;	
	height:43px;
}

#corner43_bottomleft, #corner43_bottomright, #corner43_bottom{
	position: absolute;
	bottom: 0;
	height: 80px;
}

#boxcontent.player{ text-align:center; border:none} 

#boxcontent.player embed{border: 3px solid #fff;  } 

.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding25 {padding: 20px;}
.textleft {text-align:left}

/*box lila*/
#boxlila{
	text-align: center;
	background-color: #96c;
	padding: 0;
	margin: 0;
}

#boxlila.boxlarge  { background-image: url(../images/bg_lila1_04large.jpg); }
#boxlila.boxstrech { background-image: url(../images/bg_lila1_04.jpg); }

#boxlila #corner43_topleft {background: url(../images/bg_lila1_01.jpg); width:43px;}
#boxlila #corner43_topright {background: url(../images/bg_lila1_03.jpg); width:43px;}
#boxlila #corner43_bottomleft {background: url(../images/bg_lila1_05.jpg); width:43px;}
#boxlila #corner43_bottomright {background: url(../images/bg_lila1_07.jpg); width:43px; }
#boxlila #corner43_top {background:url(../images/bg_lila1_02.jpg); width:100%;}
#boxlila #corner43_bottom {background: url(../images/bg_lila1_06.jpg); width:100%;}


/*box lila2*/
#boxlila2{
	text-align:center;
	background-color: #ad84d6;
}

#boxlila2.boxlarge  { background-image: url(../images/bg_lila2_04large.jpg); }
#boxlila2.boxstrech { background-image: url(../images/bg_lila2_04.jpg); }

#boxlila2 #corner43_topleft {background: url(../images/bg_lila2_01.jpg); width:43px;}
#boxlila2 #corner43_topright {background: url(../images/bg_lila2_03.jpg); width:43px;}
#boxlila2 #corner43_bottomleft {background: url(../images/bg_lila2_05.jpg); width:43px;}
#boxlila2 #corner43_bottomright {background: url(../images/bg_lila2_07.jpg); width:43px; }
#boxlila2 #corner43_top {background:url(../images/bg_lila2_02.jpg); width:100%;}
#boxlila2 #corner43_bottom {background: url(../images/bg_lila2_06.jpg); width:100%;}


/*box negro*/
#boxnegro{
	text-align:center;
	background-color: #000;
}

#boxnegro.boxlarge  { background-image: url(../images/bg_negro_04large.jpg); }
#boxnegro.boxstrech { background-image: url(../images/bg_negro_04.jpg); }

#boxnegro #corner43_topleft {background: url(../images/bg_negro_01.jpg); width:43px;}
#boxnegro #corner43_topright {background: url(../images/bg_negro_03.jpg); width:43px;}
#boxnegro #corner43_bottomleft {background: url(../images/bg_negro_05.jpg); width:43px;}
#boxnegro #corner43_bottomright {background: url(../images/bg_negro_07.jpg); width:43px; }
#boxnegro #corner43_top {background:url(../images/bg_negro_02.jpg); width:100%;}
#boxnegro #corner43_bottom {background: url(../images/bg_negro_06.jpg); width:100%;}

/*box player*/
#boxplayer{
	notext-align:center;
	background-color: #000;
	width: 516px;
	height: 480px;
	background-image: url(../images/bg_player_04.jpg);
	overflow:hidden;
}

#boxplayer h1 { text-align:center; }

#boxplayer #corner43_topleft {background: url(../images/bg_player_01.jpg); width:43px;}
#boxplayer #corner43_topright {background: url(../images/bg_player_03.jpg); width: 43px;}
#boxplayer #corner43_bottomleft {background: url(../images/bg_player_05.jpg); width:43px;}
#boxplayer #corner43_bottomright {background: url(../images/bg_player_07.jpg); width:43px;}
#boxplayer #corner43_top {background:url(../images/bg_player_02.jpg); width:100%;}
#boxplayer #corner43_bottom {background: url(../images/bg_player_06.jpg); width:100%;}

#boxplayer #texture {position:absolute; top:70px; left:0px;}

#boxplayer #boxcontent {padding:7px}

.player {
	border:#FFF 1px solid;
	overflow:hidden;
}

#boxredes{
	width: 129px;
	height: 340px;
}

#boxredes a {margin: 5px 5px 5px 50px; display:block; }

#boxredes a:hover {border: 0px;} 

#boxanteriores { background: url(../images/btn_anteriores.gif) center center no-repeat; height:61px; text-align:center;}

#boxanteriores a#demo-browse { padding:18px 60px; outline:none}
	
/* Navigation buttons home
--------------------------------------------------------------*/
#nextprev a {
	position:absolute;
	width: 10px;
	height: 58px;
	position: absolute;
	display: block;
	display: -moz-block;
	top: 30px;
	}

#next { background: url(../images/btn_homenext.gif) no-repeat center center; right:-10px;}
#back { background: url(../images/btn_homeback.gif) no-repeat center center; left:-10px;}


/* Navigation buttons 
--------------------------------------------------------------*/ 

.ul_navigation {
	list-style-type: none;
	display: block;
	display: -moz-block;
	padding: 30px 45px 30px 45px;
	height: 20px;
	float:right;
	position: relative;
	z-index: 400;
	clear: both;
}

.ul_navigation li {
	float:left;
}

.ul_navigation li a {
	line-height: 16px;
	height: 16px;
	display: -moz-inline-block;	
	display: inline-block;
	float: left;
	cursor:pointer;
}

.ul_navigation li a.page.shown {color: #ff6666;}

.ul_navigation li a.page {
	font-size: 8px;	
	text-align: center;
	color: #96c;
	width: 12px;
	margin: 0 1px;
	background:url(../images/bg_pagenavigation.gif) center center no-repeat;
}

.nav_prev {
	line-height: 16px;
	padding: 0 2px 0 15px;
	background: url(../images/btn_prev.gif) no-repeat left 2px;
	display: -moz-inline-block;	
	display: inline-block;
}

.nav_next {
	line-height: 16px;
	padding: 0 15px 0 2px;
	background: url(../images/btn_next.gif) no-repeat right 2px;
	display: -moz-inline-block;	
	display: inline-block;	
}

.nav_first {
	line-height: 16px;
	padding: 0 2px 0 20px;
	background: url(../images/btn_first.gif) no-repeat left 2px;
	display: -moz-inline-block;	
	display: inline-block;	
}

.nav_last {
	line-height: 16px;
	padding: 0 20px 0 2px;
	background: url(../images/btn_last.gif) no-repeat right 2px;
	display: -moz-inline-block;	
	display: inline-block;	
}

.nav_nbsp {
	width: 14px;
	padding: 0 2px;
}

/* Ads Formats 
--------------------------------------------------------------*/

#ads {border: solid 1px #666666; padding:1px; background:#FFF;}

#ads_header {padding-left: 230px;}

.autopromo { width:300px; height:150px;}

.banner300x250 { width:300px; height: 250px;}


/* Video-lists Structure 
--------------------------------------------------------------*/

#percent25 {
	width:23%;
	padding: 10px 5px 15px 5px;
	height: 160px;
	overflow:hidden;
}

#percent50 {
	width:46%;
	padding: 5px 5px 5px 5px;
	height:auto;
	overflow:hidden;
}

#percent60 {
	width:60%;
	text-align:left;
	display:block;
	overflow:hidden;
}

#percent40 {
	width:35%;
	text-align:left;
	overflow:hidden;
}

#percent100 {
	width:100%;
	height:auto;
	overflow:hidden;
}

#percent50.participa {height:95px; overflow:hidden;}

#td_percent25 { /* para td */
	width:25%;
	text-align:center;
}

#td_percent25 img {margin:2px; vertical-align:middle}

#td_percent90 { /* para td */
	width: 90%;
	vertical-align:text-top;
}

#td_percent35 { /* para td */
	width:36%;
	text-align:center;
}

#td_percent75 { /* para td */
	width:75%;
	vertical-align:text-top;
}

.borderbottom_lila {
	border-bottom: #96c solid 1px;
}

.borderbottom_lila2 {
	border-bottom: #ad84d6 solid 1px;
}

#videoicon{
	width:120px;
	height:90px;
	padding:5px;
	overflow:hidden;
	margin-bottom:5px;
	background: url(../images/bg_videoicon120x90.gif) no-repeat;
	display: block;
}

#videoicon_small {
	width:80px;
	height:60px;
	padding:5px;
	margin: 5px;
	overflow:hidden;
	margin-bottom:5px;
	background: url(../images/bg_videoicon80x60.gif) no-repeat;
	display: block;
}

#play {
	position: absolute;
	bottom: 5px;
	right: 5px;
}



/*  Comment Structure  
--------------------------------------------------------------*/

#comments {
	padding: 10px 0px 10px 0px;
}

#comment_item {
	margin-left: 15px;
	width: 70%;
}

#comments #imgbox{
	width:80px;
	height:80px;
	padding: 10px;
	text-align:center;

}



/* Form Structure */

.input {
	font-size: 10px;
	padding: 2px;
	margin: 2px;
	border: #96c 1px solid;
}

.gr {
	font-size: 12px;
	padding:3px;
	width:230px;
	}
	
.button {
	background: url(../images/btn_menu.gif) center center no-repeat;
	width: 92px;
	height: 26px;
	line-height: 22px;
	margin:0px;
	padding:0px;
	border:0px;
	font-weight:bold;
	color:#FFF;
}
	
.orange {border-color: #FC6}

form.gr{
	width:530px; text-align:left;
	}
	
td { font-size:12px; padding:4px; width:50%}

th { font-size:14px; color:#CC9933; font-weight:bold; text-align:left; padding:4px; line-height:30px;}


/*  Auxiliary definitions  
--------------------------------------------------------------*/

h1 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	line-height: 18px;
	font-size: 15px;
	color:#FC3;
}

h2 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	line-height: 18px;
	font-size: 13px;
}

h3 {
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	font-size: 12px;
	color:#fc3;
	
}
h5 {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	line-height:14px;
	font-weight:normal;
}

#small{ font-size:10px; line-height:16px; color:#900; padding:2px;}
a:hover#small  { color:#600;}


/*-------------- Álbumes --------------------*/

div.album {
	width:476px;
	height:418px;
	border:1px solid #fff;
	background: #fff;
	display:-moz-block;
	display:block;
	padding:2px 2px 0 2px;
	margin: 0 auto;
}

/* Voto */ 
.voto .star-rating{
	position:relative;
	width:65px;
	height:18px;
	overflow:hidden;
	list-style:none;
	margin:2px;
	padding:0;
	background-position: left top;
	background-color:#FC0;
}
.voto .star-rating li{
	display: inline;
}
.voto .star-rating a, 
.voto .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:18px;
	line-height:18px;
	outline:none;
	overflow:hidden;
	border: none;
}
.voto .star-rating a:hover,
.voto .star-rating a:active,
.voto .star-rating a:focus{
	background-position: left bottom;
}
.typo .voto ul.star-rating li a.one-star{
	width:20%;
	z-index:6;
	overflow:hidden;
}
.typo .voto ul.star-rating li a.two-stars{
	width:40%;
	z-index:5;
}
.typo .voto ul.star-rating li a.three-stars{
	width:60%;
	z-index:4;
}
.typo .voto ul.star-rating li a.four-stars{
	width:80%;
	z-index:3;
}
.typo .voto ul.star-rating li a.five-stars{
	width:100%;
	z-index:2;
}
.typo .voto .star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* smaller star */
.voto .small-star{
	width:65px;
	height:13px;
}

.voto .small-star,
.voto .small-star a:hover,
.voto .small-star a:active,
.voto .small-star a:focus,
.voto .small-star .current-rating{
	background-image: url(../images/star_small.gif);
	line-height: 13px;
	height: 13px;
	width:65px;
}

a#demo-browse {
	display:block; 
	background:url(../images/btn_large.gif) center center no-repeat;
	width:201px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#FFF;
}

a:hover#demo-browse {
	border: none;
}