/* 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: 1px;}
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: #f0f3f8 url(../pic/background.png) repeat-x center top; text-align: center; margin: 0; padding: 25px 0 0 0;}
TABLE, P, UL, DIV, SPAN, A, H1, H2, H3{font: 9pt Verdana, Tahoma, "Arial CE", Arial, Geneva, Helvetica, sans-serif; color: #333;}

H1{font-size: 16pt; font-weight: normal; color: #003258; margin: 0 0 10px 0; padding-left: 15px; padding-right: 15px; text-align: left; }
H2{font-size: 12pt; font-weight: bold; color: #454c82; margin: 0; padding: 10px 15px;}
H3{font-size: 11pt; font-weight: bold; color: #7a83c4; margin: 0; padding: 10px 15px;}
A{color: #184c87; text-decoration: underline;}
A:hover {color: #184c87; text-decoration: none;}
HR{background-color: #B9B9B9; border: 0 none; color: #B9B9B9; height: 1px; clear: left;}
UL{margin-top: 0; margin-bottom: 10px; list-style: square; line-height: 150%;}
OL{margin-top: 0px;}
P{margin-top: 0; margin-bottom: 10px; line-height: 150%;}
TABLE{border: 1px solid #bdcddd; width: 100%; margin-bottom: 10px;}
TABLE.tab{border: 1px solid #bdcddd; width: 100% !important; width: 94%; margin-bottom: 10px;}
TABLE.vypis-zbozi{border: 1px solid #bdcddd; width: 100%; margin-bottom: 10px;}
TABLE.onlineKatalog TD{font-size: 10px;}
TABLE.onlineKatalog TH{font-size: 10px;}
TABLE.onlineKatalog TD .text-box{font-size: 10px;}
TABLE TR{background: #f4f7fa;}
TH{background: #bdcddd url(../pic/box-head.png) repeat-x; padding: 5px 3px;}
TD{padding-left: 3px; padding-right: 3px;}
TABLE.vypis-zbozi TD{padding-left: 3px; padding-right: 3px; font-size: 8pt;}
IMG.help{cursor: help;}
.clear{clear: both; height: 1px; overflow: hidden;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
/* KONEC DEFAULT */

