/*
    Document   : style
    Created on : 2010-07-19, 21:19:11
    Author     : piotr
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html{
 
    height:100%;
}  

body {
    background-color: #f8f8f8;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt;
    margin: auto;
    padding: 0px;
    min-height: 101%;
/*    height: 100%;*/
}

a {
    text-decoration: none;
}
#cookies{
	display: none;
	position:fixed; 
	left:10px; 
	bottom:10px; 
	width:400px; 
	height:100px; 
	background-color:#2B388F;
	z-index:9999;
	font-family: 'Inder', sans-serif;
	font-size:12px;
	color:#fff;
	-moz-border-radius:5px; /* FF */
	-webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	-khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	border-radius:5px; /* pozostałe przeglądarki */
	box-shadow: 1px 1px 5px #bebebe;
	line-height:17px;
}
#cookies2{
	position:relative;
	margin:10px 10px 9px 10px;	
}
#agree{
	position:relative;
	width:110px;
	height:21px;
	margin:0 auto;
	background-color:#dd3a01;
	color:#fefcf9;
	padding-top:5px;
	-moz-border-radius:5px; /* FF */
	-webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	-khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	border-radius:5px; /* pozostałe przeglądarki */
	text-align:center;
	cursor:pointer;
	font-family:'Bree Serif', sans-serif;
}
#agree:hover{
	background-color:#a5a5a5;
}
#agreeText{
	height:12px;
	margin-top: -1px;

}
.top {
    width: 1020px;
    height: 150px;
    margin: auto;
    margin-top: 22px;
}


.piktogram{
    min-width: 20px;
    min-height:20px;
    max-width: 20px;
    max-height:20px;
    margin-left:20px;
    float: left;
}

.piktogram_info{
    height:20px;
    margin-left:20px;
    margin-right: -12px;
    float: left;
    color: #dd3a01;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
}

.phone{
    background-image: url('../images/phone_icon.png');
}

.phone_on{
    background-image: url('../images/phone_icon_on.png');
}

.mail{
    background-image: url('../images/mail_icon.png');
}

.mail_on{
    background-image: url('../images/mail_icon_on.png');
}

.address{
    background-image: url('../images/address_icon.png');
}

.address_on{
    background-image: url('../images/address_icon_on.png');
}

.language{
    background-image: url('../images/pl_icon.png');
}

.language_on{
    background-image: url('../images/en_icon_on.png');
}

.content {
    width: 1020px;
    height: 100%;
    margin: auto;
}

.foot {
    clear: both;
    margin: auto;
    border-top: 1px solid #c4c4c4;
    color: #A5A5A5;
    padding-top: 8px;
    line-height: 10px;
    font-size:12px;
}

.foot a{
    color: #A5A5A5;
    text-decoration:none;
}

.foot a:hover{ 
    color: #5E6066;
    text-decoration:none;
}

.foot_content{
    width: 1020px;
    margin-left:auto;
    margin-right:auto;
}

.orange{
    color: #F05642;
}

.orange a{
    color: #F05642;    
}

.success{
    color: #F05642;
    text-align:center;
    margin-bottom:30px;
}

.phone_number{
    background-image: url('../images/phone_icon.png');
    background-position: left;
    background-repeat: no-repeat;
    height: 23px;
    min-width: 99px;
    margin-left:20px;
    margin-right:-5px;
    text-align: right;
    float: right;
    line-height:18px;
    margin-top:-3px;
}

.mail_address{
    background-image: url('../images/mail_icon.png');
    background-position: left 2px;;
    background-repeat: no-repeat;
    height:23px;
    min-width: 155px;
    margin-left:54px;
    text-align: right;
    float: right;
    line-height:18px;
    margin-top:-3px;
}

.mail_address a{
    color: #CCCCCC;
    text-decoration:none;
}

.mail_address a:hover{
    color: black;
    text-decoration:none;
}

.mokko a{
    color: #5E6066;
    text-decoration:none;
}

.mokko a:hover{
    color: #5E6066;
    text-decoration:none;
}

.logo{
    background-image: url('../images/logo.png');
    height: 79px;
    width: 218px;
}

h1{
    color: #2D2D2D;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 22px;
    font-weight: bold;
}

hr {
    height: 0;
    border-bottom: 2px dotted #000;
}

