/**
 * , http://
 * Copyright (c)2009, CSD
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright       		Copyright (c) 2009, CSD
 * @frontedndeveloper		Krzysztof Safjanowski
 * @license         		http://www.opensource.org/licenses/mit-license.php The MIT License
 */

/* wyzerowanie domyslnych wartosci */
html, body {margin: 0; padding: 0;}
body {font: 0.625em/1em tahoma, arial, helvetica, sans-serif;}


/* wyzerowanie domyslnych wartosci */
h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, form, fieldset, address, p {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}
fieldset {border: 0;}


/* accessibility */
#quick-navigation, .accessibility, .hidden, hr {position: absolute; left: -666em; top: 0; margin-left: -666em; overflow: hidden;}


/* witkowki */
#witkowski {background: #f2c55c url(/img/site/witkowski.gif) repeat-x; color: #262625;}


/* naglowek */
#header {position: relative; margin: 0 auto; width: 960px; height: 64px;}

	#header-witkowski {position: absolute; top: 0; left: 11px; width: 244px; height: 64px;}
		#header-witkowski a {overflow: hidden; display: block; width: 244px; height: 64px; text-indent: -666em; background: url(/img/site/header-witkowski.a.png) no-repeat;}

	#header-menu {position: absolute; top: 16px; right: 0; border-top: 1px solid #b9912d; height: 42px; list-style: none;}
		#header-menu li {float: left;}
			#header-menu li a {overflow: hidden; float: left; height: 42px; text-indent: -666em;}
				#header-menu li a:hover {background-position: 0 -42px;}
				#header-menu li a.active {background-position: 0 -42px;}

		#header-menu-home {width: 120px; background: url(/img/site/header-menu-home.png) no-repeat;}
		#header-menu-about {width: 69px; background: url(/img/site/header-menu-about.png) no-repeat;}
		#header-menu-offer {width: 77px; background: url(/img/site/header-menu-offer.png) no-repeat;}
		#header-menu-realizations {width: 96px; background: url(/img/site/header-menu-realizations.png) no-repeat;}
		#header-menu-certificates {width: 104px; background: url(/img/site/header-menu-certificates.png) no-repeat;}
		#header-menu-news {width: 104px; background: url(/img/site/header-menu-news.png) no-repeat;}
		#header-menu-contact {width: 80px; background: url(/img/site/header-menu-contact.png) no-repeat;}


