* {padding:0;margin:0;}
html {width:100%;}
body {margin:0; padding:0; background:#ffffff; font-size:0.813em; font-family:Verdana, Arial, Helvetica, sans-serif;}
p {margin:0 0 10px 0; line-height:175%; color:#000000;}
p.small {font-size:0.846em; text-align:center;}
a {color:#004c00; text-decoration:none; outline:none;}
a:hover {color:#000;}
h1, h2, h3, h4, h5, h6, header .title {font-family: Trajan Pro; font-weight:normal; color:#111; text-transform:uppercase; letter-spacing:1px;}
h1 {font-size:1.462em; margin:0;} h2 {font-size:1.308em;} h3 {font-size:1.154em;} h4 {font-size:1em;} h5 {font-size:0.923em;}
@font-face {font-family:Trajan Pro; src: url(http://www.dobreschronisko.pl/TrajanPro-Regular.otf);}

#page {max-width:1280px; margin:0 auto;}

/* Header */
header {float:left; width:100%; margin-bottom:10px;}
header .title {padding:10px 0; text-align:center; border-bottom:1px solid #eee; font-size:1.308em;}
header .title a {color:#001900;}
header img {max-width:100%; height:auto;}

/* Nav */
nav.top {width:100%; height:39px; margin:0 auto; border-bottom:1px solid #eee;}
nav.top li {float:left; line-height:39px; list-style:none;}
nav.top li a {display:block; padding:0 12px; text-align:center; font-size:0.846em; font-weight:bold; color:#000; letter-spacing:1px; text-transform:uppercase;}

nav.top-mobile {display:none;}
nav.top-mobile .icon {height:37px; padding:3px 0 0 0;}
nav.top-mobile ul {display:none; width:100%; position:absolute; z-index:9999; background:#fff;}
nav.top-mobile li {position:relative; line-height:39px; list-style:none; border-bottom:1px solid #eee;}
nav.top-mobile li a {display:block; padding:0 0 0 15px; font-size:0.846em; font-weight:bold; color:#000; letter-spacing:1px; text-transform:uppercase;}
.bar1, .bar2, .bar3 {width:31px; height:3px; background:#000; margin:6px;}

/* Mapa */
#mapa-panel {float:left; margin:0 auto; width:100%; height:auto;}
#map_canvas {float:left; width:71.875%; height:280px; margin:0 1.5625%;}
#mapa-galeria {float:right; width:23.4375%; margin:0 1.5625% 0 0; padding:0;}
#mapa-galeria h4 {font-weight:bold; padding:5px 0 10px 0; text-align:center;}
#mapa-galeria .mapa-galeria {font-size:0.923em;}
#mapa-galeria .thumbnail img {max-width:100%; height:auto; border:1px solid #bbb;}
		
/* Content */
main {float:left; width:100%;}	
article {float:left; margin:20px 0; padding:0 2.5%; width:70.5%;}
article h1 {margin:0 0 15px 0; color:#004c00;}
article h1 span {font-size:1.154em; text-transform:none;}
article h2 {clear:left; margin:15px 0;}
article a {color:#1313bf;}
article ul, article ol {margin:0; padding:0; line-height:150%;}
article ul li {margin-left:27px;padding:0 0 5px 0;}
article ol li {margin-left:42px;padding:5px 0;}
article ol li {list-style:lower-alpha;}
article ol li ul {margin:10px 0 0 0;}
article ol li ul li {margin:0 0 0 15px; list-style:circle;}
article .galeria {float:left;}
article .fb-like {margin:0 0 15px 0;}
article figure {max-width:600px; margin:0 auto;}
article figure img {border:1px solid #000;}
article img {max-width:100%; height:auto; border:0;}
article p.quote {margin:0 30px 15px 30px; padding:5px 12px; background:#f5f5f5; font-style:italic;}
article .thumbnail {float:left; width:31.6666%; margin:0 1.6630% 15px 0;}

.block {float:left; width:31.6666%; margin:0 1.6629% 15px 0;}
.block img {max-width:100%; height:auto; border:1px solid; display:block;}
.block h3 {text-align:center; margin:7px 0 5px 0;}
.block .opis {float:left;}
.more {float:left; width:100%; line-height:31px; margin:0 0 15px 0; border-bottom:1px solid #ddd;}
.more a {float:right; padding:0 10px; font-size:0.923em; color:#666; text-transform:uppercase;}

/* Aside */
aside {float:right; margin:20px 0 0; width:24.5%;}
aside h4 {padding:6px 0 6px 5px; border-bottom:1px solid #ddd; letter-spacing:1px;}
aside ul {margin:0 0 10px 0; padding:5px 0 5px 20px;}
aside ul li {padding:3px 0; list-style:circle; line-height: 175%; color:#555;}

/* Footer */
footer {float:left; width:100%; line-height:35px; margin:0 auto; padding:0; border-top:1px solid #eee; font-size:0.923em;}
footer ul {margin:0; padding:0 10px; list-style:none;}
footer ul li {float:left; margin:0; padding:0 8px;}
footer ul li.tothetop {float:right; margin:0; padding:0 10px; cursor:pointer;}

/* Adsense */
.adsense-sidebar {max-width:313px; width:100% height:auto; margin:5px auto 10px auto;}
#adsense-post-bottom {float:left; max-width:900px; width:100%; height:auto; margin:0 auto 15px auto;}
.adsense-post-bottom {}
#adsense-cat-bottom {float:left; max-width:900px; width:100%; height:auto; margin:0 auto;}
.adsense-cat-bottom {}

/* Mobile */
@media (max-width: 900px) {
.block {width:48.3371%;}
}

@media (max-width: 600px) {
#mapa-panel {display:none;}
article {width:95%; padding:0 2.5%;}
aside {display:none;}
}

@media (max-width: 500px) {
nav.top {display:none;}
nav.top-mobile {display:block; float:left; width:100%; height:39px; margin:0 auto; border-bottom:1px solid #eee;}
article {width:95%; padding:0 2.5%;}
article .thumbnail {width:100%;}
.block {width:100%;}
}

/* Ligtbox */
body:after {content: url(/images/close.png) url(/images/loading.gif) url(/images/prev.png) url(/images/next.png); display:none;}
body.lb-disable-scrolling {overflow:hidden;}

.lightboxOverlay {position:absolute; top:0; left:0; z-index:9999; background:#000; opacity:0.9; display:none;}
.lightbox {position:absolute; left:0; width:100%; z-index:10000; text-align:center; line-height:0; font-weight:normal;}
.lightbox .lb-image {display:block; height:auto; max-width:inherit; max-height:none; border: 1px solid #fff;}
.lightbox a img {border:none;}
.lb-outerContainer {position:relative; *zoom:1; width:250px; height:250px; margin:0 auto; background: #fff;}
.lb-outerContainer:after { content:""; display:table; clear:both;}
.lb-loader {position:absolute; top:43%; left:0; height:25%; width:100%; text-align:center; line-height:0;}
.lb-cancel {display:block; width:32px; height:32px; margin:0 auto; background: url(/images/loading.gif) no-repeat;}
.lb-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
.lb-container > .nav {left:0;}
.lb-nav a {outline:none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {height:100%; cursor:pointer; display:block;}
.lb-nav a.lb-prev {width:34%; left:0; float:left; background:url(/images/prev.png) left 48% no-repeat; opacity:0; transition:opacity 0.6s;}
.lb-nav a.lb-prev:hover {opacity:1;}
.lb-nav a.lb-next {width:64%; right:0; float:right; background: url(../images/next.png) right 48% no-repeat; opacity:0; transition:opacity 0.6s;}
.lb-nav a.lb-next:hover {opacity:1;}
.lb-dataContainer {margin: 0 auto; padding-top:2px; *zoom: 1; width:100%;}
.lb-dataContainer:after {content:""; display:table; clear:both;}
.lb-data {padding:0 4px;}
.lb-data .lb-details {width:85%; float:left; text-align:left; line-height:1.2em; font-size:0.846em; color:#ddd;}
.lb-data .lb-number {display:block; clear:left;}
.lb-data .lb-close {display:block; float:right; width:30px; height:30px; background: url(/images/close.png) top right no-repeat; text-align:right; outline:none; opacity:0.7; transition:opacity 0.2s;}
.lb-data .lb-close:hover {cursor:pointer; opacity:1;}