html, body, form, p, 
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5   { margin:0; padding:0; }

/*- layout -*/
body        { font: normal 62.8%/1.3 Verdana,Helvetica,sans-serif; color: #888; border-top: 5px #0099FF solid; background: #000 url('images/footer-image.gif') no-repeat bottom center; }
#page       { width: 100%; padding-bottom: 265px; font-size: 130%; background: url('images/header-image.gif') 100% 0% no-repeat; }
#header     { height: 120px; position: relative; padding-bottom: 57px; }
#main       { margin-top: 50px; }
.sluzby #main { margin-top: 73px; }
#main.noSub { margin-top: 20px; }
#content    { width: 922px; margin-bottom: 55px; min-height: 250px; _height: 250px; }
#footer     { color: #5A5A5A; font-size: 0.8em; }


/*- obecne tridy -*/
#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, paging:after,
.cf:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.box, .item,
.cf {_height:1%; min-height: 1%;}

.fl      { float:left; }
.fr      { float:right; }
.hidden  { display:none !important; }
sup, sub,
.small   { font-size:85%; }
.big     { font-size:1.2em; }
.center  { text-align:center !important; }
.right   { text-align:right !important; }
.left    { text-align:left !important; }
.strong  { font-weight:bold; }
.alt     { color:#ff8700; }
.light   { color:#666; }
.lighter { color: #fff !important; }
.last    { margin: 0 !important; }
.dn      { display: none !important; }
.db      { display: block !important; }
.pg      { width: 920px; margin: 0 auto; }
.cf:after{ content:'.'; display:block; height:0; font-size:0; overflow:hidden; clear:both; visibility:hidden; }
.cf      { min-height: 1%; _height: 1%; }


/*- html tagy -*/
dl dd,
ol li          { margin-left:2em; }
ul li          { list-style:none; }
input, select  { vertical-align:middle; }

h1       { font-size:1.9em; font-weight: normal; color: #0099FF; margin-bottom: 12px; }
h2       { color: #0099FF; font-size: 1.15em; margin-bottom: 5px; font-weight: bold; margin-top: 20px; }
#basic h2{ margin-top: 0 !important; margin-bottom: 12px; }
h3       { color: #9E9E9E; font-size: 0.9em; margin-bottom: 5px; }
h4       { font-size:100%; }

a        { color: #fff; text-decoration: underline; outline: 0; }
a:hover { text-decoration: none; }
.active a:visited  { color: #fff !important; }
a img { border:0; }

p { font-size: 0.9em; line-height: 1.8em; margin-bottom: 12px; }
.col2 ul, .col2 ol { font-size: 0.9em; margin-bottom: 23px; line-height: 1.8em; }
.no-cols-cont ul,
.no-cols-cont ol  { font-size: .9em; }
.sitemap ul,
.sitemap ul ul  { font-size: 1em; margin: 0; padding: 0; line-height: 1.8em; }

.error {text-align:center;font-size:11px;color:#e21;padding:10px 12px;border:1px solid #444;margin-bottom:18px;font-weight:bold;max-width:59%}

hr { display: none; }

/*- hlavicka -*/
#header .logo    { position: absolute; width: 102px; height: 69px; top: 21px; left: 0; }
#menu ul  { position: relative; }

#menu form  { border: 1px solid #505050;position: absolute; top: 13px; right: 0; width: 171px; _width: 175px; height: 19px;  overflow: hidden; z-index: 10; }
fieldset  { border: 1px solid #222; padding: 10px}
legend {margin:0 5px;color:#555;font-size:11px}
#menu legend  { display: none; }
form input, form textarea, form select { padding: 3px; background-color: #282828; border: 1px solid #444; color: #fff;font-size:11px }
form option {font-size:11px}
input.submit {cursor:pointer;background-color: #333333; border: 1px solid #444; color: #818181; width: 86px; padding: 3px 3px 4px 3px;font-size:12px;=padding: 3px }

form input:hover, form textarea:hover { border: 1px solid #666;}
form input.submit:hover { color:#fff;background:#0099ff}
span.mo {color:#0099ff}

/*- menu -*/
#menu             { width: 100%; position: absolute; top: 130px; left: 0; border-bottom: #333333 solid 1px; }
#menu li          { float: left; }
#menu li span        { display:block; text-decoration:none; color: #A6A6A6; font-size: 0.85em; text-transform: uppercase; width: 145px; height: 43px; overflow: hidden; background: #000 url('images/bg-menu-li.gif') no-repeat 0 0; text-align: center; line-height: 43px; position: relative; bottom: -1px; }
#menu li a:hover  { color: #fff!important; }
#menu li.active span   { font-weight: bold; color: #CCCCCC; background-position: 0 100%; }
#menu li.active a:visited { color: #fff !important; }
#menu li.active li span  { font-weight: normal; }

/*- submenu -*/
#submenu  { width: 100%; position: absolute; top: 174px; left: 0; border-bottom: #333333 solid 1px; margin-bottom: 50px; }
#submenu ul li { float: left; margin-right: 20px; white-space: nowrap; padding-top: 9px; }
#m08, #m09, #m10  { padding: 5px 0 12px 0; }
#submenu ul li span { color: #A6A6A6; font-size: .85em; text-decoration: none; }
#submenu ul li a:hover { color: #fff!important; }
#submenu ul li.active  { background: #000 url('images/arrow-top.gif') no-repeat 50% 0; }
#submenu ul li.active span  { color: #fff; }
#m08.active, #m10.active { background: #000 url('images/arrow-bottom.gif') no-repeat 50% 100% !important; }

/*- sloupce -*/
.cols { width: 920px; }
.col1 { float: left; }
.col2 { float: right; }
.col3 { float: right; }

.cols.promo-homepage .col1 { width: 275px; padding-top: 33px; }
.cols.promo-homepage .col2 { width: 612px; }
.cols.news-homepage { position: relative; /* top: -40px; */ }
.cols.news-homepage .col1 { width: 275px; }
.cols.news-homepage .col2 { width: 612px; }

.cols.users-help .col1 { width: 250px; margin-right: 25px; }
.cols.users-help .col2 { float: left; width: 387px; margin-right: 15px; }
.cols.users-help .col3 { width: 240px; position: relative; top: -19px; }

.cols.career .col1 { width: 274px; margin-right: 25px; }
.cols.career .col2 { float: left; width: 392px; margin-right: 25px; }
.cols.career .col3 { width: 201px; }

.cols.products .col1 { width: 253px; margin-right: 20px; }
.cols.products .col2 { width: 645px; }

.cols.product-detail       { width: 645px; }
.cols.product-detail .col1 { width: 392px; margin-right: 0px; }
.cols.product-detail .col2 { width: 240px; }

/*- boxs & items -*/
.cols.promo-homepage .box { margin-bottom: 14px; }

.cols.news-homepage .box  { margin-bottom: 23px; }

.related .box { margin-bottom: 15px; }

.cols.career .item { margin-bottom: 25px; }
.cols.career .box  { margin-bottom: 23px; }

/*- obsah -*/
.cols.news-homepage .box em       { color: #666; font-size: 0.7em; font-style: normal; margin-bottom: 6px; display: block; }
.cols.news-homepage .box a        { display: block; margin-top: 3px; }
.more-news    { margin-top: 5px; }
.more-news a  { float: right; font-size: 0.85em; }

.cols.users-help p    { margin-bottom: 15px; }
.more-informations    { margin-top: 5px; }
.more-informations a  { float: right; font-size: 0.85em; }

.related { width: 658px; margin-top: 30px; }
.related h3 { margin-bottom: 15px; }

.cols.career .col2 .box em       { color: #666; font-size: 0.7em; font-style: normal; margin-bottom: 6px; display: block; }
.cols.career .col2 .box a        { display: block; margin-top: 3px; }

.sidemenu { margin-bottom: 30px; }
.sidemenu li          { width: 253px; min-height: 38px; _height: 38px; line-height: 38px; background: #131313; border-bottom: 1px solid #333333;  }
.konzultace-v-oblasti-bezpecnosti-informacnich-systemu .sidemenu li,
.konzultace .sidemenu li { line-height: 18px; }
.konzultace .sidemenu li a,
.konzultace-v-oblasti-bezpecnosti-informacnich-systemu .sidemenu li a   { padding: 6px 0 6px 10px; }
.sidemenu li a, .sidemenu li span        { display: block; min-height: 38px; _height: 38px; padding-left: 15px; color: #888888; text-decoration: none; font-size: 0.85em; padding-right: 10px; cursor: hand; }
.sidemenu li a:hover  { color: #fff!important; background-color: #0C0C0C; cursor: hand; }
.sidemenu li.active   { background: #000; }
.sidemenu li.active a { color: #fff; }
.sidemenu li.active a:hover { background-color: #000; }


.side-sub-menu  { padding-bottom: 10px; background: #000 url('images/subsubmenu-arrow.gif') no-repeat left top; padding-top: 10px; display: none; overflow: hidden; }
.side-sub-menu li { min-height: 20px; _height: 20px; line-height: 20px; border: 0; background-color: #000; position: relative; left: 40px; width: 200px; }
.side-sub-menu li a { display: inline; padding: 0; }
.side-sub-menu li a:hover { background-color: #000; } 
.side-sub-menu li a.active  { color: #fff !important; }
.side-sub-menu li a:focus { outline-style: none !important; border-color: transparent; }

#menu01-a.active,
#menu02-a.active  { background-color: #000; }

.promo-products       { margin-bottom: 12px; }
.cols.products .col2 p          { margin-bottom: 23px; }
.cols.products .col2 .related   { width: 647px; }
.cols.products .col2 .related p { margin-bottom: 0px; }

.cols.products .col2 ul li,
.no-cols-cont ul li          { list-style-type: square; margin-left: 20px; margin-bottom: 5px; }
.no-cols-cont ul,
.no-cols-cont ol  { margin-bottom: 12px; }
.no-cols-cont ol li { margin-bottom: 5px; }

/*- hledání -*/
.searched       { margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #333333; }
.searched .url  { font-size: 0.85em; margin-bottom: 4px; }

/*- news : homepage + archive -*/
.news           { margin-top: 35px; }
.news .item     { border-top: 1px solid #333333; padding-top: 3px; margin-bottom: 10px; }
.news .item em  { display: block; font-weight: bold; font-style: normal; font-size: 0.9em; margin-bottom: 5px; }
.news .item strong { color: #0099FF; }

/*- paticka -*/
#footer { font-size: .95em; }
#footer a         { color: #5A5A5A; }
#footer .copy     { float:left; position: relative; }
#footer .copy span  { margin-left: 25px; padding-left: 25px; background: #000 url('images/logo-wdf.gif') no-repeat 0 50%; padding-top: 10px; padding-bottom: 10px; }
#footer .made     { float:right;  }
.map  { position: relative; left: 20px; text-transform: none; }

/* kontakt mapa */
#kontakt {}
#kontakt .col1 { width: 430px;}
#kontakt .col2 { width: 470px; margin-top: 32px;}

#kontakt .col2 .mapa { width: 470px; height: 338px; background: url('images/img-map-bottom.jpg') no-repeat right bottom; }
#kontakt .col2 .mapa img { padding: 1px; border: 1px #333333 solid; margin-top: 4px;  }

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #555;
  border-bottom: 2px solid #444;
  border-left: 2px solid #fff;
  color:#000;cursor: default;background:#ddd
}
.calendar table {
  border-top: 1px solid #444;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #444;
  color:#000;cursor: default;background:#ddd
}
.calendar .button {
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff
}
.calendar .nav {background: transparent url(menuarrow.gif) no-repeat 100% 100%}
.calendar thead .title {
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background:#788084;
  color:#fff;
  text-align: center
}
.calendar thead .name {
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background:#eee
}
.calendar thead .weekend {color:#b00}
.calendar thead .hilite {
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0;background-color:#d8e0e4
}
.calendar thead .active {
  padding: 2px 0 0 2px;border-top: 1px solid #000;
  border-right: 1px solid #fff;border-bottom: 1px solid #fff;
  border-left: 1px solid #000;background-color:#b8c0c4;
}
.calendar tbody .day {
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px
}
.calendar tbody .day.othermonth {font-size: 80%;color:#aaa}
.calendar tbody .day.othermonth.oweekend {color:#faa}
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background:#e8f4f0;
}
.calendar tbody .rowhilite td {background:#ffcc00}
.calendar tbody .rowhilite td.wn {background:#c8d4d0}
.calendar tbody td.hilite {
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color:#eeaa00 #333 #333 #eeaa00;
}
.calendar tbody td.active {
  padding: 2px 2px 0 2px;
  border: 1px solid;
  border-color:#000 #fff #fff #000
}
.calendar tbody td.selected {
  font-weight: bold;
  padding: 2px 2px 0 2px;
  border: 1px solid;
  border-color:#000 #fff #fff #000;
  background:#d8e0e4
}
.calendar tbody td.weekend {color:#b00}
.calendar tbody td.today {font-weight: bold;color:#111}
.calendar tbody .disabled { color:#999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .ttip {
  background:#e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background:#788084;
  color:#fff;
  text-align: center
}
.calendar tfoot .hilite {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background:#d8e0e4;
}
.calendar tfoot .active {
  padding: 2px 0 0 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000
}
.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0;left: 0;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background:#d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100
}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align: center;padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .active {
  background:#ddd;
  padding: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000
  }
.calendar .combo .hilite {background:#048;color:#aef}
.calendar td.time {border-top: 1px solid #000;padding: 1px 0;text-align: center;background-color:#e8f0f4}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding: 0 3px 0 4px;border: 1px solid #889;font-weight: bold;background-color:#fff}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0 2px 0 3px;font-weight: bold}
.calendar td.time span.hilite {border-color:#000;background:#667;color:#fff}
.calendar td.time span.active {border-color:#f00;background:#000;color:#0f0}

.kal {cursor:pointer;vertical-align:top;position:relative;left:1px;top:3px;=top:5px}