body { margin:0; padding:0; color: #6a6a6a; font: 87.5%/1.3 Arial, Helvetica, sans-serif; background:white url(../images/bgbody.gif) repeat-x }
body#home { background: url(../images/bgbody-home.gif) repeat-x; }
p { margin:0.5em 0 }
img { border:0 }
hr { display:none }
form { margin:0 }
input,
select,
textarea { font-size:100%; color: #6a6a6a; }
input { background: url(../images/bginput.gif) repeat-x; border: 1px solid #dadada; padding: 4px 2px 0px; height: 23px; width: 218px; }
textarea { background: url(../images/bgtextarea.gif) no-repeat right top; height: 200px; width: 455px; border: 1px solid #dadada; font: 100% Arial, Helvetica, sans-serif; padding: 4px; }

select { border:1px solid #ABDEFB }
table { font-size:100%; margin:0.5em 0; padding:0; border:0 }
h1,
h2,
h3,
h4,
h5,
h6 { margin:8px 0; font:normal 200%/1.3 Arial, Helvetica, sans-serif; color: #da2525; }
h1 { font-size: 164.25%; margin: 0px; padding: 0px; }
p,
div,
hr,
form { padding: 0px; margin: 0px; }
a { color: #6a6a6a; }
a:hover { text-decoration: none; }
img { border: none; }
.cleaner { margin: 0px auto; width: 100%; visibility: hidden; clear: both; font-size: 0%; }
hr { display: none; }
#header,
.content, .content2,
#footer { margin: 0px auto; clear: both; }
#header { width: 965px; position: relative; }
#home #header { height: 380px; background: url(../images/bgheader-home.jpg) no-repeat right bottom; }
#header h1 { clear: both; float: left; padding-top: 12px; padding-left: 8px; display: block; font-weight: bold; }
#header h2 { display: block; margin: 0px; padding: 0px; position: absolute; background: url(../images/bgregistration.gif); height: 53px; width: 382px; color: #FFF; text-transform: uppercase; font-size: 128.6%; text-align: center; left: 13px; bottom: 2px; }
#header h2 a { color: #FFF; text-decoration: none; display: block; height: 38px; width: 382px; padding-top: 15px; }
#header h2 a:hover { text-decoration: underline; }
#header #htext { display: block; clear: left; width: 450px; font-size: 128.6%; color: #000; padding-left: 8px; }
#header #action { background: url(../images/action.png); height: 96px; width: 136px; position: absolute; right: 31px; top: 80px; color: #FFF; text-align: center; }
#action p { text-align: center; display: block; font-size: 85.75%; }
#action strong { display: block; text-transform: uppercase; width: 80%; line-height: 1.2; margin: 25px auto 3px; }
#action span { }
#links { list-style: none; float: right; margin: 9px 0px 0px; padding: 0px 12px 0px 0px; color: #FFF; height: 31px; }
#links li { display: inline; padding-right: 10px; padding-left: 4px; }
#links li.first { font-weight: bold; padding-right: 0px; }
#links li a { color: #FFF; font-weight: bold; font-size: 92.85%; }
#logo { display: inline; float: left; overflow: hidden; position: relative; margin: 0px; }
#logo,
#logo span { height: 114px; width: 319px; }
#logo span { background: url(../images/logo.gif); display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; }
#home #logo span { background: url(../images/logo-home.gif); }
#topmenu { display: block; margin: 40px 0px 0px; padding: 0px; float: right; list-style: none; width: 575px; }
#topmenu li { float: left; padding-left: 35px; font-weight: bold; font-size: 150%; }
#topmenu li a { text-decoration: none; }
#topmenu li .active,
#topmenu li a:hover { color: #DA2525; text-decoration: none; }

#top h2 { display: block; margin: 10px 0 10px 300px; padding: 0px; background: url(../images/bgregistration.gif); height: 53px; width: 382px; color: #FFF; text-transform: uppercase; font-size: 128.6%; text-align: center; left: 13px; bottom: 2px; }
#top h2 a { color: #FFF; text-decoration: none; display: block; height: 38px; width: 382px; padding-top: 15px; }
#top h2 a:hover { text-decoration: underline; }

.kategorie a {font-weight: bold;}



.content { width: 965px; padding-top: 10px; }
.content.contact { padding-bottom: 20px; }
.content h1 { font-weight: bold; }

.content2 { width: 965px; padding-top: 10px; }
.content2 p { padding-top: 10px; padding-bottom: 10px;}
.content2 h1 { font-weight: bold; }
.content2 h2 { font-weight: bold; font-size: 125%; }

.leftcolumn { float: left; width: 482px; }
.rightcolumn { float: right; width: 461px; padding-left: 21px; }
.reference { clear: both; height: 215px; width: 965px; border-bottom: 2px solid #dadada; text-align: center; }
.reference.top { background: url(../images/bgref-top.gif) no-repeat; border-top: 1px solid #dadada; margin-top: 15px; }
.reference.bottom { background: url(../images/bgref-bottom.gif) no-repeat left bottom; border-bottom: 1px solid #dadada; }
.content #paging { margin: 8px 0px; padding: 0px 38px 0px 0px; float: right; display: block; list-style: none; clear: both; }
#paging li { display: block; float: left; height: 35px; width: 32px; }
#paging li a { display: block; float: left; height: 30px; width: 31px; text-align: center; background: url(../images/bgpaging.gif) no-repeat 0px 0px; color: #6a6a6a; font-size: 128.6%; padding-top: 5px; }
#paging li .active ,#paging li a:hover{ background-position: -32px 0px; color: #FFF; text-decoration: none; }




#order { background: url(../images/bgorder.gif) repeat-y; width: 461px; clear: both; }
#order #toporder { background: url(../images/bgtorder.gif); clear: both; height: 24px; }
#order #bottorder { background: url(../images/bgbottorder.gif) left bottom; clear: both; height: 10px; }
#order .itemorder { clear: both; padding-left: 100px; padding-bottom: 15px; }
#order .itemorder h3 { font-size: 135%; margin: 0px; padding: 0px 0px 5px; display: block; }
#order .itemorder h3 a { color: #DA2525; text-decoration: none; }
#order .itemorder h3 a:hover { text-decoration: underline; }
#order .itemorder p { padding-right: 60px; }
.itemorder.objednavka { background: url(../images/ico-order.gif) no-repeat 30px 7px; }
.itemorder.registrace { background: url(../images/ico-registration.gif) no-repeat 30px 7px; }
.itemorder.akce { background: url(../images/ico-action.gif) no-repeat 30px 7px; }
.itemorder.adult { background: url(../images/ico-18.gif) no-repeat 30px 7px; }
.itemorder.eu { background: url(../images/ico-eu.gif) no-repeat 30px 7px; }
.discount { background: url(../images/bgdiscount.gif) repeat-y; clear: both; width: 461px; float: left; }
.discount h4 { margin: 0px; padding: 0px 0px 0px 12px; clear: both; font-size: 128.6%; display: block; }
.discount h4 a { color: #DA2525; text-decoration: none; }
.discount h4 a:hover { text-decoration: underline; }
.catalog  { clear: both; padding-right: 5px; padding-left: 5px; padding-top: 10px; }
.discount p { display: block; font-size: 92.85%; padding-right: 15px; padding-left: 15px; padding-top: 5px; clear: both; }
.catalog ul { display: block; margin: 0px; clear: both; list-style: none; background: url(../images/bgdiscount-ul.gif) repeat; width: 451px; height: auto; font-size: 107.15%; padding: 0px; float: left; }
.catalog ul li { display: block; float: left; height: 29px; text-align: right; width: 73px; padding-right: 13px; padding-top: 9px; }
.catalog ul .catalogs { text-align: left; width: 241px; padding-right: 0px; padding-left: 38px; font-weight: bold; }
.catalog .price { font-weight: bold; }
.catalog .actionprice { color: #DA2525; font-weight: bold; }
.catalog .oldprice { text-decoration: line-through; }
.catalog .webcount { width: 35px; background: #FABBBB; border: 1px solid #FABBBB; color: #DA2525; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: right; padding-right: 0px; height: 20px; }

.discount ul li a { text-decoration: none; }
.discount ul li a:hover { text-decoration: underline; }
.flag .cs { background: url(../images/vlajky/cs.gif) no-repeat 6px 11px; }
.flag .de { background: url(../images/vlajky/de.gif) no-repeat 6px 11px; }
.flag .sk { background: url(../images/vlajky/sk.gif) no-repeat 6px 11px; }
.flag .eng { background: url(../images/vlajky/eng.gif) no-repeat 6px 11px; }
.flag .pl { background: url(../images/vlajky/pl.gif) no-repeat 6px 11px; }
.flag .aut { background: url(../images/vlajky/aut.gif) no-repeat 6px 11px; }
.flag .usa { background: url(../images/vlajky/usa.gif) no-repeat 6px 11px; }
.discount #discounttop { background: url(../images/bgdiscount-top.gif); clear: both; height: 20px; }
.discount #discountbottom { background: url(../images/bgdiscount-bottom.gif); clear: both; height: 20px; }
.infocolumn { clear: both; width: 460px; padding-bottom: 15px; }
.infocolumn h5 { font-size: 128.6%; padding-left: 5px; border-bottom: 1px solid #DADADA; padding-bottom: 15px; margin-bottom: 25px; padding-top: 8px; }
.infocolumn p { clear: both; padding-left: 65px; background: url(../images/ico-plus.gif) no-repeat 17px 0px; margin-bottom: 22px; }
.infocolumn.checked p { background: url(../images/ico-check.gif) no-repeat 17px 0px; }
.infocolumn.query p { background: url(../images/ico-query.gif) no-repeat 17px 10px; padding-bottom: 9px; margin-bottom: 13px; }
.maintext { clear: both; padding-left: 27px; }
.maintext.withborder { border-bottom: 1px solid #DADADA; padding-bottom: 20px; margin-bottom: 20px; }
.maintext h6 { font-size: 128.6%; clear: both; margin: 0px; padding: 0px; }
.maintext p { font-size: 92.85%; line-height: 1; }
#outer_box { clear: both; height: 217px; width: 965px; margin: 12px 0px 20px; position: relative; background: url(../images/bgscroll.gif) no-repeat; float: left; }
#outer_box #inner_box { height: 215px; width: 918px; left: 23px; top: 1px; overflow: hidden; background-color: transparent; clear: both; float: left; position: absolute; }
#inner_box #image_box { position: absolute; left: 0px; top: 0px; height: 215px; background-color: transparent; }
#inner_box #image_box ul ,.reference ul{ display: block; margin: 0px; padding: 0px; list-style: none; }
.reference ul { margin: 0px auto; padding: 0px; width: 924px; }

#inner_box #image_box .box ,.reference .box{ float: left; height: 215px; width: 225px; text-align: center; padding-right: 4px; background-color: transparent; display: block; }
#outer_box #leftscroll { display: block; height: 215px; width: 35px; position: absolute; left: -15px; top: 1px; background: url(../images/bt-arrayleft.gif) no-repeat 0px 80px; cursor: pointer; }
#outer_box #rightscroll { display: block; height: 215px; width: 35px; position: absolute; left: 947px; top: 1px; background: transparent url(../images/bt-arrayright.gif) no-repeat 0px 80px; cursor: pointer; }
#image_box h6 ,.reference h6,.reference div{ font-size: 100%; font-weight: bold; margin: 14px 0px 8px; padding: 0px; }
#image_box ul p ,.reference ul p{ padding-top: 5px; }
#image_box ul p strong { text-decoration: none; }
.bigerror { padding-top: 18px; }
.bigerror fieldset { background: #fae8e8; border: 1px solid #da2525; display: block; position: relative; }
.bigerror fieldset legend { color: #da2525; font-weight: bold; font-size: 135.75%; padding: 0.4em 0.4em 0.4em; position: relative; top: -1em; }
.bigerror ul { list-style: none; margin: 0px; padding: 0px 0px 5px 25px; color: #da2525; display: block; float: left; }
.bigerror ul li { background: url(../images/ico-error.jpg) no-repeat 0px 3px; display: block; padding-left: 22px; padding-bottom: 2px; font-size: 107.25%; margin-bottom: 5px; }
.info { background: #dcf0dd url(../images/ico-info.jpg) no-repeat 14px 18px; padding-top: 15px; padding-bottom: 15px; border: 1px solid #c7d9c8; padding-left: 85px; clear: both; font-size: 121.5%; color: #14991a; margin-top: 18px; }
.info p strong { font-size: 123.5%; }
.form { margin-top: 15px; clear: both; width: 965px; }

.form fieldset { border: 1px solid #dadada; background: url(../images/bginfo.gif) no-repeat right bottom; padding: 30px 5px 5px; position: relative; }
.form table td ,.registrace table td{ padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
.form fieldset legend { font-size: 135.75%; font-weight: bold; position: relative; top: -1em; }
.content form .registrace{ clear: both; float: left; width: 965px; padding-top: 30px; background: url(none); }
.registrace fieldset { background: #fae8e8; border: 1px solid #dadada; padding-top: 0px; padding-right: 5px; padding-left: 5px; position: relative; }
.registrace fieldset legend { color: #DA2525; font-size: 128.6%; font-weight: bold; padding: 0.4em; position: relative; top: -1em; }
.registrace input { width: 364px; }
.registrace textarea { width: 360px; height: 130px; }
.registrace .catalog ul { background: url(../images/bgcatform.gif) repeat; }
.catalog ul li.selprice{ text-align: left; float: left; padding-left: 12px; width: 38px; padding-right: 0px; }

.registrace .selprice input { border-style: none; padding: 0px; height: auto; width: auto; background: url(none); float: left; }
.registrace .catalog .price { font-weight: normal; color: #da2525; width: 112px; padding-right: 10px; }
.price span { text-decoration: line-through; color: #6A6A6A; padding-right: 10px; }

.hiddenitems a{ display: block; clear: both; }
.toggle { display: none; }
.sumall { clear: both; height: 36px; width: 452px; background: #fabbbb; font-weight: bold; color: #DA2525; }
.sumall p { display: block; float: left; padding-left: 55px; margin-top: 9px; }
.sumall p.sum { float: right; padding-right: 10px; }
.plusweb  { height: 53px; width: 239px; color: #FFF; text-align: center; clear: both; float: left; background: url(../images/btplusweb.gif) no-repeat; margin-top: 15px; }
.plusweb a { display: block; height: 39px; width: 239px; text-transform: uppercase; color: #FFF; font-weight: bold; text-decoration: none; text-align: center; font-size: 142.85%; padding-top: 14px; clear: both; float: left; background: url(none); }

.plusweb a:hover { text-decoration: underline; }
.minusweb { background: url(../images/bgminus.gif) no-repeat; height: 32px; width: 209px; margin-top: 10px; font-size: 100%; color: #FFF; text-align: center; clear: both; float: left; }
.minusweb a { display: block; height: 24px; width: 209px; font-size: 100%; color: #FFF; text-transform: uppercase; text-decoration: none; text-align: center; padding-top: 8px; font-weight: bold; clear: both; float: left; }
.minusweb a:hover { text-decoration: underline; }


#summary { clear: both; margin-top: 35px; float: left; width: 965px; margin-bottom: 15px; }
#summary fieldset { width: 541px; border: 1px solid #dadada; padding-right: 13px; padding-left: 13px; }
#summary fieldset legend { font-size: 128.6%; font-weight: bold; }
#summary .voucher_info { padding-top: 10px; }

#summary #voucher { clear: both; margin-top: 5px; margin-bottom: 10px; float: left; }

#summary #voucher input { float: left; margin: 0px; padding: 6px 0px 0px 4px; height: 24px; }
#summary #voucher a { background: url(../images/bgcoupon.gif); display: block; height: 25px; width: 120px; float: left; color: #FFF; text-decoration: none; text-align: center; padding-top: 7px; }
#summary #voucher a:hover { text-decoration: underline; background: url(../images/bgcoupon.gif); }
#summary fieldset p { clear: both; }
#summary fieldset .result { display: block; height: 23px; width: 257px; background: #dcf0dd; color: #14991a; text-align: center; padding-top: 5px; padding-left:10px; }
#summary fieldset .result.ok { background: #DCF0DD url(../images/bgresultok.gif) no-repeat; }
#summary fieldset .result.false { background: #F7E7E7 url(../images/ico-error.jpg) no-repeat 4px 6px; color: #F32929; font-weight: bold; }

#summary fieldset ul { display: block; margin: 10px 0px 0px; padding: 0px; width: 360px; list-style: none; }
#summary fieldset ul li { display: block; float: left; width: 180px; font-size: 121.5%; }
#summary fieldset ul li strong { font-size: 123.5%; }

#summary fieldset #sendform { clear: both; height: 53px; width: 360px; float: left; margin-top: 15px; margin-bottom: 15px; }
#summary fieldset #sendform input { background: url(../images/bgsendform.gif) no-repeat; cursor: pointer; height: 53px; width: 360px; border-style: none; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 128.6%; padding: 0px; }
.contactform  { padding-left: 10px; width: 441px; }
#contactForm div { clear: both; float: left; width: 434px; }



.contactform fieldset { border-style: none; margin: 0px; padding: 0px; }
.contactform label { display: block; clear: both; width: 400px; margin: 0px; padding: 0px; }
.contactform input { margin-top: 5px; width: 434px; margin-bottom: 5px; clear: both; }

.contactform textarea { width: 430px; clear: both; float: left; height: 100px; }
input.submit { background: url(../images/btsendform.gif) no-repeat; display: block; height: 53px; width: 202px; cursor: pointer; font-size: 125%; text-transform: uppercase; color: #FFF; float: right; border-style: none; margin-top: 15px; line-height: normal; vertical-align: middle; padding: 0px; }
#contact { padding: 0px 10px 15px 0px; }
#contact .title { display: block; background: url(../images/contactline.gif) repeat-x 0px 15px; clear: both; width: 99%; float: left; }
#contact .title span { display: block; height: 20px; padding: 5px 10px 4px; background: #DA2525; color: #FFF; float: left; width: auto; }
#contact .helpdesk { display: block; clear: both; float: left; width: 97%; padding: 5px; margin-top: 10px; margin-bottom: 5px; background: #FAE8E8; }
#contact .osoba ,#contact .tel{ clear: both; float: left; margin-bottom: 20px; width: 100%; }
#contact .osoba { padding-left: 15px; display: block; width: 440px; }
#contact .osoba a { display: block; clear: both; width: 90%; }

#contact .tel { margin-top: 5px; margin-bottom: 0px; display: block; padding-left: 20px; width: 90%; }

#contact .tel-info { display: block; clear: both; margin-top: 5px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px; background: #f2f3f4; color: #DA2525; margin-left: 20px; float: left; width: 140px; text-align: center; }
#contact .tel a { clear: both; display: block; margin-top: 5px; margin-bottom: 10px; }
#contact .title.lasttitle { margin-top: 15px; }
























.border_right { border-right: 1px solid #dadada; }
.margintop { margin-top: 15px; }

#footer { height: 120px; width: 976px; background: #FFF url(../images/bgfooter.gif) no-repeat; font-size: 92.85%; }
#copyright { display: block; float: left; padding-top: 15px; padding-left: 10px; }
#weblinks { display: block; margin: 15px 0px 0px; padding: 0px 10px 0px 0px; float: right; list-style: none; text-transform: uppercase; text-align: right; }
#weblinks li { display: inline; }
#weblinks li span,
#linkexchange li span { padding-right: 0px; padding-left: 5px; }
#weblinks li a:hover,
#linkexchange li a:hover { color: #c92222; text-decoration: underline; }
#linkexchange { display: block; margin: 0px; padding: 8px 0px 0px 10px; clear: both; list-style: none; }
#linkexchange li { display: inline; font-weight: bold; }
#linkexchange li a { font-weight: normal; }
.hidden { display:none; }
.content .hidden { display: none; }
input.error,
textarea.error { border: 1px solid #DA2525; }
em.error { font-size: 85%; font-weight: bold; color: #DA2525; display: block; clear: both; }
em.success { color: #449919; }