/* RESET STYLES BEGIN */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
/*table {border-collapse: collapse; border-spacing: 0;}*/
/* RESET STYLES END*/

/* DEFAULT */
BODY{background: #8ecbfb url(../pic/background.gif) repeat-x; text-align: center; margin: 0; padding: 0 auto 10px auto;}
TABLE, P, UL, OL, DIV, SPAN, A, H1, H2, H3, LEGEND{font: 9pt "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #4b4343;}
H1{font-size: 16pt; font-weight: normal; margin: 0 0 10px 0; text-align: left; color: #0e4c7c;}
H2{font-size: 13pt; font-weight: bold; color: #4b4343; margin: 0; padding: 10px 0;}
H3{font-size: 11pt; font-weight: bold; color: #4b4343; margin: 0; padding: 10px 0;}
A{color: #c80404; text-decoration: underline;}
A:hover {color: #c80404; text-decoration: none;}
HR{background-color: #B9B9B9; border: 0 none; color: #B9B9B9; height: 1px; clear: left;}
UL{margin: 0 15px 15px 15px; padding: 0 0 0 15px; list-style: square; line-height: 150%;}
OL{list-style: decimal;}
P{margin-top: 0; margin-bottom: 10px; line-height: 150%;}
IMG{vertical-align: middle;}
IMG.help{cursor: help;}
.clear{clear: both; height: 1px; overflow: hidden;}
/* KONEC DEFAULT */

/* FORMULAR DEFAULT */
FORM{margin: 0; padding: 0;}
FIELDSET{border: 1px solid #FFE89B; border-top: 10px solid #FFE89B; padding-bottom: 15px;}
LEGEND{font-weight: bold; font-size: 12pt;}
TD.label{text-align: right;}
LABEL{font-weight: bold;}
TEXTAREA{font: normal 9pt "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; background: #fff url(/pic/input-text-box.gif) repeat-x; border: 1px solid #35aadc;}
SELECT{font-size: 8pt; padding: 0; margin: 0; vertical-align: middle; color: #757171;}
INPUT{vertical-align: middle;}
INPUT.tl-koupit, INPUT.tl-hledat, INPUT.tl-mail{cursor: pointer;}
INPUT.text-box{color: #000; font-size: 8pt; vertical-align: middle; background: #fff url(/pic/input-text-box.gif) repeat-x; border: 1px solid #35aadc;}
/* KONEC FORMULAR DEFAULT*/

/* TABULKY */
TABLE.tab{border: 1px solid #35aadc; width: 100%; width: 529px; margin-bottom: 10px;}
TH{background-color: #35aadc; padding: 3px; color: #fff;}
TD{background-color: #dcecf9; padding: 3px 5px;}

TABLE.tab-zbozi{border: 1px solid #35aadc; width: 100% !important; width: 529px; margin-bottom: 10px;}
TABLE.tab-zbozi TH{background-color: #35aadc; padding: 3px; color: #fff; text-align: center;}
TABLE.tab-zbozi TD{background-color: #dcecf9; padding: 3px; vertical-align: top;}
TABLE.tab-zbozi TD.left{text-align: left;}
TABLE.tab-zbozi TD.center{text-align: center;}
TABLE.tab-zbozi TD.right{text-align: right;}
TABLE.tab-zbozi TD .small{font-size: 8pt;}
/* KONEC TABULKY */

/* NAVIGACNI MENU */
.navigace{display: block; text-align: left; margin: 0 0 30px 0; padding: 10px 5px 0 0;}
.navigace LI{background: url("/pic/li.gif") no-repeat left 2px; margin: 0; padding: 0 10px 0 10px; display: block; float: left; line-height: 100%;}
.navigace LI.first{background: none; padding-left: 0;}
.navigace LI A{display: block; float: left; margin: 0; padding: 0; line-height: 100%;}
/* KONEC NAVIGACNI MENU */

/* PRODUKTY SEZNAM */
#box-pro-karty{margin-left: 1px !important; margin-left: 0;}
.mala-karta{
	background: #ffe79e url(/pic/karta-rozky-bottom.gif) no-repeat bottom;
	width: 181px;
	height: 275px;
	text-align: center;
	float: left;
	margin: 1px 0 0 1px;
}
.mala-karta .mala-karta-obsah{background: url(/pic/karta-rozky-top.gif) no-repeat top; margin: auto; padding: 0 5px 5px 5px; text-align: center;}
.mala-karta .box-foto{width: 150px; text-align: center; height: 150px !important; height: 158px; margin: auto; padding-bottom: 5px; position: relative;}
.mala-karta .box-foto .novinka{position: absolute; background: url(/pic/icons/novinka.gif) no-repeat; width: 20px; height: 20px; left: 0; cursor: help; z-index: 100; float: left;}
.mala-karta .box-foto .akce{position: absolute; background: url(/pic/icons/akce.gif) no-repeat; width: 20px; height: 20px; left: 0; top: 21px; cursor: help;}
.mala-karta .mala-karta-obsah .foto{border: 0 none; margin: 0 auto 3px auto;}
.mala-karta-obsah H2{margin: 0 auto 5px auto;  height: 28px !important; height: 52px; background: url(/pic/dot-linka.gif) repeat-x bottom; text-align: center; padding: 10px 5px;}
.mala-karta-obsah H2 A{font-size: 9pt; font-weight: bold; margin: 0 auto; padding: 0;}
.mala-karta .no-novinka{border: 1px solid #fff; float: left; margin-bottom: 15px;}
.mala-karta no-akce{border: 1px solid #fff; float: right; margin-bottom: 15px;}
.mala-karta .mala-karta-bottom{height: 20px; clear: both; background: url(/pic/dot-linka.gif) repeat-x top;}
.mala-karta .mala-karta-bottom .kod{float: left; width: 90px; padding-top: 3px;}
.mala-karta .mala-karta-bottom .cena{padding-top: 5px; color: #c58701; font-size: 12pt;}
.mala-karta .mala-karta-bottom .cena STRONG{font-weight: bold; color: #c58701; font-size: 14pt;}
/*.mala-karta .mala-karta-bottom .akce, .mala-karta .mala-karta-bottom .novinka{float: right; width: 20px; margin: 0 2px; cursor: help;}*/
.mala-karta .tl-detail{width: 65px; margin: auto; padding: 5px 0 5px 0;}
/* KONEC SEZNAM PRODUKTY */

/* HLASKY */
P.message-hlaska, UL.message-hlaska, P.message-upozorneni{background-color: #fef69f; border: 2px solid #d6bc55; padding: 15px; color: #000; font-weight: bold;}
P.message-hlaska A{font-weight: bold; color: #2B4B2B;}
P.message-hlaska A:hover{color: #c80404; text-decoration: none;}
P.message-upozorneni{background-color: #f43f3f; border: 2px solid #d80404; padding: 5px 15px; color: #fff; font-weight: bold;}
/* KONEC HLASKY*/

.foto{border: 1px solid #2B4B2B;}
.foto-galery{float: left; width: 154px; text-align: center; margin: 0 0 10px 16px !important; margin: 0 5px 10px 9px; height: 152px;}
.foto-galery IMG{border: 1px solid #2B4B2B;}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
#legenda{margin: 0 15px 0 0; float: left;}

.homeInfoText{
	background-color: #fff; padding: 15px; border: 1px solid #FFE79E;
}
/* stredovy zvyrazeny box begin */
.container{background: #ffe89b url(/pic/rozky-top.gif) no-repeat top; padding: 5px 10px 2px 10px; margin: 10px 0 0 0;}
.container-bottom{background: url(/pic/rozky-bottom.gif) no-repeat; height: 4px; overflow: hidden; margin-bottom: 10px;}
/* stredovy zvyrazeny box end */

/* LAYOUTY BEGIN */
#main-stin{background: url(/pic/main-stin.gif) no-repeat; margin: 0 auto; padding: 10px 0; width: 988px; text-align: center;}
#main{width: 964px; background: #fff; margin: 0 auto; padding: 6px 0; text-align: center;}
#top{background: #ffb736 url(/pic/top.jpg) no-repeat right top; width: 952px; height: 182px; margin: 0 auto 1px auto; text-align: left;}
#stred{background: #fff url(/pic/stred-podklad.gif) repeat-y; width: 952px; margin: 0 auto;}
#lbox{background: url(/pic/levy-layout.jpg) no-repeat top; text-align: center; width: 200px; float: left; padding: 15px 0 20px 0;}
#sbox{margin: 0 0 1px 0px; padding: 10px 2px 20px 2px; text-align: left; float: left; width: 549px !important; width: 553px; background: url(/pic/stredni-layout.gif) repeat-x top;}
#sbox .obsah{padding: 0 10px;}
#pbox{width: 199px; margin: 0; padding-bottom: 5px; float: right;}
/* LAYOUTY END */

/* LOGO */
H1#logo{background: url(/pic/logo.gif) no-repeat; width: 200px; height: 182px; margin: 0 !important; margin: 0; float: left; position: relative;}
H1#logo A{border: 0 none; display: block; float: left; height: 182px; left: 0; position: absolute; text-indent: -5000px; top: 0; width: 200px;}
/* KONEC LOGO */

/* TOP MENU */
#top-menu{background: #ffc356 url(/pic/menu-horizontal.jpg) no-repeat 200px top; width: 952px; margin: 0 auto 1px auto; padding: 0; height: 41px;}
#top-menu UL{list-style-type: none; margin: 0; padding: 0;}
#top-menu LI#left{background: #76b5e5 url(/pic/menu-horizontal-left.gif) repeat-x; border-right: 1px solid #fff; float: left; color: #fff; width: 200px !important; width: 201px; height: 41px;}
#top-menu LI#left A{font-weight: normal; color: #c80404; width: 159px !important; width: 198px;}
#top-menu LI{float: left;}
#top-menu LI A{padding: 12px 20px 12px 20px !important; padding: 12px 20px; display: block; float: left; font-weight: bold; color: #c80404; text-decoration: none;}
/*#top-menu LI.oddelovac{background: url(/pic/oddelovac.gif) no-repeat; width: 2px; height: 22px; margin-top: 10px;}*/
/* KONEC TOP MENU */

#box-vyhledavani{margin: 5px auto; padding-bottom: 42px;}
#box-cleneni-menu{background-color: #ffbd0b; width: 198px !important; width: 200px; border-left: 1px solid #1e82d0; border-right: 1px solid #1e82d0; margin: 0 auto; font-size: 12pt; padding-bottom: 5px;}
#box-cleneni-menu A{font-size: 12pt;}

/* BOCNI MENU */
#menu{background: #1e82d0 url(/pic/rozky-menu.gif) no-repeat bottom; margin: auto; padding: 0 0 67px 0; width: 200px;}
UL#nav{width: 198px; list-style: none; margin: 0 auto !important; margin: 0; padding: 0;}
UL#nav LI.foldout{/*background: #ffbd0b url(/pic/tl-foldout.gif) no-repeat 12px 9px;*/ margin: 0; padding: 0;}
UL#nav LI.not-foldout{/*background: #ffbd0b url(/pic/tl-not-foldout.gif) no-repeat 13px 7px;*/ margin: 0; padding: 0;}
UL#nav LI A{background: #ffbd0b url(/pic/tl-not-foldout.gif) no-repeat 13px 7px; font-size: 9pt; font-weight: bold; color: #c80404; text-decoration: none; display: block; width: 158px !important; width: 198px; padding: 3px 15px 3px 25px; text-align: left; margin: 0;}
UL#nav LI A:hover{background-color: #e7a901;}

UL#subnav{list-style: none; margin: 0; padding: 0; text-align: left;}
UL#subnav LI{margin: 0; padding: 0; /*border-bottom: 1px dashed #1e82d0;*/}
UL#subnav LI A{background: #ffbd0b url(/pic/tl-submenu.gif) no-repeat 24px 7px; font-weight: normal; color: #c80404; padding: 3px 5px 3px 35px;}
UL#subnav LI A:hover{background-color: #e7a901;}
UL#subnav LI A.active{background-color: #e7a901;}
/* KONEC BOCNI MENU */

/* AKTUALITY BEGIN */
.aktuality{padding: 5px 0; margin: 0 0 10px 0;}
.aktuality .datum{float: left; font-weight: bold; padding: 0 5px 0 0;}
.aktuality .text{float: left; margin: 0; padding: 0;}
.aktuality .text P, .aktuality .text DIV{margin: 0; padding: 0; line-height: 150%;}
.aktuality-foto{border: 4px solid #a87138; float: left; padding: 1px; margin: 0 10px 0 0;}
.aktuality .soubory{margin: 0; padding: 0;}
.aktuality .soubory IMG{vertical-align: middle; padding: 0 3px;}
/* AKTUALITY END */

/* INFO PANEL BEGIN */
#infopanel{margin: 0 0 25px 0px; padding: 10px 3px 0 3px; text-align: left; color: #fff;}
#infopanel H2{padding: 0 0 7px 5px; color: #fff;}
#infopanel H3{padding: 0 0 7px 5px; font-size: 9pt; color: #555;}
#infopanel P, #infopanel DIV{font-size: 9pt; text-align: justify; padding: 0 5px 10px 5px; margin: 0 0 10px 0; color: #fff;}
/*#infopanel .datum{font-style: italic; border: 0 none; padding: 0 0 5px 5px; margin: 0; color: #fff;}*/
/* INFO PANEL END */

/* CATEGORY BODY FILTER BEGIN */
.nalezeno{padding: 0 15px 3px 0; text-align: right;}
.filterCat{background: url(/pic/lista-filter.jpg) no-repeat; width: 539px !important; width: 549px; height: 26px !important;  height: 32px; padding: 6px 0 0 10px; margin: 0;}
.filterCat IMG{vertical-align: middle; float: left;}
.filterCat INPUT{vertical-align: middle;}
.filterCat .razeni{background: url(/pic/prepazka-filter.gif) no-repeat right; float: left; width: 185px;}
.filterCat .razeni LABEL{float: left; position: relative; top: 3px; ?top: 3px; _top: 3px;}
.filterCat .razeni SELECT{margin: 0 1px 0 4px; color: #353535; float: left; height: 22px; ?height: 22px; _height: 20px;}
.filterCat .razeni SPAN{position: relative; top: 1px; ?top: 0; _top: 0; float: left;}
.filterCat .razeni .asc IMG{float: left; margin: 0 1px 0 0; position: relative; top: 1px; ?top: 0; _top: 0;}
.filterCat .razeni .desc IMG{float: left; margin: 0; position: relative; top: 1px; ?top: 0; _top: 0;}
.filterCat .razeni .asc INPUT{float: left; margin: 0 1px 0 0; position: relative; top: 1px; ?top: 0; _top: 0;}
.filterCat .razeni .desc INPUT{float: left; margin: 0; position: relative; top: 1px; ?top: 0; _top: 0;}

.filterCat .polozek{float: left; padding-left: 20px; padding-right: 20px;}
.filterCat .polozek LABEL{float: left; position: relative; top: 3px;}
.filterCat .polozek SELECT{margin: 0 0 0 4px; color: #353535; vertical-align: middle; float: left; height: 22px; ?height: 22px; _height: 20px;}

.filterCat .showPages{background: url(/pic/prepazka-filter.gif) no-repeat left; padding: 0; float: left;}
.filterCat .showPages .stranek{float: left; position: relative; top: 3px; padding: 0 10px 0 54px; ?padding: 0 10px 0 47px; _padding: 0 10px 0 35px;}
.filterCat .showPages IMG{float: left; position: relative; top: 1px;}
.filterCat .showPages FORM{float: left;}
.filterCat .showPages INPUT.text-box{text-align: center; margin: 1px 1px 0 1px; float: left; height: 16px; ?height: 16px; _height: 22px;}
.filterCat .showPages INPUT.button-box{float: left; position: relative; top: 1px; margin: 0 1px 0 0;}
/* CATEGORY BODY FILTER END */

/* BOX KOSIK */
#box-kosik{background: #ffc355 url(/pic/rozky-box.gif) no-repeat bottom; text-align: left; padding: 7px 7px 20px 7px; margin: 0;}
#box-kosik .head{height: 28px;}
#box-kosik .head .title{font-weight: bold; color: #4b4343; padding: 8px 0 0 0; font-size: 12pt;}
#box-kosik .obsah{font-size: 8pt; margin: 10px 0 0 0;}
#box-kosik .obsah STRONG{font-size: 10pt;}
#box-kosik .obsah .tlacitka{padding: 10px 0 0 0;}
#box-kosik .obsah .tlacitka A{ margin: 5px 5px 0 0;}
/* KONEC BOX KOSIK*/

/* BOX PRIHLASENI KLIENTA */
#box-prihlaseni{background: #ffc355 url(/pic/rozky-box.gif) no-repeat bottom; text-align: left; padding: 0 7px 7px 7px; width: 185px !important; width: 199px; margin: 5px 0 0 0;}
#box-prihlaseni .head{height: 28px;}
#box-prihlaseni .head .title{font-weight: bold; color: #4b4343; padding: 8px 0 0 0; font-size: 12pt;}
#box-prihlaseni .obsah{font-size: 8pt; margin: 10px 0;}
#box-prihlaseni TABLE{margin: 0; border: 0 none; width: auto;}
#box-prihlaseni TD{background-color: transparent; text-align: left; font-size: 8pt; padding: 1px 0;}
#box-prihlaseni TD.label{padding-right: 5px;}

#box-prihlaseni P.small{text-align: left; margin: 10px 0 3px 0;}
#box-prihlaseni P.small A{font-size: 8pt;}
#box-prihlaseni INPUT.text-box{width: 145px;}
#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*/

/* BOX TOP */
#box-top{background: #ffc355 url(/pic/rozky-box.gif) no-repeat bottom; text-align: left; padding: 0 7px 20px 7px; margin: 5px 0 0 0;}
#box-top .head{height: 28px;}
#box-top .head .title{font-weight: bold; color: #4b4343; padding: 8px 0 0 0; font-size: 12pt;}
#box-top .obsah{font-size: 8pt; margin: 10px 0;}
#box-top OL{margin: 0 0 0 20px/*FF,Opera*/; ?margin: 0 0 0 25px/*IE 7*/; _margin: 0 0 0 25px/*IE6*/; padding: 7px 0 0 0; font-weight: bold;}
#box-top OL LI {margin-bottom: 4px}
#box-top OL LI A{position: relative; left: 2px; ?left: -3px; _left: -3px; font-weight: normal; color: #474747}
/* KONEC TOP */

/* BOX AKCNI NABIDKA */
#box-akce{background: #ffc355 url(/pic/rozky-box.gif) no-repeat bottom; text-align: center; padding: 0 7px 5px 7px; margin: 5px 0 0 0;}
#box-akce .head{height: 28px;}
#box-akce .head .title{font-weight: bold; color: #4b4343; padding: 8px 0 0 0; font-size: 12pt; text-align: left;}
#box-akce .obsah{font-size: 8pt; margin: 10px 0;}

/*.box-akce{padding: 0 0 5px 0; margin: 0 auto 10px auto; border-bottom: 1px dotted #b9b5a6;}*/
#box-akce .obsah H2 A{font-size: 9pt; font-weight: bold; margin: 0; padding: 0;}
#box-akce .obsah .text{padding-bottom: 5px; font-size: 8pt;}
#box-akce .obsah .text P, .box-akce .text DIV{font-size: 8pt; line-height: normal; margin: 0;}
#box-akce .obsah P SPAN.cena{font-size: 10pt; font-weight: bold;}
/* KONEC BOX AKCNI NABIDKA */

/* BOX EMAIL NEWS */
#box-email-news{text-align: left; padding: 0 7px 0 7px; margin: 5px 0 0 0;}
#box-email-news .head{height: 28px;}
#box-email-news .head .title{font-weight: bold; color: #4b4343; padding: 8px 0 0 0; font-size: 12pt;}
#box-email-news .obsah{font-size: 8pt; margin: 10px 0;}
#box-email-news OL{margin: 0 0 0 29px !important; margin-left: 32px; padding: 0; font-size: 9pt;}
#box-email-news OL LI {vertical-align: top;}
#box-email-news OL LI A{position: relative; left: -5px !important; left: -9px; padding: 0 0 3px 0; display: block; color: #494C37}
/* KONEC EMAIL NEWS */

/* STRANKA DETAIL VYROBKU */
#detail-vyrobku{background-color: transparent;}
#detail-vyrobku .detail-box-foto{margin: 3px 5px 5px 0; text-align: center;}
#detail-vyrobku .foto {border: 1px solid #2B4B2B;}
#detail-vyrobku .no-foto {border: 0 none;}
#detail-vyrobku .detail-box-foto DIV.tl-lupa{padding: 10px 0 0 0;}
#detail-vyrobku .detail-box-foto DIV.tl-lupa A{background: url(/pic/icons/lupa.gif) no-repeat left 3px; padding: 0 0 0 15px;}

#detail-vyrobku .strucny-popis, #detail-vyrobku .detailni-popis{padding: 0 0 15px 0;}
#detail-vyrobku .i{padding: 0; text-align: right; width: 300px; float: right; height: 21px; margin-bottom: 15px;}
#detail-vyrobku .i-mail{background: url(/pic/icons/email.gif) no-repeat; padding: 0 0 0 25px;}
#detail-vyrobku .i-print{background: url(/pic/icons/tisk.gif) no-repeat; padding: 0 5px 0 25px; margin-left: 10px;}
#detail-vyrobku .i-novinka, #detail-vyrobku .i-akce{cursor: help; margin: 0 1px;}

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

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

#bottom{background: url(/pic/bottom.gif) no-repeat; width: 952px; height: 56px; margin: 0 auto;}
#bottom .left{font-size: 8pt; margin: 5px auto; padding: 10px 5px 0 10px; float: left; width: 300px; text-align: left; color: #fff;}
#bottom .left A{font-size: 8pt;}
#bottom .right{font-size: 8pt; margin: 5px auto; padding: 10px 5px 0 10px; float: right; width: 200px; text-align: right; color: #fff;}