/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }

body { font: 75%/1.6 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #5c676d; background-color: #f6f8f7 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #a82926; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 200%; font-weight: bold; clear: both; margin: 0.2em 0 0.7em 0; letter-spacing: -1px }
h2 { font-size: 140%; font-weight: bold; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 125%; margin: 1.7em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #a82926 }
a:link { color: #a82926 }
a:hover { color: #df922d; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cistic { clear: both }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.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 }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    background: #f6f8f7 url(img/sys/bg_main.gif) repeat-x 0 0
}
#main-in { width: 970px; margin: 0 auto; text-align: left; position: relative; background: transparent url(img/sys/bg_main_in.jpg) no-repeat 0 165px }

#header { position: absolute; left: 0; top: 0; width: 970px }
#header-in {
    height: 165px;
    position: relative
}

#content {
    float: right;
    width: 690px;
    overflow: hidden;
    background: transparent url(img/sys/bg_content.jpg) no-repeat right 250px
}
#content-in { padding: 270px 35px 60px 25px; height: 450px }
html>body #content-in { min-height: 450px; height: auto }

#panel {
    float: left;
    width: 280px;
    background: transparent url(img/sys/bg_panel.jpg) no-repeat 0 250px
}
#panel-in { padding: 270px 20px 60px 30px; height: 450px }
html>body #panel-in { min-height: 450px; height: auto }

#footer {
    
}
#footer-in { width: 950px; height: 100px; margin: 0 auto; text-align: left; background: transparent url(img/sys/bg_footer.gif) repeat-x 0 0 }
/* /layout - zaklad */

/* layout - special */
#main.home #content { float: none; width: 970px; padding: 165px 0 30px 0; background: none }
#main.home #main-in { background: transparent url(img/sys/bg_main_in_home.jpg) no-repeat 0 165px }

#logo, #logo span { display: block; position: relative; left: 33px; top: 22px; width: 130px; height: 83px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#menu-wrapper { position: absolute; left: 9px; top: 119px; width: 952px; height: 46px; background: #9ea19f url(img/sys/bg_menu.gif) repeat-x 0 0 }
#menu { margin: 0; padding: 0 0 0 1px; list-style: none; width: 651px; height: 46px; background: transparent url(img/sys/bg_menu_ul.gif) no-repeat 0 0 }
#menu li { float: left; height: 42px; position: relative; background: transparent url(img/sys/bg_menu_li.gif) repeat-x 0 -4px }
#menu a { color: #000; display: block; height: 42px; line-height: 41px; text-align: center }
#menu a:hover, #menu a:focus, #menu .menuhover { color: #fff; text-decoration: none }

#m1 { width: 109px; border-top: 4px solid #336c3b }
#m2 { width: 165px; border-top: 4px solid #df922d }
#m3 { width: 77px; border-top: 4px solid #a82926 }
#m4 { width: 104px; border-top: 4px solid #6a1e73 }
#m5 { width: 93px; border-top: 4px solid #2b1c72 }
#m6 { width: 103px; border-top: 4px solid #838280 }

#m1 a:hover, #m1 a:focus, #m1 .menuhover { background: #719477 url(img/sys/bg_menu_a1.gif) repeat-x 0 0 }
#m2 a:hover, #m2 a:focus, #m2 .menuhover { background: #d9ac6f url(img/sys/bg_menu_a2.gif) repeat-x 0 0 }
#m3 a:hover, #m3 a:focus, #m3 .menuhover { background: #b76c6a url(img/sys/bg_menu_a3.gif) repeat-x 0 0 }
#m4 a:hover, #m4 a:focus, #m4 .menuhover { background: #926699 url(img/sys/bg_menu_a4.gif) repeat-x 0 0 }
#m5 a:hover, #m5 a:focus, #m5 .menuhover { background: #6d6598 url(img/sys/bg_menu_a5.gif) repeat-x 0 0 }
#m6 a:hover, #m6 a:focus, #m6 .menuhover { background: #a1a2a1 url(img/sys/bg_menu_a6.gif) repeat-x 0 0 }

#menu #m1 ul a:hover, #menu #m1 ul a:focus, #menu #m1 ul .menuhover { background: #719477 url(img/sys/bullet.gif) no-repeat 10px 8px }
#menu #m2 ul a:hover, #menu #m2 ul a:focus, #menu #m2 ul .menuhover { background: #d9ac6f url(img/sys/bullet.gif) no-repeat 10px 8px }
#menu #m3 ul a:hover, #menu #m3 ul a:focus, #menu #m3 ul .menuhover { background: #b76c6a url(img/sys/bullet.gif) no-repeat 10px 8px }
#menu #m4 ul a:hover, #menu #m4 ul a:focus, #menu #m4 ul .menuhover { background: #926699 url(img/sys/bullet.gif) no-repeat 10px 8px }
#menu #m5 ul a:hover, #menu #m5 ul a:focus, #menu #m5 ul .menuhover { background: #6d6598 url(img/sys/bullet.gif) no-repeat 10px 8px }
#menu #m6 ul a:hover, #menu #m6 ul a:focus, #menu #m6 ul .menuhover { background: #a1a2a1 url(img/sys/bullet.gif) no-repeat 10px 8px }

#menu #m1 ul li { border: 1px solid #336c3b }
#menu #m2 ul li { border: 1px solid #e6b16b }
#menu #m3 ul li { border: 1px solid #a82926 }
#menu #m4 ul li { border: 1px solid #6a1e73 }
#menu #m5 ul li { border: 1px solid #2b1c72 }
#menu #m6 ul li { border: 1px solid #838280 }

#menu #m1 ul { background-color: #608265 }
#menu #m2 ul { background-color: #c7995d }
#menu #m3 ul { background-color: #a65a58 }
#menu #m4 ul { background-color: #815487 }
#menu #m5 ul { background-color: #5b5286 }
#menu #m6 ul { background-color: #90908e }