.path{
    width: 964px;
    margin: auto;
}

.path_corner{
    background-image: url('../images/path_corner.png');
    height: 20px;
    width: 13px;
    float: left;
}

.path_bg{
    background: #efefef;
    height:14px;
    float: left;
    font-size:10px;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:3px;
    color: #959595;
}

.path_bg a{
    text-decoration: none;
    color: #959595;
}

.path_bg a:hover{
    text-decoration: none;
    color: black;
}

.aktualnosci{
    width:792px;
    margin-top: 20px;
    margin-left:0px;
}

.art{
    text-align: left;
    border: 1px solid #E5E5E5;
    background-color: #F3F2Ed;
    width:348px;
    float: left;
    margin-bottom: 49px;
}

a:hover .art{
    background-color: #E5E5E5;
    border: 1px solid #C4C4C4;
}

.art_content{
    background-color: #FAFAFA;
    margin: 4px;
    padding:10px;
    padding-bottom:20px;
    text-decoration: none;
}

.control{
    margin-top: 380px;
    margin-left: 10px;
}

/* CALENDAR CSS */

.calendar{
    width: 375px;
    margin-top: -39px;
    border-left: 13px solid white;
}

.calendar a{
    text-decoration: none;
    color: #B9B9B9;
}

.calendar table{
    border-collapse:collapse;
    border: 1px solid #eee;
}

.calendar td{
    width:54px;
    height:43px;
    font-size: 10px;
    text-align: right;
    padding-top:2px;
    padding-right:5px;
    border: 1px solid #eeeeee;
    color: #555555;
}
 
.calendar th{
    width:40px;
    height:21px;
    color: #959595;
    font-size:10px;
}

.date_has_event{
    background-color: #FFE600;
    cursor: pointer;
}

.date_event_title{
    text-align: left;
    padding: 0px;
    margin-left: 3px;
    font-size: 9px;
    color: #AFA96F;
    width: 43px !important;
}

.center_date{
    /*width: 375px;*/
    text-align:center;
    color: #9F9F9F;
    /*position: absolute;*/
    margin-left: auto;
    margin-right: auto;
}

.left{
    background-image: url('../images/left.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    min-height: 30px;
    min-width: 14px;
    margin-top: -9px;
}

 a:hover .left{
    background-position: -15px;
}

.right{
    background-image: url('../images/right.png');
    background-repeat: no-repeat;
    background-position: -19px 8px;
    min-height: 30px;
    min-width: 14px;
    margin-top:-9px;
}

 a:hover .right{
    background-position: 0px;
}

.gallery_demo{
    color:#959595;
    font-size:11px;
    line-height:20px;
    width: 180px;
}

.gallery_demo img{
    background-color: black;
    opacity: 0.9;
}

.gallery_demo img:hover{
    background-color: black;
    opacity: 1;
}

.gallery_demo a{
    color:#959595;
    text-decoration: none;
}

.gallery_demo a:hover{
    color: black; 
    text-decoration: none;
    opacity: 1;
}

#slideshow{
    height: auto !important;
}

.slideshow_bg{
    background-color: #F5F5F2;
    margin: 2px;
/*    padding:10px 11px 64px 11px;*/
    padding:10px 11px 20px;
    

}

.slideshow_bg_border{
    text-align: justify;
    border: 1px solid #E5E5E5;
    background-color: #F3F2ED;

    float: left;
    margin-bottom: 48px;
    padding: 2px;
    margin-top: 7px;
    margin-left:-1px;
    
}

/* Article */
.article{
    width: 734px;
    max-width: 734px;
}

.article h1{
    color:#2D2D2D;
    font-size:14px;
    font-weight:bold;
    line-height:15px;
    margin-bottom:5;
    margin-top:0;    
}

.likeh1{
    color:#2D2D2D;
    font-size:14px;
    font-weight:bold;
    line-height:15px;
    margin-bottom:5;
    margin-top:0;     
}

.article h3{
    color: #5E6066;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    margin-top: 17px;
}

.article h3 p{
    padding:0px;
    margin:0px;
/*    line-height: 10px;*/
}

.article p{
    padding:0px;
    margin:0px;
/*    line-height: 10px;*/
}

a .aktualnosci_back{
    color: #b9b9b9;
}

a:hover .aktualnosci_back{
    color: #5e6066;
}

