/*** JAVORSKY CZ - BY WJENCESLAW ***/ 
body{font-family: Verdana, Helvetica, sans-serif;background: rgb(223,223,223); cursor: default;margin: 0; padding: 0;}
a:link {color: #000000;text-decoration: underline;}
a:visited {text-decoration: underline;	color: #000000;}
a:hover {	text-decoration: none; color: #000000;}
a:active { text-decoration: none; color: #000000;}
/*** OBSAH WEBU ***/
#web{width: 1011px; margin: 0 auto; background: url(img/pozadi.gif) repeat-y #ffffff;padding: 0; height: auto; overflow: hidden;}
.cleaner { clear:both; visibility: hidden; height:1px; font-size:1px; background:transparent;margin: 0; padding: 0; }  
/*** HORNI LISTA NAD LOGEM, MOZNOSTI A NAKUPNI KOSIK ***/
#lista{width: 100%; height: 73px; background: #ffffff url(img/jpeg.jpg) no-repeat;margin: 0; padding: 0;}
#lista #logo{float: left; position: relative;}
#lista h1 {position: relative; width: 372px; height: 73px; margin: 0px; padding: 0px; overflow: hidden; font-size: 130%; clear: both; visibility: visible;}
#lista h1 img{border: 0px none;}
#lista h1 span {position: absolute; margin: 0; padding: 0; width: 372px; height: 73px;cursor: pointer; }
#lista ul{font-size: x-small; margin: 0px; padding: 10px 253px 0px 0px; list-style-type: none;}
#lista ul li{float: right; margin: 0px 5px 0px 0px; _margin-right: 4px; padding: 0;background: url(img/lista-menu-li.jpg) no-repeat; height: 20px;}
#lista ul li a{color: #ffffff; text-decoration: underline; padding-left: 18px;}
#lista ul li a:hover{text-decoration: none;}
#kosik{position: absolute; padding: 0; margin: -10px 0px 0px 760px; _margin: -10px 0px 0px 388px; text-align: right; width: 180px; height: 70px; background: transparent;}
*:first-child+html #kosik{margin-left: 386px;}
#kosik img, #kosik a{border: 0px none;}
#kosik a:link, #kosik a:visited, #kosik a:hover{color: #ffffff; text-decoration: none;}
#kosik p.pocet-kusu{position: relative;color: #ffffff; font-size: small; line-height: 25px; float: left; width: 30px;margin: 0; padding: 0;}
#kosik p.cena{position: relative;color: #ffffff; font-size: large;margin: 0px 0px 0px 0px; padding: 0;}
/*
#kosik{position: relative; padding: 0; margin: 0px 0px 0px 0px; text-align: right; width: 180px; _margin-top: 5px;}
#kosik img{border: 0px none;}
#kosik p.pocet-kusu{position: relative;color: #ffffff; font-size: small; line-height: 25px; float: left; width: 30px;margin: 0; padding: 0;}
#kosik p.cena{position: relative;color: #ffffff; font-size: large;margin: 0px 0px 0px 0px; padding: 0;}
#kosik-click{position: absolute; width: 180px; height: 28px; margin: -10px 0px 0px 390px; padding: 0; cursor: pointer; _margin: -25px 0px 0px 0px;}
*/
/*** HLAVICKA OBSAHUJE MENU, KTERE JE ZAROVNANO K PRAVEMU OKRAJI ***/
#hlavicka{width: 1011px; height: 39px; background: rgb(0,0,0) url(img/menu.gif) no-repeat;margin: 0; padding: 0; text-align: right;}
#hlavicka p{margin: 0; padding: 0;}
#hlavicka ul{list-style-type: none;margin: 0px 65px 0px 0px; padding: 0;}
#hlavicka ul li{display: block; height: 39px; float: right; text-align: center; margin: 0px 0px 0px 5px;padding: 0;}
#hlavicka ul li.small a{background: url(img/small.gif) no-repeat; width: 101px; color: #ffffff;}
#hlavicka ul li.small-active a, #hlavicka ul li.small a:hover{background: url(img/small-active.gif) no-repeat;width: 101px; color: #000000;}
#hlavicka ul li.big a{background: url(img/big.gif) no-repeat;width: 180px; color: #ffffff;}
#hlavicka ul li.big-active a, #hlavicka ul li.big a:hover{background: url(img/big-active.gif) no-repeat;width: 180px; color: #000000;}
#hlavicka ul li a{display: block;line-height: 35px; text-decoration: none; height: 39px; font-weight: bold; font-size: medium;}
/*** OBALOVE DIVY PRO OBSAH STRANEK ***/
#obal{min-height: 430px;_height: 400px;}
#hlavni1 {background:transparent;margin: 0; padding: 0;} 
#hlavni2 {margin: 0; padding: 0;background:transparent;} 
/*** LEVY SLOUPEC OBSAHUJICI MENU (KATEGORIE), VYHLEDAVANI A PRIHLASOVACI FORMULARE ***/
#levypanel { float:left; width:218px; background: transparent;margin: 0; padding: 0; }
/*** KATEGORIE - MENU ***/
#levypanel h2#nahore{background: #ffffff url(img/left-top.gif) no-repeat; font-size: medium; height: 20px; padding: 3px 0px 0px 55px; color: #ffffff;margin: 0;}
#levypanel p{margin: 0; padding: 0px 0px 0px 50px;background:transparent;}
#levypanel ul{margin: 0px 0px 0px 50px; list-style-type: none; padding: 0;}
#levypanel ul li{margin: 0; padding: 0;}
#levypanel ul li a {display: block;width: 163px; background: #ffffff url(img/leve-menu-odkaz-pozadi.gif) repeat-x; font-size: 11px; height: 18px; text-decoration: none; padding-left: 5px; font-weight:bold;}
#levypanel ul li a:hover, #levypanel ul li.active a{background: #f2f2f2 url(img/leve-menu-odkaz-polozka-hover.gif) repeat-x; font-weight:bold;}
/*** VYHLEDAVACI FORMULAR ***/
#levypanel h2#vyhledavani, #levypanel h2.nadpis{background: url(img/vlevo-nadpis.gif); height: 18px; font-size: medium; padding: 2px 0px 0px 5px; color: #ffffff; margin: 0px 0px 0px 50px;}
#levypanel h2#vyhledavani{margin-top: 20px;}
#levypanel form#hledani{background: #ffffff url(img/vlevo-pozadi-menu.gif) repeat-x;margin: 0px 0px 0px 50px; padding: 0;}
#levypanel form#hledani p{padding: 0;margin: 8px 0px 5px 5px; }
#levypanel form#hledani p input{padding: 2px; border: 1px rgb(172,172,172) solid; width: 150px;}
#levypanel form#hledani a.rozsirene-vyhledavani{font-size: xx-small;margin: 0px 0px 0px 3px;}
#levypanel form#hledani .ok{background: #990000 url(img/button.gif) no-repeat; color: #ffffff; border: 0;width: 41px; height: 22px; margin:0; padding:0;}
#levypanel form#hledani fieldset{margin: 0; padding: 0; border: 0; height: 98px;}
*:first-child+html #levypanel form#hledani .ok{margin-left: -43px;}
*:first-child+html #levypanel form#prihlaseni .ok{margin-left: -45px;}
/*** PRIHLASOVACI FORMULAR ***/
#levypanel h2#prihlaseni-h{background: url(img/vlevo-nadpis.gif); height: 18px; font-size: medium; padding: 2px 0px 0px 5px; color: #ffffff; margin: 0px 0px 0px 50px;}
#levypanel form#prihlaseni{background: #ffffff url(img/vlevo-pozadi-menu.gif) repeat-x;margin: 0px 0px 0px 50px; padding: 0;}
#levypanel form#prihlaseni p{padding: 0; font-size: xx-small;margin: 5px 0px 5px 5px;}
#levypanel form#prihlaseni input{padding: 2px; border: 1px rgb(172,172,172) solid; width: 148px;}
#levypanel form#prihlaseni .ok{background: #990000 url(img/button.gif) no-repeat; color: #ffffff; border: 0; width: 41px; height: 22px; margin: 0px 0px 0px 117px; padding: 0;}
*html #levypanel form#prihlaseni .ok{_margin: 0px 0px 0px 67px; }
#levypanel form#prihlaseni fieldset{text-align: left; padding: 0; border: 0; height: 98px;}
/*** PRAVY PANEL S NAHLEDY PRODUKTU ***/
#pravypanel { float:right; width:712px;font-size:80%; background: transparent; padding: 10px 60px 0px 20px; margin: 0;}
.produkt{width: 209px; height: auto; float: left; margin: 3px 10px; text-align: center; padding: 0;}
.produkt a{text-decoration: none;}
.produkt p{padding: 0px 10px;}
h3{font-size: small; margin: 0; padding: 0;}
.produkt-top{display: block; height: 16px; background: #ffffff url(img/produkt-top.gif) no-repeat; overflow: hidden;}
.produkt-obsah{display: block; min-height: 230px; _height: 250px; background: #ffffff url(img/produkt-middle.gif) repeat-y; padding: 10px 0px 0px 0px; margin: 0;}
.produkt-obsah img{margin: 5px; border: 2px solid #000000;}
.produkt-obsah input{border: 2px solid rgb(197,210,232);}
.produkt-obsah input.button{background: rgb(224,235,252); border: 2px solid rgb(197,210,232);}
.produkt-obsah input.button:hover{background: rgb(244,248,254); border: 2px solid rgb(197,210,232); cursor: pointer;}
.produkt-bottom{display: block; height: 28px; background: #ffffff  url(img/produkt-bottom.gif) no-repeat;padding-top: 3px;}
.produkt-bottom-lupa{display: block; height: 28px; background: #ffffff  url(img/produkt-bottom-lupa.gif) no-repeat; padding-top: 3px;}
.produkt-bottom-lupa a{display: block; width: 70px; height: 30px; margin-left: 139px; margin-top: -20px;}
/*** PRAVYPANEL S NAHLEDEM PRODUKTU - TEXTOVY SLOUPEC (POKUD JE ZOBRAZEN) ***/
#pravypanel-produkty{display: block; float: left; width: 480px;}
#pravypanel-produkty img{border: 0px none;}
#obal hr{display: block; clear: left; float: none; visibility: hidden;}

/*** ZAKONCOVACI CAST STRANKY - COPYRIGHT - UMISTENO DOLE POD OBSAHEM WEBU ***/
#paticka { background:transparent; font-size:x-small; color: #000000;  min-height: 50px;margin: 40px 0px 0px 0px; padding: 0; text-align: right;}
#paticka p{padding: 0px 60px 10px 0px;}


/***********************
Formátování základních prvků

****************************/
/***
TABULKY
**/
.border-all {
	border: 1px solid black;
}
.border-all th, .border-all td {
	border: 1px solid black;
	padding: 4px;
}
.right {
	text-align: right;
}

/**
FORMULÁŘE
**/
 
input.xs 					{ width: 3em; }
input.s 					{ width: 4em; }
input.m 					{ width: 8em; }
input.l 					{ width: 12em; }
input.xl, select.xl			{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl					{ width: 35em;  height: 10em; }
textarea.xxxl					{ width: 35em;  height: 30em; }
.w-200 {
	width: 200px;
}
.alignRight {
text-align: right;
}
.povinne {
font-weight: bold;
color: red;

}


/****
BY PIF - nove zobrazeni produktu
***/
.kprodukt form, .tprodukt form {
margin:0;padding:0;
}
.kprodukt {
	width: 212px; height: auto; float: left; margin: 3px 8px; text-align: center; padding: 2px;
	border: 1px solid #cacaca;
	height: 170px;
}

.kprodukt h2{
	font-size: 105%;
	margin: 4px 0 3px 0;
}
.kprodukt-popis {

}
.kprodukt-top { height: 110px; width: 212px;float: left;}
.kprodukt img {
	float: left;
	
	border: 0;
	margin: 5px; 
	
}
.kprodukt-cena {
	text-align: center;
	width: 212px;
	margin:0;
	padding: 2px 0 0 0;
	height: 60px;
	float: left;	
	 background: #EFF5FF;
}
.kprodukt-koupit {
 	text-align: center;
	width: 209px;
	margin: 3px 0 0 0;
	float: left;
}

.kprodukt-naobjednavku { color: #8F7900;}
.kprodukt-skladem {color: green;}
.kprodukt-pujcovne {color: green;}
.kprodukt-akce {color: blue;}
.kprodukt-pripravujeme {color: blue;}
.kprodukt-novinka {color: red;}
.kprodukt input, .tprodukt input, #filtr input{border: 2px solid rgb(197,210,232);font-size:85%;}
.kprodukt input.button, .tprodukt input.button,  #filtr input.button{background: rgb(224,235,252); border: 2px solid rgb(197,210,232);}
.kprodukt input.button:hover, .tprodukt input.button:hover, #filtr input.button:hover{background: rgb(244,248,254); border: 2px solid rgb(197,210,232); cursor: pointer;}


.tprodukt {
	border-collapse: collapse;
	border: 1px solid black;
	margin: 6px 0 0 0;
}

.tprodukt th {
	font-weight: bold;
	background: #C5D2E8;
}
.tprodukt td {
	padding: 4px;
}
.tprodukt-row-sudy {
	background: #f0f0f0;
}
.tprodukt-row-lichy {
	background:  rgb(244,248,254);
	background: rgb(197,210,232);
	background: #DFEBFF;
}

.paging-and-select {
	margin-top: 4px;

}
.paging-and-select input { }

#nadpis-stranky {
margin:0;
padding:0;
}
#opx1, #opx2 {
position: relative;
top: 4px;
}