/* FORMULAR DEFAULT */
FORM{margin: 0; padding: 0;}
FORM.razeni{float: left;}
FORM.polozek{float: left; padding-left: 10px;}
TD.label{text-align: right;}
INPUT.text-box{background: #fff url(../pic/input-background.gif) repeat-x; border: 1px solid #bdcddd; color: #000; font-size: 8pt;}
TEXTAREA{font: normal 9pt Verdana, "Arial CE", Arial, Geneva, Helvetica, sans-serif; border: 1px solid #bdcddd; color: #000;}
SELECT.select-box{font-size: 8pt;}
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;}
.small{font-size: 8pt;}
.smallest{font-size: 7pt;}

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

/* MALE KARTY V KATALOGU BEGIN */
.mala-karta{background: #dbe3eb url(../pic/karta-vyrobek.gif) repeat-x center top; width: 260px !important; width: 255px; height: 164px !important; height: 164px; text-align: center; float: left; margin: 3px 2px 0 2px !important; margin: 3px 2px 0 1px;}
.mala-karta .mala-karta-obsah{margin: 0 auto; padding: 5px; text-align: left;}
.mala-karta .box-foto{width: 150px; text-align: left; float: left;}
.mala-karta .mala-karta-obsah .foto{border: 0 none; margin: 0 auto;}
.mala-karta-obsah H2{margin: 0 auto; padding: 9px 0 9px 0; height: 15px;}
.mala-karta-obsah H2 A{font-size: 9pt; font-weight: bold; margin: 0 auto; padding: 0; color: #0089d1; text-decoration: none;}
.mala-karta-obsah H2 A:hover{text-decoration: underline;}
.mala-karta .box-text{float: left; text-align: center; width: 100px;}
.mala-karta .box-text .box-novinky-a-akce{height: 40px;}
.mala-karta .box-text .box-cena{font-weight: normal; padding-top: 3px; color: #e00000; text-align: center; height: 45px;}
.mala-karta .box-text .box-cena STRONG{font: bold 13pt Tahoma, "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif;}
.mala-karta .box-text .box-cena STRONG.partner{font: bold 10pt Tahoma, "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif;}
.mala-karta .box-text .box-cena SPAN{font-size: 8pt;}
.mala-karta .tl-detail{text-align: center;}
/* MALE KARTY V KATALOGU END */

P.message-hlaska, P.message-vlozeno, UL.message-hlaska{background-color: #fffdbe; border: 1px solid #de8800; padding: 15px; color: #000; font-weight: bold;}
P.message-hlaska A{font-weight: bold; color: #c80404;}
P.message-vlozeno A{font-weight: bold; color: #c80404;}
P.message-vlozeno A:hover{color: #c80404; text-decoration: none;}

.row-strankovani{padding-top: 3px; padding-left: 0px; width: 480px; clear: both;}

.foto{border: 1px solid #2B4B2B;}
.foto-galery{float: left; width: 119px; text-align: center; margin: 0 0 10px 10px; height: 80px;}
.foto-galery IMG{border: 0px solid #2B4B2B;}

/* -------------------------------- ID ---------------------------*/
#main-podklad{background: #fff url(../pic/background-stred.png) repeat-x center top;}
#main{background: #fff url(../pic/background-main.png) repeat-y; width: 954px; margin: 0 auto; text-align: center;}
#top{width: 950px; height: 184px/*135px*/; margin: 0 auto;}

#topLeftBox{width: 204; height: 184px/*135px*/; float: left; position: relative;}
#topRightBox{width: 728px; height: 184px/*135px*/; float: right;}
#topRightBox #topFlashBox{
	margin-right: 15px;
}

#topLeftBox #obsahPodLogem{background: url(/pic/logo4M.gif) no-repeat; width: 172px; height: 52px; position: absolute !important; left: 15px; top: 120px; position: static; margin: 0 !important; margin: 5px 0 0 0;}

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

/* TOP MENU */
#top-menu{background: #c1d1e4; width: 952px; margin: 0 auto 3px auto; padding: 0; height: 28px;}
#top-menu UL{list-style-type: none; margin: 0; color: #fff; padding: 0 6px 0 0;}
#top-menu LI{float: left;}
#top-menu LI A{padding: 7px 17px 7px 18px !important; padding: 7px 15px 7px 15px; display: block; font-weight: bold; color: #184c87; text-decoration: none;}
#top-menu LI.oddelovac{background: url(../pic/top-menu-oddelovac.gif) no-repeat; width: 1px; height: 28px;}
#top-menu #vlajky{float: right; padding: 6px 15px 0 15px;}
#top-menu #vlajky .vlajka{border: 1px solid #184c87;}
/* KONEC TOP MENU */

/* TOP MENU CATEGORY */
#top-menu-category{background: #fff url(../pic/top-menu-category.gif) repeat-x; width: 950px; margin: 0 auto; padding: 0; height: 43px;}
#top-menu-category UL{list-style-type: none; margin: 0; color: #fff; padding: 0 6px 0 0;}
#top-menu-category LI{float: left;}
#top-menu-category LI A{display: block; font-weight: bold; color: #fff; text-decoration: none;}
#top-menu-category LI A.one{padding: 13px 11px 14px 11px;}
#top-menu-category LI A.two{padding: 7px 10px 8px 10px;}

#top-menu-category LI.oddelovac{background: url(../pic/top-menu-category-oddelovac.gif) no-repeat; width: 3px; height: 43px;}
/* KONEC TOP MENU CATEGORY */

#stred{background: #fff url(../pic/background-stred.png) repeat-x; width: 950px; margin: 0 auto; padding-bottom: 20px;}
#lbox{text-align: center; width: 208px; float: left; padding: 15px 0 0 0;}
#box-vyhledavani{margin: 0 auto 10px auto;}

/* MENU */
#menu{border: 1px solid #bdcddd; margin: auto; padding: 1px 1px 0 1px; width: 204px;}
UL#nav{width: 204px; list-style: none; margin: 0 auto !important; margin: 0; padding: 0;}
UL#nav LI.foldout{background: #184c87 url(../pic/tl-foldout.gif) repeat-x center top; margin: 0 0 1px 0; padding: 0;}
UL#nav LI.not-foldout{background: #184c87 url(../pic/tl-foldout.gif) repeat-x center top; margin: 0 0 1px 0; padding: 0;}
UL#nav LI A{font-size: 10pt; font-weight: bold; color: #fff; text-decoration: none; display: block; width: 174px !important; width: 204px; text-align: left; padding: 4px 10px 7px 20px; margin: 0;}
UL#nav LI A SPAN{color: #fff; font-size: 8pt;}
UL#nav LI A:hover{background: #184c87 url(../pic/tl-foldout.gif) repeat-x center top;}

UL#subnav{list-style: none; margin: 0; padding: 0; text-align: left; background-color: #c1d1e4;}
UL#subnav LI{margin: 0; padding: 0; border-top: 1px solid #fff;}
UL#subnav LI A{background-color: #c1d1e4; font-weight: bold; color: #505158; font-size: 9pt; padding: 4px 10px 4px 20px;}
UL#subnav LI A SPAN{color: #505158; font-size: 8pt;}
UL#subnav LI A:hover{background: #c1d1e4;}
/* KONEC MENU */

/* BANNERY */
#bannery-lbox{background: url(../pic/lista.gif) repeat-x; width: 204px; margin: 25px auto; padding: 0;}
#bannery .banner{margin: 0 auto 10px auto;}
#bannery-pbox{background: url(../pic/lista.gif) repeat-x; width: 208px; margin: 0 auto 25px auto; padding: 0;}
#bannery .banner{margin: 0 auto 10px auto;}
/* KONEC BANNERY */

#sbox{padding: 15px 0 15px 0; text-align: left; float: left; width: 528px; margin: 0 0 0 3px;}
#sbox .text{padding: 0 15px;}
#sbox .text UL{margin-left: 30px; padding-left: 0;}
#sbox .lista-top{background: #f0f4f9; border: 1px solid #bdcddd; padding: 6px 20px 3px 20px;}
#sbox .lista-bottom{background: #f0f4f9; border: 1px solid #bdcddd; padding: 3px 20px 6px 20px; margin-top: 5px; clear: both;}

#sbox #static-pages{padding: 0 15px;}
#sbox #static-pages H2{padding: 10px 0;}
#sbox #static-pages P, #sbox #static-pages DIV{padding-left: 0; text-align: justify;}
#sbox #static-pages UL{text-align: justify;}

#pbox{width: 208px; margin: 0; padding: 15px 0 0 0; float: right;}

/* BOX KOSIK */
#box-kosik{padding: 1px; margin-bottom: 8px; text-align: left; border: 1px solid #bdcddd;}
#box-kosik .head{background: #c6d4e7 url(../pic/box-head.png) repeat-x; height: 34px;}
#box-kosik .head .title{font-weight: bold; color: #535354; padding: 8px 0 0 15px; font-size: 11pt;}
#box-kosik .obsah{font-size: 8pt; margin: 10px 15px;}
#box-kosik .obsah STRONG{font-size: 10pt;}
#box-kosik A.tl-kosik{float: right; margin: 5px 0 0 0; display: block;}
/* KONEC BOX KOSIK*/

/* BOX PRIHLASENI KLIENTA */
#box-prihlaseni{padding: 1px; margin-bottom: 8px; text-align: left; border: 1px solid #bdcddd;}
#box-prihlaseni .head{background: #c6d4e7 url(../pic/box-head.png) repeat-x; height: 34px;}
#box-prihlaseni .head .title{font-weight: bold; color: #535354; padding: 8px 0 0 15px; font-size: 11pt;}
#box-prihlaseni .obsah{font-size: 8pt; margin: 10px 15px;}
#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: 5px 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: 7px 0 0 0 !important; margin: 7px 0 0 0;}
/* KONEC BOX PRIHLASENI KLIENTA*/

/* BOX KONTAKT */
#box-kontakt{padding: 1px; margin-bottom: 8px; text-align: left; border: 1px solid #bdcddd;}
#box-kontakt .head{background: #c6d4e7 url(../pic/box-head.png) repeat-x; height: 34px;}
#box-kontakt .head .title{font-weight: bold; color: #535354; padding: 8px 0 0 15px; font-size: 11pt;}
#box-kontakt .obsah{font-size: 8pt; margin: 1px 0 0 0; background: url(../pic/background-box-kontakt.jpg) no-repeat center top; width: 204px; height: 91px;}
#box-kontakt .obsah P{padding: 60px 15px 0 13px;}
#box-kontakt .obsah P A{background-color: #fff; font-size: 8pt;}
/* KONEC BOX KONTAKT*/

/* BOX AKCE */
#box-akce{padding: 1px; margin-bottom: 8px; text-align: left; border: 1px solid #bdcddd;}
#box-akce .head{background: #c6d4e7 url(../pic/box-head.png) repeat-x; height: 34px;}
#box-akce .head .title{font-weight: bold; color: #535354; padding: 8px 0 0 15px; font-size: 11pt;}
#box-akce .obsah{font-size: 8pt; margin: 10px 15px;}
#box-akce UL{margin: 0; padding: 0 10px 0 20px;}
#box-akce UL LI{line-height: 150%;}
#box-akce UL LI A{font-size: 8pt; line-height: 150%;}
/* KONEC BOX AKCE */

/* STRANKA DETAIL VYROBKU */
#detail-vyrobku{background-color: transparent;}
#detail-vyrobku .detail-box-foto{/*float: left; margin: 0 15px 5px 0;*/ margin: 0 0 5px 0; width: 498px; 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 .box-novinky-a-akce{float: right;}
/*
#detail-vyrobku .detail-novinka{background-color: #eae70d; border: 1px solid #c80404; float: right; font-weight: bold; width: 70px; text-align: center; color: #ff0000; margin-bottom: 15px; margin-right: 10px;}
#detail-vyrobku .detail-akce{background-color: #ffba00; border: 1px solid #c80404; float: right; font-weight: bold; width: 50px; text-align: center;  color: #ff0000; margin-bottom: 15px; margin-right: 10px;}
*/

TABLE#detail-vyrobek-info{width:100% !important; width: 498px; margin-bottom: 15px;}
TABLE#detail-vyrobek-info TH{background: #fff; text-align: left; color: #333; vertical-align: top;}
TABLE#detail-vyrobek-info TH SPAN.poznamka{font-weight: normal;}
TABLE#detail-vyrobek-info TD{background-color: #fff; text-align: left; vertical-align: top;}

#detail-vyrobku .bottom-cena{padding: 0 10px; float: right;}
#detail-vyrobku .nase-cena{font-size: 12pt; font-weight: normal; color: #e00000; 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;}
#detail-vyrobku .mnozstvi{margin-top: 15px;}
/* KONEC STRANAKA DETAIL VYROBKU */

#bottom{background: #eff3f8 url(../pic/background-bottom.png) repeat-x center top; text-align:center; width: 100%; height: 82px;}
#created{font-size: 8pt; margin: 0 auto; padding: 5px; color: #535354;}
#created A{font-size: 7pt;}

#katOnlineKosik{padding: 5px 10px; display: block; background-color: #f80b0b; border: 1px solid #a70505; text-align: center; width: 120px; float: right; margin: 15px 15px 1px 15px; text-decoration: none; color: #fff;}