/* tab line */
.tabline{
    background-image: url('../images/tabline.png');
}

/* top menu */
.top_menu {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    float: left;
    height: 30px;
    margin: 0 1px;
    position: relative;
    line-height: 27px;
    padding-left: 9px;
    padding-right: 10px;
}


/* dni tygodnia */
.weekday{
    width: 53px;
    text-align: center;

    background-color: #2E2E2E;
    color: white;
    border: 0px solid;

    border-left: 1px solid #2E2E2E;
    border-top: 0px solid #E5E5E5;
    border-bottom: 0px solid #E5E5E5;
    border-right: 1px solid #2E2E2E;
    font-size:9px;
    line-height:17px;
    height:20px;
    color: #B9B9B9;
}

/* szkoly */
.school{
    width: 63px;
    text-align: center;

    background-color: #2E2E2E;
    color: #EFEFEF; 
    border: 0px solid;

    border-left: 1px solid #4F4F4F;
    border-top: 0px solid #E5E5E5;
    border-bottom: 0px solid #E5E5E5;
    border-right: 0px solid #2E2E2E;
    font-size:9px;
    line-height:19px;
    height:20px;
}

/* region */
.region{
    width: 62px;
    height: 38px;
    text-align: center;
    padding-top:10px;

    background-color: #2E2E2E;
    border: 0px solid;

    border-left: 1px solid #4F4F4F;
    border-top: 0px solid #E5E5E5;
    border-bottom: 0px solid #E5E5E5;
    border-right: 1px solid #2E2E2E;
    font-size:9px;
    line-height:13px;

    color: #959595;

    display:inline-block;

}

/* region foot*/
.region_foot{
    width: 63px;
    height: 20px;
    text-align: center;
    background-color: #2E2E2E;
    border: 0px solid;

    border-left: 0px solid #B9B9B9;
    border-top: 0px solid #E5E5E5;
    border-bottom: 0px solid #E5E5E5;
    border-right: 1px solid #d8d8d8;
    font-size:9px;
    line-height:20px;

    color: #959595;

    display:inline-block;

}

/* GRAFIK - SPORT*/

.tab_left {
    border-collapse:collapse;
}

