html, body {
  margin:0;
  padding:0;
  
  background:#7d8c93;
  color:#e5e5e6;
  font-family: Arial, Verdana;
  font-size:0.9em;
}

a {text-decoration:none; color:white;}
A:link    {text-decoration:none; color:white;}    
A:visited {text-decoration:none; color:white;}   
A:hover   {text-decoration:underline; color:white;} 
A:active  {text-decoration:none; color:white;}

h2 {
  font-family:Arial;
  font-size:1.5em;
  border-bottom:1px solid #7d8c93;
  font-weight:normal;
  padding:0;
} 

h2:first-letter {
  color: #e57c00;
}

h3 {
  font-size:1.2em;
  font-weight:normal;
}

img {
  border:1px solid #7d8c93;
  padding:5px;
  margin:5px;
}

h3 img {
  border:none;
  padding:0;
  margin:0;
}

div.clearer {
  clear:both;
}

.noborder {
  border:none;
}

div#bgContainer {
  background:url('img/bg.jpg') repeat-x;
  width:100%;
}

div#mainContainer {
  width:1085px;
  margin:0 auto 0 auto;
}

.goup {
  display:block;
  width:100px;
  padding-left:1em;
  margin-top:20px;
  background:url('img/up-arrow.jpg') no-repeat;
}

.goleft {
  display:block;
  width:150px;
  padding-left:1em;
  margin-top:20px;
  background:url('img/left-arrow.jpg') no-repeat;
}








#leftCol {
  width:206px;
  float:left;
  margin-top:73px;
}

#rightCol {
  width:730px;
  margin-top:32px;
  float:left;
}








#menuContainer {
  margin-left:25px;
  width:859px;
}

ul#mainMenu {
  margin:0;
  padding:0;
  
  list-style:none;
}

ul#mainMenu li {
  margin:0;
  padding:0;
  float:left;
  
  display:block;
  font-size:11px;
  text-align:center;
  font-weight:bold;
}

ul#mainMenu a {
  height:30px;
  display:block;
  padding-top:3px;
}

ul#mainMenu a:hover {
  text-decoration:none;
}

#ofirmie {
  width:67px;
  background:url('img/ofirmie-bg.jpg');
}

#ofirmie:hover {
  background:url('img/ofirmie-hover.jpg');
}

#naziemne {
  width:76px;
  background:url('img/naziemne-bg.jpg');
}

#naziemne:hover {
  background:url('img/naziemne-hover.jpg');
}

#profesjonalne {
  width:96px;
  background:url('img/profesjonalne-bg.jpg');
}

#profesjonalne:hover {
  background:url('img/profesjonalne-hover.jpg');
}

#zadaszenia {
  width:76px;
  background:url('img/zadaszenia-bg.jpg');
}

#zadaszenia:hover {
  background:url('img/zadaszenia-hover.jpg');
}

#bramy {
  width:97px;
  background:url('img/zaluzje-bg.jpg');
}

#bramy:hover {
  background:url('img/zaluzje-hover.jpg');
}

#akcesoria {
  width:105px;
  background:url('img/akcesoria-bg.jpg');
}

#akcesoria:hover {
  background:url('img/akcesoria-hover.jpg');
}

#kabiny {
  width:87px;
  background:url('img/kabiny-bg.jpg');
}

#kabiny:hover {
  background:url('img/kabiny-hover.jpg');
}

#spa {
  width:45px;
  background:url('img/spa-bg.jpg');
}

#spa:hover {
  background:url('img/spa-hover.jpg');
}

#sauny {
  width:135px;
  background:url('img/sauny-bg.jpg');
}

#sauny:hover {
  background:url('img/sauny-hover.jpg');
}

#kontakt {
  width:75px;
  background:url('img/kontakt-bg.jpg');
}

#kontakt:hover {
  background:url('img/kontakt-hover.jpg');
}





#logo {
  display:block;
  margin-left:13px;
  width:158px;
  height:41px;
}

#logo img {
  margin:0;
  border:none;
}

#leftContent {
  width:186px;
  background:#22272a;
  text-align:right;
  padding:0px 10px 10px 10px;
}

#promo {
  list-style:none;
  margin:0;
  padding:0;
}

#leftContent h2 {
  float:right;
  margin:0.5em 0em 0.1em 0em;
}

#leftTop {
  width:206px;
  height:3px;
  margin-top:14px;
  background:url('img/left-top.jpg') no-repeat bottom;
}

