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

html, body.body { height: 100%; margin: 0; padding: 0 }
body.body { text-align: center; background-color: #fff }
body.owin img { border-color: #CCC }
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: #004949 }
h1 { font-size: 220%; clear: both; margin: 0.5em 0 0.5em 0; font-weight: normal }
h1.nadpis { margin: 0 0 0 10px; padding: 0.8em 0 0 0/*15px*/ }
h2 { font-size: 140%; margin: 0 0 0.5em 0; color: #004949}
h3 { font-size: 130%; margin: 1em 0 0.5em 0; color: #004949 }
h4 { margin: 0 0 0.3em 0; font-size: 100% }
a { color: #004949 }
a:hover { color: #E29E39; text-decoration: none }
h2 a, h3 a, h4 a, h5 a { color: #004949 }
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: 0.8em }
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 }
.cistic { clear: both }
.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: #ffffff /*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: #122726 url(img/sys/bg_header.jpg) no-repeat 0 0; color: #ffffff }

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

#content-top-in { padding: 10px 15px 70px 15px; /*background: #E7E7E8 url(img/sys/bg_content_top.gif) no-repeat left bottom;*/ 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 0 /*25px*/; /*background: #E7E7E8 url(img/sys/bg_content_top.gif) no-repeat left bottom;*/ margin: 0 0 190px 10px; /*min-height: 96px; height: 96px;*/}
/*html>body #content-in { height: auto }*/

#content-main-in { padding: 15px 15px 190px 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 190px 0; overflow: hidden }
#panel-in { padding: 10px 10px/*25px*/ 0 10px }

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

#zapati-in { margin: 10px 10px/*25px*/ 0 10px /*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 { color: #aeaeae; text-decoration: none }


/***** LAYOUT - SPECIAL *****/
#main.home #content { float:none; width: 875px; padding: 0 }
#main.home #content-in { padding: 15px 10px 60px 10px; margin: 0 0 190px 0 }

#logo { position: relative; width: 168px; height: 63px; left: 42px; overflow: hidden; text-indent:-9999px; }
#logo span { position: absolute; left: 0; top: 0; width: 168px; height: 63px; display: block; background: transparent url(img/sys/logo.gif) no-repeat 0 0 }
#logo a { cursor: pointer }

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

#slogan { color: #004949; font-size: 18px; position: absolute; left: 300px; top: 46px }

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

#slogan, #slogan_en, #slogan_fr {
  font-size: 18px;
  position: absolute;
  left: 225px;
  top: 35px;
  width: 320px;
  height: 48px;
  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;
}

#slogan_fr {
  left: 275px;
  top: 15px;
  height: 80px;
  background: url(img/sys/bg_moto_fr.gif) 0 0 no-repeat;
}

/*
#menu { background-color: #004949; 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; height: 50px }
#menu ul li { float: left; background: url(img/sys/bg_menu_li.gif) repeat-y top right; width: 95px }
#menu ul li.menu-long-text { width: 95px }
#menu a { font-size: 14px; display: block; padding: 0 20px; margin: 0 0px; text-align: center; font-weight: bold; color: #ffffff; text-decoration: none; height: 50px; line-height: 50px }
#menu a:hover { color: #aaaaaa }
#menu a.menu-small { padding: 11px 0px 13px 0px }
#menu ul .menu-last { background: none }
#menu a.selected { color: #aaaaaa }
*/


#menu-wrapper { background-color: #004949; margin: 25px 0 0 0; border: 2px solid #ffffff; border-width: 2px 0 0 0 }
#menu { list-style: none; margin: 0; padding: 0; height: 50px; display:block; }
#menu li { width:75px; display:block; float: left; background: url(img/sys/bg_menu_li.gif) repeat-y top right; position:relative;}
#menu a { font-size: 14px; display: block; height: 50px; padding: 0 18px; margin: 0; text-align: center; font-weight: bold; color: #ffffff; text-decoration: none;  line-height: 50px }
#menu .menu-last { background: none }
#menu a:hover, #menu a:focus, #menu .menuhover { text-decoration: underline }

#menu ul {position: absolute; top: 50px; z-index:99; width: 230px; height: auto; display: none; margin: 0; padding: 0; list-style: none; border: 1px solid #ccc; border-width: 0 1px; background-color: #004949;}

#menu .s1 { width:170px;}
#menu .s2 { width:280px;}
#menu .s3 { width:220px;}
#menu .menu-last { width:90px;}
#menu .s1 ul, #menu .s1:hover { background-color: #00665b }
#menu .s2 ul, #menu .s2:hover { background-color: #7a2953 }
#menu .s3 ul, #menu .s3:hover { background-color: #e37c00 }
#menu ul li { width: 230px !important; height: auto; text-align: left; padding: 0; border: 1px solid #ccc; border-width: 0 0 1px 0 !important; background: none }
#menu ul a { padding: 2px 10px 3px 20px; width: 200px; font-weight: normal; height: auto; line-height: 1.6; letter-spacing: normal; text-align: left; text-decoration: none; text-transform: none; color: #fff; background: transparent url(img/sys/bullet.gif) no-repeat 10px 11px }
#menu ul a:hover { text-decoration: underline }

#submenu { background-color: #D1D2D4; 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 a:hover { color: #E29E39 }

#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: #004949 url(img/sys/bg_kontakt_top.gif) no-repeat 0 0; width: 207px; margin: 7px 0 0 0; text-align: center }
#kontaktform div.obal { background: url(img/sys/bg_kontakt_bottom.gif) no-repeat left bottom; 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 #004949; padding: 2px 5px 0 4px; margin: 0; color: #8F9194; width: 160px }
#kontaktform select { border: none; border-bottom: 1px solid #004949; 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: 0 55px 0 0; position: absolute; top: 70px; left: 753px;  padding: 0; text-align: right; /* border: 2px solid #DEDEE0; border-width: 0 0 2px 0*/ }

.small-fg {
  width: 300px;
  float: right;
  margin: 0 0 1em 1em;
}

a.fg {
  color: #004949;
  text-decoration: none;
}

a.fg:hover {
  text-decoration: underline;
}

/*#main-banner {
  width: 100%;
  height: 221px;
}

#main-banner-in {
display:block;
text-align: left
}*/

#main-banner a{/*
display:block;
position:absolute;
width:590px;
height:214px;
cursor:pointer;
overflow:hidden;
text-indent:-9999px;*/
}


#main-banner {
  position: relative;
  width: 593px;
  height: 221px;
  background: url(img/main-banner/banner-01-hp.jpg) left top no-repeat;
}

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


#main-banner {
  margin: 0 0 1em 0;
  position: relative;
  height: 205px;
  width: 550px;
  background: 50% 50% no-repeat;
}



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

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

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

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

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