/* tresc */
#body {overflow: hidden; margin: 14px auto 0; border: 1px solid #c7a13d; border-top: 0; /* padding: 0 0 25px; */ width: 958px; background: url(/img/site/body.gif);}

	/* tresc - uklad jednoszpaltowy */
	#body-main {background: #262625;}
		#body-main .main-header {}
			#body-main .main-header img {display: block;}
		#body-main .main-body {overflow: hidden; background: url(/img/site/body-main.main-body.gif) repeat-x;}
			
		#body-main-content {float: right; padding: 0 108px 0 0; width: 505px; background: url(/img/site/body-main-content.jpg) 525px 50% no-repeat;}
			#body-main-content .main-body-content {font-size: 1.1em; color: #fff;}
				#body-main-content .main-body-content p {margin: 1.61em 0;}
		
		#body-main-sidebar {float: left; margin: 0 0 0 26px; width: 286px; min-height: 136px; background: url(/img/site/body-main-sidebar.jpg) 100% 20px no-repeat;}
			#body-main-sidebar ol {list-style: none;}
				#body-main-sidebar ol > li {margin: 1.61em 0;}
				#body-main-sidebar ol > li .title {}
					#body-main-sidebar ol > li .title dt {display: none;}
					#body-main-sidebar ol > li .title dd {padding: 0 0 0 16px; background: url(/img/site/body-main-sidebar.ol.li.title.dd.gif) 0 50% no-repeat;}
						#body-main-sidebar ol > li .title dd a {text-decoration: none; color: #f2d06b;}
						#body-main-sidebar ol > li .title dd a:hover {text-decoration: underline;}
				#body-main-sidebar ol > li .date {display: none;}


	/* tresc - prawa szpalta */
	#body-content {float: right; margin: 0 28px 0 0; padding: 0 0 28px; width: 622px;}
		#body-content .content-header {font: 2.4em 'myriad pro', helvetica, arial, sans-serif; color: #fff;}
			#body-content .content-header em {font-style: normal; color: #f2d06b;}
		#body-content .content-body {font-size: 1.1em; color: #fff;}
			#body-content .content-body .content-body-image, #body-content .content-body .content-body-image-left {float: left; margin: 0 14px 0 0;}
			#body-content .content-body .content-body-image-right {float: right; margin: 0 0 0 14px;}
			#body-content .content-body h1, #body-content .content-body h2, #body-content .content-body h3, #body-content .content-body h4, #body-content .content-body h5, #body-content .content-body h6 {margin: 1.61em 0 0; font-size: 1.09em;}
			#body-content .content-body h1 + p, #body-content .content-body h2 + p, #body-content .content-body h3 + p, #body-content .content-body h4 + p, #body-content .content-body h5 + p, #body-content .content-body h6 + p {margin: 0 0 1.61em;}
			#body-content .content-body p {margin: 1.61em 0;}
				#body-content .content-body p:first-child {margin: 0 0 1.61em;}
		#body-content .content-footer {overflow: hidden; width: 622px; font-size: 1.1em;}
			#body-content .content-footer .footer {float: right; margin: 0 0 1.61em;}
				#body-content .content-footer .footer a {padding: 0 0 0 20px; background: url(/img/site/body-content.content-footer.footer.a.gif) 0 50% no-repeat; color: #f2d06b;}

		#body-content-main {overflow: hidden; width: 622px;}

		#body-content-reference {border-top: 3px solid #92814e;}
			#body-content-reference .header {margin: 1em 0; font-size: 1.09em;}
			#body-content-reference ul {list-style: none;}
				#body-content-reference ul li {margin: 0.805em 0;}
					#body-content-reference ul li a {}
						#body-content-reference ul li a img {margin: 0 9px 0 0; border: 0; vertical-align: sub;}
						#body-content-reference ul li a span {}
						#body-content-reference ul li a:hover {text-decoration: none;}
							#body-content-reference ul li a:hover span {text-decoration: underline;}

		#body-content-gallery, #body-content-gallery-2 {border-top: 3px solid #92814e;}
			#body-content-gallery .header, #body-content-gallery-2 .header {margin: 1em 0; font-size: 1.09em;}
			#body-content-gallery ul, #body-content-gallery-2 ul {overflow: hidden; width: 622px; list-style: none;}
				#body-content-gallery ul li, #body-content-gallery-2 ul li {float: left; margin: 0.805em 0 1.61em 37px;}
					#body-content-gallery ul li p, #body-content-gallery-2 ul li p {margin: 0.805em 0 !important;}
						#body-content-gallery ul li p img, #body-content-gallery-2 ul li p img {display: block; border: 0; height: 100px;}

		#body-content-gallery, #body-content-gallery-3 {border-top: 3px solid #92814e;}
			#body-content-gallery .header, #body-content-gallery-3 .header {margin: 1em 0; font-size: 1.09em;}
			#body-content-gallery ul, #body-content-gallery-3 ul {overflow: hidden; width: 622px; list-style: none;}
				#body-content-gallery ul li, #body-content-gallery-3 ul li {float: left; margin: 0.805em 0 1.61em 37px;}
					#body-content-gallery ul li p, #body-content-gallery-3 ul li p {margin: 0.805em 0 !important;}
						#body-content-gallery ul li p img, #body-content-gallery-3 ul li p img {display: block; border: 0; height: 200px;}

		#body-content-about a {text-decoration: underline !important;}
			#body-content-about a:hover {text-decoration: none !important;}

		#body-content-offer {overflow: hidden; width: 622px;}
		
			#body-content-offer-realization {float: right; margin: 1.61em 0 0 25px; border-left: 1px solid #8e7d4a; padding: 0 0 0 25px; width: 150px;}
				#body-content-offer-realization h3 {margin: 0 !important;}
				#body-content-offer-realization p {margin: 0.805em 0 !important; }
					#body-content-offer-realization p + p {text-align: right;}
					#body-content-offer-realization p img {display: block; border: 0; vertical-align: sub;}
		
		#body-content-realizations {}
			#body-content-realizations ul {overflow: hidden; border-bottom: 3px solid #92814e; width: 622px; background: url(/img/site/body-content-realizations.ul.gif) repeat-y; list-style: none;}
				#body-content-realizations ul li {float: left; border-top: 1px solid #92814e; padding: 15px 28px; width: 151px;}
					#body-content-realizations ul li p {margin: 0.805em 0 !important;}
					#body-content-realizations ul li p + p {text-align: right;}
						#body-content-realizations ul li p img {display: block; border: 0; vertical-align: sub;}

		#body-content-certificates {}
			#body-content-certificates ul {overflow: hidden; border-bottom: 3px solid #92814e; width: 622px; background: url(/img/site/body-content-realizations.ul.gif) repeat-y; list-style: none;}
				#body-content-certificates ul li {float: left; border-top: 1px solid #92814e; padding: 15px 28px; width: 151px;}
					#body-content-certificates ul li p {margin: 0.805em 0 !important;}
						#body-content-certificates ul li p + p {text-align: right;}
						#body-content-certificates ul li p img {display: block; border: 0; vertical-align: sub;}
							#body-content-certificates ul li p + p a img {display: inline; margin: 0 9px 0 0;}
							#body-content-certificates ul li p + p a span {}
							#body-content-certificates ul li p + p a:hover {text-decoration: none;}
								#body-content-certificates ul li p + p a:hover span {text-decoration: underline;}

		#body-content-news {}
			#body-content-news .date {/* margin: 1.61em 0 0; */ font-size: 0.9em;}
				#body-content-news .date dt {display: none;}
				#body-content-news .date dd {color: #d4c9ab;}
				#body-content-news .date + .header {margin: 0.805em 0 0;}
		
		#body-content-archive {border-top: 3px solid #8e7d4a;}
			#body-content-archive .header {margin: 1em 0; font-size: 1.09em;}
			#body-content-archive ol {list-style: none;}
				#body-content-archive ol > li {margin: 1.61em 0;}
					#body-content-archive ol > li .title {}
						#body-content-archive ol > li .title dt {display: none;}
						#body-content-archive ol > li .title dd {padding: 0 0 0 16px; background: url(/img/site/body-content-archive.ol.li.title.dd.gif) 0 50% no-repeat;}
					#body-content-archive ol > li .date {font-size: 0.9em; color: #d4c9ab;}
						#body-content-archive ol > li .date dt {display: none;}
						#body-content-archive ol > li .date dd {padding: 0 0 0 16px;}
			
			#body-content a {text-decoration: none; color: #f2d06b;}
				#body-content a:hover {text-decoration: underline;}

		#body-content-contact {}
			#body-content-contact .contact-important {border-bottom: 3px solid #92814e;}
			#body-content-contact .contact-important p {}
				#body-content-contact .contact-important p img {margin: 0 9px 0 0; border: 0; vertical-align: sub;}
				#body-content-contact .contact-important p a {}
					#body-content-contact .contact-important p a:hover {text-decoration: none;}
					#body-content-contact .contact-important p a span {}
						#body-content-contact .contact-important p a:hover span {text-decoration: underline;}
			#body-content-contact .contact-body {overflow: hidden; width: 340px;}
				#body-content-contact .contact-body h3 {float: left; width: 226px;}
				#body-content-contact .contact-body img {float: right; margin: 2em 0 0; width: 114px;}
				#body-content-contact .contact-body address {float: left; width: 226px;}
			#body-content-contact h3 {font-size: 1.09em;}
			#body-content-contact address {margin: 0.805em 0; font-style: normal;}
		
		/* menu - lewa szpalta */
		#body-sidebar {float: left; margin: 0 0 0 28px; padding: 0 0 18px; width: 250px;}
		
			#body-sidebar-menu {padding: 10px 0 0; font-size: 1.1em; background: url(/img/site/body-sidebar-menu.gif) 50% 0 no-repeat; list-style: none;}
				#body-sidebar-menu > ul {padding: 10px 10px 10px 20px; background: url(/img/site/body-sidebar-menu.ul.gif) 50% 100% no-repeat; list-style: none;}
					#body-sidebar-menu > ul > li {margin: 0 0 0.805em;}
						#body-sidebar-menu > ul > li h2 {font-size: 1.09em; color: #f2d06b;}
							#body-sidebar-menu > ul > li h2 a {text-decoration: none; color: #f2d06b;}
								#body-sidebar-menu > ul > li h2 a:hover {text-decoration: underline; color: #f2d06b;}
								#body-sidebar-menu > ul > li h2 a.active {text-decoration: underline; color: #f2d06b;}
						#body-sidebar-menu > ul > li ul {list-style: none;}
							#body-sidebar-menu > ul > li ul li {}
								#body-sidebar-menu > ul > li ul li a {padding: 0 10px 0 0; text-decoration: none; background: url(/img/site/body-sidebar-menu.li.ul.li.a.gif) 100% 50% no-repeat; color: #fff;}
									#body-sidebar-menu > ul > li ul li a:hover {text-decoration: underline;}
									#body-sidebar-menu > ul > li ul li a.active {text-decoration: underline;}

			#body-sidebar-reference {margin: 25px 0 0;}


