html {
background: url(../img/bg2.jpg); font-family: Arial; border: 0; color:#505050;
letter-spacing:0.5px;}
body {
background: url(../img/upper_leaves_clear.png) repeat-x;}
body, p, h1, h2, h3, h4, ul, ol, li, form, blockquote { margin: 0; padding: 0;}
a { text-decoration: none; color: #559AD3;}
a:hover { text-decoration: underline;}
/* Header */
#header { width: 100%; height: 4.5em; padding-top: 10px;}
h1 {font-weight: bold; text-align:center ; color:#424242;letter-spacing:1.5px; font-size:30px;}
#header a {float:left;font-style:italic;margin-right:40px;margin-top:20px; margin-left:20px;font-size:17px;letter-spacing:1.5px;color:#fadac8;}
#header a img{border:none; width:125px;}
#header a:hover {text-decoration: none;}
#header h3 { padding-top: 1px; font-size: 15px;letter-spacing:1.5px; color: #fff;}
/* Wrap */
#wrap { width: 781px; margin: 0 auto;}
#wrap .flag img {width:18px; height:10px; float:right;margin-left:5px; border:none;}
#motylki{position:absolute;left:-50px;bottom:-40px;z-index:100; width:140px; }
#motylki2{position:absolute;right:50px;top:130px;z-index:50; width:100px;}
#motylki3{position:absolute;right:60px;top:120px;z-index:50; width:100px;}
#jelen{position:absolute;right:40px;top:150px;z-index:50; width:90px;}
#menu { width: 100%; font-size: 14px; position: relative;}
#menu ul { width: 80%;margin-left:200px}
#menu li { display: block; line-height: 2.5em; float: left; margin-right: 10px; background: url(../img/menu_left_bg.gif) no-repeat left;
font-weight: bolder;}
#menu li a { line-height: 2.5em; display: block; background: url(../img/menu_bg_right.png) repeat-x right;
margin-left: 1px; color: #fff; padding-left: 19px; padding-right: 20px;}
* html #menu li a { width: 1%;}
#menu li.current_page_item, #menu li.current_page_item a { background: #fff; color: #009900; opacity:100%;}
#menu li.current_page_item a:hover { text-decoration: none;}
/* Content */
#content_wrap { position:relative;background: #fff ; padding: 15px 15px; padding-bottom:0; width: 749px;}
#content_wrap p#bottom{width:100%; color:#009900; background-image: none; text-align:center; margin:10px 0; font-size:15px;padding:0; }
#content { position:relative; background:#F9F9F9; overflow:hidden; padding: 20px 25px; margin:0;}
#content h1 { margin-bottom:30px;}
#content h2 {padding: 30px 0 0px 0; width:45%; margin-bottom:0; }
#content_wrap p { width:37%; font-size: 13px; line-height: 30px; padding: 50px 0 10px 0; text-align:justify;}
#content_wrap p.history {width:100%;font-weight:bold;}
#content p.main {background:url('../img/redleaf.png') no-repeat 50% 0;float:left;text-align:justify; margin-top:10px;}
#content p.first-letter:first-letter{font-size: 20px;padding-top: 0px;margin-right:3px;float: left;}
#content p{ font-size: 13px; line-height: 20px; padding: 20px 0; }
#content a#more{float:left; padding:0; font-size:14px; margin-left:60px;}
/* offer*/
.border { float:right; padding:10px; background:#fff; }
.border img {width:330px;}
.offer {overflow:hidden;margin-bottom:70px; padding-top:20px;}
.offer ul{float:left; width:45%; margin-top:0px; font-size:13px; line-height: 20px; padding: 10px;}
#content .offer ul p{padding:10px 10px 0px 20px; width:100%;}
.offer li { list-style-type:square; padding-left:0.5em; margin-left:1em;}
#content .offer h2 {font-size:20px; margin:0;width:100%; padding:0; background:url('../img/redleaf.png') no-repeat 50% 0; }
#content .offer h4 {font-size: 20px;float:left; clear:both; margin-top:0px;text-align:center;width:100%;}
#content .offer h2 a {color:#505050;}
#content .offer h4 span {color:#009900; font-weight:bold; font-size:120%; }
/*gallery*/
/* Overriding the default Slideshow thumbnails for the vertical presentation */
#show1 { margin-left:20px;}
.gallery .slideshow-thumbnails { height: 380px; position:absolute; left: 550px; top: 0; width: 200px; }
.gallery .slideshow-thumbnails ul { position:absolute; top:100px; right:0; height: 600px; width: 200px; }
.gallery img{border:none;}
.gallery a {color:#424242;}
.gallery .border2 { margin-top:10px; padding:10px; background:#fff; margin-bottom:4em; }
.border2 { margin-top:10px; padding:10px; background:#fff; margin-bottom:4em; }
/* Footer */
#footer { margin-top:1em; }
#footer p {text-align:center; font-size: 11px;}
#footer p a {}
/* Fix */
#menu:after,
#menu ul:after,
#content_wrap:after,
#footer:after,
#leave_a_comment_wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/
#border { float:right; margin-top:10px; padding:10px; background:#fff; margin-bottom:20px;}
#show { }
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 300px;
width: 400px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 300px;
margin: 0 auto;
width: 400px;
}
.slideshow a img {
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(controller.png) no-repeat;
height: 42px;
left: 40%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
right: 0;
position: absolute;
top: 150px;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}
/**
Stylesheet: Ligthbox.css
CSS for Lightbox with Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
Notes:
This stylesheet is required for proper functioning of Lightbox.
*/
a:hover .photos {
border: 1px solid #999;
}
.lbLoading {
background: #fff url(loader.gif) no-repeat center;
}
.photos {
border: 1px solid #fff;
padding: 3px;
}
.lightboxDesc {
display: none;
}
#lbOverlay {
background-color: #000;
cursor: pointer;
left: 0;
position: absolute;
width: 100%;
z-index: 100000;
}
#lbCenter, #lbBottomContainer {
background-color: #fff;
left: 50%;
overflow: hidden;
position: absolute;
z-index: 100001;
}
#lbImage {
border: 10px solid #fff;
cursor: pointer;
}
#lbBottom {
border: 10px solid #fff;
border-top-style: none;
color: #000;
font: normal 11px/16px Arial, sans-serif;
text-align: left;
}