@CHARSET "UTF-8";
@IMPORT url("reset.css");

/* OBECNÉ NASTAVENÍ */
body { font-size: 83.3%; margin: 0 0 10px 0; color: #3A3A3A; text-align: center; }
div#page { width: 960px; text-align: left; margin: 0 auto; }
div.whiteSpacer { margin: 0 11px 0 12px; font-size: 1px; float: left; width: 1px; height: 24px; background-color: #FFF; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; }
div.clear { clear: both; height: 1px; font-size: 1px; }
h2 { color: #89303E; font-size: 1.3em; margin-bottom: 15px; }
h3 { color: #89303E; font-size: 1em; margin-bottom: 15px; }
h4 { color: #474747; font-size: 1em; margin: 20px 0 2px 0; }
a { color: #89303E; }
a:hover { color: #E6AC22; }
img.nameRect { position: absolute; top: 14px; left: -2px; }
div.left { float: left; width: 250px; margin-top: 11px; margin-right: 20px; }
div.right { float: left; width: 690px; margin: 11px 0 0 0; }
.right .fotosky .invid { float: left; text-align: center; margin-right: 20px; }
.right .fotosky .lastvid { margin-right: 0px; }
.right .fotosky .infot { float: left; text-align: center; margin-right: 0px; }
.right .fotosky .infot p { text-align: center; width: 200px; padding-left: 5px; }
.right .fotosky .lastfot { margin-right: 0px; }
.right .fotosky img { float: left; text-align: center; padding: 5px; border: 1px solid #dadada; margin-right: 20px; margin-top: 20px; }
.right .fotosky img.last { margin-right: 0px; }
/* HEADER */
div.header_logo { width: 960px; height: 106px; background: url("../img/header_logo.jpg") no-repeat; position: relative; }
ul#languageMenu { position: absolute; top: 43px; left: 829px; }
ul#languageMenu li { display: inline; line-height: 22px; }
ul#languageMenu li a { display: block; float: left; color: #FFF; }
ul#languageMenu li a.active { color: #F6C326; text-decoration: none; }

/* FOOTER */
div#footer { margin-top: 15px; color: #686868; font-size: .8em; }
div#footer div.hrLine { background-color: #812335; height: 5px; font-size: 5px; margin-bottom: 20px; }
div#footer div.left { float: left; width: 603px; margin: 0; }
div#footer div.middle { float: left; width: 208px; }
div#footer div.right { float: left; width: 149px; margin: 0; }
div#footer div.rect { background: url("../img/footer_rect.png") no-repeat; width: 14px; height: 28px; float: left; margin-right: 11px; }
div#footer p { float: left; display: block; }
div#footer div.line { height: 10px; width: 1px; background-color: #3A3A3A; font-size: 10px; float: left; margin: 0 5px; position: relative; top: 2px; }
div#footer div.right a { float: left; }
a.s31link { text-decoration:none; color: #686868; }
a.s31link:hover { text-decoration:none; }

/* TOP MENU */
ul#topMenu { width: 944px; height: 42px; margin: 1px 0 8px 0; padding: 5px 0 0 16px; background: url("../img/menu_background.gif") repeat-x; }
ul#topMenu li { display: inline; line-height: 33px; }
ul#topMenu li a { display: block; float: left; color: #000; font-weight: bold; padding: 0 26px 6px 26px; margin-top: 3px; text-decoration: none; }
ul#topMenu li a:hover { background-color: #FFF; z-index: 10; }
ul#topMenu li div { margin: 10px 0 0 0; height: 19px; line-height: 19px; }
div.hiddenSpacer { visibility: hidden; }
ul#topMenu li a.active { background-color: #FFF; z-index: 10; }

/* LEFT MENU */
ul#leftMenu { width: 250px; font-size: .9em; font-weight: bold; margin-bottom: 20px; position: relative; }
ul#leftMenu li { display: inline; }
ul#leftMenu li a { border-top: 1px solid #F8E09F; text-decoration: none; color: #000; display: block; background: #FDEDBE url("../img/list_type2.gif") no-repeat 13px 14px; width: 223px; padding: 10px 0 6px 27px; margin: 0; }
ul#leftMenu li a.last { border-bottom: 1px solid #F8E09F; }
ul#leftMenu li a:hover { background: #F8DC90 url("../img/list_type2.gif") no-repeat 13px 14px; }
ul#leftMenu li ul li a { background: #FEF9E9 url("../img/list_style.gif") no-repeat 28px 14px; border: none; text-decoration: underline; padding-left: 42px; width: 208px; }
ul#leftMenu li ul li a:hover { background: #FEF9E9 url("../img/list_style.gif") no-repeat 28px 14px; color: #E6AC22; }
ul#leftMenu li a.active { background: #F8DC90 url("../img/list_type2.gif") no-repeat 13px 14px; border-bottom: 1px solid #F8E09F; }
ul#leftMenu li ul li a.active { background: #FEF9E9 url("../img/list_style.gif") no-repeat 28px 14px; color: #E6AC22; }

/* HOMEPAGE ABOUT */
div#homeAbout { width: 939px; height: 153px; background: url("../img/home_about_background.gif") repeat-x; position: relative; padding: 19px 0 0 21px; margin-bottom: 1px; }
div#homeAbout img.nameRect { position: absolute; top: 19px; left: -2px; }
div#homeAbout img.homeAboutTop { position: absolute; top: -13px; left: 764px; }
div#homeAbout img.homeAboutPicture { position: absolute; top: 0px; left: 646px; }
div#homeAbout h1.firmName { font-size: 1.3em; color: #781327; }
div#homeAbout p { font-size: 1em; width: 605px; color: #3A3A3A; margin-top: 14px; }
div#homeAbout span.colorized { color: #812335; }
div#homeAbout span.backgroundColorized { background-color: #812335; color: #FFF; }
div.bottomLine { width: 960px; height: 5px; background-color: #E6AC22; font-size: 4px; }
.hptop { position: relative; left: -2px; width: 962px; height: 235px; background: url("../img/hp_top_bg.jpg") no-repeat; }
.hptop .inboxik { padding: 28px 0 0 20px; width: 600px; }

/* HOME MIDDLE */
div#homeContent div.left { float: left; width: 250px; margin: 20px 0; }
div#homeContent div.right { float: left; width: 710px; margin: 20px 0 0 0; }

/* HOME MIDDLE LEFT */
div#findUs { width: 229px; height: 188px; margin-bottom: 20px; background: url("../img/find_us.jpg") no-repeat; position: relative; padding: 14px 0 0 21px; }
div#findUs img.nameRect { position: absolute; top: 14px; left: -2px; }
div#findUs img.findUsLink { position: absolute; top: 42px; left: 161px; }
div#findUs p { font-size: .9em; }
div#findUs p.tel { margin-bottom: 12px; }
div#findUs p.bold.address { font-weight: bold; margin-bottom: 11px; }
div#news { width: 227px; border: 1px solid #C7C7C7; position: relative; padding: 15px 0 15px 21px; }
div#news img.nameRect { position: absolute; top: 15px; left: -2px; }
div#news span { font-size: .8em; display: block; margin-bottom: 14px; padding-right: 10px; color: #89303E; }
div#news div.floatNews { float: left; width: 100px; font-weight: bold; }

/* HOME MIDDLE RIGHT */
div#products { width: 668px; height: 404px; background: url("../img/products_shadow.jpg") no-repeat top left; margin-left: 21px; position: relative; }
div#products2 { padding: 0 0 0 30px; }
div#products h2 { padding: 15px 0 0 21px; }
div#products img.nameRect { position: absolute; top: 15px; left: -2px; }
div#products div.product { float: left; width: 133px; height: 150px; text-align: center; margin: 30px 23px 0 0; }
div#products div.product img { display: block; margin: 0 auto 12px auto; }
div#products div.nomarg { margin-right: 0; }
div#products div.product a { display: block; font-weight: bold; }
div#product div.pFirst { clear: both; }

/* HOME PARTNERS */
div#partners { background: url("../img/partners_background.gif") repeat-x; position: relative; }
div#partners2 { padding: 15px 0 30px 50px; }
div#partners img { margin: 0 17px; }
div#partners img.spacer { margin: 0; }
div#partners img.nameRect { position: absolute; top: 15px; left: -2px; float: none; margin: 0; }

/* HOME PRODUCT DETAIL LAYER */
div#layerBottom { width: 192px; height: 106px; z-index: 5; background-color: #FFF; position: absolute; }
div#layerTop { width: 190px; height: 93px; z-index: 10; background: url("../img/layer_background.gif") repeat-x; color: #D3A9B1; position: absolute; font-size: .8em; padding: 11px 0 0 0; text-align: center; }
div#layerTop p { padding: 0 10px; }
div#layerTop img { position: absolute; top: 104px; left: 7px; }
div.layerp01 { top: 330px; left: 476px; }
div.layerp01b { top: 329px; left: 475px; }

/* KDO JSME */
div.uvod { background-color: #F2F2F2; position: relative; font-weight: bold; }
div.uvod2 { padding: 14px 10px 15px 21px; }
div.uvod h2 { margin-bottom: 10px; }
div.contentLeft { float: left; width: 495px; margin-right: 33px; }
div.contentLeft-only { float: left; width: 680px; margin-right: 0; }
div.contentLeft2 { padding: 30px 8px 0 11px; }
div.contentLeft p { margin-bottom: 15px; }
div.contentLeft ul { font-weight: bold; margin: 0 0 45px 15px; }
div.contentLeft ul li { padding-left: 12px; background: url("../img/list_style.gif") no-repeat left 5px; margin-bottom: 15px; }
div.contentLeft ul.produkty { font-weight: normal; }
div.contentLeft ul.produkty li { margin-bottom: 10px; }
div.contentLeft ul.produktyNoLast { margin-bottom: 18px; }
div.contentLeft h3.procNas { margin-bottom: 9px; }
div.contentLeft h3.form { margin-bottom: 6px; }
div.contentLeft form fieldset { background-color: #F2F2F2; border: 1px solid #DADADA; padding: 15px 15px; }
div.contentLeft form label { color: #8E8E8E; font-size: .8em; font-weight: bold; width: 209px; display: block; float: left; }
div.contentLeft form label.first { margin-right: 14px; }
div.contentLeft form input { width: 203px; height: 20px; display: block; float: left; padding: 0 0 0 2px; border: 2px solid #DADADA; margin-bottom: 13px; }
div.contentLeft form input.first { margin-right: 14px; }
div.contentLeft form input.submit { width: 110px; height: 28px; border: none; margin-left: 321px; display: inline; }
div.contentLeft form input.hidden { display: none; }
div.contentLeft form textarea { clear: left; border: 2px solid #DADADA; width: 428px; height: 97px; margin-bottom: 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; padding: 0 0 0 2px; }
div.contentRight { float: left; width: 162px; margin-top: 30px; text-align: right; }
div.contentRight img { padding: 3px; border: 1px solid #DADADA; margin-bottom: 20px; }

/* REFERENCE */
div.contentLeft ul.floatUl { float: left; width: 350px; font-weight: normal; margin-right: 46px; }
div.contentLeft ul.floatUl.second { margin-right: 0; }
div.contentLeft ul.floatUl li { margin-bottom: 4px; background: url("../img/list_background.gif") no-repeat left 6px; height: 20px; }

/* KONTAKTY */
div.contentLeft.kontakty img.map { float: left; width: 201px; margin-right: 23px; }
div.contentLeft.kontakty p.kontakt { float: left; width: 250px; font-weight: bold; }
div.contentLeft.kontakty p.kontakt a { padding-left: 15px; }
div.contentLeft.kontakty h3.kontakty { margin-bottom: 0; }
div.contentLeft.kontakty h3.form { margin-top: 48px; }
div.contentLeft.kontakty h4.first { margin-top: 8px; }
span.noBold { font-weight: normal; }

/* PRODUKTY */
div.right table { margin-bottom: 15px; }
div.right table tr.even td { background: #E9E9E9; }
div.right table tr.odd td { background: #F2F2F2; }
div.right table tr td { border-bottom: 2px solid #FFF; border-right: 1px solid #FFF; }
div.right table tr td { width: 253px; }
div.right table tr td.name { width: 254px; font-weight: bold; }
div.contentLeft ol { list-style-type: lower-alpha; margin-left: 22px; margin-bottom: 15px;  }
div.contentLeft .last { margin-bottom: 48px; }
.center { text-align: center; }
.border { padding: 2px 2px; border: 1px solid #DADADA; margin: 10px 0 0 0; }
.marginBottom { margin-bottom: 15px; }
div.right table.head thead tr th { background: #FEF2CF; font-weight: normal; text-align: center; }
div.right table.threeColumns tbody tr td { width: 169px; }
div.right table.twoColumns tbody tr td { width: 253px; }

/* SITE MAP */
h2.siteMap { margin: 20px 0 0 20px; }
form.siteMap { margin: 20px 0 0 20px; }
form.siteMap input.siteMap { padding:3px; margin: 0;  }
.siteMap { margin: 20px 0 40px 20px; }
.siteMap li { display: inline; }
.siteMap li a { display: block; background: url("../img/list_style.gif") no-repeat left 5px; padding: 0 0 0 10px; }
.siteMap li span { display: block; background: url("../img/list_style.gif") no-repeat left 5px; padding: 0 0 0 10px; color: #89303E; }
.siteMap li ul { margin: 0 0 0 40px; }
.siteMap li ul li ul { margin: 0 0 0 60px; }

.noError { display: none; }
.error { color: red; margin: 0 0 10px 0; font-weight: bold; }