@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------- */
/*   		BACKGROUND SUPERPOSITION               */
/* ----------------------------------------------- */

#mc { background:#000000 url(/static/CLIClick/images/bg-mc.jpg); background-position:top center; background-repeat:no-repeat; }

#mc #content {background:transparent; background-image: none;}

#mc #content #hd {background:transparent; background-image: none; margin-bottom:10px;}
#mc #content #bd {background:transparent; background-image: none;}
#mc #content #ft {background:transparent; background-image: none;}

/* ----------------------------------------------- */
/*   				   LOGO                        */
/* ----------------------------------------------- */

#mc h1{ background:#000000 url(/static/CLIClick/images/hd-mc-logo.gif) top left no-repeat; height:93px; width:324px; margin-left:-30px;}
#mc #hd h1 a {
display:block;
float:left;
height:70px;
width:100%;
}

/* ----------------------------------------------- */
/*   				NAVIGATION                     */
/* ----------------------------------------------- */
	
#mc .bb-mc-nav ul{float:right; margin-bottom:14px;}
#mc .bb-mc-nav li {
	background:#000000 url(/static/CLIClick/images/bg-bt-mc-nav.gif) 0 0 no-repeat;
	float:left;
	height: 35px;
	width: 113px;
	font-size: 131%;
	line-height: 197%;
	font-family: Arial;
	font-weight: bold;
	color:#fff;
	text-align: center;
	}
	
#mc .bb-mc-nav li:hover,
#mc .bb-mc-nav li.bb-active{ background:#000000 url(/static/CLIClick/images/bg-bt-mc-nav.gif) 0 -35px no-repeat;  height: 35px; width: 113px;}	

#mc .bb-mc-nav li a{color:#ffffff}
#mc .bb-mc-nav li a:hover{color:#ffffff;text-decoration: none;}
#mc .bb-hd-mc-divider{ background:url(/static/CLIClick/images/bg-hd-mc-divider.gif) bottom right no-repeat; border: 1px solid #000;}

/* ----------------------------------------------- */
/*   				USER- LOGIN                    */
/* ----------------------------------------------- */

#mc .bb-mc-login {margin:14px 0 0 0; float: right; width: 100%;}
#mc .bb-mc-login ul{float: right;}
#mc .bb-mc-login li {
	float:left;
	font-size: 93%;
	line-height: 93%;
	font-family: Arial;
	color:#fff;
	padding: 0 10px;
	margin:0 0 14px 0;
	}
	
#mc .bb-mc-login li.first {
	border-right:1px solid #fff;
	}
	
#mc .bb-mc-login li a{
	color: #ffffff;
	}
	

	
/* ----------------------------------------------- */
/*   			 PHOTO GALLERY          	       */
/* ----------------------------------------------- */


.bb-md-player {width: 100%; margin: 0 auto; overflow: hidden;}

.bb-md-player .wg-galery-player { float:left; display:inline; border:5px solid #333; margin-left:200px}
.bb-md-player .wg-galery-control-x { float:right; display:inline; margin:40px 40px 0 0}


ul#carousel {float: left;}

ul#gallery {
	width: 552px;
	height: 380px;
	overflow:hidden;
	padding: 4px 5px 4px 5px; border-bottom:6px solid #222;
	background: url(/static/CLIClick/images/bg-player-mediacenter.gif) top left repeat-x;
	float: left;
	}

/* vertical carousel */

.jcarousel-container {position: relative;}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

.jcarousel-next { z-index: 3;display: none;}
.jcarousel-prev { z-index: 3; display: none;}


/*********** SK CAROUEL ***********************/
.jcarousel-skin-tango {float:left;}
.jcarousel-skin-tango .jcarousel-container {/*float:left;*/ margin:17px 0 0 80px;}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 90px;
    height: 323px;
    padding: 40px 6px 0 8px;
    background: transparent url(/static/CLIClick/images/bg-mediacenter-carousel.gif) 0 0 no-repeat;
}

.jcarousel-skin-tango .jcarousel-clip-vertical { width: 104px;height: 286px;}
.jcarousel-skin-tango .jcarousel-item {width: 87px;height: 60px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 8px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 12px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {color: #000;}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 8px;
    left: 5px;
    width: 96px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/static/CLIClick/images/bt-vertical-next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default;background-position: 0 -96px;}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 8px;
    left: 5px;
    width: 96px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/static/CLIClick/images/bt-vertical-prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default;background-position: 0 -96px;}

