/************************************************************  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  }  
* {text-decoration: none;color: #000 !important; background: none !important;}
.img {display: none}
img {display: none;}
.filtr{display: none !important}
form {display: none;}
.paging, .paging2 {display: none;}
body {

  font-family: "Times New Roman", Times, serif;	 
  line-height: 1.6em;
	background: #fff;
	color: #535c55;
  font-size: 15px;
  }

a:link {
  color: #000;
  }

a:visited {
  color: #000;
  }
a:focus {outline: 0}
a:hover {
  color: #000;
  }

p {
  padding: 0.7em 0;
  }

.right {
  text-align: right;
  }
h1 a {text-decoration: none;}
h1 {
    margin-bottom: 0;
  font-size: 2.3em;
  }

h1, h1 span {


  position: relative;
  width: 100%;

  }

h1 span {
    display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.jpg) top left no-repeat;
  }
  
h1 a:hover span {
  cursor: pointer;
  }

h2 {
margin-bottom: 10px;
  font-size: 1.2em;
  }

h2, h2 span {

  position: relative;
  width: 100%;

  }

h2 span {
    display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/slogan.jpg) top left no-repeat;
  }
a.img img {border: 0;}
/************************************************************  PAGE */

#page {
  width: 100%;

  }

#header {
height: auto;
  background: #fff;
  }
  
#header a {
  color: #000;
  }
  
#header a:hover {
  text-decoration: none;
  }
  
#header-nav {
    display: none;
  float: left;
  width: 190px;
  height: 103px;
  line-height: 103px;
  margin-left: 100px;
  padding-right: 20px;
  background: url(../images/header-nav.gif) top right no-repeat;
  }
  
#header-nav a.sitemap {
    display: none;
  background: url(../images/icon-sitemap.gif) 0 2px no-repeat;
  padding-left: 15px;
  }
  
#header-nav a.contact {
    display: none;
  padding-left: 15px;
  margin-left: 20px;
  background: url(../images/icon-contact.gif) 0 2px no-repeat;
  }
  
#language {
    display: none;
  float: right;
  width: 172px;
  height: 30px;
  padding: 40px 0 0 50px;
  color: #535c55;
  }
  
/* ------- vyber jazyka -------------------*/

#langSelector a {
    text-decoration: none; }
    
#langSelector a:hover span {
    text-decoration: underline; }

#langSelector {
    position: relative;
    left: -30px;
    z-index: 100; }

#langSelector img {
    margin: 0 3px -2px 0;
    border: none;
    position: relative;
    top: -1px;
    }
    
#langSelector .active {
    font-size: 11px;
    margin: 0;
    padding: 0;
    border: 1px solid #bec9cf;
    cursor: pointer;
    width: 100px;
    padding: 0 3px ;
    background: none;
    text-transform: uppercase;
    color: #535c55;
    position: relative;
    top: -24px;
    left: 90px;
    
    }

#langSelector .active span {    
    padding: 3px 5px;
    display: block;
    }
    
#langSelector.closed div.langSlide {
    position: absolute;
    top: 21px;
    left: 100px;
    z-index: 100;
    display: none; }
    
#langSelector.opened div.langSlide {
    position: absolute;
    top: 21px;
    left: 90px;
    z-index: 100;
    display: block; }

#langSelector ul {
    list-style: none;
    margin: 0;
    background: #ffffff;
    border: 1px solid #bec9cf;
    padding: 3px 0;
    width: 106px;
    display: block;
    }
    
#langSelector ul li {
    padding: 2px 0;
    margin: 0; }

#langSelector ul li a {
    padding: 0 5px;
    color: #535c55;
    font-size: 11px;
    text-transform: uppercase;
     }

#language select {
  text-transform: uppercase;
  font-size: 0.8em;
  color: #535c55;
  padding: 3px 3px 3px 1px;
  border: 1px solid #c7cbd3;
  }

/************************************************************  navigace + hledani  */

#nav-search {
    display: none;
  margin: 0 auto;
  width: 950px;
  height: 54px;
  background: #2f3b83;
  }

/************************************************************  navigace */

#nav {
  float: left;
  display: none;
  width: 681px;
  height: 54px;
  background: #2f3b83;
  overflow: hidden;
  }
  
#nav ul {
  list-style: none;
  }
  
#nav ul li {
  float: left;
  width: auto;
  }
  
#nav ul li a {
  float: left;
  width: auto;
  font-size: 1.1em;
  display: block;
  height: 54px;
  line-height: 54px;
  padding: 0 23px 0 40px;
  color: #fff;
  background: #2f3b83 url(../images/nav-li.gif) 22px 23px no-repeat;
  text-decoration: underline;
  font-weight: bold;
  border-right: 1px solid #545c8e;
  }

#nav ul li a.active {
  background: #289a44 url(../images/nav-li.gif) 22px 23px no-repeat;
  }
  
#nav ul li a:hover {
  background: #289b44 url(../images/nav-li.gif) 22px 23px no-repeat;
  }
  
#nav ul li a#first  {
  background: #2f3b83 url(../images/nav-first-blue.gif) 0 0 no-repeat;
  }

#nav ul li a#first.active,
#nav ul li a#first:hover  {
  color: #fff;
  background: #289a44 url(../images/nav-first-green.gif) 0 0 no-repeat;
  }

/************************************************************  hledani */

#search {
    display: none;

  }

  
/************************************************************  hlavni cast */

#main { }
#main.subpage {}
#main.subpage.wide {}
#main.whitebtm { }

#main-top {}
#main.subpage #main-top {}
#main.subpage.wide #main-top {}

#main-bottom { }
#main.subpage #main-bottom {}
#main.subpage.wide #main-bottom {}
#main.whitebtm #main-bottom {}

/* Page bottom */
#main a.up {display: none}
#main .bottom {display: none;border-top: 1px solid #ccc;padding-top: 10px;}
    #main .bottom h3 {font-size: 1.4em;color: #000;margin-bottom: 10px;}
    #main .bottom h3.small {font-size: 1.1em;}
    #main .bottom ul {float: left; width: 30%;border-right: 1px solid #dbdbd1;list-style: none}
    #main .bottom ul.full {width: 100%; border: 0;}
    #main .bottom ul.col2 {padding-left: 60px; width: 40%;border: 0;}
        #main .bottom ul li a {display: block; padding: 3px 0 3px 0; }

/* Page title */
#main .title-box {clear: both; background: #fff;padding: 10px 0 10px;margin-bottom: 20px}
#main .title-box.tabs {padding-bottom: 0;}
    #main .title-box p {border: 1px solid #f7f7f7; border-left: 0; border-right: 0;padding: 0;margin-bottom: 10px;}
        #main .title-box p a {font-size: 0.85em;padding: 0 11px 0 1px;background: url('../images/title-box-arrow.gif') no-repeat 100% 55%;}
        #main .title-box p a.active {color: #1d2b7d;background: none; padding: 0 3px;}
        #main .title-box p a.active:hover {color: #cb6906}
    #main .title-box h2 {width: 100%; border-bottom: 2px solid #ccc;height: auto;padding-bottom: 10px;display: inline-block;color: #1d2b7d; text-transform: uppercase;font-size: 1.6em;line-height: 1.2em;margin-top: 5px;}
    #main .title-box.tabs h2 {margin-bottom: 15px}
    #main .title-box h2.leaf {padding-right: 40px;background: url('../images/product-leaf-mini.gif') no-repeat 100% 55%;line-height: 1.6em;margin-top: 0;}
    #main .title-box h2.new {padding-right: 40px;background: url('../images/product-new-mini.gif') no-repeat 100% 55%;line-height: 1.6em;margin-top: 0;}
    #main .title-box h2.plus {padding-right: 40px;background: url('../images/product-plus-mini.gif') no-repeat 100% 55%;line-height: 1.6em;margin-top: 0;}
        #main .title-box h2 small {display: block;text-transform: none;font-weight: normal;}
    #main .title-box a.print {display: none}
    #main .title-box a.print.tworows {top: 30px}



#main .subcontent {padding: 0 0 20px;background: #fff;}
#main.whitebtm .subcontent {border: 0;position: relative;}

