/*******************************************************************/
/*                                                           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; }
.blue { color: #22429c; }
.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; }
.nowrap { white-space: nowrap; }

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: #FFFFFF url(/img/body-bg.png) repeat-x left top; text-align: center; }

#page-wrapper { text-align: left; width: 980px; margin: 0 auto; position: relative; }

#body { padding: 22px 0px 8px 0px; background: #FFFFFF url(/img/page-body-bg.gif) repeat-x left top; 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: 756px; float: right; }
#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: url(/img/header-bg.gif) no-repeat right top; position: relative;}

#logo { display: block; width: 164px; height: 58px; overflow: hidden; position: absolute; top: 22px; left: 19px; }

/*********/
/* TOOLS */
/*********/
#tools { display: block; width: 482px; height: 28px; background: url(/img/header-tools-bg.png) no-repeat left bottom; position: absolute; top: 0px; right: 14px; font-size: 12px; line-height: 100%; color: #FFFFFF; z-index: 2; }
#tools a { color: #FFFFFF; line-height: 100%; text-transform: lowercase; }
#tools .list { position: absolute; top: 7px; left: 14px; }
#tools .list a { background: url(/img/tools-li.gif) no-repeat left 5px; padding-left: 7px; padding-right: 10px; }
#language { position: absolute; top: 7px; left: 7px; text-transform: lowercase; width: 100%; }
#language ul { list-style: none; }
#language li { float: left; position: relative; padding-left: 16px; padding-right: 5px; background-repeat: no-repeat; margin-left: 5px; background-position: 0px 2px; }
#language strong { font-weight: normal; float: left; }
#language li em { font-style: normal; text-decoration: underline; cursor: pointer; }
#language li p { display: none; position: absolute; top: 15px; left: 0; color: #333; text-transform: none; font-size: 11px; line-height: 1.4; background: url(../img/header-tools-bubble-arrow.png) 0 0 no-repeat; padding: 12px 0 0; margin: 0; z-index: 2; }
#language li span { display: block; border: 1px solid #ddd; border-width: 0 1px 1px; padding: 8px 10px; background-color: #fff; width: 170px; }
#language li span a { color: #333; }
#language #flag-en { background-image: url(/img/flag-gb.gif); }
#language #flag-cz { background-image: url(/img/flag-cz.gif); }
#language #flag-es { background-image: url(/img/flag-es.gif); }
#language #flag-ru { background-image: url(/img/flag-ru.gif); }
#language #flag-hu { background-image: url(/img/flag-hu.gif); }
#language #flag-gr { background-image: url(/img/flag-gr.png); }

/***************/
/* SEARCH FORM */
/***************/
#form-search { position: absolute; top: 69px; left: 809px; }
#form-search div { border-bottom: 2px solid #FFFFFF; width: 157px; height: 21px; }
#form-search label { font-size: 11px; font-weight: bold; color: #FFFFFF; position: absolute; top: 4px; }
#form-search label, #form-search label * { width: 55px; height: 16px; line-height: 100%; }
/*#form-search label span { background-image: url(/img/form-search-title-vyhledavani.gif); }*/
#form-search input { border: 1px solid #7EA599; background-color: #518474; color: #FFFFFF; width: 80px; height: 16px; position: absolute; top: 3px; left: 55px; font-size: 11px; padding-left: 3px; }
#form-search .button-submit { margin: 0px; padding: 0px; border: none; width: 17px; height: 18px; left: 140px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { border: 1px solid #F7F4F2; border-top: none; padding-bottom: 40px; background-color: #FFFFFF; font-size: 11px; color: #A3A3A3; }
#footer a { color: #A3A3A3; text-decoration: underline; font-weight: normal; }