/* ----------------------------------------------- */
/*   				GALERY - CONTROL               */
/* ----------------------------------------------- */

#mc .wg-galery-control {
	background: url(/static/CLIClick/images/bg-mc-control.gif) top left no-repeat;
	float:left; height:296px; width:151px;
	margin:92px 0 0 10px;
	}

#mc .wg-galery-control .hd {margin:20px 0 0 14px; width:124px; height:85px}
#mc .wg-galery-control .bd {margin:0 0 0 14px; width:124px; height:104px}
#mc .wg-galery-control .ft {margin:0 0 0 14px; width:124px;height:40px;}


#mc .wg-galery-control h2 {font-size:153.9%; font-weight:bold; line-height:100%;}
#mc .wg-galery-control .bd p {font-size:93%; line-height:108%;}
#mc .wg-galery-control .bd p span{text-transform:uppercase; font-weight:bold; margin-right:5px;}
#mc .wg-galery-control ul li {float:left; display:inline;}
#mc .wg-galery-control ul li a{background: url(/static/CLIClick/images/bg-mc-bt-control.gif) top left no-repeat; height:40px; width:40px; margin-right:1px; float:left;}

#mc .wg-galery-control li.prev-button a{background-position: 0 -40px;}
#mc .wg-galery-control li.next-button a{background-position: -40px -40px;}
#mc .wg-galery-control li.article-button a{background-position: -80px -40px;}

#mc .wg-galery-control li.prev-button a:hover {background-position: 0 0;}
#mc .wg-galery-control li.next-button a:hover {background-position: -40px 0;}
#mc .wg-galery-control li.article-button a:hover {background-position: -80px 0;}

/********** arata-ne *****************/

#mc .sk-arata-ne .hd{height:45px;}
#mc .sk-arata-ne .hd h2{color:#ff0000; text-transform:uppercase; font-family:Arial Black;}
#mc .sk-arata-ne .bd{height:55px;}
#mc .sk-arata-ne .ft{height:132px; background: url(/static/CLIClick/images/bg-bd-arata-control.gif) 0 50px no-repeat;}
#mc .sk-arata-ne .ft .bb-button {top:98px; left:-5px; float:left; position:relative;}


/********** vip chat *****************/

#mc .sk-vip-chat {background: url(/static/CLIClick/images/bg-control-vip-chat.gif) 0 0 no-repeat;}
#mc .sk-vip-chat .hd{height:45px;}
#mc .sk-vip-chat textarea{height:185px; width:123px; border:none; background:transparent; text-align:left;}
#mc .sk-vip-chat .bd{height:185px; font-size:93%;color:#666;}
#mc .sk-vip-chat .register{text-align:center; padding-top:30px; }
#mc .sk-vip-chat ul {margin:10px 0 0 18px;}
#mc .sk-vip-chat ul li a{ background-image:none; height:15px; color:#ff0000; }
#mc .sk-vip-chat .ft {margin-top:15px;}
#mc .sk-vip-chat .ft .bb-button {top:0; left:17px; float:left; position:relative;}

	
/* ----------------------------------------------- */
/*   				MENU VIDEOS                    */
/* ----------------------------------------------- */

#mc #hd-navs{
	background:url(/static/CLIClick/images/bg-mc-menu-slide.gif) top left no-repeat;
	font-weight:bold;
	margin:50px 0 0 0;
	width: 100%;
	height: 50px;
	}
	
#mc ul#hd-navs {margin:10px 0 0 0; padding: 0 0 0 10px;}	

#mc ul#hd-navs li{
	font-size:116%;
	line-height: 182%;
	margin:12px 0 10px 0;
	padding: 0 12px 0 12px;
	float: left;
	display: block;
	text-transform: uppercase;
	border-right:1px solid #fff;
	}
	
#mc ul#hd-navs li.mc-channels {border-right: none; margin:12px -10px 10px 0; padding:0 20px 0 10px;}
#mc ul#hd-navs li a{color:#ffffff;}
	
#mc ul#hd-navs ul li{
	width: 100%;
	line-height: 80%;
	font-size: 100%;
	font-weight: normal;
	border-right:none;
	}	
	
/*** channels ***/	
			
.mc-channels {width: 138px; background: url(/static/CLIClick/images/bg-mc-channels.gif) top right no-repeat; border: none;}
	
#mc ul#hd-navs ul#chanels{
	width: 164px;
	float: none;
	position: absolute;
	z-index: 1000;
	margin-left:-10px;
	_margin:23px 0 0 -146px;
	*margin:23px 0 0 -146px;
	background: red url(/static/CLIClick/images/bg-mc-nav-channels.gif) top left repeat-x;
	border:1px solid #af0c03;
	}
		