#main.wide .subcontent {border-bottom: 0;}
    #main .subcontent h3 {color: #1d2b7d;margin-bottom: 15px;font-size: 1.4em}
    #main .subcontent h4 {color: #1d2b7d;margin-bottom: 15px;font-size: 1.1em}
    #main .subcontent p {text-align: justify;margin: 0 0 20px; padding: 0; line-height: 1.5em;}
    #main .subcontent p.extra {display: block;width: 95% !important;padding: 5px 5px 5px 5px; position: relative;margin-bottom: 15px;border: 0px solid #dfe0df;font-size: 1.0em;}
    #main.wide .subcontent p.extra {width: 837px}
        #main .subcontent p.extra span.image {display: block; position: absolute; top: -19px; right: 1px;width: 44px; height: 65px; background: url('../images/p-extra.jpg') no-repeat}
    #main .subcontent .large {font-size: 1.2em}

    /* imagebox */
    #main .imagebox {display: none;background: url('../images/imagebox-right-top.jpg') no-repeat top right;padding-top: 8px;}
    #main .imagebox.flt-r {float: right;}
        #main .imagebox div.rightbtm {float: left;background: url('../images/imagebox-right-btm.jpg') no-repeat bottom right;padding-right: 9px;}
            #main .imagebox div.rightbtm div.leftbtm {float: left;background: url('../images/imagebox-left-btm.jpg') no-repeat bottom left;padding-bottom: 2px;}
                #main .imagebox div.rightbtm div.leftbtm div.lefttop {float: left;background: url('../images/imagebox-left-top.jpg') no-repeat top left;padding-left: 6px}
                    #main .imagebox div div div img {margin: 0;border: 1px solid #dbdddc; padding: 10px; background: #fff url('../images/imagebox-bg.jpg') repeat-x}

    /* ul */
    #main .subcontent ul.flt-l {width: 40%;}
    #main .subcontent ul {list-style: none;padding-top: 10px;}
        #main .subcontent ul li {padding: 5px 0 5px 20px; background: url('../images/content-li.gif') no-repeat 1px 10px;line-height: 1.5em;}
    #main.wide ul.related {margin: 0; padding: 0 0 20px;}
        #main.wide ul.related li {background: url('../images/arrow-yellow.gif') no-repeat 0 55%;padding: 1px 0 1px 15px;font-size: 1.15em;}

    #main .subcontent .photo {width: 258px; height: 195px; background: url('../images/photo-bg.jpg') no-repeat;text-align: center;}
        #main .subcontent .photo img {position: relative; top: 18px;}

#main.wide .filtr {background: #fffbef;border: 1px solid #dfe0df;height: 47px;width: 912px;margin-bottom: 20px;}
    #main.wide .filtr.tabs {height: 47px;}
    #main.wide .filtr .selectbox {position: relative; z-index: 1000; left: 10px; top: 9px;float: left;}
        #main.wide .filtr .selectbox strong {font-weight: bold;margin-right: 10px;float: left;display: block; line-height: 26px;}
        #main.wide .filtr .selectbox .select {position: relative;z-index: 1100;float: left;background: #fff url('../images/select.gif') no-repeat 96% 50%;font-size: 1.1em;padding-left: 10px;border: 1px solid #c7cbd3;width: 130px; height: 26px; line-height: 26px;}
            #main.wide .filtr .selectbox .select ul {position: absolute; left: -3000px; top: 26px;height: auto;padding: 0 0; background: #fff;border: 1px solid #c7cbd3;width: 180px;}
            #main.wide .filtr .selectbox .select:hover ul,
            #main.wide .filtr .selectbox .select.hover ul {left: -1px;}
                #main.wide .filtr .selectbox .select ul li {clear: both;background: #fff;width: 100%;padding: 0;height: auto;line-height: 1.0em;}
                    #main.wide .filtr .selectbox .select ul li a {clear: both; color: #777;text-decoration: none;display: block;padding: 3px 10px; height: auto;width: 160px; font-size: 0.9em; }
                    #main.wide .filtr .selectbox .select ul li a:hover,
                    #main.wide .filtr .selectbox .select ul li a.selected {background: #3ab057;color: #fff;}
    #main.wide .filtr ul { line-height: 43px;float: right;position: relative;right: 5px;padding: 0; margin: 0; top: 5px}

/* Filtr + Tabs */
#main.wide .filtr ul {padding-left: 1px;background: url('../images/tab-left.gif') no-repeat 0 0;}
#main.wide .filtr ul li {height: 43px;line-height: 43px;background: url('../images/tab-right.gif') no-repeat 100% 0;float: left;display: block; margin: 0; padding: 0;}
#main.wide .filtr ul li.table-list {background-position: 100% 0;padding: 0 1px 0 0}
    #main.wide .filtr ul li span {height: 43px;float: left; display: block; padding: 0;}
        #main.wide .filtr ul li span a {display: block;padding: 0 10px;font-weight: normal; padding-left: 33px;font-size: 1.15em;}
#main.wide .filtr ul li.active {background: #fff url('../images/tab-active.gif') no-repeat left top;}
    #main.wide .filtr ul li.active span {background: url('../images/tab-active-right.gif') no-repeat right top;}
        #main.wide .filtr ul li.active span a {color: #535c55;text-decoration: none;}
        #main.wide .filtr ul li.image-list span a {background: url('../images/list-image.gif') no-repeat 10px 50%;}
        #main.wide .filtr ul li.table-list span a {background: url('../images/list-table.gif') no-repeat 10px 50%;}


/* Products */
#main.wide ul.products {height: auto;clear: both;padding: 0; margin: 0; list-style: none; border-left: 0; border-right: 0;}
    #main.wide ul.products li {padding: 0;width: 32%;border-bottom: 1px solid #dddfde;border: 0 !important;margin-bottom: 15px; float: left;height: 195px;}
    #main.wide ul.products li.leftside {border-right: 1px solid #dddfde;width: 32%;}
        #main.wide ul.products li .title h2 {width: 100%;margin: 0; font-size: 1.1em;height: 55px;}
        #main.wide ul.products li .title.extra-bonus h2 {width: 100%;}
            #main.wide ul.products li .title h2 a {display: block; padding: 5px 0 0 20px;}
            #main.wide ul.products li .title.extra-bonus h2 a {padding-right: 0;}
        #main.wide ul.products li .title {height: 63px;width: 227px;background: #eff7f1 url('../images/products-image-top.gif') no-repeat bottom;}
            #main.wide ul.products li .title .bonus {display: none; position: relative; top:-6px; z-index: 100; width: 61px; height: 61px;background: url('../images/extra-bonus.gif') no-repeat;}
                #main.wide ul.products li .title .bonus .box {background: url('../images/bonus-btm.gif') no-repeat bottom;width: 229px;position: absolute; z-index: 100;top: 3px; left: -3000px; }
                    #main.wide ul.products li .title .bonus .box strong {color: #1d2b7d; text-transform: uppercase;display: block;margin-bottom: 5px;}
                    #main.wide ul.products li .title .bonus .box img {float: left;margin-right: 10px;}
                    #main.wide ul.products li .title .bonus .box .clear {margin-bottom: 10px;}
                    #main.wide ul.products li .title .bonus .box a {position: relative; top: 5px;}
                    #main.wide ul.products li .title .bonus .box .top {background: url('../images/bonus-top.gif') no-repeat;padding: 10px 15px 10px 25px;width: 189px;position: relative; top:-3px; z-index: 1000;}
                #main.wide ul.products li.rightside .title .bonus .box {background: url('../images/bonus-btm-rightside.gif') no-repeat bottom;width: 229px;position: absolute; z-index: 100;top: 3px; left: -3000px; }
                    #main.wide ul.products li.rightside .title .bonus .box .top {background: url('../images/bonus-top-rightside.gif') no-repeat;padding: 10px 25px 10px 15px;width: 189px;position: relative; top:-3px; z-index: 1000;}
            #main.wide ul.products li .title .bonus:hover,
            #main.wide ul.products li .title .bonus.hover {background-position: 0 -61px;}
                #main.wide ul.products li .title .bonus:hover .box,
                #main.wide ul.products li .title .bonus.hover .box { left: 54px;}
                #main.wide ul.products li.rightside .title .bonus:hover .box,
                #main.wide ul.products li.rightside .title .bonus.hover .box { left: -210px;}
            #main.wide ul.products li a.image {display: block;clear: both;text-align: center; padding:0;}
                #main.wide ul.products li a.image img {border: 0;}
            #main.wide ul.products li p {margin: 0 20px;height: 65px; text-align: left; padding: 0;border-bottom: 1px solid #dfe1e0}
            #main.wide ul.products li p.price {border: 0;height: auto;padding: 10px 0 5px;font-size: 0.9em;line-height: 1.4em;}
                #main.wide ul.products li p.price strong {color: #1d2b7d;display: block; font-size: 1.2em}
            #main.wide ul.products li a.more {display:none;float: left; margin: 0 20px; padding: 4px 0 4px 15px; background: url('../images/arrow-yellow.gif') no-repeat 0 55%;}
            #main.wide ul.products li .tag {float: right;position: relative; right: 10px; bottom: 10px;}


