/***** ZAKLADNI PRVKY *****/
body, p, li, input, select, textarea, td, th {
	color: #333;
	font: 11px arial, sans-serif
}

html, body.body { height: 100%; margin: 0; padding: 0 }
body.body { text-align: center; background-color: #EFF0F2 }
body.owin img { border-color: #cccccc }
img, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; border: none }
input, select, textarea { vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { color: #00529B }
h1 { font-size: 220%; clear: both; margin: 0.5em 0 0.5em 0; font-weight: normal }
h1.nadpis { background-color: #E7E7E8; margin: 0 0 0 10px; padding: 0.8em 0 0 15px }
h2 { font-size: 140%; margin: 0 0 0.5em 0; color: #00529B; text-transform: uppercase }
h3 { font-size: 130%; margin: 1em 0 0.5em 0; color: #00529B }
h4 { margin: 0 0 0.3em 0; font-size: 100% }
a { color: #00529B }
a:hover { color: #E70000; text-decoration: none }
h2 a, h3 a, h4 a, h5 a { color: #00529B }
p { margin: 0.5em 0 1.2em 0 }
table { border-collapse: collapse }
/*td { padding: 3px 15px 3px 0 }*/
ul, ol { margin-top: 0.5em; margin-bottom: 1.5em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }


/***** ZAKLADNI TRIDY *****/
.tal { text-align: left }
.tac { text-align: center }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.tar { text-align: right }
.taj { text-align: justify }
.vam { vertical-align: middle }
.vat { vertical-align: top !important }
.vat td { vertical-align: top !important }
.fl { float: left }
.fli { float: left; margin-right: 1.3em }
.fr { float: right }
.fri { float: right;	margin-left: 1.3em }
.clean { color: #000000;	text-decoration: none }
.clear { clear: both; font-size: 1px; height: 0; width:1px }
.invisible, .no-css { display: none }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a {color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.b { font-weight: bold }
.bg0 { background: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.no-margin { margin: 0 !important }

/***** LAYOUT - ZAKLAD *****/
#main {
	text-align: left;
	position: relative;
	margin: 0 auto;
	height: 100%;
	width: 875px;
	background: #E7E7E8 url(img/sys/bg_main.gif) left top repeat-y
}

body>#main { min-height: 100%; height: auto; border-bottom: 1px solid #f4f4f4 }

#zahlavi { position: relative }
#zahlavi-in { margin: 0 10px; padding: 25px 0 0 0; background-color: #00AEEF; color: #ffffff }

#content { float: left; width: 633px; padding: 0 }

#content-top-in { padding: 10px 15px 60px 15px; background: #E7E7E8; margin: 0 0 0 10px; min-height: 96px; height: 96px; position: relative; }
html>body #content-top-in { height: auto }

#content-in { padding: 15px 15px 60px 25px; background: #E7E7E8; margin: 0 0 170px 10px; min-height: 96px; height: 96px; position: relative; }
html>body #content-in { height: auto }

#content-main-in { padding: 15px 15px 170px 15px; margin: 0 0 0 10px; min-height: 96px; height: 96px; position: relative; }
html>body #content-main-in { height: auto }

#panel { float: right; width: 242px; padding: 0 0 170px 0 }
#panel-in { padding: 10px 25px 0 10px }

#zapati {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 160px;
	width: 100%;
	font-size: x-small;
	background: #fff url(img/sys/bg_zapati.gif) 0 0 no-repeat
}

#zapati-in { margin: 10px 25px 0 25px; padding: 10px 0 0 0; color: #aeaeae; border: 2px solid #DEDEE0; border-width: 2px 0 0 0; font-size: 10px }
#zapati-in table { margin-top: 0; margin-bottom: 0 }
#zapati-in p { margin: 5px 0; color: #aeaeae; font-size: 10px }
#zapati-in a { text-decoration: none }


/***** LAYOUT - SPECIAL *****/
#logo, #logo_en { position: relative; width: 178px; height: 53px; left: 30px; overflow: hidden }
#logo span, #logo_en span { position: absolute; left: 0; top: 0; width: 178px; height: 53px; display: block; background: url(img/sys/logo.gif) no-repeat 0 0 }
#logo a, #logo_en a { cursor: pointer }
#logo_en span { background-image: url(img/sys/logo_en.gif) }

#topmenu { position: absolute; right: 40px; top: 5px }
#topmenu ul { margin: 0; padding: 0; list-style: none }
#topmenu li { display: inline; color: #ffffff }
#topmenu a { color: #ffffff; text-decoration: none }
#topmenu a:hover { text-decoration: underline }
#topmenu a.selected { font-weight: bold; text-decoration: underline }

#slogan span, #slogan_en span { display: none }

#slogan, #slogan_en {
  font-size: 18px;
  position: absolute;
  left: 237px;
  top: 25px;
  width: 365px;
  height: 50px;
  overflow: hidden;
  background: url(img/sys/bg_moto.gif) 0 0 no-repeat;
}

#slogan_en {
  background: url(img/sys/bg_moto_en.gif) 0 0 no-repeat;
}

#menu { background-color: #00529B; margin: 25px 0 0 0; border: 2px solid #ffffff; border-width: 2px 0 0 0 }
#menu ul { list-style: none; text-align: center; margin: 0; padding: 0; width: 100%; overflow: hidden }
#menu ul li { float: left; background: url(img/sys/bg_menu_li.gif) repeat-y top right; width: 122px }
#menu a { font-size: 13px; display: block; padding: 11px 6px 13px 6px; margin: 0 5px; text-align: center; font-weight: bold; color: #aaaaaa; text-decoration: none }
#menu a:hover { color: #ffffff }
#menu .multiline a { padding: 4px 10px }
#menu ul .m-last { background: none }
#menu a.active { color: #ffffff }

.submenu { background: #D1D2D4; position: relative; min-height: 40px; height: 40px }
html>body .submenu { height: auto }
.submenu ul { margin: 0; padding: 12px 32px 14px 32px; list-style: none }
.submenu ul li { display: inline }
.submenu ul li a { font-size: 120% }
.submenu .active { font-weight: bold }

#cesta, #navigace { display: none }

#searchform { position: absolute; left: 595px; top: 40px; width: 250px; text-align: right }
html>body #searchform { right: 13px }
#searchform form { font-size: 0 }
#searchform fieldset { border: 0; position: relative }
#searchform label { display: none }
#searchbox { border: 1px solid #8F9194; padding: 2px; margin: 0 5px 0 0; color: #8F9194; font-size: 11px; width: 150px; }

#kontaktform { background: #00529B; width: 207px; margin: 7px 0 0 0; text-align: center }
#kontaktform div.obal { padding: 0; min-height: 159px; height: 159px }
html>body #kontaktform div.obal { height: auto }
#kontaktform fieldset { border: 0; padding: 15px; position: relative }
#kontaktform .legend { color: #ffffff; font-size: 13px; font-weight: bold; text-align: center; width: 100%; margin: 0 0 10px 0; display: block }
#kontaktform input.text { border: none; border-bottom: 1px solid #00529B; padding: 2px 5px 0 4px; margin: 0; color: #8F9194; width: 160px }
#kontaktform select { border: none; border-bottom: 1px solid #00529B; color: #8F9194; width: 170px; }
#kontaktform .button input { float: right }
#kontaktform a, #kontaktform td { color: #ffffff; }
html>body #kontaktform input { margin: 1px 0 }

#jazykove-verze { margin: 1em 0 0.7em 0; padding: 0; text-align: center; /* border: 2px solid #DEDEE0; border-width: 0 0 2px 0*/ }

#main-banner {
  position: relative;
  width: 593px;
  height: 221px;
  background: left top no-repeat;
}

#main-banner-in {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 579px;
  height: 207px;
}

#graf {
	width: 207px;
	height: 214px;
}

#titulni_novinky li a {
  font-weight: bold;
  color: #E70000;
  text-decoration: none;
}

#titulni_novinky li a:hover {
  text-decoration: underline;
}

#titulni_novinky li.first a {
  color: #00529B;
  text-decoration: underline;
}

/***** OSTATNI TRIDY PRO WEB *****/
address {
  display: block;
  padding: 0 0 3px 0;
  font-style: normal;
  font-size: 90%;
}

.red-arrow, .red-arrow-1 { margin: 5px 0 1.5em 0; padding: 0; list-style: none }
.red-arrow { width: 260px }
.red-arrow li { padding: 3px 0 }
.red-arrow-1 li { padding: 3px 0 }
.red-arrow a, .red-arrow-1 a { background: url(img/sys/arrow.gif) no-repeat 0 1px; padding: 0 0 0 18px; text-decoration: none }
.red-strong { font-weight: bold; color: #E70000 }
.ra-en { width: 260px }

.grey-line { margin: 0.5em 0 1.2em 0; padding: 0; list-style: none; width: 265px }
.grey-line li { border: 1px solid #DEDEE0; border-width: 0 0 1px 0; padding: 3px 0 }
.grey-line a { text-decoration: none }

.tiskovky { list-style: none; margin: 0.5em 0 1.2em 0; padding: 0 }
.tiskovky li { background: url(img/sys/arrow-2.gif) no-repeat 0 3px; padding: 0 0 0 15px; margin: 0 0 5px 0 }
.tiskovky a { font-weight: bold; text-decoration: none }

.mesta-telefony { border: 2px solid #DEDEE0; border-width: 2px 0 0 0; margin: 0; padding: 5px 0 0 0; list-style: none; position: absolute; left: 15px; bottom: 10px; width: 593px; overflow: hidden }
.mesta-telefony li { float: left; font-size: 10px; color: #00529B; margin: 0 70px 0 0 }

.button { display: block; margin: 8px 0 0 0 }
.button input { background: url(img/sys/btn_odeslat.gif) no-repeat; font-weight: bold; color: #fff !important; border: 0 !important; width: 65px !important; height: 21px !important; display: block; text-align: center }

.hp-panel { padding: 7px 12px 0 12px }
.title-blue { color: #00529B; font-size: 12px; font-weight: bold }
.titulek { color: #00529B; font-size: 16px; font-weight: bold }
.color-dark li { color: #00529B; padding: 3px 0 }
.panel-right { padding: 0 10px 0 0; }

.ul-margin { margin-top: 0.5em; margin-left: 1.2em }

.topcol-left-main { width: 300px }
.topcol-left { background: url(img/sys/vertical-dotted.gif) repeat-y right top; width: 300px }
.topcol-right { width: 265px }
.sloupec-left { padding: 0 15px 0 0; margin: 0 15px 0 0; width: 296px; background: url(img/sys/vertical-dotted.gif) repeat-y right top }
.sloupec-right { width: 255px }
.vertical-separator { background: url(img/sys/vertical-dotted.gif) 50% 0 repeat-y }

.zdroj { font-size: 10px; color: #aeaeae }

.vycet td, .vycet th {
  padding: 1px 5px;
}

ul.norm { padding-left: 0; margin-left: 10px }
ul.norm li { margin-left: 5px }

ol.norm { padding-left: 0; margin-left: 13px }
ol.norm li { margin-left: 11px }

#content-in table.small td, #content-in table.small th,
td.small, p.small, div.small, span.small { font-size: 90% }

#content .table-01 { margin: 0.5em 0 2.5em 0 }
#content .table-01 tr { border: 1px solid #DEDEE0; border-width: 0 0 1px 0 }
#content .table-01 td { padding: 7px 0 }
#content .table-01 th { text-align: center; font-weight: bold; padding: 7px 0 }
td.cena { text-align: right }

#content .firmy, #content .firmy td, #content .firmy th {
  border: 1px solid #505050;
}

#content .firmy td, #content .firmy th {
  padding: 1px 5px;
}

#content table.firmy thead th {
  background: #aaaaaa;
  color: #ffffff;
  font-weight: bold;
}

#content table.firmy tr.offer {
  background: #ffffff;
}

#kontakt-arrow { position: relative; background: url(img/sys/big-blue-arrow.gif) no-repeat right top; height: 125px; font-size: 22px; color: #ffffff }
#kontakt-arrow-in { position: absolute; top: 23px; left: 10px; width: 530px }
.ka-en { font-size: 19px !important }
.ka-en #kontakt-arrow-in { padding-top: 20px }

.line { border-bottom: 2px solid #00529B; padding-bottom: 3px }

#content li ul {
	list-style: disc;
}

/* vyhledavani */
#searchhead { margin: 2ex 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1ex 0 }
.external-search-results { border: 1px solid #dddddd; margin-bottom: 1.5em }

/* novinky */
.news h4 { font-size: 120% }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_date { font-size: 90%; color: #697277 }
.rubrika_title { background: #eee }
.nw-hr { margin-bottom: 1.5em }

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #ccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* filtrace firem */
div.group {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #aaaaaa;
  margin: 0 0 0.8em 0;
  background: #dddddd;
}
/* /filtrace firem */