body {
  font:0.75em Arial,Verdana,sans-serif;
  line-height:1.7em;
  margin: 0;
  padding: 0;
  background-image: url('bg_body.jpg');
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #ffffff;
}

/*
#work a {
color:#4160a3;
text-decoration: underline;
}
#work a:hover {
text-decoration: none;
}
*/

div#body
{
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: url('bg_page_foot.jpg') bottom left repeat-x;  
}

div#page
{
  width: 1033px;
  margin: 0 auto;
  padding: 0px;
}

div#header
{
  padding-left: 20px;
  float: left;
  width: 1033px;
  height: 222px;
  background: url('bg_head.jpg') top left no-repeat;
}

div#lineBlock {
clear: both;
height:33px;
overflow: hidden;
width:1000px;
}
div.lineBox {
margin:0 0 0 10px;
float:right;
height:33px;
background:url('bg_linebox_center.jpg') top left repeat-x;
}
div.lineBoxHeader {
background:url('bg_linebox_left.jpg') top left no-repeat;
}
div.lineBoxFooter {
height:33px;
padding:0 5px;
background:url('bg_linebox_right.jpg') top right no-repeat;
}

.langMenu .page-cs a {
background:url('flag_cs.jpg') top left no-repeat;
}
.langMenu .page-en a {
background:url('flag_en.jpg') top left no-repeat;
}                 
.langMenu .page-sk a {
background:url('flag_sk.jpg') top left no-repeat;
}

div#headLang {
width:69px;
}
div#search {
width:188px;
}
#squery {
float:left;
margin:5px 0 0 0;
width:140px;
}
#searchbut {
float:left;
background:url('bt_searchsubmit.jpg') top left no-repeat;
width:25px;
height:22px;
border:none;
margin:5px 0 0 4px;
}

.langMenu {
float:right;
}
.langMenu li {
float:left;
margin:0 3px;
}
.langMenu a {
width:22px;
height:22px;
display: block;
}


.langMenu span {
display: none;
}

div#header div#header-news
{ 
  margin:0 0 0 2px;
  font-size: 13px;
}

div#header div#header-news h2 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 31px;  
  color: #fffa71;
  font-weight: bolder;
  display: inline;
}

div#header #header-news span
{
  font-size: 18px;
  color: white;
  font-weight: bold;
  margin-right: 8px;
}



/* ----------------------------- MENU --------------------------------- */

ul.TreeMenu
{
  width: 670px;
  margin: 19px 10px 0px 50px;
  padding: 0px;
}
ul.TreeMenu li
{

  float: left;
  height: 39px;
  list-style-type: none;
  margin: 0px 5px 0px 0px;
}
ul.TreeMenu li a
{   cursor: pointer;
  display: block;
  color: #282828;
  font-size: 0.9em;
  text-decoration: none;
  font-weight: bold;
}
ul.TreeMenu li a:hover, ul.TreeMenu li a.active
{
  color: #ffffff;
}

ul.TreeMenu li.menu-item {
  margin: 0 5px 0 5px;
}

div.menu_separator {

}

span.pos {display:none;}

ul.TreeMenu li a span.MItemLeft, ul.TreeMenu li a span.MItemRight
{
  display: block;
  width: 4px;
  height: 39px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  background: none;
}

ul.TreeMenu li a span.MItemMid
{
  height: 39px;
  background: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  display: block;
}

ul.TreeMenu li a span.backcolor
{
  margin: 7px 0px 0px 0px;
  height: 22px;
  float: left;
  display: block;
}

ul.TreeMenu li a.active span.MItemLeft
{
  background: url('bg_top_menu_act_left.jpg') top left no-repeat;
}

ul.TreeMenu li a.active span.MItemRight
{
  background: url('bg_top_menu_act_right.jpg') top left no-repeat;
}

ul.TreeMenu li a.active span.MItemMid
{
  background: url('bg_top_menu_act.jpg') top left repeat-x;
}

ul.TreeMenu li a:hover span.MItemLeft
{
  background: url('bg_top_menu_h_left.jpg') top left no-repeat;
}

ul.TreeMenu li a:hover span.MItemMid
{
  background: url('bg_top_menu_h_bot.jpg') bottom center no-repeat;
}

ul.TreeMenu li a:hover span.backcolor
{
  background-color: #88C4EB;
}

ul.TreeMenu li a:hover span.MItemRight
{
  background: url('bg_top_menu_h_right.jpg') top left no-repeat;
}

div#header div#basket
{
  color: #FFFA71;
  font-size: 0.8em;
  float: right;
  margin: 30px 50px 0px 0px;
}
div#header div#basket a
{
  color: #FFFA71;
}

div#header #textline {
float:right;
width:900px;
height:37px; 
padding:15px 0 0 0;
font-size: 1em;
line-height: 36px;
}

div#header p.today
{
  width: 180px;
  color: #282828;
  float: left;
  padding: 0 10px 0 40px;
}


div#header p.path
{
  color: #2C2C2C;
  float: left;
  padding: 0 10px;
  font-size: 0.9em;
  height:37px;
}
  div#header p.path a
  {
    color: #6C6C6C;
    text-decoration: none;
  }
  div#header p.path a:hover
  {
    color: #3C3C3C;
    text-decoration: underline;
  }

div#logo
{
  display: block;
  width: 114px;
  height: 180px;
  float: left;
  margin-left: 0px;
}
#logo h1{display: block;width: 100%;height: 100%; margin: 0; padding: 0;} 
div#logo a
{
  width: 100%;
  height: 100%;
  display: block;
  border: 0px;
  text-decoration: none;
}
span#logo-text
{
  visibility: hidden;
}

div#topbanner
{
 /* border: 1px solid #000000;smazat - jen pro ověření pozice, kdyľ není vloľen banner*/
  float: left;
  width: 873px;
  height: 66px;
  margin: 16px 0px 0px 4px;
}



div#area
{
  float: left;
  width: 1033px;
  margin: 0;
  padding: 0; 
  background: url('bg_cnt.png') top right repeat-y;
}

