html {font-size: 100%;}

body {
    font-family: arial, Trebuchet MS, tahoma, verdana, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    color: #333333;
    text-align: center;
    background: #FFFFFF;
    behavior:url("csshover.htc");
}


table {font-size: 1em;
    margin-bottom: 1em;
}
    

form {margin: 0px;}

input, textarea {
    border: 2px solid #E1E1E1;
    background: #FFFFFF;
    font-family: tahoma, arial, lucida, sans-serif;
}

a {
    color: #C64841;
    text-decoration: none;
}

a:hover {text-decoration: underline;}

a img {border: 0px;}

a.plus {
    background: url('images/product-cat-plus.png') left 3px no-repeat;
    text-decoration: none;
    font-weight: bold;
    padding-left: 14px;
    padding-top: 2px;
}

img.right {
    float: right;
    margin-left: 20px;
}

img.left{
    float: left;
    margin-right: 20px;
}


a.mailto
{
    font-weight:bold;
    color:#D8372F;
}

ul {
    text-align: left;
}

ul li a{text-decoration: none; color: #C64841;}

ul li a:hover{text-decoration: underline;}

fieldset {border: 0px; float: left; padding: 0px;}

p {margin: 10px 0px 10px 0px;
   font-size: 110%; }

h1 {
    margin: 0px; 
    padding: 0px;
    float: left;
}

h1 a {
    display: block; 
    position: absolute;
    width: 228px;
    height: 67px;
    top: 14px;
    left: 37px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 228px;
    height: 67px;
    background: url('images/logo_en.png') top left no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

#logo_cs
{
    background: url('images/logo_cs.png') top left no-repeat;
}

h2 {
    margin: 0px 0px 8px 0px;
    padding: 0px;
    font-size: 1.1em;
}

h2.italic
{
    font-style:italic;
}

#head {
    width: 960px;
    height: 155px;
    position: relative;
    margin: 0px auto 0px auto;
    background: url('images/flash-bg.jpg') left bottom no-repeat;
}

#head object {margin-top: 32px;}

#head ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    top: 10px;
    right: 0px;
}

#head ul li {
    float: left;
    margin-left: 30px;
}

#head ul li a {
    color: #999999;
    font-size: 0.9em;
    font-weight: bold;
    padding-left: 20px;
}

#head ul li.cs a {background: url('images/cs.png') left top no-repeat;}
#head ul li.en a {background: url('images/en.png') left top no-repeat;}

#head ul li a.active {color: #D8372F; text-decoration: underline;}

#head ul li.cs a.active {background: url('images/cs-active.png') left top no-repeat;}
#head ul li.en a.active {background: url('images/en-active.png') left top no-repeat;}

#menu {
    width: 960px;
    height: 50px;
    margin: 9px auto 0px auto;
    background: #D8372F;
}

#menu ul {
    margin: 0px;
    padding: 0pc;
    list-style-type: none;
}

#menu ul li {
    float: left;
    position: relative; 
    z-index: 10;
}
    
#menu ul li a {
    display: block;
    font-size: 1.em;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0px 15px;
    line-height: 50px;
}

#menu ul li a:hover,
#menu ul li:hover {background: #000000; text-decoration: none;}  

#menu ul li ul {
    display: none;
    width: 220px;
}

#menu ul li:hover ul{
    width: 190px;
    margin: 0px;
    padding: 0px;
    z-index: 20;
	  display: block;
    height: auto;
    position: absolute;
    top: 50px;
    left: 0px;
    background: #000000; 
}

#menu ul li ul li {
    background: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

#menu ul li ul li a {
    color: #FFFFFF;
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 180px;
    line-height: 30px;
    height: 30px;
}

#menu ul li ul li a:hover span {text-decoration: underline;}
#menu ul li ul li a span {margin-left: 15px;}


#menu form {padding: 13px 15px 0px 0px; float: right;}
#menu form label {color: #FFFFFF; font-weight: bold;}
#menu input {
    border: 0px;
    background: #DBDBDB url('images/input-bg.png') top left repeat-x;
}
#menu form input.input {width: 120px; margin: 0px 3px 0px 5px;}
#menu form input.btn {position: relative; top: 3px;}

#main {
    width: 960px;
    margin: 25px auto 0px auto;
    text-align: left; 
}

#left {
    width: 270px;
    float: left;
}