/**************/
/* FOOTER BOX */
/**************/
#footer-box { background: #4C4C4C url(/img/footer-logo-fine.gif) no-repeat 18px 18px !important; width: 100%; }
#footer-box h2 { font-size: 13px; line-height: 16px; font-weight: normal; color: #d7d6d6; height: 16px; width: 100%; margin-bottom: 3px; }
#footer-box h2 span { height: 16px; top: 1px; }
#footer-box-kontakt h2 span { width: 100%; background-image: url(/img/footer-box-title-kontakt.gif); }
#footer-box-weby h2 span { width: 100%; background-image: url(/img/footer-box-title-weby.gif); }
#footer-box-fine h2 span { width: 100%; background-image: url(/img/footer-box-title-fine.gif); }

#footer-box-padding { padding: 18px 18px 18px 79px; }

#footer-box-kontakt { width: 168px; height: 72px; float: left; margin-right: 11px; background: #4C4C4C url(/img/footer-box-separator.gif) no-repeat right 2px; }
#footer-box-kontakt p { line-height: 17px; }
#footer-box-kontakt, #footer-box-kontakt a { color: #d7d6d6; }
#footer-box-kontakt .gray, #footer-box-kontakt .gray a { color: #A3A3A3; }

#footer-box-weby { width: 230px; float: left; margin-right: 11px; background: #4C4C4C url(/img/footer-box-separator.gif) no-repeat right 2px; height: 72px; }
#footer-box-weby li { list-style: none; background: url(/img/footer-box-li.gif) no-repeat left 6px; padding-left: 8px; line-height: 17px;  }

#footer-box-fine { width: 453px; float: left; }
#footer-box-fine, #footer-box-fine a { color: #d7d6d6; }

#copyright { position: absolute; bottom: 16px; left: 19px; line-height: 100%; }
#links { position: absolute; bottom: 16px; right: 19px; line-height: 100%; }
#links img { position: relative; top: 5px; }

#giant { background: url(/img/giant.gif) no-repeat right center; padding: 5px 65px 5px 0px; line-height: 18px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 75px; left: 280px; z-index: 0; }
#menu li { list-style: none; float: left; padding-right: 6px; }
#menu li * { height: 18px; }
#menu li a { line-height: 14px; text-align: left; color: #FFFFFF; /*background-color: #3E705F; */ font-size: 11px; font-weight: bold; text-decoration: none; border-bottom: 2px solid #FFFFFF; }
#menu li.active a,
#menu li a:hover { border-bottom-color: #B6ABA4; }

#menu-home * { width: 58px; }
#menu-produkty * { width: 75px; }
#menu-podpora * { width: 69px;}
#menu-nakup * { width: 54px; }
#menu-ke-stazeni * { width: 81px; }
#menu-projekty * { width: 90px; }
#menu-o-nas * { width: 60px; }

/*
#menu-home span { background-image: url(/img/menu-home.gif); }
#menu-produkty span { background-image: url(/img/menu-produkty.gif); }
#menu-podpora span { background-image: url(/img/menu-podpora.gif); }
#menu-nakup span { background-image: url(/img/menu-nakup.gif); }
#menu-ke-stazeni span { background-image: url(/img/menu-ke-stazeni.gif); }
#menu-projekty span { background-image: url(/img/menu-projekty.gif); }
#menu-o-nas span { background-image: url(/img/menu-o-nas.gif); }*/

#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: 700px; height: 240px; overflow: hidden; float: left; margin-right: 20px; padding: 0px; position: relative;}
#top-box .box { width: 700px; height: 240px; overflow: hidden; position: absolute; top: 0px; left: 0px; background: #FFFFFF url(/img/top-box-bg.gif) repeat-x left top; }
#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: 8px; right: 10px; }
#top-box .more a { display: block; width: 110px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; color: #FFFFFF; background: url(/img/more-arrow.gif) no-repeat right 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: url(/img/title-programy-geo5.gif); }
#top-box #box02 span { background-image: url(/img/title-programy-fin10.gif); }
#top-box #box03 span { background-image: url(/img/title-software-truss4.gif); }