div#bgarea
{
  float: left;
  background: url('bg_cnt_top.jpg') top left no-repeat;
  width: 100%;
}

div#footer
{
   float: left;
   /* background: url('bg_page_foot.jpg') top left repeat-x; */
   width: 100%;
   height: 88px;
   padding: 0px;
   margin: 0px;
}
  div#footer div.cntfoot
  {
 /*    float: left; */
    display: block;
/*     width: 100%; */
    height: 23px;
    background: url('bg_cnt_foot.jpg') top center no-repeat;
  }
  div#geneslink
  {                   
    width: 1014px;  
    text-align: left;
    color: #ffffff;
    margin: auto;
    padding: 0px 0px 0px 30px;
  }
    div#geneslink a
    {
      font-weight: bold;
      text-decoration: none;
      color: #ffffff;
    }
    div#geneslink a:hover
    {
      text-decoration: underline;
    }
    div#copyright {
      float: left;
    }
    div#webPartners {
      float: right;
      margin-right: 20px;
    }
    div#webPartners a {
      text-decoration: underline;
    }

div#leftColumn
{
  float: left;
  width: 223px;
  margin: 0; padding: 0;
  /*  205px;  223 */
  /* margin: 20px 0px 0px 25px; */
}
div#leftColumn a
{
  text-decoration: none;
}
div#leftColumn a:hover
{
  text-decoration: none;
}

