/******************* main elements *********************/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, a, div, img {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    background: #e2e2e2;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    font-size: 60.0%;
}
body {
    font-size: 1.4em;
    color: #646464;
    background: url(../gfx/tlo.png) repeat-x;
}

p, ul {
    line-height: 1.6;
    padding: 0 0 15px 0;
}
h1, h2, h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 2.4em;
    color: #333333;
    text-align: right;
    font-weight: normal;
    margin: 0;
}
h2 {
    font-size: 0.7em;
    color: #868686;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
h3 {
    font-size: 2.2em;
    color: #ffffff;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

a {
    color: #104ba9;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}


/***************** main containers ********************/
#wrapper {
    width: 980px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#content {
    margin: 20px 0;
}
.opis {
    float: left;
    width: 370px;
}
.opis img {
    text-align: center;
}
.galeria {
    float: right;
    width: 360px;
}
#container {
    background: url(../gfx/container.png) repeat-y;
}
.naglowek {
    height: 75px;
}

#footer {
    background: url(../gfx/bottom.png) no-repeat top left;
    height: 90px;
}

/***************** main menu links ********************/
#top {
    background: url(../gfx/top.png) no-repeat top left;
    height: 120px;
}
#logo {
    width: 290px;
    float: left;
}
#topmenu {
    float: right;
    width: 650px;
    position: relative; top: 5px; right: 30px;
}
#topmenu ul {
    float: right;
    list-style: none;
}
#topmenu li {
    height: 20px;
    float: left;
    text-align: center;
    margin: 0;
}
#topmenu li a{
    display: inline;
    padding: 0 10px;
    font-size: 0.8em;
    color: #333333;
    letter-spacing: -0.03em;
    font-weight: bold;
    text-transform: uppercase;
}
#topmenu li a:hover{
    text-decoration: none;
    color: #800000;
}
#mainmenu {
    float: right;
    width: 650px;
    position: relative; top: 6px; right: 30px;
}
#mainmenu ul {
    color: #000000;
    float: right;
    list-style: none;
}
#mainmenu li {
    height: 25px;
    float: left;
    text-align: center;
    margin: 0;
}
#mainmenu li.active{
    color: #ffcc00;
}
#mainmenu li a{
    display: inline;
    padding: 0 10px;
    font-size: 1.0em;
    color: #ffffff;
    letter-spacing: -0.03em;
    font-weight: bold;
    text-shadow: #666 1px 1px 3px;
    position: relative; z-index: 80;
}
#mainmenu li a:hover{
    text-decoration: none;
    color: #ffcc00;
}


/***************** main Slideshow style rules ********************/
#slideshow {
    margin:0 auto;
    width:980px;
    background:transparent;
    position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:800px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; /* reduce by 200 pixels of #slidesContainer to avoid horizontal scroll */
}

/***************** main Slideshow controls style rules ********************/
.control {
  display:block;
  width:100px;
  height:200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../gfx/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../gfx/control_right.png) no-repeat 0 0;
}