html,body {
height: 100%;
}
body {
background: #C7C7C7;
margin: 0;
padding: 0;
font-family: Verdana,Helvetica,sans-serif;
font-size: 0.8em;
color: #666666;
background-image: url(/__img/bg01.gif);
background-repeat: repeat-y;
background-position: center 0;
}
img {
border: 0px;
}
a {
color: #0B61BF;
}
a:hover {
color: #053161;
}
/*
a:visited {
color: #66ABF7;
}
*/
.cleaner {
clear: both;
font-size: 1px;
}
#holder {
width: 766px;
padding: 0 1px;
margin: 0 auto;
background: #ffffff;
min-height: 100%;
_height: 100%;
position: relative;
}
#header {
height: 85px;
background: #4D749B;
background-image: url(/__img/bg02.gif);
background-repeat: no-repeat;
}
#logo {
position: absolute;
top: 12px;
left: 11px;
}
#text {
position: absolute;
top: 24px;
left: 190px;
}
#language {
position: absolute;
top: 30px;
left: 450px;
z-index: 10000;
}
#language ul {
width: 140px!important;
}
#language a {
font-weight: normal;
width: 60px;
padding: 0 23px 0 7px;
_padding: 0 20px 0 7px;
text-align: left;
}
#language ul ul a {
height: 16px;
line-height: 14px;
font-size: 0.85em;
width: 130px;
padding: 5px;
}
#header form {
position: absolute;
z-index: 10001;
top: 30px;
left: 550px;
white-space: nowrap;
}
#header .input {
width: 104px;
height: 18px;
border: 1px solid #255784;
margin: 0 7px 0 0;
}
#header .button {
}
#menu {
height: 29px;
background: #FFA214;
background-image: url(/__img/bg03.jpg);
background-repeat: no-repeat;
overflow: visible;
position: relative;
}
.menu ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 768px;
position: absolute;
left: -1px;
}
.menu li {
display: block;
float: left;
}
.menu a {
color: #ffffff;
font-weight: bold;
display: block;
width: 126px;
height: 28px;
line-height: 27px;
text-align: center;
margin: 0 0 0 2px;
text-decoration: none;
}
.menu a:hover {
color: #ffffff;
}
.menu ul ul {
position: absolute;
left: 1px;
visibility: hidden;
background: #DDDDDD;
width: 150px;
border: 1px solid #ADADAD;
z-index: 1000;
}
.menu ul ul li {
text-align: left;
}
.menu ul ul li a {
text-align: left;
height: 16px;
line-height: 14px;
font-size: 0.85em;
width: 140px;
padding: 5px;
margin: 0;
font-weight: normal;
color: #000000;
}
.menu ul ul li a:hover {
background: #ADADAD;
}
.menu li:hover ul, .menu li.hover ul{
visibility: visible;
}
.menu li li {
float: none;
}
.menu li {
behavior: url(/__scripts/hover.htc);
}
.menu .dd {
background-image: url(/__img/dropdown.gif);
background-repeat: no-repeat;
background-position: right 13px;
}
#panel1 {
height: 17.65em;
overflow: hidden;
background-image: url(/__img/panel.jpg);
background-repeat: no-repeat;
padding: 0 23px 23px 220px;
border-bottom: 1px solid #E5E1C7;
}
#panel1_2 {
position: relative;
padding: 0 145px 0 0;
}
#panel1_2 img {
position: absolute;
right: 0;
_right: 23px;
top: 20px;
}
#panel1_2 h2 img {
position: static;
margin: 25px 0 0 0;
}
p {
margin: 0 0 10px 0;
}
.button1 {
background-image: url(/__img/button1.gif);
background-repeat: no-repeat;
font-size: 10px;
text-decoration: none;
color: #ffffff;
line-height: 21px;
display: block;
height: 22px;
padding: 0 10px;
width: 49px;
margin: 0!important;
font-weight: bold;
}
.button1:hover {
color: #ffffff;
}
.panel2 {
padding: 18px 23px 23px 220px;
background-repeat: no-repeat;
background-position: 15px 15px;
overflow: hidden;
}
.panel2 img {
float: right;
margin: 0 0 0 10px;
}


