/* DEFAULT Zakladni deklarace */
.date{
  color: #454545;
  font-size: 13px;
}
* {
margin: 0;
padding: 0;
/*list-style-type: none;*/
line-height: 1.5em;
}
#content ul{
  list-style: circle inside;  
  padding-left: 10px;
  margin-bottom: 10px;
  /*margin-left: 10px;*/
}
html {
overflow: -moz-scrollbars-vertical; /* Vertikalni scrollbar vzdy i v Gecku, neskace pak design s delsi/kratsi strankou */
font: 12px Tahoma,Arial,sans-serif;
overflow: scroll;
}

hr {
display: none;
width: 100%;
} 
.clear {
clear: both;
}
img {
border:none;
}
blockquote {
padding:10px 0 10px 20px;
}
p {
margin:0 0 10px 0;
}

h1{
  padding-top: 5px;
  margin-top:0;
  padding-bottom: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 20px;
  color: #7b7d80;  
}
h1 span {
  padding-bottom: 10px;
  background: url(h2underline.png) bottom repeat-x;
}
h2{
  height: 34px;
  background: url(articletitle.jpg) top left no-repeat;
  margin-top: 20px;padding-top: 3px; color: #f37a19; padding-left: 15px;
  font-size: 18px;
}

span.newsletternadpis{
  padding-top: 5px;
  margin-top:0;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 20px;
  color: #7b7d80;
  padding-bottom: 10px;
  background: url(h2underline.png) bottom repeat-x;
}

span.dopoructenadpis{
  padding-top: 5px;
  margin-top:5px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  color: #7b7d80;
  padding-bottom: 10px;
  background: url(h2underline.png) bottom repeat-x; 
  font-weight: bold;
}

h3 {
font-size: 13pt;
line-height: 20pt;
color: #f37a19;
padding:5px 0px 10px 0px;
margin-top: 20px;
}
h4 {
font-size: 12pt;
line-height: 25pt;
color:#7b7d80;
padding:5px 0px 3px 0px;
}

a {
color:#f37a19;
font-weight: bold;
}
/*a:hover*/

.toLeft {
float:left;
}
.toRight {
float:right !important;
}
.clear{
  clear: both;
}
.hide{display: none !important;}
.hidden{display: none !important;}
body{background: rgb(213,213,213) url(body-bg.jpg) repeat-x top left;}
body#podminky{background: none;}
table{
  width: 713px;
  border: none;
  /*border-collapse: collapse;*/
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  background: url(articletitle.jpg) top left no-repeat;
}

table.noBg {
  background: url();
}
table.noBg td {
  border: none;
}

thead{
  /*background: url(articletitle.jpg) top left no-repeat;*/
  height: 50px;
  vertical-align: top;
}
th.tabletitle{background: url(articletitle.jpg) top left no-repeat;height: 34px;}
th{border: none; padding-left: 10px; color: #f37a19;height: 34px;text-align: left;background: none; padding-top: 7px;/*background: */
/*url(theadbg.jpg) repeat-x;*/}
td{height: 29px; padding-left: 10px;border: none;border-bottom: #ececec solid 1px;}
thead td{border: none; padding-left: 10px; color: #f37a19; font-weight: bold;height: 34px;}
table a{color: #151515;}
table a:hover{color: #f37a19;text-decoration: none; font-weight: bold;}
#page{
  width: 995px;
  margin-left: auto;
  margin-right: auto;
}
#header{
  height: 76px;
}
#logo{
  padding-top: 18px;
  float: left;
}

h1.logo{
  padding-top: 18px;
  float: left;
}

table#cista, table#cista tbody, table#cista tr, table#cista td {
background:url();
}


#mainmenu{
  height: 47px;
  background: url(mainmenu-bg.jpg) no-repeat;
  padding-left: 14px;
}
#mainmenu ul{
  padding-top: 11px;
}
#mainmenu ul li{
  float: left;
  display: block;
  font-size: 14px;
  text-align: center;
  position: relative;
}
#mainmenu ul li a{
  display: block;
  height: 36px;
  float:left;
  text-align: center;
  background-repeat: no-repeat;
  font-size: 13px;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  margin-left: 1px;
  background: url(menu-b.jpg) top left repeat-x;
}
#mainmenu .active a, #mainmenu .active a span{
  background-position: 0 -36px;
  color: #808080;
}
#mainmenu span {float: left;}
#mainmenu span.poz{ display: none;}
#mainmenu span.mainmenu-left{display: block; width: 8px; overflow: hidden; background: url(menu-a.jpg) top left no-repeat; height: 36px;}
#mainmenu span.mainmenu-mid{display: block;   font-family: Arial; padding-top: 8px;}
#mainmenu span.twolines
{
  padding-top:4px;
  line-height: 0.5em;
  font-size: 0.9em;
}
#mainmenu span.mainmenu-right{display: block; width: 8px; overflow: hidden; background: url(menu-c.jpg) top left no-repeat; height: 36px;}