.tab_left thead{
    background-color: #2E2E2E;
    color: white;
    border: 0px solid;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.tab_left thead tr{
    background-color: #2E2E2E;
    color: #8D8D8D;
    border: 0px solid;
    border-right: 1px solid #2E2E2E;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    font-size:10px;
    line-height:20px;
}

.tab_left tbody td{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    /*line-height: 21px;*/
    text-align: left;
    padding-left: 5px;
    font-size:9px;
    color: #959595;
}

.tab_left tbody tr{
    
    height: 20px;
}

.tab_right{
    border-collapse:collapse;
}

.tab_right thead{
    background-color: #2E2E2E;
    color: white;
    border: 0px solid;
    font-size: 10px;
}

.tab_right thead tr{
    border-left: 1px solid #2E2E2E;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #2E2E2E;
    height: 23px;
    color: #8D8D8D;
}

.tab_right tbody tr{
    height:20px !important;
}

.tab_right tbody td{
    border: 1px solid #E5E5E5;
    min-width:29px;
    width:29px;
    text-align: center;
    font-size: 11px;
}

/* GRAFIK - KALENDARZ*/

.tab_left_k {
    border-collapse:collapse;
}

.tab_left_k thead{
    background-color: #2E2E2E;
    color: #8D8D8D;
    border: 0px solid;
    font-size: 10px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.tab_left_k thead tr{
    background-color: #2E2E2E;
    border: 0px solid;
    border-right: 1px solid #2E2E2E;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    /*height: 40px;*/
}

.tab_left_k tbody td{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    /*line-height: 40px;*/
    text-align: left;
    font-size:9px;
    color: #959595;
    width: 203px;
    padding-left:8px;
}

.tab_left_k tbody tr{
    /*line-height: 40px;*/
    height: 40px;
    /*min-height: 40px;*/
}
/* FOR IE... */
.tab_left_kie {
    border-collapse:collapse;
}

.tab_left_kie thead{
    background-color: #2E2E2E;
    color: #8D8D8D;
    border: 0px solid;
    font-size: 10px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.tab_left_kie thead tr{
    background-color: #2E2E2E;
    border: 0px solid;
    border-right: 1px solid #2E2E2E;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
}

.tab_left_kie tbody td{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    /*line-height: 21px;*/
    text-align: left;
    font-size:9px;
    color: #959595;
    width: 185px;
    padding-left: 6px;
    height: 43px !important;
}

.tab_left_kie tbody tr{
    /*line-height: 39px;*/
    /*height: 40px;*/
}
/* *** */
.tab_right_k{
    border-collapse:collapse;
}

.tab_right_k thead{
    background-color: #2E2E2E;
    color: #8D8D8D;
    border: 0px solid;
    font-size: 10px;
    height: 40px;
}

.tab_right_k thead tr{
    border-left: 1px solid #2E2E2E;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #2E2E2E;
    height: 40px;
    width: 100px;
}

.tab_right_k tbody tr{
    font-size: 9px;
    /*line-height: 18px;*/
    
}

.tab_right_k tbody td{
    border: 1px solid #E5E5E5;
    min-width:61px;
    width: 61px !important;
    height: 20px !important;
    text-align: center;
    color: #959595;
}

/* DLA IE K.... */
.tab_right_kie{
    border-collapse:collapse;
}

.tab_right_kie thead{
    background-color: #2E2E2E;
    color: #8D8D8D;
    border: 0px solid;
    font-size: 10px;
    height: 0px;
}

.tab_right_kie thead tr{
    border-left: 1px solid #2E2E2E;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #2E2E2E;
    height: 0px;
    width: 100px;
}

.tab_right_kie tbody tr{
    font-size: 9px;
    /*line-height: 18px;*/

}

.tab_right_kie tbody td{
    border: 1px solid #E5E5E5;
    min-width:61px;
    width: 61px !important;
    height: 20px !important;
    text-align: center;
    color: #959595;
}
/* *** */

/* GRAFIK */

.tabs_border{
/*    text-align: justify;*/
    border: 1px solid #E5E5E5;
    background-color: #F3F2ED;

    float: left;
    margin-bottom: 47px;
    padding: 2px;
    margin-top: 23px;    
}

.usual{
    background-color: #F5F5F2;
    margin: 2px;
    padding-top:9px;
    padding-left:0px;
 
}

.tabs{
    list-style-type: none;
    margin-left: -37px;
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: 12px;
}

.tabs a{
    text-decoration: none;
    border-color:#FAFAFA #C4C4C4 #FAFAFA #f5f5f2;
    border-style:solid;
    border-width:0 0px 0 0px;
    height: 40px;

    padding-top:13px;
    padding-bottom:9px;    
    
    padding-left: 18px;
    padding-right: 18px;
    
    background-color: #f5f5f2;
    color: #a5a5a5;
    
    margin-left: -3px;
    font-weight: bold;
    
    text-shadow: 1px 1px white;
}

.tabs a:hover{
    color: black;
    text-decoration: none;
}

.tabs .selected{
    border-color:#C4C4C4 #C4C4C4 #FFFFFF #C4C4C4;
    border-style:solid;
    border-width:0px 0px 0 0px;
    background-color: #ffffff;
    color: #2d2d2d;
    padding-top:12px;
    padding-bottom:10px;
    padding-left: 18px;
}

.tabs_content{
    background-color: #ffffff;
    color: #5E6066;
    padding:5px;
    border:0px solid #C4C4C4;
    margin-top:-1px;
    font-size:13px;
    line-height:22px;
}

.tabs_content p{
    margin: 0px;
}

.tabs li{
     display:inline;
}

.tab_hour {
    border-collapse:collapse;
}

.tab_hour thead{
    background-color: #2E2E2E;
    color: white;
    border: 0px solid;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.tab_hour thead tr{
    background-color: #2E2E2E;
    color: white;
    border: 0px solid;
    border-right: 1px solid #2E2E2E;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    line-height:18px;
}

.tab_hour tbody td{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    /*line-height: 21px;*/
    text-align: center;
    font-size:9px;
    color: #959595;
    width:41px;
    min-width:41px;
}

.tab_hour tbody tr{
    line-height: 17px;
}

.tab_grafik{
    border-collapse:collapse;
}

.tab_grafik thead{
    background-color: #2E2E2E;
    color: white;
    border: 0px solid;
}

.tab_grafik thead tr{
    border-left: 1px solid #2E2E2E;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #2E2E2E;
    font-size:9px;
    line-height:18px;
    color: #959595;
}

.tab_grafik tbody tr{
/*    font-size: 9px;
    line-height: 9px;*/
    /*height:10px;*/
    height: 10px !important;
}

.tab_grafik tbody td{
    border: 1px solid #E5E5E5;
    min-width: 52px;
    font-size: 0px;
    width: 52px;

}

/* DLA IE K... */
.tab_grafikie{
    border-collapse:collapse;
}

.tab_grafikie thead{
    background-color: #2E2E2E;
    color: white;
    border: 0px solid;
}

.tab_grafikie thead tr{
    border-left: 1px solid #2E2E2E;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #2E2E2E;
    font-size:9px;
    line-height:18px;
    color: #959595;
}

.tab_grafikie tbody tr{
/*    font-size: 9px;
    line-height: 9px;*/
    /*height:10px;*/
    height: 7px !important;
}

.tab_grafikie tbody td{
    border: 1px solid #E5E5E5;
    min-width: 52px;
    font-size: 0px;
    width: 52px;

}
/* koniec */

.groups {
    font-size: 10px;
    margin-left: -25px;
    margin-top: -3px;
    line-height: 19px;
}

.groups li{
    float: left;
    padding-right:30px;
    list-style: disc outside none;
}

.groups li span{
    color: #959595;
}

/* INFO CSS */

#info h1 {
    color: #00AEEF;
    font-size: 15px;
    font-weight: bold;
}

#info .history {
    font-size: 11px;
    line-height: 20px;
    color: #959595;
    margin-top:-9px;
}

#info .info {
    font-size: 11px;
    line-height: 20px;
    color: #959595;
}

/* MENU CSS */

.menu{
    clear: both;
    float: left;
    margin-top: 32px;
    width:100%;
}

.down{
    background-image: url('../images/down.png');
    background-repeat: no-repeat;
    background-position: 95% 55%;
}

.up{
    background-image: url('../images/up.png');
    background-repeat: no-repeat;
    background-position: 95% 55%;
}

#nav {
    margin:0;
    padding:0;
    list-style:none;
}

    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