#menu ul { position: absolute; left: 0; top: 42px; width: 180px; height: auto; display: none; margin: 0; padding: 0; list-style: none }
#menu ul li { float: none; width: 180px !important; height: auto; text-align: left; padding: 0; border-width: 0 0 1px 0 !important; background: none }
#menu ul a { padding: 2px 10px 3px 20px; width: 150px; float: none; font-size: 90%; 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 8px }
#menu ul a:hover { color: #fff }

#menu ul ul { left: 180px; top: 0 }

.submenu ul { margin: 0.5em 0 1em 0; padding: 0; list-style: none }
.submenu li { border-bottom: 1px solid #c6d5db }
.submenu a { color: #444c4d; display: block; width: 215px; padding: 2px 0 3px 15px; background: transparent url(img/sys/bullet2.gif) no-repeat 5px 8px; text-decoration: none }
.submenu a:hover { color: #a82926; text-decoration: underline }
.submenu li li { border: 0 }
.submenu li li a { width: 205px; padding: 1px 0 2px 25px; background: transparent url(img/sys/bullet3.gif) no-repeat 17px 7px }
.submenu li li li a { width: 195px; padding: 0 0 1px 35px; background-position: 27px 6px; font-weight: normal; }
.submenu .active { color: #a82926; font-weight: bold }


#top-links { position: absolute; right: 5px; top: 20px }
#top-links a { color: #74737a; font-size: 90%; margin: 0 5px }
#top-links b a { color: #a82926 }
#top-links a:hover { color: #000 }

#ico-lany { position: absolute; right: 10px; top: 58px }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; right: 9px; top: 119px; width: 300px; height: 46px; background: transparent url(img/sys/bg_searchform.gif) no-repeat right top; z-index: 10 }
#searchword { width: px; padding: 2px 0; width: 225px; color: #686e6c; border: 0; position: absolute; left: 15px; top: 15px }
.button-vyhledat { width: 42px !important; height: 22px !important; position: absolute; left: 245px; top: 13px }

#welcome { width: 100%; height: 230px; position: relative; overflow: hidden }
#welcome-text { padding: 30px 0 0 30px }
#welcome-text p { line-height: 1.7; width: 480px }

#aktuality { position: absolute; left: 660px; top: 29px }
#aktuality-in { width: 300px; height: 210px; padding: 20px 0 0 0; background: transparent url(img/sys/bg_aktuality.png) no-repeat 0 0 }
#aktuality h2 { margin: 0 0 12px 20px; padding: 0 0 0 30px; color: #444a4a; font-size: 140%; background: transparent url(img/sys/ico-aktuality.gif) no-repeat 0 50% }
#aktuality-in div { margin: 0 20px 13px 20px; line-height: normal }
#aktuality-in div a { color: #6a1e73; font-weight: bold }
#aktuality-in div a:hover { color: #be72c7 }
#aktuality-in div p { margin: 0 }
#aktuality-in .a-vice { color: #6a1e73; margin: 0 0 0 20px; padding: 0 0 0 10px; background: transparent url(img/sys/ico-vice.gif) no-repeat 0 50% }

#rozcestnik { width: 100%; overflow: hidden; background: transparent url(img/sys/bg_rozcestnik.gif) no-repeat 0 0 }
#rozcestnik .box { width: 270px; padding: 20px 15px 0 30px; height: 230px; float: left }
html>body #rozcestnik .box { min-height: 230px; height: auto }
#rozcestnik .box h3 { color: #444c4d; margin: 0 0 0.5em 0; padding: 5px 0 0.5em 42px }
.box p { line-height: normal }
.partneri p img { margin: 0 3px 3px 0 }
.klub h3 { background: transparent url(img/sys/ico-klub.gif) no-repeat 0 0 }
.akce h3 { background: transparent url(img/sys/ico-akce.gif) no-repeat 0 0 }
.aktuality h3 { background: transparent url(img/sys/ico-aktuality.gif) no-repeat 0 0 }
.partneri h3 { background: transparent url(img/sys/ico-partneri.gif) no-repeat 0 0 }
.akce div { line-height: normal; text-align: center }
.akce div img { border: 3px solid #848f8f; margin: 0 5px 0 0 }

#panel h3.submenu-title a { color: #444c4d; margin-top: 0; text-decoration: none; font-weight: bold;  }

#navbox { width: 100%; overflow: hidden }
#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#copyright { color: #6d7272; font-size: 90%; margin: 0 20px; padding: 20px 0 0 0; line-height: 2; text-align: right }
#copyright span.fl { text-align: left; position: relative; top: -5px }
#copyright span.fl strong { margin: 0 0 0.3em 0; color: #5c676d; font-weight: normal; font-size: 125% }
#copyright a { color: #6d7272 }
#copyright a:hover { color: #000 }
/* /layout - special */

/* ostatni tridy pro web */
#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.news p { margin: 0; font-size: 90% }
.news h4 {  }
.news a { font-weight: bold }
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.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_rtf { background: url(cms/img/ico/rtf.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 */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none;}
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

/* formulare */
#form-status { padding: 5px; border: 1px solid #ff3300; background: #eeeeee; }
/* /formulare */

/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */

#page-attachment > h2.dwn {margin: 15px 0 10px 0;}

ul.akce-top  {
	padding: 3px 0;
	margin: 0;
	list-style-type: none;
	clear: both;
	display:block;
	height: 45px;
}

ul.akce-top li {
 	float: left;
	padding: 3px 0 0 10px; 
	background: transparent url(img/sys/bullet2.gif) no-repeat 0 9px;
	width: 95px;
}

strong.red {
	color: #A82926;
}