#top-box #box03 .more a { width: 120px; }


/************/
/* BOX NEWS */
/************/
#box-news { width: 220px; float: left; color: #333333; font-size: 11px; line-height: 15px; position: relative; }
#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 { background: #FFFFFF url(/img/switcher-ul-bg.gif) repeat-x left top; height: 90px; width: 700px; float: left; margin-right: 20px; }
#switcher li { list-style-type: none; display: block; width: 220px; float: left; margin-right: 20px; }
#switcher li.last { margin-right: 0px; }
#switcher a { display: block; width: 220px; color: #959493; text-decoration: none; position: relative; line-height: 15px; background: url(/img/switcher-bg.gif) repeat-x left top; padding-top: 18px; }
#switcher a * { cursor: pointer; }
#switcher a .title { font-weight: bold; color: #003049; font-size: 15px; height: 19px; width: 100px; overflow: visible; line-height: 15px;  position: absolute; left: 10px; top: 17px; padding:0px; }
#switcher a .title span { height: 19px; width: 100px; }
#switcher a .more { font-size: 11px; color: #7A7A7A; position: absolute; top: 20px; right: 14px; line-height: 100%; }
#switcher a .more em { font-style: normal; text-decoration: underline; }
#switcher a .desc { line-height: 150%; padding: 28px 0px 8px 10px; display: block;  }

#switcher01 .title span { background-image: url(/img/switcher-title-geo5.gif); }
#switcher02 .title span { background-image: url(/img/switcher-title-fin10.gif); }
#switcher03 .title span { background-image: url(/img/switcher-title-truss4.gif); }

#switcher a:hover,
#switcher a.active { background-position: 0px -100px; }
#switcher a:hover .desc,
#switcher a.active .desc { color: #333333; }
#switcher a:hover .title span,
#switcher a.active .title span { background-position: 0px -19px; }


/**************/
/* NEWSLETTER */
/**************/
#newsletter { padding-top: 9px; position: relative; width: 220px; float: left;}
#newsletter h2 { border: 1px solid #BEBEBE; font-size: 12px; font-weight: normal; background-color: #EAE5E1; color: #003049; height: 28px; line-height: 28px; padding-left: 8px; }
#newsletter h2 span { height: 28px; width: 218px; background-image: url(/img/box-title-prihlaste-se-k-odberu-novinek.gif); }
#newsletter * { font-size: 11px; }
#newsletter form { width: 100%; padding: 0px; margin: 0px; height: 55px; }
#newsletter form div { float: none; width: 220px; }
#newsletter label { position: absolute; top: 54px; left: 0px; line-height: 14px; }
#newsletter input { position: absolute; top: 53px; left: 31px; width: 126px; padding: 2px; font-size: 11px; }
#newsletter input.button-submit { position: absolute; left: 69px; top: 53px; width: 51px; padding: 0px; }

#footer #newsletter { padding: 0px; margin: 0px; width: 453px; float: left;}
#footer #newsletter h2 { border: none; padding: 0px; font-size: 13px; line-height: 14px; font-weight: normal; background: none; color: #d7d6d6; height: 16px; width: 100%; margin-top: 1px;}
#footer #newsletter h2 span { background-image: url(/img/footer-title-prihlaste-se.gif); height: 16px; width: 100%; top: 0px; }
#footer #newsletter * { font-size: 11px; }
#footer #newsletter form { width: 100%; padding: 0px; margin: 0px; height: 30px; }
#footer #newsletter form div { float: none; width: 220px; }
#footer #newsletter label { position: absolute; top: 46px; left: 0px; line-height: 14px; }
#footer #newsletter input { position: absolute; top: 45px; left: 31px; width: 113px; padding: 2px; font-size: 11px; background-color: #FFFFFF; }
#footer #newsletter input.button-submit { position: absolute; left: 56px; top: 45px; width: 37px; padding: 0px; }