/*        width:182px;*/
        padding-right: 15px;
        height: 30px;
        position:relative;
        z-index:500;
        /*margin:0 5px;*/
        font-size: 11px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;

        line-height: 30px;

    }

    /* this is the parent menu */
    #nav li a {
        display:block;
        padding:0px 5px 0 5px;
        font-weight:700;
        text-decoration:none;
        color: #a5a5a5;
        text-align:left;
    }

    .nav_nl {
        padding:8px 5px 0 5px;
        font-weight:700;
        text-decoration:none;
        color:white;
    }

    #nav li #one a:hover{
        background-color: #0E93C4;
    }

    #nav li #two a:hover{
        background-color: #068A46;
    }

    #nav li #three a:hover{
        background-color: #4F3E36;
    }


    /* you can make a different style for default selected value */
    #nav a.selected {
        color:white;
    }

        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute;
            left:0;
            display:none;
            margin:-3px 0 0 0px;
            padding:0px;
            padding-top:0px;
            list-style:none; 
        }

        #nav ul li {
            width:177px;
            padding-left: 5px;
            float:left;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            line-height: 16px;
        }

        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;
            height:12px;
            padding: 8px 5px;
            color:white;
        }

        #nav ul a:hover {
            text-decoration:none;
        }

        #nav li #one a:hover{
            background-color: #0E93C4;
        }

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}