div.columnBox
{ 
  padding: 20px 5px 0px 25px;
  float: left;
}

  h2.menu
  {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #ffffff;
    height: 25px;
    text-align: left;
    overflow: hidden;
    width: 200px;
    line-height: normal;
  }
  h2.menu span.left, .switchbox .left
  {
    float: left !important;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    background: url('bg_block_h_l.jpg') top left no-repeat;
    color: #ffffff;
    width: 5px;
    height: 25px;
  }
  h2.menu span.cnt, .switchbox .cnt
  {
    float: left;
    margin: 0px;
    padding: 2px 5px 0 2px;
    font-size: 1.1em;
    background: url('bg_block_h.jpg') top left repeat-x;
    color: #ffffff;
    height: 25px;
    text-align: left;
  }
  h2.menu span.right, .switchbox .right
  {
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    background: url('bg_block_h_r.jpg') top left no-repeat;
    color: #ffffff;
    width: 15px;
    height: 25px;
  }
  h2.menu span.hidden{visibility: hidden;}
  
  .switchbox{height: 29px; margin-left: 10px;}
  .switchbox a{font-size: 17px; color: #FFF;text-decoration: none;}
  .switchbox a:link{text-decoration: none;}
  .switchbox .noact a{color: #ddd;}
  .switchbox .noact a:hover{color: #fff;}
  
  
  
ul.contentMenuLeft ul, ul.contentMenuLeft, ul.contentMenuLeft li {margin:0;padding:0;}
    
  
ul.contentMenuLeft {
clear: both;
float: left;
width:192px;
}
ul.contentMenuLeft li {
list-style-type: none;
background:#ebebeb url('bg_left_menu_item.jpg') bottom left no-repeat;
color: #515151;
text-align: left;
}

.contentMenuLeft a {
background: url('bg_left_menu_item.jpg') bottom left no-repeat;
display: block;
width:  172px;
padding: 2px 5px 2px 16px;
line-height:24px;
margin: 0;

color: #252525;
font-weight: bold;
text-align: left; 
}
.contentMenuLeft li li a {
padding-left:26px;
width:162px;
}
.contentMenuLeft li li li a {
padding-left:36px;
width:152px;
}
.contentMenuLeft li li li li a {
padding-left:46px;
width:142px;
}

.contentMenuLeft .active ul {display: block;}
.contentMenuLeft ul {display: none;}

.contentMenuLeft .active ul ul{display: none;}
.contentMenuLeft .active .active ul{display: block;}

.contentMenuLeft .active .active ul ul{display: none;}
.contentMenuLeft .active .active .active ul{display: block;}

/*

.contentMenuLeft .active .active ul {display: block;}
.contentMenuLeft ul ul {display: none ;}

.contentMenuLeft .active .active .active ul {display: block!important;}
.contentMenuLeft ul ul ul{display: none !important;}*/

.contentMenuLeft a:hover, ul.contentMenuLeft a.active  {
background:#5489cb url('bg_left_menu_item_active.jpg') bottom left no-repeat;
color: black;
text-decoration: none;
}
.contentMenuLeft ul a:hover, ul.contentMenuLeft ul  a.active{
background:#bad5f0 url('bg_left_menu_item_active2.jpg') bottom left no-repeat;
color: black;
text-decoration: none;
}
.contentMenuLeft ul ul a:hover, ul.contentMenuLeft ul ul a.active {
background:#d4e4f5 url('bg_left_menu_item_active3.jpg') bottom left no-repeat;
color: black;
text-decoration: none;
}
.contentMenuLeft ul ul ul a:hover, ul.contentMenuLeft ul ul ul a.active{
background:#e5eff9 url('bg_left_menu_item_active4.jpg') bottom left no-repeat;
color: black;
text-decoration: none;
}
.contentMenuLeft a.active:hover {
color: white;
}


a#addfav
{
  display: block;
  width: 165px;
  height: 32px;
  padding: 9px 0 0 30px;
  text-align: center;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold;
  background: url('fav.jpg') top left no-repeat;
  text-decoration: none;
}

a#catalog {
  display: block;
  width: 193px;
  height: 33px;
  padding: 15px 0 0 0px;
  text-align: center;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold;
  background: url('pdf_katalog.jpg') top left no-repeat; /* 193x48 */
  text-decoration: none;
}

div#content
{
  float: left;
  width: 586px;
  margin: 20px 0px 0px 0px;
  padding:0;
}


div#card, div.card
{
  /* width: 586px; */
  background: url('cnt_tab1_mid.jpg') top left repeat-y;
  text-align: center;
}
  div#card .cardTitle, div.card .cardTitle
  {
    background: url('cnt_tab1_top.jpg') top left no-repeat;
    height: 29px;
    margin: 0px 0px 0px 0px;
    padding: 3px 10px 2px 10px;
    line-height: 18px;
    text-align: left;
    color: #ffffff;
    
    font-size: 1.2em;
  }
  div#card h2.gray, div.card h2.gray
  {
    background: url('bg_graybox.jpg') top left no-repeat;
    color: #6c6c6c;
  }
  div#card span.foot, div.card span.foot
  {
    float: left;
    display: block;
    width: 586px;
    height: 4px;
    background: url('bg_tab2_foot.jpg') top left no-repeat;
  }




div#prodcard
{
  /* width: 586px; */
  background: url('bg_tab2_mid.jpg') top left repeat-y;
  padding: 0px;
}
  div#prodcard h3
  {
    background: url('cnt_tab2_top.jpg') top left no-repeat;
    /* width: 586px; */
    height: 29px;
    margin: 10px 0px 0px 0px;
    padding: 5px 10px 0px 10px;
    text-align: left;
    color: #737373;
    font-size: 1.2em;
    font-weight: bolder;

  }



div.prod, div.categoriPerex
  {
    float: left;
    width: 282px;
	  margin: 0 3px 8px 0;
    padding: 0px;
    background: url('bg_item_mid.jpg') top left repeat-y;
  }
    div.prod h3, div.categoriPerex h3, #prodcard .prod h3
    {
      float: left;
      width: 283px;
      height: 44px;
      background: url('bg_item_top.jpg') top left no-repeat;
      margin: 0px;
      text-align: left;
      color: #ffffff;
      font-size: 1.1em;
      padding: 0px;
    }
	div.prod h3 a, div.categoriPerex h3 a {
	 color: white;
	 text-decoration: none;
	 display: block;
	 width: 268px;
	 height: 35px; 
  padding: 4px 5px 5px 10px;
  line-height: 18px;
	}

	div#card div.prod div.dsc p, div#card div.categoriPerex div.dsc p {
    color: #5886B8;
    line-height:150%;
  }
      
    .prod span.image, div.categoriPerex  span.image
    {
      display: block;
      width:267px;
      height:150px;
      padding:8px 0;
      text-align: center;
    }

    .prod .tipimage {
      width: 270px;
      text-align: center;
      float: none;
      clear: both;
      margin: 0 0 0 5px;
      padding: 10px 0 10px 0;  
    }
    
    div.prod div.dsc, div.categoriPerex div.dsc
    {
 
      float: right; 
      width: 270px;
      margin: 6px 5px 0 0;
      padding: 0px;
      font-size: 1em;
      line-height:1.3em;
      color: #6C6C6C;
    }
    div.prod div.dsc div.shortDesc {
    }
    div.prod div.price, div.categoriPerex div.price
    {
      font-size: 0.9em;
      color: #6C6C6C;
      text-align: right;
      margin: 4px 4px 3px 0px;
      padding: 0px;
      float: right;
      width: 268px;        
    }
      div.prod div.price span, div.categoriPerex div.price span
      {
        float: left;
        margin: 0px 3px 0px 0px;

      }
      div.prod div.price strong
      {
        font-size: 1.5em;
        float: left;
      } 
      div.prod div.price a, div.categoriPerex .price a 
      {
        float: right !important;
        display: block !important;
        width: 58px !important;
        height: 22px;
        background: url('item_button.jpg') top left no-repeat;
        border: 0px;
        margin: 0px;
        padding: 0px 5px 0px 5px;
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
      }
    div.prod span.prodfoot, div.categoriPerex span.prodfoot
    {
      float: left;
      display: block;
      width: 282px;
      height: 4px;
      background: url('bg_item_foot.jpg') bottom left no-repeat;
    }
  div#prodcard span.foot
  {
    float: left;
    display: block;
    width: 586px;
    height: 4px;
    background: url('cnt_tab1_foot.jpg') top left no-repeat;
  }
  

div.categoriPerex
  {
    width:564px !important;
    background-image: url('bg_categori_mid.jpg') !important;
  }
    div.categoriPerex h3
    {
      width:564px !important;
      background-image: url('bg_categori_top.jpg') !important;
	  height:26px;
    }
      div.categoriPerex a
      {
        width:546px !important;
      }
      
    div.categoriPerex div.dsc
    {
      padding-top:3px;
      width:552px !important;
	    position:relative;
    }
    
    div.categoriPerex span.prodfoot 
    {
      width:564px !important;
      background-image: url('bg_categori_foot.jpg') !important;
    }
    div.categoriPerex span.image {
    width: 150px;
	  float:left;
	  display:block; 
	  padding-top:0;
	  padding-right: 10px;
	  text-align:center;
    }
    /*div.categoriPerex div.price
    {
	position:absolute;
	right:0;
	bottom:0;
      width:100px;
      margin: 0 5px 0 0px;         
    }*/
	div.categoriPerex div.price
    {
      width:68px;
      float:right;
      margin: 0 10px 5px 0px; 
      padding:0;       
    }
	div.categoriPerex div.price a {
		padding-top:2px;
	}
  
  
  
  
div#rightColumn
{
  /* float: left;*/
  float: left;
  /* width: 200px; */
  padding: 20px 0px 0px 5px;
}

div#rightColumn h2.shortDesc {
line-height: 1.7em;
padding: 2px 8px 0 8px;
text-align: left;
color: #515151;
font-size: 10pt;
font-weight: normal;
margin: 0;
}

div#rightColumn h3 {
padding: 0;
margin: 0; 
height: 60px;
background-color: #538ccf;
line-height:130%;
}
div#rightColumn h3 a {
padding-top: 4px;
height: 60px;
}

