BODY {margin:0px; font-family:Tahoma, Verdana, Arial; font-size:12px; color: #6d6d6d; text-decoration:none; background-color: #ebedea} strong { color: #4f4c4c;} img { border: 0px} a { color: #f26722;text-decoration: underline;} a:hover {text-decoration: none;} ul {list-style-type: none; padding: 0px; margin: 0px 0 15px 0;} li {list-style-type: none; background: url(../img/layout/odrazka.png) no-repeat 0px 10px; margin: 0; padding: 0 0 0 25px; } .center { text-align: center} .small { font-size: 10px} .a2 a { text-decoration: none} .a2 a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;} .margin5 { margin: 5px} .silver { color: #646464} .silver a { color: #646464} .orange { color: #d03e0b} .orange a{ color: #d03e0b} .blue { color: #23408f} .blue a{ color: #23408f} .lightblue { color: #0076c8} .lightblue a{ color: #0076c8} .bold { font-weight: bold} .line {background:url(../img/layout/bg_linka.gif) repeat-x 0px 0px; padding: 0; margin: 0; height: 2px; } .wordspace {word-spacing: 5px} .hidden { display: none;} input { font-size: 11px; padding: 1px; color: #23408f;} p {line-height: 25px; margin: 0 0 10px 0;} a { color: #962f34; text-decoration: underline } a:hover { text-decoration: none } #div_page {position: relative; text-align: left; margin: auto; top:0px; padding:0px; width:956px; } #header {height: 150px; position: relative; z-index: 500} #mainfooter {text-indent: 20px; color: #878787; font-size: 10px; margin: 20px 0 10px 0} /* LOGO */ #logo{position:absolute;top:0px;left:0px;width:248px;height:136px;margin:0;overflow:hidden;} #logo a, #logo span{display:block;width:248px;height:136px;} #logo span{position:absolute;left:0;top:0;background: url(../img/layout/logo.png);cursor:pointer;} #rlink { background-color: #962f34; width: 100%; height: 4px; overflow: hidden; position: absolute; right: 0; top: 0; } /* HORIZONTAL MENU */ #hMenu{position:absolute;width:650px;height:35px;margin:0;padding:0;z-index:1000; right: 0; top: 0px; font-size:13px;} #hMenu ul {position:relative;width:650px;height:31px;margin:0;padding:0;list-style:none;} #hMenu ul li{background:none; border-top: 4px solid #962f34; position:relative;float:left;white-space:nowrap;_width:1px;margin:0;padding:0;list-style:none;list-style-image:none;} #hMenu ul li a { display:block;color:#818285;height:35px;line-height:35px;padding:30px 12px 10px 12px; font-size:13px;font-weight:normal;text-decoration:none; text-transform: uppercase; } #hMenu ul li:hover, #hMenu ul li a:hover{color:#faa61a;} #hMenu ul li.active { background: url(../img/layout/bg_menutop.gif) no-repeat 0px 48px;} #hMenu ul li.active a {color:#962f34; background: url(../img/layout/bg_menutopE.gif) no-repeat right 48px;} #hMenu ul li a.active{} #hMenu ul li.active ul li a {color:#818285;} #hMenu ul ul{ z-index: 10002;position:absolute;left:0;top:55px;_top:35px;width:200px;padding:10px 0 0 0;height:auto;display:none;font-size:14px; background: #ebedea url(../img/layout/bgmenu.gif) no-repeat 30px 0px;} #hMenu ul ul li{display:list-item;float:none;width:200px;border:0px;padding:0;background-image:none;} #hMenu ul li ul li a,#hMenu ul li.active ul li a {background: url(../img/layout/bg_menusecM.gif) no-repeat 0px bottom; margin: 0;display:block;padding:0 12px 0 12px;margin:0;height:auto;line-height:28px;height:28px;border:none;font-weight:normal;color:#5F5F5F;} #hMenu ul li ul li a.last {background: none; } #hMenu ul li ul li a:hover,#hMenu ul li.active ul li a:hover {color:#faa61a;} #hMenu ul li ul li.active a {color:#962f34; } #hMenu ul li{behavior:url(../hover.htc);} #hMenu ul li:hover, #hMenu ul li.Hover{} #hMenu ul li.Hover ul, #hMenu ul li:hover ul{display:block;} #breadcrumbs {position: absolute; top: 135px; left: 46px} #breadcrumbs a { color: #818285; font-size: 12px;} #obsah{ padding: 0 0 0 46px; line-height: 25px; font-size: 14px; position: relative;} #obsah.home{ padding: 0 0 0 0px; } #footer { font-size: 11px; color: #838483; height: 150px; padding: 40px 0 0 0;} #footer div{width: 200px; float: right; text-align: right} h1 { font-family: Georgia, Times New Roman; color: #962f34; font-size: 28px; margin: 20px 0 20px 0; padding: 0; font-weight: normal; text-transform: uppercase} h1#home { line-height: 34px; font-family: Georgia, Times New Roman; color: #962f34; font-size: 28px; margin: 0px 0 20px 48px; padding: 0; font-weight: normal; text-transform: none} h1#home strong{ color: #faa61a; font-weight: normal; } h2 { font-family: Georgia, Times New Roman; color: #962f34; font-size: 20px; margin: 20px 0 5px 0; padding: 0; font-weight: normal;} h3 { color: #838483; font-size: 14px; margin: 5px 0 0px 0; padding: 0; font-weight: bold;} .red { color: #962f34; } #homearrow { width: 1388px; height: 526px; position: absolute; right: -20px; top: 80px; z-index: -10000; background: url(../img/layout/arrow.jpg) no-repeat; } #homeboxes { margin: 180px 0 0 0;} #homeboxes .box { width: 290px; float: left; margin: 0 40px 0 0; font-size: 13px; position: relative; padding: 0 0 30px 0 } #homeboxes .box h2{ font-size: 25px; margin-bottom: 20px} #homeboxes .box.last { margin: 0 0px 0 0;} .showhide {cursor: pointer; } .morelink { cursor: pointer; width: 40px; position: absolute; right: 0; bottom: 0; display:block;color:#818280;height:20px;line-height:20px;padding:5px 12px 10px 12px; font-size:13px;font-weight:normal;text-decoration:none;background: url(../img/layout/bg_menutop.gif) no-repeat 0px 15px;} .morelink:hover { color: #faa61a} .morelink span.ar {position: absolute; display:block; width: 12px; height: 12px; top: 12px;right: 11px;background: url(../img/layout/bgmenu.gif) no-repeat 0px 0px;} .morelink span.en {position: absolute; display:block; width: 12px; height: 12px; top: 15px;right: 0px;background: url(../img/layout/bg_menutopE.gif) no-repeat 0px 0px;} #graf { width: 725px; height: 500px; background: url(../img/graf.jpg) no-repeat; position: relative; font-size: 15px; color: #818486;} #graf a { font-size: 15px; color: #818486; background: url(../img/layout/pdfico.gif) no-repeat right; padding: 0 20px 0 0; } #graf #vyroba { position: absolute; left: 0px; top: 65px; width: 160px; text-align: right; } #graf #vyroba a { background-position: left; padding: 0 0 0 20px; } #graf #vyroba h2 { color:#faa61d } #graf #staveb { position: absolute; left: 550px; top: 10px; width: 160px; text-align: left; } #graf #staveb h2 { color:#818486 } #graf #obchod { position: absolute; left: 553px; top: 290px; width: 200px; text-align: left; } #graf #obchod h2 { color:#972d35 } #kroky {color: #fff; width: 947px; height: 328px; position: relative; background: url(../img/kroky.jpg);} #kroky h3,#kroky h3 a {font-family: Georgia, Times New Roman; color: #fff;font-size: 23px; font-weight: normal; } #kroky div { cursor: pointer; font-family: Georgia, Times New Roman; color: #fff;font-size: 16px; line-height: 18px; width: 160px; height: 100px} #kroky div:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;} #kroky #krok1 { position: absolute; left: 80px; top: 100px; } #kroky #krok2 { position: absolute; left: 290px; top: 100px; } #kroky #krok3 { position: absolute; left: 500px; top: 100px; } #kroky #krok4a { position: absolute; left: 730px; top: 25px; } #kroky #krok4b { position: absolute; left: 730px; top: 165px; } #codelame {color: #fff; width: 910px; height: 210px; position: relative; background: url(../img/codelame.png);} #codelame h3,#codelame h3 a {font-family: Georgia, Times New Roman; color: #fff;font-size: 20px; font-weight: normal; } #codelame div { cursor: pointer; font-family: Georgia, Times New Roman; color: #fff;font-size: 16px; line-height: 18px; width: 145px; height: 150px} #codelame div:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;} #codelame #krok1 { position: absolute; left: 50px; top: 40px; } #codelame #krok2 { position: absolute; left: 230px; top: 40px; } #codelame #krok3 { position: absolute; left: 405px; top: 40px; } #codelame #krok4 { position: absolute; left: 590px; top: 40px; } #codelame #krok5 { position: absolute; left: 760px; top: 40px; } #manager {color: #fff; width: 874px; height: 595px; position: relative; background: url(../img/manager.jpg);} #manager a {font-family: Georgia, Times New Roman; color: #fff; font-size: 25px; line-height: 28px; font-weight: normal; text-decoration: none; } #manager div { width: 180px; height: 100px;font-size: 25px; line-height: 28px;} #manager a span{ position: absolute; left: -30px; } #manager div:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;} #manager #pole1 { position: absolute; left: 380px; top: 28px; } #manager #pole2 { position: absolute; left: 660px; top: 240px; } #manager #pole3 { position: absolute; left: 370px; top: 430px; } #manager #pole4 { position: absolute; left: 80px; top: 215px; } #manager #pole5 { position: absolute; left: 360px; top: 235px; } #pavouk {color: #fff; width: 890px; height: 620px; position: relative; background: url(../img/pavouk.jpg);} #pavouk a {font-family: Georgia, Times New Roman; color: #fff; font-size: 18px; line-height: 20px; font-weight: normal; text-decoration: none; } #pavouk div {font-family: Georgia, Times New Roman; width: 180px; color: #fff; height: 100px;font-size: 18px; line-height: 20px;} #pavouk div strong {color: #fff; } #pavouk div .skryvane {display: none; color: #902d32; font-size: 15px; line-height: 18px; width: 220px} #pavouk div .skryvane strong {color: #902d32;} #pavouk #pole1 { position: absolute; left: 375px; top: 28px; } #pavouk #pole1 .skryvane { position: absolute; top: 0px; right: -270px; } #pavouk #pole2 { position: absolute; left: 670px; top: 230px; } #pavouk #pole2 .skryvane { position: absolute; bottom: -130px; left: 0px; } #pavouk #pole3 { position: absolute; left: 385px; top: 440px; } #pavouk #pole3 .skryvane { position: absolute; top: 0px; right: -260px; } #pavouk #pole4 { position: absolute; left: 90px; top: 230px; } #pavouk #pole4 .skryvane { position: absolute; bottom: -150px; left: 0px; } #pavouk #pole5 { position: absolute; left: 370px; top: 240px; text-align:center } #pavouk div:hover div { display: block } #doplnky {color: #fff; width: 946px; height: 451px; position: relative; background: url(../img/doplnky.jpg);} #doplnky a {font-family: Georgia, Times New Roman; color: #fff; font-size: 14px; line-height: 16px; font-weight: normal; text-decoration: none; } #doplnky div {font-family: Georgia, Times New Roman; width: 180px; color: #fff; height: 100px;font-size: 14px; line-height: 16px;} #doplnky div strong {color: #fff; display: block; font-size: 18px } #doplnky #dopln1 { position: absolute; left: 70px; top: 25px; width: 165px; height: 99px;text-align:center; font-size: 23px !important; } #doplnky #dopln1 a { font-size: 25px !important; line-height: 28px !important;} #doplnky #dopln2 { position: absolute; left: 260px; top: 68px; width: 90px; height: 90px; } #doplnky #dopln3 { position: absolute; left: 425px; top: 68px; width: 110px; height: 90px; } #doplnky #dopln4 { position: absolute; left: 595px; top: 68px; width: 170px; height: 105px; } #doplnky #dopln5 { position: absolute; left: 811px; top: 38px; width: 115px; height: 90px; } #doplnky #dopln6 { position: absolute; left: 70px; top: 268px; width: 165px; height: 99px; text-align:center; font-size: 23px !important; } #doplnky #dopln6 a { font-size: 25px !important; line-height: 28px !important;} #doplnky #dopln7 { position: absolute; left: 265px; top: 310px; width: 120px; height: 90px; } #doplnky #dopln8 { position: absolute; left: 438px; top: 310px; width: 110px; height: 90px; } #doplnky #dopln9 { position: absolute; left: 605px; top: 303px; width: 145px; height: 100px; } #doplnky #dopln9 a { font-size: 12px !important; line-height: 15px !important; } #doplnky #dopln10 { position: absolute; left: 798px; top: 290px; width: 120px; height: 90px; } h3.hideparagraf { cursor: pointer} h3.hideparagraf:hover { } #platky { width: 520px; height: 300px; margin: 40px 0 0 0; background: url(../img/platky.png) no-repeat; position: relative; line-height: 18px} #platky h2 a { color: #fff;} #platky a { text-decoration: none;} #platky #lev { width: 170px; height: 300px; position: absolute; left: 70px; top: 0px; color: #962f34; font-size: 13px; } #platky #lev h2 { color: #fff; font-size: 25px; line-height: 30px;} #platky #prav { width: 170px; height: 300px; position: absolute; left: 300px; top: 0px; color: #962f34; font-size: 13px; } #platky #prav h2 { color: #fff; font-size: 25px; line-height: 30px;} ol.styl { list-style-image: none; margin: 20px 0 20px 33px; list-style-position: outside; padding: 0} ol.styl li {color: #838483; list-style-type: decimal; background: none;list-style-image: none; position: relative; line-height: 30px; padding: 0 0 0 20px} ol.styl li strong { font-weight: bold; color: #962f34; } ol.styl li ul {list-style-type: none; padding: 0px; margin: 0px 0 15px 0;} ol.styl li ul li {list-style-type: none; background: url(../img/layout/odrazka.png) no-repeat 0px 10px; margin: 0; padding: 0 0 0 25px; } ol.styl li .bull { font-weight: bold; color: #962f34; display: block; background: url(../img/layout/bgpoint.gif) no-repeat; width: 44px; height: 28px; position: absolute; left: -40px; _left: -60px; z-index: -10; top: 2px; ^top: -4px} table { border-collapse: collapse; width: 100%; margin-bottom: 15px;} table td { padding: 3px; } table th { width: 150px; } input { width: 200px; height: 24px; font-size: 16px; color:#6d6d6d; background-color: #f3f5f2; border: 1px solid #d6dbd4; } select { width: 200px; height: 24px; font-size: 16px; color:#6d6d6d; background-color: #f3f5f2; border: 1px solid #d6dbd4; } .captcha input { width: 86px; } textarea {background-color: #f3f5f2; border: 1px solid #d6dbd4; width: 200px; height: 100px;font-size: 16px; color:#6d6d6d;} div.short { float: left; width: 450px; padding: 4px 0 4px 0;} div.short label { display: inline-block; width: 150px;} .captcha { width: 86px; } div.long { vertical-align: top; clear: both; width: 100%; } div.long textarea { width: 650px; } div.long label { display: block; width: 150px; float: left} .cls { clear: both; height: 1px; overflow: hidden;} div.gmnoprint { width: 170px !important}