#left form {
    width: 270px;
    height: 50px;
    background: #D8372F;
}

#left form fieldset {
    width: 110px;
    margin: 5px 0px 0px 10px;
    display: inline;
    text-align: left;
}

#left form input {
    border: 0px;
    background: #DBDBDB url('images/input-bg.png') top left repeat-x;
}

#left form input.input {
    width: 110px;
    margin-top: 2px;
}

#left form label {color: #FFFFFF; font-size: 0.9em; float: left;}

#left form input.btn {
    margin: 22px 0px 0px 5px;
    float: left;
}

#left ul {
    margin: 18px 0px 18px 0px;
    padding: 0px;
    list-style-type: none;
}

#left ul li {display: inline;}

#left ul li a {
    font-size: 1.1em;
    color: #333;
    font-weight: bold;
    line-height: 26px;
    padding-left: 23px;
    background: url('images/arrow.png') 2px 6px no-repeat;
    border-bottom: 2px solid #E1E1E1;
    display: block;
}

#left ul li a.active {color: #D8372F;
    background: url('images/arrow_active.png') 2px 6px no-repeat;}

#left ul li ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border-bottom: 2px solid #E1E1E1;
}

#left ul li ul li a 
{
    background: url('images/menu-spot.png') 26px 9px no-repeat;
    line-height: 22px;
    border: 0px;
    font-size: 1em;
    padding-left: 40px;   
}

#left ul li ul li a.active 
{
    background: url('images/menu-spot_active.png') 26px 9px no-repeat;
}

#left ul li ul li ul {
    border: 0px;
}

#left ul li ul li ul li a {
    line-height: 18px;
    padding-left: 56px;
    background: url('images/menu-spot-small.png') 46px 7px no-repeat;
}

#left ul li ul li ul li a.active {
    background: url('images/menu-spot-small_active.png') 46px 7px no-repeat;
}

#right {
    width: 670px;
    float: right;
    margin: 0px 0px 0px 0px;
    display: inline;
}

#right ul
{
    font-size:12px;
}

.product {
    width: 315px;
    float: left;
    margin: 0px 20px 10px 0px;
    border: 1px solid #FFFFFF;
}  

.product.noMargin {margin-right: 0px;}

.product img {
    float: left;
    margin-right: 12px;
}

.product h3 
{
    padding-bottom:10px;
    margin: 0px;
    font-size: 11px;
    font-weight:bold;
}

.product h3 a {
    text-decoration: none;
}

.product p {
    float: left;
    margin-top: 5px;
}

.product p.a {
    float: left;
}

.product p a {
    background: url('images/arrow.png') right 2px no-repeat;
    display: block;
    width: 95px;
    padding: 2px 0px 1px 0px;
}

.product p a.english {
    width: 114px;
}

#footer {
    width: 960px;
    height: 50px;
    clear: both;
    border-top: 1em solid #FFF;
    background: #E1E1E1;
    margin-left:auto;
    margin-right:auto;
}

#footer p {
    float: left;
    line-height: 50px;
    width: 300px;
    margin: 0px;
    font-size: 0.9em;
}

#footer ul {
    margin: 0px 12px 0px 0px;
    padding: 0px;
    float: right;
    list-style-type: none;
}

#footer ul li {float: left;}

#footer ul li a {
    font-weight: bold;
    color: #333333;
    line-height: 50px;
    padding: 0px 13px;
} 

p.fs10 {font-size: 0.9em;}
p.fs11 {font-size: 1em;}

#path {
    font-size: 0.9em;
    margin: -5px 0px 0px 0px;
}

.productCat {
    width: 146px;
    _width: 154px;
    height: 237px;
    border: 2px solid #E1E1E1;
    text-align: center;
    position: relative;
    float: left;
    margin: 0px 16px 18px 0px;
}

.productCat p {
    font-size: 0.8em;
    padding: 0px 5px;
    margin: 2px 0px 0px 0px;
}

.productCat p b {
    font-size:1.2em;
}

.productCat h3 {
    font-size: 11px;
    margin: 0px;
}

.productCat div {
    width: 130px;
    height: 120px;
    margin: 5px auto 0px auto;
}

.productCat a.plus {
    background: url('images/product-cat-plus.png') left 3px no-repeat;
    text-decoration: none;
    font-weight: bold;
    padding-left: 14px;
    position: absolute;
    bottom: 10px;
    left: 28px;
}