div#rightColumn .columnContent {
  width: 200px;
  padding: 0;
  margin: 0; 
}

    div.login {
      min-height: 50px !important;
      text-align: center;
    }
    div.login dl {
    width: 180px;
    margin: 0 0 2px 0;
    height: 22px; #E6E6E6
    }
    div.login dl dd {
      float: left;
      width: 70px;
      margin: 0 5px 0 0;
      text-align: right;
       
    }
    div.login dl dt {
      width: 100px;
    }
    div.login dl dt input {
      width: 90px;
      border: 1px solid #E6E6E6;
    }
    div.login div {
      margin-top: 5px;
    }
    div.login input.button {
      float: left;
      background: url('login_button.png') top left no-repeat;
      padding: 0 22px 5px 0;
      margin: 0 0 0 4px; 
      border: none;
    }
    div.login .longButton {
      background: url('login_button.jpg') top left no-repeat !important; 
      width: 84px;
    }

    div.infcontent
    {
      min-height: 148px;
      width: 190px;
      padding: 5px;
      margin: 0;
      background: #37506d url('bg_info_mid.jpg') top left no-repeat;
      color: #ffffff;
      float: left;
    }
    div.infcontent a
    {
      color: white;
    }    

    div.rightcontent
    {
      width: 200px;
      background: url('bg_right_menu.jpg') top left repeat-y;
      color: #484848;
      float: left;
      text-align: center;
    }
    .columnBox div.rightcontent
    {
      width: 195px;
      background: url('bg_left_menu.jpg') top left repeat-y;
      color: #484848;
      float: left;
      text-align: center;
    }
    
    div.rightcontent p {
      margin: 5px; 
    }

  div.info
  {
    float: left;
    /*background: url('bg_item_mid_rep.jpg') top left repeat-y;*/
    margin: 0px 0px 20px 0px;
  }
    div.info span.top
    {      
      float: left;
      display: block;
      width: 200px;
      margin: 0px;
      padding: 0px;
      height: 4px;
      background: #5CA1E4 url('bg_info_top.jpg') top left no-repeat;

    }
    div.info span.foot
    {
      display: block;
      width: 200px;
      margin: 0px;
      padding: 0px;
      height: 4px;
      background: url('bg_info_foot.jpg') top left no-repeat;
      float: left;
    }
    
  div.akce
  {
    float: left;
    width: 195px;
    /*background: url('bg_right_menu.jpg') top left repeat-y;*/
    margin: 0px 0px 0px 0px;
    overflow-x: hidden;
  }
    div.akce h3
    {
      color: #505050;
      font-size: 1.1em;
      background: url('bg_discount_subtitle2.jpg') top left no-repeat;
      margin: 0;
      
      width: 195px;
      height: 66px;
      float: left;
      text-align: left;
    }
    div.akce h3 a {
      padding: 0 5px 0px 5px;
      text-decoration: none;
      color: #505050;
      display: block;
      height: 34px;
      width: 185px;
    }
    div.akce img
    {
    padding:5px 0;
    }
    div.akce p
    {
      float: left;
      clear: left;
	  text-align: left;
    }
    div.akce p.foot
    {
      display: block;
      width: 185px;
      margin: 0px;
      padding: 4px 5px 0px 5px;
      height: 28px;
      background: url('bg_discount_foot2.jpg') top left no-repeat;
      float: left;
      color: #505050;
    }
      p.foot span
      {
        float: left;
        margin: 0px 5px 0px 0px;
      }
      p.foot strong
      {
        font-size: 1.5em;
        float: left;
      }
      p.foot a
      {
        float: right;
        display: block;
        width: 58px;
        height: 22px;
        background: url('akce_buttonBg.jpg') top left;
        border: 0px;
        margin: 0px;
        padding: 0px 5px 0px 5px;
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
      }

  div.last
  {
    float: left;
    width: 200px;
    /*background: url('bg_right_menu.jpg') top left repeat-y;*/
    margin: 20px 0px 0px 0px;
  }   
    div.last h1 a {
      color: white;
      padding: 9px 5px 0px 5px;
      text-decoration: none;
      height: 31px;
      width: 190px;
      display: block;
    }       
    div.last h1.firstOne
    {
      color: #ffffff;
      font-size: 1.1em;
      background: url('bg_news_h5_first.jpg') top left no-repeat;
      margin: 0px;
      float: left;
      text-align: left;
      clear: left;
    }
    div.last h1
    {
      color: #ffffff;
      font-size: 1.1em;
      background: url('bg_news_h5.jpg') top left no-repeat;
      margin: 0px;
      width: 200px;
      height: 41px;
      float: left;
      text-align: left;
      clear: left;
    }
    div.last img
    {
      clear: left;
      margin: 5px;
      /* float: left; */
      float: none;
    }
    div.last p
    {
      float: left;
      text-align: left;
      width: 180px;
    }
    div.last p.foot
    {
      display: block;
      width: 190px;
      margin: 0px;
      padding: 4px 5px 0px 5px;
      height: 28px;
      background: url('bg_right_menu.jpg') scroll left repeat-y;     /*  _foot */
      float: left;
      color: #505050;
    }
    div.last div.lastOne , div.fromus div.lastOne {
      clear: both;
      display: block;
      height: 4px;
      width: 200px;
      float: left;
      background: url('bg_right_menu_foot.jpg') bottom left no-repeat;     /*   */
    }
      div.last p.foot span
      {
        float: left;
        margin: 0px 5px 0px 0px;
      }
      div.last p.foot strong
      {
        font-size: 1.5em;
        float: left;
      }
      div.last p.foot a
      {
        float: right;
        display: block;
        width: 58px;
        height: 22px;
        background: url('item_button.jpg') top left;
        border: 0px;
        margin: 0px;
        padding: 0px 5px 0px 5px;
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
      }

  div.fromus
  {     
    float: left;
    width: 200px;
    margin: 20px 0px 0px 0px;
  }
    div.fromus h3.firstOne {
      background: url('bg_hpOnlyHere_1head.jpg') top left no-repeat;
    }
     div.fromus h3
    {
     
      font-size: 1.1em;
      background: url('bg_hpOnlyHere_head.jpg') top left no-repeat;
      margin: 0px;
      width: 200px;
      height: 44px;
      float: left;
      text-align: left;
      clear: left;
    }
    div.fromus h3 a
    {
      padding: 10px 5px 0px 5px;
      display: block;
      width: 190px;
      height: 34px;
      text-decoration: none;
      color: #165f9a;
    }
    div.fromus img
    {
      clear: left;
      margin: 5px;
      float: none;
    }
    div.fromus p
    {
      float: left;
      text-align: left;
      width: 180px;
    }
    div.fromus p.foot
    {
      display: block;
      width: 190px;
      margin: 0px;
      padding: 4px 5px 0px 5px;
      height: 28px;
    /*   background: url('bg_right_menu_foot.jpg') bottom left no-repeat; */
      float: left;
      color: #505050;
    }
      div.fromus p.foot span
      {
        float: left;
        margin: 0px 5px 0px 0px;
      }
      div.fromus p.foot strong
      {
        font-size: 1.5em;
        float: left;
      }
      div.fromus p.foot a
      {
        float: right;
        display: block;
        width: 58px;
        height: 22px;
        background: url('item_button.jpg') top left;
        border: 0px;
        margin: 0px;
        padding: 0px 5px 0px 5px;
        font-size: 1em;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
      } 
      
      


