/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }
body {
font-family: Arial, Helvetica, sans-serif;
color: #4C4C4C;
font-size: 12px;
line-height: 140%;
background: none; 
}
address { font-style: normal; padding: 0px; margin: 0px; }
blockquote { font-style: italic; padding-bottom: 0.5em; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #CC0000; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.note { font-size: 12px; font-weight: bold; line-height: 140%; }
.note * { font-weight: bold; }
.more a { color: #7A7A7A; }
img { border: none; }
a img { border: none; }
a { color: #27889A; text-decoration: underline; font-weight: normal;}
.more a { color: #666666; }
a.ext { background: url(/img/ext.gif) no-repeat right center; padding-right: 10px; }
#right-column a.ext { background-image: url(/img/ext-gray.gif); }
img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }
hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }
.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form * { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
form div { padding-bottom: 3px; }
fieldset { border: none; padding: 0px; margin: 0px; }
label { display: block; width: 100px; float: left; padding: 3px 0px 0px 0px; }
input.input { padding: 2px; width: 150px; background: none; border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; color: #4C4C4C;  }
input.button-submit { padding: 0px; padding-top: 5px; margin-left: 100px; border: none; cursor: pointer; }
textarea { background: none;  color: #4C4C4C; border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; width: 400px; height: 100px; overflow: hidden; }
form.simple-form * { vertical-align: middle; font-size: 12px; }
form.simple-form label { display: inline; width: auto; padding-right: 10px; }
form.simple-form .input { padding-bottom: 1px; }

/*******************/
/* TWO COLUMN LIST */
/*******************/
.two-column-list li { width: 45%; float: left; }

/*************/
/* LINK LIST */
/*************/
.link-list li { background: url(/img/link-list-bg.gif) no-repeat 0px 6px !important; padding-left: 10px !important; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { background: none; text-align: center; }
#page-wrapper { text-align: left; width: 980px; margin: 0 auto; position: relative; }
#body { padding: 22px 0px 8px 0px; background: #FFFFFF ; border-left: 1px solid #F7F4F2; border-right: 1px solid #F7F4F2; }
#page-homepage #body { padding: 22px 19px 19px 19px; }
#page-layout {}
#middle-column { width: 500px; float: left; }
#right-column { width: 256px; float: left; }
#column-wrapper { width: 900px; float: left; }
#left-column { width: 222px; float: right; }
.wide-content right-column { display: none; }
.wide-content #middle-column { width:  auto; float: none; }
.pics {}
.pics .pic1,
.pics .pic2 { width: 235px; font-size: 11px; float: left; }
.pics .pic1 { margin-right: 20px; }
.pics img { padding-bottom: 5px; }
.layout-2-columns {}
.layout-2-columns .column { width: 49%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 106px; background: none; position: relative;}
#logo { display: block; width: 164px; height: 58px; overflow: hidden; position: absolute; top: 22px; left: 19px; }

/*********/
/* TOOLS */
/*********/
#tools { display: none; }

/***************/
/* SEARCH FORM */
/***************/
#form-search { display: none; }

/*************/
/* SHORTCUTS */
/*************/
#shortcuts {}
#shortcuts { position: absolute; top: -1000px; left: -1000px; width: 1px; height: 1px; overflow: hidden; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { display: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { display: none; }
#menu-home * { width: 52px; }
#menu-produkty * { width: 70px; }
#menu-podpora * { width: 65px;}
#menu-nakup * { width: 63px; }
#menu-ke-stazeni * { width: 78px; }
#menu-projekty * { width: 77px; }
#menu-o-nas * { width: 53px; }
#page-homepage #menu-home a,
.section-podpora #menu-podpora a,
.section-produkty #menu-produkty a,
.section-o-nas #menu-o-nas a,
.section-nakup #menu-nakup a,
.section-ke-stazeni #menu-ke-stazeni a,
.section-reference #menu-projekty a,
.section-nakup #menu-nakup a { border-bottom-color: #B6ABA4; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/

/***********/
/* TOP BOX */
/***********/
#top-box { width: 900px; height: 240px; overflow: hidden; float: left; margin-right: 20px; padding: 0px; position: relative;}
#top-box .box { width: 900px; height: 240px; overflow: hidden; position: absolute; top: 0px; left: 0px; background: none; }
#top-box h1 { font-weight: normal; font-size: 19px; color: #003049; line-height: 115%; padding-top: 5px; padding-bottom: 5px; height: 52px; }
#top-box h1 strong { font-size: 24px; line-height: 120%; font-weight: normal; padding-left: 28px;}
#top-box h1 span { height: 52px; width: 100%; top: 5px; }
#top-box img.left { margin: 0px; }
#top-box .content {}
#top-box .intro { font-size: 14px; line-height: 130%; }
#top-box ul { float: left; width: 375px; }
#top-box ul li { list-style: none; background: url(/img/li-bg.gif) no-repeat left 5px; width: 162px; padding-left: 20px; float: left; }
#top-box p { padding-bottom: 0.5em; }
#top-box ul.no-float li { float: none; width: auto; }
#top-box .more { position: absolute; bottom: 9px; right: 21px; }
#top-box .more a { display: block; width: 99px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; color: #FFFFFF; background: url(/img/more-arrow.gif) no-repeat left top; text-decoration: none; }
#top-box .more a strong { text-decoration: underline; padding-right: 9px; }
#top-box #box02, #top-box #box03 { opacity: 0; }
#top-box #box01 span { background-image: none); }
#top-box #box02 span { background-image: none); }
#top-box #box03 span { background-image: none); }

/************/
/* BOX NEWS */
/************/
#box-news { display: none; }
#box-news h2 { color: #000000; font-weight: bold; font-size: 14px; line-height: 100%; padding-bottom: 4px; }
#box-news ul { border-top: 1px solid #0B5767; }
#box-news li { list-style-type: none; background: url(/img/box-news-li-e.gif) no-repeat 3px 8px; text-indent: 16px; padding: 7px 3px 5px 3px; border-top: 1px solid #0B5767;  }
#box-news li.update { background-image: url(/img/box-news-li-update.gif); }
#box-news li.skoleni { background-image: url(/img/box-news-li-skoleni.gif); }
#box-news li strong a { color: #333333; font-weight:bold; }
#box-news .archive { position: absolute; top: 2px; right: 0px; line-height: 100%; color: #474747; }
#box-news .archive a { color: #7D7D7D; }
#box-news .read-more,
#box-news .read-more a { color: #7D7D7D; }

/***********************/
/* BOX TOP BOX CONTROL */
/***********************/
#switcher { display: none; }

/**************/
/* NEWSLETTER */
/**************/
#newsletter { display: none; }

/*********/
/* BOXES */
/*********/
#boxes { display: none; }

/* OVERLAP */
#title-program-stale-podpory span { background-image: url(/img/title-program-stale-podpory.gif); }
#title-produktova-rada span { background-image: url(/img/title-produktova-rada.gif); }
#title-projekty span { background-image: url(/img/title-projekty.gif); }
#title-nas-software-pouzivaji span { background-image: url(/img/title-nas-software-pouzivaji.gif); }
#title-midas span { background-image: url(/img/title-midas.gif); }

/*******************************************************************/
/*                                                         SUBPAGE */
/*******************************************************************/

/**************/
/* NAVIGATION */
/**************/
#navigation { display: none; }

/***********/
/* SECTION */
/***********/
#section { display: none; }
#section p { padding: 0px; margin: 0px;  }
#section span.main,
#section span.sep,
#section span.sub { display: block; text-transform: uppercase; font-weight: bold; color: #003049; font-size: 14px; border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 3px; line-height: 100%; }
#section .main { border-bottom-color: #0A5664; width: 222px; float: left; text-align: right; }
#section .main span { padding-right: 8px; }
#section .sep { border-bottom: none; float: left; }
#section .sub { border-bottom-color: #A3A3A3; margin-left: 224px; padding-left: 8px; }

/*********/
/* TITLE */
/*********/
#title { background-color: #6E707E; position: relative; margin: 10px 15px 0px 9px; height: 108px; }
#title .section { color: #FFFFFF; position: absolute; top: 30px; left: 13px; line-height: 100%; font-size: 33px; font-weight: bold; width: 186px; display: block; padding: 0px; margin: 0px; text-transform: uppercase; }
#title p { padding: 0px; margin: 0px; }
#title .title-note { color: #FFFFFF; font-size: 11px; text-transform: uppercase; font-weight: bold; position: absolute; top: 11px; left: 13px; line-height: 16px; width: 186px; }
#title .back { position: absolute; bottom: 9px; left: 13px; line-height: 100%; font-size: 11px; color: #B7B8BF; }
#title .back a {  color: #B7B8BF; }
#title img { position: absolute; right: 0px; top: 0px; }

/* OVERLAP */
#title {display:none;}

/* FIXES */
#title.st-aktualizace .section,
#title.st-demo .section,
#title.st-fine-zpravodaj .section,
#title.st-freeware .section,
#title.st-manualy .section,
#title.st-skoleni .section,
#title.st-technicka-podpora .section,
#title.st-tutorialy .section { font-size: 28px; top: 34px; }
#title.st-faq .section { font-size: 32px; }
#title.st-hardwarove-klice .section { font-size: 18px; font-weight: normal; top: 39px; }
#title.st-kontakt .section { font-size: 24px; top: 37px; }
#title.st-novinky .section,
#title.st-partneri .section,
#title.st-prodejci .section,
#title.st-projekty-2 .section  { font-size: 25px; top: 36px; }
#title.st-o-spolecnosti .section { font-size: 33px; top: 29px; }
#title.st-program-stale-podpory-2 .section { font-size: 22px; top: 31px; font-weight: normal; letter-spacing:-1px; line-height: 24px; }
#title.st-soutez .section { top: 29px; font-size: 33px; }
#title.st-zakaznici .section { font-size: 25px; letter-spacing: -1px; top: 36px; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { display: none; }

/***********************/
/* MAINTENANCE PROGRAM */
/***********************/
#maintenance-program { width: 190px; margin-left: 9px; background-color: #4C4C4C; color: #FFFFFF; margin-top: 14px; }
#maintenance-program h2 { border: 1px solid #DBDBDB; border-bottom: none; font-size: 13px; color: #003049; font-weight: normal; height: 24px; line-height: 23px; padding-left: 5px; background-color: #FFFFFF;}
#maintenance-program h2 span { height: 24px; width: 180px; background-image: url(/img/box-title-program-stale-podpory.gif); }
#maintenance-program p { padding: 7px; font-size: 13px; line-height: 135%; }
#maintenance-program p strong { font-size: 18px; font-weight: normal; padding: 0px; display: inline; overflow: auto; }
#maintenance-program .more { color: #9E9C9C; text-align: right; font-size: 11px; line-height: 14px; padding-top: 0px; }
#maintenance-program .more a { color: #9E9C9C; }
#maintenance-program p.overlap, #maintenance-program p.overlap span { padding: 0px; height: 63px; width: 190px; }
#maintenance-program p.overlap span { background-image: url(/img/maintenance-program-text.gif); }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column { display: none; }


/*****************/
/* NEPREHLEDNETE */
/*****************/
#right-column #block-neprehlednete { background-color: #F4F4F4; padding: 10px 0px 0px 0px; font-size: 12px; }
/*#block-neprehlednete { padding-bottom: 20px; padding-left: 4px; padding-right: 4px; }*/
#block-neprehlednete h2 { padding-left: 10px; background-color: #F4F4F4; }
#block-neprehlednete ul li { list-style: none; line-height: 15px; padding: 0px; background: none; }
#block-neprehlednete li a { display: block; border-top: 2px solid #FFFFFF; padding: 5px 0px 6px 29px; background-color: #EDEBE9; background-position: 7px 6px; background-repeat: no-repeat; color: #4C4C4C;}
#block-neprehlednete li a:hover { background-color: #E2EDEF; }
#block-neprehlednete .download a { background-image: url(/img/disketa.gif); }
#block-neprehlednete .help-item a { background-image: url(/img/book.gif); }
#block-neprehlednete .sample a { background-image: url(/img/sheet.png); }

/****************/
/* PROBLEMATIKA */
/****************/
#block-problematika { padding: 0px 10px; font-size: 11px; padding-bottom: 20px; }

/*************/
/* DEMOVERZE */
/*************/
#right-column #block-demoverze,
#right-column .block.block-demoverze { background-color: #E0E0DF; padding: 10px 0px 8px 10px; font-size: 12px; }
#block-demoverze h2,
#right-column .block.block-demoverze h2 { background: url(/img/disketa.gif) no-repeat left center; padding: 0px 0px 0px 19px; }
#block-demoverze form,
#right-column .block.block-demoverze form { font-size: 12px; padding: 8px 0px 0px 19px; }
#block-demoverze form *,
#right-column .block.block-demoverze form * { vertical-align: middle; }
#block-demoverze label,
#right-column .block.block-demoverze label { font-size: 12px; display: inline; width: auto; float: none; }
#block-demoverze select,
#right-column .block.block-demoverze select { border: 1px solid #E2E3EA; border-top-color: #ABADB3; border-bottom-color: #E3E9EF; font-size: 11px; width: 86px; margin-right: 2px;  }

/*********/
/* PRICE */
/*********/
#right-column #block-price { padding: 13px 10px 15px 10px; font-size: 12px; }
#block-price .small { font-size: 11px; padding-bottom: 8px; }
#block-price .price { font-size: 16px; display: block; font-weight: bold; padding-top: 8px; padding-bottom: 7px; }
#block-price .arrow-link { font-size: 11px; color: #FFFFFF; background: #27889A url(/img/arrow-bg.gif) no-repeat right center; white-space: nowrap; padding: 2px 14px 4px 6px; line-height: 15px; }
#block-price .right { padding-top: 11px; }
#block-price .zvyr { border: 1px solid #FFFFFF; background: #EEEBE8 url(/img/li-bg-2.gif) no-repeat 5px 9px; padding: 4px 6px 6px 18px; line-height: 18px; margin-top: 18px;  }

/* LINK BLOCK */
#link-block { background-color:  #F4F4F4; }

/*******************/
/* ZVYR LINK BLOCK */
/*******************/
#right-column #zvyr-link-block { background: #FFFFFF; padding: 0px; margin-bottom: 0px; }
#right-column #zvyr-link-block li { background: #EEEBE8 url(/img/li-bg-2.gif) no-repeat 5px 10px; padding: 5px 5px 5px 19px; font-size: 12px; margin-bottom: 5px; }
#zvyr-link-block li a { color: #4C4C4C; }

/*******************************************************************/
/*                                                   MIDDLE COLUMN */
/*******************************************************************/
#middle-column { width: 900px; }
#middle-column-content { padding: 17px 10px 30px 10px; }
#middle-column h1 { font-size: 26px; font-weight: normal; color: #5f5f5f; line-height: 130%; letter-spacing: -1px; padding-bottom: 10px; }
#middle-column h2 { font-size: 18px; font-weight: normal; color: #003049; line-height: 130%; padding-top: 15px; padding-bottom: 5px; }
#middle-column h2#kurzy { font-size: 26px; font-weight: normal; color: #5f5f5f; line-height: 130%; letter-spacing: -1px; padding-bottom: 10px; }
#middle-column h3 { font-size: 14px;  font-weight: bold; color: #003049; line-height: 130%; padding-top: 15px; padding-bottom: 5px; text-transform: uppercase; }
#middle-column p { line-height: 150%; padding-bottom: 1em; }
#middle-column dt { font-weight: bold; padding-bottom: 3px; }
#middle-column dd { padding-bottom: 10px; }
#middle-column ol { margin-left: 2em; padding-bottom: 10px;  }
#middle-column ul { padding-bottom: 10px; }
#middle-column ul li { list-style: none; background: url(/img/li-bg.gif) no-repeat 3px 6px; line-height: 145%; padding-left: 15px; }
#middle-column address { padding-bottom: 1em; line-height: 150%; }
#middle-column .intro { font-size: 14px; line-height: 140%; } 
#middle-column .thumbs a { display: block; width: 155px; height: 116px; overflow: hidden; margin-right: 5px; float: left; }
#middle-column .thumbs a.last { margin-right: 0px; }
#middle-column .kotva {	border: 1px solid #CCCCCC; background-color: #F9F9F9; padding: 0px 5px 10px 5px; }
#middle-column .kotva .pics .pic1,
#middle-column .kotva .pics .pic2 { width: 225px; }
#middle-column .kotva .pics .pic1 { margin-right: 15px; }
#middle-column .kotva .pics img { width: 225px; height: 169px; }
#middle-column .pics .pic1 { margin-right: 5px; }

/* LINK BUTTON */
#middle-column p.button-link { padding: 10px; margin: 0px; display: inline; background: #DADADA url(/img/button-link-bg.gif) repeat-x left top; line-height: 36px; font-size: 14px; }
#middle-column p.button-link a { color: #4C4C4C; }

/*********/
/* TABLE */
/*********/
table { width: 100%; border-collapse: collapse; }
table th { text-align: left; padding: 3px 5px; border-bottom: 1px solid #EEEEEE; background-color: #DBDBDB;}
table td { padding: 3px 5px; border-bottom: 1px solid #EEEEEE; background-color: #F7F7F7;  }
table tr.even td { background-color: #FFFFFF; }
table .left { text-align: left; }
table .right { text-align: right; }
table .middle { vertical-align: middle; }
table .top { vertical-align: top; }
table .bottom { vertical-align: bottom; }
table tfoot td { font-weight: bold; }
table .nowrap { white-space: nowrap; }
table.top td { vertical-align: top; }

/******************/
/* FORM DEMOVERZE */
/******************/
#form-demo { padding-left: 30px; }
#form-demo * { font-size: 12px; }
#form-demo input { vertical-align: middle; }
#form-demo label { display: inline; width: auto; vertical-align: middle;}
#form-demo .input { margin-left: 10px; }
#form-demo button { background: none; border: none; display: block; width: 195px; height: 35px; line-height: 35px; font-size: 15px; font-weight: bold; color: #4c4c4c; text-transform: uppercase; background: url(/img/button-bg.png) no-repeat left top; margin: 10px auto 0px auto; }

/* NEWSLETTER LIST */
#middle-column #newsletter-list {}
#middle-column #newsletter-list td { padding-top: 7px; padding-bottom: 6px; vertical-align: top; }

/**************/
/* NEWSLETTER */
/**************/
#newsletter-wrapper { text-align: center; }
#reset { width: 620px; margin: 0px auto; text-align: left; }
#reset table { border: none; margin: 0px; }
#reset td { background: none; border: none; padding: 0px;}
#reset a { color: #5F5F5F; font-weight: bold; }
#reset ul { margin-left: 2em; }
#reset ul li { background: none; list-style-type: disc; padding-left: 0px; }
#reset td {	line-height: 140%; }
#reset h1 {	font-size: 20px; color: #003049; font-weight: normal; line-height: 100%; }
#reset a,
#reset a:link { color: #5F5F5F; font-weight: bold; font-size: 12px; }
#reset a:visited { color: #5F5F5F; }
#reset .paticka { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-align: left; padding-left: 10px; }
#reset .paticka a,
#reset .paticka a:link { color: #ffffff; font-weight: bold; font-size: 10px; }
#reset .paticka a:visited { color: #ffffff; }
#reset .nadpis { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 130%; font-weight: normal; color: #003049; display: block; padding-bottom: 10px; }
#reset p .nadpis { padding-bottom: 0px; }
#reset .hlavicka { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 130%; background: url(/img/fine-bg.gif) no-repeat left top;}
#reset .hlavicka .hlavicka { background: none; }

/*******************************************************************/
/*                                                        SUBLEVEL */
/*******************************************************************/
#page-sublevel {}
#page-sublevel #middle-column { width: 900px; float: left; }
#page-sublevel #left-column { width: 222px; float: right; }
#page-sublevel #middle-column-content { padding-left: 5px; }
#page-sublevel #middle-column .box { width: 230px; float: left; margin-right: 20px; }
#page-sublevel #middle-column .box.last { margin-right: 0px; }
#page-sublevel #middle-column .box h2 { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #003049; height: 22px; width: 230px; line-height: 22px; padding: 0px; border-bottom: 2px solid #A3A3A3; }
#page-sublevel #middle-column .box h2 a { color: #003049; text-decoration: none; font-weight: bold; }
#page-sublevel #middle-column .box h2 a:hover { text-decoration: underline; }
#page-sublevel #middle-column .box img { padding-top: 3px; }
#page-sublevel #middle-column .box p { padding-top: 5px; padding-bottom: 0px; }
#page-sublevel #middle-column .box .more { font-size: 11px; text-align: right; color: #7A7A7A; }
#page-sublevel #middle-column .box .more a { color: #7A7A7A; }
#page-sublevel #middle-column .box .img { width: 80px; float: left; }
#page-sublevel #middle-column .box .text { width: 150px; float: left; }
#page-sublevel #middle-column .box .more { clear: both; }

/*******************************************************************/
/*                                                        OVERVIEW */
/*******************************************************************/
#page-overview {}
#page-overview #middle-column h2 { font-size: 24px; font-weight: normal; color: #5f5f5f; letter-spacing: -1px; padding-top: 5px; line-height: 100%; }
#page-overview #middle-column h3 { clear: both; border-bottom: 1px solid #003049; margin-bottom: 8px; padding-bottom: 1px; line-height: 100%; }
#page-overview .overview-list {}
#page-overview .overview-list li { float: left; list-style: none; background: none; padding: 0px 9px 0px 0px; margin: 0px; font-size: 11px; color: #4C4C4C; height: 88px; }
#page-overview .overview-list li.end { padding-right: 0px; }
#page-overview .overview-list li a { display: block; width: 154px; height: 78px; color: #4C4C4C; text-decoration: none; background-color: #F9F9F9; overflow: hidden; position: relative; }
#page-overview .overview-list li a:hover { background-color: #EFEBE7; }
#page-overview .overview-list li a img { float: right; padding-top: 6px; padding-right: 6px; padding-left: 2px; }
#page-overview .overview-list li a .title { font-size: 14px; font-weight: bold; display: block; padding: 6px 0px 3px 6px; line-height: 15px; }
#page-overview .overview-list li a:hover .title { font-size: 11px; }
#page-overview .overview-list li a .desc { display: block; padding-left: 6px; padding-right: 6px; padding-bottom: 4px; line-height: 15px; }
#page-overview .overview-list li a .more { display: block; line-height: 100%; color: #7A7A7A; position: absolute; left: 6px; bottom: 7px; cursor: pointer;}
#page-overview .overview-list li a .more strong { text-decoration: underline; font-weight: normal; }
#page-overview .overview-list li.big { height: 105px; }
#page-overview .overview-list li.big a { height: 95px; }
#page-overview .overview-list li.huge { height: 115px; }
#page-overview .overview-list li.huge a { height: 105px; }
#page-overview #middle-column .kotva { border: none; }
#middle-column .kotva .overview-list li { padding-right: 7px; }
#middle-column .kotva .overview-list li.end { padding-right: 0px; }
#middle-column .kotva .overview-list li a { background-color: #F0F0F0; }
#middle-column .kotva .overview-list li a:hover { background-color: #EFEBE7; }

/*******************************************************************/
/*                                              OBECNE PREDSTAVENI */
/*******************************************************************/
#page-obecne-predstaveni {}
#page-obecne-predstaveni #middle-column  h2 { font-size: 14px; color: #003049; font-weight: bold; text-transform: uppercase;  }
#page-obecne-predstaveni .two-column-list a { color: #4C4C4C; }
#page-obecne-predstaveni .link-list li { color: #7A7A7A; }
#page-obecne-predstaveni .link-list li a { color: #7A7A7A; }
#page-obecne-predstaveni .kotva { padding: 0px 10px; }

/*******************************************************************/
/*                                                             FAQ */
/*******************************************************************/
.faq {}
#middle-column .faq dt { border: 1px solid #EEEEEE; line-height: 130%; padding: 5px 5px 5px 5px; margin-top: 5px; font-weight:normal; }
.faq dd { background-color: #F7F7F7; }
.faq dd * { font-size: 11px; }
.faq dd p { padding-left: 10px; padding-right: 10px; padding-top: 5px;}
.faq dd ol { padding-right: 10px;padding-left: 10px; }

/******************************/
/* FORMULAR TECHNICKE PODPORY */
/******************************/
#support-form {}
#support-form * { font-size: 12px; }
#support-form fieldset { border-top: 1px solid #F4F4F4; padding: 5px 5px 5px 0px; margin-bottom: 10px; }
#support-form legend { font-size: 12px; font-weight: bold; padding: 0px 10px 0px 0px; color: #4C4C4C; }
#support-form label { font-size: 12px; width: 115px; margin-top: 3px; }
#support-form .input { margin-top: 3px; }
#support-form textarea { width: 380px; margin-top: 3px; }
#support-form .button-submit { position: relative; left: 115px; }
#support-form select { vertical-align: middle; margin-top: 3px; }

/* SLIDE */
#support-form .slide * { font-size: 11px; line-height: 120%; }
#support-form .slide { background-color: #F5F5F5; }
#support-form .slide h3,
#support-form .slide p,
#support-form .slide ul,
#support-form .slide dl,
#support-form .slide ol { padding-left: 15px; }
#support-form #close01,
#support-form #close02,
#support-form #close03 { display: none; }

/*******************************************************************/
/*                                                     SEZNAM ZMEN */
/*******************************************************************/
#page-seznam-zmen #right-column { display: none; }
#page-seznam-zmen #middle-column { float: none; width: auto; }

/*******************************************************************/
/*                                                        PRODEJCI */
/*******************************************************************/
#list-prodejci {}
#list-prodejci h2 { color: #5F5F5F; font-size: 24px; padding-top: 10px; padding-bottom: 0px; margin-bottom: -10px; }
#list-prodejci .img { width: 90px; margin-right: 20px; float: left; text-align: center; padding-top: 24px; }
#list-prodejci .text { width: 368px; float: left; font-size: 11px; padding-top: 20px; }
#list-prodejci .text h3 { padding-top: 0px; padding-bottom: 5px; }
#list-prodejci .text address p { padding-bottom: 8px; }
#list-prodejci .text .tel {  }
#list-prodejci .text .col { width: 30px; float: left; display: block; }
#list-prodejci .text .www { }
#list-prodejci .text a { color: #5F5F5F; }
#page-prodejci #right-column ul {  padding-top: 0px; padding-bottom: 5px; }
#page-prodejci #right-column ul.float { width: 49%; float: left; }
#page-prodejci #right-column #link-block fieldset { border-top: 1px solid #CCCCCC; padding: 0px; margin-right: -3px; }
#page-prodejci #right-column #link-block legend { color: #000000; padding-right: 5px; padding-bottom: 2px;}
#page-prodejci #right-column #link-block p { text-indent: -9px; padding-left: 9px; }

/*******************************************************************/
/*                                DEMO, AKTUALIZACE (PROGRAM LIST) */
/*******************************************************************/
#page-program-list {}
/*#page-program-list #middle-column h2 { font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0px; }*/
.program-block { background-color: #F9F9F9; font-size: 11px; position: relative; margin-bottom: 12px; padding: 8px 8px 0px 8px; }
#middle-column .program-block h3 { font-size: 14px; color: #4C4C4C; font-weight: bold; margin: 0px; padding: 0px 0px 5px 0px; }
#middle-column .program-block p { padding-bottom: 8px; }
.program-block h3 a { color: #4C4C4C; font-weight: bold; }
.program-block .note { font-size: 11px; font-weight: normal; position: absolute; top: 8px; right: 8px; line-height: 100%;  }
.program-block .note strong { padding-right: 10px; }
.program-block .link { font-size: 12px; text-align: right; padding-bottom: 0px; }
.program-block .link a { background: url(/img/disketa.gif) no-repeat left center; padding-left: 18px; color: #4C4C4C; }
form.link { font-size: 12px; text-align: right;}
form.link fieldset { padding-bottom: 10px; }
form.link * { font-size: 12px; vertical-align: middle; }
form.link label { width: auto; display: inline; float: none; background: url(/img/disketa.gif) no-repeat left center; padding-left: 20px;  }
form.link select { border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; color: #4C4C4C; }
form.link .button-submit { margin: 0px; padding: 0px; }

/*******************************************************************/
/*                                                       ZAKAZNICI */
/*******************************************************************/
ul.float-3-columns { margin-left: 20px; }
ul.float-3-columns li { width: 30%; float: left; }
ul.customers { clear: both; margin: 0px 0px 0px 110px; padding-top: 10px;  }
#middle-column ul.customers li { background: none; padding: 0px;}
ul.big-customers { margin: 0px; padding: 0px;}
#middle-column ul.big-customers li {list-style: none; background: none; padding: 0px; margin: 0px; clear:both; font-size: 11px; }
ul.big-customers li img.left { width: 90px; height: 45px; margin-right: 20px; }
ul.big-customers li img.kesz { width: 42px; height: 45px; margin-right: 68px; }
ul.big-customers li strong { font-size: 14px; font-weight: bold; color: #003049; display: block; padding: 6px 0px 6px 0px; }

/*******************************************************************/
/*                                                        PARTNERI */
/*******************************************************************/
ul.partners { margin: 0px; padding: 0px;}
#middle-column ul.partners li {list-style: none; background: none; padding: 0px; padding-bottom: 20px; margin: 0px; clear:both; font-size: 11px; }
ul.partners li img.left { width: 90px; height: 45px; margin-right: 20px; }
ul.partners li strong { font-size: 14px; font-weight: bold; color: #003049; display: block; padding: 0px 0px 6px 0px; }
ul.partners li span.desc { display: block; padding-bottom: 5px;}

/*******************************************************************/
/*                                                         NOVINKY */
/*******************************************************************/
#middle-column .news-item { padding-left: 60px; position: relative; padding-bottom: 15px; }
#middle-column .news-item .date { position: absolute; top: 2px; left: 0px; font-size: 11px; font-weight: bold; }
#middle-column .news-item h2 { margin-top: 0px; padding-top: 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#middle-column .news-item h2 a { font-weight: bold; color: #003049; text-decoration: underline; }
#middle-column .news-item h2.skoleni { background: url(/img/box-news-li-skoleni.gif) no-repeat left 3px; padding-left: 15px; }
#middle-column .news-item h2.update { background: url(/img/box-news-li-update.gif) no-repeat left 3px; padding-left: 15px; }
#middle-column .news-item h2.event { background: url(/img/box-news-li-e.gif) no-repeat left 3px; padding-left: 15px; }
#middle-column .news-item p { padding-bottom: 3px; }
#middle-column .news-item .more { font-size: 11px; }

/*******************************************************************/
/*                                                         MANUALY */
/*******************************************************************/
#page-manualy {}
#page-manualy table .col2 { width: 20px; text-align: center; }
#page-manualy table .col3 { width: 70px; white-space: nowrap; text-align: center; }
#page-manualy table .col4 { width: 40px; white-space: nowrap; text-align: right; }

/*******************************************************************/
/*                                                    MAPA STRANEK */
/*******************************************************************/
#page-sitemap {}
#page-sitemap #left-column { display: none; }
#page-sitemap #right-column { display: none; }
#page-sitemap #column-wrapper { width: auto; float: none; }
#page-sitemap #middle-column { width: auto; float: none; padding-left: 10px; }
/* SITEMAP LIST */
#sitemap { position: relative; height: 420px; }
#sitemap li { font-size: 14px; font-weight: bold; text-transform: uppercase; padding-left: 0px !important; background: none !important; }
#sitemap li a { font-weight: bold; color: #003049; background: none; padding: 0px; }
/* SUBLEVEL */
#sitemap li li {padding-top: 0px !important; font-size: 12px; font-weight: normal; text-transform: none; padding-left: 10px !important; background: url(/img/li-bg.gif) no-repeat left 6px !important; line-height: 140%; }
#sitemap li li a { font-weight: normal; color: #4C4C4C; }
/* SUBSUBLEVEL */
#sitemap li li ul { padding-bottom: 0px; }
#sitemap li li li { font-size: 11px; background: url(/img/tools-li.gif) no-repeat 2px 5px !important; line-height: 140%;}
#sitemap li li li a { color: #7A7A7A; text-decoration: none; }
#sitemap li li li a:hover { text-decoration: underline; }
/* SPECS */
#sitemap li { width: 180px; }
#sitemap li ul li { float: none; width: auto; }
#sitemap li#sitemap-produkty { width: 900px; }
#sitemap li#sitemap-produkty li { float: left; width: 200px;}
#sitemap li#sitemap-produkty li li { float: none; width: auto; }
#sitemap li#sitemap-produkty li ul { margin-top: 5px; }
#sitemap li#sitemap-produkty li#sitemap-geo { width: 240px; }
#sitemap li#sitemap-produkty li#sitemap-geo li { width: 100px; float: left; }
#sitemap li#sitemap-produkty li#sitemap-fin { width: 220px; }
#sitemap li#sitemap-produkty li#sitemap-fin li { width: 100px; float: left; }
#sitemap #sitemap-podpora { clear: left; width: 200px; position: absolute; top: 240px; }
#sitemap #sitemap-cenik { width: 110px; position: absolute; top: 240px; left: 200px; }
#sitemap #sitemap-ke-stazeni { position: absolute; top: 240px; left: 330px; }
#sitemap #sitemap-reference { position: absolute; top: 240px; left: 510px; }
#sitemap #sitemap-o-nas { position: absolute; top: 240px; left: 670px; }

/*******************************************************************/
/*                                                 PROJECT GALLERY */
/*******************************************************************/
#project-gallery {}
#project-gallery .item { padding-bottom: 20px; }
#project-gallery .item h3 { border-bottom: 1px solid #003049; padding-bottom: 3px; line-height: 100%; margin-bottom: 20px; }
#project-gallery .item dt { padding-bottom: 0px; }
#project-gallery .item dd { font-size: 11px; line-height: 140%; }
#project-gallery .item .text { width: 205px; float: left; margin-right: 11px; }
#project-gallery .item .img { width: 264px; float: left; }
#project-gallery .item img { margin-bottom: 10px; }
#project-gallery .item .small { display: block; width: 127px; height: 82px; overflow: hidden; float: left; }
#project-gallery .item .small.first { margin-right: 10px; }

/*******************************************************************/
/*                                                           NAKUP */
/*******************************************************************/
#list-steps {}
#middle-column #list-steps li { padding: 0px; background: none; color: #7F7873; border-bottom: 3px  solid #B8AEA7; width: 19%; float: left; margin-right: 1%; padding-bottom: 2px;  }
#middle-column #list-steps li.active { color: #3D6F5D; border-bottom-color: #3D6F5D; }
#middle-column #list-steps li.last { margin-right: 0px; }
#list-steps li strong { display: block; }
/*.shop-form fieldset { position: relative; }*/
.shop-form h3 img { vertical-align: middle; }
.shop-form table { font-size: 11px; }
.shop-form table th { padding: 10px 10px 1px 12px; font-size: 11px; text-align: right; font-weight: normal; background: none; vertical-align: bottom; border: none; }
.shop-form table th.td-desc { text-align: left; }
.shop-form table th.td-name { font-size: 14px; font-weight: bold; text-align: left; padding-left: 4px; padding-bottom: 5px; }
.shop-form table th.td-total { white-space: nowrap; }
.shop-form table td { font-size: 11px; padding: 3px 10px 2px 12px; vertical-align: top; border-bottom: 2px solid #FFFFFF;}
.shop-form table td.td-count { padding-bottom: 1px; }
.shop-form table td.td-count input { margin-top: -2px; }
.shop-form table td.td-name { font-weight: bold; font-size: 12px; width: 170px; }
.shop-form table td.td-price,
.shop-form table td.td-count,
.shop-form table td.td-sale,
.shop-form table td.td-total { text-align: right; }
.shop-form table td.td-price,
.shop-form table td.td-total { width: 80px; }
.shop-form table td.td-name label { font-weight: bold; font-size: 12px; width: 170px; }
.shop-form table td.td-total span { font-size: 11px; }
.shop-form table td .input { padding: 2px; width: 41px; font-size: 11px; text-align: right; background-color: #FFFFFF; }
.shop-form table tfoot td { background-color: #ECECEC; text-align: right; font-weight: normal; border-top: 3px solid #FFFFFF; }
.shop-form table tfoot td span { font-size: 11px; }
.shop-form table tfoot td strong { font-size: 12px; line-height: 200%; }
.shop-form table tfoot td strong span { font-size: 12px; }
.shop-form table.grand-total { margin-top: 10px; }
.shop-form table.grand-total td { padding: 8px 10px; background-color: #D9D9D9; text-align: right; font-weight: bold; font-size: 12px;  }
.shop-form .button-submit { margin: 10px 0px 0px 0px; }
#step01 { font-size: 12px; padding-top: 10px; }
#step01 label { width: auto; float: none; padding: 0px; margin: 0px; display: inline; font-size: 12px; }
#step01 h3 { font-weight: bold; font-size: 12px; padding: 0px 0px 10px 0px; margin: 0px; text-transform: none; color: #4C4C4C; }
#step01 fieldset { padding-top: 12px; padding-bottom: 20px; }
#step01 p { font-size: 12px; }
#step02 h3 img { vertical-align: middle; }
#step02 h3 em { font-size: 12px; font-weight: normal; text-transform: none; font-style: normal; }
#step02 fieldset { border-top: 1px solid #003049;  font-size: 12px; padding-top: 5px;  }
#step02 fieldset p { font-size: 12px; }
#step03 label { width: 150px; }
#step03 fieldset h3 { padding-bottom: 1px; border-bottom: 1px solid #003049; margin-bottom: 5px; }
#step03 #form-zip,
#step03 #form-d-zip { width: 50px; }
#step03 p { padding-bottom: 5px; }
#step04 label { display: inline; width: auto; float: none; font-weight: bold; }
#step04 p { padding-left: 21px; text-indent: -21px; font-size: 12px;  }
#step04 p strong { font-size: 12px; }
#step04 img { vertical-align: middle; }
#step04 #newsletter-checkbox label { font-size: 12px; }

/*********/
/* ERROR */
/*********/
#middle-column ul.error { border: 1px solid #CC0000; color: #CC0000; padding: 5px 10px; }
#middle-column ul.error li { padding: 0px; background: none; }

/*********/
/* CENIK */
/*********/
#pricelist h3 { border-botom: 1px solid #003049; }
#pricelist h3 em { font-style: normal; font-size: 12px; font-weight: normal; text-transform: none; visibility: hidden; }
#pricelist fieldset table { margin-bottom: 5px; }
#pricelist table .td-name { width: 100px; }
#pricelist table th.td-name { width: auto; }
#pricelist table .td-price { width: auto; }
#pricelist .note { font-size: 11px; font-style: italic; font-weight: normal; }
#pricelist td strong { font-size: 12px; }
#pricelist .td-price { white-space: nowrap; width: auto; }

/**********/
/* PAGING */
/**********/
#middle-column p.paging { padding: 0px; margin: 0px; color: #FFFFFF; line-height: 36px; font-size: 14px; text-align: center; }
#middle-column p.paging a,
#middle-column p.paging span { color: #FFFFFF; display: block; width: 30px; height: 36px; float: left; background: url(/img/paging-page.gif) no-repeat center center; text-align: center; text-decoration: none; }
#middle-column p.paging a.prev { width: 98px; background-image: url(/img/paging-prev.gif); }
#middle-column p.paging a.next { width: 102px; background: url(/img/paging-next.gif); }
#middle-column p.paging span { background-image: url(/img/paging-page-active.gif); }
#middle-column p.paging span.hellip { background-image: url(/img/paging-page.gif); }

/***************/
/* INLINE HELP */
/***************/
#inline-help-desc { border-top: 1px solid #CCCCCC; font-size: 11px; padding-top: 10px; }
#inline-help-desc.active { border: none; }
#inline-help-desc.active .inline-help-content { display: none; }
#inline-help-desc.active .inline-help-content.active { border: 3px solid #27889A; padding: 8px; padding-bottom: 0px; margin: 0px; font-size: 11px; width: 250px; position: absolute; background-color: #FFFFFF; z-index: 10; top: 0px; left: 0px; display: block; }
.inline-help-content.active .mark { display: none; }
#middle-column .inline-help-content p { padding-bottom: 5px; }
#middle-column .inline-help-content p.title { padding-bottom: 0px; }
.help { position: relative; vertical-align: middle; padding-left: 3px; }
.help-content {  }
.help-content h4 { font-size: 12px; padding-bottom: 10px; }
.help-content p { font-size: 12px; }
.help-content a { font-size: 12px; }
#middle-column fieldset p.more { font-size: 11px; }
#middle-column .block-help * { font-size: 11px; line-height: 120%; }
#middle-column .block-help { background-color: #F5F5F5; }
#middle-column .block-help ol { padding-left: 15px; padding-top: 15px; }

/********/
/* TABS */
/********/
.tabs { border-bottom: 2px solid #D0C9C5; padding-top: 15px; }
#middle-column .tabs p { padding: 0px; margin: 0px; }
#middle-column .tabs p a { padding: 5px 10px 5px 10px; background: none; background-color: #EAEAEA; color: #2F2F2F; font-size: 14px; text-decoration: none; line-height: 25px;  }
#middle-column .tabs p a.active { font-weight: bold; background: #CEC9C4 url(/img/tab-bg.gif) no-repeat right top; padding: 7px 13px 5px 13px;  }

/* LEAFLETS */
#middle-column .leaflet { background-color: #F9F9F9; padding: 10px; position: relative; margin: 0px 0px 10px 0px; }
#middle-column .leaflet .text { padding-right: 94px; }
#middle-column .leaflet.even { margin-right: 0px; }
#middle-column .leaflet img { float: right; margin: 0px 0px 0px 10px; position: relative; z-index: 2;}
#middle-column .leaflet h3 { padding: 0px 0px 5px 0px; }
#middle-column .leaflet form { padding: 0px; text-align: left; }
#middle-column .leaflet form fieldset { padding: 0px; }
#middle-column .leaflet .note { font-size: 11px; font-weight: normal; padding-bottom: 3px; position: absolute; right: 10px; top: 10px; }
#middle-column .leaflet .download { background: url(/img/disketa.gif) no-repeat left 1px; padding-left: 20px; padding-bottom: 0px; }
#middle-column .leaflet .download img { float: none; vertical-align: middle; }