/* AD Gallery */
.ad-gallery {
  width: 566px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/adgallery/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/adgallery/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/adgallery/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../images/adgallery/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/adgallery/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 11px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }

    .ad-info{
        float: left;
        margin-top: 0px;
        margin-left: 10px;
        font-size: 11px;
        color: #959595;
    }

      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(../images/adgallery/ad_scroll_back.png) 0px 50px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(../images/adgallery/ad_scroll_forward.png) 0px 50px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 11px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              /*border: 2px solid #CCC;*/
              border: 0px solid white;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              /*border: 2px solid black;*/
              border: 0px solid white;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/*** SUPERFISH - Menu ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
        width:                  168px;
        font-size:              13px;
        margin-top:             9px;
        color:                  #5E6066;
        text-shadow:            0px 1px 1px #D2D2D2;
/*	width:			10em;  left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			90%;
        padding-left:           6px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
/*        background: #e8e8e8 !important;  for non-css3 browsers */
      
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
        padding-bottom:         8px;
        padding-top:            8px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			173px; /* match ul width */
	top:			-8px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
        font-size: 13px;
        font-weight: bold;
        color: #5E6066;
}
.sf-menu a {
	text-decoration:none;
        line-height: 30px;
        text-align: left;
        padding-left:           2px;
        padding-right:          7px;        
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#a5a5a5;
        text-shadow:    1px 1px white;
}
.sf-menu li {
        height: 30px;
        margin-right: 10px;
        margin-left:5px;
        
}
.sf-menu li li {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        
}

.sf-menu .borderBottom{
        border-bottom:1px solid #cfcfce;
}

.sf-menu .borderTop{
        border-top:1px solid #fcfbfa;
}

.sf-menu li li li {
/*	background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background: #e6e5e0; /* for non-css3 browsers */

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e5e0', endColorstr='#f3f2ed'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#e6e5e0), to(#f3f2ed)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #e6e5e0,  #f3f2ed); /* for firefox 3.6+ */ 
        
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;  
        
        color: #5e6066;
        
}

.selectedMenu{
        background: #e6e5e0; /* for non-css3 browsers */

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e5e0', endColorstr='#f3f2ed'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#e6e5e0), to(#f3f2ed)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #e6e5e0,  #f3f2ed); /* for firefox 3.6+ */ 

        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;   

}

.sf-menu ul li:hover a:hover
{
        background: #f3f2ed !important; /* for non-css3 browsers */
        color: #5e6066;
        -webkit-border-radius: 0px !important;
        -moz-border-radius:    0px !important;
        border-radius:         0px !important;         
}

