/* LEVY BLOK */
.leftblok { width: 181px; float: left; margin-right: 15px; color: #395374; }
.leftblok .beiotto { background: #e6463c; width:181px; height:181px; position: relative; }
.leftblok .beiotto .title { position: absolute; left: 0; bottom: 30px; text-align: center; display: block; width: 171px; color: #FFF; font-size: 23px; font-family: ITCAvantGarde, "Century Gothic", arial; line-height: 1.15em; padding: 0 5px;}
.leftblok .beiotto09 { background: #82b73d; width:181px; height:181px; position: relative;  }
.leftblok .beiotto09 .title { position: absolute; left: 0; bottom: 20px; text-align: center; display: block; width: 171px; color: #FFF; font-size: 23px; font-family: ITCAvantGarde, "Century Gothic", arial; line-height: 33px; padding: 0 5px; }
.leftblok .otto10leto { background: #f7a400; width:181px; height:181px; position: relative;  }
.leftblok .otto10leto .title { position: absolute; left: 0; bottom: 20px; text-align: center; display: block; width: 171px; color: #FFF; font-size: 23px; font-family: ITCAvantGarde, "Century Gothic", arial; line-height: 33px; padding: 0 5px; }
.leftblok .category { width:181px; height:181px; position: relative; margin-bottom: 25px; }
.leftblok .category .title { position: absolute; left: 0; bottom: 20px; text-align: center; display: block; width: 171px; color: #FFF; font-size: 23px; font-family: ITCAvantGarde, "Century Gothic", arial; line-height: 33px; padding: 0 5px; }

.leftblok a { color: #395374; }
.leftblok a:hover { color: #395374; }
.leftblok .light { background: #D0E6F8; padding: 0 5px 0 5px; }
.leftblok .light a strong { text-decoration: underline; }
.leftblok .light a.newsletter { line-height: 27px; background: url(../img/raquo_bl.gif) no-repeat 0 10px; font-weight: bold; }
.leftblok .light a.newsletter img { float: right; margin: 1px 64px 0 0; }
.leftblok .light a.nehu img { margin-right: 45px; }
.leftblok .dark { background: #A1CDF2; border-bottom: 1px solid #FFF; padding: 0 0 0 5px; }
.leftblok .arr { display: block; padding: 0 0 0 13px; margin: 0; line-height: 15px; background: url(../img/raquo_bl.gif) no-repeat 0 4px; }
.leftblok .underarr { display: block; padding: 0 0 0 13px; margin: 0; }

.leftblok div.blue { background: #A1CDF2; }
.leftblok div.grey { background: #747474; }
.leftblok div.logoadm { text-align: center; margin-top: 13px; }

.leftblok div.leftkatalog img { float: left; margin-right: 5px; }
.leftblok div.leftkatalog .txtkat { float: left; width: 90px; }
.leftblok div.leftkatalog ul { margin: 0; padding: 0px; }
.leftblok div.leftkatalog ul li { display: block; background: url(../img/raquo_bl.gif) no-repeat 0px 3px; padding: 0 0 0 12px; }


.leftblok div.leftbann { margin-bottom: 7px; position: relative; }
.leftblok div.leftbann a { text-decoration: none; }
.leftblok div.leftbann a:hover { color: #212121; }
.leftblok div.leftbann a span { position: absolute; top: 13px; left: 13px; }

.leftblok div.lightblue { background: #D0E6F8; border: 1px solid #FFE9CD; margin: 1px 0 7px 0; padding: 0 10px 8px 0; }
.leftblok div.lightblue a.button { display: block; padding: 9px 0 0 20px; background: none; }
.leftblok div.lightblue a.buttonhu { display: block; padding: 9px 0 0 16px; background: none; }
.leftblok div.lightblue a.buttonhu:hover { background: none; }
.leftblok div.lightblue a.button:hover { background: none; }
.leftblok div.lightblue ul { padding: 0; margin: 0; }
.leftblok div.lightblue li { margin: 4px 0 0 0; padding: 1px 0; }
.leftblok div.lightblue a { font-weight: bold; background: url(../img/arrow_left.gif) no-repeat; background-position: 10px 5px; padding: 0 0 0 20px; display: block; margin: 0; }
.leftblok div.lightblue a:hover { background: url(../img/arrow_left_over.gif) no-repeat; background-position: 10px 5px; }
.leftblok div.lightblue a.normal { font-weight: normal; background: none; }
.leftblok div.lightblue a.normal:hover { background: none; }

.leftblok div.lightblue div.prihluser { margin: 5px 0 5px 20px; font-weight: bold; }
.leftblok div.lightblue div.prihluser span.txtuser { color: #212121; }
.leftblok div.lightblue div.prihluser span.user { color: #FF5A01; }

.leftblok .bselect { padding: 9px 5px; }
.leftblok .bselect h3 { margin-bottom: 7px; color: #FFF; }
.leftblok .bselect select { width: 135px; }

.leftblok div.kupony { background: #E23322; }
.leftblok div.kupony h2 { color: #FFF; }
.leftblok div.kupony2 { background: #E23322; margin: 1px 0 7px 0; padding: 1px 10px 8px 1px; }
.leftblok div.kupony2 ul { padding: 0; margin: 0; }
.leftblok div.kupony2 li { margin: 4px 0 0 0; padding: 1px 0; }
.leftblok div.kupony2 a { font-weight: normal; background: url(../img/sipka_bila.gif) no-repeat; background-position: 10px 5px; padding: 0 0 0 20px; display: block; margin: 0; color: #FFF; }
.leftblok div.kupony2 a:hover { color: #FFF; }



/* docasne pro leftblok na hp > prevzato z nemecka */
li.ln-bg { background: url(../img/leftblok/lnl_start.gif) no-repeat; padding-top:0px; margin-bottom:4px; }
.ln-bg a {text-decoration: none; display:block; width:180px;}
.ln-bg a:hover {text-decoration: none;}
.ln-bg .title {visibility:hidden;width:180px;height:23px;display:block}
#ln-bestell { background-position: 0px -196px;}
#ln-kcenter { background-position: 0px -234px;}
#ln-sendung { background-position: 0px -272px;}
#ln-newl { background-position: 0px -310px;}
#ln-ueber { background-position: 0px -348px;}
.navArea { height: 195px; }
.navArea h3
{ width: 180px; overflow: hidden; font-size: 19px; line-height: 23px; margin: 25px 0 15px 0; color: #f7a400; }
.navArea li { width: 180px; overflow: hidden; margin-bottom: 2px; }
.navArea a, .navArea a:link, .navArea a:visited 
{ font-weight: normal; text-decoration: none; color: #fbbb01; }
.navArea a:hover { text-decoration: underline; }


.leftcustomer { margin: 24px 0 26px 0; }
.leftcustomer .txt { font-weight: bold; color: #D92229; border: 1px solid #b5141a; padding: 2px 0 4px 15px; }
.leftcustomer .txt a { color: #D92229; text-decoration: underline; }


#katAnforderung a,
#katAnforderung a:link,
#katAnforderung a:visited { color: #8CBB21; text-decoration: none; font-weight: normal;}
#katAnforderung ul a,
#katAnforderung ul a:link,
#katAnforderung ul a:visited { color: #8CBB21; text-decoration: underline; font-weight: bold; }
#katAnforderung ul img { border: 1px solid #E5BBC6; float: left; margin-right: 5px; }
/* docasne pro leftblok na hp > prevzato z nemecka */

/* navstivene produkty */
#navstivene { padding: 24px 10px 20px 0; font-size: 10px;  }
#navstivene h3 { margin-bottom: 10px; font-size: 1.9em; font-family: Arial, Helvetica, sans-serif; }
#navstivene a { text-decoration: underline; display: block; font-size: 1.2em; line-height: 2; color: #000; }
/* /navstivene produkty */

/* uzivatelsky ucet */
.leftblok .user { padding: 24px 0 20px 0; color: #000; }
.leftblok .user h3 { margin-bottom: 10px; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; }
.leftblok .user a { text-decoration: underline; display: block; font-size: .9em; line-height: 2; color: #000; }
/* /uzivatelsky ucet */


/* leve menu */
.leftmenu { background: #FFF; }
.leftmenu a { color: #203957; text-decoration: none; display: block; }
.leftmenu div.h49 { height: 49px; }
.leftmenu div.h49 table { vertical-align: middle; height: 49px; }
.leftmenu div.h49 a { color: #FFF; font-weight: bold; font-size: 1.1em; padding: 0 0 0 20px; background: url(../img/leftm_a_down.gif) no-repeat 6px 5px; }
.leftmenu ul { border-left: 0px solid #DA2031; padding: 1px 0 0px 1px; background: #FFF; }
.leftmenu ul li { display: inline; }
.leftmenu ul li a { background: #FFF; margin: 2px 0 0 0; }

.leftmenu ul li.fst a span { margin: 0 0 1px 0; }
.leftmenu ul li.fst a { border-top: 0px none; }

.leftmenu ul li a span { display: block; padding: 3px 5px 2px 11px; margin: 1px 0; background: url(../img/menu/sm-arrow.gif) no-repeat 4px 5px; }
.leftmenu ul li a:hover span { display: block; background: #DA2031 url(../img/menu/sm-arrow-over.gif) no-repeat 4px 5px; }
.leftmenu ul li a.rozbaleny span { background: url(../img/leftblok/leftm_adown_normal.gif) no-repeat 2px 7px; font-weight: bold; }
.leftmenu ul li a.rozbaleny:hover span { background: url(../img/leftblok/leftm_adown_over.gif) no-repeat 2px 7px; }
.leftmenu ul li a.rozbaleny-red span { background: url(../img/leftm_adown_red.gif) no-repeat 2px 7px; }
.leftmenu ul li a.rozbaleny-red:hover span { background: url(../img/leftm_adown_over.gif) no-repeat 2px 7px; color: #FFF; }

.leftmenu ul li a.square span { background: url(../img/leftblok/leftm_list-square.gif) no-repeat 4px 7px; }
.leftmenu ul li a.square:hover span { background: url(../img/leftblok/leftm_list-square_over.gif) no-repeat 4px 7px; }
.leftmenu ul li a.square-red span { background: url(../img/leftm_list-square.gif) no-repeat 4px 7px; }
.leftmenu ul li a.square-red span strong { font-weight: bold; }
.leftmenu ul li a.square-red:hover span { background: url(../img/leftblok/leftm_list-square_over.gif) no-repeat 4px 7px; color: #FFF; }
.leftmenu ul li a span strong { font-weight: normal; }
.leftmenu ul li a.active span strong { font-weight: bold; color: #DA2031; }
.leftmenu ul li ul { border: 0px none; padding: 0; margin-bottom: 1px; }
.leftmenu ul li ul a { background: #FFF; }
.leftmenu ul li a.uplneposledni { border-bottom: 0px none; }

.leftmenu ul li.lev2 a span, .leftmenu ul li.lev2 a:hover span { padding-left: 26px; background-position: 16px 5px; }
.leftmenu ul li.lev3 a span, .leftmenu ul li.lev3 a:hover span { padding-left: 39px; background-position: 29px 5px; }
.leftmenu ul li.lev4 a span, .leftmenu ul li.lev4 a:hover span { padding-left: 52px; background-position: 42px 5px; }
.leftmenu ul li.lev2 a.rozbaleny span, .leftmenu ul li.lev2 a.rozbaleny:hover span, .leftmenu ul li.lev2 a.rozbaleny-red span, .leftmenu ul li.lev2 a.rozbaleny-red:hover span { background-position: 16px 7px; }
.leftmenu ul li.lev3 a.rozbaleny span, .leftmenu ul li.lev3 a.rozbaleny:hover span, .leftmenu ul li.lev3 a.rozbaleny-red span, .leftmenu ul li.lev3 a.rozbaleny-red:hover span { background-position: 29px 7px; }
.leftmenu ul li.lev4 a.rozbaleny span, .leftmenu ul li.lev4 a.rozbaleny:hover span, .leftmenu ul li.lev4 a.rozbaleny-red span, .leftmenu ul li.lev4 a.rozbaleny-red:hover span { background-position: 42px 7px; }
.leftmenu ul li.lev2 a.square span, .leftmenu ul li.lev2 a.square:hover span, .leftmenu ul li.lev2 a.square-red span, .leftmenu ul li.lev2 a.square-red:hover span { padding-left: 26px; background-position: 15px 7px; }
.leftmenu ul li.lev3 a.square span, .leftmenu ul li.lev3 a.square:hover span, .leftmenu ul li.lev3 a.square-red span, .leftmenu ul li.lev3 a.square-red:hover span { padding-left: 39px; background-position: 29px 7px; }
.leftmenu ul li.lev4 a.square span, .leftmenu ul li.lev4 a.square:hover span, .leftmenu ul li.lev4 a.square-red span, .leftmenu ul li.lev4 a.square-red:hover span { padding-left: 52px; background-position: 42px 7px; }
/* /leve menu */

/* /LEVY BLOK */