#mainmenu a:hover, #mainmenu a:hover span{
  background-position: 0 -36px;
  color: #808080;
}

#mainmenu li ul{display: none;}
#mainmenu li.hover ul, #mainmenu li:hover ul{display: block;position:absolute; z-index:500;
left:0;top:36px; width:200px;list-style-type: none;}
#mainmenu li.hover ul a,#mainmenu li:hover ul a{width:150px;height: 21px;}
#mainmenu li.hover ul a span.mainmenu-mid,#mainmenu li:hover ul a span.mainmenu-mid{padding:0 0 0 3px;}
#mainmenu ul ul {padding-top: 0;}
#mainmenu li li{float: none;}
#mainmenu ul ul span.mainmenu-left{display: none;}
#mainmenu ul ul span.mainmenu-right{display: none;}
#mainmenu ul ul span.mainmenu-mid{padding-left: 8px;padding-right: 8px;}
#mainmenu .active ul a, #mainmenu .active ul a span{
	background-position: 0 0;
	color: #FFF;
}
#mainmenu .active ul a:hover, #mainmenu .active ul a:hover span{
	background-position: 0 -36px;
	color: #808080;
}
/*

#mainmenu{
  height: 47px;
  background: url(mainmenu-bg.jpg) no-repeat;
  padding-left: 14px;
}

#mainmenu{
  height: 47px;
  background: url(mainmenu-bg.jpg) no-repeat;
  padding-left: 14px;
}
#mainmenu ul{
  padding-top: 11px;
}
#mainmenu ul li{
  float: left;
  display: block;
  font-size: 14px;
  text-align: center;
}
#mainmenu ul li a{
  display: block;
  float: left;
  height: 36px;
  text-align: center;
  background-repeat: no-repeat;
  font-size: 13px;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  margin-left: 1px;
  background: url(menu-b.jpg) top left repeat-x;
}
#mainmenu .active a, #mainmenu .active a span{
  background-position: 0 -36px;
  color: #808080;
}
#mainmenu span {float: left;}
#mainmenu span.poz{ display: none;}
#mainmenu span.mainmenu-left{display: block; width: 8px; overflow: hidden; background: url(menu-a.jpg) top left no-repeat; height: 36px;}
#mainmenu span.mainmenu-mid{display: block;   font-family: Arial; padding-top: 8px;}
#mainmenu span.mainmenu-right{display: block; width: 8px; overflow: hidden; background: url(menu-c.jpg) top left no-repeat; height: 36px;}

#mainmenu a:hover, #mainmenu a:hover span{
  background-position: 0 -36px;
  color: #808080;
}
*/




/*#mainmenu ul{
  padding-top: 11px;
}
#mainmenu ul li{
  float: left;
  display: block;
  font-size: 14px;
  text-align: center;
}
#mainmenu ul li a{
  display: block;
  height: 36px;
  text-align: center;
  background-repeat: no-repeat;
}
#mainmenu .active a{
  background-position: 0 -36px;
}
#mainmenu span{ display: none;}
#menuitem-106365 a{width: 84px;
  background: url(menu-1.jpg);}
#menuitem-106364 a{width: 156px;
  background: url(menu-2.jpg);}
#menuitem-106366 a{width: 154px;
  background: url(menu-3.jpg);}
#menuitem-106360 a{width: 154px;
  background: url(menu-4.jpg);}
#menuitem-106359 a{width: 83px;
  background: url(menu-5.jpg);}
#menuitem-106367 a{width: 84px;
  background: url(menu-6.jpg);}
#menuitem-106358 a{width: 83px;
  background: url(menu-7.jpg);}
#menuitem-106369 a{width: 83px;
  background: url(menu-8.jpg);}
#menuitem-106370 a{width: 82px;
  background: url(menu-9.jpg);}
#mainmenu a:hover{
  background-position: 0 -36px;
}
*/
#blueboxes{
  width: 991px;
  height:136px;
  margin-top: 9px;
  margin-bottom: 20px;
}
#blueboxes a{
  display: block;
  width: 79px;
  height: 26px;
}
#blueboxes span{
  display: none;
}
.bbb{/*BlueBoxButton*/
  margin-left: 17px;
  margin-top: 92px;
}
#bluebox1{
  float: left;
  width:496px;
  height: 136px;
  background: url(bluebox1.jpg);
}
#bluebox2{
  float: left;
  width:495px;
  height: 136px;
  background: url(bluebox2.jpg);
}