#mainmenu {
  height: 55px;
  width: 720px;
  float: left;
  overflow: hidden;
}

#mainmenu ul li span.MItemMid span.backcolor {
  padding: 0 8px 0 8px;
}


a {color:#0042ff;}
a:link {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover {text-decoration: none; }
a:active {text-decoration: underline; }
.toLeft{float: left;}
.toRight{float: right;}

/*
#work a {color:#0042ff;}
#work a:visited {color:#0042ff; }
#work a:hover {color:#008aff; }
*/


p {
margin:0 0 10px 0;
padding:0;
}
ol {
margin:5px 0 15px 0;
padding:0 0 0 30px;
}
ul {
margin:5px 0 15px 0;
padding:0;
}

img {border: none;}

h1 {
color: #385575;
font-size: 200%;
padding:5px 0 10px 0;
line-height: 130%;
}
h2 {
color: #37506D;
padding:0;
margin:10px 0 25px 0;
font-size: 180%;
line-height:100%;
}
h3 {
color: #385575;
font-size:160%;
}
h4 {
color: #5886B8;
font-size:130%;
padding:20px 0 0 0;
margin:0;
}
h5 {
color: #63A4E4;
font-weight: bold;
font-size:110%;
}

.cleaner
{
  visibility: hidden;
  clear: both !important;
  margin: 0px;
  padding: 0px;
  width: 0px;
  height: 0px;
}

fieldset {
border: none;
margin: 0;
padding: 0;
}

dl dt {
width: 150px;
float: left;
}

.floatRight {
float: right !important;
}

.floatLeft {
float: left !important;
}

.center {
text-align:center !important;
}
.left {
text-align:left !important;
}
.right {
text-align:right !important;
}

.bold {
font-weight: bold !important;
}

.marginLeft {
margin-left: 20px !important;
}

.marginLeft8 {
margin-left: 8px !important;
}

.paddingLeft {
padding-left: 8px !important;
}

.marginTop {
margin-top: 10px !important;
}

.cardContent {
padding: 0 8px 0 8px;
margin: 0;
text-align: left;
clear: both;
}

.colorWine {

}

#work input.button, input.button {
border: none;
background: url('item_button.jpg') center center no-repeat;
color: white;
font-weight: bold;
font-size: 8pt;
padding-bottom: 2px;
display: block;
height: 25px;
width: 70px;
cursor: hand;
}

#work input.longButton {
border: none;
background: url('button_bg.jpg') center center no-repeat;
color: white;
font-weight: bold;
font-size: 8pt;
padding-bottom: 2px;
display: block;
height: 25px;
width: 155px;
cursor: hand;
}


/* ================================= SEZNAMY UL LI ================================ */

ul li {
list-style-type: none;
}

#work ul li {
background:url('li.jpg') 0 4px no-repeat;
padding-left: 18px;
margin-left: 10px;

}



/* ================================= FORMY / INPUTY / CHECKBOXY ================================ */

input.checkbox {
background: #f4f4f4 url('checkbox_bg.jpg') center center no-repeat;
border: 1px solid #8e8f8f;
}


/* ================================= REGISTRACE ================================ */

#registerPage h3, .block h3 {
color: #548dcf;
font-weight: bold;
font-size: 12pt;
margin-bottom: 0px; 
}

#registerPage dl {
clear: both;
}

#registerPage dl dt { 
width: 150px;
float: left;
font-weight: bold;
color: #515151;
}

#registerPage input {
border: 1px solid #cdcdcd;
}

#registerPage dl dd span.di { 
margin-left:10px;
font-size: 10px;
color: gray;
}

span.importantstar { 
color: red;
padding: 0 2px 0 5px;
}

span.errorForm {
display: block;
background-color: #FF8C6D;
padding: 10px; 
color: white;
margin-bottom: 10px;
border: 1px solid red;
}

span.infoForm {
display: block;
background-color: #d4ffcc;
padding: 10px; 
color: black;
margin-bottom: 10px;
border: 1px solid green;
}

/* ================================= LOGIN ================================ */
#template-login-user {
color: #515151;
}

hr {
border: 1px solid #e6e6e6;
width: 585px;
margin-left: -8px;
padding: 0;
}

#contentLogin {
color: #515151;
font-weight: bold;
}

#contentLogin form fieldset{
border: none;
}

#contentLogin input {
border: 1px solid #e6e6e6;
height: 20px;
width: 250px; 
}

#contentLogin input.button {
float: left;
margin-right: 10px;
}

#contentLogin a {
color: #515151;
}

#contentLogin dt {

width: 200px;
float: left;
}

/* ================================= KONTAKT CONTACT FORM =============================== */

#contactForm .im{
color: red;
}

#contactForm dl dt{ 
width: auto;
}