/* Detail product */
#main.wide .sideleft {}
#main.wide .sideright {display: none }

#main.wide a.detail-photo {width: 190px; text-align: center; float: left;}
    #main.wide a.detail-photo img {border: 0;}

#main.wide .detail-info {}
    #main.wide .detail-info .info {font-size: 1.1em;display: block; margin-bottom: 15px;}
    #main.wide .detail-info ul {padding: 0; margin: 0;width: 40%;float: left;}
    #main.wide .detail-info ul.fullsize {width: 100%;}
        #main.wide .detail-info li {padding: 5px 0 15px 35px; font-size: 1.2em; margin: 0; border-top: 1px solid #dfe1e0;background: none;}


#main.wide .detail-info .box {width: 55%; float: right;border: 1px solid #dfe1e0;padding: 5px 10px;}
    #main.wide .detail-info .box strong {display: block;font-size: 0.9em;color: #1d2b7d;margin-bottom: 5px;}
    #main.wide .detail-info .box img {float: left;border: 0;}
    #main.wide .detail-info .box p {padding: 0; margin: 0;text-align: left;line-height: 1.3em}
        #main.wide .detail-info .box p strong {display: inline}
        #main.wide .detail-info .box p .gratis {color: #fdc600;display: block;}

#main.wide ul.tabs {display: none}
    #main.wide ul.tabs li {height:43px; position: relative; z-index: 1;background: url('../images/tab-right.gif') no-repeat 100% 0;float: left;display: block; margin: 0; padding: 0 0 0 0px;}
    #main.wide ul.tabs li span {height:43px;position: relative;float: left; display: block; padding: 0;}
        #main.wide ul.tabs li span a {cursor: pointer;display: block;padding: 1px 16px 0;font-weight: bold;font-size: 1.25em;}
        #main.wide ul.tabs li span a.hover {text-decoration: none}
#main.wide ul.tabs li.active { z-index: 1000;}
    #main.wide ul.tabs li.active span {height:43px;position: relative;background: #fff url('../images/tab-active-right.gif') no-repeat right top;}
        #main.wide ul.tabs li.active span a {color: #1d2b7d;text-decoration: none;}

#main.wide .wraptab {clear: both;margin-bottom: 20px;display: block;margin-bottom: 10px;position: relative; z-index: 1;padding: 20px 0 10px;}
#main.wide .wraptab h3 {margin-bottom: 10px;}
    #main.wide .wraptab .large {font-size: 1.1em}
    #main.wide .wraptab .italic {font-style: italic}
    #main.wide .wraptab p strong {color: #1d2b7d}
#main.wide .wraptab.showtab1 {display: block;}

#main.wide .sideright {display: none;}
#main.wide .sideright .product {padding: 10px;}
#main.wide .sideright .product.highlight {background: #fff7dd;}
    #main.wide .sideright .product fieldset {border: 1px solid #dddfde; border-top: 0;background: #fff  url('../images/product-top.gif') no-repeat 0 0;}
        #main.wide .sideright .product fieldset .wrap {padding: 20px;background: url('../images/products-bottom.gif') repeat-x bottom;}
            #main.wide .sideright .product fieldset a.image {float: left;margin-right: 20px;}
                #main.wide .sideright .product fieldset a.image img {border: 0;}
            #main.wide .sideright .product p.present { clear: both;padding:5px 0 6px; font-size: 0.9em; margin: 0;border-top: 1px solid #dfe1e0;}
            #main.wide .sideright .product .btm {border-top: 1px solid #dfe1e0;}
                #main.wide .sideright .product .btm .tag {float: left;margin-top: 13px;}
                #main.wide .sideright .product .btm p {padding: 10px 0 5px;margin: 0;font-size: 0.9em;line-height: 1.4em;float: left;width: 110px;}
                    #main.wide .sideright .product .btm p strong {color: #1d2b7d;display: block; font-size: 1.2em}
                #main.wide .sideright .product .btm .buy-submit {width: 55px; height: 29px;float: right; margin-top: 15px;}


/* Detail product */
#main.wide .halfcol {width: 100%;}
#main.wide .halfcol.flt-r {padding-top:1px;}
#main.wide .halfcol strong.sort {display: block; float: left;line-height: 43px; font-size: 1.15em;color: #1d2b7d;}
#main.wide .halfcol ul.tabs {display: none}
#main.wide .halfcol .wraptab {width: 100% !important;padding: 20px 0 0px;margin: 0 0 30px;}
#main.wide .halfcol .wrabtab.box {clear: both;width: 100% !important;padding: 20px 0 0px;margin-bottom: 30px;}
#main.wide .halfcol .scrollarea {width: 100% !important;}
#main.wide .halfcol .scrollarea div {width: 100% !important;}
    #main.wide .paging {text-align: center; position: relative; top: 17px;height: 33px; line-height: 33px;z-index: 100;margin: 0; padding: 0;}
        #main.wide .paging span.bg {position: relative;display: inline-block;padding: 0 40px;height: 33px; line-height: 33px;background: url('../images/paging-bg.jpg') repeat-x;}
            #main.wide .paging a {width: 13px;margin: 0;float: left; position: relative; height: 33px;display: inline-block;}
            #main.wide .paging a span{width: 13px; position: absolute; height: 33px;display: block; position: absolute; top: 0; left: 0;cursor: pointer; background: url('../images/paging-circle.jpg') no-repeat}
            #main.wide .paging a:hover span,
            #main.wide .paging a.active span {background-position: 0 -33px;}
            #main.wide .paging a.toleft {position: absolute;top: 0;left:0;display: block;width: 33px; }
                #main.wide .paging a.toleft span { width: 33px; background: url('../images/paging-left.jpg') no-repeat}
                #main.wide .paging a.toleft.hidden span {background-position: 0 -33px;}
            #main.wide .paging a.toright {position: absolute;top: 0;right:0;display: block;width: 33px; height: 33px;}
                #main.wide .paging a.toright span { width: 33px;  background: url('../images/paging-right.jpg') no-repeat}
                #main.wide .paging a.toright.hidden span {background-position: 0 -33px;}
    #main.wide .halfcol .wraptab ul {padding: 0; margin: 0 0 20px 0;width: 25%;float: left;}
    #main.wide .halfcol .wraptab ul.col {}
    #main.wide .halfcol .wraptab ul.col li {padding: 0;}
        #main.wide .halfcol .wraptab ul li {padding: 0 0 0 0; margin: 0; background: none;font-weight: bold;}
            #main.wide .halfcol .wraptab ul li a {font-size: 1.0em;padding: 0 0;display: block;width: 100%;font-weight: normal;}
                #main.wide .halfcol .wraptab ul li ul {margin-left: 0;width: 100%}
                #main.wide .halfcol .wraptab ul li ul li {padding: 0; margin: 0; background: none;}
                    #main.wide .halfcol .wraptab ul li ul li a {font-size: 0.9em;padding: 1px 0;display: block;width: 100%;}


#main.wide .halfcol .box {background: url('../images/tab-btm.jpg') repeat-x bottom;border: 1px solid #dcded9;width: 420px;padding: 20px 13px 0px;margin-bottom: 30px;}

