/* 
    Document   : style
    Created on : 2009-11-25, 20:20:49
    Author     : EnDrYu(R)
*/

*{ margin: 0px; padding: 0px; }
img{ border: 0px; }
a{ text-decoration: none; color: #444; }
ol li,
ul li{ display: inline; list-style-type: none; }

.myk{ display: none; }
.hidden{ visibility: hidden; }
.clear{ clear: both; }
.fleft{ float: left; }
.fright{ float: right; }
.p10{ padding: 10px; }
.mtb5{ margin: 5px 0; }
.nosize{ width: 0px !important; height: 0px !important; display: inline; }
.abs{ position: absolute; }
.mauto{ margin: 0 auto 0; }
.green{ color: green; }
.red{ color: red; }

html{ background: #dfdfd5; }
body{ font: 12px Arial; }

.formerror{ font-size: 10px; color: red; clear: both; }

h1{ font-size: 15px; font-weight: normal; }

#container{ width: 100%; display: block; }
#background{ top: 0; position: absolute; width: 100%; }

#main{ width: 900px; display: block; margin: 0 auto 0; }

#footer{ clear: both; position: relative; z-index: 1; color: black; display: block; font-size: 9px; top: 20px; text-align: center; }

#text01{ position: absolute; top: 0px; left: -50px; display: block; width: 128px; height: 61px; }
#text02{ position: absolute; top: 0px; left: 160px; display: block; width: 399px; height: 49px; }

#top{ display: block; width: 900px; height: 100px; position: relative; }
#logo{ display: block; width: 287px; height: 71px; position: absolute; right: 5px; top: 15px;}

#main-menu{ display: block; position: absolute; top: 50px; left: 30px; }
#main-menu li{ margin: 0px 6px; }

#main-galleries{ font-size: 1.2em; color: #999; display: block; position: absolute; top: 75px; left: 60px; }
#main-galleries a{ color: #555; }
#main-galleries a:hover{ color: #000; }

#content{ position: relative; display: block; width: 900px; }

#main-image-slider{ position: relative; top: 0px; z-index: 1; width: 900px; height: 500px; }
#slider-main{ display: block; height: 500px; overflow: hidden; }
#slider-main li{ display: inline; width: 900px; text-align: center; }
#slider-main li img{ display: block; margin: 0 auto 0; }

#node-content{ position: relative; top: 10px; z-index: 1; width: 850px; padding: 25px; font-family: Arial; /*background: url('../images/bg.jpg') top left no-repeat;*/ }
#node-content h1{ }
#node-content .clear-block{ clear: both; margin: 15px; }
#node-content .clear-block p{ line-height: 1.8em; }

#gallery-content{ position: relative; z-index: 1; margin-bottom: 20px; }

#image-slider{ position: relative; top: 0px; z-index: 1; width: 900px; height: 600px; margin-bottom: 20px; }
#slider-gallery{ display: block; height: 600px; overflow: hidden; }
#slider-gallery li{ display: inline; width: 900px; text-align: center; }
#slider-gallery li img{ display: block; margin: 0 auto 0; }

#slideshow{ position:relative; display: block; top: 0px; z-index: 1; width: 900px; height: 600px; text-align: center; }
#slideshow .preview-image{ display: block; margin: 0 auto 0; position: absolute; top: 0px; }
#slideshow img{ display: block; opacity:0.0; margin: 0 auto 0; }

#gallery-thumbnails{ display: block; width: 820px !important; height: 62px; float: left; }
#gallery-thumbnails img:hover{ cursor: pointer; }
#slider-thumbnails{ display: block; height: 62px; overflow: hidden; }
#slider-thumbnails li{ width: 90px; display: inline; text-align: center; margin: 0px 5px; border: 1px solid #ccc; padding: 0px; max-height: 60px; }

#playpause{ position: relative; top: -10px; left: 10px; }
#playpause #play,
#playpause #pause{ margin: 0px 3px; float: left; }
#playpause #play:hover,
#playpause #pause:hover{ display: block; cursor: pointer; }

#start-stop{ display: block; margin: 5px; }

.outer-thumbnails{ position: relative; width: 900px; margin: 0 auto 20px; bottom: 0px; clear: both; }

.scroll-left{ position: absolute; top: 25px; left: 0px; z-index: 99; width: 10px; height: 10px; display: block; background: url('../images/arrow-left.png') no-repeat; }
.scroll-right{ position: absolute; top: 25px; right: 0px; z-index: 99; width: 10px; height: 10px; display: block; background: url('../images/arrow-right.png') no-repeat; }
.outer-thumbnails .prev-disabled{ background: none !important; }
.outer-thumbnails .next-disabled{ background: none !important; }

li.separator{ margin: 5px 0px; border-top: 1px solid #ccc; }

#minimenu{ display: block; position: fixed; top: 0px; left: 0px; background: white; border-right: 1px solid #666; border-bottom: 1px solid #666;
           padding: 10px; z-index: 9999; line-height: 1.5em; }
#minimenu ul li{ display: block; }

.edit-button{ position: absolute; top: 15px; left: 5px; text-decoration: underline; display: block; z-index: 9999; }

.tab{ background: url(../images/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; z-index: 999; }

#slider{ width: 900px; background: url('../images/top-bg.gif') repeat-x; height: 35px; display: block; position: absolute; z-index: 3; }
#slide-down{ position: relative; display: block; width: 192px; top: 10px; z-index: 5; top: 10px; left: 670px; }
#toppanel{ position: absolute; top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; background: #000; text-align: right;
           border-bottom: 1px solid #444; }
#panel{ width: 100%; height: 90px; color: #999999; background: #000; overflow: hidden; position: relative; z-index: 3; display: none; }
#panel .content{ width: 95%; margin: 0 auto; padding: 5px 10px; text-align: left; font-size: 0.85em; }

#panel-gallery li{ list-style-type: none; display: block; width: 120px; height: 70px; float: left; position: relative; }
#panel-gallery li img{ margin: 0 auto 0; }
#panel-gallery li a{ display: block; text-align: center; }
#panel-gallery li span{ display: block; width: 120px; height: 12px; text-align: center; position: absolute; bottom: -10px; color: #ddd; font-size: 1.1em; }

#boksy-informacyjne{ display: block; clear: both; width: 100%; padding: 20px; }
#boksy-informacyjne .info-box{ margin: 0px 10px; width: 27%; height: 120px; display: block; float: left; border: 1px solid #d5d5d5; padding: 10px; }
#boksy-informacyjne .info-box{ font-size: 0.875em; }
#boksy-informacyjne .info-box h3{ font-size: 12px; font-weight: normal; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #d8d8d8; }
#boksy-informacyjne .info-box h3 a{ color: black; }
#boksy-informacyjne .powitanie a{ color: black; }
#boksy-informacyjne a:hover{ text-decoration: underline; }

#contact-form{ width: 425px; padding: 10px; }
#contact-info{ width: 35%; padding: 10px; }

#contact-form label{ clear: both; display: block; float: left; width: 150px; margin: 5px; }
#contact-form input.inputtext{ display: block; float: left; width: 250px; margin: 5px; }
#contact-form textarea.inputtext{ display: block; float: left; width: 250px; height: 100px; margin: 5px; }
#contact-form .submit{ clear: both; }

#ui-datepicker-div{ z-index: 9999; }