#contactForm dl {
color: #515151;
margin-bottom: 10px;
font-weight: bold;
text-align: left;
padding-left: 20px;
width: 255px;
float: left;
}

#contactForm input {
border: 1px solid #e6e6e6;
float: right;
width: 200px;
height: 20px;
}

#contactForm textarea {
border: 1px solid #e6e6e6;
width: 100%;
color: black;
}

#contactForm dl#textlabel {
width: 100%;
}
#contactForm dl#textlabel dt {
display: block;
width: 100%;
}
#contactForm dl#textlabel dd {
width: 528px;
padding: 0;
margin: 0;
}

#contactForm dl.securimage {
width: 528px;
height: 20px;
margin-top: 10px;
}
#contactForm dl.securimage input {
width: 50px;
text-align: center;
float: left;
margin: 0 10px 0 10px;
}

#contactForm dl.securimage input.button {
width: 70px;
margin: 0; 
}



/* ================================= PRODUKT ==================================== */

#template-produkt div#card {
  text-align: left;
  line-height: 1.3em;
  color: #515151;
}

#template-produkt div#card div.cardContent{
padding: 0 10px 0 10px;
margin: 0 0 0px 0;
}

#template-produkt div#card div.cardContent .productImg{
float: right;
height: 250px;
width: 250px;
text-align: right;
}

#template-produkt div#card div.cardContent .productNfo{
float: left;
width: 305px;
padding: 0 0 0 0;
margin: 0;
}
#productText {padding:10px 0 0 0;}
#template-produkt div#card div.cardContent .productNfo div#productText span{float: none;}

#template-produkt div#card div.cardContent .productNfo .produktLabelInfo {
background: url('product_descBg.jpg') top left no-repeat; /* 25x243 */
height: 21px; 
text-align: right;
padding: 4px 10px 0 10px;  
font-weight: bold;
}
#template-produkt div#card div.cardContent .productNfo div span {
float: left;
font-weight: normal;
}

#template-produkt #produktShortInfo {
font-size:12pt;
line-height:14pt;
color:#5886b8;
padding:10px 0 0 0;
margin:0;
}

#template-produkt div#card textarea {
width: 572px;
height: 50px;
margin-left: 7px; 
}

#template-produkt div#card input#switcher {
float:right;
margin-right: 7px;
} 

div#card div.grayBox {
background-color: #F0F0F0;
width: 572px;
margin: 0 0 7px 7px;
font-weight: bold;

}
div#card div.grayBox hr {
display: none;
}

  div#card div.grayBox span.head {
  background: url('graybox_bg_head.jpg') top left no-repeat; /* 25x243 */
  display: block;
  height: 4px;
  }
  
  div#card div.grayBox span.warning {
  background: url('warning_bg.jpg') top left no-repeat; /* 25x243 */
  display: block;
  height: 82px; 
  width: 47px;
  margin: 5px 0 0 12px;
  float: left;
 
  }   

  div#card div.grayBox span.foot {
  background: url('graybox_bg_foot.jpg') bottom left no-repeat; /* 25x243 */
  display: block;
  height: 4px;
  float: none;
  clear: both;

  }
  
  div#card div.grayBox div {
  margin-left: 10px;  
  font-size: 9pt;
  margin-right: 8px;
 
  }
  
  div#card div.grayBox div.rightInput {
  float: right;
  height: 50px;
  padding-top: 30px;
    
  }
  
  div#card div.grayBox div.colorWine {
  font-weight: normal;
  width: 500px;  /* 460px */
  margin-left: 0;
  margin-top: 10px;
  text-align: justify;
  float: left;
  }
  div#card div.grayBox div.colorWine input{
  float: right;
  margin-top: -25px;
  }
  div#card div.grayBox h3 {
  color:#548DCF;
  font-size:12pt;
  font-weight:bold;
  margin-bottom:0;
  }
  
  div#card div.grayBox hr {
  border: 1px solid #e6e6e6;
  width: 572px;
  margin-left: -20px;
  padding: 0;
  }
  
#uploadForm {
clear: both;
padding:20px 0 0 120px;
height:37px;
}
#uploadForm a {
float: left;
text-decoration: none;
display: block;
cursor: pointer;
color:white;
border:none;
width:152px;
height:22px;
margin:0 5px;
line-height: 22px;
background:#4361a5 url('bg_button.jpg ') top left;
}
#uploadForm input:hover {
color:#CCC;
}

 
  
div#card .basketTitle {
margin-top: 10px;
background: url('title_basket_bg.jpg') top left no-repeat; 
height: 19px;
margin-left: 7px;
padding: 7px 0 0 10px;
text-transform: uppercase;
color: white;
font-size: 10pt;
font-weight: bold;
}
   
.slevomatcode {
display: block;
padding:31px 0 0 0 !important;
}   
.codeinfo {
font-size: 9px;
color:#999;
}
    
div#card div.slevomat {
/*background: url('product_basketBgSlevomat.jpg') top left no-repeat !important; 
height: 149px !important;*/
}
div#card div.slevomat input {
border:1px solid red;
}

