/***antiradary by PIF ***/
*{border: 0px none;}
a{cursor: pointer;}
a:link{color: #369; text-decoration: underline;}
a:visited{color: #369; text-decoration: underline;}
a:hover{ text-decoration: none; color: #4f728c;}
html,body{margin:0;padding:0}
body{font-family: sans-serif;
text-align: center; /* IE */  font-family: arial;background: #f0f0f0; color: #263c4d; font-size: small;}
#root {width: 765px; text-align: left; margin: 0 auto;  background: url('img/middle.jpg') repeat-y; border: 1px solid #cacaca;} 
#top-img {display:block; border-top: 4px solid #C71706;}
#kosik {width: 765px;height:40px; background: url('img/topb.jpg'); overflow:hidden;}
#kosik p { margin: 5px 0 0 650px; color: #f0f0f0;}
#kosik p a { font-size: 120%; color: white;}
 #levy {padding-right: 528px; margin: 0 0 0 25px;}
  #pravy {float: right; width: 518px; }
  #pata {clear: right; margin: 0 0 0 250px;  }

  #menu { display: block; margin:0;padding:0;}
  #menu ul { list-style-type: none;margin:0;padding:0;}
  #menu ul li  { background: url('img/menu_bg.gif'); height: 41px; width:152px; float: left;margin:0;padding:0;}
  #menu ul li a {height: 41px; width:152px;  margin: 20px; position: relative;}
  
#menu-shop ul
{
margin: 0;
padding: 0;
list-style-type: none;
}



#menu-shop .zvyrazneny a
{
display: block;
color: #FFF;
color: black;
background-color: #036;
background-color: #D60F08;
width: 180px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#menu-shop a:hover
{
background-color: #369;
color: #FFF;
}
#menu-shop  a
{
display: block;
color: #FFF;
color: black;
background-color: #69C;
background-color: #F47A64;
width: 180px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

.produkt { border: 1px solid black; padding: 4px; margin: 0 0 0.5em 0; background: #f0f0f0;}
.produkt h2 { margin: 2px; color: #369; font-weight: bold;}
.span-skladem { color: green; font-weight: bold;}
.produkt .p-buy { float: right;}
.produkt .im { float: right;}
.produkt .cena-s-dph{display: block; color: #369; margin: 2px 0; font-weight: bold;}

/****************
SMESKA STYLU
*/


#basket{ border: 2px solid #ffffff; padding: 20px; margin: 0px 20px 20px 0px; background: #f2f2f2;}
#basket a{color: #000000;}
.basket-table{width: 95%; text-align: center;}
.basket-table form{float: none; padding: 0;}
.basket-table tr td, .basket-table tr th{text-align: left; padding: 6px 10px;}
.basket-table tr td.right, .basket-table tr th.right{text-align: right;}
.basket-table tr td.left, .basket-table tr th.left{text-align: left;}
#basket-nav form{float: left; padding: 10px 0px 10px 140px; _padding: 10px 0px 10px 120px;}
.basket-table { border-collapse: collapse; border: 1px solid rgb(157,143,124);color: rgb(69,45,13);}
.basket-table tr td, .basket-table tr th{border: 1px solid rgb(157,143,124);}
#basket hr{clear: left; visibility: hidden;}
input.button{ background: #ffffff; cursor: pointer; padding: 2px 3px; border: 1px solid black;}
label.button-cover{ background: #ffffff; padding: 1px;display: inline;}
label.detail-block{display: block; width: 300px; font-size: 0.9em;}


#select-form legend{color: rgb(85,86,91); font-weight: bold; padding: 10px 20px;}
#select-form fieldset{padding: 5px 20px;}
#select-form fieldset p{padding: 0px 0px 0px 40px;}
#select-form fieldset .button-cover{margin: 10px 0px 0px 400px;}

#login-form{padding: 20px;}
#login-form label{display: block; float: left; width: 60px; font-size: 0.8em;}
#login-form input{ background: #ffffff;width: 180px; margin-bottom: 5px;}
#login-form input.button{margin-left: 80px;width: 120px; }

#user-form{margin: 5px 20px; margin: 0 auto;}
#user-form tr th{text-align: left;}
#orders{text-align: center;}
#orders table{margin: 10px auto;}

.errors, .notices{display: block; background: #ffffff; border: 2px solid rgb(61,93,117); _margin-bottom: 20px; font-weight: bold;}
.errors{ color: #e50404;}
.notices{ color: #2fb719;}

.cleaner{clear: left; visibility: hidden;}

/*
#web{width:951px;margin:0 auto; text-align:left;background: url('img/background-web.jpg') repeat-y rgb(228,228,228); position: relative; overflow: hidden; font-size: 80%; display: none;}
h1{display: none;}

#hlavicka{position:relative; margin: 0; padding: 0; height: 179px;}
.kosik-active{ background: url('img/hlavicka-basket.jpg') no-repeat;}
.kosik-inactive{ background: url('img/hlavicka-default.jpg') no-repeat;}
#hlavicka a{display: block; margin: 0; padding: 0; position: relative; top: 61px; left: 120px; width: 238px; height: 51px;}
#hlavicka a img{display: block; margin: 0; padding: 0; cursor: pointer;}

#kosik{position: relative; width: 214px; height: 46px; font-style: italic;}
#kosik a{color: rgb(61,93,117);float: left;font-style: normal; font-weight: bold;}
#kosik a span{display: none;}
#kosik a.kosik, #kosik a.img, #kosik a.contain{position: absolute; font-size: 0.8em;}
#kosik a.kosik h2{font-size: 1.4em;}
#kosik a.kosik{top: 50px; _top: 60px; left: 170px;}
#kosik a.img{width: 28px; height: 24px; background: url('img/basket.gif') no-repeat;top: 80px; left: 170px;}
#kosik a.contain{top: 87px; left: 210px;}

#obal{float:left; width:100%;}
#obsah{margin: 0px 0px 0px 172px; padding: 0px 10px; height: auto;}
#obsah h2{font-size: 140%; color: #3c6f95;}
#obsah h3{font-size: 100%; margin: 10px 20px 0px 20px;}
p{padding: 0px 20px;}

.produkt{margin: 0; padding: 0;width: 160px;  float: left; height: 320px; padding: 3px 0px 5px 0px; margin: 0px 8px 15px 12px; border: 1px solid #ffffff;text-align: center; position: relative; overflow: hidden;}
.produkt p{font-size: small; margin: 0; padding: 0;}
.produkt h3{margin: 0px 1px; height: 40px; padding: 0; line-height: 100%;}
.produkt h3 a{font-size: small; color: rgb(14,16,127); text-decoration: none;}
.produkt h3 a:hover{color: rgb(70,71,174)}
.produkt-img {background: #D5D1E8;	width: 160px;	height: 160px; margin: 0; padding: 0;	text-align: center;	position:relative;	display: table-cell;	vertical-align: middle;}
.produkt-img img {display: block;	position:relative; display: block;	left: 0px;	margin: 0 auto;border: 1px solid rgb(139,148,154);
max-height: 155px; _height: expression(this.scrollHeight > 155? "155px" : "auto" ); cursor: pointer;}
.produkt-img div p {padding: 0px;}
.produkt-img  div {_width: 100%;_position:absolute;_top: 50%;_left: 0;}
.produkt-img div p {_position: relative;_top: -50%;}
.produkt-popis-p{margin: 3px 2px;}
.produkt .cena-s-dph{display: block; margin: 2px 0;}

#detail-produktu-cover{padding: 0px 0px 0px 10px;}
#detail-produktu{ float: left; width: 700px;height: auto; border: 2px solid #ffffff; padding: 10px; margin: 0px 0px 10px 10px;background: #f2f2f2;}
#detail-produktu p{margin: 10px 0;padding: 0;}
#detail-produktu-foto{display: block; float: right; width: 200px; text-align: right; margin: 0px 0px 30px 0px; font-size: small;}
#detail-produktu-foto ul{list-style-type: none;}
#detail-produktu-foto img{border: 1px solid #000000; margin: 0px 0px 15px 0px;}
#detail-produktu-popis{min-height: 140px; _height: 140px;}
#detail-produktu-popis ul{list-style-type: disc; margin-top: 0px; font-size: small;}
#detail-produktu-popis form{margin: 5px 0;background: rgb(228,228,228); width: 150px; border: 2px solid #ffffff; padding: 5px 10px;}
#detail-produktu-popis form .input-text{text-align: right;padding: 2px 5px;}
#detail-produktu-popis form label.button-cover{}
#detail-produktu-popis form .button{padding: 1px 5px;background: #ffffff; cursor: pointer;}
#detail-produktu #ul-vyrobce{margin: 20px 0px 0px 0px; padding: 0; list-style-type: none; font-size: medium;}
#detail-produktu .formular-down{margin: 5px 0;}
#detail-produktu table{clear: right; width: 100%; font-size: small; border-collapse: collapse;}
#detail-produktu table tr th{border-bottom: 1px solid rgb(186,197,210); padding: 0px 0px 5px 0px;}
#detail-produktu table tr td{border-bottom: 1px solid rgb(186,197,210); padding: 5px 0px 3px 0px;}
#detail-produktu-popis table{width: 100%; clear: both;}
#detail-produktu-description{clear: both;}
.paging{float: left; width: 700px; text-align: left; margin: 5px 0px;}



#basket{ border: 2px solid #ffffff; padding: 20px; margin: 0px 20px 20px 0px; background: #f2f2f2;}
#basket a{color: #000000;}
.basket-table{width: 95%; text-align: center;}
.basket-table form{float: none; padding: 0;}
.basket-table tr td, .basket-table tr th{text-align: left; padding: 6px 10px;}
.basket-table tr td.right, .basket-table tr th.right{text-align: right;}
.basket-table tr td.left, .basket-table tr th.left{text-align: left;}
#basket-nav form{float: left; padding: 10px 0px 10px 140px; _padding: 10px 0px 10px 120px;}
.basket-table { border-collapse: collapse; border: 1px solid rgb(157,143,124);color: rgb(69,45,13);}
.basket-table tr td, .basket-table tr th{border: 1px solid rgb(157,143,124);}
#basket hr{clear: left; visibility: hidden;}
input.button{ background: #ffffff; cursor: pointer; padding: 2px 3px;}
label.button-cover{ background: #ffffff; padding: 1px;display: inline;}
label.detail-block{display: block; width: 300px; font-size: 0.9em;}


#select-form legend{color: rgb(85,86,91); font-weight: bold; padding: 10px 20px;}
#select-form fieldset{padding: 5px 20px;}
#select-form fieldset p{padding: 0px 0px 0px 40px;}
#select-form fieldset .button-cover{margin: 10px 0px 0px 400px;}

#login-form{padding: 20px;}
#login-form label{display: block; float: left; width: 60px; font-size: 0.8em;}
#login-form input{ background: #ffffff;width: 180px; margin-bottom: 5px;}
#login-form input.button{margin-left: 80px;width: 120px; }

#user-form{margin: 5px 20px; margin: 0 auto;}
#user-form tr th{text-align: left;}
#orders{text-align: center;}
#orders table{margin: 10px auto;}

.errors, .notices{display: block; background: #ffffff; border: 2px solid rgb(61,93,117); _margin-bottom: 20px; font-weight: bold;}
.errors{ color: #e50404;}
.notices{ color: #2fb719;}

.cleaner{clear: left; visibility: hidden;}

#levy-panel{float:left;width:172px; min-height: 447px; _height: 447px; margin-left:-951px; background: url('img/left.jpg') no-repeat;}
#levy-panel h2, #levy-panel h3{display: block; color: #333333; margin: 0; padding: 0px 0px 4px 8px; font-size: 120%;}
#levy-panel a{color: #333333;}
#levy-panel a:link, #levy-panel a:visited{text-decoration: none;}
#levy-panel a:hover{text-decoration: underline;}
#levy-panel ul{margin: 0; padding: 0px 0px 0px 0px; _margin-left: -7px; list-style-type: none;}
#levy-panel ul li{display: block;margin: 0; padding: 0px 0px 0px 8px; _padding: 0px 0px 0px 15px; height: 20px; overflow: hidden; background: url('img/left-kategorie.jpg') repeat-y; list-style-type: none;}
#levy-panel ul li ul{margin: 0px 0px 0px 0px; padding: 0;}
#levy-panel ul li ul li{margin: 0px 0px 0px -18px; padding: 0px 0px 0px 30px; background: url('img/left-produkt.jpg') repeat-y;}
#levy-panel ul li.selected, #levy-panel ul li ul li.selected{_padding-bottom: 2px;}
#levy-panel ul li.selected a, #levy-panel ul li ul li.selected a{ text-decoration: none; font-weight: bold; color: rgb(61,93,118); border-bottom: 2px solid rgb(61,93,118);}
#levy-panel ul li.zvyrazneny{display: block; height: 26px; width: 140px; position: relative; left: 0px;}
#levy-panel ul li.zvyrazneny a{display: block; font-size: large; background: rgb(234,234,233); border: 2px solid rgb(61,93,117); color:  rgb(61,93,117); padding-left: 10px;}
#levy-panel ul li.zvyrazneny a:hover{background: rgb(254,254,254); text-decoration: none;}

#prihlaseni, #vyhledavani{margin: 10px 0 10px 0;}
#prihlaseni form, #prihlaseni form fieldset, #vyhledavani, #vyhledavani form, #vyhledavani form fieldset{margin: 0; padding: 0; border: 0px none;}
#prihlaseni label, #vyhledavani label{margin: 0px 0px 0px 15px;}
#prihlaseni label input, #vyhledavani label input{width: 115px; margin: 0px 0px 5px 20px; font-weight: bold;}
#prihlaseni input.button{float: left; width: 50px; margin: 0px 5px 0px 20px; padding: 0px 5px;}
#prihlaseni a{font-size: 80%;}

#vyhledavani input.text{width: 115px; margin: 0px 0px 5px 20px; font-weight: bold;}
#vyhledavani input.button{font-size: 90%; width: 70px; padding: 0px 5px; margin: 0px 0px 0px 20px;}

#paticka{clear:left;width:100%; text-align: right; border-top: 10px solid rgb(139,148,154); padding: 10px 0; margin: 20px 0px 0px 0px;}
#paticka p{margin:0;padding:5px 20px 5px 10px; font-size: 90%;}
#paticka a{display:inline;padding:0;color: #000000}
#paticka abbr, #paticka acronym{cursor: help;}
*/