@import url("popup_layer.css");

/* DEFAULT */
HTML, BODY {height: 100%;}
BODY{background: url(../pic/background.gif) repeat; text-align: center; margin: 0; padding: 0;}
TABLE, P, UL, DIV, SPAN, A, H1, H2, H3{font: 9pt "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #555;}

H1{font-size: 16pt; font-weight: normal; margin: 0 0 10px 0; padding-left: 0px; text-align: left; color: #2b4b2b;}
H2{font-size: 13pt; font-weight: bold; color: #2b4b2b; margin: 0; padding: 10px 0;}
H3{font-size: 11pt; font-weight: bold; color: #aba64f; margin: 0; padding: 10px 0;}
A{color: #2B4B2B; text-decoration: underline;}
A:hover {color: #2B4B2B; text-decoration: none;}
HR{background-color: #559319; border: 0 none; color: #559319; height: 1px; clear: left;}
UL{margin-top: 0;	list-style: square; line-height: 150%;}
OL{margin-top: 0px;}
P{margin-top: 0; margin-bottom: 10px; line-height: 150%;}
TABLE.tab{border: 1px solid #F9E9C7; width: 100%; margin-bottom: 10px;}
TH{background-color: #BCE892; padding-left: 3px; padding-right: 3px; color: #559319;}
TD{background-color: #D5F0BA; padding-left: 3px; padding-right: 3px;}
IMG.help{cursor: help;}
.clear{clear: both;}
/* KONEC DEFAULT */

/* FORMULAR DEFAULT */
FORM{margin: 0; padding: 0;}
FORM.razeni{float: left;}
TD.label{text-align: right;}
INPUT.text-box{color: #000; font-size: 8pt;}
TEXTAREA{font: normal 9pt "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000;}
SELECT.select-box{font-size: 8pt; padding: 1px 5px;}
INPUT.button-box{
	background-color: #F1A605;
	border: 1px solid #000;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 8pt;
}
INPUT.tl-koupit{cursor: pointer; vertical-align: top;}
INPUT.tl-hledat{cursor: pointer; vertical-align: top;}
LABEL{font-weight: bold;}
/* KONEC FORMULAR DEFAULT*/

SPAN.povinne{color: Gray;}
FIELDSET{border: 1px solid #555; padding-bottom: 15px;}
LEGEND{color: #555;}

/*Navigační menu*/
.navigace {color: #777; display: block; text-align: left; margin: 0; padding: 0 5px 15px 0;}
.navigace LI {background: url("../pic/li.gif") no-repeat left center; display: inline; float: none; margin-top: 0; padding: 0 6px 2px 16px;}
.navigace LI.first {background: none; padding-left: 0;}
.navigace LI A {display: inline; float: none; padding-bottom: 1px;}

/*malé karty v katalogu*/
.mala-karta{
	background-color: #fff;
	width: 169px;
	height: 270px;
	border: 1px solid #d57f7f;
	text-align: center;
	float: left;
	margin: 5px 3px 0 3px !important;
	margin: 5px 3px 0 3px;
}
.mala-karta .mala-karta-obsah{margin: auto; padding: 5px;}
.mala-karta .box-foto{height: 150px; padding-top: 1px;}
.mala-karta .mala-karta-obsah .foto{border: 0 none; margin: auto; vertical-align: middle;}
.mala-karta-obsah H2{margin: 0 auto; padding: 3px 0 3px 0; height: 36px;}
.mala-karta-obsah H2 A{font: bold 9pt Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 0 auto; padding: 0;}
.mala-karta .mala-karta-bottom{padding-bottom: 3px;}
.mala-karta .mala-karta-bottom .cena{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; height: 30px; font-size: 12pt; font-weight: bold;}
.mala-karta .novinka{font-size: 9pt; font-weight: bold; color: #ff0000;}
.mala-karta .kratky-popis{font-size: 8pt;}
.mala-karta .tlacitka{margin: 3px 0 0 0;}

P.message-hlaska, UL.message-hlaska{background-color: #99ff91; border: 2px solid #6ebe20; padding: 15px; color: #000; font-weight: bold;}
P.message-hlaska A{font-weight: bold; color: #2B4B2B;}
P.message-vlozeno{background-color: #99ff91; border: 2px solid #6ebe20; padding: 15px; color: #000; font-weight: bold;}
P.message-vlozeno A{font-weight: bold; color: #2B4B2B;}
P.message-vlozeno A:hover{color: #2B4B2B; text-decoration: none;}

.row-strankovani{float: right; padding-top: 3px;}

.foto{border: 1px solid #2B4B2B;}
.foto-galery{float: left; width: 150px; text-align: center; margin: 0 5px 10px 9px; height: 152px;}
.foto-galery IMG{border: 1px solid #2B4B2B;}
.foto-velikost{text-align: center; padding: 0 0 10px 0;}
.aktuality-foto{border: 1px solid #2B4B2B; float: left; margin: 0 10px 10px 0; padding: 1px;}


.box-akce{padding: 0 10px; margin: auto;}
.box-akce .cena{font-size: 11pt; color: #6EBE20; font-weight: bold; padding-bottom: 15px;}

/* úvodní stranka */
.box-info{float: left; background-color: #BCE892; border:1px solid #559319; margin: 0 0 0 10px; width: 220px !important; width: 250px; padding: 15px; height: 110px !important; height: 150px;}
.box-info-big{background-color: #BCE892; border:1px solid #559319; margin: 15px 0 0 0; width: 500px !important; width: 530px; padding: 15px;}

.datum{font-style: italic;}
/* konec uvodni stranka */	

/* -------------------------------- ID ---------------------------*/
#main{
	width: 964px;
	background: #fff url(../pic/podklad.gif) repeat-y;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}
BODY>#main {height: auto;}
#top{background: #fff url(../pic/top.jpg) no-repeat; width: 952px; height: 124px; margin: auto;}

/* TOP MENU - pro dve jazykove verze */
#top-menu-cs, #top-menu-en{background: #467815 url(../pic/menu-horizontal.gif) repeat-x; width: 952px; margin: 0 auto; padding: 0; height: 46px;}
#top-menu-cs UL, #top-menu-en UL{list-style-type: none; height: 25px; margin: 0 0 5px 0; color: #fff; padding: 0 6px 0 0;}
#top-menu-cs LI#left, #top-menu-en LI#left{background: #3F6C13 url(../pic/menu-horizontal-left.gif) no-repeat; float: left; color: #fff; width: 200px; height: 46px;}
#top-menu-cs LI#left A, #top-menu-en LI#left A{font-weight: normal;}
#top-menu-cs LI, #top-menu-en LI{float: left;}
#top-menu-cs LI A{padding: 12px 15px; display: block; font-weight: bold; color: #aee875;}
#top-menu-en LI A{padding: 12px 12px; display: block; font-weight: bold; color: #aee875;}
#top-menu-cs LI#vlajky, #top-menu-en LI#vlajky{float: left; padding: 12px 15px;}
#top-menu-cs LI#vlajky A, #top-menu-en LI#vlajky A{display: inline; padding: 0;}
#top-menu-cs LI.oddelovac, #top-menu-en LI.oddelovac{background: url(../pic/oddelovac.gif) no-repeat; width: 2px; height: 23px; margin-top: 8px;}
.vlajka{border: 1px solid #fff;}
/* KONEC TOP MENU */


#stred{background: #fff url(../pic/stred-podklad.gif) repeat-y; width: 952px; margin: auto;}
#lbox{text-align: center; width: 198px; float: left; padding-bottom: 120px;}
#box-vyhledavani{margin: 5px auto;}

/* MENU */
#menu{margin: auto; padding: 0; width: 180px;}
UL#nav{width: 180px;list-style: none; margin: 0; padding: 0;}
UL#nav LI.foldout{background: url(../pic/tl-foldout.gif) no-repeat; margin: 0 0 1px 0; padding: 0;}
UL#nav LI.not-foldout{background: url(../pic/tl-foldout.gif) no-repeat; margin: 0 0 1px 0;padding: 0;}
UL#nav LI A{font-size: 9pt; font-weight: bold; color: #2b4b2b; text-decoration: none; display: block; width: 145px !important; width: 180px; padding: 3px 10px 3px 25px; text-align: left; margin: 0;}
UL#subnav{list-style: none; margin: 0; padding: 0; text-align: left;}
UL#subnav LI{margin: 0; padding: 0; border-bottom: 1px dashed #2b4b2b;}
UL#subnav LI A{background: #bce892 url(../pic/tl-submen.gif) no-repeat; font-weight: normal; color: #2b4b2b; padding: 3px 0px 3px 35px;}
UL#subnav LI A:hover{color: Background;}
/* KONEC MENU */

/* PRODEJNI AKCE */
#prodejni-akce{background: #fffccc url(../pic/lista.gif) repeat-x; margin: 25px 10px; padding: 0 3px 0 3px;}
#prodejni-akce H2{font-size: 11pt;}
#prodejni-akce P{font-size: 8pt;	text-align: left; border-bottom: 1px solid #BCE892; padding: 0 5px 5px 5px; margin: 0 0 5px 0;}
/* KONEC PRODIEJNI AKCE*/

#sbox{background-color: #FFFCCC; margin: 0 0 1px 0; padding: 10px 10px 120px 10px; text-align: left; float: left; width: 532px !important; width: 551px;}
#sbox .lista-top{background: #bce892 url(../pic/lista.gif) repeat-x;  padding: 6px 20px 3px 20px; margin-bottom: 0;}
#sbox .lista-bottom{background: #bce892 url(../pic/lista-bottom.gif) repeat-x bottom; padding: 3px 20px 6px 20px; margin-top: 5px; clear: both;}
#pbox{width: 200px; margin: 0; padding-bottom: 120px; float: right;}

/* BOX KOSIK */
#box-kosik{background: #bce892 url(../pic/lista.gif) repeat-x; text-align: left; padding-top: 7px; padding-left: 7px; margin: 5px 0 0 0;}
#box-kosik H3{padding: 0 0 7px 0; color: #559319;}
#box-kosik A.tl-kosik{float: right; margin: 7px;}
/* KONEC BOX KOSIK*/

/* BOX PRIHLASENI KLIENTA */
#box-prihlaseni{background: #bce892 url(../pic/lista.gif) repeat-x; float: right; text-align: left; padding: 7px; width: 186px !important; width: 200px; margin: 5px 0 15px 0;}
#box-prihlaseni H3{padding: 0 0 7px 0; color: #559319;}
#box-prihlaseni TABLE{margin: 0 3px;}
#box-prihlaseni TD{background-color: transparent; text-align: left;}
#box-prihlaseni P.small{text-align: left; margin: 0 0 3px 0;}
#box-prihlaseni P.small A{font-size: 8pt;}
#box-prihlaseni INPUT.text-box{width: 110px;}
#box-prihlaseni INPUT.tl-prihlasit{float: right; margin: 7px 0 0 0 !important; margin: 7px 0 0 0;}
#box-prihlaseni INPUT.tl-odhlasit{float: right; margin: 0px 0 0 0 !important; margin: 0px 0 0 0;}
/* KONEC BOX PRIHLASENI KLIENTA*/

/* STRANKA DETAIL VYROBKU */
#detail-vyrobku{background-color: transparent;}
#detail-vyrobku .detail-box-foto{float: left; margin: 0 15px 5px 0; width: 155px; text-align: center;}
#detail-vyrobku .foto {border: 1px solid #2B4B2B;}
#detail-vyrobku .no-foto {border: 0 none;}
#detail-vyrobku .vyrobek-popis{padding: 0 0 15px 0;}
#detail-vyrobku .detail-novinka{padding: 0 5px; float: right;}

TABLE#detail-vyrobek-info{width: 362px !important; width: 358px; margin-bottom: 15px;}
TABLE#detail-vyrobek-info TH{background-color: #f7f4c0; text-align: left; color: #555; line-height: 150%;}
TABLE#detail-vyrobek-info TH SPAN.poznamka{font-weight: normal;}
TABLE#detail-vyrobek-info TD{background-color: #f7f4c0; text-align: left;}

#detail-vyrobku .bottom-cena{padding: 0 10px; float: right;}
#detail-vyrobku .nase-cena{font-size: 11pt; font-weight: bold; color: #6EBE20; display: block; padding-bottom: 10px; text-align: right;}
#detail-vyrobku .bezna-cena{text-align: right; font-weight: bold;display: block;}
#detail-vyrobku .usetrite{font-weight: bold; text-align: right; display: block;}
#detail-vyrobku .mnozstvi{margin-top: 15px;}
/* KONEC STRANAKA DETAIL VYROBKU */

#bottom{
	background: #fff url(../pic/bottom.gif) repeat-x;
	text-align:center;
	clear: both;
	width: 952px;
	height: 90px;
	margin-left: 6px;

	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
}
#created{font-size: 8pt; margin: 5px auto; padding: 5px;}
#created A{font-size: 7pt;}