.clearer {
  clear: left;
  }
#content {  background: url(../images/mt/bg_content.png) 100% 0 no-repeat;  }
  
#content ul,li{  margin: 0;padding: 0;list-style-type: none; }
#content em { color: #9dbe2c; font-weight: bold; font-style: normal;  }
#content h2, #content h1 { color: #9dbe2c; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 20px; }
#content h2.produkten, #content h1.produkten { color: #054007; font-size: 20px; font-weight: bold; padding-left: 10px; background:  url(../images/mt/h2_circle.gif) 0 50% no-repeat; font-style: italic;  text-transform: none;  margin-top: 10px;  }
#content h2.produkten span, #content h1.produkten span { color: #ccc;  }
#content h2.produkten em, #content h1.produkten em { font-style: italic;  }  
#content h4 { color: #9dbe2c; font-size: 12px; }
#content h3 { clear: left; }

#content .decimal li { padding: 0 0 1em; }
#content .decimal li li { padding: 0 1em 1em; }
#content .address { width: 45%; padding: 1em 0 2em; border-bottom: 1px solid #eee; }


/* kontakt */
#kontakt-form {
  background: url(../images/mt/phone.png) 20px 10px no-repeat;
  position: relative;
  }
#kontakt-form p { 
  width: 350px;
  line-height: 22px;
  }
#kontakt-form p span {
  display: block; 
  width: 165px;
  float: left;
  clear: left;
  }
#kontakt-form p input, #kontakt-form p textarea {
  width: 150px;
  font-size: 12px;
  padding: 4px 2px;
  border: 1px solid #ddd;
  background: #fff url(../images/mt/bg_input.png) repeat-x;
  }
#kontakt-form p.textarea {
  width: 620px;
  }  
#kontakt-form p textarea {
  width: 440px;
  height: 180px;
  overflow: hidden;
  }
#kontakt-box {
  position: absolute;
  top: 25px;
  left: 345px;
  width: 180px;
  height: 60px;
  background:  url(../images/mt/kontakt_box.png) no-repeat;
  line-height: 15px;
  padding: 20px 25px 20px 45px;
  }
* html body div#kontakt-box { /*for IE<7 only */
  background-image:  url(../images/mt/kontakt_box.gif);   
  }
  

/*produkten*/

#content div.produkt {
  width: 205px;
  background:  url(../images/mt/produkt_bg.png) repeat-y;
    /*background: #ccc;*/
  position: relative;
  float: left;
  height: 280px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
  }

#content div.produkt h3 {
  padding: 125px 15px 5px;
  color: #000;
  border: 0;
  font-size: 11px;
  z-index: 300;
  line-height: 1.1em;
  }
#content div.produkt h3 a {
  color: #000;
  }
#content div.produkt h4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px 0 132px;
  color: #999;
  font-size: 12px;
  font-weight: normal;
  background:  url(../images/mt/produkt_bg_top.png) no-repeat;
  z-index: 200;
  }
#content div.produkt h4 em {
  font-size: 12px;
  font-weight: bold;
  }
#content div.produkt img {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 100%;
  z-index: 250;
  width: 100px;
  height: 100px;
  overflow: hidden;
  }
#content div.produkt p {
  padding: 0 15px;
  color: #999;
  } 

#content div.produkt ul {
  position: absolute;
  bottom: 0;
  left: 0;
  background:  url(../images/mt/produkt_bg_bot.png) 0 100% no-repeat;
  width: 100%;
  padding: 0 10px;
  height: 40px;
  z-index: 300;
  }
#content div.produkt ul li {
  float: left;
  border-top: 1px solid #e8e8e8;
  }
#content div.produkt ul li a {
  display: block;
  color: #82b12a;
  font-weight: bold;
  margin-top: 7px;
  padding: 3px 0;
  }
#content div.produkt ul li.kup a {
  background:  url(../images/mt/produkt_kup.png) 0 50% no-repeat;
  padding-left: 26px;
  width: 40px;
  border-right: 1px solid #e8e8e8;
  }
#content div.produkt ul li.info a {
  background:  url(../images/mt/produkt_info.png) 100% 50% no-repeat;
  padding-right: 19px;
  width: 100px;
  text-align: right;
  }
h3.bestseller{
  clear:left;
  color: #999;
  padding-top: 40px;
  }
ul#bestseller  {
  width: 632px;
  float: left;
  padding-top: 20px;
  }
#bestseller li {
  float: left;
  width: 300px;
  height: 120px;
  margin: 6px;
  position: relative;
  
  }
#bestseller li a {
  display: block;
  position: absolute;
  width: 280px;
  height: 100px;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 10px;
  color: #666;
  background:  url(../images/mt/bestseller_box.png) no-repeat;
  }   