.productCat a.grey {
    background: url('images/product-cat-plus-grey.png') left 3px no-repeat;
    text-decoration: none;
    font-weight: bold;
    padding-left: 14px;
    position: absolute;
    bottom: 10px;
    left: 28px;
}

#paging {
    clear: both;
    list-style-type: none;
    padding: 0px;
    margin: 10px 0px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    color: #D8372F;
}

#paging li {
    display: inline;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}

#paging li img {
    position: relative; 
    top: 3px; 
    margin: 0px 2px;
}

#paging li a {
    color: #D8372F;
    margin-right: 2px;
    
}

#paging li a.active {
    color: #999999;
}

.form {margin: 15px 0px; width: 670px;}
.form td {vertical-align: top;}
.form td.oblField {color: #D8372F;}
.form td input {margin-top: -2px; width: 170px;}
.form td input.oblField {border: 2px solid #D8372F;}
.form td input.checkbox {width: auto; border: 0px;}
.form td.nadpis {font-weight:bold; font-size:1.1em; border-left:0px; border-right: 0px; border-top: 0px; border-bottom:1px; border-style:ridge;}
.form td.checkbox {font-size:1.1em; font-weight:bold;}

.form label {
    font-weight: bold;
    font-size: 1.1em;
}

#pLeft, #pLeft1, #pLeft2 {
    width: 420px;
    float: left;
}

#pLeft p.docs, #pLeft1 p.docs, #pLeft2 p.docs {
    margin: 0px;
    padding: 5px 0px 5px 45px;
    background: url('images/ico-pdf.png') left 2px no-repeat;
}

#pLeft p.zip-locked, #pLeft1 p.zip-locked, #pLeft2 p.zip-locked {
    margin: 0px;
    padding: 5px 0px 5px 45px;
    background: url('images/ico-zip-locked.png') left 2px no-repeat;
}

#pLeft p.docs-locked, #pLeft1 p.docs-locked, #pLeft2 p.docs-locked {
    margin: 0px;
    padding: 5px 0px 5px 45px;
    background: url('images/ico-pdf-locked.png') left 2px no-repeat;
}

#pLeft p.link, #pLeft1 p.link, #pLeft2 p.link {
    margin: 0px;
    padding: 5px 0px 5px 45px;
    background: url('images/ico-link.png') left 2px no-repeat;
}

#pLeft p.msi, #pLeft1 p.msi, #pLeft2 p.msi {
    margin: 0px;
    padding: 5px 0px 5px 45px;
    background: url('images/ico-msi.png') left 2px no-repeat;
}

#pLeft p.xls, #pLeft1 p.xls, #pLeft2 p.xls {
    margin: 0px;
    padding: 5px 0px 5px 45px;
    background: url('images/ico-xls.gif') left 2px no-repeat;
}

#pLeft p.zip, #pLeft1 p.zip, #pLeft2 p.zip {
    margin: 0px;
    padding: 5px 0px 5px 45px;
    background: url('images/ico-zip.gif') left 2px no-repeat;
}

#pProductPageLeft {
    width: 220px;
    float: left;
}

#pProductPageRight {
    width: 440px;
    float: right;
    text-align: right;
}

#pProductPageLeft p 
{
    font-size:1em;
    margin: 0px;
}

#pProductPageRight p 
{
    font-size:1.1em;
    margin: 0px;
}

#pProductPageLeft h2
{
    margin:0px 0px 5px 0px;
}

#pLeft p a, #pLeft1 p a, #pLeft2 p a 
{   
    font-weight: bold;
    color:#D8372F;
}

#pRight {
    width: 240px;
    float: right;
}

#pRight p.links {
    padding-left: 110px; 
    font-weight: bold; 
    font-size: 0.9em;
    margin: 0px 0px 15px 0px;
}
#pRight p.links a {padding: 2px 0px 2px 18px; line-height: 1.6em;}
#pRight p.links a.print {background: url('images/ico-print.png') left 2px no-repeat;}
#pRight p.links a.send {background: url('images/ico-send.png') left 2px no-repeat;}

#pTableRight
{
    width: 334px;
    float: right;
}

#pTableLeft
{
    width: 334px;
    float: left;
}

h3.table {
    margin: 0px;
    background: #D8372F;
    color: #FFFFFF;
    font-size: 1.1em;
    height: 28px;
    line-height: 28px;
    padding-left: 5px;
}