.panel3 {
padding: 0 0 15px 0;
clear: both;
}
.panel3 img {
float: right;
margin: 0 0 0 10px;
}

.zd5 {
background-image: url(/__img/zoner-draw-5-image.jpg);
}
.zpm {
background-image: url(/__img/zoner-panorama-maker-image.jpg);
}
.zbs2 {
background-image: url(/__img/zoner-barcode-studio-2-image.jpg);
}
.line {
background-image: url(/__img/bg04.gif);
background-repeat: repeat-x;
height: 4px;
padding: 0;
font-size: 1px;
}
.hmenu {
list-style-type: none;
margin: 0;
padding: 0;
}
.hmenu li {
float: left;
}
.hmenu li a {
font-weight: bold;
margin: 0 20px 0 0;
white-space: nowrap;
}
.vmenu {
list-style-type: none;
margin: 7px 0 17px 0;
padding: 0;
}
.vmenu li {
margin: 0 0 5px 0;
}
.vmenu li a {
font-weight: bold;
margin: 0 20px 0 0;
white-space: nowrap;
}
#news {
background: #E9E9E9;
width: 172px;
float: left;
padding: 10px;
margin: 4px;
}
#news h3 {
font-size: 1em;
margin: 0 0 3px 0;
}
#news p {
font-size: 0.87em;
}
.right {
float: left;
width: 520px;
_width: 515px;
padding: 16px;
}
#footer {
margin: 0 auto;
text-align: center;
font-size: 0.8em;
color: #999999;
padding: 10px;
line-height: 1.8em;
}
#footer a {
color: #999999;
}
#left {
background: #DDDDDD;
border: none;
width: 182px;
float: left;
}
#right {
width: 580px;
float: right;
}
#panel3 {
overflow: hidden;
background-image: url(/__img/bg05.jpg);
background-repeat: repeat-y;
padding: 0 23px 17px 17px;
=padding: 0 23px 5px 17px;
border-bottom: 1px solid #E5E1C7;
}
#panel3_2 {
position: relative;
padding: 0 145px 0 0;
}
#panel3_2 img {
position: absolute;
right: 0;
_right: 23px;
top: 20px;
}
#panel3_2 h2 img {
position: static;
margin: 25px 0 0 0;
}
.vmenu2 {
list-style-type: none;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 0.8em;
color: #000000;
}
.vmenu2 a {
display: block;
padding: 1em 1em 1.2em 1em;
text-decoration: none;
color: #7E7E7E;
}
.vmenu2 span {
display: block;
padding: 1em 1em 0.7em 1em;
height: 1.5em;
}
.vmenu2 a:hover {
background: #ADADAD;
color: #ffffff;
}
.vmenu2 ul {
margin: -5px 0 0 10px;
padding: 0;
list-style-type: none;
font-weight: normal;
}
.vmenu2 li {
background-image: url(/__img/bg06.gif);
background-repeat: repeat-x;
background-position: bottom left;
margin: 0;
padding: 0 0 2px 0;
}
.vmenu2 .active {
padding: 0 0 0.8em 0;
}
.vmenu2 .active a {
padding: 1em 1em 0.8em 1em;
color: #000000;
}
.vmenu2 ul a {
padding: 3px 10px!important;
=padding: 0px 10px!important;
}
.vmenu2 ul li {
background-image: none;
height: auto;
}
.vmenu2 ul li a {
padding: 0.1em 0.1em 0.2em 0.5em!important;
margin: 0 0.5em 0 0!important;
}
.vmenu2 ul .active a {
color: #000000!important;
font-weight: bold;
}
.vmenu2 .xarrow {
background-image: url(/__img/arrow.gif);
background-repeat: no-repeat;
background-position: right 12px;
}
.vmenu2 .order {
color: #F37801!important;
font-weight: bold;
}
.content {
padding: 17px;
}


.content h1 {
margin: 0 0 10px 0;
color: #000000;
font-size: 1.37em;
}

h2 {
margin: 0;
color: #000000;
font-size: 1.37em;
}