#leftColumn{
  width: 249px;
  float: left;
  padding: 0;margin:0;
  text-align: left;
  /*height: 476px;*/
  /*background: url(leftColumn.jpg);*/
}
#leftColumn .pos{display: none;}
#leftbtns .hide{display: none;}
#leftbtns .active{background-position: 0 -39px;}
#leftbtns a:hover{background-position: 0 -39px;}
#lbtn1{
  display: block;
  width: 125px;
  height: 39px;
  float: left;
  background: url(solsystems2.jpg);
}
#lbtn2{
  display: block;
  width: 121px;
  height: 39px;
  float: right;
  background: url(solelektros2.jpg);
}

a#lbtn1:hover, a#lbtn1.active, a#lbtn2:hover, a#lbtn2.active { color: #F37A19 }

a#lbtn1, a#lbtn2 
{ 
  color:white; 
  text-decoration: none; 
}

#leftColumn a#lbtn1 span, #leftColumn a#lbtn2 span 
{
  margin:0px;
  padding: 0px;
  padding-left: 15px;
  padding-top: 2px;
  font-size: 8pt;
  font-weight: normal;
  line-height: 1em;
}

#leftColumn a#lbtn1 span b, #leftColumn a#lbtn2 span b
{
  font-size: 11pt;
  margin-left: -1px;
}

#leftColumn ul{
  margin-top: 0px;
  background: url(leftmenubgmid.jpg) top left repeat-y;
  /*list-style: url(leftlist.png) outside;*/
}
#leftColumn ul li{
  display: block;
  /*width: 100%;*/
  /*height: 31px;*/
  background: url(leftmenubgbot.png) bottom left no-repeat;
  vertical-align: top;
}
#leftColumn ul li a{
  display: block;
  font-size: 13px;
  color: #6f6f6f;
  text-decoration: none;
  width: 100%;
  background: url(leftmenubgtop.jpg) top left no-repeat;
  font-weight: bold;
  padding-bottom: 4px;
}
/*#leftColumn ul li a:hover{
  color: #f37a19;
  font-weight: bold;
}
#leftColumn ul ul li a:hover{
  color: #f37a19;
  font-weight: bold;
}*/
#leftColumn a span{
  display: block;
  margin-left: 33px;
  padding-top: 6px;
  
}

#leftColumn ul ul li{
  padding-left: 10px;
  background: none;
}
#leftColumn ul ul .not-active{display: none;}
#leftColumn ul .active .not-active{display: block;}
#leftColumn ul .active .not-active .not-active{display: none;}
#leftColumn .active a{
  color: #f37a19;
  background: url(leftmenubgtop.jpg) top left no-repeat;
}
#leftColumn ul ul .not-active a{
  font-size: 12px;
  color: #6f6f6f;
  background:none;
}

#leftColumn ul .not-active a{
  font-size: 12px;
  color: #6f6f6f;
  background: url(leftmenubgtop.jpg) top left no-repeat;
}
#leftColumn ul ul .active a{
  font-size: 12px;
  color: #f37a19;
  background: none;
}
#leftColumn ul ul li{
  background: url(leftlist.png) no-repeat;;
  background-position: 26px 12px;
  
}
#leftColumn ul ul{
  background: url(leftmenubgbot.png) bottom left no-repeat;
}
.columnBox{
  margin-bottom: 15px;
  text-align: left;
}
#entereshop, #enterportal {margin-bottom: 15px;}
#entereshop a, #enterportal a{
  display: block;
  width: 249px;
  height: 54px;
  background: url(entereshop2.png) top left no-repeat;
  text-decoration: none;
}
#enterportal a 
{
  background-image: url('enterPortal.png'); 
} 

