.mk-bold{font-weight: bold;}
.mk-right{text-align: right;}
.mk-center{text-align: center;}
.color1{color: #FBB447;}
.color2{color: #565a5c;}

html, body{
margin: 0;
padding: 0;
}

body{
background-image: url(../grafika/tlo.body.jpg);
background-position: top left;
background-repeat: repeat-x;
}

#container{
width: 880px;
height: auto;
margin: 0 auto;
background-color: white;
}
/*border-bottom: 1px black solid;
height: 600px !important;
min-height: 600px;
height: 100%;
*/


#head{
width: 880px;
height: 297px;
background-image: url(../grafika/tlo.top.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#head2{
width: 880px;
height: 120px;
}

#banner{
width: 880px;
height: 120px;
background-image: url(../grafika/tlo.logo.png);
background-position: bottom left;
background-repeat: repeat-x;
}

#logo{
float: left;
width: 280px;
height: 120px;
text-decoration: none;
}
#menu-top{
float: right;
width: 590px;
height: 30px;
line-height: 30px;
text-align: right;
color: #FBB447;
font-size: 11px;
font-family: arial;
margin-right: 3px;
font-variant: small-caps;
}
#menu-top a{color: #FBB447;}
#mapka{
float: right;
width: 200px;
height: 90px;
}

#top-bar{
background-color: #FBB447;
color: white;
font-size: 12px;
font-family: arial;
padding-left: 20px;
line-height: 20px;
font-variant: small-caps;
}
#top-bar a{
text-decoration: none;
color: white;
}

#left-panel{
float: left;
width: 170px;
margin: 0;
padding: 40px 10px 5px 20px;
font-family: arial;
}
#left-panel li{
list-style-type: none;
font-variant: small-caps;
}
.menu-cat{
padding: 0;
margin: 0;
}
.menu-items{
padding: 0;
margin: 0 0 10px 0;
}


.menu-cat-item{
color: #565a5c;
text-decoration: none;
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
}
/*
.menu-cat-item:hover{
text-decoration: underline;
}
*/

.menu-items li{
margin-left: 10px;
line-height: 25px;
font-size: 12px;
}
.menu-item{
color: #565a5c;
text-decoration: none;
}
.menu-item:hover{
text-decoration: underline;
}
a.active-item{
color: #FBB447;
text-decoration: none;
}



#right-panel{
float: right;
width: 180px;
margin: 0;
padding: 40px 5px 5px 10px;
}
.right-menu{
padding: 0;
margin: 0;
margin-top: 5px;
}
.right-menu li{
list-style-type: none;
line-height: 25px;
font-size: 12px;
}

#right-panel{
font-size: 12px;
font-family: arial;
}

#right-panel a.menu-item, span.menu-item a{
color: #565a5c;
text-decoration: none;
font-variant: small-caps;
}
.right-menu a:hover{
text-decoration: underline;
}
.right-menu a.active-item{
color: #FBB447;
font-variant: small-caps;
}

.right-box{
margin: 10px 0 10px 0;
font-family: arial;
border: 1px solid #FBB447;

}
.right-box h4{
margin: 0 0 5px 0;
padding: 3px;
font-size: 14px;
color: white;
background-color: #FBB447;
font-variant: small-caps;
}
.box-content{
padding: 3px;
font-size: 11px;
}
.box-content a{
color: #FBB447;
text-decoration: none;
}
.box-content a:hover{
text-decoration: underline;
}

#content{
width: 420px;
margin: 0 200px 10px 200px;
padding: 0 5px;
}
#content h3{
font-size: 18px;
line-height: 35px;
margin: 0;
padding: 0;
margin-top: 5px;

font-variant: small-caps;
color: #FBB447;
}
#content p{
padding: 0;
margin: 0 0 10px 0;
line-height: 130%;
}

.intro{
margin: 0 0 25px 0;
}
.intro h4{
margin: 5px 0 5px 0;
padding: 0;
font-size: 14px;
font-family: arial;
font-variant: small-caps;
color: #565a5c;
}
.intro-date{
margin: 0 0 10px 0;
padding: 0;
font-size: 10px;
}

.intro-content{
font-size: 13px;
}

.link-more{
text-align: right;
}
.link-more a{
color: #FBB447;
text-decoration: none;
font-size: 13px;
}
.link-more a:hover{
text-decoration: underline;
}

#footer{
clear: both;
background-image: url(../grafika/szare.polprzezroczyste.png);
background-position: bottom left;
background-repeat: repeat-x;
color: white;
padding: 0 20px;
font-size: 12px;
line-height: 18px;
font-variant: small-caps;
}