/* Start of CMSMS style sheet 'Podstawowy' */
* { margin: 0; padding: 0 ; border: 0;}
li {list-style-type: none;}
a {text-decoration: none; outline: 0; }
a:hover {text-decoration: underline;}

.left {float: left;}
.right {float: right;}
img.left {padding:0 10px 5px 0;}
img.right {padding:0 0 5px 10px;}
.center {text-align: center;}
.small {font-size: 9px;}
.more a {padding-right: 10px; background: url(../img/more.png) right 3px no-repeat; padding-bottom: 10px;}
.more-button {    background: url("../img/button-more.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #FFFFFF !important;
    display: block;
    height: 23px;
    padding-left: 27px;
    padding-top: 3px;
    width: 92px;}
img.webiso {width:69px; height:19px}
img.top {padding:0 0 10px 0;}
img.bottom {padding:10px 0 0 0;}
.clear {clear: both;}
.noneb {border: none !important;}
/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{border : 0px;} 
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus{outline : none;}

body {font-size:12px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #444546; background: #fff url(../img/body_bg.jpg) 0px top repeat-x;}

#header-left {    background: url("../img/header-pod.jpg") repeat-x right -157px;    height: 507px;    left: 0;   position: absolute;    width: 50%;}
#header-right { background: url("../img/header-pod.jpg") repeat-x 0 -157px; height: 507px; left: 50%; width: 50%; position: absolute;}

#wrapper {width: 980px; height:auto; margin:0 auto; }
.home #top {width: 980px; height: 135px;}
#top     {height: 130px;   overflow: hidden;    position: relative;    width: 980px;}


    h1 a img {position: absolute; top: 15px;}
    #top p span {display: none}
    #top p img {position: absolute; top: 70px;}

    ul#menu  {margin-bottom: 30px;} 
    ul#menu li a {width:255px; display: block; cursor:pointer; height: 30px}
    ul#menu li a span, ul#menu_top li a span, ul#short_menu li a span {display: none;}

    ul#menu li a:hover, ul#menu li a.active {background-position: right 0px !important;}

    ul#menu li a.startseite {height: 33px; background: url(../img/menu/startseite.png) 0px top no-repeat;}
    ul#menu li a.optima-steamer {height:32px; background: url(../img/menu/optima-steamer.png) 0px top no-repeat;}
    ul#menu li a.staubsauger  {height:31px; background: url(../img/menu/staubsauger.png) 0px top no-repeat;}
    ul#menu li a.zubehor {height:31px; background: url(../img/menu/zubehor.png) 0px top no-repeat;}
    ul#menu li a.fotogalerie {height:31px; background: url(../img/menu/fotogalerie.png) 0px top no-repeat;}
    ul#menu li a.wo-kaufen {height:30px; background: url(../img/menu/wo-kaufen.png) 0px top no-repeat;}
    ul#menu li a.geschaftsidee {height:30px; background: url(../img/menu/geschaftsidee.png) 0px top no-repeat;}
    ul#menu li a.garantie-und-wartung {height:32px; background: url(../img/menu/garantie-und-wartung.png) 0px top no-repeat;}
    ul#menu li a.kontaktieren-sie-uns {height:31px; background: url(../img/menu/kontaktieren-sie-uns.png) 0px top no-repeat;}

   ul#menu li ul li a {background: url(../img/menu/sub-li.jpg) no-repeat 0 top;  height: 25px;   padding-left: 42px;    padding-top: 5px;   width: 213px; font-size: 12px; color: #444546; display: block}
   ul#menu li ul li ul li a {    background: url(../img/menu/sub-li-2.jpg) no-repeat 0 top; padding-left: 64px;   display: block}
ul#menu li ul li a:hover, ul#menu li ul li a.active  {background-position: 0 bottom !important; color: #fff; text-decoration: none}
ul#menu li ul li span {display: block !important}


  ul#short_menu {width:70px; height: 50px; position: absolute; bottom:5px; right:0px;}
  ul#short_menu li {float: left;}
  ul#short_menu li a {width:11px; height: 10px; display: block; position: relative; padding:3px; margin-left:4px;}
  ul#short_menu li a.mail {background: url(../img/mail.gif) center center no-repeat; top:30px;}
  ul#short_menu li a.sitemap {background: url(../img/sitemap.gif) 5px center no-repeat; top:17px;}
  ul#short_menu li a.home {background: url(../img/home.gif) center center no-repeat; top:2px;}

  #flashcontent {position: absolute; top:53px; left:211px; float: left; display: block;}  

#content {width: 980px; float: left; position: relative;}
#content, #tinymce {line-height:1.5em;}

#content a, #tinymce a {color: #497a04;}
#content p, #tinymce p {padding-bottom:10px;}

#sub {width:256px; float: left; color:#000; position: relative;}
  #sub h2 {height: 40px; display: block; padding-bottom: 15px;}
  #sub p {clear: both;  padding-left: 12px; padding-right: 10px;}
#sub h3 {clear: both}

  h2#panel-klienta span, h2#promocje span, h2#nasi-partnerzy span {display: none;}
  
  h2#panel-klienta {width: 150px; background: url(../img/h2_panel_klienta.png) 0px 0px no-repeat;}

#main {width:681px; float: right; text-align: justify; height: auto !important}
#tinymce {text-align: justify}
  #main h2 {background: url(../img/hr.png) repeat-x 0 30px;  font-size: 23px;  font-weight: normal;  height: 21px;  padding-top: 2px; padding-bottom: 20px; position: relative; right: 23px; overflow: hidden;}
#tinymce h2 {background: url(../img/hr.png) repeat-x 0 30px;  font-size: 23px;  font-weight: normal;  height: 21px;  padding-top: 2px; padding-bottom: 20px; overflow: hidden;}
    #sub h2 {background: url(../img/hr.png) repeat-x 0 30px;  font-size: 23px;  font-weight: normal;  height: 21px;  padding-top: 2px; padding-bottom: 20px; overflow: hidden;}
  #content h2 strong, #tinymce h2 b {background: url(../img/h2.png) no-repeat 0 0;    color: #497a04;   display: inline-block;   height: 21px;   padding-left: 23px;}

#main h3, #tinymce h3 {    color: #497a04;    font-size: 18px;   font-weight: normal;   padding-bottom: 10px; padding-top: 15px;}
h3.tab {clear: both}

#content p strong, #tinymce p strong {color: #497a04;}  

  h2#expand-and-improve-your-business {background: url(../img/h2-expand-and-improve-your-business.jpg) no-repeat; width: 343px; height: 103px;  padding-bottom: 0 !important; position: relative; right: 0px}
    #block-right {float: right; width: 343px; padding-left: 20px; padding-bottom: 5px;}
    #block-main {background: url(../img/block-main-bg.jpg) repeat-y; width: 343px; padding-top: 10px; font-size: 11px;}
    #block-main ul {padding: 5px 45px;   margin-bottom: 0 !important;}
    #block-main li {    background: none repeat scroll 0 0 transparent !important;   line-height: 20px !important;  list-style-position: inside;  list-style-type: disc;   margin-left: 0 !important;   padding-left: 0 !important;}
      #block-main p {padding: 10px 42px 10px 42px; color: #444546}
    #block-bottom {background: url(../img/block-bottom.jpg) no-repeat; width: 343px; height: 7px}
      #block-main h3 {    background: url("../img/h3-block.jpg") repeat-x scroll 0 8px transparent;   padding-left: 15px; color: #77a33d; text-transform: uppercase; font-size: 15px; padding-bottom: 0 !important; font-weight: bold; padding-top: 0 !important}
      #block-main h3 span{background-color: #EBE9EE; padding: 0 15px;}
     h2#expand-and-improve-your-business span {display: none;}
  
  
#footer {width:100%; height:138px; float: left; background: url(../img/footer-bg.jpg) repeat-x; color:#000; margin-top: 60px; position: relative;}
  #footer-i {width: 980px; margin: 0 auto; padding-top: 10px; position: relative;}
    .cat-footer {    position: relative;  top: -69px;}
  #footer p {width: auto; padding-top: 2px;}
  
  ul#f-menu {    left: 230px;  position: absolute;   top: 13px;  width: 675px;}
  ul#f-menu li {  float: left;   margin-bottom: 10px;   text-align: center;   width: 197px;}
  ul#f-menu li a {    color: #878787;   float: left;    font-size: 10px;   text-align: center;  width: 197px;}
  ul#f-menu li a:hover, ul.f-menu li a.active {text-decoration: underline;}
  
#icons img{    padding-right: 7px;      position: relative;    top: 25px;}
p.yt {width: 319px; font-size: 10px;}
#tinymce p b {color: #497a04}

.category-long {    clear: both;   float: none;   padding-bottom: 20px; width: 681px;}
.category-long .category-top { background: url("../img/category-long-top.jpg") no-repeat 0 0; width: 681px; height: 75px;}
.category-long .category-main {background: url(../img/category-long-main.jpg) repeat-y; width: 641px; min-height: 110px;}
.category-long .category-bottom {background: url(../img/category-long-bottom.jpg) no-repeat; width: 681px; height: 7px;}


.category-top {display: table-cell;
    height: 76px;
    padding-bottom: 12px;
    vertical-align: middle;
    width: 334px; }

.read-more {clear: both; padding-top: 10px; border-bottom: 1px solid; border-radius: 7px; padding-top: 10px;}

.img-cat-a {min-height: 140px;}

   .category-top a {color: #497a04 !important; display: block;  font-size: 25px; line-height:23px; text-align: center;}
   .category-top a:hover {text-decoration: none !important;}
.category-main {width: 180px; padding: 15px 20px 5px 20px; min-height: 210px; height: auto !important; position: relative; float: left; text-align: center;}
.category-main {font-size: 10px; line-height: 14px;}
.category-main img {clear: both;}
.category-bottom {background: url(../img/catalog-bottom.jpg) no-repeat; width: 334px; height: 6px;}

a.catalog-more {    background: url("../img/button.jpg") no-repeat 0 0;   bottom: 0;   clear: both;  color: #FFFFFF !important;  display: block;  height: 23px;  padding-left: 27px;  padding-top: 2px; position: absolute; width: 92px; right: 5px}

.category-main h4 {display: block; font-size: 14px; padding-bottom: 10px; line-height: 18px;}
 .category-main a {display: block; font-size: 12px; padding-bottom: 10px;}
.category-main p {padding: 0px !important; height: 45px; overflow: hidden; text-align: left;}

.category {margin-bottom: 13px; text-align: left !important;}

.product-image {    border: 1px solid #EEEEEE;   float: left;   margin: 0 10px 5px 0;}

#main ul li, #tinymce ul li {    background: url(../img/li.png) no-repeat scroll 0 9px transparent;
    line-height: 28px;
    margin-left: 20px;
    padding-left: 20px;}
#main ul, #tinymce ul, #main ol, #tinymce ol {    margin-bottom: 10px;}

.produkt {width: 100%; margin-top: 10px;}
.parametr {    background-color: #EEEEEE;
    border-top: 1px solid #878787;
    padding: 10px 15px; width: 35%;}
.opis {    border-top: 1px solid #878787;
    padding: 10px 15px; border-left: 1px solid #878787}
p.title {font-size: 16px}

#content ol li, #tinymce ol li {list-style-type: decimal; list-style-position: inside; line-height: 22px;}
div.yt {height: 140px;     margin-bottom: 12px;    width: 145px; position: relative;}
div.yt  img {    border: 1px solid #C7C7C7;  float: left;  margin: 0 10px 5px 0;   padding: 2px;}
div.yt a {color: #444546; font-weight: bold; display: block; padding-bottom: 9px; clear: both;}

.more-yt {    background: url("../img/zobacz.png") no-repeat 0 1px;    color: #FFFFFF !important;   display: block !important;   float: right;   font-size: 10px;   font-weight: normal !important;   height: 17px;  left: 40px;    padding-left: 11px;    position: absolute;    top: 40px; width: 39px;}
.list-img {float: none !important}
div.yt a.left-list {display: inline}

#lista-filmikow {text-align: center;}
#lista-filmikow .yt {width: 170px; margin-bottom: 8px;}

#lista-filmikow div.yt img {margin: 0 !important}

ul#flags li {float: left; margin-bottom: 15px; margin-left: 15px}
ul#flags {    float: right;  position: absolute;  right: 0;  top: 25px;  width: 329px;}

#tt {
 position:absolute;
 display:block;
 z-index: 1; 
 }

 #tttop {
 display:block;
 background:url(../img/flags/tt-right.png) right 0 no-repeat;
float:right;
 height: 18px;
 width: 4px;
margin-right: -4px;
 }

 #ttcont {
display:block;
color:#77a33d;
font-weight: bold;
background:url(../img/flags/tt-main.png) 0 0 repeat-x #000;
height: 15px;
padding: 3px 12px 0px 12px;
font-size: 10px;
 }

#ttbot {
display:block;
height:3px;
overflow:hidden;
 background:url(../img/flags/tt-shadow.png) 0 bottom repeat-x;
}

ul#flags img {cursor: pointer}

.prevpage {float: left;}
.nextpage {float: right;}

.kolory {vertical-align: middle}

ul.kolumny li {float: left;   margin-left: 0 !important;  width: 160px;}
ul.kolumny-2 li {float: left;  width: 285px;}

.accessory-item {    border: 1px solid #C0C0C0;   float: left;   font-size: 12px;  margin-right: 20px;   text-align: center;   width: 147px; margin-bottom: 20px; min-height: 208px; height: auto !important; position: relative;}

.ind {    background-color: #A3C360;   font-size: 11px; font-weight: bold;  padding: 0 3px !important;  position: absolute;  right: 0;  top: 10px;}

.accessory-block {float: left;   margin-right: 12px;   width: 158px; margin-bottom: 12px; height: auto !important; height: auto !important}
.accessory-top {
    display: table-cell;
    font-size: 11px;
    height: 53px;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
    width: 158px; line-height: 14px;}
.accessory-top a {color: #497a04 !important; font-weight: bold; }
.accesory-bottom {background: url("../img/accessory-bottom.jpg") no-repeat scroll 0 0 transparent; width: 158px; height: 7px; position: relative; top: 3px;}
.accessory-main {line-height: 1em !important; text-align: center; min-height: 155px; font-size: 10px;  border-bottom: 1px solid #497a04; border-radius: 7px;}

.category-long .category-main img {border: none !important}
.accessories .category-long .category-main img {border: 1px solid #6BA23D !important;}

.yt {float: left; margin-bottom: 30px;}

.accessories a.catalog-more {    padding-left: 15px;  width: 104px;}

ul.gmapSidebar {margin-bottom: 15px !important; overflow: hidden}
ul.gmapSidebar li {float: left; width: 130px;}
#sidebar_GoogleMaps1 {display: none}

.technology-and-applications .gallery img {
margin-bottom: 15px;
}

.technology-and-applications .gallery {    display: table-cell;   float: right;   margin-left: 5px;   text-align: center;   width: 124px;}

.business .category-main img {margin-right: 0 !important}

.first {float: left; margin-right: 13px;}

#repair-left {    float: left;   width: 280px;}
#repair-right {    float: right;   padding-left: 40px;   width: 360px; background: url(../img/hr-pion.png) repeat-y 0 0;}

#left-contact {float: left; width: 320px;}
#right-contact {float: right; width: 360px;}
#left-contact, #right-contact {margin-bottom: 25px}

.yt-all {    clear: both;   overflow: hidden;}
.home .yt-all {clear: none !important}

.sitemap-link {    background: url("../img/sitemap.png") no-repeat right 0;
    clear: both;
    color: #878787;
    font-size: 10px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 45px;
    width: 63px;}

.copyright {
    right: 0px;
    position: absolute;
    top: 90px;
color: #878787;
font-size: 12px; }

.yt p, .yt a {text-align: left !important}
#lista-filmikow .yt p, #lista-filmikow .yt a {text-align: center !important}

a.social-icon {padding-left:  13px;}
p.social {text-align: center; padding-bottom: 25px !important}

.yt-all span, #controls em {cursor: pointer}

#controls span {    border-left: 1px solid #666666; padding: 0 6px; font: bold 11px verdana; color: #497a04}
#controls {text-align: right; margin-right: 18px; overflow: hidden; clear: both}

#controls em em {display: none}
#controls .prev {background: url(../modules/Gallery/images/previous.png) no-repeat 0 0; display: inline-block; height: 15px; width: 17px; left: -3px; position: relative;}
#controls .next {background: url(../modules/Gallery/images/next.png) no-repeat 0 0; display: inline-block; height: 15px; width: 17px}
#controls span.active {font-weight: bold; text-decoration: underline; color: #000}
.yt-all .yt {margin-right: 25px}

.sw15-sw30 .gallery, .inox-6000 .gallery {display: table-cell; float: right; text-align: center; width: 190px;}
.sw15-sw30 .gallery img, .inox-6000 .gallery img { margin: 10px; vertical-align: middle;}

.gallery-produkt .img {height: 170px;	float: left;	margin: 5px;	text-align: center;}

.home #top {width: 980px; height: 135px;}
#top     {height: 130px;   overflow: hidden;    position: relative;    width: 980px;}
.gallery-produkt {text-align: center;}
.gallery-instance {float: left;}
.gallery-instance p {padding-left: 10px; padding-right: 10px;}

.gallery-instance img {padding: 0 19px;}

.item_attribute_val {clear: both;}

.kolumny {overflow: hidden;}

#icon {
    font-size: 0;
    padding-bottom: 15px;
    position: relative;
    width: 980px;
}

#icon img, #icon a {
    color: #497a04;
    font-weight: bold;
    position: relative;
padding-right: 6px;
}
.inox6000-mod-professional .item_attribute_val, .foam-vacuum-cleaners .item_attribute_val {clear: none !important;}
.inox6000-mod-professional .gallery-instance {width: 330px;}

/* End of 'Podstawowy' */