/*********/
/* BOXES */
/*********/
#boxes { height: 145px; }
#boxes .box { width: 220px; float: left; margin-right: 20px; }
#boxes .box.last { margin-right: 0px; }
#boxes h2 { font-size: 13px; color: #003049; font-weight: normal; line-height: 20px; margin-bottom: 2px; }
#boxes h2 a { color: #003049; font-weight: normal; text-decoration: none; }
#boxes h2 a:hover { text-decoration: underline; }
#boxes p { font-size: 11px; color: #333333; padding-top: 7px; padding-bottom: 0px;  }
#boxes p.more { color: #7A7A7A; }
#boxes p.more a { color: #7A7A7A; font-weight: normal; text-decoration: underline; }

/* OVERLAP */
#boxes h2, #boxes h2 * { width: 220px; height: 20px; }
#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); }

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

/**************/
/* NAVIGATION */
/**************/
#navigation { font-size: 11px; color: #4C4C4C; padding: 0px 0px 0px 20px; }
#navigation a { font-weight: normal; text-decoration: underline; color: #4C4C4C; }

/***********/
/* SECTION */
/***********/
#section {}
#section p { 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: 29px; 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 .section-title { width: 213px; height: 80px; position: absolute; top: 0px; left: 0px; background-position: 0px 0px; background-repeat: no-repeat; }
.st-geo .section-title { background-image: url(/img/title-geo.gif); }
.st-fin .section-title { background-image: url(/img/title-fin.gif); }
.st-truss .section-title { background-image: url(/img/title-truss.gif); }

.st-aktualizace .section-title { background-image: url(/img/title-aktualizace.gif); }
.st-cenik .section-title { background-image: url(/img/title-cenik.gif); }
.st-demo .section-title { background-image: url(/img/title-demo.gif); }
.st-faq .section-title { background-image: url(/img/title-faq.gif); }
.st-fine-zpravodaj .section-title { background-image: url(/img/title-fine-zpravodaj.gif); }
.st-freeware .section-title { background-image: url(/img/title-freeware.gif); }
.st-hardwarove-klice .section-title { background-image: url(/img/title-hardwarove-klice.gif); }
.st-kontakt .section-title { background-image: url(/img/title-kontakt.gif); }
.st-manualy .section-title { background-image: url(/img/title-manualy.gif); }
.st-novinky .section-title { background-image: url(/img/title-novinky.gif); }
.st-o-spolecnosti .section-title { background-image: url(/img/title-o-spolecnosti.gif); }
.st-partneri .section-title { background-image: url(/img/title-partneri.gif); }
.st-prodejci .section-title { background-image: url(/img/title-prodejci.gif); }
.st-program-stale-podpory-2 .section-title { background-image: url(/img/title-program-stale-podpory-2.gif); }
.st-projekty-2 .section-title { background-image: url(/img/title-projekty-2.gif); }
.st-skoleni .section-title { background-image: url(/img/title-skoleni.gif); }
.st-soutez .section-title { background-image: url(/img/title-soutez.gif); }
.st-technicka-podpora .section-title { background-image: url(/img/title-technicka-podpora.gif); }
.st-tutorialy .section-title { background-image: url(/img/title-tutorialy.gif); }
.st-zakaznici .section-title { background-image: url(/img/title-zakaznici.gif); }
.st-nakup .section-title { background-image: url(/img/title-nakup.gif); }
.st-hledani .section-title { background-image: url(/img/title-hledani.gif); }
.st-papers .section-title { background-image: url(/img/title-papers.gif); }
.st-verification-manuals .section-title { background-image: url(/img/title-verification-manuals.gif); }
.st-eurokody .section-title { background-image: url(/img/title-eurokody.gif); }

