html {
  font-family: Arial, FreeSans;
  font-size: 13px;
  color: #7a7a7a;
}

* {
  outline: none;
}

body {
  background-color: #444549;
  overflow: hidden;
}

html, body, div {
  margin: 0;
  padding: 0;
}

a {
  color: #e16944;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#wrapper {
  width: 1000px;
  height: 600px;
  margin: 0 auto;
  background-color: #434648;
}

#header {
  width: 770px;
  height: 136px;
  margin: 0 auto;
  padding: 1px 0 0 0;
  position: relative;
}

#header h1 {
  margin: 0;
}

#header h1.logo-pl a, #header h1.logo-en a {
  width: 443px;
  height: 105px;
  display: block;
  margin: 24px auto 0 auto;
}

#header h1.logo-pl a {
  background: url(/images/fotograf/logo-pl.jpg) no-repeat;
}

#header h1.logo-en a {
  background: url(/images/fotograf/logo-en.jpg) no-repeat;
}

#header a span{
  display: none;
}

#header #links {
  position: absolute;
  top:40px;
  right: 0px;
  font-size: 12px;
  
}

#header #links a {
  display: block;
  text-align: right;
  margin: 12px 0;
  color: #a7a7a7;
  letter-spacing: 1px;
}

#header #links a:hover, #tion a:hover {
 color: #E16944;
}

#container-top {
  width: 782px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/fotograf/container-top.jpg) repeat-x;
}

#container-bottom {
  width: 782px;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/images/fotograf/container-bottom.jpg) repeat-x;
}

#container-left {
  width: 5px;
  height: 366px;
  position: absolute;
  top: 5px;
  left: 0;
  background: url(/images/fotograf/container-left.jpg) repeat-y;
}

#container-right {
  width: 5px;
  height: 366px;
  position: absolute;
  top: 5px;
  right: 0;
  background: url(/images/fotograf/container-right.jpg) repeat-y;
}

#container .corner1 {
  position: absolute;
  left: 0;
  top: 0;
}

#container .corner2 {
  position: absolute;
  right: 0;
  top: 0;
}

#container .corner3 {
  position: absolute;
  right: 0;
  bottom: 0;
}

#container .corner4 {
  position: absolute;
  left: 0;
  bottom: 0;
}

#container {
  width: 754px;
  height: 366px;
  padding: 5px 5px 5px 23px;
  margin: 0 auto;
  position: relative;
  background-color: #27282b; 
}

#main-menu {
  width: 211px;
  float: left;
}

#main-menu ul {
  list-style: none;
  margin: 20px 0;
  display: block;
  width: 210px;
  padding: 0;
  border-right: 1px solid #676867;
  border-bottom: 1px solid #676867;
}

#main-menu ul li {
  border-top: 1px solid #676867;
  display: table;
  height: 64px;
  overflow: hidden;
}

#main-menu ul li a{
  width: 110px;
  height: 64px;
  display: table-cell;
  #display: block; 
  vertical-align: middle;
  color: #7a7a7a;
  text-decoration: none;
  font-size: 12px;
  padding-right: 100px;
  #position: relative;
  letter-spacing: 1px;
  word-spacing: 2px;
}

#main-menu ul li a span.outer{
  #position: absolute;  
  #top: 50%;
  width: 100px;
  cursor: hand;
}

#main-menu ul li a span.inner{
  #position: relative;  
  #top: -50%;
  cursor: hand;
}

#main-menu ul li a:hover, #main-menu ul li.selected a{
  color: #e16944;
}

#main-menu ul li.selected a.img1, #main-menu ul li a:hover.img1 {
  background: url(/images/fotograf/1a.jpg) no-repeat 134px center;
}

#main-menu ul li.selected a.img2, #main-menu ul li a:hover.img2 {
  background: url(/images/fotograf/2a.jpg) no-repeat 134px center;
}

#main-menu ul li.selected a.img3, #main-menu ul li a:hover.img3 {
  background: url(/images/fotograf/3a.jpg) no-repeat 134px center;
}

#main-menu ul li.selected a.img4, #main-menu ul li a:hover.img4 {
  background: url(/images/fotograf/4a.jpg) no-repeat 134px center;
}

#main-menu ul li.selected a.img5, #main-menu ul li a:hover.img5 {
  background: url(/images/fotograf/5a.jpg) no-repeat 134px center;
}

#main-menu ul li a.img1 {
  background: url(/images/fotograf/1u.jpg) no-repeat 134px center;
}

#main-menu ul li a.img2 {
  background: url(/images/fotograf/2u.jpg) no-repeat 134px center;
}