#leftBottom {
  width:206px;
  height:4px;
  background:url('img/left-bottom.jpg') no-repeat top;
}








#contentTop {
  width:864px;
  height:20px;
  padding:0;
  margin:0;
  text-align:right;
  font-size:0.8em;
  background:url('img/content-top.jpg') no-repeat bottom;
}

#time {
  margin-right:3em;
  padding-top:3px;
  display:block;
}

#contentTopImg {
  width:864px;
  height:150px;
  background:#2b3236;
}

#content {
  width:844px;
  background:#2b3236;
  padding:10px;;
}

#content h2 {
  margin:0;
  margin-bottom:0.5em;
}

#contentBottom {
  width:864px;
  height:5px;
  background:url('img/content-bottom.jpg') no-repeat top;
}




#copyright {
  font-size:0.9em;
}





#contentCol1 {
  width:624px;
  float:left;
}

#contentCol2 {
  width:200px;
  float:right;
}




.shape {
  width:95px;
  height:85px;
  border:1px solid #7d8c93;
  margin:5px;
  padding:5px;
  text-align:center;
  float:left;
}

.shape img {
  border:none;
}

.deepbottom {
  width:140px;
  height:80px;
  border:1px solid #7d8c93;
  margin:5px;
  padding:5px;
  text-align:center;
  float:left;
}

.deepbottom img {
  border:none;
}

.stairs {
  float:left;
}

.products {
  list-style:none;
  margin:0;
  padding:0;
}

.products li {
  border:1px solid #7d8c93;
  text-align:center;
  width:200px;
  float:left;
  margin:10px;
  font-size:1.2em;
}

.products li img {
  border:none;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

#pro-dims ul {
  padding:0 0 0 1.5em;
  margin:0;
}

#pro-dims td {
  border:1px solid #7d8c93; 
  vertical-align:top;
  padding:5px;
}

#logo2 img {
  border:none;
}

.float-left {
  float:left;
  display:block;
}

.float-right {
  float:right;
  display:block;
}

.zadaszenie {
  display:block;
  padding:5px;
}

.zadaszenie:hover {
  background:#3c464b;
  text-decoration:none;
  color:white;
}

.promo-box {
  padding:0 3px 0 3px;
  display:block;
}

.promo-box h3 {
}

.promo-box:hover {
  background:#3c464b;
  text-decoration:none;
}

.center {
  margin-left:auto;
  margin-right:auto;
  display:block;
}

.zadaszenie-dims {
  border:1px solid #7d8c93;
  border-collapse:collapse;
  float:left;
  margin-left:10px;
  margin-bottom:20px;
}

.zadaszenie-dims th {
  background:#7d8c93;
  border:1px solid #7d8c93;
}

.zadaszenie-dims td {
  border:1px solid #7d8c93;
}

.tr-light {
  background:#3c464b;
}

.contact-form {
  background:#3c464b;
  padding:10px;
  width:360px;
  /*height:490px;*/
  float:left;
  margin-right:10px;
  margin-left:10px;
}

.contact-form input, textarea {
  background:#2b3236;
  border:1px solid #7d8c93;
  padding:2px;
  color:white;
  width:340px;
}

.contact-form h3 {
  margin-top:0;
}

#contact-board {
  background:#3c464b;
  border:1px solid #7d8c93;
  margin:10px;
}

#contact-board h3 {
  margin-top:0;
  margin-bottom:0;
  width:812px;
  background:#7d8c93;
  padding-left:10px;
}

#contact-board p {
  margin:10px 30px 10px 10px;
  float:left;
}

.product-box {
  margin:5px;
  padding:10px;
  display:block;
  /*float:left;*/
  text-align:center;
  /*padding:5px;
  margin-top:5px;*/
}

.product-box p {
  width:150px;
}

.product-box:hover {
  background:#3c464b;
  text-decoration:none;
}

.kabina-details {
  border:1px solid #7d8c93;
  border-collapse:collapse;
  margin:0 auto 0 auto;
  margin-bottom:20px;
  width:500px;
}

.kabina-details th {
  background:#7d8c93;
  border:1px solid #7d8c93;
}

.kabina-details td {
  border:1px solid #7d8c93;
}

.center {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.readmore {
  font-size:0.8em;
  text-decoration:underline;
}

.msg {
  background:#4c565b;
  padding:2px;
}

.cakePhpMenu {
	list-style:none;
	padding:0;
}

.cakePhpMenu li {
	padding:1em;
	margin:0;
}

.cakePhpMenu li:hover {
	background: #2B3236;
}