/* 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,
#title.st-verification-manuals .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: 18px; top: 33px; 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 {}
#left-column-content { padding: 17px 13px 20px 10px; background-color: #FFFFFF; }
#left-menu li { list-style: none; }
#left-menu li a { width: 171px; display: block; background: #FFFFFF url(/img/left-menu-li-bg.gif) no-repeat 9px 4px; padding-left: 28px; line-height: 21px; color: #4C4C4C; font-size: 12px; text-decoration: none; }
#left-menu li a:hover,
#left-menu li.active a { background-color: #EEEEEE; }

/* li.active li a { color: #7A7A7A; } */
/* li li a:hover { color: #4C4C4C; } */
/* LEFT SUBMENU */
#left-menu li ul { padding-top: 2px; padding-bottom: 5px; }
#left-menu li li { font-size: 11px; padding-left: 9px; }
#left-menu li li a { width: 159px; padding: 1px 3px 1px 28px; font-size: 11px; color: #7A7A7A; background: #FFFFFF url(/img/link-list-bg.gif) no-repeat 19px 6px; line-height: 16px; }
#left-menu li li a:hover { color: #4C4C4C; text-decoration: underline; background-color: #FFFFFF; }
#left-menu li li.active > a:hover { background-color: #EEEEEE; }
#left-menu li.active li a { background-color: #FFFFFF; }

/*********/
/* BLOCK */
/*********/
#left-column .block { width: 190px; margin-left: 9px; border: 1px solid #DBDBDB;  background-color: #F0F0F0; color: #FFFFFF; margin-top: 14px; }
#left-column .block h2 { font-size: 13px; color: #003049; font-weight: normal; height: 24px; line-height: 24px; padding-left: 5px; background-color: #FFFFFF;}
#left-column .block h2 span { height: 24px; width: 180px; background-image: url(/img/box-title-program-stale-podpory.gif); }
#left-column #block-neprehlednete a { background-color: transparent; padding-right: 5px; }
#left-column #block-neprehlednete h2 span { height: 20px; top: 1px; background-image: url(/img/box-title-download.gif); }
#left-column #block-neprehlednete li { border-color: #E0E0E0; }
#left-column #block-neprehlednete a:hover { background-color: #E2EDEF; }


/***********************/
/* 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 {}
#right-column-content { padding: 10px 15px 0px 0px; }
#right-column-bg {  }

#right-column h2 { font-size: 14px; color: #003049; font-weight: bold; padding-bottom: 5px; }
#right-column h3 { font-size: 12px; color: #003049; font-weight: normal; padding-top: 5px; padding-bottom: 0px; text-transform: uppercase; font-weight: bold; }
#right-column h3 a { color: #003049; font-weight: bold; }
#right-column a { color: #4C4C4C; }
#right-column ol { margin-left: 2em; }
#right-column ol li { padding-bottom: 3px; }
#right-column ul { padding-bottom: 5px; }
#right-column ul li { list-style: none; background: url(/img/li-bg.gif) no-repeat 0px 6px; line-height: 145%; padding-left: 12px; }
#right-column ul.float { width: 49%; float: left; }
#right-column ul.no-marks li { padding-left: 2px; background: none; }
#right-column ul.no-marks li img { position: relative; top: 1px; }

#right-column .block { padding: 10px 10px 10px 10px; font-size: 11px; background-color: #F4F4F4; margin-bottom: 10px; }

#right-column .block p.more { padding-top: 5px; color: #7A7A7A; }
#right-column .block p.more a { color: #7A7A7A; }

/****************/
/* PROGRAM LIST */
/****************/
#right-column .program-list { padding-bottom: 0px;}
#right-column .program-list ul  { margin: 0px; padding: 8px 0px 0px 0px; }
#right-column .program-list li { list-style: none; background: none; padding: 0px; margin: 0px; display: block; width: 55px; height: 72px; float: left; text-align: center; }
#right-column .program-list li img { display: block; margin: 0 auto; }
#right-column .program-list li span { display: block; padding: 3px 0px 0px 0px; text-decoration: underline; line-height: 14px; }

