body{
	margin:0;
	padding:0;
	font-family:"trebuchet ms";
	font-size:13px;
	color:#fff;
    background: #000 url("../../images/frontend/main-bg.jpg") center 200px no-repeat;
}

div.clear{
	clear:both;
	height:0;
	font-size:0;
	padding:0;
	margin:0;
}

img{border:none;}

a {
    text-decoration: none;
    color: #000;
	outline:none;
}

a:hover {
    color: #981527;
}

a.madeby {
	color:#fff;
	text-decoration:none;
}

a.madeby:hover {
	text-decoration:underline;
}

div.container {
    width: 870px;
    margin: auto auto;
    /*padding-top: 40px;*/
    position: relative;
}

.logo  {
    display: block;
    background: url("../../images/frontend/logo.png");
    width: 150px;
    height: 151px;
    float: left;
	position:relative;
	left:-40px;
	top:0px;
	z-index:3;
}

.menu {
    /*background: url("../../images/frontend/menu-bg.png") no-repeat;*/
    width: 718px;
    height: 249px;
    float: left;
	position:relative;
	left:-40px;
	z-index:3;
}
	.menu .flash {
		position:absolute;
		top:0;
		right:0;
		z-index:1;
		background:#000;
		color:#fff;
	}

    .menu .linki {
        float: left;
		position:absolute;
		top:90px;
		right:0;
		z-index:2;
        margin: 100px 40px 0 40px;
        width: 566px;
    }
        .menu .linki a {
            float: left;
        }
        
        .menu  .linki a.link1 {
            display: block;
            background: url("../../images/frontend/menu-linki-std.gif") 0 0 no-repeat;
            height: 41px;
            width: 75px;
        }
            .menu .linki a.link1:hover {
                background: url("../../images/frontend/menu-linki-hi.gif") 0 0 no-repeat;
            }
            
        .menu  .linki a.link2 {
            display: block;
            background: url("../../images/frontend/menu-linki-std.gif") -75px 0 no-repeat;
            height: 41px;
            width: 109px;
        }
            .menu .linki a.link2:hover {
                background: url("../../images/frontend/menu-linki-hi.gif") -75px 0 no-repeat;
            }          
        
        .menu  .linki a.link3 {
            display: block;
            background: url("../../images/frontend/menu-linki-std.gif") -184px 0 no-repeat;
            height: 41px;
            width: 180px;
        }
            .menu .linki a.link3:hover {
                background: url("../../images/frontend/menu-linki-hi.gif") -184px 0 no-repeat;
            }          
        
        .menu  .linki a.link4 {
            display: block;
            background: url("../../images/frontend/menu-linki-std.gif") -364px 0 no-repeat;
            height: 41px;
            width: 106px;
        }
            .menu .linki a.link4:hover {
                background: url("../../images/frontend/menu-linki-hi.gif") -364px 0 no-repeat;
            }

        .menu  .linki a.link5 {
            display: block;
            background: url("../../images/frontend/menu-linki-std.gif") -477px 0 no-repeat;
            height: 41px;
            width: 93px;
        }           
            .menu .linki a.link5:hover {
                background: url("../../images/frontend/menu-linki-hi.gif") -477px 0 no-repeat;
            }            
        
.main-linki {
    height: 640px;
    width: 870px;
    float: left;
	position:relative;
	z-index:2;
	top:-199px;
	left:35px;
}  
        
.main-linki .link1 {
    display: block;
    position: absolute;
    right: 62px;
    top: 518px;
    z-index: 2;
}   
        
.main-linki .link2 {
    display: block;
    position: absolute;
    left: -8px;
    top: 292px;
    z-index: 2;
}   

.main-linki .link3 {
    display: block;
    position: absolute;
    right: 200px;
    top: 399px;
    z-index: 2;
}  

.main-linki .link4 {
    display: block;
    position: absolute;
    left: 175px;
    top: 261px;
    z-index: 2;
}  

.main-linki .link5 {
    display: block;
    position: absolute;
    left: 319px;
    top: 315px;
    z-index: 2;
}  

