@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url(pliki/OpenSans-Light-webfont.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(pliki/OpenSans-Regular-webfont.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url(pliki/OpenSans-Semibold-webfont.woff) format('woff'); }
body { margin:0; color:#444; font-size:16px; line-height:1.6; font-family:'Open Sans',sans-serif; }
a { text-decoration:underline; color:#3a1d2e; }
a:hover { text-decoration:none; }
div.meni { width:100%; height:64px; background:#3a1d2e; }
header { height:64px; width:900px; color:#ffbee4; line-height:64px; margin:0 auto 0 auto; }
header nav { width:400px; float:right; }
header a { color:#ffbee4; text-decoration:none; margin-left:24px; }
header a.a { border-bottom:1px solid #ffbee4; }
header a:hover { border-bottom:1px solid #fee; color:#fee; }
h1 { padding:0; margin:0; font-weight:lighter; font-size:24px; line-height:2; color:#a64d71; }
h2 { padding:0; margin:0; font-weight:lighter; font-size:24px; line-height:2; color:#a64d71; }
header p, header h1 { display:block; text-align:left; float:left; width:480px; margin:0; padding:0; font-size:22px; font-weight:lighter; color:#ffbee4; height:62px; line-height:2.7; }
div.r1m { background:#e6d6e1; width:100%; padding:24px 0 32px 0; }
div.r1 { background:#e6d6e1; height:520px; width:100%; }
div.r2m { background:#e6d6e1; width:100%; }
div.r2 { width:900px; margin:0 auto 0 auto; padding:32px 0 32px 0; }
div.cien { background:url(pliki/cien.png) no-repeat center top; width:100%; }
div.ciend { background:url(pliki/cien-d.png) no-repeat center bottom; width:100%; }
div.wzorek { background:url(pliki/wzorek.png) center top no-repeat; min-height:520px; width:100%; }
div.rama1 { background:url(pliki/gosia.png) no-repeat bottom left; height:460px; padding:40px 0 20px 300px; width:600px; }
div.rama3 { background:url(pliki/gosia2.png) no-repeat bottom left; height:460px; padding:40px 0 20px 300px; width:600px; }
div.r404 { background:#e6d6e1; width:100%; }
div.rama404 { background:url(pliki/404.jpg) no-repeat bottom left; height:280px; padding:40px 100px 20px 400px; width:400px; }
div.rama2 { background:url(pliki/rama2.png); }
div.fiolet { background:#3a1d2e url(pliki/fiolet.jpg); text-align:center; padding-bottom:1px; }
div.fiolet h2, div.fiolet p, div.fiolet a { color:#ffbee4; text-align:center; }
div.roz { background:#DEB4CB; text-align:center; height:80px; }
div.roz h2 { background:url(pliki/fon.png) no-repeat left; line-height:80px; font-size:30px; width:700px; margin:0 auto 0 auto; }
p em { font-size:24px; text-decoration:none; }
p { text-align:justify; max-width:900px; margin-left:auto; margin-right:auto; }
p.na-rama2 { text-shadow:2px 2px 2px #dbd0dc, 2px -2px 2px #dbd0dc, -2px 2px 2px #dbd0dc, -2px -2px 2px #dbd0dc; }
div.galeria { text-align:center; width:920px; padding:32px; }
div.galeria a img { border:1px solid #ae99aa; margin:4px; border-radius:4px; }
div.galeria a img:hover { border:1px solid #935887; }
footer { background:#e6d6e1; color:#a64d71; font-size:13px; line-height:48px; }
footer a { color:#a64d71; text-decoration:none; }
footer a:hover { border-bottom:1px solid #3a1d2e; color:#3a1d2e; }
ol li, ul li { line-height:1.8; text-align:left; }
img.foto { border-radius: 9px; }
img.foto-lewe { float: left; margin-right: 24px; border-radius: 9px; }
img.foto-prawe { border-radius: 9px; float: right; margin-left: 24px; }
body:after { content: url(pliki/close.png) url(pliki/loading.gif) url(pliki/prev.png) url(pliki/next.png); display: none; }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  opacity: 0.8; 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; border-radius: 3px; }
.lightbox a img { border: none; }
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 4px; }
.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(pliki/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(pliki/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; }
.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(pliki/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; }
.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 4px; color: #ccc; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }
.lb-data .lb-close { display: block; float: right;  width: 30px; height: 30px; background: url(pliki/close.png) top right no-repeat; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; }
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.duza-mapa { margin:16px auto 32px auto; max-width:900px; }
.mala-mapa { display:none; }
@media (min-width: 861px) {
.m480t, .m860t { display:none; }
}
@media (max-width: 860px) {
div.meni { width:100%; height:auto; display:table; background:#3a1d2e; }
header { width:100%; height:auto; color:#ffbee4; margin:0; }
header nav { width:100%; }
header a { background:rgba(255,190,228,0.2); color:#ffbee4; text-decoration:none; line-height:48px; width:20%; text-align:center; display:table; float:left; margin:0; text-transform:uppercase; }
header a.a, header a:hover { border:none; background:#e6d6e1; color:#a64d71; }
header p, header h1 { display:block; text-align:center; width:100%; margin:0; padding:0; font-weight:lighter; }
div.r1 { width:100%; height:auto; padding:0; }
div.rama1, div.r2, div.rama3, div.mmarg { background-image:none; height:auto; width:86%; padding:24px 7% 24px 7%; margin:0; }
div.roz { height:auto; }
div.roz h2 { background-image:none; line-height:2; font-size:22px; width:100%; margin:0 auto 0 auto; }
div.galeria { text-align:center; width:86%; padding:24px 7% 24px 7%; }
div.galeria img { border:1px solid #ae99aa; margin:4px; }
iframe.mapa { width:86%; height:auto; border:0; margin-top:16px; }
h1, h2 { font-size:22px; }
.m860n, footer span { display:none; }
footer { text-align:center; font-size:12px; letter-spacing:-1px; line-height:1.2; padding:8px 0; }
img.obraz { width:100%; height:auto; }
img.obrazm { max-width:100%; height:auto; }
p { text-align:justify; max-width:100%; width:100%; margin:16px auto 16px auto;}
ul, ol { padding-left:20px; }
}
@media (max-width: 600px) {
nav a, nav a:hover { letter-spacing:0; }
.m600n, .duza-mapa { display:none; }
h1, h2 { font-size:20px; }
.mala-mapa { display:block; height:auto; border:0; margin: 16px auto 16px auto;}
}
@media (min-width: 481px) {
.m480t { display:none; }
}
@media (max-width: 480px) {
nav { width:100%; height:auto; background:none; }
nav a, nav a:hover { font-size:16px; line-height:48px;  height:48px; padding:0; margin:0; width:100% !important; text-align:center; display:table; background:none; text-transform:uppercase; letter-spacing:1px; border-bottom:1px #ffbee4 solid; }
nav a.a { background:rgba(255,190,228,0.2); border-bottom:1px #ffbee4 solid; color:#ffbee4; }
nav a:last-child { border:none; }
.m480n { display:none; }
header p, header h1 { font-size:20px; text-align:center; width:100%; }
}