#mc ul#hd-navs ul#chanels li{
	font-size: 93%;
	line-height: 123.1%;
	width: 148px;
	_width: 124px;
	*width: 124px;
	margin:2px 10px 2px 10px;
	display: block;
	padding: 0;
	}	

#mc ul#hd-navs ul#chanels li:hover,
#mc ul#hd-navs li.bt-mc-search :hover{background-color: transparent;}
	
#mc ul#hd-navs li.bt-mc-search input:hover{background-color: #ffffff;}					

/**** search ****/
 		
#mc ul#hd-navs li.bt-mc-search {
	background:transparent url(/static/CLIClick/images/bt-mc-search.gif) top left no-repeat;
	width: 29px;
	height: 29px;
	cursor:pointer;
	display:block;
	margin:11px 0 0 8px;
	_margin:11px 0 0 16px;
	*margin:11px 0 0 16px;
	padding:0 0 0 0;
	border: none;
	font-size:116%;
	line-height: 182%;
	border-left:1px solid #ffffff;
	}
	
#mc ul#hd-navs li:hover,
#mc ul#hd-navs li.bb-active {background-color: #000000;color: gold;display: block;}
#mc ul#hd-navs li a:hover {color: gold; text-decoration: none;}		
#mc ul#hd-navs li.bt-mc-search ul{
	width: 209px;
	height: 40px;
	margin:2px 0 0 -182px;
	_margin:25px 0 0 -190px;
	*margin:25px 0 0 -190px;
	background:transparent url(/static/CLIClick/images/bg-mc-search.gif) top left repeat-x;
	z-index: 1000;
	position: absolute;
	border:1px solid #feff00;
	}
	

#mc ul#hd-navs li.bt-mc-search ul input {width: 155px; font-size:88%; line-height:90%; float:left; margin-top:-3px;}	
#mc ul#hd-navs li.bt-mc-search ul form img {float:left; margin:-3px 0 0 7px;}	

/***************************************************/
/*				VIP CHAT 						   */
/***************************************************/


#mc .vip-chat .video-zone{
	padding: 4px 5px 4px 5px;
	background: url(/static/CLIClick/images/bg-player-mediacenter.gif) top left repeat-x;
	float: left;
	position:relative;
	left:218px;
	}

#mc .vip-chat ul#hd-navs li.bt-mc-search {float:right; margin-right:21px;}
#mc .vip-chat .hd-top-chat {color:#fff; font-size:189%; line-height:167%; font-weight:bold;
	background:url(/static/CLIClick/images/st-mc-vip-comments-top.gif) no-repeat !important; height:58px; width:620px;}
	
#mc .vip-chat .coments-vip-chat {text-align:left; padding:0;}
#mc .vip-chat .coments-vip-chat .bb-md-news-section {margin:0 20px 20px 20px; font-weight:bold;  text-align:left;}
#mc .vip-chat .coments-vip-chat .bb-md-news-section p.data {color:#ff0000; margin-bottom:14px;}
#mc .vip-chat .coments-vip-chat .bd {background:#b7b7b7; width:620px; padding-bottom:15px;}
#mc .vip-chat .coments-vip-chat .bd .content { background:#fff;width:589px; padding:15px 0 5px 0; margin:0 0 0 15px; border-left:1px solid #8e8e8e; text-align:center;}


#mc .vip-chat .coments-vip-chat .bb-md-news-section p.name {color:#ff0000; margin-bottom:14px;padding-top:5px; border-top:1px dotted #000;}
#mc .vip-chat .coments-vip-chat .bb-md-news-section p.respuesta {color:#666;font-weight:normal;}

#mc .vip-chat .coments-vip-chat .scroll {height: 500px;}
#mc .vip-chat .coments-vip-chat .content-scroll {width:605px; background:#ffffff; padding:15px 0 5px 0; margin:0 0 0 15px; border-left:1px solid #8e8e8e; text-align:center;}
#mc .vip-chat .coments-vip-chat .jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 5px;
top: 0;
height: 100%;
background: url(/static/CLIClick/images/scroll/bb-scroll-bar.gif) 3px 0 repeat-y;
margin-top:10px;
}



/********* foter *******/	

#mc #content #ft {color:#ffffff; border-top:4px solid #ffffff; margin:14px auto;}
#mc #content #ft a{color:#ffffff;}