/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body	{ font-family: Arial, sans-serif; font-size: 12px; color: #d2d2d2; background: #000 url("../img/bg.png") repeat center bottom; }
a img	{ border: 0; }
.none	{ display: none; }
.hidden	{ visibility: hidden; }
.clear	{ margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }


/* ___| container |_____________________ */


.container { margin: 0 auto; width: 930px; position: relative; }
.cover { width: 100%; min-height: 800px; background: url("../img/bg_top.jpg") no-repeat center top; }


/* ___| header |_____________________ */


#header { margin: 0; width: 100%; height: 130px; position: relative; }
#header p#logo a { overflow: hidden; text-indent: -1000px; top: 45px; left: 0; position: absolute; width: 280px; height: 50px; display: block; }
#header p#logo a span { width: 280px; height: 50px; background: url("../img/logo-cs.png") no-repeat; display: block; position: absolute; top: 0; left: 0; }
#header p#link-header { position: absolute; top: 40px; right: 13px; }
#header p#link-header a { color: #000; text-decoration: none; }
#header p#link-header a:hover { color: #009234; }


/* ___| menu |_____________________ */


menu { z-index: 51; position: absolute; top: 130px; left: 0; width: 930px; height: 25px; background: #ff8c01 url("../img/bg_menu-top.png") no-repeat 0 0; }
menu li { list-style: none; text-transform: uppercase; color: #000; font-weight: bold; font-size: 14px; position: relative; float: left; }
menu li a { float: left; display: block; height: 25px; line-height: 25px; vertical-align: middle; color: #000; text-decoration: none; padding: 0 7px; cursor: default; }
menu li a:hover, menu li.now a { color: #ff9900; background: #333; }

menu li ul { background: url("../img/bg_menu.png") no-repeat left bottom; display: none; position: absolute; top: 25px; left: -2px; width: 164px; height: auto; padding-top: 10px; }
menu li ul li { margin-bottom: 14px; list-style: none; text-transform: uppercase; color: #ccc; font-weight: bold; font-size: 12px; position: static; }
menu li ul li a, menu li.now ul li a { float: none; background: none; display: block; width: 136px; padding: 0 12px; height: auto; line-height: 15px; vertical-align: inherit; color: #ccc; text-decoration: none; cursor: pointer; }
menu li ul li a:hover, menu li ul li.now a { color: #ff9900; background: none; }

menu li ul li ul { display: none; position: absolute; top: 0; left: 165px; width: 164px; height: auto; padding-top: 10px; }
menu li ul li ul li { margin-bottom: 14px; list-style: none; text-transform: uppercase; color: #ccc; font-weight: bold; font-size: 12px; position: relative; }
menu li ul li ul li a, menu li.now ul li.now ul li a { float: none; background: none; display: block; width: 136px; padding: 0 12px; height: auto; line-height: 15px; vertical-align: inherit; color: #ccc; text-decoration: none; }
menu li ul li ul li a:hover, menu li.now ul li ul li a:hover { color: #ff9900; background: none; }

p#lang { z-index: 55; position: absolute; right: 8px; top: 135px; text-transform: uppercase; color: #000; font-size: 13px; cursor: pointer; }
ul#lang2 { z-index: 55; position: absolute; right: 8px; top: 135px; }
ul#lang2 li { padding-left: 3px; list-style: none; text-transform: uppercase; color: #000; font-size: 13px; float: left; }
ul#lang2 li a { color: #000; text-decoration: none; }
ul#lang2 li a:hover, ul#lang2 li.now a { color: #fff; }

#ikony { position: absolute; top: 27px; right: 0; }


/* ___| content |_____________________ */


.main { margin: 25px 0 0 0; width: 930px; clear: both; }
.box-img { margin: 0; width: 930px; padding-bottom: 8px; height: 316px; background: url("../img/bg_box-img.png") no-repeat bottom; padding: 0;  }

.content { margin: 0; width: 602px; padding: 45px 14px 0 14px; position: relative; }
.main h1 { margin: 0 0 15px 0; font-size: 32px; color: #ff7000; text-transform: uppercase; font-family: 'PT Sans', sans-serif;  }
.main h1.sub { margin: 0; line-height: 32px; }
.main h2 { margin: 0 0 5px 0; font-size: 19px; color: #fff; font-family: 'PT Sans', sans-serif; }
.main h2.h3 { margin: 0 0 5px 0; font-size: 14px; color: #fff; font-family: 'PT Sans', sans-serif; }
.main h2.h4 { margin: 0 0 5px 0; font-size: 19px; color: #ff9900; font-family: 'PT Sans', sans-serif; }
.main h3 { margin: 0 0 5px 0; font-size: 14px; color: #fff; font-family: 'PT Sans', sans-serif; }
.main .description  h3 { margin: 10px 0 5px 0; font-size: 19px; color: #ff9900; font-family: 'PT Sans', sans-serif; }
.main h4 { margin: 0 0 5px 0; font-size: 19px; color: #ff9900; font-family: 'PT Sans', sans-serif; }
.main h5 { margin: 0 0 5px 0; font-size: 12px; color: #fff; font-family: Arial, sans-serif; }
.main p { margin: 0 0 16px 0; font-size: 12px; color: #d2d2d2; line-height: 18px; }
.main a, .main p a { color: #d2d2d2; text-decoration: underline; }
.main a:hover, .main p a:hover { text-decoration: none; }
.main p.high { margin: 0 0 36px 0; font-family: 'PT Sans', sans-serif; color: #fff; font-size: 20px; line-height: 26px; }
.main p.desc b { color: #fff; }
.main div.photos {position: relative; width: 440px; height: 250px; }
.main div.photos a { position: absolute; left: 0; top: 0; }
.main div.photos div.loading {position: absolute; left: 200px; top: 105px; z-index: 5; width: 40px; height: 40px; overflow: hidden; }
.main div.photos div.loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../graphics/fancybox/fancybox.png');}
.main p.pages { padding-top: 10px; font-size: 11px; font-weight: bold; text-align: right; color: #aaa }
.main p.pages a { margin: 0 1px; width: 16px; height: 16px; line-height: 16px; background: url('../img/detail-img-bg.png') no-repeat 0 0; display: inline-block; overflow: hidden; color: #aaa; text-decoration: none; text-align: center; }
.main p.pages a:hover, .main p.pages a.now { color: #fff; background-position: 0 -16px; }

.main .p_gallery .photos {width: 929px; height: 300px; overflow: hidden; background: black; position: relative; }
.main .p_gallery .photos a {cursor: normal; width: 929px; height: 523px; }
.main .p_gallery .photos div.loading {left: 444px; top: 130px; }
.main .p_gallery div.pages-larr {left: -35px; position: absolute; width: 35px; height: 103px; background: url(../graphics/fancybox/fancy_nav_left.png) no-repeat 0 36px; opacity: 0.5; cursor: pointer; }
.main .p_gallery div.pages-rarr {right: -35px; position: absolute; width: 35px; height: 103px; background: url(../graphics/fancybox/fancy_nav_right.png) no-repeat 5px 36px; opacity: 0.5; cursor: pointer; }
.main .p_gallery div.pages-cont {w_idth: 928px; height: 103px; padding-top: 10px; overflow: hidden; position: relative; z-index: 5; }
.main .p_gallery p.pages {padding: 0; position: absolute; top: 0; left: 0; }
.main .p_gallery p.pages a {margin: 1px 2px 0 0; border: 1px solid white; width: 99px; height: 99px; background: none; opacity: 0.33; float: left; }
.main .p_gallery p.pages a:hover, .main .p_gallery p.pages a.now {opacity: 1; }

.main p.sub-tit { font-weight: bold; display: block; margin: 0 0 15px 0; width: 902px; font-size: 13px; color: #fff; font-family: 'PT Sans', sans-serif; text-transform: uppercase; }
.main p.big-text { font-size: 17px; line-height: 23px; color: #c8c8c8; }
.main p.big-text a { font-size: 11px; color: #ff9900; text-decoration: underline; }
.main p.big-text a:hover { text-decoration: none; }

.main ul.sub-menu { margin: 0; position: absolute; top: 95px; left: 745px; width: 170px; }
.main ul.sub-menu li { list-style: none; color: #969696; text-transform: uppercase; text-align: right; font-weight: bold; font-size: 12px; line-height: 18px; }
.main ul.sub-menu li a { color: #969696; text-decoration: none; }
.main ul.sub-menu li a:hover, .content ul.sub-menu li.now a { color: #ff9900; }


/* ___| kontakt, katalog |_____________________ */


.cols { width: 902px !important; float: left; clear: both; }
.col-left { margin: 0 60px 0 0; width: 421px; float: left; }
.col-right { width: 421px; float: left; }
.col { margin: 0; width: 210px; float: left; }
.main .col p b { color: #fff; }

ul.katalog { margin: 20px 0 39px 0; padding-bottom: 45px; background: url("../img/bg_dline.png") repeat-x bottom; float: left; clear: both; width: 902px; }
ul.katalog li { font-weight: bold; margin: 0; list-style: none; width: 450px; float: left; text-transform: uppercase; font-size: 23px; font-family: 'PT Sans', sans-serif; }
ul.katalog li a { color: #fff; text-decoration: none; }
ul.katalog li a span { color: #ff8a00; font-size: 16px; display: block; padding-top: 25px; }
ul.katalog li a img { float: left; margin: 0 18px 0 0; }
ul.katalog li a:hover { color: #ff8a00; }

fieldset.forms { width: 902px; float: left; clear: both; border: none; padding: 15px 0 0 0; }
fieldset.forms legend { margin: 0; padding: 0; line-height: 22px; color: #ff7000; font-family: 'PT Sans', sans-serif; text-transform: uppercase; font-size: 21px; }
fieldset.forms legend span { font-weight: bold; display: block; margin: 0; width: 902px; font-size: 13px; color: #fff; font-family: 'PT Sans', sans-serif; text-transform: uppercase; }
fieldset.forms label { display: block; clear: both; float: left; padding-bottom: 3px; color: #c0c0c0; }
fieldset.forms label.check-lab { clear: none; width: 380px; padding-left: 3px; }
fieldset.forms input { width: 413px; float: left; clear: both; padding: 3px 4px; border: none; background: url("../img/bg_input.png") repeat; font-family: Arial, sans-serif; font-size: 12px; color: #ccc; }
fieldset.forms input.check { width: 13px; float: left; clear: none; padding: 0; border: none; background: none; }
fieldset.forms select { width: 419px; float: left; clear: both; padding: 3px 4px; border: none; background: url("../img/bg_input.png") repeat; font-family: Arial, sans-serif; font-size: 12px; color: #ccc; }
fieldset.forms textarea { width: 413px; height: 72px; float: left; clear: both; padding: 3px 4px; border: none; background: url("../img/bg_input.png") repeat; font-family: Arial, sans-serif; font-size: 12px; color: #ccc; }
fieldset.forms button { cursor: pointer; color: #000; font-family: Arial, sans-serif; font-size: 12px; background: #ff9900; padding: 4px 20px; font-weight: bold; border: none; float: right; }

table.tab-form { width: 421px; border-collapse: collapse; }
table.tab-form td { padding-bottom: 20px; color: #666; }
.main table.tab-form td p { float: left; clear: both; margin-bottom: 6px; }

ul.kontakty { width: 902px; margin: 14px 0 0 0; }
ul.kontakty li { width: 225px; margin: 0 0 15px 0; float: left; list-style: none; }

.map { position: relative; margin: 10px 0 40px 0; width: 421px; height: 260px; background: url("../img/mapa-cr.png") no-repeat; }
.map #imgmapbox { width: 421px; height: 260px; position: absolute; right: 0; top: 0; }

.main ul.country { margin: 40px 0 0 0; width: 421px; clear: both; }
.main ul.country li { margin: 0; padding-left: 30px; list-style: none; width: 109px; float: left; border-right: 1px solid #555; }
.main ul.country li.last { border: none; }
.main ul.country li p { margin: 3px 0; font-size: 15px; font-weight: bold; }
.main ul.country li p a { color: #999; text-decoration: none; }
.main ul.country li p a:hover { color: #ff9900; }


/* ___| detail, seznam |_____________________ */


.column-left { margin: 34px 40px 0 0; width: 320px; float: left; position: relative; }
.column-right { margin: 34px 0 0 0; width: 570px; float: left; }
.column-left-product { margin: 34px 40px 0 0; width: 440px; float: left; position: relative; }
.column-right-product { margin: 34px 0 0 0; width: 450px; float: left; }
.description { margin: 0 40px 0 0; width: 360px; }
.pohled-3d { margin: -30px 10px 0 0; width: 160px; float: right; }

.main .column-left h1 { font-size: 45px; font-weight: bold; line-height: 47px; color: #ff8a00; position: absolute; top: 0; left: 6px; text-shadow: 0 0 5px #222; }
.main .column-left h1 span { display: block; font-weight: normal; font-size: 43px; }
.main .column-right h1,
.main .column-right-product h1 { font-size: 21px; line-height: 22px; color: #ff8a00; text-shadow: 0 0 5px #222; }
.main .column-right h1 span,
.main .column-right-product h1 span { display: block; font-size: 62px; line-height: 44px}
.main .pohled-3d a { text-decoration: none; color: #fff; }
.main .pohled-3d a:hover { color: #ff8a00; }
.main .pohled-3d p { text-transform: uppercase; text-align: center; font-weight: bold; font-size: 13px; }

ul.seznam-produktu { margin: 0; width: 100%; }
ul.seznam-produktu li { list-style: none; margin: 0 0 46px 25px; float: left; width: 260px; height: 154px; overflow: hidden; }
ul.seznam-produktu li a { text-decoration: none; }
ul.seznam-produktu li a .img-l { float: left; width: 110px; margin: 0 10px 0 0; }
ul.seznam-produktu li a h2 { color: #ff8a00; font-size: 20px; text-transform: uppercase; }
ul.seznam-produktu li a p { color: #e1e1e1; }
ul.seznam-produktu li a:hover h2 { color: #fff; }

ul.no-list { margin: 0 0 16px 0;  }
ul.no-list li { list-style: none; line-height: 18px; }

.produkty { margin: 0; width: 930px; position: relative; }
.produkty #slider_products { width: 930px; }
.produkty ul { margin: 0; padding: 0; width: 930px; }
.produkty ul li { overflow: hidden; list-style: none; float: left; margin: 0 16px; font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; }
.produkty ul li a { text-decoration: none; color: #ff8a00; }
.produkty ul li a:hover { color: #fff; }
.produkty #controls .prev { margin: 0; display: block; width: 15px; height: 23px; background: url("../img/arrl.png") no-repeat; text-indent: -1000px; overflow: hidden; position: absolute; top: 64px; left: -20px; }
.produkty #controls .next { margin: 0; display: block; width: 15px; height: 23px; background: url("../img/arrr.png") no-repeat; text-indent: -1000px; overflow: hidden; position: absolute; top: 64px; right: -20px; }

p.nav { padding: 4px 0 0 36px; position: absolute; left: 0; top: -49px; height: 20px; background: url("../img/bg_nav.png") no-repeat 0 0; color: #999; }
p.nav strong { color: #ff9900; }
p.nav span { margin: 0 3px; vertical-align: top; line-height: 12px; }
p.nav a { color: #999; text-decoration: none; }
p.nav a.now { padding-bottom: 15px; color: #ff9900; background: url("../img/arr.png") no-repeat center bottom; }
p.nav a:hover, p.nav a.now:hover { color: #fff; }

.nav_produkty { margin: 70px 0 15px 0; width: 930px; height: 34px; background: url("../img/bg_oline.png") no-repeat 0 25px; }
.nav_produkty p.nav { padding: 4px 0 0 36px; position: relative; left: auto; top: auto; height: 20px; }
.nav_produkty p.nav span { vertical-align: top; line-height: 17px; }


/* ___| footer |_____________________ */


.footer { margin: 50px 0 0 0; width: 100%; padding: 30px 0 25px 0; background: url("../img/bg_footer.png") no-repeat center top; bottom: 0; }
.footer-in { margin: 0 auto; width: 930px; position: relative; }
.footer p.footer-p { margin: 0 0 3px 0; color: #bebebe; text-align: center; font-size: 10px; }
.footer p.footer-p a { margin: 0 0; text-decoration: none; color: #bebebe; }
.footer p.footer-p a:hover { text-decoration: none; color: #fff; }


.footer p.footer-pa { margin: 0 0 3px 0; color: #bebebe; text-align: center; font-size: 12px; }
.footer p.footer-pa a { margin: 0 5px; text-decoration: none; color: #bebebe; }
.footer p.footer-pa a:hover { text-decoration: none; color: #fff; }


/* ___| index, slider |_____________________ */


body#index	{ background: #000 url("../img/index-bg.jpg") no-repeat center top; }
body#index .cover { width: 100%; background: none; }
body#index .footer { margin-top: 30px; background: url("../img/index-bg_footer.jpg") no-repeat center bottom; position: static; }

body#index .main h2 { margin: 0 0 8px 0; font-size: 14px; color: #fff; font-family: Arial, sans-serif; text-transform: uppercase; }
body#index .main h3 { margin: 0 0 8px 0; font-size: 14px; color: #fff; font-family: Arial, sans-serif; text-transform: uppercase; }
body#index .main h4 { margin: 12px 0 10px 0; font-size: 12px; color: #ddd; font-family: Arial, sans-serif; }
body#index .main p { margin: 0 0 12px 0; font-size: 12px; color: #a4a4a4; line-height: 18px; }
body#index .main p a { color: #d2d2d2; text-decoration: underline; }
body#index .main p a:hover { text-decoration: none; }

.colmuns-text { margin: 514px 0 0 0; width: 930px; float: left; clear: both; }
.columns { margin: 0; width: 200px; float: left; }
.column-center { margin: 0 50px; width: 430px; float: left; }

body#index .main .news { margin: 0 0 10px 0; width: 100%; float: left; clear: both; }
body#index .main .news h3 { margin-bottom: 4px; color: #bebebe; font-size: 12px; }
body#index .main .news h3 a { color: #bebebe; text-decoration: none; }
body#index .main .news h3 a:hover { color: #fff; }
body#index .main .news p.date { color: #bebebe; font-size: 12px; float: left; font-weight: bold; }
body#index .main .news p { color: #858585; }
body#index .main .news img { margin: 5px 0 0 0; }
.news-cont { margin: 0; width: 155px; float: right; }
table.tab-anketa { width: 100%; margin: 0; }
table.tab-anketa td { color: #858585; padding: 3px 0; }
table.tab-anketa td a { color: #bebebe; text-decoration: underline; }
table.tab-anketa td a:hover { text-decoration: none; }
table.tab-anketa td.percent { color: #858585; text-align: right; font-size: 11px; }


#slider { margin: 0; width: 930px; height: 433px; position: absolute; top: 155px; left: 0; }
#slider ul { margin: 0 0 0 0; padding: 0; width: 930px; height: 433px; }
#slider ul li { width: 930px; height: 433px; list-style: none; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: 0 0; }
body#index .main #slider ul li h1 { font-family: 'PT Sans', sans-serif; font-size: 70px; letter-spacing: -0.05em; font-weight: bold; line-height: 65px; color: #ff8a00; position: absolute; top: 95px; left: 400px; text-shadow: 0 0 5px #222; }
body#index .main #slider ul li h1 span { display: block; font-family: 'Trebuchet MS'; font-size: 62px; font-weight: normal; }
body#index .main #slider ul li h1 span.light-txt { color: #ffead5; }
body#index .main #slider ul li h1 a { color: #ff8a00; text-decoration: none; }
body#index .main #slider ul li h1 a:hover, body#index .main #slider ul li h1 a:hover span.light-txt { color: #fff; }
body#index .main #slider p.high { margin: 0; padding-right: 70px; position: absolute; top: 264px; left: 400px; font-family: 'PT Sans', sans-serif; color: #fff; font-size: 20px; line-height: 28px; text-shadow: 0 0 5px #222; font-weight: 400; }

body#index .main #slider ul li h1.smaller { font-size: 60px; top: 75px; left: 550px; }
body#index .main #slider ul li h1.smaller span { font-size: 59px; }

p#controls { margin: 0; position: relative; }
#prevBtn, #nextBtn { display:block; margin: 0; overflow: hidden; text-indent: -8000px; width: 25px; height: 102px; position: absolute; left: -25px; top: 156px; }
#nextBtn { left: 930px; }
#prevBtn a, #nextBtn a { display: block; width: 25px; height: 102px; background: url("../img/btn_prev.png") no-repeat 0 0; }
#nextBtn a { background: url("../img/btn_next.png") no-repeat 0 0; }

ul#slider-menu { margin: 0; width: 930px; position: absolute; left: 0; top: 588px; }
ul#slider-menu li { float: left; width: 232px; list-style: none; text-align: center; height: 41px; line-height: 41px; vertical-align: middle; }
ul#slider-menu li a { float: left; width: 232px; height: 41px; display: block; color: #ff8a00; text-transform: uppercase; font-size: 14px; text-decoration: none; }
ul#slider-menu li a:hover, ul#slider-menu li.now a { color: #000; background: url("../img/bg_slider-menu.jpg") no-repeat 0 0; }

.sitemap li { margin-left: 30px; }
.sitemap h2 { margin-top: 10px; }


div.gallery {margin: 0 0 0 33px; }
div.gallery a {margin: 0 7px 7px 0; float: left; text-align: center; text-decoration: none; }
div.gallery a img {display: block; margin: 0 0 3px; padding: 0; }