#bestseller li a:hover {
  text-decoration: none;
    color: #000;
  background:  url(../images/mt/bestseller_box_a.png) no-repeat;
  }
#bestseller li a img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 10px
  }

#bestseller li em {
  display: block;
  float: right;
  width: 160px;
  margin: 0;
  padding: 0 0 4px 9px;
  border-left: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  text-align: right;
  font-size: 11px;
  }

/* bs nie jako boxy */
ul#bestseller2  { width: 632px; float: left; padding-top: 20px; }
#bestseller2 li { float: left; width: 280px; height: 120px; margin: 6px; padding: 10px; position: relative; background:  url(../images/mt/bestseller_box.png) no-repeat; }
#bestseller2 li a { color: #666;  }   
#bestseller2 li a:hover { text-decoration: none; color: #000; }
#bestseller2 li a img { float: left; width: 100px; height: 100px; margin-right: 10px }
#bestseller2 li p { text-align: right; color: #999; font-weight: bold; font-size: 1em; margin: 5px 10px 0 0; padding: 0; }
#bestseller2 li p em { color: #6D8A0E; font-size: 1.4em; font-style: normal;}

#produktdetail {
  width: 632px; 
  height: 243px;
  position: relative;
  background:  url(../images/mt/bg_produktdetail.png) no-repeat;
  margin-bottom: 30px;
  }   
* html body div#produktdetail { /*for IE<7 only */
  background-image:  url(../images/mt/bg_produktdetail.gif);   
  }

#produktdetail img.main {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 20px;
  left: 45px;
  } 
#produktdetail h4 {
  width: 294px;
  height: 25px;
  padding: 20px 0 5px 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  background:  url(../images/mt/preissab_bg.png)  no-repeat;
  color: #000; 
  text-transform: uppercase;
  }
#produktdetail h4 em {
  display: block;
  position: absolute;
  text-align: right;
  right: 20px;
  font-size: 24px;
  bottom: 14px;
  z-index: 300;
  }

#produktdetail ul.thumbs {
  position: absolute;
  top: 22px;
  left: 310px; 
  } 
#produktdetail ul.thumbs li  {
  float: left;
  border-right: 1px solid #ccc;
  padding: 0 20px;
  }    
#produktdetail ul.thumbs li.last  {
  border: 0;
  }
#produktdetail ul.thumbs li img {
  width: 65px;
  height: 65px;
  }
 
 #produktdetail ul.thumbs_markisen {
  position: absolute;
  top: 22px;
  left: 310px; 
  } 
#produktdetail ul.thumbs_markisen li  {
  float: left;
  border-right: 1px solid #ccc;
  padding: 0 20px;
  }    
#produktdetail ul.thumbs_markisen li.last  {
  border: 0;
  }
#produktdetail ul.thumbs_markisen li img {
  width: 120px;
  height: 69px;
  }
  
#produktdetail ul.button {
  width: 314px;
  height: 53px;
  position: absolute;
  bottom: 64px;
  right: 1px;
  background:  url(../images/mt/bt_bg.png)  no-repeat; 
  } 
#produktdetail ul.button li a {
  display: block;
  position: absolute;
  top: 11px;
  width: 115px;
  height: 31px;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-top: 7px;
  }    
#produktdetail ul.button li.kup a {
  left: 15px;
  background-image:  url(../images/mt/bt_kup.png);
  text-align: right;
  padding-right: 15px;
  }
#produktdetail ul.button li.info a {
  right: 15px;
  background-image:  url(../images/mt/bt_info.png);
  text-align: left;
  padding-left: 15px;
  }

div.produktopis {
  width: 592px;
  margin: 20px 0;
  background:  url(../images/mt/produktopis_bg.png) repeat-y;
  padding: 0 20px; 
  clear: left;
  }
div.produktopis h3 {
  color: #9cbe2b;
  padding: 1em 0 1em;
  margin: 0;
  }
div.produktopis .starting {
  background:  url(../images/mt/produktopis_bg_top.png) no-repeat;
  line-height: 1px;
  font-size: 1px;
  height: 9px;
  overflow: hidden;
  margin: 0 -20px;
  }
div.produktopis .ending {
  background:  url(../images/mt/produktopis_bg_bot.png) 0 100% no-repeat;
  line-height: 1px;
  font-size: 1px;
  height: 22px;
  overflow: hidden;
  margin: 0 -20px;
  }

    
div.produktopis  li {
  list-style-type: square;
  margin-left: 20px;
  }

#map {
  float: left;
  }

#map li { 
  float: left;
  margin-top: 20px;
  }
#map li h2 a {
  color: #a5ca2c;
  text-decoration: none;
  }
#map li h2 a:hover {
  color: #85b325;
  }  
    
#map ul  {
  clear: left;
  float: left;
  }
