@charset "UTF-8";
* {margin:0; padding:0;}
body {background: url(images/tloglowne.jpg); repeat-y; background-position: center; font-family:Verdana; font-size:13px; position:relative; color:#555;}
h1, h2, h3, h4 {font-family: Verdana}
h1 {margin:8px 20px; color:#555; font-size:19px; font-weight:bold; text-align:center;}
h2 {margin:8px 16px; color:#555; font-size:15px; font-weight:bold;}   
h3 {color:#555; font-size:13px; font-weight:bold; text-align:center; padding:9px 0;}
h4 {margin:-10px 20px 8px; color:#555; font-size:10px; font-weight:bold; text-align:right;}   
p {padding:6px 20px; text-indent:0px; font-size:13px; color:#555; line-height:20px; text-align:justify;}
a {color:#577dfb; text-decoration:none;}
a:hover {color:#f6ff00; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
a img {border:0;}
div {margin:0px auto;}

#kontener {width:1000px; height:auto; overflow: hidden;}

.gora {width:1000px; height:60px;}

.menugora {width:1000px; height:65px; background: url(images/menutlo.png); background-position: center; background-repeat: no-repeat;}
.menugora li {list-style-type: none; margin: 0px; float: right; font-weight:bold; font-size:10px;} 
.menugora li a {display: block; text-decoration: none; margin: 27px 1px 0px 1px; padding: 8px 14px; background-color:#a20000; color:#fff; -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;} 
.menugora li a:hover {background-color:#31bd00;}

#banner {width:1000px; height:260px;}

.menu_lewe {margin:8px 4px 8px 0px; float:left;}
.menu_prawe {margin:8px 3px 8px 4px; float:right;}
.menu_lewe, .menu_prawe {height:auto; width:190px; background: #fff;}

.menu_lewe_srodek {height:210px;}
.menu_prawe_srodek {height:530px;}

.menu_lewe_srodek, .menu_prawe_srodek {float:left; width:190px; border:solid 1px #a20000; border-radius:10px; background:#fff;}
.menu_lewe_srodek ul, .menu_prawe_srodek ul, .tresc ul {margin:4px 14px; list-style:none;}
.menu_lewe_srodek li, .menu_prawe_srodek li, .tresc li {background:url(images/menu.gif) no-repeat 0px 9px; padding:6px 0px 6px 14px;}
.menu_lewe_srodek li a, .menu_prawe_srodek li a, .tresc li a {font-size:13px;}
.menu_lewe_srodek li a, .menu_prawe_srodek li a, .tresc li a, .menu_prawe_srodek a {color:#a20000; font-weight:bold;}
.menu_lewe_srodek li a:hover, .menu_prawe_srodek li a:hover, .tresc li a:hover {color:#f6ff00; font-weight:bold;}
.menu_lewe_srodek a:hover, .menu_prawe_srodek a:hover {color:#f6ff00; font-weight:bold;}
.menu_lewe_srodek hr, .menu_prawe_srodek hr {border:0; width:200px; height:1px; background-color:#a20000; margin:0px auto;}

.naglowek {margin:8px auto; height:auto; border:solid 1px #a20000; border-radius:10px; padding:0px}

.tresc, .galeria {margin:8px auto; height:auto; border:solid 1px #a20000; border-radius:10px; padding:0px 0px 20px}
.tresc, .galeria, .naglowek {background:#fff;}
.tresc, .galeria, .naglowek {width:587px;}
.tresc a {color:#a20000; font-weight:bold;}
.tresc a:hover {color:#f6ff00; font-weight:bold;}
.tresc img {vertical-align:middle; padding:8px;}
.tresc hr {border:0; width:527px; height:1px; background-color:#a20000; margin:0px auto;}

.galeria h2 {margin:8px 18px; padding-bottom:10px; color:#555; font-size:18px; border-bottom:solid 1px #3dec37; font-weight:bold; text-align:center;}
.galeria a img {border:3px solid #0066FF; vertical-align:middle;}
.galeria a:hover img {border: 3px solid #0000FF; vertical-align:middle;}

#stopka {background:url(images/stopka.png) no-repeat; width:1000px; height:40px; clear:both;}
#copyright {color:#fff; font-size:9px; padding-top:2px; text-align:center;}
#design {float:right; color:#fff; font-size:9px; padding-top:8px; margin-right:17px;}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 100%; min-width: 120px; max-width: 1000px; margin: 10px auto; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 80%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 0px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #a20000;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 20px; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .7;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 5%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(images/prev.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(images/next.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}



@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

/* anchors */
.cycle-slideshow > a { 
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; background-color: #222; display: block;
}

/* images */
.cycle-slideshow > a > img { 
    width: 100%;
    position: static;
    display: block;
}

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}