/* basic */
*{padding:0; margin:0}
table{margin:auto;}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#333}
#nozna{background:#fff url(/images/bg-nozna.jpg) no-repeat center top}
#reczna{background:#fff url(/images/bg-reczna.jpg) no-repeat center top}
#sklep{background:#fff url(/images/bg-sklep.jpg) no-repeat center top}
a{text-decoration:none;color:#0099ff; font:normal 12px Arial, Helvetica, sans-serif}
a:hover{text-decoration:underline;color:#0099ff}
a img{border:0}
.head a{text-decoration:none;color:#ffffff; text-decoration:underline; font:bold 12px Arial, Helvetica, sans-serif}
.head a:hover{text-decoration:underline;color:#0099ff}
.head a img{border:0}
.ten{height:10px;clear:both; overflow:hidden}
.five{height:5px;clear:both; overflow:hidden}
.one{height:1px;clear:both; overflow:hidden}
.clear{ clear:both} 
.bold{font-weight:bold}
.orange{ color:#FF6600}
.red{color:#e80c0e}
.gray{color:#666}
.blue{color:#0099ff}
.black{color:#222}
.white{color:#FFF}
.under{ text-decoration:underline}
.right{float:right}
.left{float:left}
.hand{ cursor:pointer}
.tdleft{ text-align:left}
.tdright{ text-align:right}
.data{font:normal 11px tahoma; color:#999}
.break{height:4px;clear:both; overflow:hidden; margin: 10px 0; background:url(/images/hr2.gif) repeat-x left top; float:left; width:100%}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.ml5{margin-left:5px}
.p10{padding:10px}
.price{color:#0099ff; font-weight:bold}
li{margin-left:25px}
h4{font:normal 11pt Arial, Helvetica, sans-serif}
h5{color:#017cfc; font:bold 12px Arial, Helvetica, sans-serif; margin: 0 0 10px 0}
.center{ text-align:center}
.auth-forms{width: 400px; margin: 0 auto}
.underline{text-decoration: underline;}


/* form */
input.txt{ background:url(/images/input_bg.gif) repeat-x; border:#9c9c9d 1px solid;  padding: 5px 4px; color:#777; font:normal 11px tahoma}
select.txt{ background:url(/images/input_bg.gif) repeat-x; border:#9c9c9d 1px solid;  padding: 3px; color:#777; font:normal 11px tahoma}
input.btn_vote{ background:url(/images/btn_vote.gif) no-repeat; width:65px; height:24px; cursor:pointer; cursor:hand; border:0}
input.btn_send{ background:url(/images/btn_send.gif) no-repeat; width:65px; height:24px; cursor:pointer; cursor:hand; border:0}

textarea{ background:url(/images/textarea_bg.gif) repeat-x 0 top; height:130px; width:350px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}


/* linki */
a.btn_wyloguj{ background:url(/images/btn_logout.gif) no-repeat; width:76px; height:25px; display:block}
a.btn_login{ background:url(/images/btn_login.gif) no-repeat; width:76px; height:25px; display:block}
a.btn_register{ background:url(/images/bnt_register.gif) no-repeat; width:90px; height:25px; display:block}
a.btn_live{ background:url(/images/btn_wyniki.gif) no-repeat; width:95px; height:28px; display:block}
a.btn_typer{ background:url(/images/btn_typer.gif) no-repeat; width:94px; height:28px; display:block}
a.btn_more{ background:url(/images/btn_more.gif) no-repeat; width:94px; height:28px; display:block}
a.btn_galeria{ background:url(/images/btn_gallery.gif) no-repeat; width:88px; height:28px; display:block}
a.btn_video{ background:url(/images/btn_video.gif) no-repeat; width:88px; height:28px; display:block}
a.btn_archiwum{ background:url(/images/btn_archiwum.gif) no-repeat; width:76px; height:28px; display:block}
a.btn_pobierz{ background:url(/images/btn_download.gif) no-repeat; width:79px; height:28px; display:block}
a.btn_send{ background:url(/images/btn_send.gif) no-repeat; width:76px; height:25px; display:block}
a.video{font-size: 13px; line-height:38px;margin:13px; padding:8px 25px 9px 46px; background:url(/skins/blues/images/icons/video.png) no-repeat left top; }
a.wstecz{ background:url(/skins/blues/images/icons/left-arrow.png) no-repeat left top; padding:0 0 0 20px;}

/* struktura */
#wrapper {margin:0 auto;width:980px}

/* header */
#header {width:980px;float:left; height:135px; margin: 5px 0 0 0}
#header .logo{float:left}
#header .slogan{float:left;background:url(/images/slogan.png) no-repeat; width:262px; margin: 20px 0 0 5px; padding: 34px 0 0 5px; font:normal 12pt Arial, Helvetica, sans-serif; color:#fff}
#header .profile{float:right; font:normal 11px Arial, Helvetica, sans-serif;}
#header .search{float:right; font:normal 11px Arial, Helvetica, sans-serif;}
#header .panel{background:url(/images/panel.gif) no-repeat; width:249px; height:24px; position:relative; top:60px; left:-504px; padding:9px 0 0 20px; float:left}
#header .panel a{ float:left; color:#99ccff; font:normal 11px tahoma}
#header .panel a:hover, #header .panel a.selected{color:#fff; text-decoration:none}
#header .social{float:left; margin: 60px 0 0 40px;font:normal 11px Arial, Helvetica, sans-serif; width:200px}


/* menu */
#menu{ float:left; width:973px; height:44px; background:url(/images/menu_bg.gif) repeat-x}
#menu a:hover, #menu a{cursor: pointer; float:left; color:#000; text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; padding:14px 25px 15px 25px}
#menu a.selected{background:url(/images/menu_over.gif) repeat-x; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #333}
#menu .menu_hr{ background:url(/images/menu_hr.gif) no-repeat; float:left; width:2px; height:44px}

/* submenu */
#submenu{ float:left; width:963px; height:28px; background:url(/images/submenu_bg.gif) repeat-x; padding: 12px 0 0 10px; margin: 0 0 10px 0}
#submenu a{float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-shadow: 1px 1px 1px #0c4b88; padding: 0 14px}
#submenu a:hover, #submenu a.selected{ text-decoration:underline}
#submenu .submenu_hr{ background:url(/images/submenu_hr.gif) no-repeat left center; float:left; width:3px; height:15px}


.slider{ float:left; width:525px; height:270px; border:#7e7e7e 1px solid; overflow:hidden}
.slider .title{ position:relative; top:163px; left:0px; background:url(/images/transparent-bg.png) repeat; width:515px; height:70px; padding:5px; color:#fff; float:left; z-index:1}
.slider .title h2{font:normal 12pt Arial, Helvetica, sans-serif; margin: 0 0 4px 0}
.slider .pages{ position:relative; top:0px; left:0px; background:url(/images/slider_bg.gif) repeat-x; height:26px; border:#333 1px solid; border-top:0; border-left:0; float:left; z-index:1}
.slider .pages a{float:left; color:#fff; padding:6px 7px}
.slider .pages a:hover, .slider .pages a.selected{ background:url(/images/slider_over.gif) repeat-x; text-decoration:none}

.game{ float:left; width:216px; height:273px; background:url(/images/mecz_bg.gif) no-repeat left bottom; margin: 0 10px 0 0;}
.game .tab1{ float:left; background:#fefefe; width:108px; height:28px; text-align:center; padding: 8px 0 0 0; cursor:hand; cursor:pointer}
.game .tab2{ float:left; background:url(/images/tab_over.gif) repeat-x; width:108px; height:28px; text-align:center; padding: 8px 0 0 0; cursor:hand; cursor:pointer; color:#fff}
.game .kluby{ float:left; margin: 5px 0 0 0;height:125px}
.game .kluby table{ width:214px}
.game .kluby td{ text-align:center; font-weight:bold}
.game .info{ float:left; font:normal 11px Arial, Helvetica, sans-serif; margin: 14px 0 11px 0; padding: 0 10px; height:46px}
.game .buttons{ float:left; padding:0 10px}

.callendar{ float:left; width:216px; height:273px; background:url(/images/kalendarz_bg.gif) repeat-x left bottom;position:relative}
#cal-mask{width:100%;height:273px;top:0px;background:#ffffff;display:none;position:absolute}
#cal-mask img{margin-top:106px;margin-left:85px}
.callendar .head{ background:url(/images/kalendarz_head.gif) repeat-x; height:27px; text-align:center; font:normal 12pt Arial, Helvetica, sans-serif; padding:10px 10px 0 10px}
.callendar .month{ float:left; margin: 5px 0 0 0; height:164px}
.callendar .month table{width:214px}
.callendar .month table td.day{ text-align:center; background:url(/images/day.gif) repeat-x; border:#ccc 1px solid}
.callendar .month table td.today{ text-align:center; background:url(/images/day_over.gif) repeat-x; border:#014da7 1px solid; color:#fff}
.callendar .month table td.today a{color:#fff}
.callendar .info{ float:left; padding: 0 10px; width: 188px; overflow: hidden;}
.callendar .info a{white-space: nowrap;}

.news{ float:left; width:521px; border:#ccc 1px solid; background:#f5f4f4; margin: 0 10px 0 0}
.news .head{ background: url(/images/belka.gif) repeat-x; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; height:28px; padding:10px 0 0 10px}
.news .cont{ float:left; background: url(/images/hr.gif) repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 10px 0; width:100%}
.news .cont .photo{ float:left; margin: 0 10px 0 0; width:160px;}
.news .cont .photo img {border:#ccc 1px solid}
.news .cont h3 a{font:bold 12px Arial, Helvetica, sans-serif}

.man-week{ float:left; background:url(/images/box.gif) no-repeat; width:196px; height:193px; padding:10px; margin: 0 10px 0 0; overflow:hidden}
.man-week .title{ color:#fff; font:bold 12px Arial, Helvetica, sans-serif; float:left; width:100%; text-align:center; height:37px}

.blog{ float:left; background:url(/images/box.gif) no-repeat; width:196px; height:193px; padding:10px; overflow:hidden}
.blog .title{ color:#fff; font:bold 12px Arial, Helvetica, sans-serif; float:left; width:100%; text-align:center; height:37px}

.menu-right{ float:left; background:url(/images/box.gif) no-repeat; width:196px; height:193px; padding:10px; overflow:hidden}
.menu-right .title{ color:#fff; font:bold 12px Arial, Helvetica, sans-serif; float:left; width:100%; text-align:center; height:37px}
.menu-right a{ display:block; color:#000; font:bold 12px/26px Arial, Helvetica, sans-serif; border-bottom:#ccc 1px solid}
.menu-right a:hover, .menu-right a.selected{color:#017cfc; text-decoration:underline}

.menu-right a:hover, .menu-right li.active a{color:#017cfc; text-decoration:underline}
.menu-right a:before{ content: "\00BB"; padding-right: 4px}
.menu-right li {list-style-type: none; margin-left: 0px}

.sonda{ float:left; background:url(/images/box.gif) no-repeat; width:196px; height:193px; padding:10px; margin: 10px 10px 0 0; overflow:hidden}
.sonda .title{ color:#fff; font:bold 12px Arial, Helvetica, sans-serif; float:left; width:100%; text-align:center; height:37px}

.newsletter{ float:left; background:url(/images/box.gif) no-repeat; width:196px; height:193px; padding:10px; margin: 10px 0 0 0; overflow:hidden}
.newsletter .title{ color:#fff; font:bold 12px Arial, Helvetica, sans-serif; float:left; width:100%; text-align:center; height:37px}

.ads1{ float:left; margin: 10px 0 0 0}
.ads2{ float:left; margin: 10px 0}
.ads8{ float:left; overflow:hidden}

.shop{ float:left; width:443px; height:212px; background:#f5f4f4; margin: 10px 0 0 0}
.shop .tabs{ float:left; width:100%; background:#fff}
.shop .tab1{ float:left; background:#f5f4f4; margin-right:1px; width:118px; height:28px; text-align:center; padding: 8px 0 0 0; cursor:hand; cursor:pointer; font-weight:bold;border:#ccc 1px solid; border-bottom:0;z-index:1; position:relative}
.shop .tab2{ float:left; background:url(/images/tab_over.gif) repeat-x; margin-right:1px; width:118px; height:28px; text-align:center; padding: 8px 0 0 0; cursor:hand; cursor:pointer; color:#fff;font-weight:bold; border-top:#017cfc 1px solid;z-index:1; position:relative}
.shop .tab1 a{ text-align:center; cursor:hand; margin-right:1px; cursor:pointer; color:#000; font-weight:bold; text-decoration: none;}
.shop .tab2 a{ text-align:center; cursor:hand; margin-right:1px; cursor:pointer; color:#fff;font-weight:bold; text-decoration: none;}
.shop .cont{border:#ccc 1px solid; width:421px; height:154px; float:left; margin: -1px 0 0 0; z-index:0; position:relative}
.shop .cont .prod{ float:left; text-align:center; margin: 2px 5px 0 5px}
.shop .cont .prod a{color:#222; font-weight:bold}
.shop .cont .prod .photo{ width:110px; height:110px; background:#fff; border:#ccc 1px solid; margin: 0 0 5px 0}
.shop .cont .prod .photo table{ width:100%; height:100%}
.shop .cont .prod .photo table td{ vertical-align:middle; text-align:center}

.gallery, .gallery-player { float:left; background:url(/images/gradient2.gif) repeat-x; padding-bottom:10px; width:980px; border:#ccc 1px solid}
.gallery .head{ background: url(/images/belka.gif) repeat-x; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; height:28px; padding:10px 0 0 10px}
.gallery .photo{ float:left; height:182px; border:#ccc 1px solid; margin: 0 18px; padding: 0 6px; width:195px; background:#fff}
.gallery .photo table{ width:100%; height:100%}
.gallery .photo table td{ vertical-align:middle; text-align:center}
.gallery-player{width: 724px}
.gallery-player .photo{margin: 11px; padding: 11px}


.cadre .photo{ float:left; height:182px; border:#ccc 1px solid; margin: 5px; padding: 0 2px; width:168px; background:#fff}
.cadre .photo table{ width:100%; height:100%}
.cadre .photo table td{ vertical-align:middle; text-align:center}
.player_img{float: left; margin: 4px 6px;}

#leftcolumn{width:755px; float:left}
#leftcolumn .head{font-size: 15px; background: url(/images/belka.gif) repeat-x; height:28px; padding:10px 0 0 10px;color:#fff; width:745px}
#leftcolumn .head a{font:bold 12px Arial, Helvetica, sans-serif; color: white}
#leftcolumn .head .select{font:normal 11px tahoma; float:right; margin: 0 10px 0 0; float:right}
#leftcolumn .cont{ background:#fff url(/images/content-bg.jpg) no-repeat center center; padding:5px; float:left; border:#ccc 1px solid; border-top:0; width:743px} 

#leftcolumn .cont .artykul{ float:left; background: url(/images/hr.gif) repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 10px 0; width:100%}
#leftcolumn .cont .artykul .photo{ float:left; margin: 0 10px 0 0; width:160px; height:160px}
#leftcolumn .cont .artykul .photo img {border:#ccc 1px solid}
#leftcolumn .cont .artykul h3 a{font:bold 12px Arial, Helvetica, sans-serif}

#leftcolumn .pages{float:right}
#leftcolumn .pages a{border: #ebebeb 1px solid; float:left; display:block; background:url(/images/pages.gif) repeat-x; height:16px; margin: 0 3px 0 0; padding: 4px 4px 0 4px; color:#666}
#leftcolumn .pages a:hover, #leftcolumn .pages a.selected{background:url(/images/pages_over.gif) repeat-x; border:#ccc 1px solid; text-decoration:none; color:#fff}


#leftcolumn .tableform{ width:100%; background:#999; margin: 5px}
#leftcolumn .tableform td{ background:#fff; padding:3px}
#leftcolumn .tableform th{ background:#ccc; padding:3px; font:bold 12px Arial, Helvetica, sans-serif}



#rightcolumn{width:216px; float:right}













/* footer */
#footer{ height:395px; clear:both; overflow:hidden}
.nozna{background:url(/images/foot_bg-nozna.jpg) no-repeat center top}
.reczna{background:url(/images/foot_bg-reczna.jpg) no-repeat center top}
.sklep{background:url(/images/foot_bg-sklep.jpg) no-repeat center top}
#footer #wrapper2{margin: 0px auto; width:980px;}
#footer .sponsor{height:140px; float:left; width:980px}
#footer .links{ float:left; width:980px; height:222px}
#footer .links table{ width:700px}
#footer .links table th{color:#00aeef; text-align:left; font:bold 11px Arial, Helvetica, sans-serif; padding: 0 0 10px 0}
#footer .links table td a{color:#222; font:normal 11px/20px Arial, Helvetica, sans-serif}
#footer .info{ float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#777; width:980px}
#footer .info a{color:#555; font:normal 11px Arial, Helvetica, sans-serif}

.alert {color: #ff0000;}
.mini-loader{text-align: center; margin-top: 50px;}

#mask {
    background-color:#000000;
    display:none;
    left:0;
    position:absolute;
    top:0;
    z-index:499;
}
#boxes .window {
    display:none;
    height:200px;
    left:0;
    padding:20px;
    position:absolute;
    top:0;
    width:440px;
    z-index:500;
}
#boxes #typuj {
    background-color:#FFFFFF;
    height:170px;
    padding:10px;
    width:350px;
}

#boxes #typuj .cat {
    color:#333333;
    font-size:11px;
    font-weight:bold;
    white-space:nowrap;
}
#boxes .close {
    background:url("/images/ico_delete.gif") no-repeat scroll 0 0 transparent;
    display:block;
    float:right;
    height:13px;
    overflow:hidden;
    text-indent:-9999px;
    width:13px;
}


#mask-login { background-color:#000000;  display:none; left:0;  position:absolute;  top:0; z-index:499;}
#boxes-login .window { display:none; height:200px; left:0; padding:20px; position:absolute; top:0; width:440px;
    z-index:500;
}
#boxes-login #login { background-color:#FFFFFF; height:150px; padding:10px; width:330px;}

#boxes-login #login .cat {color:#333333; font-size:11px; font-weight:bold; white-space:nowrap;}
#boxes-login .close {
    background:url("/images/ico_delete.gif") no-repeat scroll 0 0 transparent;
    display:block;   float:right; height:13px; overflow:hidden; text-indent:-9999px;  width:13px;}


#tl_mask {position:absolute;left:0;top:0;z-index:9998;background-color:#fff;display:none;}
#tll2 {position:absolute;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;background-color:#fff;border:1px solid #333333}

#home-video {z-index: 0; float:left; width: 439px; height:270px; margin-left: 10px; background: none repeat scroll 0 0 #F5F4F4; border: 1px solid #CCCCCC;}
#home-video .head{ background: url(/images/belka_tv.jpg) repeat-x; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; height:28px; padding:10px 0 0 10px; margin-bottom:16px}
#home-video-main {float: left; margin: 2px 0 0 10px;}
.home-video-small {float:left; margin: 0 0 9px 10px;}







.partners-div .jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.partners-div .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 895px;
    padding: 5px 40px;
}

.partners-div .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  895px;
    height: 75px;
}

.partners-div .jcarousel-skin-tango .jcarousel-item {
    width: 220px;
    height: 75px;
}

.partners-div .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.partners-div .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.partners-div .jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

/**
 *  Horizontal Buttons
 */
.partners-div .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 27px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.partners-div .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.partners-div .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.partners-div .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

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

.partners-div .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 27px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.partners-div .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.partners-div .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.partners-div .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

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