div#card div#addBasket {
float:left;
width:572px;
background: url('product_basketBgContent.jpg') top left repeat-y; 
margin-left: 7px;

}
div#card div#addBasketTop {
width:572px;
float:left;
background: url('product_basketTop.jpg') top left no-repeat; 
}
div#card div#addBasketBottom {
width:552px;
float:left;
background: url('product_basketBgBottom.jpg') bottom left no-repeat; 
padding: 20px 10px 15px 20px;
}



  div#card div#addBasket .title{
  overflow: hidden;
  width: 370px;
  height: 15px;
  display: block;
  float: left;
  color: #324785;
  }
  div#card div#addBasket .price{
  text-align: right;
  margin: 0 20px 0 0;
  width: 150px;
  display: block;
  float: right;
  color: #324785;
  }
  div#card div#addBasket .count{
  margin: 25px 0 0 0;
  width: 370px;
  display: block;
  float: left;
  color: #324785;
  }
  div#card div.slevomat .count{
  margin: 14px 0 0 0 !important;

  }
    div#card div#addBasket .count .red {
    color: #cb0000;
    } 
      div#card div#addBasket .count .red .big {
      font-size: 12pt;
      margin-left: 5px;
      } 
    div#card div#addBasket .count input {
    border: 1px solid #b1b1b1;
    width: 40px;
    height: 20px;
    margin-right: 20px;
    color: #324785;
    font-weight: bold;
    text-align: center;
    }
    
  div#card div.slevomat .submit{
  margin: 14px 20px 0 0 !important;

  } 
                         
  div#card div#addBasket .submit{
  text-align: right;
  margin: 25px 20px 0 0;
  width: 150px;
  display: block;
  float: right;
  } 
    div#card div#addBasket .submit input{
    background: url('button_bg.jpg') top left no-repeat;   /* 152x22 */
    border: none;
    display: block;
    width: 152px;
    font-size: 8pt;
    height: 22px;
    font-weight: bold;
    color: white;
    padding: 0 0 0 0;
    cursor: pointer;
    }  
    

#doplnek-image {
float: right;
text-align: center;
width: 300px;
margin: 0;
padding-bottom:;
}

ul.collection li a:hover {
text-decoration: underline;
}
.collection h3 {
padding-bottom:10px;
}


div#card .upImages {
padding: 5px;
text-align: left;
display: block;
float:left;
}
.editImage {
display: block;
}

div#card .upImages img {
display: block;
margin: 0 20px 0 0;
float:left;
}

div#card input.upload {
float: right;
margin: 0 10px 8px 0;
}
#uploadedImageBox {
width:99%;
float:left;
}
   
/* ================================= INPUT TEXTAREA ==================================== */  

textarea {
color: #515151;
font-family: arial;
font-size: 10pt;
border: 1px solid #b1b1b1;
background: url('textarea_bg.jpg') bottom right no-repeat; /* 25x243 */
}

                                                                
/* ========================== CATEGORY LIST KATEGORIE  =============================== */  

#template-eshopkategorie .simpleBox {
float: left;
margin-left: 2px;
}
  #template-eshopkategorie .simpleBox ul li{
  margin-left: 15px;
  list-style-type: square;
  }
  #template-eshopkategorie .simpleBox a{
  color: #2b2b2b;
  }

#template-eshopkategorie .rowBox {
clear: both;
}

#template-eshopkategorie .listHeader {
display: block;
background: url('categorylist_catBg.jpg') top left no-repeat; /* 140x25 */
/* width: 135px;
*/
min-height: 24px; 
padding: 1px 0 0 5px;
/* overflow: hidden; */
}  
  #template-eshopkategorie .listHeader a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  }
  #template-eshopkategorie li.product a {
  color: #5494D4;
  text-decoration: none;
  font-weight: bold;
  }   
   
   
/* ========================== FAQ =============================== */     

body.faq div.cardContent a.ap_faq, body.faq-en div.cardContent a.ap_faq {
display: block;
width: 549px;
height: 23px;
background: url('bg_body_a.jpg') top left no-repeat; 
padding: 2px 0 0 20px;
color: white;
font-weight: bold;
} 
    
body.faq div.cardContent tr td, body.faq-en div.cardContent tr td {
height: 20px;
margin: 0;
padding: 0; 
}


a.bubble {
background: url('bubble.jpg') top left no-repeat;  /* 115x27 */
color: white;
font-weight: bold;
display: inline-block;
text-align: center;
width: 115px;
height: 27px;
margin-left: 20px;
}
 
/* ========================== KOŠ KOS BASKET =============================== */     
/* , #template-eshopbuy div.cardContent */
#template-eshopkos .cardContent {
float:none;
padding-bottom:10px;
clear: both;
}
#template-eshopkos .cardContent .foot {
clear: both;
}
#template-eshopkos #finalSum {
font-size: 10pt;
font-weight: bold;
}

#template-eshopkos div.cardContent { 
margin-right: 9px;
background: url('kos_bg.jpg') top right no-repeat;  
}

#template-eshopkos div.cardContent #kosbuttons { 
margin-top: 22px;
}

table#obsahKosiku { 
width: 570px;
border-collapse: collapse;
background-color: #ECF3F9;
}

table#obsahKosiku tr.detail td {
padding: 10px;
margin: 3px;
border: 1px solid #508DCE;
background-color: white;
}

table#obsahKosiku tr td {
padding: 4px;
}

td.name {
width: 270px;
}

table#obsahKosiku tr.tableTitle th:first-child, table#obsahKosiku tr td:first-child { 
padding-left: 10px;

}

table#obsahKosiku tr.tableTitle th:last-child, table#obsahKosiku tr td:last-child {
padding-right: 10px;  
}


table#obsahKosiku th {
background: url('kos_tableHead_bg.jpg') top center no-repeat; /* 569x25 */
overflow-y: hidden !important;  
height: 25px;
color: white;
}
table#obsahKosiku th.produktName {
text-align: left;
}


table#obsahKosiku tr.tableTitle th:first-child {
background: url('kos_tableHead_bg.jpg') top left no-repeat; /* 569x25 */
}
table#obsahKosiku tr.tableTitle th:last-child, table lastchild {
background: url('kos_tableHead_bg.jpg') top right no-repeat; /* 569x25 */
}
                                                

table#obsahKosiku span.detail { 
background: url('kos_detailIco.jpg') top right no-repeat; /* 22x22 */ 
display: block;
cursor: pointer;
width: 22px;
height: 22px;
}
table#obsahKosiku span.detailUp { 
background: url('kos_detailIco_up.jpg') top right no-repeat; /* 22x22 */ 
}

table#obsahKosiku .countInput { 
text-align: center;
}

table#obsahKosiku .eraseIco {
background: url('kos_eraseIco.jpg') top right no-repeat; /* 22x22 */ 
display: block;
width: 22px;
height: 22px;
}
.eraseIco span {
display: none;
}
/*#template-eshopbuy div.cardContent .pageBody, */  
#template-eshopkos div.cardContent .pageBody {
min-height: 85px;
}