#main-menu ul li a.img3 {
  background: url(/images/fotograf/3u.jpg) no-repeat 134px center;
}

#main-menu ul li a.img4 {
  background: url(/images/fotograf/4u.jpg) no-repeat 134px center;
}

#main-menu ul li a.img5 {
  background: url(/images/fotograf/5u.jpg) no-repeat 134px center;
}

#content {
  width: 525px;
  height: 324px;
  background-color: #36383a;
  float: left;
  display: block;
  margin-top: 20px;
  border-top: 1px solid #676867;
  border-bottom: 1px solid #676867;
}

#scroll {
  height: 324px;
  width: 525px;
  overflow: auto;
  float: right;
}

#scroll.short {
  width: 423px;
}

#content.main {
  overflow: hidden;
}

#content.main #scroll {
  overflow: hidden;
}

#content-image {
  width: 99px;
  height: 324px;
  float: left;
}

#content-image div {
  width: 98px;
  height: 324px;
  border-right: 1px solid #676867;
}

#content-image div.image1 {
  background: url('/images/fotograf/image1.jpg') no-repeat;
}

#content-image div.image2 {
  background: url('/images/fotograf/image2.jpg') no-repeat;
}

#content-image div.image3 {
  background: url('/images/fotograf/image3.jpg') no-repeat;
}

#content-image div.image4 {
  background: url('/images/fotograf/image4.jpg') no-repeat;
}

#content-image div.image5 {
  background: url('/images/fotograf/image5.jpg') no-repeat;
}

#second-level-menu {
  float: left;
  padding: 10px 0 10px 25px;
}

#article {
  padding: 10px;
  line-height: 1.5em;
  text-align: justify;
}

span.breadcrumbs{
  font-size: 12px;
  color: #e16944;
  display: block;
  letter-spacing: 1px;
  word-spacing: 2px;
}

span.breadcrumbs-l2{
  color: #7a7a7a;
}

span.breadcrumbs a{
  color: #e16944;
  text-decoration: none;
}

span.breadcrumbs a:hover {
  text-decoration: none;  
}

#second-level-menu ul {
  padding: 0;
  list-style: none;
  margin: 20px 0;
}

#second-level-menu ul li{
  padding: 3px 25px;
  background: url('/images/fotograf/li-bg.jpg') no-repeat left center;
}

#second-level-menu ul li a{
  font-size: 12px;
  text-decoration: none;
  color: #7a7a7a;
}

#second-level-menu ul li a:hover {
  color: #e16944;
}

div.gallery {
  margin: 0 0 10px 5px;
  zoom: 1;
}

div.gallery:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#galleries .gallery div.photo {
  float: left;
  margin: 4px 4px 5px 5px;
  width: 90px;
  height: 90px;
}

div.photo img {
  border: 0;
}

#main-gallery ul {
  display: none;
}

#slideshow {
  width: 525px;
  height: 324px;
  position: relative;
}

#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index:8;
}

.hidden {
  display: none;
}

#previous_article, #next_article {
  position: absolute;
  bottom: 8px;
}

#previous_article a, #next_article a {
  color: #e16944;
  text-decoration: none;
}

#previous_article {
  left: 245px;
}

#next_article {
  right: 35px;
}

#tion {
  text-align: center;
  display: block;
  padding: 5px 0;
}

#tion a {
  font-size: 11px;
  color: #a7a7a7;
}


.jScrollPaneContainer {

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.jScrollPaneTrack {

  position: absolute;

  cursor: pointer;

  right: 0;

  top: 0;

  height: 100%;

  background: #656965;

}

.jScrollPaneDrag {

  position: absolute;

  background: url('/images/fotograf/scroll/drag.gif') no-repeat;

  cursor: pointer;

  overflow: hidden;

}

.jScrollPaneDragTop {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

}

.jScrollPaneDragBottom {

  position: absolute;

  bottom: 0;

  left: 0;

  overflow: hidden;

}

a.jScrollArrowUp {

  display: block;

  position: absolute;

  z-index: 1;

  top: 0;

  right: 0;

  text-indent: -2000px;

  overflow: hidden;

  background: url('/images/fotograf/scroll/arrow_up.gif') no-repeat;

  height: 17px;

}

a.jScrollArrowUp:hover {

  /*background-color: #f60;*/

}



a.jScrollArrowDown {

  display: block;

  position: absolute;

  z-index: 1;

  bottom: 0;

  right: 0;

  text-indent: -2000px;

  overflow: hidden;

  background: url('/images/fotograf/scroll/arrow_down.gif') no-repeat;

  height: 17px;

}

a.jScrollArrowDown:hover {

  /*background-color: #f60;*/

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

  /*background-color: #f00;*/

}