/****************/
/* DOPORUCUJEME */
/****************/
#right-column #block-doporucujeme { background-color: #F4F4F4; font-size: 11px; padding: 10px 7px 10px 7px; }
#block-doporucujeme h2 { padding-bottom: 10px; }
#block-doporucujeme ul { margin-left: 11px; padding-top: 0px; }
#block-doporucujeme ul li { list-style: none; background: url(/img/right-column-li-bg.gif) no-repeat left 5px; padding-left: 9px; line-height: 16px; }

/*****************/
/* 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); }

/*********/
/* SHOUT */
/*********/
#right-column #block-shout { background-color: #EEEBE8;  font-size: 11px; border: 1px solid #B6A99C; padding-left: 8px; padding-right: 5px; }
/*#block-shout { text-align: center; }*/
#block-shout ul.highlight { font-size: 12px; margin: 0px 0px -7px 0px; padding: 0px 2px 0px 0px; }
#block-shout ul.highlight li { background: none; background-color: #F5F4F3; border: 1px solid #D8D3CF; padding: 5px; margin: 0px 0px 5px 0px; }
#block-shout ul.highlight li.download { background: #F5F4F3 url(/img/disketa.gif) no-repeat 5px 7px; padding-left: 25px; }

#right-column #link-block.block-package li { line-height: 18px; background-position: 0px 7px; }

/****************/
/* 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 0px; }
#block-demoverze form *,
#right-column .block.block-demoverze form * { vertical-align: middle; }
#block-demoverze label,
#right-column .block.block-demoverze form 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: 74px; margin-right: 2px;  }
#block-demoverze p { padding-top: 3px; padding-bottom: 0px; margin: 0px; font-size: 11px; }
#block-demoverze p + form { padding-top: 3px; }

/*********/
/* 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; }
#link-block ul ul { padding-bottom: 0px; }

/*************/
/* EUROCODES */
/*************/
#block-ec-geo { width: 219px; background-color: #fff !important; border: 1px solid #3E705F; color: #333; position: relative; padding-top: 80px !important; }
#block-ec-geo h2 { position: absolute; top: -1px; left: -1px; background: #070766 url(/img/block-ec-geo-bg.jpg) 0 0 no-repeat; color: #fff; font-variant: small-caps; width: 241px; height: 73px; font-size: 15px; line-height: 18px; padding: 0; }
#block-ec-geo h2 a { color: #fff !important; text-decoration: none; display: block !important; padding: 10px 10px 0 10px; height: 63px; }
#block-ec-geo a { color: #4c4c6c !important; }
#block-ec-geo ul li { background-image: url(../img/li-bg-darkblue.png); }

#block-ec-fin { width: 241px; padding: 0 !important; }
#block-ec-fin h2 { background: #070766 url(/img/block-ec-fin-bg.jpg) 0 0 no-repeat; color: #fff; font-variant: small-caps; width: 241px; font-size: 17px; line-height: 24px; letter-spacing: -1px; padding: 0 !important; }
#block-ec-fin h2 a { color: #fff !important; text-decoration: none; display: block !important; padding: 10px 0 0 10px; height: 63px; }

/* content column */
#block-ec-geo.in-content { width: 219px; padding: 8px 10px 0 !important; margin: 0 -1px 10px 0; font-size: 11px; }
#block-ec-geo.in-content h2 { position: relative; color: #fff; font-size: 14px; font-variant: normal; font-weight: bold; padding: 5px; margin: -8px -10px 8px; width: 231px; height: auto; background-image: none; background-color: #3E705F; }
#block-ec-fin.in-content { width: 240px; }
#block-ec-fin.in-content h2 a { font-weight: bold !important; }

/*******************/
/* 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 {}
#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.no-padding { padding-bottom: 0px; }
#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 .mikropilota a { height: 127px; }
#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; }

/* FLOAT LIST */
#middle-column ul.float-list-3-columns li { width: 33%; float: left; padding-left: 0px; background: none; }

