h1,h2,h3,h4,h5,ul,ol,li,a,p,div,form,fieldset,body,html,img,table,td,th,tr,thead, tr.thead, tbody,dt,dl,dd{padding: 0px;margin: 0px; border:0 none;}

.reset{clear: both; margin: 0px; padding: 0px; line-height: 0px; overflow: hidden; height: 0px; width: 99%; font-size: 0px;display: block;}
a{text-decoration: underline; color: #287CCA;}
a:hover{text-decoration: none;}
.fr{float: right;}
.tr{text-align: right !important;}
.tc{text-align: center !important;}
.tl{text-align: left !important;}
.left{float: left;}
.right{float: right;}

/*zakladni stavebni prvky*/
body{text-align: center;font-family: Arial, Helvetica, sans-serif ;font-size: 12px; color: #2e2e36;background:#EEF4FA;}
body#eshopBody{background: White;}
select,input,textarea{font-family: Arial, Helvetica, sans-serif;}
select{font-size: 12px;}

#head{min-height: 92px; _height: 92px; position: relative; width: 100%;}



#page{text-align: center; }
#page-in{text-align: left;width: 942px; margin: auto;}

#head{width: 100%;background:#D20C19 url(img/head-sub.png) repeat-x top;}
#head-in{width: 940px; margin: auto; position: relative; text-align: left; z-index: 10;min-height: 181px;_height: 181px;}
#head-in .logo{position: absolute; left: 0px; top: 22px; color: White; text-decoration:none; font-size:14px;}
#topmenu{ position: absolute; top: 22px; right:0;}
#topmenu p{font-size: 18px; color: #000000; font-weight: bold; text-align: right; margin-bottom: 8px;}
#topmenu #lang{	float: right; width: 48px; padding-left: 19px;}
#topmenu #lang a{display: block; width: 22px; height: 18px; float: right;}
#topmenu #lang a.first{float: left;}
#topmenu ul{ float: right; list-style: none;}
#topmenu ul li{float: left; padding-right: 17px; background: url(img/bullet-topmenu.png) no-repeat right 5px; margin-right: 12px;}
#topmenu ul li.last{padding-right: 0px; margin-right: 0px; background: none;}
#topmenu ul li a{font-size: 12px; color: White; text-decoration: none; line-height: 18px;}
#topmenu ul li a:hover{text-decoration: underline;}

#detail-carousel{width: 940px; position: absolute; left: 0px; top: 122px; }
.jcarousel-container-horizontal {padding: 0 60px;width: 820px;}
.jcarousel-clip-horizontal {height: 320px; width: 820px;}
.jcarousel-item {height: 320px;width: 820px;}
.jcarousel-prev-horizontal {background: url("img/carousel-prev.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer; height: 24px; left: 0; position: absolute; top: 115px; width: 24px;}
.jcarousel-next-horizontal {background: url("img/carousel-next.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer; height: 24px; position: absolute; right: 0; top: 115px; width: 24px;}

#menu{position: absolute; left: 0px; width: 940px; height: 71px;bottom: 0px;_bottom: -1px;}
#menu ul{list-style: none;width: 940px;height: 71px;}
#menu ul li{float: left;height: 71px;}
#menu ul li a{ padding: 18px 0 0 19px; display: block; color: #fefefe; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 120%;
height: 53px;}
#menu ul li a:hover{text-decoration: underline;}
#menu ul li a span{font-size: 12px; font-weight: normal;}
#m1{width: 60px;}
#m2{width: 176px; background:#30A3FF url(img/m2.png) no-repeat right top;}
#m3{width: 176px; background: url(img/m3.png) no-repeat right top;}
#m4{width: 177px; background: url(img/m4.png) no-repeat right top;}
#m5{width: 177px; background: url(img/m5.png) no-repeat right top;}
#m6{width: 174px;}
#menu ul li#m1 a{padding-left: 0px; text-align: center;background: url(img/m1.gif) no-repeat right top;}
#menu ul li#m1 a.active{background: url(img/m1-active.gif) no-repeat right top;}
#menu ul li#m6 a{padding-left: 0px; text-align: center;background: url(img/m6.gif) no-repeat right top;}
#menu ul li#m6 a.active{background: url(img/m6-active.gif) no-repeat right top;}

#menu ul li a.active{ background: #EEF4FA; color: #3E3E3E;}


.TopMenu{position: absolute; left: 0px; width: 940px; height: 71px;bottom: 0px;_bottom: -1px;}
.TopMenu ul{list-style: none;width: 940px;height: 71px;}
.TopMenu ul li{float: left;height: 71px;}
.TopMenu ul li a{ padding: 18px 0 0 19px; display: block; color: #fefefe; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 120%;
height: 53px;}
.TopMenu ul li a:hover{text-decoration: underline;}
.TopMenu ul li a span{font-size: 12px; font-weight: normal;}
.TopMenu ul li#m1 a{padding-left: 0px; text-align: center;background: url(img/m1.gif) no-repeat right top;}
.TopMenu ul li#m1 a.active{background: url(img/m1-active.gif) no-repeat right top;}
.TopMenu ul li#m6 a{padding-left: 0px; text-align: center;background: url(img/m6.gif) no-repeat right top;}
.TopMenu ul li#m6 a.active{background: url(img/m6-active.gif) no-repeat right top;}

.TopMenu ul li a.active{ background: #EEF4FA; color: #3E3E3E;}



body#hp #head{ background:#D20C19 url(img/head.png) repeat-x top;}
body#hp #head-in{ min-height: 530px;_height: 530px;}
body#hp #menu{ }
body.hp #head{ background:#D20C19 url(img/head.png) repeat-x top;}
body.hp #head-in{ min-height: 530px;_height: 530px;}
body.hp #menu{ }
body#hphead #head{ background:#D20C19 url(img/head.png) repeat-x top;}
body#hphead #head-in{ min-height: 530px;_height: 530px;}
body#hphead #menu{ }


#foot{background: url(img/foot-top.png) no-repeat left top; padding-top: 10px;font-size: 14px; margin-left: 1px; width: 940px;}
#foot-odkazy{float: left; width: 560px; background:#9E040E url(img/foot-left.png) repeat-x top; min-height: 211px;_height: 211px;}
#foot-kontakt{ float: left; width: 330px; background:#930811 url(img/foot-right.png) repeat-x top;min-height: 188px;_height: 188px;
padding: 23px 0 0 50px;}

#foot-odkazy .left{ width: 236px; padding: 23px 10px 0 50px;}
#foot-odkazy .right{ float: left; width: 250px; padding: 23px 0 0 0;}
#foot h2{color: #691a1f; padding-bottom: 11px; text-transform: uppercase;font-size: 14px;}
#foot-odkazy ul{list-style: none;}
#foot-odkazy ul li{ padding-bottom: 11px;}
#foot-odkazy ul li a{font-weight: bold; color: White; text-decoration: none;}
#foot-odkazy ul li a:hover{text-decoration: underline;}

#foot-kontakt address{color: White; line-height: 24px; font-style: normal; margin-bottom: 8px;}
#foot-kontakt a{color: White;}

#foot-bottom{background: #8D0606; color: #C68383; font-size: 14px; width: 100%;}
#foot-bottom a{color: #C68383;}
#foot-bottom .left{width: 420px;}
#foot-bottom .right{float: left; width: 140px; text-align: right;}
#foot-bottom .fb{float: left; width: 230px; padding-left: 50px; padding-top: 12px;}
#foot-bottom .left p{padding-left: 50px; line-height: 50px;}
#foot-bottom .right p{line-height: 50px;}
#foot-bottom .fb a{width: 158px; height: 30px; background:#4160A1 url(img/foot-fb.png) no-repeat left top; color: White; 
text-decoration: none; padding: 0 0 0 34px; display: block; line-height: 30px; font-size: 14px; font-weight: bold;}


#content-hp{ padding: 60px 0 70px 0; width: 100%;}
#content-hp .left{ width: 542px;}
#content-hp .left .cnt{width: 542px;background:#FFFFFF url(img/hp-left-center.png) repeat-y left; margin-bottom: 18px;}
#content-hp .left .cnt-top{ width: 542px; background: url(img/hp-left-top.png) no-repeat left top;}
#content-hp .left .cnt-bottom{ width: 542px; background: url(img/hp-left-bottom.png) no-repeat left bottom;}

.cnt a{ text-decoration: none;}
.cnt a:hover{ text-decoration: underline;}

#content-hp .cnt h2{border-bottom: 1px solid #EBEBEB; padding-bottom: 15px; color: #3e3e3e; font-size: 24px; margin-bottom: 5px;}
#aktuality{padding: 20px 31px 22px 31px; color: #3e3e3e; _height:1px;}
.aktualita{border-bottom: 1px solid #EBEBEB; padding-bottom: 15px; margin-bottom: 5px; position: relative; padding-right: 70px; _height:1px;}
#aktuality .last{border-bottom: none; padding-bottom: 0px;}
#aktuality h2{background: url(img/ico-hodiny.gif) no-repeat right 3px;}
.aktualita p{ font-size: 12px; line-height: 150%;}
p.datum{font-size: 11px; font-weight: bold; color: #a2a1a1;line-height: 150%;}
.aktualita h3{color: #287CCA; font-size: 14px; line-height: 140%;}
.aktualita h3 a{}
.aktualita img{position: absolute; right: 0px; top: 0px;}

#ohlasy{padding: 20px 31px 22px 31px; color: #3e3e3e;}
#ohlasy h2{background: url(img/ico-koment.gif) no-repeat right 3px;}
#ohlasy .aktualita{ padding-right: 0px; margin-bottom: 7px;}
.ohlas{width: 165px; float: left;}
.ohlas a{color: #287CCA; font-size: 14px;font-weight: bold;}
#ohlasy-in .last{ width: 145px;}
.vsechny{text-align: right; padding-top: 8px; font-size: 12px;}


#content-hp .right{ width: 382px;}
#content-hp .right .cnt{width: 382px;background:#FFFFFF url(img/hp-right-center.png) repeat-y left; margin-bottom: 18px;}
#content-hp .right .cnt-top{ width: 382px; background: url(img/hp-right-top.png) no-repeat left top;}
#content-hp .right .cnt-bottom{ width: 382px; background: url(img/hp-right-bottom.png) no-repeat left bottom;}

#slevy{padding: 20px 31px 22px 31px; color: #3e3e3e;}
.sleva{border-bottom: 1px solid #EBEBEB; padding-bottom: 15px; margin-bottom: 5px;}
#slevy .last{border-bottom: none; padding-bottom: 0px;}
#slevy h3{font-size: 14px;color: #287CCA; line-height: 20px;}
#slevy p{font-size: 14px; line-height: 20px;}
#slevy p strong{color: #dc0514;}

#katalog{padding: 20px 31px 22px 31px; color: #3e3e3e; position: relative;}
#content-hp #katalog h2{font-size: 24px; line-height: 27px; border-bottom: 0px; padding-bottom: 0px; margin-bottom: 17px;}
#katalog h2 span{color: #dc0514;}
#katalog ul{list-style: none;}
#katalog ul li{ padding-bottom: 9px;}
#katalog ul li a{ text-decoration: none; padding-left: 21px; line-height: 18px; font-size: 12px;}
#katalog ul li a:hover{text-decoration: underline;}
.stahnout{ background: url(img/ico-stahnout.gif) no-repeat left 2px;}
.objednat{ background: url(img/ico-objednat.gif) no-repeat left 2px;}
#katalog img{width: 166px; height: 183px; position: absolute; right: -16px; top: -32px;_display: none; }
#katalog .cesty-ie6{width: 166px; height: 183px;position: absolute; right: -16px; top: -32px; display: none; _display: block;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cesty.png', sizingMethod='scale'); }

#rezervace-objednavka{width: 382px; height: 102px; background:#FFFFFF url(img/rezervace-objednavka.png) no-repeat left top;
margin-bottom: 18px;}
#rezervace-objednavka a{ text-decoration: none; font-size: 24px; width: 191px; height: 56px; float: left; text-align: center;
padding-top: 46px; line-height: 18px; display: block; cursor: pointer; font-weight: bold;}
#rezervace-objednavka a span{color: #3e3e3e; font-size: 11px; line-height: 13px; font-weight: normal;}
#rezervace{ color: #287cca}
#objednavka{color: #ea5b0a}

{
	width: 820px;
}


#content{ padding: 60px 0 70px 0; width: 100%;}
#content .left{ width: 220px;}
#content .right{ width: 672px;}

#content .left ul{list-style: none; background: url(img/left-line.png) repeat-x top ;}
#content .left ul li{ padding: 5px 0 5px 0;background: url(img/left-line.png) repeat-x bottom ;}
#content .left ul li a{color: #3e3e3e; font-size: 14px; line-height: 230%;}
#content .left ul li a.active{color: #DC0514; font-weight: bold;}

#content .left ul ul{margin-left: 28px;}
#content .left ul li li a{ display: inline; width: auto; min-height: 20px;_height: 26px; background: url(img/bullet1.gif) no-repeat 0 5px;
padding-left: 12px; line-height: 20px;}
#content .left ul li li a:hover{background: url(img/bullet2.gif) no-repeat 0 5px;color: #dc0514;}
#content .left ul li li a.active{color: #dc0514;}
#page-in #content .left ul li li a span{display: inline; width: auto; min-height: 20px;_height: 26px; background: none; padding: 0px;}


/* text */
#static{ color: #3e3e3e;font-size: 14px; background-color:#FFF; padding: 10px;}
.right h1,#static h1{ font-size: 24px; margin-bottom: 15px;}
.right h2,#static h2{ font-size: 18px; margin-bottom: 15px;}
.right h3,#static h3{ font-size: 14px; margin-bottom: 5px;}

#static p{ font-size: 14px; margin-bottom: 32px; line-height: 140%;}
#static ul{ list-style: none; margin-bottom: 35px; margin-left: 24px;} 
#static ul li{ padding-left: 17px; background: url(img/bullet.png) no-repeat left 6px; padding-bottom: 6px;}
#static ol{ margin-bottom: 35px; margin-left: 24px;} 
#static ol li{ padding-bottom: 6px;}
table.static{margin-bottom: 30px; border-collapse: collapse; border-spacing: 0px; width: 100%;}
table.static th,table.static td{text-align: left; padding:6px 13px 6px 18px;}
table.static thead th{ background:#81B1E1 url(img/th.png) repeat-x top; border-bottom: 1px solid #4277AB; color: #FFFFFF;  
font-weight: bold; border-right: 1px solid #84B2E1;}
table.static tr.thead td{ background:#81B1E1 url(img/th.png) repeat-x top; border-bottom: 1px solid #4277AB; color: #FFFFFF;  
font-weight: bold; border-right: 1px solid #84B2E1;}
table.static tr td.thead{ background:#81B1E1 url(img/th.png) repeat-x top; border-bottom: 1px solid #4277AB; color: #FFFFFF;  
font-weight: bold; border-right: 1px solid #84B2E1;}

table.static td{ background: #FFFFFF; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; }
table.static .last td{border-bottom: none;}
table.static td a{text-decoration: none;}
table.static td a:hover{text-decoration: underline;}


.table2{position: relative;}
.table2 table thead th{vertical-align: middle; height: 38px;}
.table2 table tr.thead th{vertical-align: middle; height: 38px;}
.table2 table td{padding-top: 14px;padding-bottom: 14px;}

.table2 .tbl{ background: url(img/tbl.png); width: 6px; height: 6px; position: absolute; left: 0px; bottom: 0px; overflow: hidden;}
.table2 .tbr{ background: url(img/tbr.png); width: 6px; height: 6px; position: absolute; right: 0px; bottom: 0px;overflow: hidden;}
.table2 .ttl{ background: url(img/ttl.png); width: 6px; height: 6px; position: absolute; left: 0px; top: 0px;overflow: hidden;}
.table2 .ttr{ background: url(img/ttr.png); width: 6px; height: 6px; position: absolute; right: 0px; top: 0px;overflow: hidden;}


#content .right .cnt{width: 672px;background:#FFFFFF url(img/cnt670-center.png) repeat-y left; margin-bottom: 18px;}
#content .right .cnt-top{ width: 672px; background: url(img/cnt670-top.png) no-repeat left top;}
#content .right .cnt-bottom{ width: 672px; background: url(img/cnt670-bottom.png) no-repeat left bottom;}


/* */

#rezevace-zajezdu fieldset.form { padding:30px 0 20px 70px;}
#rezevace-zajezdu .form label{ display: block; font-size: 12px; margin-bottom: 2px;} 
#rezevace-zajezdu .form input.text{ width: 243px; padding: 3px;}
#rezevace-zajezdu .form textarea{ width: 243px; padding: 3px; height: 42px;}
#rezevace-zajezdu .form textarea{}
#rezevace-zajezdu .form .blok{ float: left; width: 282px;}
#rezevace-zajezdu .form .blok .field{ padding-bottom: 8px;}
#rezevace-zajezdu p.pozn{ font-size: 12px; float: left; width: 410px;}
#rezevace-zajezdu .submit{font-size: 14px; font-weight: bold; color: White; float: right; width: 180px; height: 34px; text-align: center;
border: none; background:#1A4FA7 url(img/rezervace-submit.png) no-repeat left top; cursor: pointer;}

#rezevace-zajezdu  table th{text-align: center; font-weight: bold; font-size: 14px;}
#rezevace-zajezdu  table th span{font-size: 11px;}
#rezevace-zajezdu  table .cena{	font-weight: bold;}
#rezevace-zajezdu  table .termin{	font-weight: bold;}
#rezevace-zajezdu  table .nazev{	font-weight: bold;}
.nazev a{text-decoration: none;}
.nazev a:hover{text-decoration: underline;}


/* */
#vypis-zajezdu_{font-size: 14px;}
#seradit{float: right; width: 235px; padding-top: 3px;}
#seradit label{float: right; font-size: 14px; line-height: 21px; padding-right: 12px;}
#seradit select{float: right; line-height: 24px; font-size: 14px;}

.vypis-zajezdu{ padding: 16px 0 32px 31px; }
.vypis-zajezdu h2{font-size: 14px; border-bottom: 1px solid #EBEBEB; padding-bottom: 3px; margin-bottom: 0px;}
.vypis-zajezdu table{width: 100%; border: none; border-spacing: 0px; border-collapse: collapse;}
.vypis-zajezdu table td{border-bottom: 1px solid #EBEBEB; padding: 10px 0 10px 0; vertical-align: middle; font-size: 14px; font-weight: bold;}
.vypis-zajezdu table td.nazev{width: 350px;}
.cena{color: #dc0514;}

#cesty{ float: right; padding-top: 40px;}
#content .right #cesty .cnt{width: 382px;background:#FFFFFF url(img/hp-right-center.png) repeat-y left; margin-bottom: 0px;}
#content .right #cesty .cnt-top{ width: 382px; background: url(img/hp-right-top.png) no-repeat left top;}
#content .right #cesty .cnt-bottom{ width: 382px; background: url(img/hp-right-bottom.png) no-repeat left bottom;}



/* */
#detail-zajezdu{}
#detail-zajezdu table .nazev{	font-weight: bold;}
#zajezd-head{padding: 0px 0 30px 0;}
#zajezd-top{float: right;}
#zajezd-head h1{margin-bottom: 4px;}
#zajezd-head a{display: block;}
#zajezd-head p{padding-top: 15px;}

#detail-zajezdu .zajezd-carousel{padding: 0 0 0 50px;width: 622px; min-height: 80px; position: relative;  margin-bottom: 40px;}
.zajezd-carousel .jcarousel-clip-horizontal {height: 80px; width: 585px;}
.zajezd-carousel .jcarousel-item {height: 80px;width: 117px;}
.zajezd-carousel .jcarousel-prev-horizontal {background: url("img/foto-left.png") no-repeat scroll 0 0 transparent;
cursor: pointer; height: 30px; left: 0; position: absolute; top: 25px; width: 30px;}
.zajezd-carousel .jcarousel-next-horizontal {background: url("img/foto-right.png") no-repeat scroll 0 0 transparent;
cursor: pointer; height: 30px; position: absolute; right: 0; top: 25px; width: 30px;}
	 

.bgCover{background: none repeat scroll 0 0 #1D3E8B;display: none;left: 0;overflow: hidden;position: absolute;top: 0; z-index: 10000;}
.overlayBox{display: none;position: absolute; width: 640px; z-index: 10001;}
.closeLink {cursor: pointer;height: 40px;position: absolute;right: -17px;top: -19px;width: 40px;
background: url("img/close.png") no-repeat left top; _background-image: url(img/close.gif);}
	 
#galerie{width: 640px; height: 585px; background: White;}
#galerie-in{padding: 20px;}
#galerie .galerie-carousel{padding: 0 0 0 68px;width: 532px; height: 80px; position: relative;  margin-bottom: 40px; 
_padding-left: 30px;_width: 570px;}
#galerie .jcarousel-clip-horizontal {height: 80px; width: 467px;}
#galerie .jcarousel-item {height: 80px;width: 117px;}
#galerie .jcarousel-prev-horizontal {background: url("img/foto-left.png") no-repeat scroll 0 0 transparent;
cursor: pointer; height: 30px; left: 0; position: absolute; top: 25px; width: 30px;}
#galerie .jcarousel-next-horizontal {background: url("img/foto-right.png") no-repeat scroll 0 0 transparent;
cursor: pointer; height: 30px; position: absolute; right: 0; top: 25px; width: 30px;}
#galerie ul{margin-left: 0px; float: left;}
#galerie ul li{}
#galerie ul li a{height: 80px;width: 108px; display: block; position: relative;}
#galerie ul li a.active .activeSpan{height: 74px;width: 102px; border: 3px solid #287CCA; position: absolute; left: 0px; top: 0px; display: block;}
#galerie ul li a img{display: block;}

#galerie .img{ margin-bottom: 10px;}
#galerie .img img{ display: block;}



/* */

#pujcovna{padding-bottom: 20px;}

#termin{padding: 10px 0 18px 16px;}


#reka-cnt{padding: 9px 0 9px 16px;}
#reka-cnt label{ font-size: 14px; font-weight: bold; padding-right: 38px;}
#reka-cnt select{}

#termin h2{width: 121px; float: left;}
html .kalendar2{width: 235px;}

.kalendar1 { width: 258px;  float: left; padding-top: 10px;}
.kalendar1 table th{height: 27px; vertical-align: middle;}
.kalendar1 table td{padding: 1px;}
.kalendar1 table a:hover{text-decoration: none}
/*
.kalendar1 table a{width: 28px; height: 28px; display: block; line-height: 27px; text-align: center; font-weight: bold; color: White; text-decoration: none;
font-size: 12px; background:#17489A url(img/kalendar-item.png) no-repeat left top;}
.kalendar1 table a.active{ background:#DC0514 url(img/kalendar-item-active.png) no-repeat left top;}
.kalendar1 table{ border-spacing: 0px; border-collapse: collapse; border: none; margin-left: 25px; margin-bottom: 6px;}
.kalendar1 select{ margin-left: 25px;}

.kalendar1 label{float: left; width: 25px; font-weight: bold; font-size: 12px; line-height: 20px;}
.kalendar1 input.text{text-align: center; width: 120px; font-size: 12px;}

*/

#lode{padding: 10px 0 18px 16px;}
#lode h2{width: 130px; float: left;}

.lode{padding: 10px 0 18px 16px;}
.lode h2{width: 130px; float: left;}


#lode-in{}
#lode-in table{ font-size: 14px;}
.label{width: 400px;}
#lode-in table .text{ width: 32px; text-align: center; margin-right: 5px;}

.lode-in{}
.lode-in table{ font-size: 14px;}
.lode-in table .text{ width: 32px; text-align: center; margin-right: 5px;}

#pujcovna .submit{font-size: 14px; font-weight: bold; color: White; float: right; width: 130px; height: 34px; text-align: center;
border: none; background:#164699 url(img/kalkulace.png) no-repeat left top; cursor: pointer;} 


/*  */
#eshop{ padding: 47px 0 70px 0; width: 100%;}

#eshop .left{ float: left; width: 250px;} 
#eshop .center{ float: left; width: 524px;} 
#eshop .right{ float: right; width: 140px;font-size: 12px;} 

#eshop .left ul{list-style: none;}
#eshop .left ul li{ width: 209px;}
#eshop .left ul li a{display: block; width: 209px; min-height: 26px;_height: 26px; text-decoration: none; color: #3e3e3e; font-size: 12px;}
#eshop .left ul li a.active{background:#F0F0F0 url(img/active-eshop.png) no-repeat left top; color: #dc0514 }
#eshop .left ul li a:hover{background:#F0F0F0 url(img/active-eshop.png) no-repeat left top; }
#eshop .left ul li a span{padding-left: 20px; background: url(img/plus.gif) no-repeat 7px 10px;line-height: 25px;display: block;
min-height: 26px;_height: 26px;}

#eshop .left ul li.open a span{background: url(img/minus.gif) no-repeat 7px 13px;}

#eshop .left ul ul{margin-left: 28px;}
#eshop .left ul li li a{ display: inline; width: auto; min-height: 20px;_height: 26px; background: url(img/bullet1.gif) no-repeat 0 5px;
padding-left: 12px; line-height: 20px;}
#eshop .left ul li li a:hover{background: url(img/bullet2.gif) no-repeat 0 5px;color: #dc0514;}
#eshop .left ul li li a.active{color: #dc0514;}
#page-in #eshop .left ul li li a span{display: inline; width: auto; min-height: 20px;_height: 26px; background: none; padding: 0px;}


#eshop .right .cnt{ margin-bottom: 20px;}
#eshop .right .cnt h2{ width: 130px; min-height: 26px;_height: 26px; background:#81B1E1 url(img/eshop-cnt-top.png) no-repeat left top;
border-bottom: 1px solid #689ACC; margin-bottom: 0px; font-size: 12px; color: #fefefe; line-height: 25px; padding: 0px 0 0 10px;}
#eshop .right .cnt-in{ background: url(img/eshop-cnt-bottom.png) no-repeat left bottom; padding-bottom: 7px;}
#eshop .right .cnt-in2{ border-left: 1px solid #DDEAF7;border-right: 1px solid #DDEAF7;}

#ucet{ padding: 8px 10px 0 10px;}
#ucet p{margin-bottom: 18px; line-height: 145%;}
.odhlasit{ padding-left: 14px; float: right; background: url(img/odhlasit.gif) no-repeat left center; color: ##DC0514;
 text-decoration: none;}
.uziv{color: #287cca; font-weight: bold; font-size: 12px; }

#kosik{ padding: 13px 0 0 9px;}
#kosik .pocet{ float: left; width: 24px; padding-left: 22px;line-height: 21px; display: block; font-size: 18px; color: #3e3e3e;
background: url(img/kosik.gif) no-repeat left center; text-decoration: none; font-weight: bold;}
#kosik .cena{ float: left; line-height: 21px; border-left: 1px solid #DEEAF7; padding-left: 13px; font-weight: bold;display: block;
width: 65px;}


#doporucujeme{}
#doporucujeme h2{ font-size: 18px; padding-bottom: 13px; border-bottom: 1px solid #DEEAF7; margin-bottom: 7px;}
#doporucujeme .produkt{padding-bottom: 17px;border-bottom: 1px solid #DEEAF7;margin-bottom: 7px;}
#doporucujeme h3{margin-bottom: 15px; font-size: 12px;}
#doporucujeme h3 a{font-size: 12px; text-decoration: none;}
#doporucujeme p{margin-bottom: 20px; text-align: center;}
#doporucujeme p img{ }
#doporucujeme .cena{font-size: 18px; font-weight: bold;}




/*  */
#eshopHP{}
#eshopHP #static h2{ margin-bottom: 4px;}



/*  */
#eshopKosik table.static th,#eshopKosik table.static td{ padding:6px 13px 6px 10px;}
table.static td.last{ border-right: none; }
table.static tr.odd td{background: #FBFBFB}
#eshopKosik table.static thead th{font-weight: bold; }
#eshopKosik table input{width: 17px; padding-left: 6px;}


#eshopKosik .cnt{margin-bottom: 20px;}
#eshopKosik .cnt h2{width: 503px; height: 34px; background:#81B0E0 url(img/eshop-center-top.png) no-repeat left top;
margin-bottom: 0px; font-size: 14px; color: #ffffff; padding: 18px 0 0 21px;}
#eshopKosik .cnt-in{width: 524px; background: url(img/eshop-center-bottom.png) no-repeat left bottom; padding-bottom: 9px;}
#eshopKosik .cnt-in2{background: url(img/eshop-center-center.png) repeat-y left;}

.zpusob-dopravy{ width: 520px; padding: 0px 2px 0 2px;}
.zpusob{height: 50px; border-bottom: 1px solid #EBEBEB;}
.zpusob .input{width: 30px; float: left; padding: 16px 0 0 35px;}
.zpusob .label{width: 455px; float: left;padding: 18px 0 0 0px;}
.zpusob .label label{font-size: 14px;}
.zpusob-dopravy .odd{ background: #FBFBFB;}
.zpusob-dopravy .last{border-bottom: none; height: 47px;}

div.prepocitat{ margin-bottom: 27px;}
div.prepocitat a{ float: left; margin-right: 10px; height: 24px; line-height: 23px; text-align: center; font-size: 12px; font-weight: bold;
color: White; text-decoration: none;}
div.prepocitat a.smazat{ width: 115px; background:#164498 url(img/smazat.png) no-repeat left top;}
div.prepocitat a.prepocitat{ width: 95px; background:#164498 url(img/prepocitat.png) no-repeat left top;}
div.prepocitat p{float: right; font-size: 18px;}
div.prepocitat p .cena{font-weight: bold; padding-left: 5px;}

.kont{ padding: 20px 0 30px 136px;}
.kont label{font-size: 12px; font-weight: bold; display: block; margin-bottom: 2px;} 
.kont input.text{display: block; margin-bottom: 8px; width: 240px;}

#eshopKosik input.submit{ float: right;width: 180px; height: 34px; text-align: center; font-size: 14px; font-weight: bold; border: none; cursor: pointer;
color: White; background:#164498 url(img/dokoncit.png) no-repeat left top;}


/*  */
#eshopDetail{}
.detail-left{width: 325px; float: left;}
.detail-right{width: 198px; float: right;}

.detail-left p{margin-bottom: 20px;}
.detail-select{padding-bottom: 20px; float: left; width:167px;}
.detail-select2{ width: 140px;}
.detail-select label{font-size: 12px; font-weight: bold; display: block; margin-bottom: 8px;} 

#eshopDetail span.cena{font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px;}
.kusu{width: 80px; float: left; padding-top: 4px; }
.kusu input{width: 45px;  text-align: center; margin-right: 5px;}
#eshopDetail input.submit{ float: left;width: 100px; height: 34px; text-align: center; font-size: 14px; font-weight: bold; border: none; cursor: pointer;
color: White; background:#164498 url(img/do-kosiku.png) no-repeat left top;}

.detail-head{padding: 0px 0 20px 0;}
.detail-head h1{margin-bottom: 4px; font-size: 24px;}
.detail-head a{display: block; text-decoration: none;}

.detail-right .fotka{ text-align: center; padding-top: 68px; position: relative;}
.d-vyprodej{position: absolute; right: 86px; top: 0px;}
.d-sleva{position: absolute; right: 42px; top: 0px;}
.d-novinka{position: absolute; right: 0px; top: 0px;}


#eshop-carousel {width: 180px; height: 60px; position: relative; margin-bottom: 20px; }
#eshop-carousel .jcarousel-container{width: 180px; height: 60px; position: relative;  padding: 0px; }
#eshop-carousel .jcarousel-clip-horizontal {height: 60px; width: 180px;}
#eshop-carousel .jcarousel-item {height: 60px;width: 60px;}
#eshop-carousel .jcarousel-prev-horizontal {background: url("img/eshop-left.png") no-repeat scroll 0 0 transparent;
cursor: pointer; height: 22px; left: 60px; position: absolute; top: 67px; width: 22px;}
#eshop-carousel .jcarousel-next-horizontal {background: url("img/eshop-right.png") no-repeat scroll 0 0 transparent;
cursor: pointer; height: 22px; position: absolute; left: 85px; top: 67px; width: 22px;}
#eshop-carousel ul{margin-left: 0px; float: left;}
#eshop-carousel ul li{ text-align: center;}




#eshopVypis{ width: 550px;}


#eshopVypis .produkt{width: 172px;text-align: center; border: 1px solid white; border-bottom: 1px solid #E7E7E7;padding:10px 0 10px 0; float: left; }
html body #eshopVypis .last .produkt{ border-bottom: none;}
html body #eshopVypis .radek .last .produkt-in{ border: none;}
#eshopVypis .produkt-in{ border-right: 1px solid #E7E7E7;padding: 10px 5px 0 5px; position: relative;_width: 161px;}
#eshopVypis .produkt h2{ font-size: 12px; line-height: 18px; }
#eshopVypis .produkt h2 a{ text-decoration: none;}
#eshopVypis .produkt p{font-size: 12px; line-height: 18px; margin-bottom: 12px;}
#eshopVypis .produkt .popis p{ margin-bottom: 4px; }
#eshopVypis .produkt .popis p.cena{font-size: 18px; font-weight: bold; line-height: 16px;}
#eshopVypis .produkt .popis p.cena span{text-decoration: line-through; font-size: 11px; color: #959595; font-weight: normal;}

html #eshopVypis .produkt-hover{ border: 1px solid #80B0E0!important; background: #F8FCFF;}
html #eshopVypis .produkt-hover .produkt-in{border-right: 1px solid white;}

html #eshopVypis .radek-hover .produkt-in{border-right: 1px solid white;}

.detail-ico{position: absolute; left: 5px; bottom: 1px; display: block;}

.dokosiku{width: 85px; height: 24px; background: url(img/kosik-do.png) no-repeat left top; display: block; line-height: 23px;
font-size: 12px; font-weight: bold; color: White; text-align: center; margin-bottom: 7px; text-decoration: none;
margin-left: auto; margin-right: auto;}
.dokosiku:hover{background-position: -85px 0;}


#search{ float: right; width: 233px;}
#search input.text{color: #9E9E9E; font-size: 12px; font-weight: bold; width: 160px;_width: 150px; padding: 2px 0 3px 10px; margin: 0px;
float: left;}
#search .submit{float: right; margin: 0px; width: 50px;  display: block;}

.vypis-head{padding: 0px 0 8px 0;}
.vypis-head a{color: #9B9B9B; text-decoration: none;}

#radit{border-bottom: 1px solid #D0D0D0;border-top: 1px solid #D0D0D0; padding: 7px 0 6px 0; margin-bottom: 13px;}
#radit th{white-space: nowrap;color: #999999}
#radit .right th{ padding-left: 10px;}
#radit .left th{ padding-right: 10px;}
#radit td{padding-right: 6px;}
#radit .left td{padding-right: 0px;}

#count{padding: 30px 0 0 0; text-align: center;}
#count table{ margin: auto; text-align: left;}
#count table td{ font-size: 12px; font-weight: bold;}
#count table td a{ display: block;height: 25px; width: 30px; border: 1px solid #CCCCCC; text-align: center; line-height: 24px;background:#F5F5F5;
margin: 2px; text-decoration: none;}
#count table td a.predchozi{width: 108px;height: 27px; background:#F5F5F5 url(img/predchozi.png) no-repeat left top; border: none;}
#count table td a.dalsi{width: 68px;height: 27px; background:#F5F5F5 url(img/dalsi.png) no-repeat left top; border: none;}
#count table td span{display: block;height: 25px; width: 30px; text-align: center; line-height: 24px;margin: 2px;}


.red {color: Red;}
.uzsi { width: 50px; margin-right: 5px; text-align: center;}
#lode-in td.mezera{ padding-right: 5px; padding-left: 5px;}
.UkazDetail, .LabelKategorie {display: block; text-align: right; background-color:#287CCA; color: #FFFFFF; font-weight:bold; cursor:pointer; padding: 2px; margin-bottom: 2px;}
.labelPujcovna {display: block; text-align: center; background-color:#287CCA; color: #FFFFFF; font-weight:bold; font-size:14px; padding: 4px; margin-bottom: 2px;}
td.onmouseout {cursor:pointer;}

.w33 { width: 33%; height:160px;}
.fl {float: left; }
.pic { text-align: center;}
.pic img { margin-top: 10px; border: none; text-decoration: none; }
.pic a { color: #00B0FE; font-weight: bold; }
.pic a:hover { text-decoration: underline; color: #000; }