#template-eshopkos input, #template-eshopbuy input { 

}

table#obsahKosiku tr td:first-child{ 
color: #515151;
font-weight: bold;
}

#uhrada {
color: #515151;
font-weight: bold;
}
#uhrada span {
font-style: italic;
font-size: 8pt;
color: #515151;
font-weight: normal;
}

table#obsahKosiku tr.detail td .uploadItem {
background-color: #D2EEF2;
text-align: center;
margin-right: 10px;
padding: 5px;
float: left;
}

table#obsahKosiku tr.detail td .uploadItem a {
border: 1px solid #5DA2E3; 
padding: 3px;
background-color: #EFF9FA;
display: block;
width: 105px;
text-align: center;
height: 105px;
}

table#obsahKosiku tr.detail td .uploadItem a table tr td {
vertical-align: middle;
border: none;
background-color: #EFF9FA;
margin: 0;
padding: 0;
}
table#obsahKosiku tr.detail td .uploadItem a table {
width: 100%;
height: 100%;
float: left;
margin: 0;
padding: 0;
}

table#obsahKosiku tr.detail td .note {
clear: both;
display: block;
width: 100%;
}


/* ========================== OBJEDNÁVKA NÁKUP =============================== */    

#objednat {
text-align: center;
padding: 10px;
}
  #objednat input.button {
  margin: 15px 0 15px 250px;
  }
  
#pripominky textarea {
width: 570px;
height: 50px;
margin-bottom: 20px;
}

#uhrada {
margin-bottom: 30px;
}

#zakaznik {
margin-bottom: 30px;
}

#zakaznik input {
width: 150px;
border: 1px solid #E6E6E6;
}

#buyForm {
color: #515151;
}

div#basketSum {
margin: 5px 0 0 0;
}

#template-eshopbuy div#basketSum {
background: url('kos_bg.jpg') top right no-repeat; 
}
 
/* ========================== WEB PARTNERI =============================== */
     
#template-webPartners .cell {
  float: left;
  width: 31%;
  padding: 5px; 
  border-bottom: 1px dotted gray;            
} 

fieldset#web-partners a {
color: rgb(135,135,135);
margin: 5px;
font-size: 10px;
}

fieldset#web-partners {
border: 0px solid white;
border-top:2px solid #EBF2F8;
margin: 20px 0 0 0;
padding: 10px;
text-align: center;
}

fieldset#web-partners legend{
margin-left: 20px;
padding: 0 10px 0 10px;
color: #878787; /* #082E60; */
font-weight: bold;
font-size: 12px;
} 


/* ========================== USER ORDER OBJEDNAVKY UZIVATELE =============================== */ 

#template-user-order #work table{
width: 100%;
border-collapse: collapse;
}

#template-user-order #work table tr td table tr td {
border-collapse: separate;
border: 1px solid gray; 
}

#template-user-order #work table tr td, #template-user-order #work table tr th {
padding-left: 10px;
}

#template-user-order #work table tr td {
background: transparent url(table_td_bg.jpg) repeat-x bottom left;
height: 30px;
}

#template-user-order #work table tr td.detail {
text-decoration: underline;
cursor: pointer;
}

#template-user-order #work table tr.detail td {
background: url();
background-color: rgb(224,240,255);
}

#template-user-order #work table tr.detail td table tr {
border: 1px solid gray;
width: 100%;
border-collapse: separate;
}

div.up {
float: left;
display: block;
border: 1px solid #87B1E1; 
text-align: center;
background-color: #A7CDF2;
padding: 5px;
margin: 5px;
}
pre {
position: absolute;
/*top:0;
left:0;*/
display: block;
z-index:10;
background:white;
width:200px;
}

.button, .longButton {
cursor: pointer;
}





/* ----------------------------------- VLASTNI FOTODARKY -------------------------------------- */                    

.vlastni-fotodarky #work ul li.product {

float: left;
list-style-type: none;
list-style-image: url();
background: url() ;
display: block;
height: 180px;
padding: 0;
width: 152px;
overflow: hidden;
margin: 10px 10px 0 0;
}

.vlastni-fotodarky .prod .prodfoot {
background-image: url('bg_item_foot_short.jpg');
width: 150px;
position: relative;
bottom: 0;
}

.vlastni-fotodarky div.prod {
width: 150px;
background: white url('bg_item_mid_short.jpg') repeat-y center top;
}

.vlastni-fotodarky ul {
clear: both;
}

.vlastni-fotodarky .prod h3 {
float: none;
width: auto;
background-image: url('bg_item_top_short.jpg');
}
#template-eshopkategorie .vlastni-fotodarky .prod h3 a {
color: white;
width: auto;
}

div.vlastniImage {
padding: 5px 0 0 0; 
text-align: center;
}

div.vlastniPrice {
padding: 0 10px 0 10px; 
color: #6C6C6C;
}

div.vlastniPrice a {
float: right;
}

div.vlastniPrice span {
margin-right: 5px;
}


/* -------------------------------------------------------------------------------------------- */

#facebookaddbox {
 margin:0;
}
#facebookaddbox div.infcontent {
min-height:0;
height:80px !important;
} 
#facebookcontent {
background:#4d86bd;
padding:2px 0 0 0;
float:left;
background: url("bg_info_mid_content_facebook.jpg") no-repeat scroll left top #37506D;
} 
#facebookcontent  iframe {  
margin:7px 0 0 50px;
}   
#facebookaddbox  h2 a {
color:white;
text-decoration: none;
} 
#facebookaddbox  h2 a:hover {
text-decoration: underline;
} 
#facebookcontent .foot {
background-image:url("bg_info_mid_facebook.jpg");
} 
#facebookcontent img {
margin:0 0 0 10px; 
}     

#nobuy {
padding:20px;
}            
#nobuy h4 {
color:red;
} 

#countInputText {
float:left;
}