#main.wide .halfcol .box h3 { margin-bottom: 0; }
#main.wide .halfcol .box h4 {margin-bottom: 18px;}
#main.wide .halfcol .box .borderbtm {padding: 3px 0 10px; border-bottom: 1px solid #dbdddc;margin-bottom: 5px;}
#main.wide .halfcol .box .large {font-size: 14px;}
#main.wide .halfcol .box .scrollarea { overflow: hidden;position: relative; z-index: 1;width: 420px;}
#main.wide .halfcol ul.products {width: auto; height: auto;border: 0;margin: 0 0 10px; padding: 0; background: url('../images/col-center.gif')}
    #main.wide .halfcol ul.products li {width: 141px;float: left;text-align: center;background: none;border: 0;padding: 0;margin: 0; height: auto;}
        #main.wide .halfcol ul.products li h5 {font-size: 0.9em;margin: 0;padding: 0;height: auto;}
        #main.wide .halfcol ul.products li a.img {position: relative; top: 3px;}
        #main.wide .halfcol ul.products li a img {border: 0;}
        #main.wide .halfcol ul.products li p {position: relative; top: 3px;height: auto;margin-bottom: 0; padding-bottom: 0; text-align: center; font-size: 0.85em; border: 0;}
        #main.wide .halfcol ul.products li a.more {text-align: left;margin: 0 0 0 18px;position: relative; top: 10px; padding: 0 0 0 12px;}
#main.wide .halfcol ul.two-products {width: auto; height: auto;border: 0;margin: 0 0 15px; padding: 0;}
    #main.wide .halfcol ul.two-products li {width: 190px;padding: 0 10px;float: left;text-align: center;background: none;border: 0;margin: 0; height: auto;}
    #main.wide .halfcol ul.two-products li.col-left {}
    #main.wide .halfcol ul.two-products li.col-right {background: url('../images/dot.gif') repeat-y 0 0}
        #main.wide .halfcol ul.two-products li h5,
        #main.wide .halfcol h5{font-size: 1.1em;padding: 0;height: 45px;line-height: 20px;}
        #main.wide .halfcol ul.two-products li a.img {height: 80px; display: block;}
        #main.wide .halfcol ul.two-products li a img {border: 0;}
        #main.wide .halfcol ul.two-products li p {height: auto; text-align: center; font-size: 0.9em; border: 0;}
            #main.wide .halfcol ul.two-products li p strong {display: block;color: #1d2b7d}
                #main.wide .halfcol ul.two-products li p strong span {font-weight: normal;color: #535c55}
        #main.wide .halfcol ul.two-products li a.more {position: relative; left: 8px;}
        #main.wide .halfcol ul.two-products li a.more,
        #main.wide .halfcol a.more{text-align: left;width: 90px;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding-left: 12px;font-size: 0.95em}
#main.wide .halfcol .box.two-columns {padding: 0 13px 5px;margin-bottom: 20px;}
#main.wide .halfcol .box.souvisejici {padding: 0 13px 0;margin-bottom: 20px; height: 300px;}
#main.wide .halfcol .box.souvisejici.two-columns {position: relative; top:-1px;}
#main.wide .halfcol .box.souvisejici .paging { top: -4px;}
#main.wide .halfcol .box.souvisejici ul.temata {padding: 0; margin: 0;}
    #main.wide .halfcol .box.souvisejici ul.temata li {font-size: 1.1em;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding: 2px 0 2px 13px;}
        #main.wide .halfcol .box.souvisejici ul.temata li a {font-weight: bold;}
#main.wide .halfcol .box.keywords {padding: 0 13px 5px;}
#main.wide .halfcol .box.keywords h3{margin: 0 0 10px;padding: 0; height: 45px; line-height: 45px;border-bottom: 1px solid #dbdddc;}
#main.wide .halfcol .box.keywords p {text-align: left;line-height: 2.3em;padding-right: 35px;margin: 0 0 3px;}
    #main.wide .halfcol .box.keywords p a {padding: 0 3% 0 0;}
    #main.wide .halfcol .box.keywords a.size1 {font-size: 0.9em}
    #main.wide .halfcol .box.keywords a.size2 {font-size: 1.1em}
    #main.wide .halfcol .box.keywords a.size3 {font-size: 1.4em}
    #main.wide .halfcol .box.keywords a.size4 {font-size: 1.5em}
    #main.wide .halfcol .box.keywords a.size5 {font-size: 1.6em}
#main.wide .halfcol .box.two-columns.leaf {background: url('../images/green-gradient.jpg') repeat-x bottom;padding: 0 13px 0}
#main.wide .halfcol .box.two-columns.new {padding: 0 13px 0}
#main.wide .halfcol .box.two-columns.plus {padding-bottom: 14px;}
#main.wide .halfcol .box.souvisejici h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;}
#main.wide .halfcol .box.two-columns.leaf h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;background: url('../images/product-leaf.gif') no-repeat 103% 2px;}
#main.wide .halfcol .box.two-columns.new h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;background: url('../images/product-new.gif') no-repeat 100% -1px;}
#main.wide .halfcol .box.two-columns.plus h3 {margin: 0 0 20px;padding: 0; height: 42px; line-height: 42px;border-bottom: 1px solid #dbdddc;background: url('../images/product-plus.gif') no-repeat 100% -1px;}
#main.wide .halfcol .box.two-columns a.buy {display: block; float: left; width: 55px; height: 29px; line-height: 29px;top:-5px; position: relative;left:10px;}
#main.wide .halfcol .box.two-columns.plus a.buy {left: 0;margin: 0; }
#main.wide .halfcol .box.two-columns a.buy span {position: absolute; top: 0; left: 0;width: 55px; height: 29px; cursor: pointer;background: url('../images/koupit.jpg') no-repeat}
#main.wide .halfcol .box.two-columns a.more {float: left; position: relative; left: 25px;}
#main.wide .halfcol .box.two-columns div.flt-l {width:190px}
    #main.wide .halfcol .box.two-columns strong.price2 {margin-top: 17px;width: 116px;display: block; color: #fff; height: 30px; line-height: 30px; font-size: 1.15em;padding-left: 10px;background: url('../images/price-bg.gif') no-repeat;}
        #main.wide .halfcol .box.two-columns strong.price2 span {font-weight: normal;}
#main.wide .halfcol .box.two-columns div.flt-r {width:210px;}
#main.wide .halfcol .box.two-columns div.flt-r a.more {background-position: 0 60%;float: left;}

.bar {width: 414px; height: 46px; position: relative; left: 4px;margin-bottom: 10px;background: url('../images/bar-empty.jpg') no-repeat}
.bar .selected { width: 414px;height: 46px;position: absolute; top: 0; left: 0;background: url('../images/bar.jpg') no-repeat 0 46px;}
a.ui-slider-handle {position: absolute;width: 19px;z-index: 100; top: 21px; text-indent:-1000px;  text-align: left;height: 18px;display: block;}
a.ui-slider-handle span {display: block;position: absolute; top: 0; left: -9px;width: 19px; height: 18px;cursor: pointer;background: url('../images/scrollbar.gif') no-repeat}
a.scrollbar {position: absolute;width: 19px;z-index: 100; top: 21px; text-indent:-1000px;  text-align: left;height: 18px;display: block;}
a.scrollbar span {display: block;position: absolute; top: 0; left: -9px;width: 19px; height: 18px;cursor: pointer;background: url('../images/scrollbar.gif') no-repeat}



#main.wide .halfcol .box .select {margin-bottom: 20px;}
#main.wide .halfcol .box .select div {float: left;position: relative;top: 1px;z-index: 1000;float: left;background: #fff url('../images/select.gif') no-repeat 99% 50%;font-size: 1.1em;padding-left: 10px;border: 1px solid #c7cbd3;width: 360px; height: 26px; line-height: 26px;}
#main.wide .halfcol .box .select .submit {float: right;}
    #main.wide .halfcol .box .select ul {position: absolute; left: -3000px; top: 26px;height: auto;padding: 0 0; background: #fff;border: 1px solid #c7cbd3;width: 370px;}
    #main.wide .halfcol .box .select div:hover ul,
    #main.wide .halfcol .box .select div.hover ul {left: -1px;}
        #main.wide .halfcol .box .select ul li {clear: both;background: #fff;width: 100%;padding: 0;height: auto;line-height: 1.0em;}
            #main.wide .halfcol .box .select ul li a {cursor: pointer;clear: both; color: #777;text-decoration: none;display: block;padding: 3px 10px; height: auto;width: 350px; font-size: 0.9em; }
            #main.wide .halfcol .box .select ul li a:hover,
            #main.wide .halfcol .box .select ul li a.hover,
            #main.wide .halfcol .box .select ul li a.selected {background: #3ab057;color: #fff;}