#entereshop a span, #enterportal a span
{
  padding-left: 30px;
  padding-top: 2px;
  font-size: 12pt;
  line-height: 1em;
}

#entereshop a b,#enterportal a b
{
  color: black;
  font-size: 15pt;
}
#entereshop a:hover b, #enterportal a:hover b
{
  text-decoration: underline;
}

#newsletter{
  background: url(newsletter.jpg) top left no-repeat;
  width: 249px;
  height: 103px;
  text-align: left;
}
#newsletter-content{margin-left: 15px;color: #f37a19; font-weight: bold; text-align: left;}
#newsletter form{margin-top: 0px;}
#newsletter .input{background: url(newsletinput.jpg) top left no-repeat; float: left; border: none; width: 174px; height: 23px; padding-top: 0px; margin: 0 auto;}
#newsletter .btn{background:   url(newsletbtn.jpg) top left no-repeat; float: left; border: none; width: 38px; height: 23px;margin-top: 0px; margin-left: 5px;}

#doporucitl{
  background: url(doporucit.jpg) top left no-repeat;
  width: 249px;
  height: 90px;
  text-align: left;
  margin-top: 8px;
}
#doporucitl-content{margin-left: 15px;color: #f37a19; text-align: left;}
#doporucitl form{margin-top: 0px;}
#doporucitl .input{background: url(newsletinput.jpg) top left no-repeat; float: left; border: none; width: 174px; height: 23px; margin-top: 0px; padding-top: 0px;}
#doporucitl .btn{background:   url(newsletbtn.jpg) top left no-repeat; float: left; border: none; width: 38px; height: 23px;margin-top: 0px; padding-top: 0px; margin-left: 5px;}

#doporucit-produkt{
  background:url(detaildoporucit.jpg) no-repeat;
  width: 186px;  
  height: 75px;
  text-align: left;
  margin: 0;
  padding: 5px 0 0 0;
}
#doporucit-produkt-content{float: left; margin-left: 10px;color: #f37a19; font-weight: bold; text-align: left;}
#doporucit-produkt form{float: left; margin-top: 0px;}
#doporucit-produkt .input{float: left; border: 1px solid #c2c2c2; width: 125px; height: 21px; margin: 0 auto; padding: 0 auto;}
#doporucit-produkt .btn{background: url(newsletbtn.jpg) top left no-repeat; float: left; border: none; width: 38px; height: 23px; margin-top: 0px; padding-left: 0px; margin-left: 2px;}












#rightColumn{
  width: 162px;
  float: right;
  /*height: 602px;*/
  background: url(rightColumn.jpg);
  padding: 0;margin:0;
}

#content{
  float: left;
  width: 743px;

}
#contentborder{
  background: url(pagebg.jpg) repeat-y;
  background-position: 6px 0;
}
#work{
  /*width: 730px;*/
}
#workspace{
  margin-left: 6px;
  /*margin-right: 10px;*/
  padding-left: 12px;
  padding-right: 12px;
  /*background-color: #FFFFFF;*/
  background: url(pagebgtop.jpg) left top no-repeat;
  width: 714px;
  _height:600px;
  min-height: 600px;
}
#novinky {
float:left;
color:#444;
margin-bottom: 10px;
}

#novinky h1{
  background: url(h2underline.png) left bottom repeat-x;
  background-position: 0px bottom;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  margin-top:0;
  text-transform: uppercase;
  font-size: 20px;
  color: #7b7d80;
  width: 95px;
}
#novinky span.date{
  color: #454545;
  font-size: 11px;
  font-weight: bold;
}
#novinky h3{
  color: #ffaf47;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
