/*css http://www.midasweb.eu */
/* Pavel Doležal http://www.web-klub.cz */
/* RESET */
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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
div.clear { clear:both; font-size:1px; height:1px; line-height:1px; }
.reader { position: absolute; top: -10000px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
html { }
body { background:#e3eef5 url(../img/top.png) top repeat-x; color:#000; font-size:14px; margin:0 auto; width:100%; height:100%; /*letter-spacing:0.05em;*/ text-align:center; font-family: Arial, Helvetica, sans-serif; line-height:1.4; }
/*ruzne*/
#logo-roll { background:url(../img/logo.png) top center no-repeat; display:block; height:100px; width:350px; position:absolute; top:25px; left:115px; z-index:90; }
#logo-roll:hover { background-position:bottom center }
.napis { background:url(../img/napis.png) top center no-repeat; clear:both; overflow:hidden; height:30px; width:100%; position:relative; top:10px }
#slide-logo { position:absolute; top:20px; right:20px; z-index:10000 }
#ramovani { background:url(../img/ramovani-text.png) no-repeat; position:absolute; top:510px; right:-43px; height:340px; width:43px; z-index:1000; }
#fav { background:url(../img/fav.png) no-repeat; position:absolute; top:450px; right:-43px; height:50px; width:43px; z-index:1000; }
#fav a { display:block; height:50px; width:43px; z-index:1000; }
#ram-bg { background:url(../img/ram-bg.png) no-repeat; position:absolute; top:0; right:0; z-index:100; height:95px; width:145px; }
.big { font-size:18px!important }
.bigbig { font-size:26px!important }
strong { font-weight:bold!important;}
/*odkazy*/
a { color:#ff8d00; }
a:hover, .obycejne a:hover, .center a:hover { color:#6aa22e; }
/*logo*/
#head { width:980px; height:190px; margin:0 auto; text-align:center; position:relative; z-index:10 }
#head-in { background:url("../img/head-spring.png") no-repeat; width:980px; height:190px; display:block; z-index:70; position:relative; float:left }
#headclick { position:absolute; top:30px; left:0px; z-index:5; display:inline; width:360px; height:140px; clear:both; z-index:10 }
#h1 h1 { color:#fff; font-family:"Arial"; overflow:hidden; text-indent:40px; font-weight:normal; letter-spacing:0px; position:absolute; left:0; top:40px; font-size:260%; z-index:0; width:390px; margin:0 auto; text-align:left }
#h1 span { font-weight:normal; font-size:55%; color:#fff; padding-left:40px; }
#head-in p { font-weight:bold; position:absolute; top:190px; left:100px; color:#3e4045; letter-spacing:0; font-size:14px }
/* search */
#search { position:absolute; left:135px; top:140px; height:40px; text-align:right; z-index:80; width:330px; background: url("../img/bgSearch.png") 0 -40px no-repeat; }
#search fieldset { border:none; }
#search .fSearch { position:absolute; width:250px; border:none; font-size:14px; top:11px; left:12px; }
#search .bSearch { position:absolute; top:8px; right:6px; width:55px; height:25px; cursor: pointer; color:#000; font-size:13px; font-weight:bold; }
/* basket */
#headerBasket { position:absolute; right:50px; top:62px; width:150px; height:82px; z-index:80; }
#headerBasket table { border:none; width:150px; }
#headerBasket table td { text-align:left; }
#headerBasket table td.number { color:#ff9f00; font-size:20px; text-align:right; padding-right:5px; }
#headerBasket p { padding-top:9px; }
#headerBasket a { color: #000; }
#headerBasket a:hover { color: #090; }
/* basket tooltip */
#headerBasketAmount { position:absolute; top:48px; right:0; z-index: 100; background: transparent url("/images/icons/arrowBasket.gif") 96% 0 no-repeat; }
#headerBasketAmount table { width: 400px; border:3px solid #636E2C; margin-top:50px; }
#headerBasketAmount table th { padding: .4em .5em; }
/* crumb */
#crumb { background:url(../img/butSingleOrange.png) 0 0 no-repeat; margin:4px 0;  text-align:left; padding-left:22px; line-height:16px; color:#6aa22e; }
#crumb a { padding:0px 5px 0px 5px; color:#000; /*background: url(../img/bgCrumbItem.gif) 100% 5px no-repeat;*/ }
#crumb span { padding:0px 0px 0px 2px; color:#000;font-weight:bold;}
/* menu */
#mainMenu { position:relative; top:0px; z-index:9999; height:39px; text-align:left; width:980px; clear:both; }
#mainMenu ul { margin-left:10px; }
#mainMenu li { display:inline; float:left; letter-spacing:0px; font-size:17px; font-weight:bold; font-size:13px; border-right:#a8d223 1px solid; border-left:#76b013 1px solid; }
#mainMenu li a { display:block; height:39px; line-height:39px; padding:0 22px; text-decoration:none; color:#000; text-shadow:#a8d223 1px 1px 1px; _float:left; }
#mainMenu li a:hover { border-bottom:#a8d223 4px solid; text-decoration:underline; height:35px; line-height:39px; }
#mainMenu li ul { display:none; margin-left:0px; }
#mainMenu li:hover ul { display:block; position:absolute; z-index:9999; }
#mainMenu li:hover ul li { display:block; float:none; font-size:12px!important; border: 1px solid #ffc93c; border-bottom:#ff9e00 1px solid }
#mainMenu li:hover ul li a { background:#ffb900; color:#623a02; height:20px!important; line-height:20px!important; padding:5px 15px 5px 10px!important; text-shadow:none; border-bottom:none!important }
#mainMenu li:hover ul li a:hover { color:#000; }
a.spec { background:#000 url(../img/bg-menu.png) bottom center no-repeat!important; color:#fff!important }
#mainMenu p { position:absolute; top:62px; left:30px; width:100%; font-size:120%; font-weight:bold; color:#fff; font-style:italic; text-shadow:#000 1px 1px 1px; z-index:0 }
#mainMenu li a.active { border-bottom:#ffb900 4px solid; text-decoration:underline; height:35px; line-height:39px; text-align:center; text-decoration:none; padding:0 12px; float:left; text-shadow:none; }
/*slide-pozicovani*/
.billboard { float:left; height:290px; overflow:hidden; width:710px; z-index:100; margin-bottom:10px; margin-top:15px; position:relative; }
#Promos { position:relative; z-index:21; zoom:1; }
#PromoTriggers { position:absolute; z-index:999; right:-10px; top:270px; }
#PromoTriggers ul { list-style:none; width:80px; margin:0 auto; text-align:center; z-index:10000 }
#PromoTriggers li { list-style:none; float:left; margin:0 3px }
#PromoTriggers li a { display:block; background-image:url(../img/but.jpg); width:16px; height:16px; line-height:16px; font-size:10px; color:#FFF; text-decoration:none; background-position:top center; }
#PromoTriggers li a:hover { background-image:url(../img/but.jpg); background-position:bottom center; }
#PromoTriggers a.activeSlide, #PromoTriggers a.activeSlide:hover { background-image:url(../img/but.jpg); background-position:bottom center; }
#PromoSlides { width:710px; height:250px; overflow:hidden; float:left; }
.standalone #PromoSlides { width:710px; height:250px; float:none; }
#PromoSlides .slide { background:#fff; }
#PromoSlides .wide { width:710px; }
#PromoSlides a { display:block; float:left; }
#PromoSlides a.small { display:block; float:right; margin:0 0 3px 2px; }
/*slide-pozicovani*/
#faded { width:710px; height:260px; margin-top:30px; z-index:100; position:relative; margin-bottom:23px }
.rap { width:710px; height:260px; margin:0 auto; position:relative; }
.ribbon { background-image:url(../img/ribbon.png); width:162px; height:162px; position:absolute; left:0; }
ul.pagination { list-style:none; width:80px; padding:0; margin:0 auto 10px; text-align:center; }
ul.pagination li { float:left; width:16px; height:16px; margin-right:4px; text-indent:-9999px; }
ul.pagination li a { display:block; background-image:url(../img/but.jpg); width:16px; height:16px; background-position:top center }
ul.pagination li.current a { background-image:url(../img/but.jpg); width:16px; height:16px; background-position:bottom center }
ul.pagination li a:hover { background-image:url(../img/but.jpg); background-position:0 -16px; }
a.prev { background-image:url(../images/prev.png); height:51px; width:33px; display:block; text-indent:-9999px; float:left; position:relative; top:-135px; margin-left:-5px; }
a.next { background-image:url(../images/next.png); height:51px; width:33px; display:block; text-indent:-9999px; float:right; position:relative; top:-135px; margin-right:-5px; }
.stin { background:url(../img/stin.png) top center no-repeat; display:block; clear:both; overflow:auto; height:18px; width:100% }
/*obsah*/
#bodyPage { width:980px; margin:0 auto; display:block; position:relative; min-height:400px; height:auto; }
#content { background: url("../img/obsah-top-spring.png") top center no-repeat; width:980px; margin:0 auto; display:block; float:left; position:relative; }
#in { background:#fff url(../img/obsah.png) top center repeat-y; min-width: 980px; position:relative; z-index:10; float:left }
/*leva*/
#col1 { float:left; width:210px; position:relative; left:11px; margin-top:14px; padding:5px 0; color:#000; background-color:#CAE5FD; }
#col1 p { text-align:left; }
#col1 h3 { color:#18557d; font-size:140%; text-indent:10px; margin-bottom:10px; text-shadow:#fff 1px 1px 1px }
.center { text-align:center!important; margin:0 auto }
.center img { margin:2px 0 }
/*productMenu*/
.productMenu { width:210px; font-size:12px; overflow:hidden; text-align:left; padding-bottom:20px; }
.productMenu ul { width:210px; }
.productMenu ul li { padding-bottom:2px; }
.productMenu ul li a { background: url(../img/bgProductMenuItem.png) 0 0 no-repeat; width:185px; _width:210px; text-decoration:none; color:#000; padding-left: 25px; display:block; line-height:35px; overflow:hidden; font-size:16px; font-weight:bold; }
.productMenu ul li a:hover, .productMenu ul li a.active { background:url(../img/bgProductMenuItem.png) -210px 0 no-repeat; color:#000; }
.productMenu ul li ul { padding-top:2px; padding-bottom:5px; }
.productMenu ul li ul li { }
.productMenu ul li ul li a { background: url(../img/bgProductMenuItem.png) -630px 0 no-repeat; padding-left:30px; width:180px; _width:210px; font-size:13px; font-weight:normal; }
.productMenu ul li ul li a:hover, .productMenu ul li ul li a.active { background: url(../img/bgProductMenuItem.png) -840px 0 no-repeat; }
.bg-input { background:#fff url(../img/bg-input.gif) top left no-repeat; border:#fff 1px solid; padding:3px 0 3px 6px; width:130px; margin-bottom:5px }
/*buttony*/
.button { color:#fff; background:url(../img/button1.png) top left no-repeat; font-weight:bold; text-align:center; border:0px; margin:5px 0px; height:35px; line-height:33px; width:152px; cursor:pointer; position:relative; display:inline; }
.button:hover { background:url(../img/button1.png) bottom left no-repeat; color:#000 }
#userLoginBox form { border:none; padding:0; margin:0; width:210px; text-align:center; margin-bottom:30px; }
#userLoginBox fieldset { padding:0 10px; width:190px; _width:210px; margin:0; border:none; }
#userLoginBox label { float:left; width:50px; line-height:24px; }
#userLoginBox bg-input { float:left; }
.contactBox { width:190px; _width:210px; height:145px; width:210px; height:145px; padding:0px 10px 0px 10px; background:url(../img/bgContactBox.png) 0 0 no-repeat; margin-bottom:20px; font-size:14px; font-weight:bold; overflow:hidden; }
#col1 .contactBox h3, #col1 .boxCol h3 { color:#FFF; text-shadow:#18557d 1px 1px 1px; font-size:20px; text-indent:0px; padding-top:7px; }
#col1 .contactBox p, #col1 .boxCol p { color:#000; padding:2px 0px; font-size:13px; }
#col1 .contactBox p span, #col1 .boxCol p span { color:#FFF; text-shadow:#18557d 1px 1px 1px; font-size:23px; font-weight:bold; letter-spacing:-1px; }
#col1 .contactBox a, #col1 .boxCol a { color:#18557d; }
#col1 .contactBox a:hover, #col1 .boxCol a:hover { color:#ff8d00; }
#col1 .contactBox p.text, #col1 .boxCol p.text { color:#000; font-size:18px; letter-spacing:-1px; }

#col1 h3.boxColTitle  { color:#FFF; text-shadow:#18557d 1px 1px 1px; font-size:20px; text-indent:0px;  padding:0 10px 0 10px; margin:0; width:190px; _width:210px; height:40px; line-height:40px; clear:left;}
#col1 h3.boxColGlobe { background:url(../img/bgBoxGlobe.png) 0 0 no-repeat; font-size:14px; font-weight:bold;}
.boxCol {display:block; position:relative; width:210px; overflow:hidden; margin:0 0 10px 0; background:url(../img/bgBoxCol.png) 0% 100% no-repeat;}
.boxCol .indent{display:block; padding:5px 10px 5px 10px;}

/* col2 */
#col2 { width:715px; float:right; position:relative; right:16px; padding-bottom:20px; margin-top:15px; letter-spacing:0; text-align:left; }
#col2 p { text-align:left; margin:5px 0px; }
#col2 strong {  font-weight:bold }
#col2 b { color:#ff8d00; font-weight:bold }
#col2 h1 { color:#6aa22e; font-size:36px; margin:5px 0 7px 0px; letter-spacing:-1px;}
#col2 h1 span { color:#555!important; }
#col2 h1 b { color:#ff8d00!important; font-weight:normal!important; font-size:55%!important }
#col2 h2 { color:#000; font-size:28px; margin:10px 0 5px 0;color:#ff7e00;letter-spacing:-1px; }
#col2 h3 { color:#18557d; font-size:22px; margin:8px 0 5px 0;letter-spacing:-1px;}
#col2 h4 { color:#FF9F17; font-size:18px; }
#col2 form { margin:0 auto; padding:3px 0 }
#col2 .fleft { float:left }
#col2 .fright { float:right }
#col2 hr { color:#dfdfdf; background-color:#dfdfdf; }
#col2 hr, .detail hr, #col1 hr, #col3 hr { border: 0 none; height:1px; margin:10px auto 10px; text-align:center; clear:both; width:98% }
/*nadpisy*/
h1, h2, h3, h4, h5, h6 { text-align:left; font-weight:normal; letter-spacing:0px; text-shadow:#fff 1px 1px 1px }
.categoryLongInfo {/*background-color:#E3EEF5; border:1px solid #97C4E2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:10px 0px; padding:3px 7px;*/ }

#sortInfo, .blueBox { position:relative; background-color:#E3EEF5; border:1px solid #97C4E2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 15px 5px 0px; padding:4px 7px 3px 7px; }
#sortInfo form { }
#sortInfo p { float:left; padding: 0; }
#sortInfo .icoSortContainer { background-color:#C63; padding:10px; display:inline; }
#sortInfo a.icoSort { background: url(../img/icoSorting.png) 0 0 no-repeat; position:relative; /*top:5px;*/ float:left; width:19px; height:19px; margin-left:5px; }
#sortInfo a.asc { background-position:0 0; }
#sortInfo a.asc:hover { background-position:-20px 0; }
#sortInfo a.desc { background-position:-40px 0; }
#sortInfo a.desc:hover { background-position:-60px 0; }

.layout-slider { /*float:left; margin:10px 0 0 30px;*/ width:400px; position:absolute; top:14px; right:7px; }
/*vypis-zbozi*/
/*.slider { width:150px; height:45px; float:left; margin-right:30px!important; background-color:#C99;}
.slider input{ border:none; text-align:center; width:150px;}*/
.tableSliders { padding:0; margin:16px 0 0 0; border:none; width:100%;}
.tableSliders td{ padding:0; margin:0; vertical-align:middle!important; font-size:12px; /*border:1px solid #FFF;*/}
.tableSliders input{ width:165px; border:none; text-align:center; font-size:12px; background-color:#E3EEF5;}
.tableSliders td.wSlider { width:165px;}
.tableSliders td.wSliderText { width:45px!important;}
.tableSliders td.wSliderDivider { width:30px!important;}


.vypis-zbozi { background:#fff; float:left; width:224px; border:#dfdfdf 1px solid; margin:5px 12px 10px 0px; padding-bottom:5px; position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; }
.m-none { margin-right:0!important }
.vypis-zbozi p { background:#e3eef5; padding:5px 10px!important; letter-spacing:0; font-size:12px; height:47px; overflow:hidden; }
#col2 .vypis-zbozi h2 { text-shadow:#fff 1px 1px 1px;letter-spacing:0px; font-size:15px!important; height:42px; text-indent:0!important; padding:0 0px 0px 0!important; line-height:15px; background:#add5ef; margin:0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.vypis-zbozi h2 a { display:block; text-decoration:none; color:#000; font-weight:bold; padding:6px 10px 7px; height:30px; _height:36px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.vypis-zbozi h2 a:hover { background:#ff9400; text-decoration:underline; color:#000; text-shadow:#fff 1px 1px 1px; }
.vypis-zbozi a { text-decoration:none; color:#fff }
.vypis-zbozi a:hover { color:#dfdfdf }
.vypis-zbozi table { padding:2px 4px; }
.vypis-zbozi td { padding:1px 1px }
.vypis-zbozi img { padding:4px; background:#fff; /*width:160px; height:160px*/ }
.vypis-zbozi a.imgContainer { margin:5px auto 15px auto; display:block; background-color:#FFF; width:210px; _width:210px; height:160px; _height:170px; color:#333; }
.vypis-zbozi a img { border:#cacaca 1px solid; }
.vypis-zbozi a:hover img { border:#8f87bd 1px solid; }
.vypis-zbozi em { font-style:normal; color:#CD6F23; padding:0 5px }
.vypis-zbozi ul { margin:5px }
.vypis-zbozi li { display:inline; float:right; margin:0 2px }
.vypis-zbozi strong { font-weight:bold; font-size:110% }
.butContainer { width:210px; height:48px; position:relative; margin-left:7px; }
a.butDetailZbozi, a.butBasketSimple, a.butBasketRich { display:block; float:left; height:48px; color:#000; text-shadow:#fff 1px 1px 1px; font-size:22px; line-height:48px; font-weight:bold; }
a.butDetailZbozi:hover, a.butBasketSimple:hover, a.butBasketRich:hover { background-position:0px -48px; color:#000; background-color:#FF9F27; }
a.butDetailZbozi { background: #EBF3F9 url(../img/bgDetailZbozi.png) 0 0 no-repeat; padding-left:40px; width:122px; _width:162px; text-align:left; font-size:20px; }
a.butBasketSimple { background:#90C11B url(../img/bgSimpleBasket.png) 0 0 no-repeat; width:48px; }
a.butBasketRich { background:#90C11B url(../img/bgRichBasket.png) 0 0 no-repeat; width:210px; }


a.butDetailZboziFull { display:block; float:left; height:48px; color:#000; text-shadow:#fff 1px 1px 1px; font-size:22px; line-height:48px; font-weight:bold;background: #EBF3F9 url(../img/bgDetailZboziFull.png) 0 0 no-repeat; padding-left:40px; width:170px; _width:210px; text-align:left; font-size:20px; }
a.butDetailZboziFull:hover{ background-position:0px -48px; color:#000; background-color:#FF9F27; }


.actionIcoContainer { width:50px; height:200px; position:absolute; top:45px; right:-8px; overflow:hidden; }
.actionIco { position:relative; display:block; width:50px; height:50px; float:left; background:url(../img/bgActionIco50.png) 0px 0px no-repeat; z-index:50; }
.AIstock { background-position:0px 0px; }
.AItop { background-position:-50px 0px; }
.AIaction { background-position:-100px 0px; }
.AInew { background-position:-150px 0px; }

.detailColL .actionIcoContainer { width:60px; height:240px; position:absolute; top:30px; right:-10px; overflow:hidden; }
.detailColL .actionIco { position:relative; display:block; width:60px; height:60px; float:left; background:url(../img/bgActionIco.png) 0px 0px no-repeat; z-index:50; }
.detailColL .AIstock { background-position:0px 0px; }
.detailColL .AItop { background-position:-60px 0px; }
.detailColL .AIaction { background-position:-120px 0px; }
.detailColL .AInew { background-position:-180px 0px; }

.cena { font-size:18px; color:#ff7e00!important; text-align:center!important; margin:0 auto 10px; font-weight:bold; letter-spacing:-1px; }
span.dph { color:#666!important; }
.cena span.dph { font-size:13px; font-weight:normal; }
.puvodni-cena { margin:10px auto 0; font-size:75% }
.puvodni-cena strong { color:#18496a!important; }
.cena strong { color:#ff7e00!important; font-size:120% }
/* ==== content pagination ==== */
#pagination { margin: 10px 0 10px 0px; padding: 5px 0px; font-size:13px; display:block; position:relative; overflow:hidden; text-align:left; clear:both; }
#pagination strong { padding: 5px 10px 5px 0px; color:#000; }
#pagination a { padding: 3px 5px 3px 5px; margin: 0px 5px 0px 0px; background: #EBF3F9 url(../img/bgPaginationItem.png) 0 0 repeat-x; text-decoration: none; color:#000; line-height:22px; border:1px solid #C5E0F2; -moz-border-radius: 5px; border-radius: 5px; }
#pagination a:hover, .current { color: #fff; background: #FF9F27 url(../img/bgPaginationItem.png) 0 -70px repeat-x; border:1px solid #FF9F28; -moz-border-radius: 5px; border-radius: 5px; }
.current { padding: 3px 5px 3px 5px; margin: 0px 5px 0px 0px; line-height:22px; }
/*foot-menu*/
#oddel { background:#fff; width:980px; margin:0 auto; height:0px; clear:both; }
#foot-menu { background:#f0f0f0; width:978px; margin:0 auto; height:180px; border:1px solid #dfdfdf; text-align:left; font-size:12px; overflow:hidden; }
#foot-menu-in { background:#fff; padding:10px; margin:10px; width:936px; height:140px; border:1px solid #dfdfdf; }
#logo { float:left; padding:30px 20px 20px 10px; border-right:#cacaca 1px dashed }
#foot-menu .blok { float:left; border-right:#cacaca 1px dashed; height:140px; padding:0 10px 0 6px }
#foot-menu li { padding:1px 12px; letter-spacing:0px }
#foot-menu li a { text-decoration:none; color:#777; }
#foot-menu a:hover { text-decoration:underline; color:#e7ad00 }
#foot-menu h5 { font-size:110%; font-weight:bold; color:#5e657b; margin:10px 0; padding:0 10px }
.no-border { border:none!important }
/*paticka*/
#foot { background:url(../img/foot.png) top repeat-x; width:100%; height:300px; float:left; margin:0 auto; padding-bottom:15px }
#foot-in { background: url(../img/foot-in.png) top left repeat-x; color:#054169; font-size:14px; height:300px; width:980px; margin:0 auto; letter-spacing:0; position:relative; text-align:left; }
#foot-in .credits { position: absolute; bottom:5px; right:10px; height:20px; line-height:20px; width:980px; text-align:right; }
#foot-in a { color:#000 }
#foot-in a:hover { color:#ff8d00 }
#footerNews, #footerHighlight, #footerFB { position:absolute; height:160px; top:80px; overflow:hidden; }
#footerNews { width:340px; left:25px; }
#footerFB { width:260px; left:390px; overflow:visible; top:70px; height:170px; }

#footerHighlight { width:290px; left:675px; }
.footerNewsItem { background:url(../img/bgFooterNewsItem.gif) 0 6px no-repeat; padding:0px 0px 7px 20px; /*border-bottom:1px solid #92BBD5; margin-bottom:15px;*/ }
.footerNewsItem h4 { font-size:16px; font-weight:bold; }
.footerHighlightItem { background:url(../img/bgFooterHighlightItem.gif) 0 6px no-repeat; padding:0px 0px 0px 20px; }
.footerHighlightItem h4 { font-size:16px; font-weight:bold; }
#foot p { line-height:1.4; margin:5px 0;}

/*tooltip*/
#easyTooltip { padding:3px 10px; font-size:16px; border:#add5ef 1px solid; background:#cce3f2; color:black; display:block; text-align:left; letter-spacing:0px; z-index:10005; max-width:50% }
/*TEST*/
#items { position:relative; }
#items .loadInfo { background:#fff url('../imgs/loadera64.gif') 50% 20px no-repeat; position:absolute; top:0px; display:none; left:0px; width:100%; /*height:300px;*/ height:100%; z-index:11; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
/*#detail .loadInfo{background:#fff url('../imgs/loadera64.gif') center center no-repeat;position:absolute; top:0px; display:none; right:-5px; width:925px; height:300px;z-index:11;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}*/



/* ========== DETAIL ========== */
.detailColL { float:left; width:270px; margin-right:40px; margin-left:8px; _margin-left:4px; }
.detailColR { float:left; width:370px; }
.detailColL img { border:1px solid #9DB4C5; margin:3px 3px 0 0; }
/*.detailColL a:hover img{border:1px solid #95E8FF;}*/
#col2 ul#links { text-align:left; list-style-type:none; margin:14px 5px 0 0; padding:0; }
#col2 ul#links li { margin:8px 0; }
#col2 table.detail td { border:none; border-bottom:1px solid #D3F5FF; padding:6px; }
#col2 table.detail span.price { color:#DD231B; font-size:160%; font-weight:bold; }


#col2 h2.price { font-size:30px; color:#ff7e00!important; text-align:right!important; margin:0; font-weight:normal; letter-spacing:-1px; padding:0;  }
#col2 h2.price span.dph{ font-size:22px;!important; }

.commonPrice { font-size:18px; color: #333!important; text-align:right!important; margin:0; font-weight:normal; letter-spacing:-1px; }
.commonPrice span.dph { font-size:13px; font-weight:normal; }

.apology {border: 1px solid #C6D7E2;padding: 5px 15px 5px 15px;background: #E2EDF4 url(../img/bgTabberContainer.png) 0 0 repeat-x;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:15px!important; margin:10px 0px!important;}

#col2 .stockInfo { display:block; margin:10px 0px; }
#col2 .stockInfo h3 { font-size:26px; color:#ff7e00!important; font-weight:normal; letter-spacing:-1px; float:left; width:170px; padding:0; margin:0 0 0 0; line-height:1; }
#col2 .stockInfo h3 span{ font-size:14px; color:#acacac!important; font-weight:normal; letter-spacing:-1px; font-style:italic;}
#col2 .stockInfoBox { display:block; float:left; width:180px; height:60px; background: url(../img/bgStockInfo.gif) 0 0 no-repeat; }
#col2 .inStock { background-position:0 -60px; }
#col2 .inWeek { background-position:0 -120px; }
#col2 .moreWeek { background-position:0 -180px; }
#col2 .unknown { background-position:0 -240px; }

#buy .ammount {display:block; float:left; height:40px; width:120px; color:#000; text-shadow:#fff 1px 1px 1px; font-size:22px; line-height:40px; font-weight:bold; background: url(../img/bgBuyFieldset1.png) 0 0 no-repeat; }
#buy .ammount input{width:30px; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-align:right; margin:0 15px 0 30px; }

#buy .butBuyBasket {display:block; float:left; height:40px;padding-left:70px; width:250px; color:#000; text-shadow:#fff 1px 1px 1px; font-size:22px; line-height:40px; font-weight:bold; background: url(../img/bgBuyButton1.png) 0 0 no-repeat; border:none; cursor:pointer; }
#buy .butBuyBasket:hover { background-position:0px -40px; color:#000; background-color:#FF9F27; }

/*#col2 table.productDetailParams {border-collapse:collapse;font-size:100%;margin:0.6em 0px 0.6em 0px;border-bottom:2px solid #C6D7E2;border-top:2px solid #C6D7E2;}
#col2 table.productDetailParams th{padding:.4em .3em;background: url(../img/top.png) 0 0 repeat-x;color:#000;text-align:left;border:1px solid #FFF;vertical-align:top; white-space:nowrap; font-weight:bold;}
#col2 table.productDetailParams tr{background: url(../img/bgTabberContainer.png) 0 0 repeat-x;}
#col2 table.productDetailParams tr:hover {background:#E5EFF6;}
#col2 table.productDetailParams td{padding:.4em .3em;border:1px solid #FFF;vertical-align:top; color:#000;}
#col2 table.productDetailParams p{line-height:1.5em;padding:0px;}*/

#col2 div.productDetailParams {display:block;}
#col2 div.productDetailParams p{ clear:both;}
#col2 div.productDetailParams span{display:block; float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#col2 div.productDetailParams span.paramTitle{background: url(../img/top.png) 0 -50px repeat-x; padding:3px 5px;width:155px; margin-right:5px;border: 1px solid #8CC6EB; font-weight:bold;}
#col2 div.productDetailParams span.paramValue{background: url(../img/bgTabberContainer.png) 0 0 repeat-x; padding:3px 5px; width:183px; border: 1px solid #C6D7E2;}

#col2 h4.producer { clear:both; font-size:16px; /*color:#ff7e00!important;*/ padding:5px 0 0 0; font-weight:normal; letter-spacing:-1px;  }


/* ========== CAROUSEL ========== */
#jCarouselLiteDemo {/* background-color:#C6F;*/ position:relative; width:269px; }
#jCarouselLiteDemo .carousel { padding: 0 0 0 0; margin: 0 0 0px 0px; position: relative; /*background-color:#9C6;*/ width:269px; }
/*#jCarouselLiteDemo .digg { position: absolute; left: 610px; top: 110px; }
#jCarouselLiteDemo .main { margin-left: 40px; }
#jCarouselLiteDemo .demo em { color: #FF3300; font-weight: bold; font-size: 60%; font-style: normal; }*/
/*#jCarouselLiteDemo .carousel button {  float: left; }*/

#jCarouselLiteDemo a.prev, #jCarouselLiteDemo a.next { display: block; position:absolute; width: 25px; height: 41px; top:290px; left:-15px; text-decoration: none; background: url("../img/bgCarouselArrow.png") 0 0 no-repeat; z-index:20; }
#jCarouselLiteDemo a.next { background-position:0 -82px; left:264px; }
#jCarouselLiteDemo a.next:hover { background-position:0 -123px; }
#jCarouselLiteDemo a.prev:hover { background-position:0 -41px; }
#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active { border: none; outline: none; }
#jCarouselLiteDemo .carousel .jCarouselLite { float: left; background: url(../img/bgDetailImgGallery.png) 0 0 no-repeat; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; padding-top:8px; height:106px; _height:114px; top:-23px; }
#jCarouselLiteDemo .carousel ul { margin: 0; }
#jCarouselLiteDemo .carousel ul li { margin: 0; width: 78px; height: 78px; margin:0 6px; text-align:center; }
#jCarouselLiteDemo .carousel li img, #jCarouselLiteDemo .carousel li p { background-color: #fff; z-index:30; max-width:76px; }
#jCarouselLiteDemo .widget img { cursor: pointer; margin:0 auto; }
#jCarouselLiteDemo .mid { width: 269px; height: 285px; background:#E5EFF6 url(../img/bgDetailImgMain.png) 0 0 no-repeat; text-align:center; overflow:hidden; }
#jCarouselLiteDemo .mid img { margin:10px auto; max-width:250px; max-height:250px; }
#jCarouselLiteDemo .vertical { margin-left: 170px; }
#jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */ width: 170px; }
#jCarouselLiteDemo .imageSlider li img, #jCarouselLiteDemo .imageSlider li p, #jCarouselLiteDemo .imageSliderExt li img, #jCarouselLiteDemo .imageSliderExt li p { width: 400px; height: 300px; }

/* social */
#fb-root { margin-bottom:3px;}
#plusone-div {}
/* ========== Tabs ========== */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide { display: none; }
}

#col2 ul.tabs-nav { margin: 0 0 0px 0; padding: 0; font-size:14px; min-height:39px; _height:39px; display:block; position:relative;  font-weight:bold;}
#col2 ul.tabs-nav li { margin: 0; padding:0px 7px 0 0px; display: block; float:left; list-style: none; background:none; height:38px; text-align:center; }
#col2 ul.tabs-nav li a { display:block; padding: 0px 10px 0px 10px; margin: 0px; background: #70AB11 url(../img/bgTabberMenuItem.png) 0 -60px repeat-x; text-decoration: none; float:left; color:#000; line-height:38px; border:1px solid #93BC18; border-bottom:none; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
#col2 ul.tabs-nav li a:link { background-color: #fff; }
/*#col2 ul.tabs-nav li a:visited { color: #666677; }*/
#col2 ul.tabs-nav li a:hover { color: #000; background:  #FF8907 url(../img/bgTabberMenuItem.png) 0 -120px repeat-x; border:1px solid #E88000;border-bottom:none;  }
#col2 ul.tabs-nav li.tabs-selected a, #col2 ul.tabs-nav li.tabs-selected a:hover { color: #000; background:  #F0F7FC url(../img/bgTabberMenuItem.png) 0 0 repeat-x; border:1px solid #C6D7E2;border-bottom:1px solid #F0F7FC; }

#col2 .tabs-container { border: 1px solid #C6D7E2;padding: 5px 15px 1em 15px;width:675px;_width:705px;background: #E2EDF4 url(../img/bgTabberContainer.png) 0 0 repeat-x;-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;}
#col2 .tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }

#col2 .tabs-container h2 {font-size:30px; color:#ff7e00!important; margin:10px 0 10px 0; font-weight:normal; letter-spacing:-1px;}
#col2 .tabs-container h3 {font-size:24px; color:#ff7e00!important; margin:15px 0 10px 0; font-weight:normal; letter-spacing:-1px;}
#col2 .tabs-container p {}
#col2 .tabs-container p.perex { font-size:18px;margin:0; line-height:1.2; color:#18557d;text-shadow:#fff 1px 1px 1px;}

#col2 .tabs-container ol, #col2 ol.oList{margin:.3em 0 .1em 1em;padding:.5em 0 .1em 1em; }
#col2 .tabs-container ol li, #col2 ol.oList li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 0;line-height:1.5em;list-style: decimal outside none;}

#col2 .tabs-container ol.typeLa, #col2 ol.typeLa, #col2 ol.typeLa li{ list-style: lower-alpha outside none!important;}

#col2 .tabs-container ul, #col2 ul.uList {padding:0px 0px 0px 5px;margin-left:0px;list-style-image:none;width:100%; margin:0.3em 0px 0.3em 0px;}
#col2 .tabs-container ul li, #col2 ul.uList li{padding-left:15px;margin-left:0px;list-style-type:none; background: url(../img/bgListItem.png) 0px 6px no-repeat; line-height:1.5em;}


/* proces objednavky */
#col2 a.buttonOrder, #col2 input.buttonOrder { color:#000; background:url(../img/bgButtons.png) 0 0 no-repeat; text-align:left; border:0px; margin:5px 10px 5px 0px; height:41px; line-height:41px; padding:0 0 0 32px;width:148px;_width:180px; cursor:pointer; position:relative; display:block; float:left; text-decoration:none; font-weight:normal; letter-spacing:-1px; }
#col2 a.buttonOrder:hover, #col2 input.buttonOrder:hover { background:url(../img/bgButtons.png) 0 -41px no-repeat; color:#000 }

#col2 a.buttonCash, #col2 input.buttonCash { background:url(../img/bgButtonBasket.png) 0 0 no-repeat;height:48px; line-height:48px; padding:0 0 0 40px;width:170px;_width:210px; font-size:17px; float:right;  }
#col2 input.buttonCash {width:210px; font-weight:bold; text-align:center; padding:0;  }

#col2 a.buttonCash:hover, #col2 input.buttonCash:hover { background:url(../img/bgButtonBasket.png) 0 -48px no-repeat; }

#col2 a.buttonBack { background-position: -360px 0px; }
#col2 a.buttonBack:hover { background-position: -360px -41px; }


#col2 a.buttonOrder strong, #col2 input.buttonOrder strong{font-weight:bold; color:#000; }

.tableCart { border-spacing:3px; border-collapse:separate; width:100%;}
.tableCart td, .tableCart tr {}
.tableCart th{text-align:left;}
.tableCart span    {display:block;padding:3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.tableCart th span {background: url(../img/top.png) 0 -50px repeat-x; border: 1px solid #8CC6EB; font-weight:bold;}
.tableCart td span{background: url(../img/bgTabberContainer.png) 0 0 repeat-x; border: 1px solid #C6D7E2;}
.tableCart input.itemCount{ width:30px;}
.tableCart a:hover{ color:#333;}
/*.tableCart input.btnRecast { background: #70AB11 url(../img/bgTabberMenuItem.png) 0 -60px repeat-x; border:1px solid #93BC18; cursor:pointer; display:block;padding:3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:0; line-height:1; float:left; }
.tableCart input.btnRecast:hover {background:  #FF8907 url(../img/bgTabberMenuItem.png) 0 -120px repeat-x; border:1px solid #E88000; }*/


#pathOrder li{list-style-type:none;float:left;margin:5px 10px 20px 0;text-align:center;}
#pathOrder .indent{width:170px;padding:10px 5px;background:  #F0F7FC url(../img/bgTabberMenuItem.png) 0 0 repeat-x; border:1px solid #C6D7E2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#pathOrder .arrow{width:20px;padding:10px 5px;background:transparent url("../img/arrowPathOrder.gif") 50% 50% no-repeat;}
#pathOrder li a{text-decoration:none;display:block;color:#000;}
#pathOrder li a:hover{background:  #FF8907 url(../img/bgTabberMenuItem.png) 0 -120px repeat-x;}
#pathOrder li.active{background:  #FF8907 url(../img/bgTabberMenuItem.png) 0 -120px repeat-x; border:1px solid #E88000; font-weight:bold;}

.errorMsg, .infoMsg, .infoMsgCart{margin:1em 0;padding:10px 1em 1em 120px;min-height:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.errorMsg{background:#FFE8B7 url(../img/error.png) 30px 50% no-repeat;border:1px solid #FFC448;}
.infoMsg{background:#E1FF9B url(../img/info2.png) 20px 50% no-repeat;border:1px solid #9BC932;}
.infoMsgCart{background-color:#E1FF9B;border:1px solid #9BC932;/*height: 40px;overflow:hidden;*/}
.posted{background:#E1FF9B url(../img/infoAnimate.gif) 20px 50% no-repeat;}
#col2 .errorMsg ul{margin:0;padding:0;}
#col2 .errorMsg h3, #col2 .infoMsg h3, #col2 .infoMsgCart h3 { color:#000; font-size:140%; margin:0 0 5px 0; padding:0; }
#col2 .errorMsg p, #col2 .infoMsg p, #col2 .infoMsgCart p { color:#000; margin:0 0 0 0; padding:0; }

form.commonForm { margin:10px 0; padding:0; }
form.commonForm fieldset { padding:7px 15px 5px 15px; background-color:#E3EEF5; border:1px solid #97C4E2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin:10px 0; }
form.commonForm legend { background-color:#CAE5FD; padding:3px 8px; margin:0px 3px 10px 0px; font-weight:bold; border:1px solid #97C4E2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
form.commonForm label { /*display: block; float: left;*/ margin: 3px 5px 0 0; text-align: right; }
form.commonForm .field { border: 1px solid #97C4E2; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; padding: 3px; width: 200px; }
form.commonForm input.error { border: 1px solid #F00; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; padding-left: 0.2em; width: 200px; background-color:#FFF2F2; }
form.commonForm .textA { border: 1px solid #97C4E2; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; height: 100px; padding-left: 0.2em; width: 560px; }
form.commonForm .errorA { border: 1px solid #F00; color: #000; font: 14px Arial, Verdana, Helvetica, sans-serif; height: 100px; padding-left: 0.2em; width: 560px; background-color:#FFF2F2; }

#col2 form.commonForm strong {color:#000; }

.formCol1, .formCol2{width:325px;float:left;}

form.commonForm table { margin:0; padding:0;border-spacing:3px; border-collapse:separate; }
form.commonForm table td.wRadio{ width:20px; }
form.commonForm table td.wLong{ width:250px; }

#bodyPage .errorInput, #bodyPage input[type=text].errorInput{border:1px solid #FFC448;background-color:#FFE8B7;}

/* ====== img - content =========*/
.imgLeft, .imgRight{padding:8px; background-color:#E5EFF6; border:1px solid #CFDAE2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.imgLeft img, .imgRight img{ border:none;}
.imgLeft p, .imgRight p{text-align:center;margin:0px;padding:.2em;}
.imgLeft{float:left;margin:0px 15px 10px 0px;}
.imgRight{float:right;margin:0px 0px 3px 15px;}

/* contentTable */
table.contentTable { font-size: 100%; padding: 0px; margin: 5px 5px 5px 5px; border-collapse: collapse; background-color: #f5fbff; border: 1px solid #FFF; border-bottom: 3px solid #8AC6ED; border-top: 3px solid #8AC6ED; }
table.contentTable caption { font-size: 100%; font-weight: bold; text-align: left; margin-left: 15px; }
table.contentTable td, .contentTable th { padding: 2px 3px; vertical-align: top; border: 1px solid #FFF; }
table.contentTable th { text-align: left; background-color: #CAE5FD; color: #000; font-weight: bold; }
table.contentTable tr:hover { background-color:#DDF3FF; }
table.contentTable td.center, table.contentTable th.center { text-align:center; }

.fRight { float:right;}
.fLeft { float:right;}

table.fRight { margin:5px 0px 7px 15px; }
table.fLeft { margin:5px 15px 7px 0px; }


.w310px { width:310px;}
.w50px {width:50px;}
.w100px {width:100px;}

.tAr, .tableCart th.tAr, .tableCart td.tAr {text-align:right!important;}
.tAc, .tableCart th.tAc, .tableCart td.tAc {text-align:center!important;}

.vAm { vertical-align:middle;}
.cL { clear:left;}
.fL { float:left;}

.counter {display:none;}
/* Hide useless elements in print layouts... */
@media print{
body{font-family:"Times New Roman CE", Georgia, "Times New Roman", Times, serif;color:#000;}
#head, #mainMenu, #col1, #oddel, #foot-menu, #foot, .tabs-nav, .counter{display:none;}
#col2 { width:100%; float: none; position:relative; right:0px; padding:0px; margin:0px; letter-spacing:0; text-align:left; }
h1,h2,h3{page-break-inside:avoid;margin:0px;}
h1{padding-top:0px;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding-bottom:0px;}
#col2 ul li { list-style-type:circle; list-style-position:outside;}
#col2 ol li {  list-style-type:decimal; list-style-position:outside;}
#col2 ol li.typeLa {  list-style-type: lower-alpha; list-style-position:outside;}

p{margin-top:.2em;padding:0px;}
a{text-decoration:underline;font-weight:bold;}
.imgLeft{float:left;}
.imgRight{float:right;}
img{border:1px solid #000;margin:3px;}
#footer, #created{font-size:9px;}
.tableDetail{border-collapse:collapse;}
td, th{border: 1px solid #000;}
th{text-align:left;}
}