/* mapa stranek */

#main .subcontent ul.sitemap li {padding: 0;background: none;margin-bottom: 15px; }
    #main .subcontent ul.sitemap li a {background: url('../images/sitemap-li.gif') no-repeat 0 50%; width: 85%; display: block; padding: 3px 0 3px 25px;font-weight: bold;font-size: 1.3em;}
        #main .subcontent ul.sitemap li ul {padding-left: 25px;padding-top: 5px;}
        #main .subcontent ul.sitemap li ul.flt-l {width: 30%;}
        #main .subcontent ul.sitemap li ul.flt-r {width: 50%;}
            #main .subcontent ul.sitemap li ul li {margin-bottom: 0; }
            #main .subcontent ul.sitemap li ul li a {font-size: 1.1em; background: url('../images/arrow-yellow.gif') no-repeat 0 50%;padding: 3px 0 3px 15px;}
                #main .subcontent ul.sitemap li ul li ul {padding-top: 0;}
                    #main .subcontent ul.sitemap li ul li ul li {margin-bottom: 0; position: relative;}
                    #main .subcontent ul.sitemap li ul li ul li a { font-weight: normal; font-size: 1.1em; background: url('../images/sitemap-circle.gif') no-repeat 0 -13px; }
                    #main .subcontent ul.sitemap li ul li ul li a:hover {background-position: 0 10px;color: #2c673a;}
                /* box s produktem */
                #main .subcontent ul.sitemap .product {background: url('../images/bonus-btm.gif') no-repeat bottom;width: 229px;text-align: center;position: absolute; z-index: 1000;top: 3px; left: -3000px; }
                    #main .subcontent ul.sitemap .product strong {color: #1d2b7d; text-transform: uppercase;display: block;margin-bottom: 5px;text-align: left;}
                    #main .subcontent ul.sitemap .product img {margin: 10px 0;}
                    #main .subcontent ul.sitemap .product .top {background: url('../images/bonus-top.gif') no-repeat;padding: 10px 15px 10px 25px;width: 189px;position: relative; top:-3px; z-index: 1200;}

    #main .subcontent .table-products .halfbox {width: 450px;}
        #main .subcontent .table-products .halfbox .table-box {margin-bottom: 14px}
            #main .subcontent .table-products .halfbox .table-box td.name {width: 50%}
            #main .subcontent .table-products .halfbox .table-box td.price {width: 15%}
            #main .subcontent .table-products .halfbox .table-box td.buy {width: 35%;}
    #main .subcontent .table-products .title {background: #eff7f1  url('../images/table-product-title.jpg') no-repeat bottom; border: 1px solid #dddfde; border-bottom: 0; padding: 8px 20px 13px}
        #main .subcontent .table-products .title h3 {font-size: 1.1em;margin-bottom: 0;}
        #main .subcontent .table-products .title p {float: left;margin: 0;font-size: 1.1em;}
        #main .subcontent .table-products .title a.more {float: right;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding-left: 13px;}
    #main .subcontent .table-products .table-box {margin-bottom: 7px;border: 1px solid #dddfde; background: url('../images/table-product-bg.jpg') repeat-x bottom;border-top: 0; padding: 13px 20px 20px}
        #main .subcontent .table-products .table-box table {border-collapse: collapse;width: 100%;}
            #main .subcontent .table-products .table-box table td {padding: 3px 5px 1px; vertical-align: middle; line-height: 24px;font-weight: bold; font-size: 0.9em;}
            #main .subcontent .table-products .table-box table td.name {width: 75%}
            #main .subcontent .table-products .table-box table td.price {width:10%;color: #1d2b7d;}
            #main .subcontent .table-products .table-box table td.buy {width: 15%;padding: 0;}
                #main .subcontent .table-products .table-box table td.buy form {float: right;position: relative; top: 1px;right: 1px;}
            #main .subcontent .table-products .table-box table .dark td {background: #f1f1f1}
            #main .subcontent .table-products .table-box table .text {width: 22px;font-size: 0.9em;margin-right: 5px;border: 1px solid #c7cbd3;padding: 3px 1px;float: left;font-weight: normal;}
            #main .subcontent .table-products .table-box table label {display: block; font-weight: normal;float: left;}
            #main .subcontent .table-products .table-box table .submit {margin-left: 10px;float: left;}

/* detail aktuality + archiv */
#main .newie.archive {border-bottom: 1px solid #dbdddc;padding-bottom: 20px;margin-bottom: 20px;}
#main .newie .img {display: none; float: left; width: 100px;}
    #main .newie .img img {padding: 4px; border: 1px solid #dbdddc;}
#main .newie .text {}
    #main .newie .text h4 {margin-bottom: 5px;}
    #main .newie .text .large {font-size: 1.1em}
    #main .newie.archive .text .large {margin-bottom: 10px;}
    #main .newie .text a.more {display: none}

#main .subcontent .paging2 {border: 1px solid #dbdddc; position: relative; text-align: center; height: 40px; line-height: 40px;font-size: 1.1em  }
    #main .subcontent .paging2 .toleft {position: absolute; left: 10px; top: 7px; padding-left: 13px; height: 25px; line-height: 25px; background: url('../images/paging-arrows.jpg') no-repeat 0 -53px;}
    #main .subcontent .paging2 .toright {position: absolute; right: 10px; top: 7px; padding-right: 13px; height: 25px; line-height: 25px;  background: url('../images/paging-arrows.jpg') no-repeat 100% 7px;}
    #main .subcontent .paging2 .toleft.disabled {background-position: 0 -83px;color: #a7a7a7;text-decoration: underline}
    #main .subcontent .paging2 .toright.disabled {background-position: 100% -23px;color: #a7a7a7;text-decoration: underline}
    #main .subcontent .paging2 a.page {border: 1px solid #e5e5e5; margin: 0 2px; display: inline-block; text-decoration: none;width: 25px; text-align: center;color: #008f4c;line-height: 25px;}
    #main .subcontent .paging2 span {border: 1px solid #fff; display: inline-block; text-decoration: none;width: 10px; text-align: center;color: #555555;line-height: 25px;}
    #main .subcontent .paging2 a.page:hover,
    #main .subcontent .paging2 a.active {border-color: #289a44;background: #289a44;color: #fff}


#main .subcontent .form-filtr {border: 1px solid #dbdddc;margin-bottom: 30px;}
#main .subcontent .form-filtr fieldset {padding: 10px 20px 8px}
#main .subcontent .form-filtr fieldset.top {padding: 15px 20px 20px;border-bottom: 1px solid #dbdddc;background: #fffbef}
#main .subcontent .form-filtr.fullsearch fieldset {padding: 15px 20px 10px;background: #fffbef}
#main .subcontent .form-filtr.fullsearch p {margin: 0; padding: 15px 0 5px;}
    #main .subcontent .form-filtr.fullsearch p strong {font-size: 1.1em}
