/* ----- CSS ----- */
html, body { border: 0; margin: 0; padding: 0; font-size: 12px; font-family: arial, helvetica, sans-serif; text-align: center; color: #000; background-color: #fff; }

a:link, a:visited { color: #14d; text-decoration: underline; } 
a:hover { color: #fff; background-color: #14d; text-decoration: none;}

h1 { font-size: 14px; color: #575757; }
h2 { font-size: 12px; color: #000; }
h3 { font-size: 12px; color: #000; }

dt { padding: 0; } 
dd { padding: 0 0 15px 0; margin: 0 0 0 20px; } 

#container { width: 960px; margin: 20px auto; padding: 0; clear: both; text-align: left; }
#banner { padding: 0; margin: 0; position: relative; width: 100%; }

#logo { font: 10% serif; padding: 10px 18px 4px 0; float: left; width: 330px; }
#topmenu { font-size: 12px; padding: 18px 0 0 0; margin: 0; float: right; text-align: right; width: 500px; color: #69655a; }

#slogan { font-size: 14px; padding-bottom: 8px; margin-bottom: 20px; color: #a00; position: relative; clear: both; text-align: left; font-weight: normal; border-bottom: 2px solid  #575757; }

#menu { float:left; width: 543px; margin: 0 0 20px 0; padding: 10px 0 0 0; list-style: none; background: font-size: 12px; }
#menu li { float: left; margin: 0 5px 1px 0; padding: 0; }
#menu a { float: left; display: block; margin: 0; padding: 2px 20px; color: #fff; background-color: #69655a;  }
#menu a:hover { background-color: #14d; color: #fff; }

#bottommenu { position: relative; width: 100%; margin: 20px 0 50px 0; }
#bm-menu { float: left; padding: 8px 0 8px 0; margin: 0; width: 100%; font-size: 12px; border-top: 2px solid #575757; }
#bm-menu table { width: 100%; }
#bm-menu tr { vertical-align: top; }
#bm-menu td { padding-right: 20px; }
#bm-copy { float: left; padding: 0; margin: 0 0 15px 0; width: 100%; font-size: 10px; border-top: 1px solid #575757; padding: 8px 0 12px 0; }

#content { width: 100%; clear: both; }

#main-bar { float: left; width: 637px; text-align: left; padding: 0; margin: 0; }
#side-bar { float: right; width: 300px; padding-left: 10px; text-align: left; }		

#phone {font-size: 14px; }

div.price { background-color: #ffc; margin: 0 0 5px 0; padding: 2px; }
div.price h2 { font-size: 14px; font-weight: normal; color: #000; padding: 2px 4px; margin: 0; background: #ffc; text-transform: uppercase; }		
div.price h3 { font-size: 12px; font-weight: bold; color: #555; padding: 2px 4px; margin: 0; background: #ffc; }		
div.price p { margin: 0; padding: 4px; }

div.news { padding: 2px; margin: 15px 0; border: 0; }
div.news h2 { padding-bottom: 2px; padding-top: 8px; margin: 0; color: #26b; font-weight: bold; border-bottom: 1px solid #575757; text-transform: uppercase; }
div.news h3 { font-size: 12px; padding: 4px 0 0 0; margin: 0; color: #000; font-weight: normal; }
div.news dl { padding: 0; margin: 0; }
div.news dt { margin: 0; padding: 0; }
div.news dd { padding-bottom: 6px; margin: 2px 0; }
div.news p { text-align: left; padding-bottom: 4px; margin: 0; }

div.catalog { padding: 0; margin: 0 0 10px 0; }
div.catalog h2 { padding-bottom: 2px; padding-top: 8px; margin: 0; color: #26b; font-weight: bold; border-bottom: 1px solid #575757; text-transform: uppercase; }
div.catalog h3 { padding: 4px 0px; margin: 0; color: #555; }
div.catalog dl { padding-top: 6px; margin: 0; }
div.catalog dt { font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
div.catalog dd { padding-bottom: 6px; margin: 2px 0; border-bottom: 1px solid #fff; }
div.catalog p { text-align: left; padding: 4px; margin: 5px 0 5px 0;  background-color: #cfa; }
div.catalog table { width:100%; }
div.catalog td { width: 50%; }
div.catalog tr.group { font-weight: bold; }  

div.product { padding: 0 0 5px 0; margin: 0; }
div.product h1 { font-size: 22px; font-weight: normal; margin-bottom: 4px; color: #575757; }		
div.product h2 { font-weight: bold; padding-bottom: 5px; margin-bottom: 10px; color: #26b; text-transform: uppercase; }
div.product h3 { font-weight: bold; padding: 2px 0 0 0; margin: 0; color: #575757; }
div.product h4 { font-weight: normal; font-size: 14px; margin: 0; padding-bottom: 5px; }
div.product dt { padding: 0 0 0 20px; }
div.product dd { padding: 0 0 5px 20px; margin: 0 0 5px 0; }
div.product p { padding: 0; line-height: 1.3em; }
div.product table { margin-top: 10px; margin-right: 5px; }
div.product table td.label { padding: 3px 0; border-bottom: 1px dotted #ccc; text-align: left; }
div.product table td.value { padding: 3px 0 3px 6px; font-weight: bold; border-bottom: 1px dotted #ccc; text-align: left; }
div.product table td.last { border-bottom: none; }

.bigfont  { font-size: 14px; line-height: 140%; font-weight: normal; }	

div.product-desc table { border-spacing: 5px 10px; }
div.product-desc tr { vertical-align: top; }
div.product-desc td { font-size: 11px; }

div.short-info { color: #404040; font-size: 14px; text-align: left; padding: 8px 0; }		

table.tableCompare THEAD TR TD.title { background: #003d70; color: #FFF; font-weight: bold; padding: 5px; text-align: center; }
table.tableCompare TBODY TR.even { background: #d4d4d4; }
table.tableCompare TBODY TR.odd { background: #e8e8e8; }
table.tableCompare TBODY TR TD { padding: 2px; text-align: center; }
table.tableCompare TBODY TR TD.title { text-align: left; }
TR TD.yes {  background-image: url('images/hacken.gif'); background-position: center; background-repeat: no-repeat; }
TR TD.section-title { background-color: #005aa6; border-top: 10px solid #FFF; color: #FFF; font-weight: bold; text-align: left !important; }

div.jump2soft { padding: 4px; margin: 5px 0 5px 0; background-color: #cfa; }
div.jump2soft h2 { font-size: 12px; padding: 5px 0 0 0; margin: 0; color: #555; }
div.jump2soft p { padding: 4px 0; margin: 0; }

div.screenshot p { margin-bottom: 5px; }
div.screenshot td { text-align: center; font-size: 10px; }

div.ads { padding: 15px 0; margin: 15px 0; }
div.ads img { border: 1px solid #e3e0da; margin: 5px 0; }

.highlight { background-color: #ffc; }
.clearallrule { margin: 10px 0 5px 0; padding: 0; border-bottom: 1px dotted #575757; clear: both; font-size: 1px; }
.blankline { margin: 2px 0; padding: 0; clear: both; font-size: 1px; }

div.info { float: right; width: 50%; padding: 4px; margin: 0; background-color: #ddd; }	
div.download { border: 4px solid #ddd; margin: 2px 0 2px 0; padding: 4px; width: 44%; }

/* OPIS SOFTWARE */

div#software { padding: 0; margin: 0; border: 0; text-align: left; }
div#software h2 { font-size: 14px; margin: 20px 0 2px 0; padding: 0; color: #777; }
div#software p { margin: 0 0 5px 0; width: 100%; }

/* FORMULARZ */

form { margin: 0; padding: 0; }
div.forms p { line-height: 17px; margin-top: 0; margin-left: 10px; margin-right: 10px; }
div.forms dl { margin: 0; padding: 0; }
div.forms dt { float: left; clear: left; text-align: right; margin: 2px 5px 0 0; width: 100px; font-size: 10px; font-weight: bold; }
div.forms dd { margin-bottom: 2px; font-size: 10px; }
div.action { margin-top: 10px; background-color: #efb; border: 1px solid #deb; padding: 5px 5px 5px 105px; }
small { font-size: 9px; color: #555; line-height: 14px; }

/* FAQ */

div#FAQ { padding: 4px; margin: 0; border: 1px solid #ccc; text-align: left; }
div#FAQ h1 { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 0; color: #707070; border: 0; background: #fff; }
div#FAQ h2 { font-size: 10px; margin: 0 0 2px 0; padding: 0; color: #808080; }
div#FAQ p { margin: 0 0 5px 0; width: 100%; }

/* FIRST-PAGE */

#first-left { float: left; width: 637px; margin: 0; }
#first-left h1 { font-size: 19px; border: none; border-top: 1px solid #69655a; padding: 10px 0; margin: 0; color: #555; }
#first-right { float: right; width: 300px; padding-left: 10px; }
#first-right h2 { margin: 0; }

div.customsoft { padding: 0; margin: 0; }
div.customsoft h2 { font-size: 12px; padding-bottom: 4px; padding-top: 8px; margin: 0; color: #26a; font-weight: bold; border-bottom: 1px solid #575757; text-transform: uppercase; clear: both; }
div.customsoft h4 { font-size: 14px; font-weight: normal; padding-bottom: 4px; margin: 0; }
div.customsoft p { margin: 10px 0; clear: both; }
div.customsoft img { border: 1px solid #e3e0da; margin-bottom: 10px; padding: 1px; }
div.customsoft table { border-spacing: 0 10px; }
div.customsoft tr { vertical-align: top; }
div.customsoft td { margin-right: 10px; }

div.welcome { padding: 0; margin-bottom: 20px; }
div.welcome h2 { font-size: 12px; padding-bottom: 2px; padding-top: 8px; margin: 0; color: #a00; font-weight: bold; border-bottom: 1px solid #575757; text-transform: uppercase; clear: both; }
div.welcome h3 { font-size: 10px; font-weight: bold; padding: 0; margin: 0 0 5px 0; color: #26b; text-transform: uppercase; }
div.welcome ul { padding: 0 0 5px 15px; margin: 0; }
div.welcome li { padding: 0; margin: 0 0 2px 0; }
div.welcome p { line-height : 17px; }

div.english { padding: 2px 6px; margin: 10px 0; background-color: #ffc; border: 1px dashed #69655a; }
div.english p { padding: 0; margin: 6px 0; }	

/* --- EOF ---*/
