/* CSS Document */

@font-face {
  font-family: 'mb_audio_fontRegular';
  src: url('../mbAudioFont/mbaudio_font.eot');
  src: local('?'), url('../mbAudioFont/mbaudio_font.woff') format('woff'),
  url('../mbAudioFont/mbaudio_font.ttf') format('truetype'),
  url('../mbAudioFont/mbaudio_font.svg#webfontywr4YLri') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DroidSansMonoRegular';
  src: url('../DroidSansMono/DroidSansMono.eot');
  src: local('?'), url('../DroidSansMono/DroidSansMono.woff') format('woff'),
  url('../DroidSansMono/DroidSansMono.ttf')  format('truetype'),
  url('../DroidSansMono/DroidSansMono.svg#webfontGzFJ3WpO') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
	margin: auto;
	padding: 0px;
}

body {
	font-family				: tahoma, arial, sans-serif;
	font-size				: 12px;
	color					: #343434;
	margin					: 0px;
	padding					: 0px;
	background				: #ffffff;
	width					: 100%;
}

p {	margin: 0px 0px 10px 0px; padding: 0px; line-height: 1.5em; }
form { margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; }
button span { display: none; }
.main a { color: #E75C00; }
a { outline: none; }

button, input, textarea, select { outline: none; }

.left { float: left; }
.clear { clear: both; }
.right { float: right; }
.center { text-align: center; }

h1 { margin: 0; padding: 0; font: inherit; }
h1.title, .ogloszenie h1 { color: #000; text-decoration: none; font:bold 14px/16px tahoma; margin: 10px 0px;}
h2 { margin: 0; padding: 0; margin-bottom: 10px; color: #232323; font: bold 14px/16px tahoma; }

/* h1 { color: #E75C00; margin: 0; padding: 0; margin-bottom: 10px; font-size: 19px; font-family: Garamond, "Times New Roman", serif; }
h2 { color: #E75C00; margin: 0; padding: 0; margin-bottom: 0px; font-size: 15px; font-family: Garamond, "Times New Roman", serif; } */

.margin5 { clear: both; padding-top: 5px; }
.margin10 { clear: both; padding-top: 10px; }
.margin10b { margin-bottom: 10px; }
.margin40 { clear: both; padding-bottom: 40px; padding-top: 25px; }
.padding10 { padding: 10px; }
.error { color: red; margin-top: 10px; margin-bottom: 10px; border: 1px solid red; font-weight: bold; background: #FFBABA; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; }
.success { color: #4F8A10; margin-top: 10px; margin-bottom: 10px; border: 1px solid #4F8A10; font-weight: bold;	background: #DFF2BF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* overlay */
.overlay-window { width: 392px;	margin-left: auto; margin-right: auto; clear: both; display: none; color: #fff; top: -25% !important; }
.overlay-window .wrapper { padding: 0 24px; overflow: hidden; }
.overlay-window button.zaloguj { width: 71px; height: 27px; background-position: 0 0; margin-left: 248px; cursor: pointer; }
.overlay-window button.zaloguj:hover { background-position: 0 -27px; }
.overlay-window .overlay { /*background: #242424;*/ }
.overlay-window .close { color: #fff; float: right; margin-right: 10px; margin-top: 2px; margin-bottom: 10px; }
.overlay-window .close span { color: #666; text-decoration: none; }
.overlay-window .close:hover { text-decoration: underline; cursor: pointer;}
.overlay-window .shadow-top {width: 392px; height: 20px; }
.overlay-window .shadow-bottom {width: 392px; height: 20px; }
.overlay-window .content { padding-bottom: 10px;padding-top:10px; background: #181818; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 7px solid #242424;  }
.overlay-window .content h1 {height: 15px; color: #fff; font-size: 14px; }
.overlay-window .content .h1-wrapper { padding-left: 10px; padding-top: 0px; padding-bottom: 10px; }
.overlay-window .content input { width: 305px; height: 30px; border: 0; outline: none; }
.overlay-window .content .input span { display: block; float: left; width: 42px; padding-top: 14px;  }
.overlay-window .content .login, .overlay-window .content .password { margin: 0 auto; width: 310px; height: 37px; padding: 0; margin-bottom: 8px; }
.overlay-window .content .login-input { margin-top: 3px; margin-left: 10px; margin-bottom: 0px; width: 254px; font-size: 13px; height: 16px; padding: 9px 0; background: #f6f6f6; border: 1px solid #fff; }
.main .rejestracja_form { margin-left: 10px; margin-top: 15px;}
.main .rejestracja_form .rejestracja-input, .main .ustawienia-input { margin-top: 3px; margin-left: 0px; margin-bottom: 0px; width: 300px; font-size: 13px; height: 16px; padding: 9px 0; background: #f6f6f6; border: 1px solid #eee; }
.overlay-window a { color: #fff; display: block; padding-left: 10px; margin-left: 6px; }
.overlay-window a img { margin-top: 2px; }
/* overlay end */

.main textarea.ustawienia-input { height: 200px; }


.main { width: 980px; margin: auto; overflow: hidden; }
.bg { background: #fff; width: 100%; z-index: 0;}

textarea.txt { background-color: #fff; border: 1px solid #e0e0e0; width: 99%; height: 200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: arial, tahoma, sans-serif; font-size: 12px; }
/* textarea.txt:focus { border-color: #ed0b60; } */

.buttons, a.buttons { background: url("buttons.png") no-repeat; border: 0; vertical-align: middle; }
a.buttons { display: block; }
.headers { background: url("headers.png") no-repeat; border: 0; vertical-align: middle; }

.buttons span { display: none; }
span.headers { text-indent: -10000px; outline: none; display: block; margin: 0 auto; }

a .login { width: 71px; height: 27px; background-position: 0 0; }
a:hover .login { background-position: 0 -27px; }
a .logout { width: 77px; height: 27px; background-position: -161px 0; }
a:hover .logout { background-position: -161px -27px; }
button.register, a .register { width: 90px; height: 27px; background-position: -71px 0; }
button.register:hover, a:hover .register { background-position: -71px -27px; }
a.zobacz-wiecej { width: 90px; height: 27px; background-position: -147px -54px; }
a:hover.zobacz-wiecej { background-position: -147px -81px; }

button.zapisz, a.zapisz {width: 49px; height: 27px; background-position: 0px -54px; }
button.zapisz:hover, a:hover .zapisz { background-position: 0px -81px; }

button.wyslij, a.wyslij {width: 49px; height: 27px; background-position: -49px -54px; }
button.wyslij:hover, a:hover .wyslij { background-position: -49px -81px; }

button.ok, a.ok {width: 49px; height: 27px; background-position: -98px -54px; }
button.ok:hover, a:hover .ok { background-position: -98px -81px; }

span.koszykowka { height: 15px; width: 62px; background-position: 1px 0px; }
span.pilka-reczna { height: 15px; width: 63px; background-position: 1px -15px; }
span.siatkowka { height: 15px; width: 54px; background-position: 1px -30px; }
span.pilka-nozna { height: 15px; width: 60px; background-position: 1px -45px; }
span.zuzel { height: 15px; width: 28px; background-position: 1px -60px; }
span.tenis-stolowy { height: 15px; width: 72px; background-position: 0px -75px; }
span.inne { height: 15px; width: 23px; background-position: 1px -90px; }

#top { height: 197px; overflow: hidden; z-index: 10; }
#top a { color: #fff; text-decoration: none; }
#top a:hover { text-decoration: underline; }
#top .logo { width: 350px; height: 87px; float: left;margin-top: 15px; }
#top .logo a { text-decoration: none; }
#top .top_wrapper, #top .menu_wrapper, #top .submenu_wrapper { clear: both; }
#top .top_wrapper_clubo {background: #000;}
#top .right_side { float: left; width: 630px; }
#top .right_side .right_top { height: 33px; }
#top .right_side .right_top .logowanie { float: right; margin-right: 15px; }
#top .right_side .right_top .logowanie a { float: right; margin-right: 5px; margin-top: 5px; }
#top .right_side .right_top .logowanie span.howdy { margin: 10px 5px 0 0; display: block; float: left; color: #888; }
#top .right_side .right_top .logowanie span.howdy a { margin: 0; margin-left: 3px; }
#top .right_side .right_top .menu { float: right; background-color: #383838; font-size: 11px; }
#top .right_side .right_top .menu ul { list-style: none; margin: 0; padding: 0; }
#top .right_side .right_top .menu ul li { float: left; display: block; padding: 9px 0; }
#top .right_side .right_top .menu ul li a { display: block; border-right: 1px solid #787878; padding: 0 10px; }
#top .right_side .right_top .menu ul li a strong { color: #e75c00; }
#top .right_side .right_top .menu ul li:last-child a { border: none; }
#top .right_side .right_bottom { height: 80px; margin-top: 5px; margin-bottom: 5px; float: right; }
#top .right_side .right_bottom span { letter-spacing: 10px; font-size: 10px; }
#top .right_side .right_bottom .reklama_demo{ width: 600px; height: 65px; background: #787878; }



#top .menu_wrapper { background: #383838; height: 43px; border-top: 1px;  border-top: 1px solid #181818; }
#top .menu_wrapper ul { list-style: none; margin: 0; padding: 0; display: block; width: 974px; margin: 0 auto; }
#top .menu_wrapper ul li { display: block; float: left; height: 47px;  z-index: 10; }

#top .menu_wrapper ul li:hover ul.sub { display: block; }

#top .menu_wrapper ul li ul.sub { position: absolute; width: 200px; display: none; border: 0; background: #787878; z-index: 20; }
#top .menu_wrapper ul li ul.sub li { float: none; display: block; border: 0; height: auto; }
#top .menu_wrapper ul li ul.sub li a { float: none; display: block; border: 0; width: auto; text-align: left; padding: 5px 15px; }

#top .menu_wrapper ul li:hover { background: #787878; }
#top .menu_wrapper ul li:first-child a { border-left: 1px solid #787878; }
#top .menu_wrapper ul li a { display: block; text-align: center; padding: 14px 0; width: 138px; height: 15px; border-right: 1px solid #787878; }

#top .menu_wrapper ul li.selected { background-image: url("menu_hover.png"); position: relative; background-repeat: no-repeat; z-index: 25; }
#top .menu_wrapper ul li.selected a { border-right: none; }
#top .menu_wrapper ul li.selected:hover { background-color: transparent; }


/* clubo menu */

#top .clubo_menu { background: #383838; height: 43px; border-top: 1px;  border-top: 1px solid #181818; }
#top .clubo_menu ul { list-style: none; margin: 0; padding: 0; display: block; width: 974px; margin: 0 auto; }
#top .clubo_menu ul li { display: block; float: left; height: 47px;  z-index: 10; }

#top .clubo_menu ul li:hover { /*background-image: url("cluboteka/karta.png"); background-position: -10px -50px;*/ background: #474747; }
#top .clubo_menu ul li:hover a {color: #E3B419; text-decoration: none;}
#top .clubo_menu ul li:first-child a { border-left: 0; }
#top .clubo_menu ul li a { display: block; text-align: center; padding: 14px 0; width: 138px; height: 15px; border-right: 0; color: #D9D08F;}

/*
#top .clubo_menu ul li a.powrot {color: #D9D08F; }
#top .clubo_menu ul li:hover a.powrot {color: #000; }
*/

#top .clubo_menu ul li.selected { background-image: url("cluboteka/karta.png"); background-position: -10px -50px; position: relative; background-repeat: no-repeat; z-index: 25; }
#top .clubo_menu ul li.selected a { border-right: none; font-weight: bold; color: #000; }
#top .clubo_menu ul li.selected:hover { background-color: transparent; }

/* clubo menu end */


#top .submenu_wrapper { background: #f86400; height: 30px; border-top: 1px; text-align: center; position: absolute; width: 100%; z-index: 10; }
#top .submenu_wrapper ul { list-style: none; margin: 0 auto; padding: 0; width: 980px; }
#top .submenu_wrapper ul li { float: left; padding: 7px 10px; }
#top .submenu_wrapper ul li:first-child { padding-left: 0; }

#footer { padding: 10px 0px; font-size: 11px; color: #fff; }


.validate_message_wrapper { margin-bottom: 10px; }
.validate_message { width: 280px; border-top: 3px solid #efefef; background: #f8f8f8; margin-left: 6px; color: /*#ED0B60*/ #E75C00; padding: 5px; font-size: 11px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
display: none;
}

.main .rejestracja_form button.rejestruj { width: 109px; height: 40px; background-position: -109px -80px; clear: both; margin-top: 20px; display: block; }
.main .rejestracja_form button:hover.rejestruj { background-position: -109px -120px; }
.main .rejestracja_form a {color: #E75C00; font-weight: bold; }
.main .rejestracja_form label.akceptacja, .fillout { display: block; margin-top: 20px; background: #f6f6f6; border: 1px solid #eee; width: 290px; padding: 9px 5px; }

#left ul.pagination { border:0; margin: 5px 5px 0px 0px; padding:0; float: right; }
#left ul.pagination li {
	border: 0; margin: 0; padding: 0;
	font-size: 12px;
	list-style: none;
	text-align: center;
	float: left;
}
#left ul.pagination .previous-off,
#left ul.pagination .next-off {
}
#left ul.pagination .next a {
	width: 55px; height: 27px; background-position: 0px -108px; padding: 0; margin: 0; margin-left: 10px;
}
#left ul.pagination .next a:hover {
	background-position: 0px -135px;
}
#left ul.pagination .previous a {
	display: block; width: 55px; height: 27px; background-position: -55px -108px; padding: 0; margin: 0; margin-right: 10px;
}
#left ul.pagination .previous a:hover {
	background-position: -55px -135px;
}
#left  ul.pagination .active {
	color: #E75C00;
	font-weight: bold;
	padding: 5px;
	margin-right: 2px;
}
#left  ul.pagination a {
	color: #000;
	display: block;
	padding: 5px;
	text-decoration: none;
	margin-right: 2px;
}
#left  ul.pagination a:hover {
	color: #a90d48;
}

#left  ul.pagination .max {
	padding: 0px 2px;
	padding-top: 10px;
}

.header { background: #232323; color: #fff; font-weight: bold; width: 100%; margin-bottom: 1px; padding: 8px 0px; }
.header_pad, .header h2 { color: #fff; margin: 0; padding: 0; padding-left: 15px; font: bold 12px/16px tahoma, arial; }

.clubo_header { background: #000; color: #D9D08F; font-weight: bold; margin-bottom: 1px; padding: 8px 0px; background-image: url('cluboteka/kwadrat3.png'); background-repeat: no-repeat; }
.clubo_header_pad { padding-left: 15px; }

#left .header_pad a, .header_pad a { color: #fff; text-decoration: none; }

#left { float: left; width: 690px; margin-right: 10px; line-height: 1.5em; }
#right { float: left; width: 280px; }

#left a { color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; }
#left a:hover { color: #ff4400; }

.main .news_list { overflow: hidden; width: 680px; }
.main .news_list .news { clear: both; overflow: hidden; margin-bottom: 5px; }
.main .news_list .news .img { float: left; width: 168px; }
.main .news_list .news .img2 { float: left; width: 280px; }

#left .news_list .news .sum { padding-left: 178px; }
#left .news_list .news .sum2 { padding-left: 288px; }
#left .news_list .news .sum3 { padding-left: 0px; }
#left .news_list .news .sum .category { background-color: #ededed; padding: 5px; font-size: 11px; color: #000; width: auto; display: inline-block; }
#left .news_list .news .sum .category a { color: #000; font-weight: normal; }
#left .news_list .news .sum .category a:hover { color: #ff4400; font-weight: normal; }
#left .news_list .news .sum .title { margin: 5px 0 5px 0; }
#left .news_list .news .sum h2 a { color: #000; text-decoration: none; font:bold 14px/16px tahoma; }
#left p.created { line-height: 1.5em; color: #666; font-size: 11px; margin-bottom: 5px; }
.des { line-height: 1.5em; margin-bottom: 10px; font-weight: bold; }
#left .news_list .news .sum p.summary { line-height: 1.5em; font-size: 12px; }
#left .news_list .news .sum a.comm { color: #000; font-weight: bold; }

.list_rel { width: 280px; }
.list_rel img { border: 0; }
.list_rel .ele { position: relative; margin-bottom: 1px; }
.list_rel .ele a { text-decoration: none; }
.list_rel .ele .podpis {
	background-image  : url(overlay.png);
	background-repeat : repeat;
	color: #fff;
	width: 280px;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 999;
	text-decoration: none;
}
.list_rel .ele .podpis .podpis_pad { position: relative; padding: 5px 10px; line-height: 1.6em; }


.relacje_home { float: left; width: 240px; margin-right: 10px; }
.relacje_home_ul { padding: 0px; width: 220px; height: 30px; background: #383838; border-right: solid #787878 1px; margin-left: 10px; margin-bottom: 0; }
.relacje_home_ul li { list-style: none; float: left; border-left: solid #787878 1px; text-align: center; }
#left .header a { color: #fff; }
#left .header a:hover { color: #fff; text-decoration: underline; }
#left .relacje_home_ul li a { display: block; height: 20px; padding: 5px; color: #fff; }
#left .relacje_home_ul li a:hover { background: #787878; text-decoration: none; }
#left .relacje_home_ul li a.zapowiedzi { width: 124px; }
#left .relacje_home_ul li a.zakonczone { width: 74px; }
#left .relacje_home_ul li a.selected { background: url("hover_relacje.png") repeat-x; }
#left .relacje_home .relacje_home_text { background: #787878; width: 211px; margin-left: 10px; padding: 5px; font-size: 11px; font-weight: normal; }
.relacje_home_title { padding: 2px 0px 0px 0px; }
.relacje_home_title .wynik, .relacje_home_title .wynik2 { color: #ffcc00; }
.relacje_home_title .wynik0 { color: #377a00; }
.relacje_home_title .wynik1 { color: #ce0000; }
.relacje_home_other { border-bottom: solid #646464 1px; padding: 0px 0px 3px 0px; }

#left .mainnews_home { float: left; width: 440px; }
#left .main_news { position: relative; clear: both; margin-bottom: 5px; width: 440px;}
#left .main_news .podpis { position: absolute; bottom: 0; background-image  : url(overlay.png);	background-repeat : repeat; }
#left .main_news a { color: #fff; text-decoration: none; }
#left .main_news .title { font-weight: bold; padding: 10px; font-size: 12px; }
#left .main_news .summary { font-weight: normal; padding: 0px 10px 10px 10px; line-height: 1.5em; font-size: 12px; }
#left .main_news .summary span { font-weight: bold; font-size: 11px; margin-top: 10px; display: block; }

.img {float: left; margin: 0 5px 5px 0; }
.img .opis_zdjecia { font-size: 10px; color: #888; text-align: center; }

.comments {}
.comments .com { clear: both; overflow: hidden; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; }
.comments .com .user_avatar {width: 70px; float: left; text-align: center; margin-right: 10px; }
.comments .com .content { clear: right; line-height: 1.5em; }
#addcom {width: 402px;}
#addcom textarea {display: block; height: 100px; background: #fff; border: 1px solid #ccc; width: 402px; }

.tabela { line-height: 1.5em; border-collapse: collapse; width: 100%; margin-bottom: 10px; font-size: 11px; border-width: 0px; border-spacing: 0px; }
.tabela_tr {
	background: #f4f4f4;
}
.tabela td { padding: 3px 5px; border-bottom: solid #dbdbdb 1px; }
.tabela_tr td { border: solid #dbdbdb 1px; font-weight: bold; color: #333; }
.tabela td.tabela_name { font-weight: bold; }

.margin10b { margin-bottom: 10px; }
#wyszukiwarka { margin-top: 10px; margin-bottom: 5px; }
#wyszukiwarka input { 
	padding: 5px; height: 17px; background: #fff url("search_bg.png") repeat-x top left; border: 0; vertical-align: middle; width: 190px; font-size: 11px; color: #7c7c7c;
	-moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;
}
.szukaj { background-position: -110px -108px; width: 50px; height: 27px; }
.szukaj:hover { background-position: -110px -135px; }

.media_list { padding-bottom: 2px; margin-bottom: 5px; }
.media_list ul { list-style: none; margin: 0; padding: 0;}
.media_list ul li { display: block; margin-bottom: 1px; font-size: 11px; }
.media_list ul li:nth-child(2n) { background: #f4f4f4; }
.media_list ul li .media_name { padding: 5px 5px 0 5px; font-weight: bold; }
.media_list ul li .p5 { padding: 5px 5px 5px 5px; font-weight: bold; }
.media_list ul li .media_name span.typ {font-weight: normal; font-size: 10px; margin-right: 5px; background: #555; padding: 2px; color: #fff; }
.media_list ul li .media_name span.mp3 { background: #e75c00; }
.media_list ul li .media_name span.video { background: #2b63b6; }
.media_list ul li .media_name span.pdf { background: #f00; }
.media_list ul li .article_name { padding: 5px; color: #444; }
.media_list ul li .article_name a { color: #666; text-decoration: none; }
.media_list ul li .article_name a:hover { text-decoration: underline; }
.media_list ul li a.download_media { color: #999; padding: 0px 20px 7px 20px; display: block; }

#left .category_list ul { display: block; width: 335px; float: left; list-style: none; margin: 0; padding: 5px; margin-top: 5px;}
#left .category_list ul li a { font-weight: normal; }
#left .category_list ul li .li_head { padding: 0px; }
#left .category_list ul li .li_head a { font: bold 14px/16px "Tahoma"; }
#left .category_list ul li ul li { margin-bottom: 4px; margin-left: 15px; }
#left .category_list ul li ul li a { font: normal 12px/14px "Tahoma"; }

ul.clear {clear: both;}

#right .cat_list { padding: 10px; }
#right .cat_list ul { list-style: none; margin: 0; padding: 0; }
#right .cat_list ul li a { font-weight: normal; padding: 3px 0; display: block; text-decoration: none; }
#right .cat_list ul li a:hover { text-decoration: underline; }
#right .cat_list ul li a.current { color: #000; font-weight: bold; }
#right .cat_list ul li .li_head { padding: 0px; }
#right .cat_list ul li .li_head a { font: bold 11px/12px "Tahoma"; }
#right .cat_list ul li ul li { margin-bottom: 4px; margin-left: 15px; }
#right .cat_list ul li ul li a { font: normal 11px/12px "Tahoma"; }

.ogloszenie table tr td { padding: 5px 0; }
.ogloszenie table tr td.l { font-weight: bold; text-align: right; padding-right: 5px; }

.relacja_box { background: #181818; color: #fff; padding: 10px; }
.relacja_box .relacja_status { float: left; font-size: 11px; text-align: left; }
.relacja_box .relacja_data { font-size: 11px; text-align: right; }
.relacja_box .druzyny { background: #fff; padding: 0px 10px; }
.relacja_box .druzyny .relacja_h { float: left; width: 40%; text-align: left; font: bold 14px/16px Tahoma; color: #ff4400; }
.relacja_box .druzyny .relacja_h table { height: 40px; }
.relacja_box .druzyny .relacja_h table tr td { vertical-align: middle; padding: 5px 0px; }
.relacja_box .druzyny .relacja_h table tr td img { margin-right: 5px; }

.relacja_box .relacja_h_info, .relacja_box .relacja_v_info { float: left; width: 40%; }
.relacja_box .relacja_h_info .info, .relacja_box .relacja_v_info .info {
	font-size: 11px; padding: 10px; background: #f4f4f4 url("relacje_bgshadow.png") repeat-x top; width: 88%; margin: auto; color: #181818; }
.relacja_box .relacja_h_info .info p, .relacja_box .relacja_v_info .info p { margin: 0; }
.relacja_box .relacja_wynik_part .info { text-align: center; font-size: 11px; padding: 10px 0px; background: #ffb18b url("relacje_bgshadow.png") repeat-x top; width: 85%; margin: auto; color: #181818; }
.relacja_box .relacja_wynik_part .info .sep { margin: 0px 10px; color: #561700; }
.relacja_box .relacja_wynik_part .info .wynik_l { text-align: left; font-weight: bold; }
.relacja_box .relacja_wynik_part .info .wynik_r { text-align: right; font-weight: bold; }
.margin2 { margin-top: 2px; }
.relacja_box .relacja_wynik_part { float: left; width: 20%; }

.relacja_box .druzyny .relacja_wynik { float: left; width: 20%; text-align: center; font: bold 24px/24px Tahoma; color: #fff; background: #f86400; }
.relacja_box .druzyny .relacja_wynik table { height: 45px; width: 100%; }
.relacja_box .druzyny .relacja_wynik table tr td { vertical-align: middle; padding: 5px 0px; }

.relacja_box .druzyny .relacja_v { float: left; width: 40%; text-align: right; font: bold 14px/16px Tahoma; color: #ff4400; }
.relacja_box .druzyny .relacja_v table { height: 40px; width: 100%; }
.relacja_box .druzyny .relacja_v table tr td { vertical-align: middle; padding: 5px 0px; }
.relacja_box .druzyny .relacja_v table tr td img { margin-left: 5px; }

.relacja_des { margin: 15px 10px; font-weight: bold; line-height: 1.6em; text-align: justify; }
#relacja_tekstowa { line-height: 1.3em; }
#relacja_tekstowa table { border-collapse: collapse; }
#relacja_tekstowa table tr.odd { background: #f4f4f4; }
#relacja_tekstowa .relacja_time_sep { font-weight: bold; padding: 8px; text-align: right; border-bottom: solid #dbdbdb 1px; }
#relacja_tekstowa .relacja_text { padding: 8px; border-bottom: solid #dbdbdb 1px; width: 100%; }
.relacja_autor_foto { float: left; width: 70px; margin-right: 7px; }
.relacja_autor { float: left; }
.relacja_autor p { margin: 0px 0px 5px 0px; padding: 0; line-height: 1.6em; }

#left .relacje_lista { padding: 2px; }
#left .relacje_lista .tytul_relacji { margin: 10px 0px 5px 0px; }
#left .relacje_lista .tytul_relacji a { color: #232323; font: bold 14px/16px tahoma; }
#left .relacje_lista .data_relacji { color: #666; font: normal 11px/12px tahoma; margin-bottom: 5px; }
#left .relacje_lista .opis_relacji { margin-bottom: 15px; line-height: 1.6em; }

#right .wyroznij { background: #ff4400; color: #fff; }
#right .relacje_lista { padding: 2px 5px; }
#right .relacje_lista .tytul_relacji { margin: 10px 0px 5px 0px; }
#right .relacje_lista .tytul_relacji a { color: #232323; font: bold 12px/14px tahoma; text-decoration: none; }
#right .relacje_lista .tytul_relacji a:hover {  text-decoration: underline; }
#right .relacje_lista .data_relacji { color: #666; font: normal 11px/12px tahoma; margin-bottom: 5px; }

#shoutbox { margin-bottom: 5px; }
#shoutbox a.submit_admin { font-size: 10px; border: 0; background: #fff; color: #f00; }
#shoutbox .shout_wrap { height: 350px; overflow: auto; }
#shoutbox .shout_wrap .shoutbox { clear: both; border-bottom: 1px solid #f3f3f3; }
#shoutbox .shout_wrap .shoutbox .avatar {width: 75px; height: 75px; float: left; margin-top: 2px; }
#shoutbox .shout_wrap .shoutbox .tresc {float: left; width: 182px; padding-left: 3px; }
#shoutbox .shout_wrap .shoutbox .tresc .name {float: left;}
#shoutbox .shout_wrap .shoutbox .tresc .data {float: right; font-size: 10px; color: #888; }
#shoutbox .shout_wrap .shoutbox .tresc .text {clear: both; margin-top: 2px; line-height: 1.3em;}
#shoutbox input.shoutbox_input { width: 223px; height: 19px; }

#shoutbox .shoutbox_wyslij { margin-top: 3px; }

.button20 { float: left; margin-right: 20px; }
.button20b { float: left; margin-right: 0px; }


/*karta*/
.karta {
	width: 220px;
	height: 110px;
	padding: 10px;
	background: #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: url("cluboteka/karta.png");
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.karta .karta_dolacz a {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	margin-top: 60px;
	text-align: center;
}

.karta .karta_dolacz a:hover {
	color: #736410;
}

.karta .karta_moderator {
	color: #574F22;
	padding: 0px 10px 0px 20px;
	margin-top: 55px;
	text-shadow: #D9D08F 1px 1px 1px;
	line-height: 1.2em;
}

.karta .small { font-size: 10px; }

.karta .karta_moderator a {
	color: #574F22;
	font-weight: bold;
}
.karta .karta_moderator a:hover { color: #736410; }

/*elementy glowne*/

.cluboteka_left {
	width: 730px;
	margin-right: 10px;
	float: left;
}

.cluboteka_left .c1, .cluboteka_left .c2 {
	/*width: 360px;
	float: left;*/
	width: 730px;
}

.cluboteka_left .c2 {
	/*margin-left: 10px;*/
}

.cluboteka_left .clubo_container {
}

.cluboteka_right {
	width: 240px;
	float: left;
}

/*lista branz po prawej*/

.cluboteka_right .branze_right {
	margin-top: 1px;
	background: #f4f4f4;
}

.cluboteka_right .branze_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cluboteka_right .branze_right ul li a {
	padding: 4px 10px;
}

.cluboteka_right .branze_right ul li a.selected {
	font-weight: bold;
	color: #AD8200;
}

.cluboteka_right .branze_right ul li a.sub {
	padding: 4px 10px 4px 25px;
}

.cluboteka_right .branze_right ul li a {
	display: block;
	color: #000;
	text-decoration: none;
}

.cluboteka_right .branze_right ul li a:hover {
	color: #D9D08F;
	background: #383838;
}

/*prawe menu*/

.cluboteka_right .menu_right {
	margin-top: 1px;
	background: #f4f4f4;
}

.cluboteka_right .menu_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cluboteka_right .menu_right ul li a {
	padding: 4px 10px;
}

.cluboteka_right .menu_right ul li a.selected {
	font-weight: bold;
	color: #AD8200;
}

.cluboteka_right .menu_right ul li a.sub {
	padding: 4px 10px 4px 25px;
}

.cluboteka_right .menu_right ul li a {
	display: block;
	color: #000;
	text-decoration: none;
}

.cluboteka_right .menu_right ul li a:hover {
	color: #D9D08F;
	background: #383838;
}

.cluboteka_right .menu_right ul li.drophover {
	background: #ddd;
}


.right_list { width: 240px; margin-bottom: 1px; }
.right_list ul { list-style: none; margin: 0; padding: 0; }
.right_list ul li { clear: both; margin-bottom: 1px;}
.right_list ul li .zdjecie {width: 120px; margin-right: 1px; float: left;}
.right_list ul li .opis {width: 119px; float: left;}
.right_list ul li .opis a { display: block; color: #000; font-weight: bold; text-decoration: none; margin-bottom: 3px; }
.right_list ul li .opis a:hover { text-decoration: underline; }
.right_list ul li .opis .address { font-size: 10px; color: #888;}


/*Recent member*/

.recent_member {
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 1px;
}

.recent_member_last {
	margin-right: 0;
}
.recent_member:last-child {
	margin-right: 0;
}

.recent_member a {
	color: #000;
	display: block;
	text-decoration: none;
}

.recent_member a:hover {
	color: #AB943A;
	/*color: #D9D08F;
	background: #383838;*/
}

.recent_member .nazwa {
	text-align: center;
	width: 115px;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}

.recent_member .logo {
	text-align: center;
	width: 121px;
}

/*clubo lista*/

.cluboteka_left .clubo_lista {}

.cluboteka_left .clubo_lista .element { padding-bottom: 1px; overflow: hidden; border-bottom: 1px solid #f5f5f5; margin-bottom: 1px; }
.cluboteka_left .clubo_lista .element22 { float: left; border: 0; background: #fff; }

.cluboteka_left .clubo_lista .z_extra { background: #FEFFED !important; border-color: #FAE0BE; }
.cluboteka_left .clubo_lista .z_extra:nth-child(2n) { background: #F4F5D7 !important; }

.cluboteka_left .clubo_lista .element:nth-child(2n) { background: #f5f5f5; }

.cluboteka_left .clubo_lista .element .foto { width: 120px; float: left; margin-right: 1px; }

.cluboteka_left .clubo_lista .element .opis { float: left; width: 229px; position: relative; padding-left: 10px; }
.cluboteka_left .clubo_lista .element .opis2 { width: 599px; }

.cluboteka_left .clubo_lista .element .opis .text { line-height: 1.5em; padding: 3px 0;}


.cluboteka_left .clubo_lista .element .opis .nazwa {width: 174px; }
.cluboteka_left .clubo_lista .element .opis2 .nazwa {width: 544px; }
.cluboteka_left .clubo_lista .element .opis .nazwa a { font-size: 13px; color: #000; font-weight: bold; text-decoration: none; display: block; padding: 3px; }
.cluboteka_left .clubo_lista .element .opis .nazwa a:hover {
	color: #D9D08F;
	background: #383838;
}

.cluboteka_left .clubo_lista .element .opis .cena { margin-top: 0px; width: 65px; /*height: 20px;*/ padding-bottom: 5px; background-image: url("cluboteka/karta.png");
	   background-position: -10px -50px; font-size: 11px; font-weight: bold; color:  #000; padding-top: 5px; text-align: center;
	   position: absolute; top: 0; right: 0;
}

.cluboteka_left .clubo_lista .element .opis .cena a {color: #000; text-decoration: none; }

.cluboteka_left .branze_main ul { width: 242px; padding: 0; margin: 0; list-style: none; margin-bottom: 10px; margin-right: 5px; }

.cluboteka_left .branze_main .l { width: 242px; float: left; }

.cluboteka_left .branze_main ul li { margin-top: 3px; }
.cluboteka_left .branze_main ul li a { color: #000; text-decoration: none; }
.cluboteka_left .branze_main ul li a:hover { text-decoration: underline;}
.cluboteka_left .branze_main ul.branza_sub { margin-left: 20px; width: 222px; clear: both; float: none;}

.cluboteka_left ul.pagination { border:0; margin: 5px 5px 0px 0px; padding:0; float: right; }
.cluboteka_left ul.pagination li {
	border: 0; margin: 0; padding: 0;
	font-size: 12px;
	list-style: none;
	text-align: center;
	float: left;
}
.cluboteka_left ul.pagination .previous-off,
.cluboteka_left ul.pagination .next-off {
}
.cluboteka_left ul.pagination .next a {
	width: 55px; height: 27px; background-position: 0px -108px; padding: 0; margin: 0; margin-left: 10px;
}
.cluboteka_left ul.pagination .next a:hover {
	background-position: 0px -135px;
}
.cluboteka_left ul.pagination .previous a {
	display: block; width: 55px; height: 27px; background-position: -55px -108px; padding: 0; margin: 0; margin-right: 10px;
}
.cluboteka_left ul.pagination .previous a:hover {
	background-position: -55px -135px;
}
.cluboteka_left  ul.pagination .active {
	color: #E75C00;
	font-weight: bold;
	padding: 5px;
	margin-right: 2px;
}
.cluboteka_left  ul.pagination a {
	color: #000;
	display: block;
	padding: 5px;
	text-decoration: none;
	margin-right: 2px;
}
.cluboteka_left  ul.pagination a:hover {
	color: #a90d48;
}

.cluboteka_left  ul.pagination .max {
	padding: 0px 2px;
	padding-top: 10px;
}

.cluboteka_left .media_element { width: 120px; float: left; margin-right: 1px; margin-bottom: 1px; position: relative; }
.cluboteka_left .media_element .delete_x { font-size: 10px; top: 0; right: 0; position: absolute;  }
.cluboteka_left .media_element .delete_x a {color: #E8E082; text-decoration: none; background: #000; padding: 3px; display: block;  }
.cluboteka_left .media_element .delete_x a:hover { background: #E8E082; color: #000; }

.album2 { clear: both; border-bottom: 1px solid #ddd; overflow: hidden; }
.album2 .delete_x { font-size: 10px;  width: 36px; margin: 0 5px; float: left; }
.album2 .info { width: 190px; font-size: 10px; float: left; padding: 3px 0; color: #aaa;}
.album2 .info2 { padding: 3px 10px; }
.menu_right .album2 .delete_x a {color: #000; text-decoration: none; background: none; padding: 3px; display: block; width: 30px; text-align: center; }
.menu_right .album2 .delete_x a:hover { background: #ccc; color: #000; }



.clubo_nazwa {
	width: 730px;
}

.clubo_nazwa .logo { width: 120px; float: left; }
.clubo_nazwa .nazwa { width: 600px; float: left; padding-left: 10px; }
.clubo_nazwa .nazwa2 {width: 400px; padding-left: 7px; margin-right: 3px;}
.clubo_nazwa .cena { float: left; margin-top: 3px; width: 200px; height: 36px; background-image: url("cluboteka/karta.png"); background-position: -10px -50px; font-size: 25px; font-weight: bold; color:  #000; padding-top: 7px; text-align: center; }

.clubo_nazwa .nazwa h1 { font-size: 20px; font-weight: bold; margin: 0; padding: 0; }
.clubo_nazwa .nazwa .bm {margin-top: 10px; }
.clubo_nazwa .nazwa .bm span { font-size: 10px; color: #888; background: #f1f1f1; padding: 3px; margin-right: 1px; margin-bottom: 1px; }
.clubo_nazwa .nazwa .bm a {color: #888; text-decoration: none;}
.clubo_nazwa .nazwa .bm span:hover { background: #383838; color: #D9D08F;}
.clubo_nazwa .nazwa .bm span:hover a { color: #D9D08F; }

.clubo_lista .element .firma_nazwa {margin-top: 1px; }
.clubo_lista .element .firma_nazwa span { font-size: 10px; color: #888; background: #f1f1f1; padding: 3px; margin-right: 1px; margin-bottom: 1px; }
.clubo_lista .element .firma_nazwa a {color: #888; text-decoration: none;}
.clubo_lista .element .firma_nazwa span:hover { background: #383838; color: #D9D08F;}
.clubo_lista .element .firma_nazwa span:hover a { color: #D9D08F; }

table.clubo_table { width: 730px; border: 0; margin: 0; padding: 0; border-collapse: collapse; }
table.clubo_table tr, table.clubo_table td { margin: 0; padding: 0; border: 0;}
table.clubo_table td.l { width: 180px; padding: 10px; border-right:  1px solid #fff; border-bottom: 1px solid #fff; background: #C9C6B9;}
table.clubo_table td.r { width: 509px; padding: 10px; background: #f4f4f4; font-weight: bold; border-bottom: 1px solid #fff;}

.clubo_opis { line-height: 1.7em; margin-bottom: 5px; }

.clubo_info { width: 700px; padding: 20px; margin: 0 auto;
			 background: #000;
			 color: #D9D08F;
			 font-size: 20px;
			 line-height: 2.0em;
			 text-align: center;
			 margin-top: 20px;
			 border-radius: 10px; -moz-border-radius: 10px;}

.clubo_news_right { margin-top: 1px; }
.clubo_news_right ul { list-style: none; padding: 0; margin: 0; }
.clubo_news_right ul li { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #f4f4f4;}
.clubo_news_right ul li a { color: #000; text-decoration: none; font-weight: bold;  padding: 2px; }
.clubo_news_right ul li a:hover {color: #D9D08F; }
.clubo_news_right ul li .data { color: #888; font-size: 10px;}
.clubo_news_right ul li .opis {margin-top: 2px; font-size: 11px; }

.clubo_search { margin-top: 1px; background: #000; padding-bottom: 1px;}
.clubo_search .l1 {width: 189px; float: left; }
.clubo_search .l2 { width: 50px; float: left; }
.clubo_search input { margin: 0; padding: 0; }
.clubo_search input.clubo_search_input { margin:0; margin-left: 1px; border: 0; background: #fff; font-size: 11px; height: 25px; width: 188px; }
.clubo_search button.clubo_search_submit {
	margin: 0;
	padding: 0;
	background-image: url("cluboteka/karta.png");
	background-position: -10px -50px;
	width: 50px;
	height: 25px;
	color: #574F22;
	text-shadow: #D9D08F 1px 1px 1px;
	border: 0;
	font-size: 11px;
	margin: 0;
}

.dolacz_numer, .dolacz_opis { float: left; }
.dolacz_numer { width: 130px; text-align: center; /*border-right: 1px solid #ccc;*/ font-size: 75px; color: #DBCE69; margin-top: 10px; }
.dolacz_opis { width: 589px; padding-left: 10px; line-height: 2.3em; font-size: 12px; margin-top: 10px;}
.dolacz_opis span { display: block; font-size: 11px; color: #888; }

a.goldlink { margin: 0 auto; color: #574F22; text-shadow: #D9D08F 1px 1px 1px; background-image: url("cluboteka/karta.png"); background-position: -10px -50px; background-repeat: no-repeat; text-decoration: none; font-weight: bold; font-size: 15px; padding: 10px;  display: block; width: 150px; text-align: center;}
a.goldlink:hover { color: #000; }

.member_menu { margin-bottom: 1px; overflow: hidden; }

.member_menu a.selected {color: #000; }

a.gl2 { float: left; margin: 0; margin-right: 16.5px; }
a.gl2last { margin-right: 0; }

.grey-wrapper { overflow: hidden; background: #f4f4f4; }

button.goldlink, input.goldlink { border: 0; margin: 0 auto; color: #574F22; text-shadow: #D9D08F 1px 1px 1px; background-image: url("cluboteka/karta.png"); background-position: -10px -50px; background-repeat: no-repeat; text-decoration: none; font-weight: bold; font-size: 15px; padding: 10px;  display: block; width: 150px; text-align: center;}
button.goldlink:hover, input.goldlink:hover { color: #000; }

.input-name { width: 120px; padding: 10px; float: left; text-align: right; font-size: 15px; font-weight: bold; padding-top: 20px; }
.input-field { width: 579px; float: left; padding-top: 10px; padding-bottom: 10px; }

input.firma_input { width: 560px; height: 30px; font-size: 15px; padding-top: 5px; padding-bottom: 5px; border: 1px solid #ddd; }
textarea.firma_input2 { width: 560px; height: 200px; font-size: 15px; padding-top: 8px; padding-bottom: 5px; border: 1px solid #ddd; font-family: tahoma, arial, sans-serif; }
textarea.opis { margin: 0 !important; padding: 0 !important; width: 560px;}
textarea.firma_input { width: 560px; height: 27px; font-size: 15px; padding-top: 8px; padding-bottom: 5px; border: 1px solid #ddd; font-family: tahoma, arial, sans-serif; }
select.firma_select { width: 560px; height: 40px; font-size: 15px; padding-top: 5px; padding-bottom: 5px; border: 1px solid #ddd; }
select.firma_select option { padding: 5px; }

input.firma_input:focus, select.firma_select:focus, textarea.firma_input:focus, textarea.firma_input2:focus {  border: 1px solid #DBCE69; }
.clubo_form .ulica, input.ulica { width: 460px; }
.clubo_form .nr_lokalu, input.nr_lokalu { width: 90px; }
.clubo_form .ulica, .clubo_form .nr_lokalu { float: left; }
.clubo_form .nr_lokalu { margin-left: 5px; }

.clubo_form .zgoda { background: #f4f4f4; margin-top: 10px; padding: 10px; color: #888; font-size: 11px; }

.licznik { margin-top: 5px; font-size: 10px; padding: 3px; width: 150px; background: #f6f6f6; }

.clubo_rotator { height: 340px; overflow: hidden; margin-bottom:  1px;}
.clubo_rotator ul { list-style: none;  margin: 0; padding: 0; }
.clubo_rotator ul li {padding: 0; margin: 0;}

.m_info { width: 730px; margin-top: 16px; padding: 0px; background: #000 url('cluboteka/kwadrat3.png') 0 0 no-repeat; color: #fff; height: 150px; margin-bottom: 1px;  }
.m_info a { color: #D9D08F; }
.m_block { padding: 10px; float: left; width: 340px; }
.m_strong { font-size: 22px; text-shadow: #574F22 1px 1px 1px; }

.m_block .pakiet { color: #FF0077;}

.m_block .green { color: #17BF11; }
.m_block .orange { color: #F5BC5B; }
.m_block .red {color: #FC1919; }

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	height: 45px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.hidden_checkboxes {
	display:none;
}

.edit_info { background: #f4f4f4; padding: 20px; color: #2370B8; text-shadow: #ccc 1px 1px 1px; }
.edit_error { background: #f4f4f4; color: #f00; padding: 20px; text-shadow: #ccc 1px 1px 1px; }
.edit_success { background: #f4f4f4; color: #28B823; padding: 20px; text-shadow: #ccc 1px 1px 1px; }

.p5 { padding: 5px; }
.file_name {}

.edit_menu { padding: 10px; text-shadow: #ccc 1px 1px 1px; text-align: right; }
.edit_menu a {color: #666; font-size: 11px; text-decoration: none;}
.edit_menu a:hover { text-decoration: underline; }

.edit_branza_main { padding: 5px; background: #f6f6f6; border-bottom: 1px solid #ccc; margin: 1px;  }

.edit_branza_sub { margin-left: 20px; }

span.edit_branza_sub_el { padding: 3px; line-height: 23px; }

li.menu_item {
	padding: 4px 10px 10px 10px;
	clear: both;
}

span.on, span.off {display: block; float: right; width: 25px; height: 12px; padding: 4px; text-align: center; color: #fff; font-size: 10px;
border-radius: 3px; -moz-border-radius: 3px; 
}
span.on { background: #34C240; }
span.off { background: #f00; }

.poczta { clear: both; border-bottom: 1px solid #ccc; padding: 5px; }
.poczta .title a { color: #000; text-decoration: none; font-weight: bold; }
.poczta .read a { font-weight: normal !important;}
.poczta .title a:hover { text-decoration:  underline; }
.poczta .date { color: #666; font-size: 11px; float: right; }
.poczta .tresc { border: 1px solid #eee; margin: 5px 0; padding: 5px; background: #f4f4f4; line-height: 20px; display: none; }

.thumbs_arrow { float: left; width: 47px; padding-top: 23px; text-align: center; }
.thumbs { width: 595px; float: left; }
.thumbs ul  { padding: 0; list-style: none; height: 77px; width: 595px; margin: auto; }
.thumbs ul li { float: left; width: 85px; height: 77px; text-align: center; }
.thumbs ul li.last { margin: 0; }
.thumbs ul li a { outline: none; }
.thumbs ul li img { border: solid #232323 1px; }
.thumbs ul li.active img { border: solid #F86400 1px; }

#fblikebox {
	color: #555555;
    font-size: 12px;
    text-align: left;
	background-color: #FFFFFF;
    border: 2px solid #3C95D9;
    height: 332px;
    position: fixed;
    right: -240px;
    top: 10%;
    width: 236px;
    z-index: 10005;
}
#fblikebox1 {
	height: 332px;
    overflow: hidden;
    width: 236px;
}
#fblikebox1 img { left: -35px; position: absolute; top: -2px; }
.fb_iframe_widget{overflow: hidden;}
.fb_ltr{margin-bottom: -20px;}


#fadeandscale {
  transform: scale(0.8);
}
.popup_visible #fadeandscale {
  transform: scale(1);
}



.map_params{
  display: none!important;
}


a.audio{
  display:none;
}

.mbMiniPlayer{

}

.mbMiniPlayer:focus{
  outline: none;
}

.mbMiniPlayer *{
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mbMiniPlayer{
  vertical-align: baseline!important;
}

.mbMiniPlayer span{
  font-family: "mb_audio_fontRegular"!important;
  font-size:20px;
  line-height: 20px!important;
}

.mbMiniPlayer .playerTable{
  -moz-border-radius:5px !important;
  -webkit-border-radius:8px !important;
  border-radius:5px !important;
  margin:0 !important;
  padding:0 !important;
  border: 1px solid white !important;
  color: #777;
  background: #fff;
  line-height: 0 !important;
  width: auto !important;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
}

.mbMiniPlayer:focus .playerTable{
  //box-shadow: 0 0 5px rgba(93, 146, 192, 0.8) !important;
}


.mbMiniPlayer.shadow .playerTable{
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}

.mbMiniPlayer .playerTable > div{
  margin:0 !important;
  padding:0 !important;
  line-height: 0 !important;
  border: none!important;
  vertical-align: middle;
  display: table-cell;
}

.jp-progress{
  position:relative;
  background-color: #fff;
  height:8px;
  margin: 0 2px 2px;
  top:-2px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor:pointer;
}

.jp-load-bar{
  background-color: #e9e6e6;
  height:6px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.jp-play-bar{
  background-color:black;
  height:6px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mbMiniPlayer div.map_controlsBar{
  background-color:#ccc;
  /*
    background-image:-moz-linear-gradient(19% 100% 90deg,#FFFFFF, #FFFFFF, #EBEBEB 100%);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEDEDE), to(#FFFFFF), color-stop(.6,#FFFFFF));
    background-image:-ms-linear-gradient(linear, 0% 0%, 0% 100%, from(#DEDEDE), to(#FFFFFF), color-stop(.6,#FFFFFF));
  */
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
  /* Opera */
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(0.6, #FFFFFF), color-stop(1, #DBDBDB));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 60%, #DBDBDB 100%);

  margin:0;
  padding:0;
  cursor:default !important;
  box-shadow:inset 1px 1px 2px #999;
  -moz-box-shadow:inset 1px 1px 3px #999;
  webkit-box-shadow:inset 1px 1px 2px #999;
}

.mbMiniPlayer .map_controls{
  position: relative;
  margin:1px;
  display:none;
  width:1px;
  *border:1px solid gray;
  height:100%;
  overflow:hidden;
  white-space:nowrap;
}

.mbMiniPlayer .playerTable span{
  margin:0 !important;
  display:inline-block !important;
  padding:3px !important;
  height:20px !important;
  color:white;
  text-align:center!important;
  text-transform:none!important;
  /*text-shadow: 1px -1px 1px rgba(0,0,0,0.6)!important;*/
  vertical-align: middle;
}

.mbMiniPlayer.gradientOverlay .playerTable span{
  //background-image:linear-gradient(180deg, rgba(255, 255, 255,0.3) 0%,transparent 100%); !important;
}

.mbMiniPlayer .playerTable span.map_title{
  position:relative;
  color:#333;
  font:10px/12px "DroidSansMonoRegular", sans-serif !important;
  text-shadow: none !important;
  letter-spacing:0 !important;
  width:100% !important;
  height:11px !important;
  top:-2px !important;
  background:transparent !important;
  text-align:left !important;
  cursor:default !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbMiniPlayer .map_info{
  display: none;
  background: rgb(48, 48, 48);
  color: #D1D1D1;
  padding: 1px 4px;
  position: absolute;
  z-index: 10;

}

.mbMiniPlayer .playerTable span.map_rew{
  cursor:pointer !important;
}

.mbMiniPlayer .playerTable span.map_volumeLevel{
  white-space: nowrap;
  overflow: hidden;
}
.mbMiniPlayer .playerTable span.map_volumeLevel a{
  position:relative !important;
  display:inline-block !important;
  margin:0 ;
  border-right:1px solid rgba(0,0,0,0.4) ;
  width:2px;
  padding:0 ;
  background-color:white ;
  height:0 ;
  vertical-align:middle !important;
  opacity:.1 ;
  cursor:pointer !important;
}

.mbMiniPlayer .playerTable span.map_volumeLevel a:hover{
  opacity:1!important;
}

.mbMiniPlayer .playerTable span.map_volumeLevel a.sel{}

.mbMiniPlayer .playerTable span.map_time{
  width:1px;
  font:11px/20px "DroidSansMonoRegular", sans-serif !important;
  overflow:hidden;
  white-space:nowrap;
  cursor:default !important;
  //text-shadow: 1px -1px 1px rgba(0,0,0,.6)!important;
}


.mbMiniPlayer .playerTable span.map_play{
  border-radius:0 4px 4px 0 !important;
  cursor:pointer !important;
}

.mbMiniPlayer[isplaying=true] .playerTable span.map_play{
  -webkit-animation: playing .7s infinite alternate;
  animation: playing .7s infinite alternate;
}

@keyframes playing {
  from {
    opacity:1;
  }
  to {
    opacity:.5;
  }
}

@-webkit-keyframes playing {
  from {
    opacity:1;
  }
  to {
    opacity:.5;
  }
}
@-moz-keyframes playing {
  from {
    opacity:1;
  }
  to {
    opacity:.5;
  }
}

.mbMiniPlayer .playerTable span.map_volume{
  border-radius:4px 0 0 4px !important;
  cursor:pointer !important;
  padding-left:6px !important;
  padding-right:0 !important;
}

.mbMiniPlayer .copy{
  font: 10px/12px "DroidSansMonoRegular", sans-serif !important;
  color: #e0e0e0;
  padding-left: 10px;
  display: none;
}

.mbMiniPlayer span.map_download{
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 5px !important;
  font-family: "mb_audio_fontRegular" !important;
  font-size: 50px !important;
  line-height: 22px !important;
  color: rgba(0,0,0,.2);

  transition: color 1s;
  -moz-transition: color 1s;
  -webkit-transition: color 1s;
  -o-transition: color 1s;
}




/*
Skin name: sport
borderRadius: 1
background: rgb(230, 145, 56)
icons: #fff
border: rgb(242, 242, 242)
borderLeft: rgb(236, 170, 101)
borderRight: rgb(209, 120, 26)
mute: rgba(255, 255, 255, 0.4)
download: rgba(231, 92, 0, 0.4)
downloadHover: rgb(231, 92, 0)
++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Older browser (IE8) - not supporting rgba() */
.mbMiniPlayer.sport .playerTable span{background-color:#e75c00}
.mbMiniPlayer.sport .playerTable span.map_play{border-left:1px solid #e75c00;}
.mbMiniPlayer.sport .playerTable span.map_volume{border-right:1px solid #e75c00;}
.mbMiniPlayer.sport .playerTable span.map_volume.mute{color: #e75c00;}
.mbMiniPlayer.sport .map_download{color: #e75c00;}
.mbMiniPlayer.sport .map_download:hover{color: #e75c00;}
.mbMiniPlayer.sport .playerTable span{color: #e75c00;}
.mbMiniPlayer.sport .playerTable {border: 1px solid #e75c00 !important;}

/*++++++++++++++++++++++++++++++++++++++++++++++++*/

.mbMiniPlayer.sport .playerTable{background-color:transparent; border-radius:1px !important;}
.mbMiniPlayer.sport .playerTable span{background-color:#e75c00; padding:3px !important; font-size: 20px;}
.mbMiniPlayer.sport .playerTable span.map_time{ font-size: 12px !important; width: 50px !important}
.mbMiniPlayer.sport .playerTable span.map_title{ padding:4px !important}
.mbMiniPlayer.sport .playerTable span.map_play{border-left:1px solid rgb(209, 120, 26); border-radius:0 0px 0px 0 !important;}
.mbMiniPlayer.sport .playerTable span.map_volume{padding-left:6px !important}
.mbMiniPlayer.sport .playerTable span.map_volume{border-right:1px solid rgb(236, 170, 101); border-radius:0px 0 0 0px !important;}
.mbMiniPlayer.sport .playerTable span.map_volume.mute{color: rgba(255, 255, 255, 0.4);}
.mbMiniPlayer.sport .map_download{color: rgba(231, 92, 0, 0.4);}
.mbMiniPlayer.sport .map_download:hover{color: rgb(231, 92, 0);}
.mbMiniPlayer.sport .playerTable span{color: #fff;text-shadow: none!important;}
.mbMiniPlayer.sport .playerTable span{color: #fff;}
.mbMiniPlayer.sport .playerTable {border: 1px solid rgb(242, 242, 242) !important;}
.mbMiniPlayer.sport .playerTable span.map_title{color: #000; text-shadow:none!important}
.mbMiniPlayer.sport .playerTable .jp-load-bar{background-color:rgba(231, 92, 0, 0.3);}
.mbMiniPlayer.sport .playerTable .jp-play-bar{background-color:#e75c00;}
.mbMiniPlayer.sport .playerTable span.map_volumeLevel a{background-color:rgb(255, 255, 255); height:100%!important }
.mbMiniPlayer.sport .playerTable span.map_volumeLevel a.sel{background-color:#fff;}
.mbMiniPlayer.sport  span.map_download{font-size:50px !important;}
/*++++++++++++++++++++++++++++++++++++++++++++++++*/