#main .subcontent .form-filtr .submit {position: relative; top: 17px;}
#main .subcontent .selectbox {float: left;margin-right: 10px;}
    #main .subcontent .selectbox strong {float: left; line-height: 28px; padding-bottom: 3px; margin-right: 10px;font-weight: bold;display: block;font-size: 0.9em;}
    #main .subcontent .top .selectbox strong,
    #main .subcontent .fullsearch .selectbox strong {line-height: normal; clear: both; float: none; margin: 0;}
    #main .subcontent .selectbox .select {float: left;position: relative;z-index: 1100;background: #fff url('../images/select.gif') no-repeat 98% 50%;font-size: 1.1em;padding-left: 10px;border: 1px solid #c7cbd3;width: 190px; height: 26px; line-height: 26px;}
    #main .subcontent .top .selectbox .select {clear: both; float: none;background-position: 96% 50%;}
    #main .subcontent .fullsearch .selectbox .select {clear: both; float: none;background-position: 98% 50%;}
    #main .subcontent .selectbox.year .select {width: 100px;}
    #main .subcontent .selectbox.where .select {width: 180px;}
    #main .subcontent .selectbox.count .select {width: 100px;background-position: 96% 50%;}
    #main .subcontent .selectbox.month .select {width: 110px;}
    #main .subcontent .selectbox .text {border: 1px solid #c7cbd3;color: #777;width: 220px;height: 17px;float: left;padding: 5px 5px 4px;font-size: 1.1em; }
        #main .subcontent .selectbox .select ul {position: absolute; left: -3000px; top: 26px;height: auto;padding: 0 0; background: #fff;border: 1px solid #c7cbd3;width: 200px;}
        #main .subcontent .selectbox.year .select ul {width: 110px;}
        #main .subcontent .selectbox.where .select ul {width: 190px;}
        #main .subcontent .selectbox.count .select ul {width: 110px;}
        #main .subcontent .selectbox.month .select ul {width: 120px;}
        #main .subcontent .selectbox .select:hover ul,
        #main .subcontent .selectbox .select.hover ul {left: -1px;}
            #main .subcontent .selectbox .select ul li {clear: both;background: #fff;width: 100%;padding: 0;height: auto;line-height: 1.0em;}
                #main .subcontent .selectbox .select ul li a {clear: both; color: #777;text-decoration: none;display: block;padding: 3px 10px; height: auto;width: 180px; font-size: 0.9em; }
                #main .subcontent .selectbox.year .select ul li a {width: 90px;}
                #main .subcontent .selectbox.where .select ul li a {width: 170px;}
                #main .subcontent .selectbox.count .select ul li a {width: 90px;}
                #main .subcontent .selectbox.month .select ul li a {width: 100px;}
                #main .subcontent .selectbox .select ul li a:hover,
                #main .subcontent .selectbox .select ul li a.selected {background: #3ab057;color: #fff;}


#main .subcontent .search-results li {background: none; padding: 0 0 20px;border-bottom: 1px solid #dbdddc;margin-bottom: 20px;}
    #main .subcontent .search-results li h3 {color: #555555;margin: 0;}
    #main .subcontent .search-results li p.info {padding: 5px 0;font-size: 1.0em;margin: 0 0 10px;}
        #main .subcontent .search-results li p.info span {color: #dbdddc; padding: 0 3px;}
        #main .subcontent .search-results li p {font-size: 1.1em;margin: 0;}

#main .subcontent .form-messages {border: 1px solid #dbdddc;margin-bottom: 30px;}
#main .subcontent .form-messages fieldset {padding: 0;}
#main .subcontent .form-messages fieldset .flt-l {padding: 7px 0 6px 20px;}
#main .subcontent .form-messages fieldset .paging2 {float: right; border-top: 0;border-right: 0;border-bottom: 0;width: 49%;height: 44px; line-height: 44px;;margin: 0;}
    #main .subcontent .form-messages fieldset .paging2 .toleft {top: 10px;}
    #main .subcontent .form-messages fieldset .paging2 .toright {top: 10px;}
#main .subcontent .form-messages fieldset.top {padding: 10px 20px 6px;border-bottom: 1px solid #dbdddc;background: #fffbef}
    #main .subcontent .form-messages fieldset .selectbox strong {float: left;line-height: 28px;margin-right: 10px;}
    #main .subcontent .form-messages fieldset.top .selectbox .text {float: left;width: 380px;}
    #main .subcontent .form-messages fieldset .selectbox.datum .select {width: 120px;margin-right: 10px;background-position: 96% 50%;top:1px}
        #main .subcontent .form-messages fieldset .selectbox.datum .select ul {width: 130px}
            #main .subcontent .form-messages fieldset .selectbox.datum .select ul li a {width: 110px;}
    #main .subcontent .form-messages fieldset .selectbox.autor {margin: 0;}
    #main .subcontent .form-messages fieldset .selectbox.autor .select {width: 120px;background-position: 96% 50%;top:1px}
        #main .subcontent .form-messages fieldset .selectbox.autor .select ul {width: 130px}
            #main .subcontent .form-messages fieldset .selectbox.autor .select ul li a {width: 110px;}

#main .subcontent h4 {font-size: 1.3em;}

