* { margin: 0; padding: 0; border: 0; }
div.cleaner { clear: left; height: 1px; visibility: hidden; }
div.cleaner.right { clear: both; }
.floated { float: right; }
.center { text-align: center; }

body { background: url(../images/bg.gif) left top repeat-x #3c3b3b; font-family: Verdana, Arial, sans-serif; font-size: 0.9em; position: relative; color: #222; }
a { color: #900404; }
a:hover { text-decoration: none; }

#top { height: 138px; width:847px; background: url(../images/top.gif) left bottom no-repeat; }
#main { width: 847px; margin: 0 auto; position: relative; }

img.floated { margin: 0 0 10px 10px; }
.floated.gap { margin: 0 0 10px 15px; }

h1 a { width: 277px; height: 85px; display: block; position: absolute; top: 28px; left: 0; overflow: hidden; text-indent: -2000px; background: url(../images/logo.gif) left bottom no-repeat; z-index: 100; }
h2 { color: #900404; font-size: 1.2em; padding: 0 0 15px 0; font-weight: normal; text-transform: uppercase; }
h3 { color: #222; font-size: 0.9em; padding: 15px 15px 1px 0; font-weight: normal; text-transform: uppercase; }
h4 { color: #999; text-transform: uppercase; font-size: 0.75em; padding: 5px 25px; font-weight: normal; }
h2 strong, h3 strong { color: #cb0000; font-weight: normal; }
h2.kontakty { padding-top: 20px; }
.section h3.section { color: #900404; font-size: 1em; padding-top: 7px; }
div.section { border: 1px solid #dfdfdf; background: #eee; padding: 7px; position: relative; margin-bottom: 15px; }
p.print { padding: 20px 0; text-align: right; }

#menu { list-style: none; width: 550px; height: 138px; text-transform: uppercase; font-size: 0.6em; background: url(../images/menu.gif) left top no-repeat; float: right; }
#menu li { float: left; height: 138px; width: 120px; background: url(../images/menu.gif) right top no-repeat; text-align: center; }
#menu li.dily { width: 137px; }
#menu li.kontakty { width: 92px; }
#menu li.pece { width: 117px; }
#menu li.servis, #menu li.kavovary { width: 102px; }
#menu li a { height: 78px; display: block; position: relative; overflow: hidden; color: #edc6c6; text-decoration: none; padding: 60px 12px 0 12px; }
#menu li.kontakty a { height: 70px; padding-top: 68px; }

#menu li a:hover { color: #fff; background: url(../images/menu_hover.gif) left top repeat-x; }
#menu li.selected a { color: #fff; background: url(../images/menu_selected.gif) left top repeat-x; }

#content { width: 847px; padding: 0; min-height: 300px; background: url(../images/shadow.gif) left top repeat-x #fff; }

#left { width: 282px; margin: 15px; float: left; display: block; }

#left .box { margin: 0 0 15px 0; color: #fff; }
#left .box h3 { margin: 0; color: #fff; }
#left .box p.para { margin: 8px 0 8px 0; font-size: 0.7em; }
#left .box form { margin: 0 15px; }
#left .box form input.text { width: 180px; height: 19px; float: left; margin: 0; padding: 5px; background: url(../images/boxText.gif) left top repeat-x #fff; border: 0; }
#left .box.call form input.text { background: url(../images/boxText2.gif) left top repeat-x #fff; }
#left .box form input.hidden { width: 0; height: 0; display: none; }
#left .box form input.okButton { width: 37px; height: 29px; float: left; margin: 0 0 0 15px; color: #808080; background: url(../images/okButton.gif) left top no-repeat #fff; border: 0; }
#left .box.call form input.okButton { background: url(../images/okButton2.gif) left top no-repeat #fff; }
#left .box.sledovani { width: 282px; height: 113px; background: url(../images/sledovani.gif) left top repeat-x; }
#left .box.call { width: 282px; height: 112px; background: url(../images/call.jpg) left top no-repeat; }
#left .menu { width: 282px; background: #ececec; border-top: 1px solid #d4d4d4; list-style: none; overflow: hidden; }
#left .menu li { width: 282px; height: 30px; line-height: 30px; font-size: 0.8em; background: url(../images/menu_left.gif) left bottom repeat-x; border-bottom: 1px solid #aeaeae; }
#left .menu li a { width: 262px; height: 30px; display: block; background: url(../images/menu_left_a.gif) 12px 12px no-repeat; text-decoration: none; padding: 0 0 0 30px; }
#left .menu li a:hover { background: url(../images/menu_left_a_hover.gif) 12px 12px no-repeat; text-decoration: underline; }
#left .menu li.sub { width: 262px; padding: 0 0 0 20px; overflow: hidden; }
#left .menu li.selected { background: #fff; }
#left .menu li.selected a:hover { text-decoration: none; }
#left .menu li.selected a { color: #222; font-weight: bold; }

#right { width: 520px; float: left; display: block; margin: 15px 0; }
#right p { margin: 0 0 15px 0; font-size: 0.8em; color: #444; line-height: 170%; }
#right p.halfFloated { width: 250px; float: left; padding-bottom: 20px; }
#right p.halfFloated.twothirds { width: 350px; }
#right p.halfFloated.third { width: 150px; }
#right p.detail { margin-top: 40px; }

#copy { width: 847px; height: 59px; padding: 11px 0 0 0; color: #888; font-size: 0.7em; text-align: center; text-align: right; }
#copy a { color: #888; text-decoration: none; }
#copy a:hover { color: #aaa; }
#copy p { padding: 0 0 5px 0; }

select, input, textarea { border: 1px solid #999; padding: 2px; margin: 2px 0 3px 0; }
textarea { width: 510px; height: 100px; }
form small { margin: 0 0 5px 0; }
input.hidden { display: none; }
input.button { width: 200px; }
input.check { border: 0; width: 20px; display: inline; vertical-align: middle; }

p.question { font-style: italic; }
#content div.box.page p.answer { padding-bottom: 40px; }


/* alerts */
.alert { width: 473px; height: 47px; line-height: 47px; padding: 0 0 0 44px; display: block; overflow: hidden; margin: 10px 0; background: url(../images/alert_info.gif) left top no-repeat; font-size: 0.9em; }
.alert.error { background: url(../images/alert_error.gif) left top no-repeat; }


/* admin */
#admin { position: absolute; top: 0; right: 0; background: #fff; margin: 0; padding: 10px; border: 3px solid #eee; list-style-position: inside; }
table.admin, table.edit, table.insertLine { width: 520px; background: #fff; margin: 0; }
table.admin th, table.insertLine th, table.edit th { background: #eee; text-align: left; padding: 2px; font-weight: normal; }
table.edit th { text-align: right; width: 200px; }
table.admin td, table.insertLine td { padding: 2px; }
table.admin td input { border: 0; }
table.admin tr.odd td, table.edit td { background: #f8f8f8; }
table.insertLine input, table.insertLine select, table.insertLine textarea, table.edit input, table.edit textarea { width: 100%; }
table.admin.small { font-size: 0.75em; }
table.admin.home td { padding: 3px; }
h3.homeAdmin { font-size: 1em; margin-top: 20px; }
h3.homeAdmin.top { margin-top: 0; }

.interniZaznamy label { width: 125px; float: left; display: block; }

.registrace table { width: 400px; margin: 0 auto; font-size: 0.9em; }
.registrace th { width: 190px; font-weight: normal; text-align: right; padding-right: 10px; vertical-align: top; }
.registrace textarea { width: 300px; }
.registrace select, .registrace input { width: 300px; }
.registrace small.error { display: block; font-size: 0.8em; color: #B71717; }
.registrace input.error, .registrace textarea.error { background: #FDE6EE;}

/* Banner */
.banner { width: 520px; margin: 15px 0; height: 50px; text-align: center; }
.banner.big { height: 90px; }
.bannerInline { width: 520px; margin: 15px 0; text-align: center; }


/* Products */
.product { width: 235px; height: 115px; padding: 10px; display: block; overflow: hidden; float: left; background: #dfdfdf; margin: 0 0 10px 10px; border-bottom: 1px solid #aeaeae; position: relative; }
.product.odd { margin: 0 0 10px 0; }
.product h3, #right .product p { margin: 0 0 8px 0; padding: 0; }
.product h3 a { text-decoration: none; }
.product .image { display: block; width: 235px; height: 60px; overflow: hidden; background: #8d8d8d; }
.product .detail { display: block; width: 113px; height: 22px; line-height: 22px; margin: 0 10px 0 0; overflow: hidden; background: #000; float: left; text-align: center; color: #ddd; text-decoration: none; text-transform: uppercase; }
.product .koupit, span.additional .koupit { display: block; width: 112px; height: 22px; line-height: 22px; overflow: hidden; background: #941313; float: left; text-align: center; color: #ddd; text-decoration: none; text-transform: uppercase; }
.product .detail:hover { background: #333; color: #fff; }
.product .koupit:hover, span.additional .koupit:hover { background: #9d3131; color: #fff; }

span.additional { margin: 0 30px 10px 60px; float: right; width: 150px; height: 22px; clear: right; }

.detailed { float: right; width: 250px; text-align: center; margin: 0 0 20px 10px; border-left: 1px solid #aeaeae; }

.detailed .pic, #right .detailed p.price, #right .detailed p.buylink, #right .detailed p.dostupnost { margin: 0 0 20px 0; }
#right .detailed p.price { font-size: 1.1em; }
#right .detailed p small { color: #aaa; }
#right .detailed p.price small { font-size: 0.7em; }
#right .detailed p.dostupnost small { font-size: 0.9em; }
#right .detailed p.buylink a { display: block; width: 120px; height: 22px; line-height: 22px; color: #ddd; background: #941313; text-decoration: none; text-transform: uppercase; margin: 0 auto; }
#right .detailed p.buylink a:hover { background: #9d3131; color: #fff; }

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

#right p.aboutJablum { color: #777; font-size: 0.7em; padding-top: 20px; }

#mistoNakupu { display: none; }
.servisSteps { padding-left: 30px; }
.servisSteps li { padding-top: 10px; }
.nextServises { margin-top: 40px; }

.summary td { text-align: right; border-bottom: 1px solid #ccc; line-height: 19px; }
.summary a:hover span { color: #fff; }
a.noUnderline { text-decoration: none; line-height: 15px; }
a.noUnderline img { vertical-align: bottom; }

p.hidden { display: none; }
ul.download { padding: 0 0 0 25px; font-size: 0.8em; list-style-image: url(../images/download.gif); }
ul.download li { line-height: 20px; }
ul.links { padding: 0 0 0 25px; font-size: 0.8em; }
ul.links li { line-height: 20px; }

.statForm { font-size: 0.8em; margin-bottom: 20px; border: 1px solid #dedede; background: #eee; width: 520px; }
.statForm select, .statForm input { width: 150px; }

.servisHotline { width: 260px; margin: 20px auto; padding: 0 0 0 140px; background: url(../images/jura_authorized.jpg) left top no-repeat; }
.servisHotline h3 { padding-top: 0; }

.pagebar { text-align: center; margin: 15px 0; }
.pagebar a { padding: 10px 5px; }

.agreeIcon { float: left; }

form.agree textarea { width: 500px; }
form.agree input { cursor: pointer; padding: 6px 8px; }
form.agree input:hover { background: #fff; }
form.agree p img { vertical-align: bottom; }

#spareParts { width: 510px; }
#spareParts th { text-align: left; }
#spareParts input.text, #sparePartInsert3 input.text { width: 110px; background: #fff; }
#spareParts input.amount, #sparePartInsert3 input.amount, #spareParts input.juraId, #sparePartInsert3 input.juraId { width: 50px; }
#spareParts input.price, #sparePartInsert3 input.price { width: 50px; background: #fff; }
#spareParts input.off, #sparePartInsert3 input.off { border: 0; color: #aaa; }

table.partsOverview { font-size: 0.9em; background: #fff; border: 1px solid #DFDFDF; width: 504px; border-collapse: collapse; }
table.partsOverview td { border: 1px solid #DFDFDF; padding: 3px; }

input#orderSubmit.disabled { border: 1px solid #ddd; color: #aaa; }

#totalSparePrice { line-height: 250%; font-weight: bold; }