table.table {width: 100%;
             border-collapse:collapse;
             }

table.table td 
{
    border-bottom: 2px solid #FFFFFF; 
    text-align:left;
    vertical-align:middle;
    background:#F0F0F0;
}

table.table td.center 
{
    text-align:center;
}

table.table td.rightborder 
{
    border-right: 2px solid #FFFFFF;
}

table.table td a
{
     color:#333333;
}

table.table td.feature
{
    border-bottom: 1px solid #FFF; 
    border-left: 1px solid #FFF;
    padding-left: 20px; 
    padding-right: 0.2em;
    background-image: url('images/feature.gif'); 
    background-repeat: no-repeat; 
    background-position:0.3em;
    vertical-align:middle;
}

table.table td.feature-nobg
{
    border-bottom: 1px solid #FFF; 
    border-left: 1px solid #FFF;
    padding-left: 20px; 
    padding-right: 0.2em;
}


table.table tr.h3 td
{
    border-bottom: 1px solid #FFFFFF;
    background: #D8372F;
    color: #FFFFFF;
}

table.table tr.h3 td.lBorder
{
    border-left: 1px solid #FFFFFF;
}

table.table tr.bgBlack td {
    background: #000000;
    color: #FFFFFF;
}

table.table tr.h3 td a, table.table tr.bgBlack td a
{
    color: #FFFFFF;
}



table.table tr.h3 td
{
    border-bottom: 1px solid #FFFFFF; 
    background: #D8372F;
    color: #FFFFFF;
}

table.table td.leftBorderAndCenter
{
    border-left: 1px solid #FFFFFF;
    text-align: center;
}

table.table tr.bgBlack td.alCenter {
    text-align: center;
}

table.table tr.bgBlack a
{
    color:#FFFFFF;
}

table.table th 
{
    border-bottom: 2px solid #FFFFFF; 
    background: #E1E1E1;
    text-align: left;
}

table.table th.leftBorder
{
        border-left: 1px solid #FFFFFF;
}

table.table th a
{
    color:#333333;
}

.line {
    clear: both; 
    border-bottom: 2px solid #E1E1E1; 
    height: 10px; 
    margin-bottom: 20px; 
    font-size: 1px;
}

.lineProduct {
    clear: both; 
    height: 1px; 
    margin-bottom: 0px; 
    font-size: 1px;
}

img.prop-yes 
{
    height:12px;
    width:12px;
}

img.prop-no
{
    height:14px;
    width:14px;
}

img.16x16
{
    height:16px;
    width:16px;
}

img.screenShot
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.cleaner {clear: both;}
.noMarginR {margin-right: 0px;}
.red {color: #D8372F;}
.dred {color: #C64841;}

li.plus {list-style-image:url('images/plus_small.png')}
li.minus {list-style-image:url('images/minus_small.png')}

.program
{
	display: block;
	font-family: Monospace;
	font-size: 11px;
	background-color: #fffff0;
	border: 1px solid black;
	width: 100%;
	text-align: left;
	padding: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.program span.command
{
	color: Navy;
	font-style:italic;
}

.program span.comment
{
	color: Green;
}

.note
{
    background-image:url('images/hvezdicka.gif');
    background-position: 0.5em 0.5em;
    background-repeat: no-repeat;
	display: block;
	background-color: #fff0f0;
	border: 1px solid black;
	width: 100%;
	text-align: left;
	padding: 2em 0.5em 0em 0.5em;
	margin-top: 0.5em;
}

.note span.highlight
{
	color: #D8372F;
	font-style:italic;
}

dl
{
    font-size:110%;
}

dl dt
{
    color: #D8372F;
    font-weight:bold;
}

dl dt strong
{
    color:#333333;
}

dl dd strong
{
    font-style:italic;
}

table.index 
{
    width: 100%;
    border-collapse:collapse;
}
             
table.index td 
{
    vertical-align:top;
    text-align:left;
    background:#FFFFFF;
}

table.index td.a
{
    vertical-align: top;
    padding-left: 20px;
    background: #FFFFFF url('images/more-info.png') no-repeat top left; 
}

table.index td.borderLeft
{
    border-left: 2px solid #FFFFFF;
}

table.index td.borderTop
{
    border-top: 20px solid #FFFFFF;
}