div.window {
    width: 812px;
    margin-left: 50%;
    position: absolute;
    left: -406px;
    color: #000;
    z-index: 4;
    top: 215px;
}

    div.window .top {
        background: url("../../images/frontend/window-top.png") no-repeat top center;
        width: 812px;
        height: 50px;
        float: left;
        margin-top: 30px;     
    }
	
    div.window .bottom {
        background: url("../../images/frontend/window-bottom.png") no-repeat bottom center;
        width: 812px;
        height: 50px;
        float: left;
        margin-bottom: 20px;
    }
    
    div.window .body {
        background: url("../../images/frontend/window-body.png") repeat-y;
        width: 732px;
        float: left;
        padding: 40px;
        position: relative;
    }  
    
        div.window .body .title {
            font-size: 20px;
            float: left;
        }
        
        div.window .body .content {
            margin: 0px 0;
            float: left;
        }
    
    div.window a.zamknij {
        background: url("../../images/frontend/zamknij.png") no-repeat;
        width: 16px;
        height: 11px;
		display:block;
        position: relative;
		float:right;
        margin-top: -50px;
        margin-right: 0px;
        z-index: 3;
		
    }    
        div.window a.zamknij:hover {
            /*filter: alpha(opacity=90);
            opacity: 0.90;       */   
        }
        
    div.window a.zamknij2 {
        position: absolute;
        top: 10px;
        right: 18px;
        z-index: 3;    
        display: block;
        color:#fff;
        border: solid 2px #fff;
        border-bottom:none;
        padding: 0 5px;
    }
        
    div.window a.back {
        background: url("../../images/frontend/back.png") no-repeat;
        width: 15px;
        height: 16px;
		display:block;
		float:right;
        position: relative;
        margin-top: -50px;
        margin-right: 15px;
        z-index: 3;
    }    
        div.window a.back:hover {
            /*filter: alpha(opacity=90);
            opacity: 0.90;         */ 
        }
    
    div.galeria {
        float: left;
        margin-top: 15px;
    }
        .zdjecie {
            float: left;
            border: solid 1px #000;
            padding: 4px;
            position: relative;
            display: block;
            margin: 5px;
        }
        .zdjecie:hover {
            filter: alpha(opacity=90);
            opacity: 0.90;          
        }
            .zdjecie .opis {
                width: 100%;
                background: #000;
                position: absolute;
                top: 0;
                left: 0;
                font-size: 12px;
                color: #fff;
                float: left;
                filter: alpha(opacity=70);
                opacity: 0.70;   
                overflow: hidden;
            }
            .zdjecie a {
                text-decoration: none;
                color: #fff;
                display: block;
                width: 100%;
            }

div.foot {
    float: right;
    margin: 0 20px 20px 0;
}

div.aktualnosci-button {
    position: absolute;
    top: 250px;
    left: 0px;
    background: url("../../images/frontend/aktualnosci.png") no-repeat;
    width: 37px;
    height: 209px;
}

div.aktualnosci {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 200px;
    border: solid 3px #fff;
    background: #981527 url("../../images/frontend/tribal2.png") repeat-y center 20px;
    color: #fff;
    padding: 10px;
    z-index: 4;
}
    div.aktualnosci .close {
        display: block;
        position: absolute;
        top: 0px;
        right: 5px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
    }
    
    div.aktualnosci .title {
        float: left;
        background: url("../../images/frontend/aktualnosci-h.png") no-repeat top center;
        width: 200px;
        height: 24px;
    }
    
    div.aktualnosci .shortcut {
        margin-top: 10px;
        padding: 10px 0;
        border-bottom: solid 1px #fff;
        float: left;
        width: 200px;
    }
        div.aktualnosci .shortcut .date {
            font-size: 11px;
            float: left;
        }
        
        div.aktualnosci .shortcut .header {
            float: left;
        }
        
        div.aktualnosci .shortcut a.more {
            display: block;
            float: right;
            margin-top: 5px;
            color: #fff;
            text-decoration: none;
        }
            div.aktualnosci .shortcut a.more:hover {
                text-decoration: underline;
            }
            
.popup {
    position: absolute;
    z-index: 5;
    top: 35%;
    left: 50%;    
}
    .popup .close {
        position: absolute;
        top: -2px;
        right: -2px;
        background: #fff;
        color: #000;
        border: solid 2px #000;
        font-weight: bold;
        font-size: 14px;
        width: 15px;
        cursor: pointer;
        text-align: center;
    }
    
.header .more {
    float: right;
    
}

.mapa-klubu {
    border: solid 2px #fff;
    margin: 30px 0;
    filter: alpha(opacity=93);
    opacity: 0.93;     
    padding-bottom:10px;
}
 
.map-camera {
    position:absolute;
    background:url('../../images/frontend/camera.png') no-repeat;
    width: 30px;
    height:24px;
    
}

.pager {
	float: left;
	width: 100%;
}

.pager .pager_left {
	display: block;
	width: 117px;
	height: 35px;
	background: url('../../images/frontend/poprzednia.png') no-repeat;
	float: left;
}
.pager .pager_left:hover {
	background: url('../../images/frontend/poprzednia_hi.png') no-repeat;
}
.pager .pager_right {
	display: block;
	width: 117px;
	height: 35px;
	background: url('../../images/frontend/nastepna.png') no-repeat;
	float: right;
}
.pager .pager_right:hover {
	background: url('../../images/frontend/nastepna_hi.png') no-repeat;
}