#novinky h3 a{
  text-decoration: none;
}
#novinky p{
  margin-top:0;
  height: 90px;
  overflow: hidden;
}
#novinky img{
  border:2px solid #FFF;
  padding:1px;
  margin:0 0 0 3px;
  float: right;
}
#leftnew{
  width: 356px;
  height: 174px;
  float: left;
  background: url(leftnew.jpg) top left no-repeat;
}
#leftnewcont{
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 20px;
}
#rightnew{
  width: 356px;
  height: 174px;
  background: url(rightnew.jpg) top right no-repeat;
  float: left;
}
#rightnewcont{
  padding-left: 28px;
  padding-right: 20px;
  padding-top: 10px;
}
.more-news{
  display: block;
  width: 54px;
  height: 21px;
  background: url(newsmorebtn.jpg);
}
.btnhelper{
  height:  133px;
}
#oldernewsbtn{
  float: right;
  margin-right: 20px;
}
#oldernewsbtn a{
  display: block;
  width: 74px;
  height: 25px;
  background: url(oldernewsbtn.jpg) top left no-repeat;
}
#clanky h1{
  background: url(h2underline.png) repeat-x;
  background-position: 0px bottom;
  padding-top: 5px;
  margin-top:0;
  padding-bottom: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 20px;
  color: #7b7d80;
  width: 80px;
}
.article-title{
  /*width: 540px;*/
  height: 34px;
  background: url(articletitle.jpg) top left no-repeat;
  padding-top: 2px;
  margin-bottom: 10px;
}
.article-title .date{
  color: #454545;
  font-size: 12px;
}
.article-title h3{margin-top: 0;padding-top: 2px; color: #f37a19; padding-left: 15px;}
.articlehp img{float: left; width: 160px; height: 116px; margin-right: 10px;margin-bottom: 10px; border:2px solid #DDD;padding:1px;}
.articlehp{padding-top: 10px;}
.moreart-btn{padding-top: 10px;}
.more-articles{display: block; float: right;width:54px; height: 21px;
  background: url(morearticle.jpg) top left no-repeat;}
#pageend{background: url(homepageend.jpg) top left no-repeat;
  margin-left: 6px;}
#normalpageend{height: 20px;}
#pageend .btn{
  padding-top: 19px;
  margin-left: 635px;
}
#pageend a{
  display: block;
  width: 74px;
  height: 25px;
  background: url(olderarticles.jpg) top left no-repeat;
}
  
  
#footer{
  margin-top: 20px;
  background: url(footer-bg.jpg);
  width: 100%;
  /*height: 70px;*/
  text-align: center;
  font-size: 10px;
}
#footer-in ul{
  list-style: none;
  padding-top: 5px;
}
#footer-in{
  width: 991px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
}
#footer ul li{
  float: left;
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
  background: url(footer-del.jpg) no-repeat right center;
}
#footer .nobg{background: none;}
#footer a{
  color: #5c5c5c;
}
#geneslink{
  padding-left: 5px;
  padding-top: 0px;
  color: #f37a19;
  float: right;
  text-align: right;
  padding-bottom: 10px;
  font-size: 11px;
}
#nelumbolink{
  float: left;
  color: #f37a19;
}
#nelumbolink a{
  color: #f37a19;
  font-weight: bold;
  text-decoration: none;
}
#geneslink a{
  color: #f37a19;
  font-weight: bold;
  text-decoration: none;
}

#headSearch{float: left; padding-left: 50px;padding-top: 20px;}
#headSearch h2{float: left;
  padding-top: 5px;
  margin-top:0;
  padding-bottom: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 20px;
  color: #7b7d80;  
  background: none;
}
#headSearch h2 span{
  padding-bottom: 10px;
  background: url(h2underline.png) bottom repeat-x;
}
#headSearch form{float: left;}
#headSearch input{float: left; margin-left: 10px;margin-top: 10px;background: url(newsletinput.jpg) top left no-repeat; 

border: none; width: 174px; height: 23px;}
#headSearch .btn{background:   url(newsletbtn2.jpg) top left no-repeat; border: none; width: 38px; height: 

23px;margin-top: 10px;}
#headSearch button{float: left;background:   url(newsletbtn.jpg) top left no-repeat; border: none; width: 38px; height: 

