* {
  margin: 0;
  padding: 0
  }

body {
  font-size: 62.5%;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  line-height: 1.9em;
  background: white url(../images/bg.gif) top left repeat-x;
  color: #383838;
  }

a:link {
  color: #3a7280;
  }

a:visited {
  color: #66a5b5;
  }
 
a:hover {
  color: #ec2f2f;
  }

p {
  padding: 0.7em 0;
  }

h1 {
  margin: 30px 0 0 0;
  overflow: hidden;
  font-size: 1.9em;
  }

h1, h1 span {
  float: left;
  position: relative;
  width: 203px;
  height: 47px;
  display: block;
  }

h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.gif) top left no-repeat;
  }
  
h1 a:hover span {
  cursor: pointer;
  }

#keywords {
  float: right;
  width: 300px;
  padding: 25px 10px 0 0;
  }

h2 {
  font-size: 0.9em;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.8em;
  text-align: right;
  }
  
h3 {
  font-family: sans-serif;
  font-size: 1.3em;
  padding: 0.9em 0 0.4em 0;
  color: #fa2c2d;
  overflow: visible;
  }
  
h3#front {
  position: absolute;
  top: 156px;
  display: block;
  width: 450px;
  }
  
h3.headline-midd {
  font-family: sans-serif;
  font-size: 1.15em;
  padding: 0.8em 0 0.4em 0;
  color: #4b3e1e;
  overflow: visible;  }
  
h4 {
  color: #fa2c2d;
  font-size: 1em;
  padding: 0.9em 0 0.3em 0;
  }
  
h4.headline-midd {
  color: #4b3e1e;
  font-size: 1em;
  padding: 0.9em 0 0.3em 0;
  }

/************************************************************  PAGE */

#page {
  width: 900px;
  margin: 0 auto;
  font-size: 1.2em;
  }

#header {
  height: 140px;
  background: url(../images/header.jpg) top left repeat-x;
  }
  
#phone {
  display: block;
  float: right;
  position: relative;
  top: 26px;
  left: 252px;
  color: #fff;
  font-size: 1.25em;
  }

/************************************************************  NAVIGATION */

#nav {
  width: 440px;
  height: 40px;
  float: left;
  position: relative;
  top: 24px;
  left: -15px;
  }
  
#nav ul {
  list-style: none;
  }
  
#nav ul li {
  width: 110px;
  float: left;
  }
 
#nav ul li#o {
  width: 95px;
  }
  
#nav ul li#prod {
  width: 110px;
  }
  
#nav ul li#ref {
  width: 115px;
  }
  
#nav ul li a {
  font-size: 0.9em;
  display: block;
  height: 40px;
  line-height: 41px;
  color: #01434c;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  }

#nav ul li a.active {
  color: #ea2d2e;
  font-weight: bold;
  }
  
#nav ul li a:hover {
  color: #ea2d2e;
  }


#main {
  background: url(../images/main.jpg) top left no-repeat;
  padding-top: 15px;
  width: 900px;
  }
  
#main-content {
  background: url(../images/main-content.jpg) top left no-repeat;
  padding-top: 15px;
  width: 900px;
  }

/************************************************************ CONTENT */
  
#left {
  float: left;
  width: 707px;
  }
  
#left-main {
  float: left;
  width: 402px;
  padding: 42px 40px 0 0;
  }
  
#left-main ul, #left-main-ref ul {
  list-style: none;
  width: 100%;
  padding: 10px 0 5px 0;
  }
  
#left-main ul li, #left-main-ref ul li {
  padding: 4px 0 4px 20px;
  background: url(../images/li-arrow.gif) 4px 9px no-repeat;
  }
  
#left-main li img {
  float: right;
  }
  
#left-main ul li.grey {
  background: #f5f5f4 url(../images/li-arrow.gif) 4px 9px no-repeat;
  }
  
#left-main li span#a1 {
  background: url(../images/a1.gif) 98% 0 no-repeat;
  width: 100%;
  display: block;
  }
  
#left-main li span#a2 {
  background: url(../images/a2.gif) 98% 0 no-repeat;
  width: 100%;
  display: block;
  }
  
#left-main li span#a3 {
  background: url(../images/a3.gif) 98% 0 no-repeat;
  width: 100%;
  display: block;
  }
  
#left-main li span#a4 {
  background: url(../images/a4.gif) 98% 0 no-repeat;
  width: 100%;
  display: block;
  }
  
#left-main li span#a5 {
  background: url(../images/a5.gif) 98% 0 no-repeat;
  width: 100%;
  display: block;
  }
  
#left-main li span#a6 {
  background: url(../images/a6.gif) 98% 3px no-repeat;
  width: 100%;
  display: block;
  }
  
#left-main li span#a7 {
  background: url(../images/a7.gif) 98% -2px no-repeat;
  width: 100%;
  display: block;
  }
  
#left-main li span#a8 {
  background: url(../images/a8.gif) 98% 0px no-repeat;
  width: 100%;
  display: block;
  padding: 1px 0;
  }
  
  
  
  
  
#left-midd {
  float: right;
  width: 265px;
  background: #f5f5f4 url(../images/bg-right-midd.gif) top left repeat-y;
  margin-top: 18px;
  color: #4b3e1e;
  }

#left-midd-bottom {
  background: url(../images/bg-right-midd-bottom.gif) bottom left no-repeat;
  }
  
#left-midd-inside {
  padding: 0 20px
  }
  
#left-midd-inside ul {
  list-style: none;
  width: 100%;
  padding: 5px 0 10px 0;
  }
  
