html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

body {
	font: 11px "lucida grande", tahoma, arial, helvetica, geneva, sans-serif;
	background: #fff repeat-x url(../images/bg-header.gif) top left;
	text-align: center;
}

a:focus{outline: none;}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

a:link,
a:visited { color: #9a0000; text-decoration: none; }
a:hover { color: #E60002; }
a:active, a { outline: none; }

.wrapper { width: 960px; text-align: left; margin: auto; }

#logo {
	position: relative;
	top: 30px;
	width: 344px;
	height: 46px;
	background: no-repeat url(../images/logo.gif) 120px 0;
}

#osp {
	position: absolute;
	display: block;
	float: left;
	top: -20px;
	left: 0;
	width: 98px;
	height: 125px;
	background: no-repeat url(../images/logo-osp.png) 0 0;
}

#logo a.id { position: absolute; width: 344px; height: 46px; text-indent: -2000px; }

#header {
	height: 100px;
	background: no-repeat url(../images/bg-old-photo.gif) top right;
}

#wrapper-navigation { position: relative; }

#navbar {
	height: 40px;
}

#navbar ul { margin: 5px 0 0 110px; }
#navbar ul li.link { float: left; font-size: 13px; font-weight: bold; margin: 0; padding: 0; list-style: none; }
#navbar ul li.link a.link:link,
#navbar ul li.link a.link:visited { color: #fff; text-decoration: none; float: left; line-height: 40px; margin: 0 10px 0 0; padding: 0 0 0 10px; }
#navbar ul li.link a.link span { float: left; margin-right: -10px; padding-right: 10px; height: 40px; cursor: pointer; }

#home #navbar #link-home a,
#aktualnosci #navbar #link-news a,
#artykuly #navbar #link-articles a,
#galerie #navbar #link-galleries a,
#zaloga #navbar #link-crew a,
#ksiega-gosci #navbar #link-guest-book a,
#odnosniki #navbar #link-links a,
#popieramy #navbar #link-support a,
#kontakt #navbar #link-contact a,
#mdp #navbar #link-mdp a,
#navbar ul li.active a,
#navbar ul li.link a.link:hover { background: no-repeat url(../images/bg-menu-hover.gif) 0 0; color: #3c3c3c; }

#home #navbar #link-home a span,
#aktualnosci #navbar #link-news a span,
#artykuly #navbar #link-articles a span,
#galerie #navbar #link-galleries a span,
#zaloga #navbar #link-crew a span,
#ksiega-gosci #navbar #link-guest-book a span,
#odnosniki #navbar #link-links a span,
#popieramy #navbar #link-support a span,
#kontakt #navbar #link-contact a span,
#mdp #navbar #link-mdp a span,
#navbar ul li.active a span,
#navbar ul li.link a.link:hover span { background: no-repeat url(../images/bg-menu-hover.gif) right 0; color: #3c3c3c; }

#navbar ul li a b.arrow { display: none; }
/*#navbar ul li.expanded a.link,
#navbar ul li.expanded a:hover.link { background: no-repeat url(../images/bg-menu-hover.gif) 0 -40px; color: #3c3c3c; }
#navbar ul li.expanded a.link span,
#navbar ul li.expanded a:hover.link span { background: no-repeat url(../images/bg-menu-hover.gif) right -40px; color: #fff; }

#navbar ul li.link a.link span b.arrow { float: right; margin: 15px 0 0 5px; text-indent: -2000px; width: 13px; height: 10px; background: no-repeat url(../images/ico-arrow.gif) 0 0;  }
#navbar ul li.link a.link:hover span b.arrow { background-position: 0 -10px;  }*/

#submenu-articles { position: absolute; top: 40px; left: 328px; z-index: 30; width: 260px; overflow: hidden; }
#submenu-articles ul { z-index: 31; margin: 0; padding: 0; overflow: hidden; background: #e80000 repeat-x url(../images/bg-submenu-middle.gif) bottom left; }
#submenu-articles ul li { z-index: 32; clear: both; color: #fff; float: none !important; list-style: none; margin: 0; padding: 0; font-size: 11px; font-weight: normal; }
#submenu-articles ul li a:link,
#submenu-articles ul li a:visited { border-bottom: 1px solid #d00000; float: none; display: block; line-height: 14px; color: #ffffff !important; background: transparent !important; background-image: none; margin: 0; padding: 6px 12px; overflow: hidden; }
#submenu-articles ul li a:hover { color: #810000 !important; background: #eee !important; }
#submenu-articles ul li ul li ul li a { padding-left: 20px !important; color: #fff; }
#submenu-articles ul li { float: left; width: 260px; clear: both; display: block; background: #e80000; }
#submenu-articles ul li a { float: left; width: 236px; clear: both; display: block; }