.sf-menu ul li
{
    background: #f3f2ed !important; /* for non-css3 browsers */
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	33px;
	min-width:	1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			9px;
	top:			1.05em; /* IE6 only */
	width:			12px;
	height:			12px;
	text-indent: 	-999em;
	overflow:		hidden;
        background-image: url('../images/downright.png');
        background-repeat: no-repeat;
        background-position: 95% 55%;        
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
        background-position: 0px 0px;
/*	background-position: 0 -100px;  use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -12px 0px;  arrow hovers for modern browsers
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -13px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -13px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: #f3f2ed;
	padding-left: 5px;
        padding-right: 5px;
        
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px; 
        border: 1px solid #D2D2D2;
        
        /* Shadow */
      -moz-box-shadow: 0px 0px 7px #D2D2D2;
      -webkit-box-shadow: 0px 0px 7px #D2D2D2;
      box-shadow: 0px 0px 7px #D2D2D2;
      
      padding-top:7px;
      padding-bottom:7px;
        
        
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*
    NEWS
*/

.news{
    color: #5e6066;
    font-size: 11px;
    width: 219px;
    max-width: 219px;
    line-height: 17px;
}

.news_image{
    border: 3px solid white;
}

.small_left{
    background-image: url('../images/left.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    min-height: 30px;
    min-width: 14px;
    margin-top: -9px;
    cursor: pointer;
}

.small_left a:hover{
    background-position: -15px;
}


.small_right{
    background-image: url('../images/right.png');
    background-repeat: no-repeat;
    background-position: -19px 8px;
    min-height: 30px;
    min-width: 14px;
    margin-top:-9px;
    cursor: pointer;
}

.small_right a:hover{
    background-position: 0px;
}

/* O nas */
.info_content{
    padding:2px;
    border-top:1px solid #F0F0F0;
    margin-top:-1px;
}

.info_content .x{
    font-size: 13px;
    line-height: 22px;
    margin: 0px;
    padding-left: 8px;
    padding-right:8px;
    padding-bottom:8px;
    padding-top:5px;
    background-color: #ffffff;
}

.info_content .p1{
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

/* Sponsorzy */
.sponsor_border{
    width: 130px;
    height: 100px;
    float: left;
    margin-right: 19px;
    margin-top: 21px;
    text-align:center;
    max-height: 100px;
    padding-top:3px;
    opacity:0.9;
    filter:alpha(opacity=90);
    background-color:white;
    border:1px solid #F3F2ED;
}

a:hover .sponsor_border{
/*    background-color: #2d2d2d;*/
    opacity:1;
    filter:alpha(opacity=100);
    border:1px solid #E5E5E5;
}

.rightbanner *{
    color: #5E6066;
}

a:hover .rightbanner *{
    color: #2d2d2d;
}

.rightbanner p{
    margin-top: 0px;
    margin-bottom:0px;
}

.schoolbuzz{
/*    color: #A5A5A5;*/
    color: #5E6066;
}

a:hover .schoolbuzz{
/*    color: #5E6066;*/
    color: #2d2d2d;
}

/* Kontakt */
.kontakt h1{
    line-height: 38px;
    font-size: 32px;
    color: #66c9d8;
    font-family: Georgia;
    margin: 0px;
    font-weight: normal;
    margin-top: 140px;
}

.kontakt h2{
    color: #66c9d8;
    font-size: 12px;
    line-height: 19px;
    float: left;
    font-family: Georgia;
    font-weight: normal;
    padding-top: 0px;
    margin-top: 0px;
}

.kontakt h3{
    color: #666666;
    font-size: 12px;
    line-height: 19px;
    margin: 10px 0 0;
    clear: both;
}

.kontakt_form{
    color:  #bababa;
    font-size: 13px;
}

.kontak_form_input{
    border: 1px solid #f0f0eb;
    background-color: white;
    margin-bottom: 25px;
    margin-right: 13px;
    height: 18px;
    width: 217px;
    color: #5E6066;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:13px;
    line-height:22px;
    padding: 5px;
    resize: none;
    
}

.kontakt_send{
    margin-top: 4px;
    margin-left: -1px;
    border: 0px;
    background-image: url('../images/send_button.png');
    background-color: transparent;
    width: 66px;
    height:32px;
    font-weight: bold;
    color: white;
    padding: 0px;
    cursor: pointer;
    font-size:11px;
}

.kontakt_send:hover{
    background-position: 0px 32px;
}

.kontakt_map{
    background-image:url('../images/map.png');
    width: 96px;
    height: 81px;
    margin-left: 30px;
    margin-top: 6px;
}

.map{
    margin-top: 147px;
    display: none;
    height: 385px;
}

.map_back{
    background-image: url("../images/left.png");
    height: 20px;
    left: -30px;
    position: relative;
    top: 200px;
    width: 19px;
    
}

/* Kadra */

.worker_image_border{
    background-color: #f3f2ed;
    padding: 14px;
    width: 105px;
    height: 105px;
    margin-left:2px;
}

.worker_image{
    border: 1px solid #e8e8e8;
    width: 90px;
    height: 90px;
    padding: 6px;
    background-color: white;
}

.worker_info
{
    margin-left: 20px;
    margin-top:2px;
    padding-right: 40px;
}

.worker{
    float: left;
    margin-bottom: 23px;
}

.dots{
    float: left;
    background-image: url('../images/dots.png');
    width:4px;
    min-width: 4px;
    max-width: 4px;
    height: 100%;
}

.blacklink{}
.blacklink a:hover{
    color: #2d2d2d;
}

.noplayers{
    color: #5E6066;
    font-size:13px;
    line-height:20px;
    font-weight: normal;
}

.dottedLine{
    border-top: 2px dotted #D3D3D3;
    width: 100%; 
    clear:both; 
    margin-bottom: 29px;
    margin-top:2px;
}

strong{
    color:#2D2D2D;
}

.playbutton{
    background-image: url('../images/video-nakladka.png');
    width:320px;
    height:170px;
    position: relative;
    margin-top:-170px;
}

.filebg{
    background-image: url('../images/skan-nakladka.png');
    width:320px;
    height:170px;
    position: relative;
    margin-top:-170px;
}

p a:visited{
    color:#5E6066;
}

h1 a:visited{
    color:#2D2D2D;
}

.turniej_news p{
    margin:0px;
    padding:0px;
    text-align:left;
}

.file a{
    color: #A5A5A5;
    text-decoration: none;
}

.file a:hover{
    color: #2D2D2d;
    text-decoration: none;
}
.top{
	position: relative;
}
.slogan{
	position: absolute;
	bottom: 62px;
	right: 272px;
}
.slogan p{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #2B388F;
	font-size: 16px;
}