.content h2 {
font-size: 1.2em;
margin: 15px 0 0 0;
color: #F37801;
}
.content h3 {
font-size: 1em;
margin: 15px 0 0 0;
color: #000000;
}
.content .imgr {
float: right;
margin: 15px 0 0 0;
}
.vmenu3 {
list-style-type: none;
margin: 7px 0 17px 7px;
padding: 0;
}
.vmenu3 li {
margin: 0 0 5px 0;
}
.vmenu3 li a {
font-weight: bold;
margin: 0 20px 0 0;
white-space: nowrap;
padding: 0 0 0 13px;
background-image: url(/__img/arrow2.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}
.form1 {
background: #FFF7C1;
padding: 15px;
margin: 10px 0;
border: 1px solid #FF9D00;
}
.form1 h2 {
color: black;
margin: 0 0 10px 0;
}
.form1 legend {
font-weight: bold;
color: #FF9D00;
}
.form1 label {
clear: both;
display: block;
float: left;
padding: 0 5px 5px 0;
text-align: right;
width: 100px;
font-weight: bold;
}
.form1 .submit {
padding: 15px 15px 5px 15px;
text-align: center;
}
.form1 .small {
font-size: 0.8em;
margin: 5px 0 0 105px;
}
.form1 .wide {
width: 360px;
}
.form1 .wide2 {
width: 369px;
}
.form1 .wide3 {
width: 200px;
}
.form1 .wide4 {
width: 206px;
}
.form1 .label_wide {
width: auto;
}
.form1 .label_wide2 {
width: 150px;
}
.form1 .checkbox_wide {
width: auto;
display: inline;
float: none;
}
.form1 .rating {
clear: both;
margin: 0 0 15px 0;
}
.form1 .rating input {
margin: 0 5px 0 15px;
}
.form1 p {
margin: 15px 0 0 0;
}
#navigation {
list-style-type: none;
padding: 0;
margin: 0 0 15px 0;
}
#navigation li {
display: inline;
padding: 0 3px 0 0;
width: auto!important;
}

.box {
background: #E7F1F9;
border: 1px solid #CCCCCC;
padding: 10px;
margin: 10px 0;
}
.box h3 {
margin: 0;
}

table.tableLogos {margin: 0; padding: 0; margin-top: 20px; width: 500px; border-collapse: collapse; text-align: center;}
table.tableLogos td {border: 1px solid #ccc; padding: 5px;}
table.tableLogos thead {color: #666;}
table.tableLogos .box1 {width: 216px;}
table.tableLogos .box2 {width: 100px;}
table.tableLogos .box3 {width: 100px;}
table.tableLogos .box4 {width: 100px;}

.tab1 {
width: 280px;
height: 200px;
float: right;
}
.tab1 td {
vertical-align: top;
border: 1px solid #ADADAD;
width: 120px;
padding: 10px;
}
.tab1 img {
margin: 10px 0 0 0;
}
.partneri img {
margin: 14px 14px 14px 0; vertical-align: middle;
}

.tableComparison {border-collapse: collapse; font-size: 0.9em;}
.tableComparisonHeader {background-color: #F2F2F2; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.secondTr {background-color: #FAFAFA; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.blankTr {height: 10px; border: 1px solid #FFF;}

.ins {color: #ED6E00;}

#ga_block { width: 300px; background-color: #ffffff} 
#ga_block img { display: block; border: none; } 
#ga_block #ga_title { font: normal 12px Verdana, sans-serif; border: none; margin: 4px 0 0 0; } 
#ga_block #ga_title a { text-decoration: none; color: #1389B7; } 
#ga_block #ga_text { font: normal 11px Arial, sans-serif; border: none; margin: 4px 0 0 0; } 
#ga_block #ga_text a { text-decoration: none; color: #000000 } 
#ga_block #ga_text p { margin: 4px 0; } 
#ga_block #ga_text img { display: block; position: relative; float: left; border: none; margin: 0 1em 1em 0; border: none; margin: 0 1em 1em 0; }

#promotion {position: absolute; top: 33%; left: 0px; z-index: 100;}
#promotion img {float: left; cursor: pointer;}
#promotionShow {position: absolute; top: 33%; left: 0px; z-index: 88;}
#promotionShow img {float: left; cursor: pointer;}