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; }
a:visited { color: #727272 !important; }
.active a:visited  { color: #fff !important; }
a img { border:0; }

table { border-collapse:collapse; border:1px solid #6f6f6f; }
table thead { background:url(/images/thead.gif) left top repeat-x #0b0b0b; line-height:33px; color:#d5d5d5; }
table tbody { background:url(/images/tbody.gif) left top repeat-x #e9e9e9; }
table th, table td { border:1px solid #6f6f6f; border-width:0 1px; vertical-align:top; }
table td { padding:20px 15px; color:#111; line-height:1.2em; }
table td ul { padding:.5em 0 2em; margin:0 !important; }
table td li { font-size:90%; color:#555; padding:0; margin-bottom:0 !important; }

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


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; }
#menu fieldset  { border: none; padding: 0; margin: 0; }
#menu legend  { display: none; }
#menu form input  { width: 110px; _width: 114px; height: 15px;  padding: 2px; background-color: #282828; border: 0; font-size: .8em; color: #fff; float: left; }
#menu form input.submit { background-color: #333333; border: 1px solid #000; color: #818181; width: 57px; float: right; height: 19px; padding-bottom: 4px; padding-top: 0px; }
#menu form input.submit:hover { background-color: #4B4B4B; color: #B5B5B5; }

/*- menu -*/
#menu             { width: 100%; position: absolute; top: 130px; left: 0; border-bottom: #333333 solid 1px; }
#menu li          { float: left; }
#menu li a        { 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 a   { font-weight: bold; color: #CCCCCC; background-position: 0 100%; }
#menu li.active a:visited { color: #fff !important; }
#menu li.active li a  { 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  { padding: 5px 0 12px 0; }
#submenu ul li a { 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 a  { color: #fff; }
#m08.active, #m09.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        { 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;  }
/*
#kontakt .col2 .mapa a			{ border: 1px #ff00ff solid; display: block; background: #000000 url('/images/mapa-kontakt.jpg') 100% 0 no-repeat;  padding: 2px 2px 237px 2px;}
#kontakt .col2 .mapa a:hover	{ background-position: 100% -254px ; !important; }
*/