/*OMNIUS CSS*/

/*RESET*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1.5;}

/*BASIC LAYOUT*/
html, body { height:101.1%; }
body { background: #fff url(/images/bg-body.gif) repeat-x;}
.container {width: 1000px; margin: 0 auto;}

div.rightcol {float:left}
div.leftcol, div.onecol {float:left; margin-right:10px;}
div.onecol { width:880px; margin-right:0px;}
div.last {margin-right: 0;}
li.last {margin-right: 0;}
.leftcol { width:190px;}
.rightcol {width:680px;}
hr { background: #ddd;  color: #ddd; clear: both;  float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }
hr.space {background: #fff;color: #fff;}
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
.clear { clear:both; }

/*BASIC TYPO*/
body {font-size:11px;color:#454545;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#222;}
a {color:#222;text-decoration:underline;}
strong {font-weight:bold;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul { list-style-image:url(/images/bullet-green.png);}
ol {list-style-type:decimal;}

/*COLORS*/
.blue {color:#4292c8;}
.orange {color:#ff8a00;}
.white {color:#fff;}
.red { color:#ff0033;}
.green { color:#93be1b;}

/*BASICS*/
.floatr { float:right;}
.right {text-align:right;}
.long { height:380px;}
.superlong { height:100%;}
.cut { padding:0 0 0 15px;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.blueborder { border-bottom:1px solid #4292c8;}
.greenborder {border-bottom:1px solid #93be1b;}
.orangeborder {border-bottom:1px solid #93be1b;}
.small { font-size:0.9em;}
.omnius { font-weight:bold; font-style:normal;}
.loading { margin:50px 0 0 0;}
.maincontent .inside3 { padding:0 20px 20px 20px;}

/*LANGUAGE*/
#language { position: relative; left: 110px;}
#language a:link, #language a:visited { color: #fff; text-decoration: none; background:url(/images/bullet.gif) left no-repeat; padding:0 0 0 10px; font-size: 10px; font-style: normal }
#language a:hover { text-decoration: underline }

/*HEADER*/
#header .leftcol  {height:100px; margin-top: -15px }
#header .rightcol {height:100px; margin-top: -15px }
#header .leftcol { line-height:100px; text-align:center;}
#header .leftcol img { vertical-align:middle;}
div.menu ul { list-style:none; margin:0 3px 0 0; padding:0; text-align:right; }
div.menu li {float:left; margin:0; padding:0; height:100px;  width:95px;}
div.menu li:hover { background: url(/images/menu-hover.png) top right no-repeat;}
div.menu li a { float:left; display:block;  border-right:1px solid #899fb6; color:#fff; height:20px; padding:65px 5px 0 0;  width:90px; text-decoration:none !important;}
div.menu li a:hover {color:#fff;}
div.menu li.active  { background: url(/images/menu-hover.png) top right no-repeat;}
a.logo img { margin-top: 30px; }

/*SUB LIST*/
ul.submenu {}
ul.submenu li{float:left; margin:0 30px 0 0; padding:0;}
ul.submenu select { width:100px; height:20px;}

/*SKYSCRAPER*/
.skyscraper {height: 600px; width: 120px; float: left; margin-top: 10px}

/*BOTTOM*/
.bottom {font-size:0.8em; text-align:center; margin:20px 0 0 0; background: #e5e5e5 url(/images/bg-footer.png) repeat-x;}
.bottom .inside { padding:20px;}
.bottom ul { margin:0 auto; padding:0; list-style:none;}
.bottom li { text-align:center;   width:90px;  margin:0; float:left; padding:0;}
.bottom li a { float:left; display:block; text-decoration:none ; width:80px;padding:0 10px 0 10px; border-right:1px solid #454545; }
.bottom li a:hover { text-decoration:underline;}
.bottom a.end {  border-right:1px solid #e5e5e5;}
.center { text-align:center;}


/*LINKS AND BUTTONS*/
.link { background:url(/images/bullet.png) left no-repeat; padding:0 0 0 10px; font-style:italic;}
a.link:hover {color:#ff8a00;}
.link-fixed { background:url(/images/bullet.png) left no-repeat; padding:0 0 0 10px; width:100px; margin:0 0 20px 0; display:block; font-style:italic;}
.link-fixed-more { background:url(/images/bullet.png) left no-repeat; padding:0 0 0 10px; width:100px; display:block; font-style:italic;}
.loginbtn { height:18px; width:18px; display:block; float:left;  background:url(/images/submit.png); margin:2px 0 0 10px;}
.btn-order { width:121px; height:18px; display:block; background:url(/images/btn-order.png) no-repeat; margin:25px 0 20px 20px; padding:2px 0; font-weight:bold; font-style:normal; text-align:center; text-decoration:none;}
.btn-order-large { width:106px; height:56px; display:block; background:url(/images/btn-order-large.png) no-repeat; margin:20px 0 20px 20px; padding:30px 0 0 0; font-size:16px; font-weight:bold; font-style:normal; text-align:center; text-decoration:none;}
.linknext { background:url(/images/next.png) right no-repeat; text-align:left; float:right; display:block; width:110px;}
.linkback { background:url(/images/back.png) left no-repeat; text-align:right; margin:0 0 0 20px;  float:left; display:block; width:60px;}
.outlink { color:black; text-decoration: none; }
.outlink:hover { color:blue; text-decoration: underline; }

/*LEFT*/
.login { margin:20px 0 20px 0 ;}
.login .in { padding:10px;}
.TabbedPanels { margin: 0px;padding: 0px;float: left;clear: none;width: 100%; }
.TabbedPanelsTabGroup {margin:0;padding: 0px;}
.TabbedPanelsTab {position: relative;text-align:center;top:2px;float: left;width:75px;height:16px;padding: 5px 10px;margin: 0;color:#fff;list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;background: url(/images/tab2.png)}
.TabbedPanelsTabHover {color:#fff;}
.TabbedPanelsTabSelected {top:0;background: url(/images/tab1.png);color:#222;height:18px;}
.TabbedPanelsTab a {color:#fff; text-decoration: none;}
.TabbedPanelsContentGroup { clear: both;}
.TabbedPanelsContent {padding: 4px; height:110px;background: url(/images/bg-tab.png)}
.TabbedPanelsContent1 { padding: 4px;height:110px;background: url(/images/bg-tab1.png)}
.TabbedPanelsContentVisible {}

/*OMNIUS CAM*/
.omniuscam { width:190px; height:380px; display:block; margin:50px 0 0 0; text-align:center; background:url(/images/hp-cam.jpg) no-repeat;}
.omniusstream { padding:45px 0 0 0;}

/*MAIN*/
.maincontent { background: url(/images/bg-right.png) no-repeat;}
.longcontent { background: url(/images/bg-long.png) no-repeat;}
.longcontent1 { background: url(/images/bg-long-1.png) no-repeat; height:880px;}
.longcontent2 { background: url(/images/bg-long-2.png) no-repeat;}
.maincontent .in { padding:0 20px 0 20px;} 
.mainheading {  height:64px; text-align:left; margin:0 0 40px 0; }
.mainheading .in {padding:15px 20px 0 20px;}
.mainheading h1 { margin:0; padding:0; font-size:2em; font-style:italic; line-height:1.3em;  }
.mainheading h2 { margin:0; padding:0; font-size:1.5em; font-style:italic; line-height:1.3em;  }
.credits { text-align:center; border-top:1px solid #8fadc9; margin:20px 0 0 0; padding:10px;}
.credits p { font-size:10px;}

/*ROUNDED BOX HP AND STEPS*/
body.lang_en .box-hp { width:630px; height:311px; text-align:center; background: url(/images/hp-img-en.jpg) 1px no-repeat;}
body.lang_cs .box-hp { width:630px; height:311px; text-align:center; background: url(/images/hp-img-cs.jpg) 1px no-repeat;}
.box-hp { width:630px; height:311px; text-align:center; background: url(/images/hp-img.jpg) 1px no-repeat;}
.box-hp .in {padding:17px 20px 20px 13px;}
.box-hp-heading { margin:0; padding:0; font-weight:bold;}

.box-product-steps { width:630px; height:311px; background: url(/images/bg-box.png) no-repeat;}
.box-product-steps .in { padding:20px;}
.box-product-steps .top { padding:17px 20px 20px 20px;}
#flash {width:630px; height:311px; margin: -3px 0  0 -1px; }
.box-product-steps-step2 { width:630px; height:311px;background: url(/images/how-box.jpg) 1px no-repeat;}
.box-product-steps-step2 .in { padding:20px;}
.box-product-steps-head { margin-top: -5px;}
.box-product-steps-heading { margin:0 0 5px 0; padding:0; font-weight:bold;}

.box-product-detail{ width:630px; margin:0 ; height:781px;background: url(/images/box-detail.png) no-repeat;}
.box-product-detail .in { padding:10px 20px 20px 20px;}
.box-product-detail-head { margin-top:-5px; }

.step-cols {width:590px;}
.firs-step-col {width:140px; float:left; margin-right:10px; text-align:center;}
.firs-step-col img { margin:0 0 20px 0;}
.last-step-col { width:186px; float:left; margin-right:15px;}
.last-step-col .in { padding:10px 15px 0 15px;}
.last-step-col h2 { margin:0 0 2px 0;}
.last-step-col ul { height:70px;}
.ico1 {background: url(/images/steps-ico-5.png) no-repeat;}
.ico2 {background: url(/images/steps-ico-6.png) no-repeat;}
.ico3 {background: url(/images/steps-ico-7.png) no-repeat;}

.steps-product {height:36px; margin:0 0 20px 0;}
.steps-product ul { margin:0; padding:0; list-style:none;}
.steps-product li { float:left; margin:0; padding:0; height:36px;  width:156px;}
.steps-product a { float:left; width:156px; height:36px; display:block; margin:0; padding:0; color:#fff;  text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}
.steps-product li a span {width:130px; height:16px;  padding:2px 0 0 0; margin:0 0 0 5px; display:block; line-height:16px;}
.steps-product li a strong { display:block; height:36px; line-height:36px; width:18px; margin:0 0 0 15px; padding:0 15px 0 0;  font-weight:normal; font-size:28px; float:left;}
.steps-product a:hover {color:#454545; background: url(/images/hp-btn-over.png) no-repeat; cursor:hand !important;}
.steps-product li.active a {color:#454545;}
.steps-product li.active {background: url(/images/hp-btn-over.png) no-repeat; }

.tab1 {background: url(/images/hp-btn1.png) no-repeat;}
.tab2 {background: url(/images/hp-btn2.png) no-repeat;}
.tab3 {background: url(/images/hp-btn3.png) no-repeat;}
.tab4 {background: url(/images/hp-btn4.png) no-repeat;}

.steps-order {height:36px; margin:0 0 20px 0;}
.steps-order ul { margin:0; padding:0; list-style:none;}
.steps-order li { float:left; margin:0; text-align:center; padding:0;   height:36px;  width:132px;}
.steps-order a { float:left;  margin:0; display:block; color:#222;  background: url(/images/order-step.png) no-repeat; line-height:16px; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}
.steps-order li a span {width:130px; height:26px; display:block;  padding:10px 0 0 2px;}
.steps-order a:hover {color:#fff;}
.steps-order li.active a {color:#fff;}
.steps-order a:hover {background: url(/images/order-step-over.png) left  no-repeat; cursor:hand !important; }
.steps-order li.active1 a  {background: url(/images/order-step-over.png) left  no-repeat; color:#fff; }
.steps-order li.tab8 a { float:left; margin:0; text-align:center; padding:0; height:36px;  width:225px;  background: url(/images/order-step-l.png) no-repeat;}
.steps-order li.tab8 a span {  width:220px; height:26px; display:block;  padding:10px 0 0 0;}
.steps-order li.tab8 a:hover {background: url(/images/order-step-l-over.png)  no-repeat; cursor:hand !important;}
.steps-order li.tab8.active2 a  {background: url(/images/order-step-l-over.png)  no-repeat;}
.steps-order li.tab8.active2 a {background: url(/images/order-step-l-over.png)  no-repeat; color:#fff; }
.subbox-order {background: url(/images/subbox-order.png)  no-repeat; height:60px;}
.subbox-order  .inside { padding:10px;}

.box-order-steps p { margin:0 0 10px 0;}
.box-order-steps {background:url(/images/bg-box-2.png) no-repeat; width:630px;  height:410px;}
.box-order-steps .in { padding:20px; height:345px;}

.box-order-steps2 p { margin:0 0 10px 0;}
.box-order-steps2 {background:url(/images/bg-box-2.png) no-repeat; width:630px;  height:410px;}
.box-order-steps2 .in { padding:20px; height:345px;}

.stepfooter { text-align:right; font-weight:bold; padding: 0 30px 0 0;}
.stepfooter a { text-decoration:none;}

.steps-order-col1 { width:400px; float:left; margin:0 30px 0 0;}
.steps-order-col2 { width:160px; float:left;}
.stepinput { margin:0 0 0 40px;}

.subbox1 { background:url(/images/bg-sub-box.png) no-repeat;}
.subbox2 { background:url(/images/bg-sub-box1.png) no-repeat;}
.subbox3 { background:url(/images/bg-sub-box3.png) no-repeat;}
.subbox1 .inside { padding:10px; }
.subbox2 .inside { padding:10px; }
.subbox3 .inside { padding:10px; height: 100px }

.support-steps {height:16px; margin:0 0 20px 0;}
.inner { padding:0 20px 20px 20px;}
.support-steps ul { margin:0; padding:0; list-style:none;}
.support-steps li { float:left; margin:0 20px 0 0; border-bottom:1px solid #4292c8; text-align:left; text-indent:20px; padding:0; height:16px;  width:180px;}
.support-steps a { float:left; width:170px; height:16px; display:block; line-height:16px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:12px;  background: url(/images/bullet-e.png)  left no-repeat;}
.support-steps a:hover { color:#4292c8;}
.support-steps li.active a {color:#4292c8; }
.support-steps li a:hover {background: url(/images/bullet-f.png)  left no-repeat; }
.support-steps li.active a {background: url(/images/bullet-f.png)  left no-repeat; }

.all-product-steps {height:16px; margin:0 0 20px 0;}
.inner { padding:0 20px 20px 20px;}
.all-product-steps ul { margin:0; padding:0; list-style:none;}
.all-product-steps li { float:left; margin:0 20px 0 0; border-bottom:1px solid #4292c8; text-align:left; text-indent:20px; padding:0; height:16px;  width:105px; background: url(/images/bullet-e.png)  left no-repeat;}
.all-product-steps a { float:left; width:100px; height:16px; display:block; line-height:16px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:12px;}
.all-product-steps a:hover { color:#4292c8;}
.all-product-steps li.active a {color:#4292c8; }
.all-product-steps li:hover {background: url(/images/bullet-f.png)  left no-repeat; }
.all-product-steps li.active {background: url(/images/bullet-f.png)  left no-repeat; }
.apptext {float: right; width: 440px; text-align: justify; }

/*FORMS*/
input.text { margin:2px 0  2px 0; border:1px solid #666; height:14px;}
input.text1 { margin:2px 0  2px 0; border:1px solid #666; height:12px;}
input.text2 { margin:5px 0  5px 0; border:1px solid #666; height:14px;}
input.text:focus{ border:1px solid #666;}
label { float:left; width:170px; display:block;}
input.text { width: 100px; padding:2px; float:left; }
input.text1 { width: 100px; padding:2px; }
.subbox-order label.label1 { float:left; margin:0; display:block; width:90px; }
.subbox-order label.label2 { float:left; margin:0; display:block; width:70px; }
.subbox-order select{ float:left; }
label.label3 { float:left; margin:5px 0  5px 0; display:block; width:70px; }
label.label4 { float:left; margin:5px 0  5px 0; display:block; width:200px; }
.fifty-fifty { width:50%; float:left; margin:0 0 0px 0;}
input.text2 { width: 170px; padding:2px; float:left;}