/* 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, 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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; font-size: 0.8em; background: url('../images/bg.gif') repeat top center #666d7b; font-family: Arial, Helvetica, sans-serif; color: #000; }
a { color: #f00; text-decoration: none; }
a:hover { text-decoration: underline; }

div.cleaner { clear: left; height: 1px; visibility: hidden; }
hr.cleaner {  clear: both; height: 1px; margin: -1px 0 0 0; padding: 0; border: none; visibility: hidden; }

p.center { text-align: center; }
.toright { text-align: right; }
img.floated { float: right; margin: 0 0 15px 15px; }
p { line-height: 130%; margin-bottom: 15px; }
.left p { margin-bottom: 25px; }

.right h4.green { color: #390; text-transform: uppercase; }
.right h4.red { color: #c00; }
.right h4.yellow { color: #f60; text-transform: uppercase; }
.right h4.black { color: #666; }

#top { background: url('../images/bg_top.gif') repeat-x top center; }
#main { width: 872px; margin: 0 auto; background: url('../images/bg_main.gif') repeat-y top center; position: relative; }
#content { width: 860px; padding: 0 6px; background: url('../images/bg_content.gif') no-repeat top center; position: relative; }
#bottom { width: 830px; margin: 0 auto; padding: 0 6px; background: url('../images/bg_bottom.gif') no-repeat top center; color: #ddd; font-size: 0.85em; padding: 15px 15px; line-height: 150%; }
#mainContent { position: relative; padding: 0 10px 10px 10px; overflow: hidden; }
#mainContent .left { float: left; width: 600px; margin-right: 10px; padding: 0 10px; z-index: 500; overflow: hidden; }
#mainContent .left a { text-decoration: underline; }
#mainContent .left a:hover { text-decoration: none; }
#mainContent .right { float: left; width: 210px; overflow: hidden; }
#mainContent .box { background: #f1f1f1; border: 1px solid #e8e8e8; padding: 10px; margin-bottom: 10px; font-size: 0.9em; }
#mainContent .right .box ul { list-style-position: inside; line-height: 130%; margin-bottom: 15px; }
#mainContent .right .box ul li { margin-bottom: 10px; } 
#mainContent .right .box ul.star, #mainContent .right .box ul.pdf, .boxNoBorder ul.star { list-style: none; }
.boxNoBorder { padding: 10px 0 0 10px; }
#mainContent .right .box ul.star li { background: url(../images/jura_square.gif) no-repeat 0 1px; padding: 0 0 0 20px; }
.boxNoBorder ul.star li { background: url(../images/jura_square.gif) no-repeat 0 1px; padding: 2px 0 0 20px; }
#mainContent .right .box ul.pdf li { background: url(../images/jura_pdf.gif) no-repeat 0 1px; padding: 0 0 0 20px; } 
.box p em { color: #666d7b; }

#mainContent .half { float: left; width: 395px; margin-right: 10px; padding: 0 10px; z-index: 500; overflow: hidden; }
#mainContent .third { float: left; width: 258px; height: 140px; margin: 20px 10px; padding: 0; overflow: hidden; z-index: 500; background: #f1f1f1; border: 1px solid #e8e8e8; }
#mainContent .third.doporucujeme { background: url(../images/stampBg.gif) no-repeat left top; margin: 3px 0px 20px 8px; border: 0; width: 273px; height: 140px; padding: 20px 0 0 0; }
#mainContent .half.last, #mainContent .third.last { margin-right: 0; }

/* Headers */
h1 { display:block; width: 360px; height: 90px; overflow: hidden; background: url('../images/logo.gif') no-repeat top left; }
h1 a { display:block; width: 360px; height: 90px; overflow: hidden; text-indent: -2000px; }
h2, h3 { color: #f00; text-transform: uppercase; font-weight: bold; } 
h2 { font-size: 1.3em; margin: 5px 0 20px 0; }
h2 span { font-size: 0.6em; display: block; color: #666d7b; text-transform: none; }
#mainContent .left h2 span a { color: #666d7b; text-decoration: none; }
#mainContent .left h2 span a:hover { text-decoration: underline; }
h3 { font-size: 1.1em; }
.left h3 { color: #000; font-weight: bold; margin: 10px 0 5px 0; }
.right h3 { margin-bottom: 10px; }
h5 { margin: 20px 0 5px 0; }

/* Head with Menu */
.head { width: 860px; height: 160px; overflow: hidden; position: relative; background: url('../images/head.gif') repeat-x top left; }
ul#menu { width: 860px; height: 160px; overflow: hidden; position: relative; list-style: none; }
.kontakt ul#menu { background: url('../images/menu-image/kontakt.jpg') no-repeat 0 57px; }
.main ul#menu { background: url('../images/menu-image/main.jpg') no-repeat 0 57px; }
.main3 ul#menu { background: url('../images/menu-image/main3.jpg') no-repeat 0 57px; }
.main4 ul#menu { background: url('../images/menu-image/main4.jpg') no-repeat 0 57px; }
ul#menu a { color: #fff; text-transform: uppercase; text-decoration: none; } 
ul#menu a:hover { color: #f00; } 
ul#menu li.top { width: 215px; height: 57px; position: relative; float: left; background: url('../images/head_separator.gif') no-repeat top right; }
ul#menu li.top#lastMenuItem { background: transparent; }
ul#menu li.top a { width: 196px; height: 57px; line-height: 57px; position: relative; display: block; padding: 0 0 0 19px; }

ul#menu li.top ul { display: none; }
ul#menu li.top.selected a { background: #000; font-weight: bold; }
ul#menu li.top.selected ul { display: block; padding-top: 5px; height: 85px; width: 215px; position: absolute; top: 52px; left: -1px; list-style: none; background: url('../images/menu_selected.png') repeat-x bottom left; }
ul#menu li.top.selected#lastMenuItem ul { left: -2px; }
ul#menu li.top.selected ul.tab2 { left: 214px; }
ul#menu li.top.selected ul.tab3 { left: 429px; }
ul#menu li.top.selected ul.quatro { left: 645px; }
ul#menu li.top.selected ul li { height: 15px; line-height: 15px; padding-left: 17px; color: #fff; }
ul#menu li.top.selected ul li.gap { margin-top: 15px; }
ul#menu li.top.selected ul a { width: 196px; height: 15px; line-height: 15px; position: relative; display: block; padding: 0; text-transform: none; background: none; font-weight: normal; }
ul#menu li.top.selected ul ul { height: auto; width: 215px; position: relative; background: none; margin: 0; padding: 0; }
ul#menu li.top.selected ul li.categoryheading, ul#menu li.top.selected ul li.categoryheading a { margin-top: 5px; color: #f00; text-transform: uppercase; font-size: 0.95em; position: relative; }
ul#menu li.top.selected ul li.categoryheading ul { font-size: 1em; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 107px; }
ul#menu li.top.selected ul li.categoryheading ul.moved { position: absolute; top: 0; left: 107px; top: 15px; }
ul#menu li.top.selected ul li.categoryheading ul li { margin: 0; padding: 4px 0 0 0; }
ul#menu li.top.selected ul li.categoryheading ul li a { color: #fff; text-transform: none; margin: 0; padding: 0; }
ul#menu li.top.selected ul li.categoryheading ul li a:hover { color: #f00; }

/* Top Additional Menu */
#ilivehome { position: absolute; top: 0; right: 5px; background: url('../images/additional_menu.gif') repeat top right; height: 38px; line-height: 38px; font-size: 0.8em; }
#ilivehome a { height: 38px; padding: 0 5px 0 30px; color: #fff; display: block; float: left; }
#ilivehome a.home { background: url('../images/additional_menu_home.gif') no-repeat 5px 10px; }
#ilivehome a.map { background: url('../images/additional_menu_map.gif') no-repeat 5px 10px; }
#ilivehome a.servis { background: url('../images/additional_menu_servis.gif') no-repeat 5px 10px; }

/* Top Shopping Cart */
#kosik { position: absolute; top: 45px; right: 5px; background: url('../images/additional_menu.gif') repeat top right; height: 38px; line-height: 38px; font-size: 0.9em; color: #fff; padding: 0 5px; }
#kosik a { color: #fff; text-decoration: underline; }
#kosik a:hover { color: #f00; text-decoration: none; }
#kosik img { vertical-align: middle; }

/* Bottom */
#bottom a { color: #ddd; padding: 0 2px; }
#bottom a:hover { color: #fff; }

/* Box Right Kontakt */ 
.box.kontakt p img { float: left; border: 1px solid #e8e8e8; margin: 0 5px 20px 0; }
.box.kontakt p a { padding-top: 20px; display: block; }

/* Shopping Cart */
.cartstep { font-size: 0.9em; }
.cartstep span { font-size:2em; font-weight:bold; font-style:italic; color:#d8d8d8; float:left; margin-right:2px; }
.cartstep span.actual { color:#f00; }

/* Nakupni kosik */
.kos { width: 600px; border-collapse: collapse; }
.kos th { text-align: left; padding: 5px; }
.kos th.toright { text-align: right; }
.kos td { padding: 5px; border-top: 1px dotted #c3c3c3; vertical-align: middle; }
.kos tr.sum th { border-top: 2px solid #222; }
.kos td.changeButtons { width: 42px; }
#mainContent .left .kos a.change { color: #fff; background: #f00; height: 20px; width: 20px; line-height: 20px; text-align: center; font-weight: bold; display: block; text-decoration: none; float: left; margin-right: 1px; }
#mainContent .left .kos a.change:hover { background: #000; text-decoration: none; }
.slevovy { width: 450px; border-collapse: collapse; }
.kosikUdaje { width: 450px; border-collapse: collapse; }
.kosikUdaje th { text-align: left; font-weight: normal; }
.kosikUdaje input, .kosikUdaje textarea { width: 300px; margin: 3px 0;}

.justAdded { margin: 10px auto; border: 1px solid #666; padding: 10px; z-index: 1000; }

/* Admin Menu */
ul#admin { position: absolute; width: 200px; top: 90px; right: -200px; background: #000; color: #fff; list-style: none; }
ul#admin li a { display: block; padding: 3px 5px; border-top: 1px solid #333; color: #ddd; }
ul#admin li a:hover { color: #f00; text-decoration: none; }
ul#admin li a.selected { color: #f00; font-weight: bold; }
ul#admin li strong.heading { padding: 10px 5px 3px 5px; display: block; }

/* Admin */
table.admin, table.edit, table.insertLine { width: 840px; background: #fff; margin: 0; }
table.admin th, table.insertLine th, table.edit th { background: #000; text-align: left; padding: 4px; color: #ddd; }
table.edit th { text-align: right; width: 200px; vertical-align: top; }
table.admin td, table.insertLine td { padding: 5px; }
table.admin tr.odd td, table.edit td { background: #f8f8f8; }
table.admin tr.prijato td { color: #db080d; }
table.insertLine input, table.insertLine select, table.insertLine textarea, table.edit input, table.edit textarea { width: 100%; }
table.edit textarea { height: 200px; }
table.admin form { display: inline; }

/* Products */
.nahledProduktu { width: 170px; height: 173px; overflow: hidden; display: block; margin: 0 45px 50px 0; float: left; position: relative; }
.left .nahledProduktu { height: 180px; margin: 0 45px 30px 0; }
.nahledProduktu.last { margin-right: 0; }
.nahledProduktu h4 { margin-bottom: 10px; height: 25px; display: block; }
.nahledProduktu p { font-size: 0.9em; color: #333; padding: 0; margin: 0; }  

.nahledProduktu .overview { width: 170px; height: 102px; display: block; overflow: hidden; font-size: 0.9em; }
.nahledProduktu .pricing { width: 170px; height: 36px; display: block; clear: right; }
.nahledProduktu .pricing .addButton { width: 66px; height: 25px; overflow: hidden; display: block; float: left; text-indent: -3000px; background: url('../images/addButtonSmallest.gif') no-repeat top left; }
.nahledProduktu .pricing .addButton a { width: 66px; height: 25px; overflow: hidden; display: block; }
.nahledProduktu .pricing .detailButton { width: 66px; height: 25px; overflow: hidden; display: block; float: left; text-indent: -3000px; background: url('../images/detailIcon.gif') no-repeat top left; margin-bottom: 5px; }
.nahledProduktu .pricing .detailButton a { width: 66px; height: 25px; overflow: hidden; display: block; }
.nahledProduktu .pricing .showPrice { width: 100px; height: 36px; display: block; float: left; color: #f00; font-size: 1.1em; }
.nahledProduktu .pricing .showPrice small { color: #999; font-size: 0.8em; }

.left .nahledProduktu .image { display: block; width: 100px; height: 100px; overflow: hidden; float: left; text-align: center; }
.left .nahledProduktu .pricing { width: 70px; height: 102px; overflow: hidden; }
.left .nahledProduktu .pricing .showPrice { width: 70px; height: 36px; display: block; float: left; color: #f00; font-size: 1em; margin-top: 5px; }

.right .nahledProduktu { width: 190px; height: auto; overflow: hidden; margin: 0 0 10px 0; float: none; padding: 0; }
.right .nahledProduktu img { border: 1px solid #e8e8e8; margin-bottom: 5px; }
.right .nahledProduktu .overview { width: 190px; font-size: 0.9em; }
.right .nahledProduktu .pricing { width: 190px; }
.right .nahledProduktu .pricing .addButton { width: 98px; height: 36px; background: url('../images/addButtonSmall.gif') no-repeat top left; }
.right .nahledProduktu .pricing .addButton a { width: 98px; height: 36px; }
.nahledProduktu .pricing .showPrice { width: 90px; }

.priceFloat { width: 245px; float: right; margin-top: -40px; text-align: center; color: #f00; }
.priceFloat span { font-size: 1.2em; margin: 10px 0; display: block; }
.priceFloat span small { font-size: 0.7em; }
.priceFloat .addButton { width: 139px; height: 35px; overflow: hidden; display: block; text-indent: -3000px; background: url('../images/addButton.gif') no-repeat top left; margin: 10px 0 10px 55px; }
.priceFloat .addButton a { width: 139px; height: 35px; overflow: hidden; display: block; }

.right .galerie img { margin: 10px; }
.searchButton { width: 27px; height: 23px; vertical-align: bottom; }
.searchbox { padding-bottom: 7px; }

/* Left Main Container */
.left .halfSized { width: 280px; float: left; padding-right: 20px; }
.left .halfSized.small { font-size: 0.9em; padding-top: 20px; }
img.kontaktMargin { margin: -20px 50px 0 50px; } 

/* Hotline */
p.kontaktHotline { width: 280px; height: 32px; line-height: 32px; padding: 0; margin: 20px auto; text-align: center; color: #fff; background: url(../images/kontakty/hotline.gif) left top no-repeat; }

/* Alerts */
.alert { padding: 10px; border: 1px solid #e8e8e8; width: 560px; margin: 10px 0; background: #d2efd5; }
.alert.error { background: #efd2d2; }

#contactForm, form.form { width: 560px; padding: 10px; border: 1px solid #e8e8e8; }
form.form.kosik { margin-top: 30px; }
form.form th { width: 140px; text-align: right; vertical-align: top; font-weight: normal; padding: 3px 4px 0 0; }
#contactForm label, form.form label { display: block; }
#contactForm input.text, #contactForm textarea, form.form input.text, form.form textarea, form.form select { width: 430px; padding: 3px; margin-bottom: 5px; }
form.form input.text.error { background: #efd2d2; }
form.form input.hidden { width: 540px; padding: 5px; display: none; }
#contactForm textarea, form.form textarea { height: 150px; font-family: Arial, Helvetica, sans-serif; }
form.form small { font-size: 0.9em; color: #666; font-style: italic; display: block; padding: 3px 0; }
form.form small.error { color: #f00; }

/* Podminky */
.podminky { list-style: decimal; margin-left: 20px; line-height: 140%; }
.podminky ul { margin-left: 20px; }
.podminky li { padding: 4px 0; }

.poradnaList, .downloadList, .standardList { margin-left: 20px; line-height: 140%; }
.standardList ul { margin-left: 20px; }
.poradnaList li, .downloadList li, .standardList li { padding: 4px 0; }
.poradnaList a { text-decoration: none; color: #000; }

.splatkyPojisteni { font-size:0.9em; }
ul.splatky { line-height: 150%; margin-bottom: 20px; }
ul.splatky li { margin-left: 15px; }

#callback label { display: block; }
#callback input.text, #callback textarea { width: 179px; padding: 3px; }
#callback textarea { height: 100px; }
#callback small { display: block; font-size: 0.9em; color: #666; }

/* Kontakt */
.kontaktAddress { margin: 0 0 40px 100px; display: block; }
.kontaktFoto { width: 160px; float: left; display: block; height: 120px; border: 1px solid #ccc; margin: 0 10px 0 0; }

/* Press release on home page */
.randomPressRelease { border-left: 1px solid #ccc; display: block; margin: 20px 0; padding: 10px; }

.third h3 { padding: 10px; }
.third ul { margin: 10px; list-style-image: url(../images/square.gif); }
.third ul li { padding: 3px 0; margin-left: 15px; }
.third ul a { color: #666; }
.third .nahledProduktu { padding: 0 10px; width: 238px; font-size: 0.9em; }
.third .nahledProduktu h4, .third .nahledProduktu p { padding: 0 0 3px 0; margin: 0; height: auto; }
.third .nahledProduktu .previewImage { float: left; display: block; width: 100px; height: 140px; margin-right: 10px; text-align: left; }
.third .nahledProduktu .previewImage img { border: 1px solid #ccc; padding: 0; margin: 0; }
.third .nahledProduktu .showPrice { padding: 8px 0 0 0; color: #f00; font-size: 1.1em; }
.third .nahledProduktu .showPrice small { color: #999; font-size: 0.8em; }
.third .nahledProduktu .addButton { width: 66px; height: 25px; overflow: hidden; display: block; float: right; text-indent: -3000px; background: url('../images/addButtonSmallest.gif') no-repeat top left; margin: 15px 0 0 0; }
.third .nahledProduktu .addButton a { width: 66px; height: 25px; overflow: hidden; display: block; } 

.video { width: 148px; height: 70px; }
.video.listing { margin: 5px 10px 10px 0; float: left; }
.cleaner.video { margin-bottom: 30px; }
.right .video { margin-bottom: 15px; }

table.productTable { width: 350px; margin: 0 auto 20px auto; border-collapse: collapse; font-size: 0.9em; line-height: 140%; }
table.productTable tr th, table.productTable tr td { background: #e3e3e3; padding: 6px 10px 6px 0; }
table.productTable tr.odd th, table.productTable tr.odd td { background: #f1f1f1; }
table.productTable th { text-align: right; width: 100px; }