html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #fff 0 0 repeat-x; color: #444; font: 75%/130% Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }

img { border: none; }

strong, b {  }

em { padding: 1px 2px; }

abbr,
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { margin: 0 0 12px; }
p.bigger { font-size: 1.1em; }

a { color: #248ac4; text-decoration: none; }
a:hover, a:focus, a:active { color: #248ac4; text-decoration: underline; }

.text-right { text-align: right; }
.fr { float: right; }
.fl { float: left; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 8px; font: bold 1em Arial,Helvetica,sans-serif; color: #000; }
h1 { font-size: 1.50em; color: #248ac4; text-transform: uppercase; }
h2 { font-size: 1.33em; color: #248ac4; text-transform: uppercase; padding-left: 30px; background: url(../images/h2-bg.gif) 0 3px no-repeat; }
h3 { font-size: 1em; }
h4 { font-size: 1.000em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; width: 950px; margin: 0 auto; }
.homepage #content-container { position: relative; overflow: visible; }
.offset { position: absolute; left: -10001em; top: -10001em; }
.center { text-align: center; }
.clearme { clear: both; }


/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 760px; padding: 2px 0; background: #76d1e4; color: #fff; font-size: 1.4em; text-align: center; }


/* NAVIGATION
--------------------------------------------*/
/* Nav-top */
#nav-top { }
 #nav-top ul { list-style: none; padding: 0; margin: 0; }
  #nav-top ul li { height: 20px; padding: 0; margin: 0; background: url(../images/nav-top-sep.gif) 0 50% no-repeat; font-size: 0.83em; text-transform: uppercase; }
   #nav-top ul li.first { background: transparent; }
   #nav-top ul li a { height: 20px; margin: 2px 0 0 0; padding: 0 10px 0 10px; }
	#nav-top ul li a.sitemap { padding-left: 22px; background: url(../images/icon-sitemap.gif) 0 2px no-repeat; }
   #nav-top ul li.lang-change {  }
	#nav-top ul li form { padding: 0 0 0 20px; margin: 0; background: url(../images/icon-big-arrow.gif) 10px 50% no-repeat; }
	 #nav-top ul li form fieldset { padding: 0; margin: 0; }
	  #nav-top ul li form label { padding: 2px 0 0 0; margin: 0 10px 0 0; }
	  #nav-top ul li form select#f-language-select { text-transform: lowercase; }
	  #nav-top ul li form input#f-language-submit { width: 15px; height: 16px; padding: 0; margin: 2px 0 0 0; overflow: hidden; text-indent: -1001em; background: url(../images/btn-submit-arrow.gif) 0 0 no-repeat; border: 0; }

#nav-top { position: absolute; right: 0; bottom: 10px; width: 450px; }
 #nav-top ul { float: right; }
  #nav-top ul li { float: right; width: 110px; white-space: nowrap; }
   #nav-top ul li a { float: right; }
   #nav-top ul li.lang-change { width: 200px; float: right; }
   #nav-top ul li.lang-change.lang-en { width: 160px; }
   #nav-top ul li.contact { width: 70px; }
   #nav-top ul li.sitemap { width: 120px; }


/* Nav */
ul#nav { z-index: 10; display: block; list-style: none; position: relative; height: 40px; padding: 0; margin: 0; background: url(../images/nav-separator.gif) 100% 0 no-repeat; }
 ul#nav li { z-index: 10; position: relative; float: left; background: url(../images/nav-separator.gif) 0 0 no-repeat; }
  ul#nav li a { display: block; min-height: 27px; font-size: 1.08em; color: #fff; padding: 13px 14px 0 15px; }
  ul#nav li a:hover,
   ul#nav li a.current,
   ul#nav li:hover a { color: #000; border-bottom: 3px solid #000; text-decoration: none; }
 ul#nav li.last { float: right; }
 ul#nav li.last-left a {  background: url(../images/nav-separator.gif) 100% 0 no-repeat; }

ul#nav li ul { z-index: 100; display: none; position: absolute; left: 0; top: 43px; width: 281px; overflow: hidden; padding: 0; margin: 0; list-style: none; background: #fff; border: 1px solid #000; border-top: 0; }
 ul#nav li ul li { width: 281px; display: block; padding: 0; margin: 0; background: #fff; border-bottom: 1px solid #ddd; }
  ul#nav li ul li a,
   ul#nav li:hover ul li a { display: block; min-height: 12px; width: 251px; padding: 5px 20px 10px 30px; margin: 0; background: #fff url(../images/arrow-small-blue.gif) 10px 10px no-repeat; border-bottom: 0; color: #666; }
   ul#nav li ul li a:hover, ul#nav li:hover ul li a:hover { color: #fff; background: #1fa2e2 url(../images/arrow-small-white.gif) 10px 10px no-repeat; border-bottom: 0; }
  ul#nav li ul li.last { border-bottom: 0; }

ul#nav li:hover ul { display: block; }

#nav li a em { display: none; }

/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 9659px; top: 0; z-index: 10001; width: 200px; padding: 2px 0; background: #A32F31; color: #000; font-size: 1.4em; text-align: center; }



/* Nav-side */
#sidemenu ul { display: block; list-style: none; margin: 0; padding: 0; }
#sidemenu ul li { display: block; padding: 0; margin: 0 0 1px 0; list-style: none; }
#sidemenu ul li a { display: block; min-height: 12px; padding: 12px 33px; margin: 0; color: #000; background: #eaeaea url(../images/arrow-big-black.gif) 17px 15px no-repeat; }
#sidemenu ul li a:hover,
 #sidemenu ul li.current a { color: #248ac4; background-color: #fff; background-image: url(../images/arrow-big-blue.gif); text-decoration: none; }


/* Nav-foot */
ul#nav-foot { display: block; width: 100%; height: 12px; padding: 0 0 16px 0; margin: 0; list-style: none; border-bottom: 3px solid #1b99df; }
ul#nav-foot li { float: left; padding: 0; margin: 0; text-transform: uppercase; font-size: 0.83em; background: url(../images/nav-top-sep.gif) 100% 50% no-repeat; }
ul#nav-foot li a { padding: 0 8px; }
ul#nav-foot li a:hover {}

ul#nav-foot li a.top { padding-left: 16px; padding-right: 17px; background: url(../images/icon-top.gif) 5px 50% no-repeat; }
ul#nav-foot li.right { float: right; }
ul#nav-foot li.last { background: transparent; }



/* LAYOUT
------------------------------------------- */
#root { width: 100%; }
#top { width: 100%; background: #fff url(../images/top-bg.gif) 0 0 repeat-x; }
#top .wrapper { position: relative; min-height: 133px; background: url(../images/top-bg-element1.jpg) 181px 2px no-repeat; }

#navigation { display: block; width: 100%; height: 43px; background: url(../images/nav-bg.gif) 0 0 repeat-x; }
#navigation .wrapper { overflow: visible; }

#breadcrump { height: 41px; margin: 0 0 40px; font-size: 0.83em; text-transform: uppercase; border-bottom: 1px solid #eaeaea; background: url(../images/breadcrump-bg.gif) 0 0 repeat-x; }
#breadcrump .wrapper { display: block; width: 920px; height: 24px; padding: 17px 15px 0 15px; }
#breadcrump h2 { background: transparent; }

#content-container { overflow: hidden; }
.homepage #content-container { padding-top: 60px; }

#footer { clear: both; padding: 75px 0 0 0; width: 100%; }
#company-data { height: 50px; padding: 8px 10px; font-size: 0.83em; color: #888; text-transform: uppercase; border-bottom: 1px solid #dcdcdc; }
#footerWithLinks { text-align: center; padding: 3px; }
#footer-other {clear:both; padding: 30px 0 0 0; margin: 20px 0 30px; /*padding: 10px 10px;*/ font-size: 0.83em; color: #888; text-transform: uppercase;  width: 400px; float:right;}
#footer-other .certificate { float: right; margin: 0 10px 0 0; padding: 5px 0 5px 35px; background: url(../images/icon-certificate-iso.gif) 0 50% no-repeat; }

#footer-other .project { float: right; padding: 5px 0 5px 10px; background: url(../images/nav-top-sep.gif) 0 50% no-repeat; }
#footer-other .project a { color: #000; padding: 0 0 0 20px; background: url(../images/merix-logo.gif) 0 50% no-repeat; }
#footer-other .project a:hover {  }
#adobelink { background: url(../images/adobe_reader.jpg) center right no-repeat; padding-right: 20px }
#company-data p.subTitle{padding-top:8px; text-align:center;}

/* TOP */
 #top h1.logo { float: left; width: 144px; height: 104px; padding: 0; margin: 10px 0 0 0; overflow: hidden; }
  #top h1.logo a { display: block; width: 144px; height: 104px; overflow: hidden; background: url(../images/akwa-logo.gif) 0 0 no-repeat; text-indent: -1001em; }
  #top #subscribe-to-newsletter { float: right; width: 257px; height: 66px; overflow: hidden; margin: 14px 0; padding: 0 19px 0 19px; background: url(../images/add-to-newsletter-bg.gif) 0 6px no-repeat; }
  #top #subscribe-to-newsletter h2 { font-size: 1em; text-transform: none; background: #f4f4f4; width: 100px; padding: 0 5px; }
  #top #subscribe-to-newsletter form { display: block; margin: 0; padding: 5px 0 0 0; }
  #top #subscribe-to-newsletter form label { display: none; }
  #top #subscribe-to-newsletter form input.text { float: left; width: 215px; height: 12px; padding: 3px 6px 3px 6px; margin: 0 11px 0 0; font-size: 0.83em; text-transform: uppercase; color: #666; }
  #top #subscribe-to-newsletter form input#f-newsletter-subscribe { float: right; width: 15px; height: 16px; padding: 0; margin: 2px 0 0 0; overflow: hidden; text-indent: -1001em; background: url(../images/btn-submit-arrow.gif) 0 0 no-repeat; border: 0; }
 #top #nav-top { clear: right; float: right; }

 /* BRERADCRUMP */
 #breadcrump h2 { float: left; font-size: 1em; color: #888; padding: 1px 0 0 0; }
 #breadcrump ul { float: left; padding: 0; margin: 0; list-style: none; }
 #breadcrump ul li { float: left; padding: 0 8px; margin: 0; background: url(../images/arrow-small-black.gif) 100% 50% no-repeat; color: #888; }
 #breadcrump ul li a { color: #000;  margin: 0; }
 #breadcrump ul li.last { background: transparent; }

 /*FOOTER */


/* HOMEPAGE
-------------------------------------------- */

.home-box { overflow: hidden; float: left; width: 225px; padding-left: 15px; }
#intro-about-company { padding-left: 0; }
.home-box h2 { height: 35px; padding-left: 34px; font-size: 1.25em; background: url(../images/h2-bg-special.gif) 0 2px no-repeat; }
.home-box p.img { margin: 0; }
.home-box .cont { position: relative; display: block; min-height: 185px; padding: 12px 16px 20px 20px; background: #eff2f4; }
.home-box .cont p { margin: 0 0 10px; }
.home-box .read-more{ position: absolute; bottom: 0; left: 20px; padding: 2px 16px 0 25px; margin: 0; height: 18px; background: #1b99df url(../images/arrow-small-white.gif) 10px 7px no-repeat; color: #fff; font-size: 0.83em; text-transform: uppercase;  }
.home-box-blue .cont { background: #1b99df; color: #fff; }
.home-box-blue .read-more { background-color: #000; }

#intro-news .cont h3 { font-size: 1.17em; margin: 0 0 2px; }
#intro-news .cont p.date { margin: 0 0 8px; font-size: 0.83em; }
#intro-news .intro-text { padding: 5px 10px; }
#intro-news .map { margin: 0 auto; width: 210px; }


/* Subsites
--------------------------------------------- */
#sidemenu { float: left; width: 268px; height: 100%; margin: 0; padding: 0; border-right: 1px solid #eaeaea; }
#content { z-index: 1; float: left; width: 627px; margin: 0 0 0 -1px; padding: 0 0 0 36px; border-left: 1px solid #eaeaea; }
#content.long { width: 878px; padding: 0 36px; }
#content .map { z-index: 1; }

#content div.header { border-bottom: 1px solid #eaeaea; padding: 0 0 10px 0; margin: 0 0 13px; }
#content div.header h2 { margin-bottom: 3px; }

#content div.cont { padding: 0 12px; }

#content div.photo-main { float: right; margin: 0 33px 10px 10px; }
#content div.photo-main-left { float: left; margin: 0 33px 10px 0; width: 100px; }
#content div.photo-main img {}

#content .katalog-get { display: block; height: 1%; margin: 0 0 20px; padding: 2px 0 2px 25px; background: url(../images/icon-pdf.gif) 0 0 no-repeat; font-size: 0.83em; }
#content .katalog-get a { height: 1%; padding: 2px 24px; margin: 0; background: url(../images/arrow-small-blue.gif) 13px 50% no-repeat; border: 1px solid #eaeaea; text-transform: uppercase; }
#content .katalog-get a:hover {}

#content .block { clear: both; height: 1%; width: 100%; overflow: hidden; margin: 0 0 20px; }
#content .block .katalog-get { float: left; width: 300px; }


#content ul {}
#content ul li { list-style: none; padding: 2px 15px; background: url(../images/arrow-blue-bullet.gif) 0 7px no-repeat; }

#content div.desc { display: block; overflow: hidden; height: 1%; border: 1px solid #eaeaea; padding: 12px 25px; margin: 0 0 10px;  }
#content div.desc .part { text-align: center; float: left; width: 50%; }
#content div.desc .part img { }
#content div.desc .part p.photo-descr { clear: left; font-weight: bold;  }
#content div.desc img { float: left; margin: 0 20px 0 0; }
#content div.desc div.legend { float: left; }
#content div.desc ul, #content div.desc ol {  }
#content div.desc li { }
#content div.desc ul li { background: transparent; }
#content div.desc ul li span.number, #content div.desc ol li span.number { font-weight: bold; }



/* Tables */
table { border: 1px solid #e5e5e5; border-collapse: collapse; margin: 0 0 10px; }
table td, table th { padding: 5px 10px; border: 1px solid #e5e5e5; }
table th { background: #f3f3f3; }
table th span.small { font-size: 0.72em; white-space: nowrap; }
table.tbl-details td { text-align: center; }
table td.no-wrap { white-space: nowrap; }

table.tbl-details.tiny { }
table.tbl-details.tiny td, table.tbl-details.tiny th {  padding: 3px 5px; }


/* Contact */
.contact-data { float: left; width: 400px; }
.contact-form { float: left; width: 400px; }

/* Partners */
table.partners {}
table.partners tr {}
table.partners th, table.partners td {  padding: 0;  border: 0; border-bottom: 1px solid #ddd; }
table.partners th {}
table.partners td { background: #fafafa; }
table.partners th.city { vertical-align: top; text-align: left; width: 150px; background: #fff; }
table.partners th.city h3 { background: #30AFE6; color: #fff; padding: 3px 10px; }
table.partners div.partner { display: block; margin: 0 0 2px; }
table.partners div.partner h4 { background: #ddd; padding: 3px 10px; color: #555; }
table.partners div.partner dl { font-size: 0.93em; display: block; overflow: hidden; padding: 5px 15px; margin: 0 0 10px; width: 400px; }
table.partners div.partner dl dt { clear: left; float: left; width: 100px; margin: 0 0 3px; font-weight: normal; text-transform: uppercase; }
table.partners div.partner dl dt.cat { font-weight: bold; width: 350px; border-bottom: 1px solid #eee; }
table.partners div.partner dl dd { float: left; width: 250px; margin: 0 0 3px; }

/* Certificates */
ul.certificates {}
ul.certificates li {}
ul.certificates li a { padding: 5px 20px 5px 0; }
ul.certificates li a.pdf { background: url(../images/icon-pdf.gif) 100% 4px no-repeat; }

/* Elements */
ul#tree { width: 100%; padding: 0; margin: 0;  }
ul#tree li { padding: 2px 0 2px 10px; margin: 2px 0 0 0; list-style: none;  }
ul#tree li ul { padding: 2px 0 2px 10px; margin: 0; border-left: 1px solid #f9f9f9; }
ul#tree li ul li { background: url(../images/icon-folder.gif) 1px 10px no-repeat;  }
ul#tree li a { display: block; width: auto; height: 1%; padding: 3px 0 3px 0; margin: 0 0 1px; color: #000;  border-bottom: 1px solid #eee;  }
ul#tree li a:hover { background: #3BB4EA; color: #fff; text-decoration: none; }
ul#tree li a.node-link span { padding: 3px 10px; }
ul#tree li a.node-link span.current { background: #949494; color: #fff;  }
ul#tree li a.node-link {  }


ul#tree li.root > a.node-link span.current { background: #3BB4EA }
ul#tree li.first-child > a.node-link span.current { background: #3BB4EA }
ul#tree li.second-child > a.node-link span.current { background: #000 }
ul#tree li.leaf a.node-link span.current { background: #FBA002 }

ul#tree li div.leaf { display: block; overflow: hidden; height: 1%; background: #F0F0F0; padding: 5px 10px; margin: 5px 0; }
ul#tree li div.leaf h3 {}
ul#tree li div.leaf ul.additionals { display: block; height: 1%; margin: 0 0 5px; overflow: hidden; border: 0; }
ul#tree li div.leaf ul.additionals li { float: left; height: 1%; background: transparent; border: 0; padding: 0 20px; }
ul#tree li div.leaf ul.additionals li a { float: left; border: 0; }
ul#tree li div.leaf div.elementy-karta-katalogowa { float: left; width: 35%; }
ul#tree li div.leaf div.elementy-dodatkowe { float: left; width: 55%; border-left: 1px solid #fff; padding-left: 20px;   }

ul#tree .catalogue a { float: left; width: 90%; padding: 3px 0 3px 20px; margin: 1px 0; background: url(../images/icon-pdf.gif) 0 0 no-repeat; color: #248AC4; }
ul#tree .catalogue a:hover { text-decoration: underline; color: #248AC4 !important; background: url(../images/icon-pdf.gif) 0 0 no-repeat; }

#structure-hide { float: right; margin-top: -4px; border: 1px solid #eee; }
#structure-hide a { padding: 3px 10px 3px 20px; background: url(../images/arrow-small-blue.gif) 10px 8px no-repeat; font-size: 0.83em; text-transform: uppercase; }


/* Offer */
#content ul.offer { display: block; width: 100%; padding: 0; margin: 0; list-style: none; }
#content ul.offer li { float: left; width: 130px; overflow: hidden; padding: 0; margin: 5px 10px; list-style: none; background: transparent; border: 0px solid #eee;  }
#content ul.offer li a img { display: block; width: 100px; height: 100px; padding: 2px; margin: 0 auto; margin-bottom: 10px; border: 2px solid #248AC4; }
#content ul.offer li a span { display: block; padding: 5px 0; text-align: center; text-transform: uppecase; border-top: 1px solid #eee; }
#content ul.offer li a { height: 220px; display: block; color: #000; padding-top: 10px; }
#content ul.offer li a:hover { background: #fafafa !important; text-decoration: none; }
#content ul.offer li.left { margin-left: 160px; }


/* gallery */
#content ul.gallery { overflow: hidden; margin-right: -10px; padding: 10px 0 0; list-style: none; }
#content ul.gallery li { float: left; height: 120px; padding: 0 10px 0 0; background: none; }

p.images { overflow: hidden; }
p.images img { float: left; padding-left: 30px; }

.logos { position: absolute; top: -40px; left: 0; z-index: 1; width: 950px; height: 80px; border-bottom: 1px solid #eaeaea; }
.logos a { float: right; width: 474px; height: 80px; background: transparent url('../images/logos.jpg') no-repeat 0 0; }
.logos a:hover { height: 203px; text-decoration: none; }