23px; margin-top: 10px;margin-left: 3px;}
.ui-tabs-hide{display: none;}
.ui-tabs-selected{text-align: center;}
.ui-tabs-selected{background: #FFF!important;}
.ui-tabs-nav a{display: block;color:#FFF; font-weight: normal;border-top: 2px solid #ffaa39;border-right: 2px solid #ffaa39;border-left:2px solid #ffaa39;}
.ui-tabs-selected a{color: #f37a19;font-weight: bold;border-top: 1px solid #aaaaaa;border-right: 1px solid 

#aaaaaa;border-bottom: none;border-left: 1px solid #aaaaaa;}
.ui-tabs-nav{text-align: center; color: #11F; border-bottom: solid 1px #ccc; height: 37px;}
.ui-tabs-nav li{margin-bottom: 20px;margin-left: 15px;}

#kalkulace ul li{
  display: block;
  float: left;
  width: 130px;
  background: #f37a19;
  /*border-left: solid 1px #FFF;*/
}
#kalkulace ul{list-style: none;}
.smallTbl{
  width: 200px;
  background: url(articletitle200.jpg) top left no-repeat;
}
.leftCol{
  float: left;
  width: 462px;
}
.rightCol{
  float: right;
}
#kalkulace button{
  color: #FFF;
  font-weight: bold;
  border: 2px solid #ffaa39;
  background-color:#f37a19;
  padding: 2px; 
}
.grey{
  background: url(articletitle.jpg) top left no-repeat;
  color: #f37a19;
  height: 35px;
  font-weight: bold;
}

dl.komentar{
  float: left;
  width: 100%;
  margin-top: 5px;
}

dt.komentar{
  float: left;
  width: 60px;
}

div.komentare{
  width: 100%
}

li.comment{
  width: 610px;
  display: block;
  border: 1px solid #b9b9b9;
  margin-top: 5px;
  list-style-type: none;
}

div.commentHeader{
  width: 600px;
  padding-left: 10px;
  background-color: #f9f9f9;
  color: #9e9e9e;
  height: 30px;
}

div.commentHeader span.headline{
  color: #f37a19;
  font-weight: bold;
}

div.commentContent{
  width: 605px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #434343;
}

dd.komentar{
  float: left;
}

dl.komentar textarea{
  float: left;
  width: 560px;
  border: 1px solid #ccc;
  height: 60px;
  margin-top: 0px;
}

dl{
  /*width: 500px;*/
  float: left;
}
dt{
  width: 100px;
  float: left;
}
dd{
  float: left;
  width: 200px;
}
dl input{background: url(newsletinput.jpg) top left no-repeat; border: none; width: 174px; height: 23px;padding-top: 3px;padding-left: 3px;}
dl input.submitkomentar{background: url(komentar_submit.jpg) top left no-repeat; margin-top: 5px; border: none; width: 149px; height: 23px;padding-top: 0px;padding-left: 0px; color: #ffffff; font-weight: bold;}
dl select{background: url(newsletinput.jpg) top left no-repeat; border: 1px solid #ccc; width: 174px; height: 23px;
padding-top: 3px;}
dl textarea{
  float: left;
  width: 174px;
  border: 1px solid #ccc;
  height: 100px;
  margin-top: 3px;
}
.kontbtn{
  color: #FFF;
  font-weight: bold;
  border: 2px solid #ffaa39;
  background:#f37a19 ;
  padding: 2px;
  margin-top: 10px;
  margin-left: 100px; 
  width:174px;
  float: left;
}
dl label.im{
  font-weight: bold;
}
/*STYLE ESHOPU*/
.produktItem {
  width: 170px;
  float: left;
  margin-left: 3px;
  text-align: center;
  border: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 3px;
  height: 256px;
  overflow: hidden;
}
.produktItem h3{
  margin: 0 0 5px 0;padding:0;
  font-size: 11pt;
  line-height: 11pt !important;
  height: 42px;
  overflow: hidden;
  text-decoration:underline;
}
.produktItem h3 a {text-decoration: none !important;}
.produktItem:hover {
  background: #ddd;
}

.produktPopis{
  text-align: left;
  height: 67px;
  overflow: hidden;
  color:gray;
  font-size:8pt;
  margin:0 5px;
}
.produktCena{
  background:#EEE;
  font-weight: bold;
}
.produktDokose input.addbtn{
  color:#fff;
  font-weight:bold;
  border:0;
  padding: 2px;
  margin-top: 5px;
  background: url(kosik.png) top left no-repeat;
  height: 23px;
  width: 48px;
}
.produktDokose input.count{
  width: 25px;
}

.produktItem fieldset{
  border: none;
}
.produktListBoxContent{
  padding: 3px;
}
.produktThumb{
  padding: 0;
  margin: 0;
}
.produktThumb a{
  display: block;
  margin: 0;
  padding-bottom: 0;
}
.produktThumb img{
  border: 1px solid #bbb;
  padding: 2px;
  margin: 0;
}
ul.lister{
  list-style: none;
height:20px;
}
ul.lister li{
  float: left;
  display: block;
  padding-right: 5px;
}
.cats{
padding: 0;
margin: 0;
}
#leftColumn .cats ul ul{
  background: none !important;
}
#leftColumn .not-active a span{
  color: #7b7d80;
}
h2.eshoptitle{
  background: url(eshoptitle.jpg) bottom repeat-x;
  margin: 0;
}
h2.eshoptitle a{
  padding-top: 3px;
  display: block;
  text-decoration: none;
  background: url(kosik.gif) no-repeat;
  background-position: 195px 3px;
  height: 35px;
}  
form{border: none;}
fieldset{border: none;}

#kosbuttons input{
  color: #FFF;
  font-weight: bold;
  border: 0;
  background:#f37a19 ;
  margin-top: 10px;
  float: left;
  margin-right: 10px;
  background:url(kosbutton.jpg) no-repeat;
  width:172px;
  height:21px;
}
#bt_buy{float: right;}
#bt_buy input{
color: #FFF;
  font-weight: bold;
  border: 0;
  margin-top: 10px;
  background:url(kosbutton.jpg) no-repeat;
  width:172px;
  height:21px;
}
#galeries table{
background: none;
}
#galeries {
width:185px;
}
#galeries ul li  {