/* stopka */
#footer {overflow: hidden; margin: 0 auto; padding: 0 28px; width: 904px;}

	#footer-realization {float: right;}
	
	#footer-copyright {float: left;}
	
	#footer p {margin: 1.61em 0; font-size: 1.1em;}
		#footer p em {font-style: normal; font-weight: bold;}
		#footer p a {text-decoration: none; color: #262625;}
			#footer p a:hover {text-decoration: underline;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}html,body {height: 100%;}
div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30;}
* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap {text-align: left;}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/img/site/fancybox/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30;}
div#fancy_loading_icon {position: absolute; background: url('/img/site/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px;}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none;}
div#fancy_inner {position: relative; width: 100%; height: 100%; border: 1px solid #BBB; background: #FFF;}
div#fancy_content {margin: 0; z-index: 100; position: absolute;}
div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100;}
img#fancy_img {position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%;}
div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/img/site/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none;}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none;}
#fancy_ajax {width: 100%; height: 100%; overflow: auto;}
a#fancy_left,a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data: image/gif; base64,AAAA); outline: none;}
a#fancy_left {left: 0px;}
a#fancy_right {right: 0px;}
span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block;}
span#fancy_left_ico {left: -9999px; background: transparent url('/img/site/fancybox/fancy_left.png') no-repeat;}
span#fancy_right_ico {right: -9999px; background: transparent url('/img/site/fancybox/fancy_right.png') no-repeat;}
a#fancy_left:hover {visibility: visible;}
a#fancy_right:hover {visibility: visible;}
a#fancy_left:hover span {left: 20px;}
a#fancy_right:hover span {right: 20px;}
.fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0;}
div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0;}
div.fancy_bg_n {top: -18px; width: 100%; height: 18px; background: transparent url('/img/site/fancybox/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/img/site/fancybox/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e {right: -13px; height: 100%; width: 13px; background: transparent url('/img/site/fancybox/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/img/site/fancybox/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url('/img/site/fancybox/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/img/site/fancybox/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url('/img/site/fancybox/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/img/site/fancybox/fancy_shadow_nw.png') no-repeat;}
div#fancy_title {position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none;}
div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title table td {padding: 0; vertical-align: middle;}
td#fancy_title_left {height: 32px; width: 15px; background: transparent url('/img/site/fancybox/fancy_title_left.png') repeat-x;}
td#fancy_title_main {height: 32px; background: transparent url('/img/site/fancybox/fancy_title_main.png') repeat-x;}
td#fancy_title_right {height: 32px; width: 15px; background: transparent url('/img/site/fancybox/fancy_title_right.png') repeat-x;}