html, body,select { font-family: Arial,Verdana,Helvetica,sans-serif;font-size: 0.9em; color: #FFF; }

* {padding: 0; margin: 0;}
.fc { clear: both; }
.fc1 { clear: both; height: 1px;}
.fc10 { clear: both; height: 10px;}
.h { display:none; }
.b { font-weight: bold; }
.fl {float: left; }
a { color: #07A826; }
.imp { color: #00B0FE; font-weight:bold; }
.imp a:hover { color:#000;}
.tac { text-align: center; }
.i { font-style: italic;}

#head { width: 990px; height: 313px;}
#head h1.logo { width: 197px; height: 53px; background: url('../Img/honza_logo.png') 0 0 no-repeat; margin: 13px 0 0 146px;}
#head h1.logo a { display: block; width: 197px; height: 53px; }
#head .float{width: 990px;height: 280px; margin-bottom: 0px;}
#head .bg-l, #head .bg-r { float: left; }
#head .bg-l { width: 500px; height: 208px; background:#ED1C24 url('../Img/splash-left.jpg') 0 0 no-repeat;}
#head .bg-r { background: pink; width: 490px; height: 208px; background:#0BB3FF url('../Img/splash-right.jpg') 0 0 no-repeat;}
#head .top-menu {text-align: center; font-size: 12px; color: #FFF; font-weight: bold; height: 33px; background: #ED1C24; line-height: 33px;}
#head .top-menu a { text-decoration: none; color:#FFF;}
#head .top-menu a:hover { text-decoration: underline; color: #000; }

#col-abc { width: 990px; background: url('../Img/eshop-ab-bgr.jpg') 0 0 repeat-y; }
#col-ab { width: 780px; }
#col-ab, #col-a, #col-b,  #col-c { float: left; }
#col-a { width: 205px; }
#col-b {  width: 575px; padding-bottom: 30px; }
#col-c {  width: 205px;  padding-top: 18px;}

#footer { width: 990px; height: 51px; background: url('../Img/eshop-bottom.gif') no-repeat; text-align: right; font-size: 11px;}
#footer span { display: block; padding: 32px 60px 0 ; }
#footer span a { text-decoration: none; color: #FFF;}
#footer a { color: #FFF;}

.menu { margin: 10px 0 0 0px; }
.menu a.m1{ display: block; width: 184px; padding: 5px 0 5px 20px; font-size: 12px; background: url('../Img/eshop-m-line.gif') left bottom no-repeat; text-decoration: none; font-weight: bold; color: #fff;
 min-height: 16px;}
.menu a:hover.m1 { background: url('../Img/eshop-m-hover.gif') no-repeat left bottom; color:#00602f; }

.menu a.m2 { display: block; width: 184px; padding: 5px 0 5px 20px; font-size: 12px; background: url('../Img/eshop-m-line2.gif') left bottom no-repeat; text-decoration: none; font-weight: bold; color: #fff;
 min-height: 16px; line-height: 1.45em;}
.menu a:hover.m2 { background: url('../Img/eshop-m-hover2.gif') no-repeat left bottom; color:#00602f; }

.nav { float: left; color: #00B0FE; font-size: 10px; margin: 5px 0 0 10px; display: inline;}
.nav a { color: #00B0FE; text-decoration: none; }
.nav a:hover {  color: #000; text-decoration: underline;}

a.promo01 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo01.jpg') no-repeat;}
a.promo02 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo02.jpg') no-repeat;}
a.promo03 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo03.jpg') no-repeat;}
a.promo04 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo04.jpg') no-repeat;}
a.promo05 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo05.jpg') no-repeat;}
a.promo06 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo06.jpg') no-repeat;}
a.promo07 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo07.jpg') no-repeat;}
a.promo08 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo08.jpg') no-repeat;}
a.promo09 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo09.jpg') no-repeat;}
a.promo10 { display: block; width: 199px; height: 89px; margin-bottom: 10px; background: url('../Img/promo10.jpg') no-repeat;}

.box { color: #000; font-size: 12px;}
.box-in { background: url('../Img/b-side.gif') repeat-y; width: 571px;}
.box-in h2 { background: url('../Img/b-top.gif') 0 0 no-repeat; width: 571px; padding: 25px 0 0 ; color: #FE0000}
.box-in h2 span { display: block; border-bottom: 1px solid #FE0000; margin: 0 25px; font-size: 12px; line-height: 1.4;}
.box-in h2 span.rub { color: #000; font-size: 20px; }
.box-bottom { background: url('../Img/b-bottom.gif') no-repeat; width: 571px; height: 30px;}
.box-inside { margin: 10px 25px 0 25px; padding-bottom: 15px; line-height: 1.2;}

.box-inside a { color: #00B0FE; text-decoration: none;}
.box-inside a:hover { text-decoration: underline; color: #000000;}

.box-inside p { color: #464646; line-height: 1.3}
.box-inside .perex { color: #000; font-weight: bold; font-style: italic; line-height: 1.5;}
 
.box-inside .date { float: left; margin-right: 8px; font-weight:normal; }
/*.box-inside .text { float: left; color: #464646;}*/
.box-inside .text { color: #464646; margin-right: 2px;}

.box-inside .b-nav a.back { float: left; padding-left: 10px;background: url('../Img/zpet.gif') 0 4px no-repeat; width: 30px; color: #00B0FE;}
.box-inside .b-nav a.top  { float: left; padding-left: 12px;background: url('../Img/nahoru.gif') 0 3px no-repeat; width: 50px; color: #00B0FE;}
.box-inside .b-nav a:hover { color: #000;}
.box-inside .b-nav a:hover  { color: #000;}

.box-inside .info { width: 100%; margin-bottom: 10px;}
.box-inside .info table { width: 100%;  }
.box-inside .info a { text-decoration: none; }
.box-inside .info tr { height: 20px; }
.box-inside .info table tr.hd { font-weight: bold; color: #FFF; font-size: 14px; background: #0db5ff; height: 80px;}
.box-inside .info table tr.in { text-align: right;}
.box-inside .info table tr.in td { padding-right: 3px;}
.c1 { background: #EEEEEE;}
.c2 { background: #DCDCDC; }
.w90 { width: 90px; }
.w80 { width: 80px;}
.w75 { width: 75px;}
.w70 { width: 70px; }

.box-inside .info2 { width: 100%; }
.box-inside .info2 .s { background: #999; padding-top: 5px; padding-bottom: 5px;}
.box-inside .info2 .s a { color: #FFF; text-decoration:underline;}
.box-inside .info2 .s a:hover { color: #000;}
.box-inside .info2 a.s1,.box-inside .info2 a.s2, .box-inside .info2 a.s3, .box-inside .info2 a.s4 {float: left; display: block; background: #999; text-align: center;}
.box-inside .info2 a.s1 { width: 150px;}
.box-inside .info2 a.s2 { width: 100px }
.box-inside .info2 a.s3 { width: 100px}
.box-inside .info2 a.s4 {  width: 150px; }
.box-inside .info2 .head { background: #0db5ff; color: #FFF; font-weight: bold; line-height: 1.4; padding-left: 10px; padding-top: 2px; margin-top: 10px;}
.box-inside .info2 .z  { padding-bottom: 4px; padding-top: 2px; line-height: 1.4;}
.box-inside .info2 .z .text { float: left; width: 200px; margin: 0 10px; display: inline;}
.box-inside .info2 .z .date { float: left; width: 270px; padding-left: 10px;}

.box-inside .gal .menu { text-align: center; margin-bottom: 10px; line-height: 1.3;}
.box-inside .gal .menu a { color: #00B0FE; }
.box-inside .gal .menu a:hover { color: #000;  }
.box-inside .gal h3 { border-bottom: 1px solid #FE0000; padding-bottom: 5px; font-size: 12px; margin-bottom: 10px;}
.box-inside .gal .pic { text-align: center;}
.box-inside .gal .pic img { margin-top: 10px; border: none; text-decoration: none; }
.box-inside .gal .pic a { color: #00B0FE; font-weight: bold; }
.box-inside .gal .pic a:hover { text-decoration: underline; color: #000; }
.w33 { width: 33%; height:160px;}


.zero a {margin: 2px;}
.zero img {border: none;}
.head img{ position:relative; }
 blockquote { padding-left:30px;}
 p.zvyr { margin-top:15px; font-weight: bold; font-style:italic;}
.margin10 {margin: 10px; display: block;}
.tableMat {margin-left:40px; width:90%;}
.labelPujcovna {display:block; background-color:#00B0FE; color:White; font-weight:bold; text-align:center; padding:3px;}
.pujcovnaCenaM { width: 50px; font-weight:bold; margin-left: 5px; text-align:right;}
.red {color: Red; }
.middle {	text-align:center;}
.pointer{ cursor: pointer;} 
td.onmouseover {background-color:#00B0FE; cursor: pointer; text-decoration: underline;}
td.onmouseout {background-color: transparent; cursor: pointer;}
.grid {width: 100%;}
.grid td {padding: 3px;}
.grid tr.table_header { background-color: Navy; color: White; font-weight:bold;}
.druha {background-color:#EEEEEE;}
.LabelKategorie {background-color:#00B0FE; display:block; cursor: pointer; text-decoration: underline; margin-left:10px; font-weight:bold; padding:3px;}
.UkazDetail {background-color: Navy; color: White; font-weight:bold; cursor:pointer; display:block; padding:3px;}
table.cena tr td {font-weight: bold;}
table.cena {border: 1px black solid;}
th.obchodPolozky a:hover{ color: navy;}
.nazev{ font-weight: bold; color: navy; display: block; margin-bottom: 5px; margin-left: 10px;}
.rightSide{ float: right;}
img.leftSide{ margin: 5px;}


.line-first{margin-bottom: 13px;}
.line{margin-bottom: 13px; border-top: 1px solid #FF0000; clear: both; padding-top: 13px;}
div.produkt{text-align: center;width: 163px;float: left; padding:0 5px 12px 5px; }
div.produkt p.produkt{ margin-bottom: 5px; }
div.produkt .img{min-height: 157px;height: 157px; text-align: center;width: 163px;}
div.produkt .img td{min-height: 157px;height: 157px; vertical-align: middle; text-align: center;width: 100%;}
div.produkt .img img{border: none; }
div.produkt p.produkt a{ color: #07A826; text-decoration: none; font-weight: bold;}
div.produkt p.produkt a:hover{text-decoration: underline;}
div.produkt p.produkt2{ min-height: 42px;_height: 42px;}
div.produkt p.produkt2 a{ color: #07A826; text-decoration: none; font-weight: bold;}
div.produkt p.produkt2 a:hover{text-decoration: underline;}
div.produkt img{ }

td.border{background: url(../Img/produktOddelovac.png) no-repeat center bottom; padding-bottom: 8px;}

table.cart{ border: none; border-collapse: collapse;}
table.cart td{border: none; text-align: left; padding-bottom: 5px;}
table.cart td a{font-weight: bold; color: #07A826;} 
table.cart td.kosikInfo,table.cart td.odebrat{}
div.produkt table.cart td.kosikInfo{width: 81px;padding-left: 21px; background: url(../Img/kosikInfo.png) no-repeat 5px 1px;}
.detail table.cart td.kosikInfo{width: 58px;padding-left: 18px; background: url(../Img/kosikInfo.png) no-repeat 1px 1px;}
table.cart td.odebrat a{ padding-left: 21px; background: url(../Img/odebrat.png) no-repeat 7px 1px;}
.detail table.cart td.odebrat a{ padding-left: 16px; background: url(../Img/odebrat.png) no-repeat 2px 1px;}
table.cart td.pridat{text-align: right;}
table.cart td.pridat a{ padding-left: 21px; background: url(../Img/pridat.png) no-repeat 7px 1px;}
.detail table.cart td.pridat a{ padding-left: 13px; background: url(../Img/pridat.png) no-repeat 0px 1px;}
table.cart td.cena{color:#ED1C24; font-weight: bold; padding-left: 5px; text-align: right;}


.box2 { color: #000; font-size: 12px;}
.box-in2 { background: url('../Img/b-side-right.png') repeat-y; width: 205px;}
.box-in2 h2 { background: url('../Img/b-top-right.png') 0 0 no-repeat; width: 205px; padding: 25px 0 0 ; color: #FE0000;
margin-bottom: 5px;}
.box-in2 h2 span { display: block; border-bottom: 1px solid #FE0000; margin: 0 17px 0 20px; font-size: 12px; line-height: 1.4;}
.box-in2 h2 span a{color: #FE0000}
.box-in2 h2 span.rub { color: #000; font-size: 20px; }
.box-bottom2 { background: url('../Img/b-bottom-right.png') no-repeat; width: 205px; height: 20px;}
.box-inside2 { margin: 10px 17px 0 20px; padding-bottom: 05px; line-height: 1.2; text-align: center;}

.box-inside2 p{ margin-bottom: 8px;}
.box-inside2 p a{ color: #07A826; text-decoration: none; font-weight: bold; margin-bottom: 8px;}
.box-inside2 p a:hover{text-decoration: underline;}
.box-inside2 img{display: block; margin: 0px auto 8px auto; border: none;}
.box-inside2 p.popis{text-align: left; margin-bottom: 16px;}
.box-inside2 .cena{ float: right; color: #ED1C24; font-weight: bold; padding-top: 0px;}
.box-inside2 p.kosik{text-align: left; background: url(../Img/kosik.png) no-repeat left top; padding: 0px 0 0 11px; margin-bottom: 0;}

.detail fieldset{border: none;}
.detail h1{font-size: 18px; color: #07A826; margin-bottom: 6px;}
.detailLeft{width: 299px;float: left;}
.detailRight{width: 211px;float: right; border: 1px solid; border-color: #C1C1C1 #D1D1D1 #C1C1C1 #D1D1D1; text-align: center; padding: 5px 0 5px 0;}
.detailLeft p{ padding-right: 15px; margin-bottom: 15px;}
.detailLeft label{display: block; color: Black; font-weight: bold; margin-bottom: 2px;}
.detailLeft select{border: 1px solid #C1C1C1; width: 96px; height: 55px; margin-right: 25px; color: #000000; margin-bottom: 9px;}
.detailLeft .cart{float: left;}
.detailLeft p.cena{font-size: 18px;color: #07A826; float: right; text-align: right; padding: 14px 0 0 0;}
p.cena b{ color: #ED1C24;}


table#ctl00_ContentPlaceHolder1_ctl00_gvKos{border: 1px solid #D4D0C8; border-collapse: collapse; width: 100%; margin-bottom: 22px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvKos td,table#ctl00_ContentPlaceHolder1_ctl00_gvKos th{border: 1px solid #D4D0C8;}
table#ctl00_ContentPlaceHolder1_ctl00_gvKos th{ background: #37A26C; padding-left: 5px; color: White; text-align: left; line-height: 160%;}
table#ctl00_ContentPlaceHolder1_ctl00_gvKos td{vertical-align: top; padding: 6px 0 3px 6px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvKos img{border: none;}
table#ctl00_ContentPlaceHolder1_ctl00_gvKos td input{width: 29px; position: relative; top: -3px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvKos td.tc{text-align: center; padding: 6px 0 3px 0;}

table#ctl00_ctl11_gvKos{border: 1px solid #D4D0C8; border-collapse: collapse; width: 100%; margin-bottom: 22px;}
table#ctl00_ctl11_gvKos td,table#ctl00_ctl11_gvKos th{border: 1px solid #D4D0C8;}
table#ctl00_ctl11_gvKos th{ background: #37A26C; padding-left: 1px; color: White; text-align: left; line-height: 160%;}
table#ctl00_ctl11_gvKos td{vertical-align: top; padding: 6px 0 3px 6px; color: Black;}
table#ctl00_ctl11_gvKos td a{color: Black;}
table#ctl00_ctl11_gvKos td.tc{text-align: center; padding: 6px 0 3px 0;}

table#ctl00_ContentPlaceHolder1_ctl00_gvList{border: 1px solid #D4D0C8; border-collapse: collapse; width: 100%; margin-bottom: 22px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvList td,table#ctl00_ContentPlaceHolder1_ctl00_gvList th{border: 1px solid #D4D0C8;}
table#ctl00_ContentPlaceHolder1_ctl00_gvList th{ background: #37A26C; padding-left: 5px; color: White; text-align: left; line-height: 160%;}
table#ctl00_ContentPlaceHolder1_ctl00_gvList td{vertical-align: top; padding: 6px 6px 3px 6px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvList img{border: none;}
table#ctl00_ContentPlaceHolder1_ctl00_gvList td input{width: 29px; position: relative; top: -3px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvList td.tc{text-align: center; padding: 6px 0 3px 0;}

table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam{border: 1px solid #D4D0C8; border-collapse: collapse; width: 100%; margin-bottom: 22px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam td,table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam th{border: 1px solid #D4D0C8;}
table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam th{ background: #37A26C; padding-left: 5px; color: White; text-align: left; line-height: 160%;}
table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam td{vertical-align: top; padding: 6px 6px 3px 6px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam img{border: none;}
table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam td input{width: 29px; position: relative; top: -3px;}
table#ctl00_ContentPlaceHolder1_ctl00_gvSeznam td.tc{text-align: center; padding: 6px 0 3px 0;}

table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam{border: 1px solid #D4D0C8; border-collapse: collapse; width: 100%; margin-bottom: 22px;}
table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam td,table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam th{border: 1px solid #D4D0C8;}
table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam th{ background: #37A26C; padding-left: 5px; color: White; text-align: left; line-height: 160%;}
table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam td{vertical-align: top; padding: 6px 6px 3px 6px;}
table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam img{border: none;}
table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam td input{width: 29px; position: relative; top: -3px;}
table#ctl00_ContentPlaceHolder1_ctl01_gvSeznam td.tc{text-align: center; padding: 6px 0 3px 0;}

div.kosik table td {color: #000;}

table#gvDop{border: 1px solid #D4D0C8; border-collapse: collapse; width: 100%;margin-bottom: 22px;}
table#gvDop th{border: 1px solid #D4D0C8;}
table#gvDop th{ background: #37A26C; padding-left: 5px; color: White; text-align: left; line-height: 160%;}
table#gvDop td{vertical-align: top; padding: 8px 0 3px 6px; border: none;}
table#gvDop td input{display: block; margin: 0px; padding: 0px; position: relative; top: -4px;}
table#gvDop td.tr{text-align: right; font-weight: bold; padding-right: 13px;}

.poznamky{border: 1px solid #D4D0C8; padding-bottom: 14px; margin-bottom: 10px;}
.poznamky h3{border-bottom: 1px solid #D4D0C8;background: #37A26C;  line-height: 140%; color: White; font-size: 12px; padding-left: 6px; margin-bottom: 12px;}
.poznamky textarea{border: 1px solid #7C7A7C; margin-left: 7px; width: 500px; height: 76px;}

.soucet{ padding-bottom: 20px;}
.soucet a{float: right;padding: 0px 20px 0 20px;background:#139353 url(../Img/odkazy.png) repeat-x top;line-height: 26px;color: White;font-weight: bold;
margin-left: 5px; display: block;}
.soucet p{text-align: right; font-size: 18px; font-weight: bold; clear: both; padding-top: 16px; padding-top: 8px; margin-bottom: 17px;}
.soucet p b{color: #ED1C24;}

select {color: black}

div.prodejna {height: 400px; background: url('../Img/prodejna.jpg') no-repeat; font-size:1.3em; padding: 15px; color: darkgreen;}

.margin5{margin: 5px;}
.radio input, .radio label {display:inline;}

div.nonvisible
{display: none;}

.skrtnute
{text-decoration:line-through;}

#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 img{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 .img{ margin-bottom: 10px;}