#map ul li {
  float: left;
  width: 206px;
  height: 90px;
  position: relative;
  margin: 0 7px 7px 0;
  background: url(../images/mt/produkt_li_bg.png) no-repeat;
  }
#map ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 206px;
  height: 100%;
  background: url(../images/map/podl1.jpg) 3px 3px  no-repeat;
  text-decoration: none;
  }
#map ul li a span {
  display: block;
  background: url(../images/mt/85fff.png);
  position: absolute;
  width: 197px;
  bottom: 3px;
  left: 3px;
  font-size: 10px;
  color: #000;
  text-align: right;
  text-transform: uppercase;
  padding: 0 2px;
  overflow: hidden;
  }
#map ul li a:hover span {
  background: url(../images/mt/85grey.png);
  }  
#map ul li a span b {
  padding: 11px 0;
  line-height: 1em;
  display: block;
  width: 175px;
  height: 100%;
  padding-right: 22px;
  background: url(../images/mt/sz.gif) 100% 50% no-repeat; 
  }
  
/* map2 */  
#map2 { float: left; }

#map2 li { float: left;  margin-top: 20px; }
#map2 li h2 a { color: #a5ca2c; text-decoration: none; }
#map2 li h2 a:hover { color: #85b325; }  
    
#map2 ul  {
  clear: left;
  float: left;
  }
#map2 ul li { position: relative; width: 204px; height: 89px; float: left; margin: 0 5px 5px 0; background: url(../images/map/podl1.jpg) 2px 2px no-repeat; }
#map2 ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 204px;
  height: 89px;
  background: url(../images/mt/produkte_box2.png) no-repeat;
  text-decoration: none;
  }
#map2 ul li a span { display: none; position: absolute; top: 89px; left: 2px; width: 200px; padding: 0; border-top: 1px solid #999; color: #000; background: #fff; font-size: 10px; text-align: right; text-transform: uppercase; overflow: hidden; }
#map2 ul li a:hover span { background: #eee; }  
#map2 ul li a span b { display: block; height: 100%; line-height: 2em; padding: 11px 0; padding-right: 32px; background: url(../images/mt/sz.gif) 97% 50% no-repeat;  }  
#map2 ul li.twolines a span b { line-height: 1em; }
    
.galerie { width: 100%; overflow: hidden; height: 1%; clear: both; }  
.galerie li { width: 144px; height: 144px; float: left; margin: 7px; background: url(../images/mt/box144.png) no-repeat; overflow: hidden; }  
.galerie li a { display: block; width: 130px; height: 130px; margin: 7px; overflow: hidden }
.galerie li:hover { background-image: url(../images/mt/box144a.png); }      
.galerie li a img { } 
.galerie2 { width: 640px; overflow: hidden; height: 1%; } 
.galerie2 li { width: 254px; height: 254px; float: left; margin: 7px; background: url(../images/markise/box254.png) no-repeat; overflow: hidden; } 
.galerie2 li a { display: block; width: 240px; height: 240px; margin: 7px; overflow: hidden }
.galerie2 li:hover { background-image: url(../images/markise/box254a.png); } 
.galerie2 li a img { }
  
ul.farben  {
  width: 100%;
  float: left;
  }
ul.farben  li {
  float: left;
  margin: 30px 15px 10px 15px;
  }   
   
ul.farben  li img {
  float: left;
  padding: 5px;
  background: #eee;
  border: 1px solid #82b12a;
  width: 150px;
  margin-right: 5px;
  }

ul.farben  li a:hover img {
  background: #82b12a 
  }  


h3.am {
  font-size: 20px;
  color: #003663  !important;
  padding-bottom: 1em;
  }
h3.am em {
  color: #e64231 !important;
  }

dl.pseudotable {
  border: 1px solid #ccc;
  border-top-width: 0;
  }  
dl.pseudotable dt {
  width: 184px;
  font-weight: bold;
  font-style: italic;
  float: left;
  clear: left;
  border-top: 1px solid #ccc;
  padding: 6px 8px;
  }
dl.pseudotable dd {
  border-top: 1px solid #ccc;
  padding: 6px 8px;
  }
  
  
#content table.zubehor {
	border-collapse: collapse;
  border: 3px double #8ab00f;
  width: 632px;
  margin: 10px 0 30px;
  }    
#content table.zubehor th, #content table.zubehor td {
	font-size: 10px;
	font-family: arial, sans-serif;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	border: 1px solid #ccc;
	line-height: 1.2em;
	color: #000;
  }
#content table.zubehor th {
	background: #a6cb27;
	vertical-align: top;
	border: 1px solid #999;
	border-bottom: 3px double #999;
	font-weight: bold;
	font-size: 11px;
  }
#content table.zubehor th.funktionen {
	vertical-align: middle;
	text-align: center;
  }