/***************/
/* SHOUT BLOCK */
/***************/
#middle-column .block-shout { background-color: #EEEBE8;  font-size: 11px; border: 1px solid #B6A99C; padding-left: 8px; padding-right: 5px;  margin-bottom: 10px; }
#middle-column .block-shout h2 { font-size: 14px !important;  font-weight: bold !important; letter-spacing: normal !important; color: #003049; line-height: 130%; text-transform: uppercase; }

/* PROGRAM REPORT */
div.program-report { padding: 8px 8px 3px 8px; background-color: #EEEBE8; border: 1px solid #B6A99C; }
div.program-report img { float: left; border: 1px solid #9ECDE8; display: block; }
#middle-column div.program-report h3 { margin-top: 0px; padding-top: 0px; text-transform: none; }
div.program-report div.program-report-content { margin-left: 112px; }

/*********/
/* 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; float: none;}
#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: 756px; float: right; }
#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 .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: 150px; margin-top: 3px; }
#support-form .input { margin-top: 3px; }
#support-form textarea { width: 360px; margin-top: 3px; }
#support-form .button-submit { position: relative; left: 115px; }
#support-form select { 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; }

#page-papers .program-block .note { bottom: 8px; left: 8px; top: auto; right: auto; text-align: left; padding: 0px; }
#page-papers .program-block .note strong { font-weight: normal; }
#page-papers .program-block h3 {  text-transform: none; font-size: 12px; }

/*******************************************************************/
/*                                                       ZAKAZNICI */
/*******************************************************************/

#middle-column div.customers {  }
#middle-column div.customers h2 { color: #5f5f5f; font-size: 26px; font-weight: normal; clear: none; padding-bottom: 10px; }
#middle-column div.customers ul.tabs { padding: 0px !important; height: 25px; width: 100%; }
#middle-column div.customers ul.tabs li { padding: 0px; margin: 0px 2px 0px 0px; background: none; float: left; display: block; }
#middle-column div.customers ul.tabs a { color: #2F2F2F; text-decoration: none; padding: 5px 10px 3px 10px; background-color: #E9E9E9; display: inline-block; font-size: 14px;  }
#middle-column div.customers ul.tabs a:hover { text-decoration: none; }
#middle-column div.customers ul.tabs span { color: #2F2F2F; text-decoration: none; padding: 7px 10px 3px 10px; background: #D3CDC8 url(/img/corner.png) no-repeat right top; display: inline-block; font-weight: bold; font-size: 14px; position: relative; top: -2px; }

#middle-column div.countries-column { width: 145px; float: left; padding: 30px 0px 0px 0px; }
#middle-column div.countries-column ul { padding: 0px 10px 0px 12px !important; }
#middle-column div.countries-column li { background: none; padding: 0px 0px 6px 0px; }
#middle-column div.countries-column a { color: #2F2F2F; }
#middle-column div.customers-column { width: 590px; float: left; padding: 10px 0px 20px 0px;  }
#middle-column div.customers-column ul.big-customers { padding-bottom: 0px; }
#middle-column div.customers-column ul.big-customers li { list-style: none; background: none; padding: 0px; margin: 0px; display: inline-block; vertical-align: top; width: 280px; margin: 0px; padding: 5px 10px 15px 0px; font-size: 11px; }
#middle-column div.customers-column ul.big-customers li p { padding: 0px 0px 0px 100px; margin: 0px; }
#middle-column div.customers-column ul.big-customers li img { margin: 0px; padding: 0px; width: 90px; height: 45px; }
#middle-column div.customers-column ul.big-customers li.even { padding-right: 0px; }
#middle-column div.customers-column ul.big-customers strong { font-size: 14px; font-weight: bold; color: #003049; display: block; padding: 0px 0px 6px 0px; }
#middle-column div.customers-column ul.customers { width: 270px; float: left; margin-right: 30px; padding-bottom: 20px; padding-top: 0px; }
#middle-column div.customers-column ul.customers.second { margin-right: 0px; }
#middle-column div.customers-column ul.big-customers li.no-web img { float: none; vertical-align: middle; }
#middle-column div.customers-column ul.big-customers li.no-web p { float: none; vertical-align: middle; padding-left: 7px; display: inline-block; }


/*******************************************************************/
/*                                                        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: 50px; 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: 400px; }
#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: 690px; }
#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: 100px; position: absolute; top: 240px; left: 200px; }
#sitemap #sitemap-ke-stazeni { position: absolute; top: 240px; left: 300px; }
#sitemap #sitemap-reference { position: absolute; top: 240px; left: 480px; }
#sitemap #sitemap-o-nas { position: absolute; top: 240px; left: 660px; }

/*******************************************************************/
/*                                                 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 td { font-size: 11px; padding: 3px 10px 2px 12px; vertical-align: top; border-bottom: 2px solid #FFFFFF;}
.shop-form table td.td-count { padding-top: 1px; padding-bottom: 1px; }
.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-total { text-align: right; }
.shop-form table td.td-price,
.shop-form table td.td-total { width: 80px; }

.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 strong { font-size: 12px; line-height: 200%; }

.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; }

/*********/
/* CENIK */
/*********/
#pricelist h3 { border-bottom: 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; }

/********/
/* HELP */
/********/
#help {}
#help #middle-column li { background-image: url(/img/li-bg-help.gif); }

/* LAYOUT */
/*
#help #column-wrapper { width: 678px; float: right; }
#help #left-column { width: 300px; float: right; }
*/
/* LEFT SUBMENU */
/*
#help #left-menu li a { width: 249px; }
#help #left-menu li li a { width: 240px; }
#help #left-menu li li li a { width: 231px; }
#help #left-menu li li li li a { width: 222px; }
#help #left-menu li li li li li a { width: 213px; }
*/
#help table.center { margin-left: auto; margin-right: auto; text-align: left; }
#help td { vertical-align: top; padding-right: 5px; }

#help table.noframe { background: none; border: none; padding: 0px; margin: 0px 0px 18px 0px; }
#help .noframe tr,
#help .noframe td { border: none; padding: 0px 5px 3px 0px; margin: 0px; background: none; }
#help .noframe ul { margin-bottom: 0px; padding-bottom: 5px; }
#help .noframe li { padding-bottom: 0px; }

/* COMMON CLASES */
#help .img-desc { display: block; font-style: italic; padding: 3px 0px; }
#help .symbol { font-family: "Times New Roman", Times, serif; font-style: italic; }

/* TABLE CLASSES */
#help table .right { text-align: right; }
#help table .left { text-align: left; }
#help table .center { text-align: center; }
#help table .middle { vertical-align: middle; }
#help table .top { vertical-align: top; }
#help table .bottom { vertical-align: bottom; }


/************/
/* FORM EDU */
/************/
#form-edu { font-size: 12px;  }
#form-edu * { font-size: 12px; }
#form-edu .small { font-size: 11px; }
#form-edu p { clear: both; padding-bottom: 4px; }
#form-edu label { width: 200px; }
#form-edu fieldset { border-top: 1px solid #F4F4F4; padding: 5px 5px 5px 0px; margin-bottom: 10px; }
#form-edu legend { font-size: 12px; font-weight: bold; padding: 0px 10px 0px 0px; color: #4C4C4C; }
#form-edu .input { width: 194px; }
#form-edu select { width: 200px; }
#form-edu input.error { border-color: #CC0000; }
#form-edu select.error { border: 1px solid #CC0000; }
#form-edu span.error { font-size: 11px; color: #CC0000; }
#form-edu .required label { font-weight: bold; }