/* prispevky */
dl.messages {margin-bottom: 10px;}
    dl.messages dt {padding: 5px 35px;display: block;background: #f1f1f1 url('../images/content-li.gif') no-repeat 12px 10px}
        dl.messages dt .title {font-size: 1.1em; display: block;}
        dl.messages dt span {color: #bcbdbd; padding: 0 3px}
    dl.messages dd {padding: 10px 15px 10px 30px;border: 1px solid #f1f1f1; border-top: 0;font-size: 1.1em;}
    dl.messages dd span.answer {display: block; font-size: 0.85em}

/* vypis temat */
#main .subcontent .qsearch {background: #fffdf8;border: 1px solid #dbdddc;width: 631px;float: left;height: 120px;margin-bottom: 20px;}
#main .subcontent .qsearch fieldset {padding: 20px 20px;}
#main .subcontent .qsearch .selectbox {padding-top: 5px;}
#main .subcontent .qsearch .selectbox strong {float: left;line-height: 28px;margin-right: 10px;}
#main .subcontent .qsearch .submit {position: relative; top: 4px;}
#main .subcontent .qsearch .selectbox .text {border: 1px solid #c7cbd3;color: #777;float: left;width: 405px;height: 17px;float: left;padding: 5px 5px 4px;font-size: 1.1em; }

#main .subcontent .add-link {background: #fffdf8;border: 1px solid #dbdddc;width: 280px;border-left: 0;float: right;height: 120px;margin-bottom: 20px;}
#main .subcontent .add-link div {padding: 20px 20px}
#main .subcontent .qsearch h3,
#main .subcontent .add-link h3 {border-bottom: 1px solid #dbdddc;padding-bottom: 8px}
#main .subcontent .add-link a {display: block;text-align: right; font-weight: bold; text-decoration: none; color: #fff;padding-right: 10px;line-height: 34px;width: 175px;margin: 0 auto; height: 35px;background: url('../images/add-link-bg.jpg') no-repeat;font-size: 0.9em;}

#main.wide .wraptab.fulltab {padding: 7px 0 20px;width: 912px;z-index: 1;}
#main.wide .sort-temata {display: block; float: left; line-height: 40px; font-size: 1.4em; color: #1d2b7d;margin-right: 20px}
#main.wide ul.tabs.temata {float: left; clear: none;z-index: 100;}
#main.wide p.abc {padding-left: 7px;height: 35px;margin-bottom: 20px;}
#main.wide p.abc a {display: inline-block; width: 34px; margin: 0 1px 0 2px; float: left;height: 32px; line-height: 32px; text-align: center;border: 1px solid #dcded9;background: #fff;}
#main.wide p.abc a:hover {background: #289a44;border-color: #289a44;color: #fff;text-decoration: none;}
#main.wide p.abc a.active {background: #289a44;border-color: #289a44;position: relative;color: #fff;text-decoration: none;font-weight: bold;font-size: 1.1em}
#main.wide p.abc a.active span {width:34px;height: 17px; background: url('../images/arrow.jpg') no-repeat center;position: absolute; top: 33px;left: 0;}
#main.wide .wraptab.fulltab ul.temata {padding: 5px 20px 30px; margin: 0;}
    #main.wide .wraptab.fulltab ul.temata li {font-size: 1.1em;background: url('../images/arrow-yellow.gif') no-repeat 0 55%; padding: 2px 0 2px 13px;}
        #main.wide .wraptab.fulltab ul.temata li a {font-weight: bold;}
#main.wide .wraptab.fulltab h4 {padding-left: 20px;margin-bottom: 0}
#main.wide .wraptab.fulltab ul.last-messages {padding-left: 20px;}
    #main.wide .wraptab.fulltab ul.last-messages li {background-position: 0 9px}
        #main.wide .wraptab.fulltab ul.last-messages li a {font-size: 1.1em;}
        #main.wide .wraptab.fulltab ul.last-messages li p {padding: 5px 0 0; margin: 0;}

#main .kontakt a.out {display: none;}
#main .kontakt .flash {display: none}
#main .kontakt h3 {border-bottom: 1px solid #dbdddc;padding: 0 0 8px;; margin: 0 0 10px; font-size: 1.2em}
#main .kontakt .flt-l {width: 50%;font-size: 0.9em}
    #main .kontakt .flt-l p {margin: 20px 0 0; padding: 0;line-height: 1.7em}
    #main .kontakt .flt-l address.flt-l {width: 50%;font-size: 1.2em}
    #main .kontakt .flt-l p.flt-r {width: 44%;margin: 0;line-height: 1.7em}
#main .kontakt div.flt-r {width: 50%;font-size: 0.9em}
    #main .kontakt .flt-r p {margin: 20px 0 0; padding: 0;line-height: 1.7em}
#main .kontakt address {font-style: normal;}
    #main .kontakt address strong {display: block;}
#main .kontakt strong.fb {display: block;height: 36px; line-height: 36px;margin-top: 10px;}
    #main .kontakt strong.fb a {color: #4d71b1}
    #main .kontakt strong.fb a:hover {color: #000;}

#main .contactform h3 {border-bottom: 1px solid #dbdbd1;padding-bottom: 10px;margin-bottom: 5px;}
#main .contactform p {margin: 0; padding: 0;}
#main .contactform form {margin-top: 20px;}
#main .contactform form label {font-weight: bold; display: block;}
#main .contactform form label span {color: #289a44}
#main .contactform form .text {border: 1px solid #c7cbd3;padding: 5px 5px;font-family: "Courier New", Arial;width: 230px;margin-right: 15px;margin-bottom: 15px;}
#main .contactform form label span.required {color: #ff0000}
#main .contactform form .text.required {border: 2px solid #ff0000}
#main .contactform form .textarea {height: 100px;width: 600px;margin-bottom: 10px;border: 1px solid #c7cbd3;padding: 5px 5px;font-family: "Courier New", Arial;font-size: 1.0em;}
#main .contactform p.alert {background: #f5f2ea url('../images/form-error.jpg') no-repeat 7px 50%;;padding: 13px 0 13px 48px;font-size: 0.9em;margin-bottom: 10px;}
#main .contactform p.alert strong {font-style: italic}
#main .contactform .submit {float: left;}
#main .contactform p.flt-r {line-height: 30px;}
#main .contactform p.flt-r strong {color: #289a44;padding-right: 5px;font-size: 1.4em;position: relative; top: 5px;line-height: 10px;}

#main ul.managment {padding: 0;}
#main ul.managment li {width: 30%;float: left;background: none; height: 120px;}
#main ul.managment li img {display: none}
#main ul.managment li h3 {margin: 0; padding: 10px 0 5px;font-size: 1.1em}

#main .title-box ul.tabs {margin: 0; position: relative; top:1px;clear: both;padding: 0 0 0 1px;background: url('../images/tab-left.gif') no-repeat 0 0;height: 55px;}
    #main .title-box ul.tabs li {height:55px; position: relative; z-index: 1;background: url('../images/title-tab-right.jpg') no-repeat 100% 0;float: left;display: block; margin: 0; padding: 0 0 0 0px;}
    #main .title-box ul.tabs li span {height:55px;position: relative;float: left; display: block; padding: 0;}
        #main .title-box ul.tabs li span a {cursor: pointer;display: block;line-height: 1.4em;padding: 5px 14px 0;font-weight: normal;font-size: 1.1em;}
        #main .title-box ul.tabs li span a.onerow {line-height: 50px;padding-top: 0;}
        #main .title-box ul.tabs li span a.hover {text-decoration: none}
#main .title-box ul.tabs li.active { z-index: 1000;}
    #main .title-box ul.tabs li.active span {height:55px;position: relative;background: #fff url('../images/tab-active-right.gif') no-repeat right top;}
        #main .title-box ul.tabs li.active span a {color: #535c55;text-decoration: none;}

#main .wraptab {display: block;position: relative; z-index: 100;width: 100%;}
#main .wraptab.showtab1 {display: block;}

#main .wraptab h3 {font-size: 1.2em;font-weight: bold;margin-top: 10px;margin-bottom: 0px}
#main .wraptab .info-right {float: left; width: 100%}
#main .wraptab .info-right h3 {margin-bottom: 5px;font-weight: bold;font-size: 1.4em;margin-top: 0;}
#main .wraptab .info-right p {font-size: 1.1em;margin-bottom: 15px;text-align: left;}
#main .wraptab h4 {color: #555;margin: 0; padding: 0;font-size: 1.1em;}
#main .wraptab p {margin: 0; padding: 0;font-size: 1.1em;}
#main .wraptab .col-left {float: left;width: 48%;}
#main .wraptab .col-right {float: left;width: 48%;}
#main .wraptab .col-left h3,
#main .wraptab .col-right h3 {font-size: 1.1em; font-weight: bold;margin-bottom: 5px;}
#main .wraptab .col-left ul,
#main .wraptab .col-right ul {padding: 0; margin: 0 0 20px;}
#main .wraptab .col-left ul li,
#main .wraptab .col-right ul li {padding: 10px 0}
#main .wraptab .col-left ul li.light,
#main .wraptab .col-right ul li.light {}
#main .wraptab .col-left ul li h4,
#main .wraptab .col-right ul li h4 {color: #555;margin: 0; padding: 0;font-size: 1.1em;text-transform: uppercase;}
#main .wraptab .col-left ul li p,
#main .wraptab .col-right ul li p {margin: 0; padding: 0;font-size: 1.1em}
#main .wraptab table {margin: 10px 0 20px; border-collapse: collapse;width: 100%;}
#main .wraptab table thead th {padding: 5px 0; text-align: left;color: #555;font-size: 1.1em}
#main .wraptab table tbody td {padding: 10px 0 15px;}
#main .wraptab table tbody td.td1 {width: 28%;color: #000}
#main .wraptab table tbody td.td1 strong {display: block;font-size: 1.1em}
#main .wraptab table tbody td.td2 {width: 32%;}
#main .wraptab table tbody td.td3 {width: 36%;}
#main .wraptab table tbody td.td2,
#main .wraptab table tbody td.td3 {font-size: 1.1em}
#main .wraptab table tbody td.td2 strong,
#main .wraptab table tbody td.td3 strong {font-size: 0.9em}
#main .subcontent .large {font-size: 1.1em}
/************************************************************ CONTENT */

#content { width: 100% }
#main.subpage #content {}
#main.wide #content {}

#tip {


  padding: 15px 0 10px 0px;
  }

#tip p span {
  color: #000;
  font-weight: bold;
  }
  
#flash {
  display: none
  }

/************************************************************  aktuality textove + aktuality obrazkove */

#main-box {


  }

#information {

  }
  
#information h3 {
  padding: 0.8em 0 0.6em 0;
  font-size: 1.4em;
  text-transform: uppercase;
  color: #1d2b7d;
  }

#information .news {

  padding-top: 22px;
  clear: both;
  }  

#information .news .picture {
display: none
  }
  
#information .news .picture img {
  border: 1px solid #dbdddc;
  padding: 5px;
  }
  
#information .news .text {
width: 100%;
  padding: 0 0 0 0;
  }

#information .news .text h4 {
  font-size: 1.1em;
  line-height: 1.3em;
  color: #000;
  padding-bottom: 8px;
  }

#information .news .text p {
  padding: 0.4em 0 0.2em 0;
  }

#information .news .text span {
  color: #000;
  }
  
#information .news .text a.more {
display: none;
  }

#informations-more {
display: none;
  padding: 70px 0 25px 0;

  }
  
#informations-more a {

  padding: 2px 0 2px 0;
  font-weight: bold;
  }

#pictures {
  display: none
  }

#pictures .box {
  padding-bottom: 5px;
  }
  