/*#intro { background: #000 url(../images/bg-intro.jpg) no-repeat center 0; height: 230px; position: relative; z-index: 1; overflow: hidden; }*/
#intro { background: #000 url(../images/osp-banner.jpg) no-repeat center 0; height: 320px; position: relative; z-index: 1; overflow: hidden; }
/*body.viewport-gallery #intro { background: #000 !important; }
body.viewport-gallery #intro .wrapper { position: relative; height: 230px; background: no-repeat url(../images/bg-intro-lens.jpg) top center; }*/
body.viewport-gallery #intro,
body.viewport-gallery #intro .wrapper { height: 190px; }
#mlody { position: absolute; top: -233px; left: 160px; z-index: 400; width: 151px; height: 236px; background: no-repeat url(../images/mlody.png) 0 0; }

#indicator { background: no-repeat url(../images/bg-indicator.png) 0 0; width: 180px; height: 25px; text-indent: -2000px; }

#viewport { background: #f6f0f0 url(../images/bg-main.gif) repeat-x 0 0; padding-bottom: 10px; border-bottom: 1px solid #ebe5e5; position: relative; z-index: 10; }
#viewport .wrapper { position: relative; min-height: 510px; height: auto !important; height: 510px; }
#content { margin-top: -16px; width: 695px; float: left; }
h2#header- { line-height: 60px; }
.layout-wide #content { width: 960px; }
#content-inner { border: 1px solid #f3e7eb; background: #fff; line-height: 150%; font-size: 12px; color: #414141; }
#content-inner h1,
#content-inner h2,
#content-inner h3,
#content-inner h4,
#content-inner h5,
#content-inner h6 { line-height: 150%; color: #000; }

#content-inner h1 { font-size: 160%; }
#content-inner h2 { font-size: 150%; }
#content-inner h3 { font-size: 140%; }
#content-inner h4 { font-size: 130%; }
#content-inner h5 { font-size: 120%; }
#content-inner h6 { font-size: 110%; }

#content-inner table,
#content-inner th,
#content-inner td { border: 1px solid #ddd; }
#content-inner th,
#content-inner td { padding: 4px 6px; }
#content-inner th,
#content-inner thead td { background: #eee; border-left: 0; }
#content-inner thead th { border-right: 0; }
#content-inner blockquote { margin: 0 40px 20px 40px; }

#puchar { position: absolute; bottom: -35px; right: 20px; width: 216px; height: 290px; background: no-repeat url(../images/puchar.png) 0 0; }

#side { margin: -16px 0 0 10px; width: 255px; float: left; overflow: hidden; }

#header-news { text-indent: -2000px; background: no-repeat url(../images/hdr-news.gif) 0 0; width: 110px; height: 15px; margin-bottom: 15px; }
#header-latest-photos { text-indent: -2000px; background: no-repeat url(../images/hdr-latest-photos.gif) 0 0; width: 151px; height: 15px; margin-bottom: 15px; }
#header-latest-comments { text-indent: -2000px; background: no-repeat url(../images/hdr-latest-comments.gif) 0 0; width: 173px; height: 11px; margin-bottom: 15px; }
#header-recommended-articles { text-indent: -2000px; background: no-repeat url(../images/hdr-recommended-articles.gif) 0 0; width: 154px; height: 11px; margin-bottom: 15px; }
#header-add-comment { text-indent: -2000px; background: no-repeat url(../images/hdr-add-comment.gif) 0 0; width: 138px; height: 15px; margin-bottom: 15px; }
#ksiega-gosci #header-add-comment { text-indent: -2000px; background: no-repeat url(../images/hdr-add-post.gif) 0 0; width: 138px; height: 15px; margin-bottom: 15px; }
#header-comments { text-indent: -2000px; background: no-repeat url(../images/hdr-comments.gif) 0 0; width: 103px; height: 15px; margin-bottom: 15px; }

#content #news { padding: 25px 30px; }
#content #news p { text-align: justify; }
#news-date { float: left; text-align: right; font-weight: bold; width: 75px; margin-right: 20px; font-size: .9em; }
#news-date .hour { font-weight: normal; }
#news-date .day { border-top: 1px solid #f1e9e7; padding-top: 4px; margin-top: 4px; display: block; }
#news-content { float: left; width: 500px; border-left: 1px solid #f1e9e7; padding-left: 20px; }
#news-content p { text-align: justify; margin-bottom: 0; padding-bottom: 0; }
#news-photo { float: right; margin: 0 0 10px 10px; padding-left: 10px; text-align: center; overflow: hidden; }
#news-photo a { border: 2px solid #f1e9e7; float: left; }

