@import url(/s/base.css);
@import url(/s/fancybox/fancybox.css);

body { text-align: center; color: #666; overflow: hidden; }
a { color: #000; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; }

#container { width: 980px; margin: 10px auto; text-align: left; }

#top { /* position: fixed;*/ margin: 0; }

#logo { width: 180px; float: left; }
#logo a { border-bottom: none; }

#navbar { text-align: right; margin-top: 65px; width: 765px; float: right; }
#navbar ul {  }
#navbar li { display: inline; margin-left: 20px; }
#navbar li a { color: #666; }
#navbar li.act a, #navbar li a:hover { color: #000; border-bottom: 1px solid #000; text-decoration: none; }


#content { margin: 30px 0 0; }
#content .photos { height: 430px !important; }

#content .photos ul { margin: 0; padding: 0; width: 2850px;  }
#content .photos li { display: inline; }
#content #photos_desc { margin-bottom: 10px; }

#content .news { width: 650px; line-height: 150%; text-align: justify; margin-bottom: 30px; }

#foot { text-align: center; margin-top: 40px; color: #ccc; position: absolute; bottom: 25px; width: 980px; }
#foot a { color: #aaa; }
#foot a:hover { color: #333; text-decoration: none; }



.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; bottom: 0; width: 100%; background: #aaa; }
.jScrollIntervalTrack { position: absolute; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragLeft { position: absolute; bottom: 0; left: 0; overflow: hidden; }
.jScrollPaneDragRight { position: absolute; bottom: 0; right: 0; overflow: hidden; }
a.jScrollArrowLeft { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; text-indent: -2000px !important; overflow: hidden; height: 9px; width: 10px; }
a.jScrollArrowLeft:hover {  } 
a.jScrollArrowRight { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px !important; overflow: hidden; height: 9px; width: 10px; }
a.jScrollArrowRight:hover {  }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {  }


.scroll-pane { width: 980px; float: left; padding: 0; /*margin: 0;  overflow: hidden;*/ }
#scroll { height: 413px; width: 980px; padding: 0; display: block; _overflow: hidden; }

.scroll-pane { width: 200px; }
#pane1 { height: 100px; width: 250px; }
  

a.jScrollArrowLeft { background: url(basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowLeft:hover { background-position: 0 -15px; }
a.jScrollArrowRight { background: url(basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowRight:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.orange-bar .jScrollPaneTrack { background: #f60; }
.orange-bar .jScrollPaneDrag { background: #00f url(drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #69f; }



#scroll ul li img { height: 400px; min-width: 250px; }


/* kategoria biznes */
#photos_grid {  }
.grid { float: left; width: 310px; margin: 0 25px 25px 0; }
.grid .img { height: 310px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; }
.grid .txt { height: 35px; line-height: 35px; text-align: center; }


.blog { /*outline: 1px solid #eee;*/ margin-bottom: 40px; }

.blog .img { width: 200px; float: left; }
.blog .txt { width: 750px; float: right; line-height: 160%; margin-top: 5px; }
.blog .img img { max-width: 200px; }

.post { line-height: 180%; }
.post img { max-width: 100%; height: auto; }