#left-midd-inside li {
  padding: 2px 0 2px 20px;
  background: url(../images/midd-arrow.gif) 4px 11px no-repeat;
  }
  
#right {
  float: right;
  width: 193px;
  }
  
#right a img {
  border: 1px solid #fff;
  margin: 10px 0 10px 31px;
  }
  
#right a.last img {
  margin: 10px 0 15px 31px;
  }
  
#right a:hover img {
  border: 1px solid #2f93a2;
  }

#right h3 {
  padding-left: 31px;
  }
  
/************************************************************  SINGPOST */

#signpost {
  background: #015a67 url(../images/signpost.gif) top left repeat-x;
  height: 125px;
  margin-top: 0px;
  }

.signbox {
  float: left;
  width: 270px;
  text-align: center;
  padding: 15px 15px 0px 15px;
  }
  
.signbox a img {

  border: none;
  }
  
.signbox a, signbox a:visited {
  color: #fff;
  }
  
.signbox a:hover {  
  color: #fff;
  text-decoration: none;
  }
  
.signbox p {
  margin-top: -1px;
  text-align: center;
  }
  
.signbox p a {
  clear: both;
  text-align: center;
  background: url(../images/sign-arrow.gif) 100% 5px no-repeat;
  padding-right: 15px;
  }

/************************************************************  FOOTER */

#footer {
  height: 50px;
  background: #f5f5f4;
  border-top: 1px solid #e8e8e8;
  font-size: 0.9em;
  }
  
#footer p {
  float: left;
  padding: 15px;
  }
  
#footer p.right {
  float: right;
  color: #8d8d8d;
  }
  
#footer a {
  color: #8d8d8d;
  }
  
#footer a:hover {
  color: #8d8d8d;
  text-decoration: none;
  }

.cleaner {
  clear: both;
  }

#contact {
  padding: 10px 0;
  }

#contact span {
  padding: 5px 0;
  }

#contact .phone {
  display: block;
  background: url(../images/icon-phone.gif) top left no-repeat;
  height: 58px;
  line-height: 58px;
  padding-left: 70px;
  }
  
#contact .fax {
  display: block;
  background: url(../images/icon-fax.gif) top left no-repeat;
  height: 58px;
  line-height: 58px;
  padding-left: 70px;
  }
  
#contact .cell {
  display: block;
  background: url(../images/icon-cell.gif) top left no-repeat;
  height: 58px;
  line-height: 58px;
  padding-left: 70px;
  }
  
#contact .email {
  display: block;
  background: url(../images/icon-email.gif) top left no-repeat;
  height: 58px;
  line-height: 58px;
  padding-left: 70px;
  }
  
#contact .web {
  display: block;
  background: url(../images/icon-web.gif) top left no-repeat;
  height: 60px;
  line-height: 60px;
  padding-left: 70px;
  }

address {
  font-style: normal;
  }
  
address.address {
  background: url(../images/icon-address.gif) top left no-repeat;
  line-height: 28px;
  padding-left: 70px;
  }

.map {
  border: 4px solid #ebe9e4;
  margin: 5px 0 10px 0;
  }

#left-main-content {
  float: left;
  width: 313px;
  }

#left-midd-content {
  float: right;
  width: 341px;
  border: solid #ebe9e4;
  border-width: 0 1px;
  padding: 0 25px;
  margin: 10px 0;
  }

h3.contact1 {
  padding: 0.4em 0 1em 0;
  }
  
#left-man-ref {
  float: left;
  width: 714px;
  }

#headline-ref {
  padding: 0.8em 0 1em 0;
  }

table {
  width: 100%;
  border: 1px solid #056977;
  margin-bottom: 5px;
  }

tr.headline {
  background: #056977;
  color: #fff;
  font-size: 1.1em;
  }
  
tr.bg {
  background: #f5f5f4;
  }
  
td, th {
  padding: 4px;
  }

tr.headline td, tr.headline th {
  padding: 4px;
  }

th {
  font-weight: normal;
  text-align: left;
  }
  
td {
  text-align: center;
  }

#left-main-produkty {
  margin-bottom: 20px;
  }

#left-main-produkty ul {
  margin: 0px 0 15px 0;
  list-style: none;
  }

#left-main-produkty ul li {
  padding: 4px 0 4px 20px;
  background: url(../images/li-arrow.gif) 4px 9px no-repeat;
  }

#left-main-produkty ul.files
 {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  }

#left-main-produkty ul.files li {
  background: none;
  padding: 10px 0;
  }
  
#left-main-produkty ul.files li a.pdf {
  padding: 10px 0 10px 40px;
  background: url(../images/icon-file-pdf.gif) top left no-repeat;
  }
  
#left-main-produkty ul.files li a.web {
  padding: 10px 0 10px 40px;
  background: url(../images/icon-file-web.gif) top left no-repeat;
  }

#left-main-produkty ul.files li a span {
  color: #2f2f2f;
  }
  
#left-main-produkty a img {
  border: 5px solid #e9e8e3;
  text-decoration: none;
  }
  
#left-main-produkty a:hover img {
  border: 5px solid #056977;
  }
  
#left-main-produkty {
  width: 680px;
  float: left;
  }
  
#right-produkty {
  width: 192px;
  float: right;
  }

#right-produkty h3 {
  padding-left: 15px;
  }

  
#right-produkty ol {
  margin: 10px 0 0 35px;
  }
  
#right-produkty li {
  padding: 1px 0;
  }
  
#right-produkty a.active {
  color: #ec2f2f;
  }

p.nothing {
  padding: 0;
  margin: 0;
  }