.red-arrow { margin: 5px 0 0 0; padding: 0; list-style: none; width: 210px }
.red-arrow li { padding: 3px 0 }
.red-arrow a { background: url(img/sys/arrow.gif) no-repeat 0 1px; padding: 0 0 0 18px; text-decoration: none }
.red-arrow a:hover { color: #E29E39; text-decoration: underline }
.red-strong { font-weight: bold; color: #E29E39 }

.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: #333; margin: 0 81px 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: #ffffff !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: #004949; font-size: 12px; font-weight: bold }
.title-green { color: #0B5F57; font-size: 14px; font-weight: bold }
.titulek { color: #004949; font-size: 16px; font-weight: bold }

.color-dark li { color: #004949; padding: 3px 0 }
.panel-right { padding: 0 10px 0 0 }

.ul-margin { margin: 0.5em 0 1.2em 0 }
.ul-inside { list-style-position: inside }

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

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

#kontakt-arrow { background: url(img/sys/big-green-arrow.gif) no-repeat right top; display:block; height: 150px; font-size: 22px; color: #ffffff }
#kontakt-arrow-in { display: block; padding: 37px 0 0px 20px }
.ka-en { font-size: 19px !important }
.ka-en #kontakt-arrow-in { padding: 39px 0 0 20px }

.line {border-top: 1px solid #004949; padding-top: 5px }
div.popis-sidla { width: 280px }
div.pojem { float: left; width: 290px }
#slovnik-pojmu-link { position: absolute; top: 4px; right: 40px; background: #ffffff; padding: 0 5px }

#rozcestnik { margin: 0 0 1.5em 0; overflow: hidden; }
#rozcestnik .box { float: left; width: 245px; display:block; margin: 0 15px 0 0; padding: 15px; z-index:1;}
#rozcestnik .box h2 { margin: 0 0 0.7em 0; text-transform: none }
#rozcestnik .box a { color: #fff; text-decoration: none }
#rozcestnik .box ul { margin: 1em 0; padding: 0; height: 45px; list-style: none }
html>body #rozcestnik .box ul { min-height: 45px; height: auto }
#rozcestnik .box li { color: #fff; padding: 0 0 0 15px; background: transparent url(img/sys/bullet.gif) no-repeat 3px 4px }
#rozcestnik .box .tar { margin: 0 10px 0 0 }
#rozcestnik .box .tar a { font-weight: bold; font-size: 110%; text-decoration: none; padding: 3px 10px 3px 10px; /*background: transparent url(img/sys/bullet2.gif) no-repeat 4px 5px*/; border: 1px solid #ffffff }
#rozcestnik .box a:hover { text-decoration: underline }
#rozcestnik .box .tar a:hover { text-decoration: underline }
#box1 { background: #132728 url(img/sys/bg_box1b.jpg) no-repeat center bottom }
#box2 { background: #6e2e51 url(img/sys/bg_box2b.jpg) no-repeat center bottom }
#box3 { background: #eb891a url(img/sys/bg_box3b.jpg) no-repeat center bottom; margin: 0 !important }

.columns { width: 100%; margin: 2em 0 0 0; overflow: hidden }
.columns div.fl { width: 620px }
.columns div.welcome { /*border: 1px solid #000; padding: 5px */}
.columns div.fl p { font-size: 120% }
.columns div.fr { width: 222px /*207px*/; text-align: center; /*border-left: 1px solid #e7e7e8*/ }
.columns div.fr p a img { float: right; padding-bottom: 10px }

/* 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 */

#gallery {
  text-align: center;
}
#gallery table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#local-fotogalerie h3 {
	text-transform: uppercase;
}



#panel .blok { margin-top: 10px; padding: 5px; border: 1px solid #d2d3d4}
#panel .blok h2 { font-size: 100% }
#panel .blok ul { margin: 0; padding: 0; list-style: none }