#content #news ul.headlines { margin: 20px 0 0 64px; }
#content #news ul.headlines li { font-size: .9em; list-style-type: none; float: left; clear: both; background: #fbf7f8 url(../images/bg-news-headline-end.gif) no-repeat top right; margin-bottom: 3px; }
#content #news ul.headlines li a { float: left; padding-left: 4px; background: url(../images/bg-news-headline-start.gif) no-repeat 0 0; height: 21px; line-height: 21px; text-decoration: none; }
#content #news ul.headlines li a span.date { float: left; background: #f6f0f0 url(../images/bg-news-headline-middle.gif) no-repeat top right; padding: 0 10px 0 6px; color: #000; }
#content #news ul.headlines li a span.title { float: left; padding: 0 10px; color: #e60002; }

.news-gallery { margin: 10px 0 0 26px; padding: 0; border-top: 1px solid #eee; }
.news-gallery ul { margin: 0 -10px; padding: 0; }
.news-gallery li { margin: 0 10px; padding: 0; float: left; list-style: none; }
.news-gallery h4 { margin: 10px 0; color: #9a0000 !important; }
.news-gallery li a { float: left; width: 100px; height: 75px; background-position: top center; background-repeat: no-repeat; text-indent: -2000px; }

#box-latest-photos { padding: 26px 31px 0 26px; position: relative; z-index: 5; width: 660px; }
#box-latest-photos ul { padding: 0; margin: 0; }
#box-latest-photos ul li { float: left; position: relative; list-style: none; margin: 0; padding: 0; }
#box-latest-photos ul li a { float: left; border: 3px solid #e3d3d3; width: 75px; height: 75px; margin: 0 25px 25px 0; }
#box-latest-photos ul li a span { position: absolute; width: 75px; height: 75px; background-position: center center; background-repeat: no-repeat; z-index: 2; text-indent: -2000px; }
#box-latest-photos ul li .details { display: none; /*padding: 6px;*/ background: #d5c3c3; height: 0; left: 0; position: absolute; z-index: 1; background: no-repeat url(../images/btn-photo-zoom.gif) 0 0; width: 81px; text-indent: -2000px; cursor: pointer; }
#box-latest-photos ul li a img { border: 0; }
#box-latest-photos ul li a:hover { border-color: #e80000; }
#add-photos { float: left; width: 292px; height: 26px; background: no-repeat url(../images/btn-add-photos.gif) 0 0; margin: 20px 0 0 50px; text-indent: -2000px; }
#add-photos:hover { background-position: 0 -26px; }

#box-history { padding: 26px 31px 0 26px; margin-bottom: 30px; position: relative; z-index: 5; width: 600px; position: relative; }
#box-history i { position: absolute; right: -300px; top: 90px; width: 304px; height: 258px; background: no-repeat url(../images/zdjecia.png) 0 0; }

#side #navigation { border: 1px solid #f3e7eb; background: #fff; padding: 10px; }
#side #banners { text-align: center; }
#side #banners img { margin-bottom: 10px; }

#middle .column { float: left; width: 50%; }
#middle .column .content { padding: 25px; }

#footer { background: #250802; color: #d7bfbf; padding: 10px 0; }
#footer a:link,
#footer a:visited { color: #fff; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer p { margin: 0; }
#footer .wrapper { position: relative; }
#footer-navigation { position: absolute; right: 0; top: 0; }
#footer-navigation li { float: left; margin-left: 10px; list-style: none; }

#viewport-bottom { position: absolute; bottom: -11px; background: no-repeat url(../images/bg-main-bottom.gif) 0 0; width: 100%; height: 37px; }

#bg-shade-main { background: no-repeat url(../images/bg-shade-main.gif) 0 0; width: 695px; height: 37px; }
#bg-shade-side { background: no-repeat url(../images/bg-shade-side.gif) 0 0; width: 255px; height: 37px; }

.gallery { padding: 0; margin: 0; }
.gallery li { list-style: none; padding: 5px; margin: 9px; width: 100px; float: left; background: no-repeat url(../images/bg-photo.gif) 0 0; }
.gallery li.hover { background-position: -110px 0; }
.gallery-photo a:link,
.gallery-photo a:visited { float: left; width: 100px; height: 75px; background-repeat: no-repeat; background-position: center center; text-indent: -2000px; }

.tree { margin: 0; }
.tree li { list-style: none; margin: 0; padding: 0; }
.tree li li { padding-left: 20px; }

.list-news .news { list-style: none; border-top: 2px dotted #eee; padding: 10px 10px 10px 35px; margin: 0; background: no-repeat url(../images/ico-news.png) 10px 10px; position: relative; }
.list-news .news h5 { font-size: 1.2em; margin: 0; padding: 0; width: 490px; }
.list-news .news .date { color: #aaa; padding: 0 0 .5em 0; font-weight: bold; width: 490px; }
.list-news .news .more { padding: .5em 0 0 0; position: absolute; top: 10px; right: 10px; display: none; }
.list-news .news .excerpt { color: #444; }
.list-news .news .more a:link,
.list-news .news .more a:visited { color: #E60002; text-decoration: none; }
.list-news .news .more a:hover { color: #9a0000; }

.read-news .news {  }
.read-news .news .date { color: #aaa; padding: 0 .5em 1em 25px; font-weight: bold; background: no-repeat url(../images/ico-news.png) 0 0; }
.read-news .news .content { padding: 0 0 0 25px; }

.tree-articles { padding: 0; margin: 0; }
.tree-articles li { padding: 0; margin: 0; list-style: none; }
.tree-articles li li li { margin-left: 2em; }

#tree-gallery { margin: 0; padding: 0; }
#tree-gallery li { padding-left: 0; margin: 0; padding: 0; list-style-type: none; }
#tree-gallery li li li { padding-left: 20px; }
#tree-gallery ul { margin: 0; }
#tree-gallery ul li { padding-top: 1em; }
#tree-gallery ul li a.gallery-item { padding-left: 0; }
#tree-gallery ul b.header { font-size: 1.2em; }

body.viewport-gallery #intro {  }
.photoPreview { position: absolute; top: 0; left: 0; padding: 10px; background: #fff no-repeat center center; border: 1px solid #eee; }

ul.comments-list {  margin: 0 0 20px 0; padding: 0; }
ul.comments-list li { margin: 0 0 10px 0; padding: 0; list-style: none; padding-bottom: 17px; background: no-repeat url(../images/bg-comment.gif) bottom left; }
body.viewport-gallery ul.comments-list li { background: no-repeat url(../images/bg-comment-wide.gif) bottom left; }
ul.comments-list li .login { font-weight: bold; font-size: 1.1em; }
ul.comments-list li .date { color: #999; font-size: .9em; border-bottom: 1px solid #eee; }
ul.comments-list li .body { border-width: 2px 2px 0 2px; border-style: solid; border-color: #f3e7eb; background: #fff; padding: 20px 20px 0 70px; background-position: 20px 20px; background-repeat: no-repeat; }
ul.comments-list li p { padding: 10px 0 0 30px; margin: 0; color: #333; background: no-repeat url(../images/bg-cite.gif) 0 10px; }

#form-comment { margin: 0 20px; }
#form-comment ul { margin: 0; padding: 0 0 0 50px; background: no-repeat url(../images/ico-comment.gif) 0 0; }
#ksiega-gosci #form-comment ul { background: no-repeat url(../images/ico-book.gif) 0 0; }
#form-comment ul li { margin: 0; padding: 5px 0; list-style-type: none; position: relative; }
#form-comment ul li label { width: 120px; float: left; font-weight: bold; padding: 5px 3px; }
#form-comment #comment { width: 400px; height: 120px; }
#form-comment input.text,
#form-comment textarea.text { padding: 3px; font-family: inherit; border: 2px solid #f3e7eb; }
#form-comment input.text { width: 200px; }
#form-comment .buttons { padding-left: 175px; }
#form-comment .buttons input { padding: 3px 2px; }
#form-comment .tip { margin: 0/*10px 0 0 135px*/; position: absolute; top: 6px; left: 350px; }
#form-comment .error { margin: 10px 0 0 135px; color: #d30000; }

ul.guestbook-list {  margin: 0 0 10px 0; padding: 0; }
ul.guestbook-list li {  margin: 0 0 10px 0; padding: 0; list-style: none; padding-bottom: 10px; }
ul.guestbook-list li .login { font-weight: bold; font-size: 1.1em; }
ul.guestbook-list li .date { color: #999; font-size: .9em; border-bottom: 1px solid #eee; }
ul.guestbook-list li .body { border-width: 1px; border-style: solid; border-color: #f3e7eb; background: #fff; padding: 20px 20px 20px 70px; background-position: 20px 20px; background-repeat: no-repeat; }
ul.guestbook-list li p { padding: 10px 0 0 0; margin: 0; color: #333; }

#btnGalleryContainer { right: 20px; top: 20px; z-index: 400; }
a#btnGalleryNext { color: #fff; }
a#btnGalleryNext:link,
a#btnGalleryNext:visited { color: #fff; }

a#btnGalleryPlay:link,
a#btnGalleryPlay:visited { float: left; width: 46px; height: 36px; background: no-repeat url(../images/btn-g-play-1.png) 0 0; text-indent: -2000px; }
a#btnGalleryPlay:hover { background-image: url(../images/btn-g-play-3.png); }
a#btnGalleryPause:link,
a#btnGalleryPause:visited { float: left; width: 40px; height: 36px; background: no-repeat url(../images/btn-g-pause-1.png) 0 0; text-indent: -2000px; }
a#btnGalleryPause:hover { background-image: url(../images/btn-g-pause-3.png); }
a#btnGalleryPrevious:link,
a#btnGalleryPrevious:visited { float: left; width: 40px; height: 36px; background: no-repeat url(../images/btn-g-prev-1.png) 0 0; text-indent: -2000px; }
a#btnGalleryPrevious:hover { background-image: url(../images/btn-g-prev-3.png); }
a#btnGalleryNext:link,
a#btnGalleryNext:visited { float: left; width: 44px; height: 36px; background: no-repeat url(../images/btn-g-next-1.png) 0 0; text-indent: -2000px; }
a#btnGalleryNext:hover { background-image: url(../images/btn-g-next-3.png); }

#last-comments ul { margin: 0; padding: 0; }
#last-comments ul li { margin: 5px 0 0 0; padding: 0 5px 5px 50px; list-style-type: none; position: relative; border-bottom: 1px dotted #eee; }
#last-comments ul li span.avatar { border: 1px solid #eee; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-repeat: no-repeat; background-position: 0 0; }
#last-comments ul li span.footer { color: #777; }
#last-comments ul li span.footer a:link,
#last-comments ul li span.footer a:visited { color: #555; border-bottom: 1px solid #eee; }
#last-comments ul li p { margin: 0; padding: 0; }

.comment-ok { margin: 0 5px; padding: 10px; border: 2px solid #f3e7eb; text-align: center; background: #fff; font-size: 1.2em; }

#recommended-articles ul { width: 380px; }
#recommended-articles ul,
#recommended-articles li { margin: 0; padding: 0; list-style: none; }
#recommended-articles li { padding: 4px 0 4px 22px; background: no-repeat url(../images/flame.gif) 0 2px; }

.navigation-bar { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee; vertical-align: middle; }
.navigation-bar img { vertical-align: middle; }

.buttons .btn-send { background: no-repeat url(../images/btn-send.gif) 0 0; height: 29px; width: 200px; border: 0; cursor: pointer; }

#buttons { text-align: center; }

#social { margin-bottom: 20px; }

.zakladki ul.tabs { margin: 0 -30px 20px -30px; padding: 7px 30px 0 30px; background: #f6f0f0; border-bottom: 1px solid #ebdada; border-top: 1px solid #f2e9e9; }
.zakladki ul.tabs li { float: left; list-style: none; margin: 0 0 -1px 0; padding: 0; }
.zakladki ul.tabs li a { float: left; }
.zakladki ul.tabs li a span { float: left; padding: 6px 10px; }

.zakladki ul.tabs li.active a { background: #fff; font-weight: bold; border-width: 1px 1px 0 1px; border-color: #f2e9e9 #ebdddd #f2e9e9 #f2e9e9; border-style: solid; }



#fbplikebox {
  display: block;
  padding: 0;
  z-index: 99999;
  position: fixed; }
  #fbplikebox .fbwrap {
    background: #fff; width: 250px; height: 360px; }
  #fbplikebox .fbplbadge {
    display: block;
    height: 150px;
    top: 45%;
    margin-top: -75px;
    position: absolute;
    left: -47px;
    width: 47px;
    background: #3b5998 no-repeat url(/static/frontend/images/vertical-right.png);
    overflow: hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }

.news-gallery ul { margin-left: -20px !important; }
.news-gallery ul li { margin: 0 0 20px 20px; }
.news-gallery ul li a,
.news-gallery ul li a:link,
.news-gallery ul li a:visited { float: left; border: 1px solid #eee; }
.news-gallery ul li a:hover { border-color: #e80000; }
body .mdp .news .news-gallery { margin-left: 0 !important; }

#intro { box-shadow: inset #000 0 0 20px; }
#intro .wrapper { position: relative; }
.scroll { position: absolute; top: 300px; left: 10px; }
.scroll div { text-shadow: #000 1px 1px 4px; padding: 20px; color: #fff; font-size: 1.5em; font-weight: bold; line-height: 1.3em; }