list-style: none;
width:auto;
float:left;
margin:0;padding:0;
}
#galeries ul {margin:0;padding:0;}
#galeries ul li img {padding:1px;border:2px solid #DDD;}

.produktDokose{float: right;width:60px;}


#template-produkt .produktCena{
background:url(detailcena.jpg) no-repeat;
width:186px;
height:146px;
margin:0;
padding:10px 0 0 10px;
}

#detailProduktLeftColumn {
float:left;
}

.produktCena span{color: #f37a19;}
#template-produkt .produktCena span{color:black;font-size:12pt;}
#detailProduktImg {margin:0 0 10px 0;}
#detailProduktImg img {border:2px solid #DDD;padding:1px;}
.rmicon{
  display: block;
  width: 30px;
  height: 30px;
  background: url(icon-delete.jpg) top left no-repeat;
}
#orderbtn{
  color:#fff;
  font-weight: bold;
  margin-top: 10px;
  padding-left: 0;
  margin-left: 0;
  border: 0;
  background:url(kosbutton.jpg) no-repeat;
  width:172px;
  height:21px;
  float:right;
}
#objednat{
  text-align: center;
}
#skyscraper{
  height: 600px;
  width: 160px;
  background: url(skyscraper.png);
  margin-left: 43px;
  margin-top: 10px;
}
#contactForm{
  float: right;
  width: 350px;
}
#contactWork{
  width: 320px;
  float: left;
}

.onPageGaleri {
/*float:left;
width:220px;
height:265px;*/
background:#EEE;
margin:3px;
padding:5px;
clear:both;
}
.onPageGaleriTitle h3 {
font-size:110% !important;
padding:0 3px 0 3px;
margin:0 0 2px 0;
background:white;
}
.onPageGaleriText {
font-size:8pt;
}

.galeriListImage {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.onPageGaleriImages {margin:0;padding:5px 0 0 0;}
.onPageGaleriImages ul{
margin:0;padding:0 !important;
 
}
.onPageGaleriImages li{
  margin:6px;padding:0;
  display: block;
  float: left;
  width: 127px;
  font-size: 11px;
  height:155px;
  background:#CCC;
}
.onPageGaleriImages img {
 padding:1px;
 border:1px solid #EEE;
 margin:8px 4px 0 11px;
}
.onPageGaleriImageContent{
 padding: 0 10px;
}
.imagetitle, imagepopis {display: none;}

#messageBox{background: #e9e9e9; padding: 10px; margin-bottom: 15px;}
.msg-ok{color:green;font-weight: bold;border-bottom:solid 1px #fff;}
.msg-err{color:red;font-weight: bold;border-bottom:solid 1px #fff;}

.msg-ok div{background: url(ok.jpg);width:28px;height:25px;float:left;}


#blueflash {
/*position:absolute;*/
}

/*************STYLE OBCHODNICI ************************/
.dealerBox{
	float: left;
/* 	height: 100px; width: 320px;*/
  width: 320px;
  background-color: #fff1dc;
	margin:10px 10px 5px 0;
	padding: 5px;
}
.dealerBox .kontimage{
  margin-top: 10px;
  height:100px;
	width: 110px;
	float: left;
}
.dealerBox h4{
	margin: 0;
	padding: 0;

}
.dealerBox .dealerContent{
	display:block;
	float: left;
	height: auto;
	width: 200px;
}
.dealerBox .dealerContent span.deal-title{
	font-weight:bold;
}
#detailProduktInfo{
float:left;
width:500px;
}

.dealerSection {
width: 696px;
display:none;
}

.sectionTitle {
background: url(kontakt_bg.jpg) top left no-repeat;
clear: both;
cursor: pointer;
display: block;
padding: 8px 0 0 10px;
color: white;
height: 30px;

}


.produktCena span#produktCenaBezdph{
color: #f37a19;
font-size:16pt;
}