#content table.zubehor td.funktionen {
	text-align: left;
  }  
#content table.zubehor small {
  display: none;
  }  


/*
Obrazy tel dla mapy kategorii
- kazda podkategoria ma posiadac obraz o rozmiarach 200x84 px
- obrazy znajduja sie w katalogu map 
- klasy prodX - X oznacza kolejnosc wystepowania podkategorii 
*/

#map li.rollladen li.prod1 a {
  background-image: url(../images/map/podl1.jpg);
  }
#map li.rollladen li.prod2 a {
  background-image: url(../images/map/podl2.jpg);
  }
#map li.rollladen li.prod3 a {
  background-image: url(../images/map/podl3.jpg);
  }

#map li.rolltore li.prod1 a {
  background-image: url(../images/map/box1-pisar.jpg);
  }  
#map li.rolltore li.prod2 a {
  background-image: url(../images/map/box2-pisar.jpg);
  }  
#map li.rolltore li.prod3 a {
  background-image: url(../images/map/box2s-pisar.jpg);
  }  

#map li.pancer li.prod1 a { background-image: url(../images/map/prod-pancer-1.jpg); }  
#map li.pancer li.prod2 a { background-image: url(../images/map/prod-pancer-2.jpg); }  
#map li.pancer li.prod3 a { background-image: url(../images/map/prod-pancer-3.jpg); }  
  
#map li.rollladenmotore li.prod1 a {
  background-image: url(../images/map/box3-pisar.jpg);
  }
#map li.rollladenmotore li.prod2 a {
  background-image: url(../images/map/box4-pisar.jpg);
  }  
#map li.rollladenmotore li.prod3 a {
  background-image: url(../images/map/box5-pisar.jpg);
  }  
#map li.rollladenmotore li.prod4 a {
  background-image: url(../images/map/box5s-pisar.jpg);
  }  
#map li.rollladenmotore li.prod5 a {
  background-image: url(../images/map/box7-pisar.jpg);
  }  
      
#map li.zubehor li.prod1 a {
  background-image: url(../images/map/box7-pisar.jpg);
  }  
#map li.zubehor li.prod2 a {
  background-image: url(../images/map/box8-pisar.jpg);
  }  
#map li.zubehor li.prod3 a {
  background-image: url(../images/map/box9-pisar.jpg);
  }  
#map li.zubehor li.prod4 a {
  background-image: url(../images/map/box10-pisar.jpg);
  }  
#map li.zubehor li.prod5 a {
  background-image: url(../images/map/box11-pisar.jpg);
  }  
      
/* 2nd vers.*/

#map2 li.rollladen li.prod1  {
  background-image: url(../images/map/podl1.jpg);
  }
#map2 li.rollladen li.prod2  {
  background-image: url(../images/map/podl2.jpg);
  }
#map2 li.rollladen li.prod3  {
  background-image: url(../images/map/podl3.jpg);
  }

#map2 li.rolltore li.prod1  {
  background-image: url(../images/map/box1-pisar.jpg);
  }  
#map2 li.rolltore li.prod2  {
  background-image: url(../images/map/box2-pisar.jpg);
  }  
#map2 li.rolltore li.prod3  {
  background-image: url(../images/map/box2s-pisar.jpg);
  }  

#map2 li.pancer li.prod1 { background-image: url(../images/map/prod-pancer-1.jpg); }  
#map2 li.pancer li.prod2 { background-image: url(../images/map/prod-pancer-2.jpg); }  
#map2 li.pancer li.prod3 { background-image: url(../images/map/prod-pancer-3.jpg); }

#map2 li.rollladenmotore li.prod1  {
  background-image: url(../images/map/box3-pisar.jpg);
  }
#map2 li.rollladenmotore li.prod2  {
  background-image: url(../images/map/box4-pisar.jpg);
  }  
#map2 li.rollladenmotore li.prod3  {
  background-image: url(../images/map/box5-pisar.jpg);
  }  
#map2 li.rollladenmotore li.prod4  {
  background-image: url(../images/map/box5s-pisar.jpg);
  }  
#map2 li.rollladenmotore li.prod5  {
  background-image: url(../images/map/box7-pisar.jpg);
  }  
      
#map2 li.zubehor li.prod1  {
  background-image: url(../images/map/box7-pisar.jpg);
  }  
#map2 li.zubehor li.prod2  {
  background-image: url(../images/map/box8-pisar.jpg);
  }  
#map2 li.zubehor li.prod3  {
  background-image: url(../images/map/box9-pisar.jpg);
  }  
#map2 li.zubehor li.prod4  {
  background-image: url(../images/map/box10-pisar.jpg);
  }  
#map2 li.zubehor li.prod5 {
  background-image: url(../images/map/box11-pisar.jpg);
  }