/* = Clear stylow
************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* = Podstawowe style
************************************************************** */
body {font: normal 12px  Arial;  background: url('../img/bg.jpg') repeat-x #272727; margin: 0px; padding: 0px;}
form { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div.cl { clear:both; }
strong { font-weight:bold; }
b { font-weight:bold; }




/* = Layout
**************************************************************   */
div#content {margin:0 auto; width:906px;}
div#header { height:138px; width:906px; position:relative;  }
div#header div#logo a { z-index:-1; float:left; background: url('../img/bg-logo.jpg') no-repeat; width:387px; height:138px;  }

/* = Ikonki
**************************************************************   */
div#icon { float:right; width:100px; height:16px; margin-top:15px;  }
div#icon a.home-icon {float:left; background: url('../img/home-icon.gif') no-repeat; width:16px; height:16px; margin-left:5px; }
div#icon a.contact-icon {float:left; background: url('../img/contact-icon.gif') no-repeat; width:16px; height:16px; border-right:1px #868687 dotted; padding-right:5px; margin-left:5px; }
div#icon a.sitemap-icon {float:left; background: url('../img/sitemap-icon.gif') no-repeat; width:16px; height:16px; border-right:1px #868687 dotted; padding-right:5px; }
/* = Menu
**************************************************************   */

div#menu { position:absolute; top:71px; left:315px; height:24px; width:629px; } 
ul {display:inline; list-style:none; } 
li#imprezy-masowe { width:116px;  float:left; }
li#imprezy-masowe a { width:116px; height:24px; background: url('../img/menu.png') no-repeat; background-position:0 0;  float:left; }
li#imprezy-masowe a:hover { background-position: 0 -24px;}
li#imprezy-dla-firm {margin-left:20px; width:118px;  float:left; }
li#imprezy-dla-firm a { width:118px; height:24px; background: url('../img/menu.png') no-repeat; background-position:-132px 0;  float:left; }
li#imprezy-dla-firm  a:hover { background-position: -132px -24px;}
li#oferta-indywidualna {margin-left:20px; width:144px;  float:left; }
li#oferta-indywidualna a { width:144px; height:24px; background: url('../img/menu.png') no-repeat; background-position:-270px 0;  float:left; }
li#oferta-indywidualna a:hover { background-position: -270px -24px;}
li#kontakt {margin-left:20px; width:68px;  float:left; }
li#kontakt a { width:68px; height:24px; background: url('../img/menu.png') no-repeat; background-position:-434px 0;  float:left; }
li#kontakt a:hover { background-position: -434px -24px;}
li#cennik {margin-left:20px; width:56px;  float:left; }
li#cennik a { width:56px; height:24px; background: url('../img/menu.png') no-repeat; background-position:-522px 0;  float:left; }
li#cennik a:hover { background-position: -522px -24px;}

/* = TopBox
**************************************************************   */
div#topbox { height:auto; width:906px; }
div#topbox div.topbox-top { background: url('../img/topbox-index-top.png') no-repeat; width:906px; height:17px; float:left; }
div#topbox div.topbox-bottom { background: url('../img/topbox-index-bottom.png') no-repeat; width:906px; height:17px; float:left; }

div#topbox div.topbox-main { background: url('../img/topbox-index-main.png') repeat-y; width:906px; height:auto; padding-left:20px; float:left; font-size:12px; }
div.topbox-main div.left-side { width:320px; border-right:1px solid #686560; padding-right:18px; float:left; }
div.topbox-main div.left-side ul { list-style:disc inside; }
div.topbox-main div.left-side ul li ul {  display: block;list-style: circle inside none;padding-left: 20px;}
div.topbox-main div.left-side p { margin:5px 0; }
div.topbox-main h3.title-left { color:#cdc1ad; font-size:12px; font-family:Tahoma; font-weight:bold; }
div.topbox-main div.text-left { color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; }
div.topbox-main div.text-left-more { color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; display:none; }
div.topbox-main div.read-more { cursor:pointer; color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; font-weight:bold; float:right; margin-top:15px; }
div.topbox-main div.read-more-right {cursor:pointer; color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; font-weight:bold; float:right; margin-top:15px; }
div.topbox-main span.show-more-img {cursor:pointer; color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; font-weight:bold; float:right; margin: 5px 8px 0 0; }
div.topbox-main div.roll-up {cursor:pointer; color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; font-weight:bold; float:right; margin-top:15px; display:none; }
div.topbox-main div.roll-up-right {cursor:pointer; color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; font-weight:bold; float:right; margin-top:15px; display:none; }
div.topbox-main span.roll-up-img {cursor:pointer; color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; font-weight:bold; float:right; margin: 5px 8px 0 0; display:none; }

div.topbox-main .main-img { float: left; width: 240px; }

div.topbox-main div.read-more:hover { color:#8F7752; }
div.topbox-main div.read-more-right:hover { color:#8F7752; }
div.topbox-main div.roll-up:hover { color:#8F7752; }
div.topbox-main div.roll-up-right:hover { color:#8F7752; }

div.topbox-main div.main-img a {  width:215px; height:122px; margin-left:18px;display:block;  }

div.topbox-main div.right-side {margin-left:15px;  width:280px; float:left; }
div.topbox-main h3.title-right { color:#cdc1ad; font-size:12px; font-family:Tahoma; font-weight:bold; width:280px; }
div.topbox-main div.text-right { color:#cdc1ad; font-size:12px; font-family:Tahoma; margin-top:10px; }
div.topbox-main div.text-right ul { list-style:disc inside; }
div.topbox-main div.text-right p { margin:10px 0; }
div.topbox-main div.text-right-more { color:#cdc1ad; font-size:12px; font-family:Tahoma; display:none; }
div.topbox-main div.text-right-more ul { list-style:disc inside; }
/* = Banner
**************************************************************   */
div.banner-index {  width:906px; height:246px; float:left; margin-top:20px; position:relative; }

div.banner-index div.text { position:absolute; left:520px; top:75px; font-size:11px; font-family:Tahoma; color:#583a10; width:365px; text-align:justify; }
div.banner-index div.input { position:static; }
/* = Menu pionowe i główna treść serwisu
**************************************************************   */

div#middle { height:auto; width:906px; float:left; margin-top:17px; }

/* = Menu pionowe
********** */
div#menu-vertical { width:302px; height:auto; float:left; }
div.menu-vertical-top { background: url('../img/menu-vertical-top.png') no-repeat; width:302px; height:5px; float:left; }
div.menu-vertical-main { background: url('../img/menu-vertical-main.png') no-repeat; width:302px; height:auto; background-position:bottom; float:left; padding-top:10px; padding-bottom:40px; }
div.menu-vertical-main ul { list-style-image: url('../img/list.png'); list-style-position: inside;   }
div.menu-vertical-main ul li {margin-left:20px; padding-bottom:6px; border-bottom:1px dotted #736c61; width:265px; margin-top:3px; }
div.menu-vertical-main ul li a { color:#cdc1ad; font-weight:bold; font-size:14px; text-decoration:none; font-family: Trebuchet MS; }
div.menu-vertical-main ul li a:hover { color:#8F7752; }

div#banner-menu a { margin-top:35px; float:left;  background: url('../img/promotion.jpg') no-repeat;  width:302px; height:125px; }

/* = Treść
********** */
div#contentier { margin-left:20px; width:580px; height:auto; float:left; }
div.contentier-top { background: url('../img/contentier-top.png') no-repeat; width:583px; height:4px; float:left; }
div.contentier-main { background: url('../img/contentier-main.png') repeat-y; width:583px; height:auto; float:left; padding-top:14px; padding-left:14px; }
div.contentier-bottom { background: url('../img/contentier-bottom.png') no-repeat; width:583px; height:4px; float:left; }
div.contentier-main h2.title  {color:#cdc1ad; font-size:11px; font-family:Tahoma; font-weight:bold;}
div.contentier-main div.text  {color:#cdc1ad; font-size:11px; font-family:Tahoma; width:546px; margin-top:14px; margin-bottom:11px;}
div.contentier-main div.text a { color:#cdc1ad; font-size:11px; text-decoration:none; }
div.contentier-main div.text a:hover { color:#8F7752; font-size:12px; }
div.contentier-main div.contentier-img {  width:550px; height:178px; margin-left:2px; margin-bottom:14px;  }

/* = Mini galeria w środku contentier'a
**************************************************************   */
div#mini-gallery { margin-top:14px; background: url('../img/mini-gallery.png') no-repeat; width:583px; height:210px; float:left; padding-left:19px; padding-top:16px;  }
div#mini-gallery div.picture { margin-right:11px; height:109px; float:left; border:solid 3px #7d7c7c;}

/* = Mała galeria na podstronach
**************************************************************   */
div#small { background: url('../img/small.png') no-repeat; width:302px; height:210px; float:left; margin-top:25px; } 
div#small div.picture { margin-left:90px; margin-top:17px; height:115px; float:left; border:solid 3px #7d7c7c;}


/* = Stopka
**************************************************************   */
div#footer { width:906px; float:left; margin-top:26px; background: url('../img/footer.png') no-repeat; height:82px; float:left; padding-top:36px; padding-left:25px; }
div#copy { float:left; font-family:Tahoma; font-size:11px; color:#747474; }
div#graph { font-family:Tahoma; font-size:11px; color:#747474; float:right; padding-right:45px; }
div#graph  a { color:#747474; text-decoration:none; }
div#graph  a:hover { text-decoration:underline; }

/* = Formularz kontaktowy
**************************************************************   */
div#form { margin-top:14px; background: url('../img/form.png') no-repeat; width:583px; height:221px; float:left; }
div#form label { display:block; margin-bottom:4px; margin-left:10px; font-weight:bold; font-size:11px; color:#cdc1ad; }
div#form div.left-field { float:left; margin-top:14px; margin-left:13px; width:187px; }
div#form div.left-field input { background: url('../img/input.png') no-repeat; width:175px; height:30px; border:none; /*padding-top:8px;*/ padding-left:5px; padding-right:5px; color:#CDC1AD; }
div#form div.right-field { float:left; margin-top:14px; margin-left:20px; }
div#form div.right-field input.title { background: url('../img/input-title.png') no-repeat; width:335px; height:30px; border:none; /*padding-top:8px;*/ padding-left:5px; padding-right:5px; color:#CDC1AD; }
div#form div.right-field textarea.text { background: url('../img/input-text.png') no-repeat; padding-top:8px; width:335px; height:75px; border:none; /*padding-top:8px;*/ padding-left:5px; padding-right:5px; padding-bottom:5px; color:#CDC1AD; overflow:auto; }
div#form div.reqired { float:left; margin-left:20px; border:none; background:none; font-weight:bold; font-size:11px; color:#cdc1ad; }
div#form input#button { float:right; margin-right:20px; border:none; background:none; font-weight:bold; font-size:11px; color:#cdc1ad; background:#69361A; }
div#form input#button:hover {  color:#8F7752; cursor:pointer; }

/* = Formularz praca
**************************************************************   */
div#work-form { margin-top:14px; background:#1e1e1e; width:906px; height:auto; float:left; padding:20px; }
div#work-form label {color:#A48356; font-size:12px; display:block; margin-bottom:4px; margin-left:10px; font-weight:bold; }
div#work-form input { background: url('../img/input.png') no-repeat; width:175px; height:30px; border:none; /*padding-top:8px;*/ padding-left:5px; padding-right:5px; color:#CDC1AD; }
div#work-form input[type="checkbox"] { width:10px; height:10px; } 
div#work-form input[type="radio"] { width:10px; height:10px; }
div#work-form label.l_checkbox { display:inline; font-size:11px; color:#CDC1AD; font-weight:0; }
div#work-form label.list { margin-top:10px; border-top:1px dotted color:#8F7752; }
div#work-form textarea.text {display:block; background: url('../img/input-text.png') no-repeat; padding-top:8px; width:335px; height:75px; border:none; /*padding-top:8px;*/ padding-left:5px; padding-right:5px; padding-bottom:5px; color:#CDC1AD; overflow:auto; }
div#work-form input#button {margin-top:20px; border:none; background:none; font-weight:bold; font-size:11px; color:#cdc1ad; background:#69361A; }
div#work-form input#button:hover {  color:#8F7752; cursor:pointer; }
div#work-form div.error-message {width:200px; display:inline; color:#ffaa00; padding:10px; }
div#work-form div.error {color:inherit;font-family:inherit;height:auto;text-align:inherit;}
div#work-form div.radio {color:#cdc1ad; font-weight:bold; }
div#work-form div.checkbox {display:inline; }
/* = Sitemapa
**************************************************************   */
ul#sitemap li a { color:#CDC1AD; font-size:12px; font-family:Tahoma; }
ul#sitemap li a:hover { color:#8F7752; font-size:13px; font-family:'Times New Roman'; }

/* = Galeria
**************************************************************   */

div#main-image { width:900px; margin:0 auto; padding:10px; }
div#main-image ul { list-style:none; margin:0 auto; float:left; clear:both; }
div#main-image ul li {float:left; margin-left:15px; margin-bottom:25px;}

/* = Strona 404
**************************************************************   */
div.error { text-align:center; height:300px; color:#cdc1ad; font-family:Tahoma;}
div.error h1 { font-size:80px; }
div.error p { font-size:22px; }
div.error a { font-size:16px; color:#cdc1ad; }
div.error a:hover {  color:#8F7752; }

/* = teksty
**************************************************************   */
.extend-text { margin:15px 0; float:left; clear:both; }
.extend-text h2 { width:480px; font-size:12px; margin-bottom: 2px;font-weight:bold;color:#CDC1AD;}
.extend-text img { border:3px solid #CDC1AD; float:left; margin-left:2px; float:left; margin-right:20px; margin-bottom:10px; }
.extend-text .e-text { display:block; width:540px; color:#CDC1AD; padding:10px; }
.extend-text .e-text p { margin-right:10px; }

/* = stronicowanie
**************************************************************   */
div.paginate { clear:both; color:#FFFFFF;}
div.paginate a { background:#9D7C51; color:#FFFFFF; padding:5px; font-size:13px; width:10px; height:15px; }
div.paginate a:hover { background:#AF3D15; }
div.paginate span { background:#9D7C51;  }
div.paginate span.current { padding:5px; font-weight:bold; }