#pictures .box-in {

  padding: 5px 0 0 0;
  border: 1px solid #dbdddc;
  margin-bottom: 6px;
  }  
  
#pictures .box-in img {
  border: none;
  display: none;
  } 
  
#pictures .box-in#newsletter {
    display: none;
  background: #eceef6;
  padding: 5px;
  }
  
#pictures h4 {
  padding: 0.8em 0 0.3em 0;
  font-size: 1.2em;
  color: #1d2b7d;
  }
  
#pictures h5 {
  padding: 0;
  font-size: 1.1em;
  color: #269641;
  }

#pictures a.more {

  }

/********************  newsletter */  
#pictures .newsletter {
    display: none;
  padding: 10px 10px 10px 10px;
  margin-bottom: 5px;
  background: #eceef6;
  }

#pictures .newsletter #submit {

  margin-top: -10px;
  }  

#pictures .newsletter .newsletter-submit {
  position: relative;
  top: 4px;
  left: 5px;
  width: 32px;
  height: 29px;
  }
  
#pictures .newsletter input.text {

  border: 1px solid #fff;
  border-width: 0;
  margin-left: 5px;
  position: relative;
  top: -5px;
  }  

/********************  newsletter */    

#pictures .competition {
  padding-bottom: 20px;

  }
  
#pictures .competition-absolute {
  display: none
  }  
  
#pictures .competition h4 {
  padding-left: 4px;
  }
 
#pictures .competition-in {
 
  padding: 20px 0 0 0;
  margin-bottom: 6px;
  }  

#pictures .competition p {
  font-size: 1.1em;
  line-height: 1.4em;
  } 

/*********************************************************** COLUMN */

#column {
display: none;
  padding: 30px 0 0 0;
  }
#column.nopadding {padding: 10px 0 0;width: 300px;position: relative; left:-5px}
#column h3.title {color: #fff;font-size: 1.4em;line-height: 18px;text-transform: uppercase;height: 67px; margin: 0; padding: 0 20px;}
#column h3.title small {displaY: block; padding-top: 15px;font-size: 0.7em }

#column .newsletter { padding: 5px; background: #fff; border: 1px solid #dbdddc;margin: 5px 20px 20px; }
#column .newsletter fieldset {background: #eceef6;border: 0;padding: 10px;font-size: 0.9em;}
#column .newsletter h4 {margin: 0; font-size: 1.2em;padding: 0;}
#column .newsletter p {margin: 0; padding: 0 0 10px;line-height: 1.7em;}
#column .newsletter .newsletter-submit { float: left; width: 32px; height: 29px; }
#column .newsletter input.text {border: 1px solid #c7cbd3; border-right: 0;padding: 6px 6px 5px;  background: #fff;  float: left; width: 180px; }

#column ul.categories {padding: 10px 20px; list-style: none;margin-bottom: 20px;}
    #column ul.categories li {border-top: 1px solid #69b87c; width: 100%;}
    #column ul.categories li.first {border: 0;}
        #column ul.categories li a {text-decoration: underline;cursor: pointer;display: block; width: 90%; text-decoration: none;padding: 6px 0 6px 22px; font-size: 1.1em; line-height: 1.4em; color: #b8d9c0; background: url('../images/column-nav.gif') no-repeat -528px 10px;}
        #column ul.categories li a span {font-weight: bold; text-decoration: underline;color: #fff}
        #column ul.categories li a:hover span,
        #column ul.categories li a.active span {color: #fdc600}

        #column ul.categories li a.active:hover {background-position: -264px 10px;}
        #column ul.categories li a.arrow.active,
        #column ul.categories li a.arrow:hover {background-position: -264px 10px;color: #ffe37c}
        #column ul.categories li a.arrow {background-position: 0 10px}
        #column ul.categories li a:hover,
        #column ul.categories li a.hover {background-position: -792px 10px;}

        
        #column ul.categories li.open a {background-position: -1056px 10px;}
        #column ul.categories li.open a:hover,
        #column ul.categories li.open a.hover {background-position: -1320px 10px}

        #column ul.categories li.open-arrow a {background-position: -264px 10px;}

        
        #column ul.categories li ul {list-style: none;padding: 0 22px 10px;display: none}
            #column ul.categories li ul li {border: 0;margin-bottom: 8px;color: #fff}
                #column ul.categories li ul li a {text-decoration: underline;background: none; padding: 0;color: #fff;font-weight: normal;line-height: 1.2em;}
                #column ul.categories li ul li a:hover {text-decoration: none;}
                #column ul.categories li ul li a.subactive,
                #column ul.categories li ul li a.subactive:hover {color: #fdc600;}


#column a.last-months {display: block;color: #fff;display: block; width: 300px; font-size: 1.1em; font-weight: bold;line-height: 1.4em;}
#column a.last-months:hover {color: #fdc600}
    #column a.last-months span {display: block;padding: 10px 0 15px 42px;}

#column h3 {padding: 0 0 0 20px;color: #1d2b7d;font-size: 1.1em}

#column #products h3 {
  padding: 0.8em 0 0.6em 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #1d2b7d;
  margin-left: 15px;
  }
    
#column img {
  clear: both;
  border: none;
  }
  
#column .box {
  padding-bottom: 16px;
  }
#column.nopadding .box {padding-left: 20px}
#column .box p {
  padding: 2px 0 5px 0;
  }
  
#column a.icon-more {

  padding: 2px 0 2px 20px;
  font-size: 1.0em;
  font-weight: bold;
  }
  
#products {
  width: 267px;
  height: 277px;

  margin-bottom: 20px;
  }


/************************************************************  FOOTER */

#footer {

  color: #000;
  margin-top: 4px;
  }

#footer img {
display: none;
  }
  
#footer #middle {

  }
  
#footer #middle a {
  color: #000;
  margin-right: 2px;
  }

#footer #middle a.rss {
display: none
  }
  
#footer #middle a.sitemap {

  }
  
#footer #middle a.conditions {

  }
  
#footer #middle a.contact {

  }

#footer #middle a:hover {
  color: #000;
  }  

#footer #middle p {
  font-size: 1.1em;
  padding: 0;
  }
  
#footer p.autor {
  display: block;
  }

br.cleaner {
  clear: both;
  }


/************************** js framework **********/

/************************************************************  JAVASCRIPT BOX */

#tabbed_box_1 {
display: none;
  }

.tabbed_area {
	padding: 0 0;
  }

ul.tabs {
     display: none
  }
  
ul.tabs li {
	list-style: none;
	display: inline;

  }

ul.tabs li a {
  display: block;
  float: left;
  width: auto;
	background: transparent;
	color: #289a44;
	text-decoration: underline;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	margin-right: 2px;
	text-align: center;
	font-size: 1.1em;
	position: relative;
	top: 2px;
	padding: 1px;
  }

ul.tabs li a#tab_1 {

  }

ul.tabs li a#tab_2 {

}

ul.tabs li a:hover {
	text-decoration: none;
	color: #269641;
	}
	
ul.tabs li a.active {
	background:#ffffff;
	color: #289a44;
	text-decoration: underline;
  border: 1px solid #c7cbd3;
  border-width: 1px 1px 0 1px;
  padding: 0;
}

ul.tabs li a.active:hover {
	background: #ffffff;
	color: #289a44;
}

.content {
	background:#ffffff;

overflow: visible;
  }

.search {
    display: none;
  width: 233px;
  float: left;
  background: #fff;
  border: 1px solid #c7cbd3;  
  border-width: 1px 1px 0 1px;
  padding: 10px 0 10px 0;
  }

.search input {
  width: 208px;
  border: 1px solid #dbdddc;
  margin-left: 10px;
  padding: 4px 2px;
  background: #fff url(../images/products-input-bg.gif) top left repeat-x;
  }

#content_2 { }

.content ul {
  padding: 0;

}
.content ul li {
	list-style: none;
  padding: 2px 0 2px;;
  color: #05304a;

	border-bottom: 1px solid #dbdddc;
}


.flt-l {float: left;}
.flt-r {float: right;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:block; }
h3.noscreen {padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.italic { font-style: italic }

/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
fieldset {border: 0;}
.noprint {display: none}







