ÿþ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: 442px;

z-index: 10000;

}

#language ul {

width: 140px!important;

}

#language a {

font-weight: normal;

width: 60px;

padding: 0 41px 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;}