body { margin: 0px; padding: 0px; background: #3B95CA url("../img/bodyBg.gif") repeat-x; color: #000; text-align: left; }
body, input, select, textarea, td, th { font-family: "Trebuchet MS", "Arial CE", "Helvetica CE", Arial, lucida, sans-serif; font-size: 11px; }
.clear { visibility: hidden; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; clear: both; }
.none { display: none; }
img { border: none; }
a { color: #000; }
a:hover { text-decoration: none; }
p { margin: 0px 0px 10px; }
#header { position: absolute; left: 10px; top: 80px; }
#main { width: 720px; min-height: 700px; background: #4e9fcf url(../img/mainTopBg.gif) no-repeat; margin-left: 265px; }
.homepage #main { background: #4e9fcf url("../img/mainTopBg-HP.gif") no-repeat; }
#mainTop { height: 206px; width: 718px; margin: 0px 1px; display: block; }
#mMenu { background: url(../img/menuBg.gif) no-repeat; width: 720px; height: 46px; margin: 1px; overflow: hidden; }
#mMenu ul { margin: 0; padding: 0; }
#mMenu li { float: left; width: 89px; list-style: none; margin: 0 0 0 1px; height: 46px; }
#mMenu li.active { background: url("../img/menuBgActive.gif") no-repeat right top; }
#mMenu li.first { margin: 0; width: 88px; }
#mMenu a { line-height: 130%; display: block; padding: 11px 5px 1px 8px; font-size: 11px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#mMenu a:hover { padding: 13px 5px 0 8px; }
#buttonsRow1 { position: relative; left: 0; top: 0; height: 200px; }
#buttonsRow1 .bBox { position: absolute; top: 0; left: 0; }
#left { width: 220px; position: absolute; left: 20px; top: 280px; }
#left #topArticle { color: #fff; font-weight: bold; margin: 10px 0 0 0; }
#left .banner { border: 5px solid #FFFFFF; margin: 10px 0px 20px; }
.newsItem { margin-bottom: 15px; }
.newsItem h3 { font-size: 100%; color: #fff; text-transform: uppercase; margin: 0 0 5px 0; }
.newsItem p { margin-bottom: 5px; }
.newsItem strong { font-size: 12px; }
.newsItem span { color: #FF0000; text-transform: none; }
.newsItem a { font-weight: bold; color: #000000; background: url(../img/bullet2.gif) no-repeat left center; padding-left: 15px; }
#cart { position: absolute; left: 20px; top: 12px; }
#cart a { font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; }
#cart a:hover { padding-left: 2px; }
#hpButtonsBig { height: 260px; }
#hpButtonsSmall { height: 170px; }
.hpButtonsItem { width: 179px; float: left; margin-left: 1px; }
.hpButtonsItemFirst { width: 178px; }
.hpButtonsItem h2 { font-size: 12px; text-transform: uppercase; color: #FFFFFF; margin: 0px 0px 0px 0; background: url(../img/bullet1.gif) no-repeat left center; padding-left: 20px; position: relative; right: 7px; }
.hpButtonsItem h2 a { color: #fff; }
.hpButtonsItem h2 a:hover { text-decoration: none; }
.hpButtonsItem p { padding: 0px 13px; margin: 0; }
.hpButtonsItem img { display: block; }
#emp2ColBox { color: #fff; background: url("../img/emp2ColBoxBg.gif") no-repeat; }
.emp2ColBoxClear { height: 30px; background: url("../img/emp2ColBoxBottomBg.gif") 50% 75% no-repeat; clear: both; }
#emp2ColBox h2 { font-size: 20px; padding: 18px 0 0 46px; margin: 0 0 20px 0; }
#emp2ColBox h3 { padding: 0 0 0 20px; margin: 1em 0 0 0; }
#emp2ColBox p { padding: 0 0 0 20px; margin: 0 0 0.5em 0; }
a.empLink { margin: 2em 0 0 20px; font-weight: bold; color: #fff; background: url("../img/bullet3.gif") no-repeat left center; padding-left: 15px; }
a.empLinkRight { margin: 0 0 0 20px; font-weight: bold; color: #fff; background: url("../img/bullet3.gif") no-repeat left center; padding-left: 15px; float: right; width: 9em; }
a.empLinkBIG { margin: 2em 0 0 20px; text-transform: uppercase; font-weight: bold; color: #fff; background: url("../img/bullet3.gif") no-repeat left center; padding-left: 15px; }
#faq { float: left; width: 538px; }
#faq p { margin-right: 1em; }
#contact { float: right; width: 181px; }
p.phoneNo { background: url("../img/phoneBg.gif") no-repeat 50% 50%; padding: 10px 0 10px 60px !important; text-align: left; margin: 15px 0 1em 0; position: relative; right: 3px; font-weight: bold; }
.prodDetail .phoneNo { background: url("../img/phoneBgL.gif") no-repeat left 50%; width: 143px; font-size: 11px; color: #fff; padding: 10px 0 10px 42px !important; right: 0; }
#footer { height: 50px; background: #4e9fcf url("../img/footerBg.gif") no-repeat; margin: 0 0 0 264px; width: 720px; }
#footer p { font-size: 9px; padding: 10px 10px 10px 10px; color: #003060; }
#footer p a { color: #003060; text-decoration: none; }
#content { margin: 0 280px 0 20px; font-size: 12px; position: relative; left: 0; top: 0; padding: 70px 0 0 0; }
#content.prodList, #content.prodDetail { padding: 90px 0 0 0; }
/* MSIE 6 opruzlička */
.prodList, .prodDetail { _padding: 90px 0 0 0 !important; }
#content.prodList { margin: 0 0 0 20px; }
#content.plainContent { margin: 0 20px; }
.calendarContent { margin: 0 20px !important; }
h1 { color: #fff; margin: 30px 0 0 0; font-size: 22px; text-transform: uppercase; width: 650px; position: absolute; left: 0; top: 0; }
#left h1 { top: -16px; left: 20px; }
#content h2 { color: #fff; margin: 1em 0; font-size: 14px; text-transform: uppercase; }
#content h3 { font-size: 12px; text-transform: uppercase; margin: 1em 0 0 0; }
#prodListContainer h3 { font-size: 100%; margin: 5px 0; }
h3 { font-size: 100%; }
#content p { margin: 0 0 1.5em 0; }
.innerTopNav { font-size: 10px; color: #fff; position: absolute; left: 0; top: 60px; }
.innerTopNav a { color: #fff; }
table { border: 1px solid #22699b; margin: 0 0 1em 0; background: #d3e7f3; }
th { background:#22699b; color: #fff; vertical-align: top; padding: 2px 5px; }
td { padding: 1px 5px; border: 1px solid #378cc2; background: #a7cfe7; }
#rCol { float: right; width: 265px; margin: 100px 0 0 0; }
#leftMenu { margin: 40px 0 1em 0; background: url("../img/leftMenuBg.gif"); padding: 6px 0 0 0; }
#leftMenu ul, #leftMenu ul li { list-style: none; padding: 0; margin: 0; }
#leftMenu a { display: block; padding: 0 5px 0 22px; font-weight: bold; color: #fff; text-decoration: none; height: 24px; line-height: 20px; background: url("../img/leftMenuItemBg.gif") no-repeat 2px 2px; }
#leftMenu a:hover { padding: 0 7px 0 25px; opacity:0.7;}
#leftMenu ul ul a { font-weight: normal; background: none; }
#leftMenu ul ul ul { padding: 0 0 0 15px; }
#langMenu { margin: 40px 0 1em 0; background: url("../img/leftMenuBg.gif") 0 0; padding: 6px 0 0 0; width: 220px; position: absolute; left: 20px; top: 190px; }
#langMenu ul, #langMenu ul li { list-style: none; padding: 0; margin: 0; }
#langMenu a { display: block; padding: 0 5px 0 22px; font-weight: bold; color: #fff; text-decoration: none; height: 24px; line-height: 20px; background: url("../img/leftMenuItemBg.gif") no-repeat 2px 2px; }
#langMenu a:hover { padding: 0 7px 0 25px; }
.rColEmpBox { margin: 0 10px 0.5em 0; background: #003060 url("../img/rColEmpBoxBg.gif") no-repeat; color: #fff; padding: 20px 20px 10px 25px; }
.rColEmpBox h2 { margin: 0 0 1em 0; font-size: 20px; padding: 0 0 0 20px; }
.rColEmpBox img { border: 1px solid #22699b; }
.rLinkList { margin: 0 10px 0 0; padding: 15px 20px 15px 25px; }
.rLinkList h2 { font-size: 100%; margin: 0 0 0 -22px; display: block; padding: 0 5px 0 22px; font-weight: bold; color: #fff; text-decoration: none; background: url("../img/bullet1.gif") no-repeat 2px 1px; }
.rLinkList h2 a { }
table { width: 99%; }
td { vertical-align: top; }
td img { }
td ul { margin: 10px; }
#content ul { list-style: none; padding: 0; margin: 0 0 1em 0; }
#content ol { }
#content ul li { list-style: none; padding: 0 0 0 15px; margin: 0 0 0 10px; background: url("../img/list-style.gif") 0 5px no-repeat; }
#content ul li li { background: url("../img/list-style2.gif") 0 5px no-repeat; }
.calendarBox { background: url("../img/calendar2ColBoxBg.gif") no-repeat !important; }
.calendarBox h2, #content.calContent h1 { position: relative; text-transform: none; }
#content.calContent h1 img { border: none; }
#content.calContent h2 { position: relative; left: 0; top: 0; }
.calendarCaption { color: #fff; margin: 0; position: relative; left: 20px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#content .calendarCaption a { position: relative; top: 3px; }
#content .calendarCaption img { border: none; margin: 0; }
table.calendar { border: 5px solid #fff; border-collapse: collapse; border-top: none; margin: 10px; width: auto; }
table.calendar th { padding: 0 5px; text-align: left; background: #fff; color: #22699B; font-size: 9px; }
table.calendar td { border: 1px solid #fff; padding: 5px; height: 100%; }
table.calendar td.emptyCell { background: #99c2dd; }
table.calendar .calInner { height: 100%; color: #fff; font-weight: bold; }
table.calendar .calDay { float: left; line-height: 100%; }
table.calendar .calContent { height: 100%; min-height: 33px; _height: 33px; margin: 0 0 0 15px; width: 68px; background: url("../img/calInnerBg.gif"); }
table.calendar .calContent a { display: block; color: #000; font-weight: normal; text-decoration: none; font-size: 9px; height: 9px; line-height: 9px; margin: 1px 0; overflow: hidden; padding: 0 0 0 11px; }
table.calendar .calContent a:hover { color: #fff; }
.calItem-100 { background: #00f url("../img/calItemBg.gif") no-repeat; }
.calItem-90 { background: #f00 url("../img/calItemBg.gif") no-repeat; }
.calItem-80 { background: #609 url("../img/calItemBg.gif") no-repeat; }
.calItem-70 { background: #03c url("../img/calItemBg.gif") no-repeat; }
.calItem-60 { background: #0c0 url("../img/calItemBg.gif") no-repeat; }
.calItem-50 { background: #ff0 url("../img/calItemBg.gif") no-repeat; }
.calItem-40 { background: #f90 url("../img/calItemBg.gif") no-repeat; }
.calItem-30 { background: #099 url("../img/calItemBg.gif") no-repeat; }
.calItem-20 { background: #9f0 url("../img/calItemBg.gif") no-repeat; }
#content img { border: 1px solid #a7cfe7; margin: 5px; }
input.button { border: 1px outset #22699b; background: #22699b; color: #fff; font-weight: bold; text-transform: uppercase; padding: 1px 10px; }
.submitBox { width: 600px; text-align: right; margin: 20px 0; }
#rCol fieldset { border: none; margin: 0; padding: 0; }
#rCol select, #rCol input, #rCol textarea { font-size: 10px; width: 210px; }
#rCol .submitBox { width: auto; margin: 5px 0 10px 0; }
#rCol .button { width: auto; }
#leftBanners { text-align: center; }
#leftBanners a { display: block; margin: 5px 0; }
#content .galItem { float: left; height: 150px; overflow: hidden; }
#content .galItem a img { margin: 0; }
#content .galItem a img:hover { border: 1px solid #000; }
#content .galItem a { margin: 5px 5px 0 5px; }
#content .galItem p { font-size: 11px; margin: 0; padding: 0 5px; }
form, fieldset { border: none; margin: 0; padding: 0; }
.productBox { position: relative; left: 0; top: 0; margin: 0 20px 10px 0; width: 325px; float: left; border-top: 1px dotted #99CCEE; font-size: 10px; }
.productBox label { font-weight: bold; display: block; text-align: left; }
.productBox .productImage { float: right; margin: 10px 0 0 0; }
.productBox .productImage img { margin: 0; }
#content .productBox h2 { margin: 10px 120px 5px 0; font-size: 120%; text-transform: none; }
#content .productBox h2 a { color: #fff; }
#content .productBox select { width: 100%; }
table.prodParTable .submitBox { width: auto; _width: 150px; margin: 2px 0 0 0; }
#content .productBox .prodDescr, #content .productBox .orderForm { margin: 0 120px 0 0; }
table.prodParTable { width: 100%; _width: 200px; background: none; border: none; border-collapse: collapse; margin: 0; }
.prodDetail table.prodParTable { width: 418px; }
table.prodParTable td, table.prodParTable th { background: none; border: none; text-align: right; padding: 1px 0; font-size: 10px; }
.prodDetail table.prodParTable td, table.prodParTable th { font-size: 11px; }
table.prodParTable td.left { text-align: left; }
.hiddenBox { display: none; }
#prodParams { position: absolute; right: 10px; top: 10px; width: 50px; }
.prodParamItem { font-size: 9px; color: #fff; background: red; display: block; text-align: center; margin: 1px 0; }
.leftPromoBox { width: 204px; background: url("../img/promoBox.gif") no-repeat; border: 5px solid #fff; margin: 20px 0; }
.leftPromoBox .leftPromoBoxBottom { height: 39px; background: url("../img/promoBoxBott.gif") no-repeat; }
.leftPromoBox h3 { color: #185a8b; text-transform: uppercase; margin: 32px 60px 10px 10px; }
.leftPromoBox h3 a { color: #185a8b; }
.leftPromoBox p { margin: 0 60px 0 10px; color: #fff; }
.homepage #global #header strong h1 { display: none; }
#footer .f1 { float: left; }
#footer .f2 { float: right; }