#template-produkt .produktDokose input.addbtn{
  color:#fff;
  font-weight:bold;
  border:0; margin:0;padding:0;
  background: url(kosik.png) top left no-repeat;
  height: 23px;
  width: 48px;
  float:right;
}
#template-produkt .produktDokose input.count{
  width: 25px;
  margin:0;
  float:left;
}

#template-produkt .produktDokose{float: left;width:160px;margin:5px 0 0 0;}
.produktDokose span {
margin:0 0 0 5px;
float:left;
}
#produktCenaSdph {padding:4px 0 0 0;}
#produktCenaSdph span, #produktIndex span {
font-size:10pt !important;
}
#produktIndex, #produktIndex span {color:#444 !important;}
#detailProduktContent {border-top:1px solid white;}

hr.kalkulace{display: inline-block; border: none; height: 5px; color: #FFF;clear:both;}

#flashAnimation {  
position: absolute;
top:300px;
left:50%;
margin-left:-170px;
}

#formular-poptavka{
  float: left;
  width: 100%;
  padding-top: 20px;
}

#formular-poptavka h4{
  float: left;
  width: 100%;
  color: orange;
  font-size: 11pt;
  font-weight: normal;
  padding-top: 10px;
  border-bottom: 1px solid orange;
  padding-bottom: 2px;
  line-height: 11pt;
}

#formular-poptavka .content{
  float: left;
  width: 100%;
  padding-top: 0px;
  color: #4d4d4d;
}

#formular-poptavka span.polozka{
  float: left;
  width: 100%;
  padding-top: 10px;
}

#formular-poptavka span.left{
  float: left;
  width: 200px;
}

#formular-poptavka input{
  float: left;
  width: 100px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #9d9d9d;
  line-height: 20px;
  padding-left: 3px;
}

#formular-poptavka input.submit{
  float: left;
  width: 172px;
  height: 21px;
  background: url('kosbutton.jpg') no-repeat;
  background-color: auto;
  border: none;
  color: #ffffff;
  line-height: 21px;
  padding-left: auto;
  font-weight: bold;
}

#formular-poptavka span.right{
  float: left;
  padding-left: 5px;
  line-height: 20px;
}

#formular-poptavka dl input{
  background-color:#FFFFFF;
  background: url();
  border:1px solid #9D9D9D;
  padding-top: 0;
  float: none;
  height:20px;
  line-height:20px;
  padding-left:3px;
  width:100px;
}
#formular-poptavka dl.radio input{
  background-color:#FFFFFF;
  background: url();
  float:left;
  height:20px;
  line-height:20px;
  padding-left:3px;
  margin: 0 10px 0 10px;
  width:auto;
}

#formular-poptavka h5 {
  width: 100%;
  float: left;
}

#formular-poptavka dl {
  width: 100%;
  margin-top: 5px;
}

  #formular-poptavka dl dt{
    width: 200px;
  }
  #formular-poptavka dd {
    width: auto;
  }
  #formular-poptavka label {
    margin-top: -2px;
    cursor: pointer;
    display: block;
    float: left;
  }
  
#podporaVytapeni {
display: block;
float: left;
}
#vytapeniBazenu {
display: block;
float: left;
}

#dumImg {
float: right;
margin: 20px 10px 20px 0; 
}
#dumForm dl {
width: 50%;
}

.fRight {
width: 50%;
float: right;
}

.fLeft {
float: left;
width: 350px;
}

#formular-poptavka .fLeft dl {
width: 100%;
}


#langSelection
{
  width: 150px;
  overflow: hidden;
  float: right;
  text-align: right;    
}

#langSelection ul 
{
  display: inline;
  list-style: none;
} 
#langSelection li 
{ 
  display: inline; 
}

#langSelection li a
{
  text-decoration: none;
}
#langSelection li a:hover
{
  text-decoration: underline;
}

#langSelection li .pos
{
  display: none;
}