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

body { font: 75%/1.4 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #41392c; background: #887b68 url(img/sys/bg_body.gif) repeat 50% 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #388352; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 190%; font-weight: normal; clear: both; margin: 0.2em 0 0.5em 0; letter-spacing: -1px }
h2 { font-size: 150%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 130%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #388352 }
a:link { color: #388352 }
a:hover { color: #aa0053; 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: #dacebd /*#efe9e0 #f4f4f4*/ }
.border { border: 5px solid #cebfaa }
.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: transparent url(img/sys/bg_main.gif) repeat-x 50% 0 }

#main-in { width: 100%; display: inline-block; /*background: transparent url(img/sys/bg_main_in.png) no-repeat 50% 0*/ }
#main-wrapper { width: 960px; margin: 360px auto 0 auto; text-align: left; background: transparent url(img/sys/bg_main_wrapper.png) repeat-y 0 0 }
#main-content { width: 100%; height: 560px; position: relative; background: transparent url(img/sys/bg_main_content.gif) no-repeat 5px 0 }
html>body #main-content { min-height: 560px; height: auto }

#header { position: absolute; left: 0; top: -360px; width: 960px; height: 360px; background: transparent url(img/sys/bg_header.jpg) no-repeat 0 84px }
#header-in { height: 360px; background: transparent url(img/sys/bg_header_in.jpg) no-repeat 5px 89px }

#content {
    float: left;
    width: 708px;
    overflow: hidden
}
#content-in { padding: 0 33px }

#panel {
    float: right;
    width: 252px
}
#panel-in { padding: 0 11px 0 6px }

#footer {
    width: 100%;
    background: transparent url(img/sys/bg_footer.png) repeat-x left bottom
}
#footer-in { width: 960px; height: 330px; margin: 0 auto; padding: 15px 0 30px 0; text-align: left; background: transparent url(img/sys/bg_footer_in.png) no-repeat 0 0 }
html>body #footer-in { min-height: 330px; height: auto; background: transparent url(img/sys/bg_footer_in.png) no-repeat 0 0 }
/* /layout - zaklad */

/* layout - special */
#main.m-ou-lany #header-in { background: transparent url(img/sys/bg_header_in_urad.jpg) no-repeat 5px 89px }
#main.m-obec #header-in { background: transparent url(img/sys/bg_header_in_obec.jpg) no-repeat 5px 89px }
#main.m-kultura #header-in { background: transparent url(img/sys/bg_header_in_kultura.jpg) no-repeat 5px 89px }
#main.m-pro-navstevniky #header-in { background: transparent url(img/sys/bg_header_in_navstevnici.jpg) no-repeat 5px 89px }
#main.m-kontakty #header-in { background: transparent url(img/sys/bg_header_in_kontakty.jpg) no-repeat 5px 89px }

/*
#main.m-ou-lany #logo span { background: transparent url(img/sys/bg_logo_urad.jpg) no-repeat 0 0 }
#main.m-obec #logo span { background: transparent url(img/sys/bg_logo_obec.jpg) no-repeat 0 0 }
#main.m-kultura #logo span { background: transparent url(img/sys/bg_logo_kultura.jpg) no-repeat 0 0 }
#main.m-pro-navstevniky #logo span { background: transparent url(img/sys/bg_logo_navstevnici.jpg) no-repeat 0 0 }
#main.m-kontakty #logo span { background: transparent url(img/sys/bg_logo_kontakty.jpg) no-repeat 0 0 }
*/

#main.home #content-in { padding: 0 20px }

#logo, #logo span { display: block; position: relative; left: 9px; top: 257px; width: 389px; height: 101px; overflow: hidden; text-decoration: none; cursor: pointer; font-size: 0; line-height: 0; text-indent: -999em }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.png) no-repeat 0 0 }
#logo:hover { outline: none }

#menu-wrapper { width: 100%; height: 54px; position: absolute; left: 0; top: 29px }
#menu { margin: 0; padding: 0 0 0 13px; list-style: none; width: 947px; height: 54px; background: transparent url(img/sys/bg_menu.png) no-repeat 0 0 }
#menu li { float: left; display: inline-block; position: relative; padding: 5px 2px 0 1px; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 18px }
#menu .m-last { background: none }
#menu a { color: #fff; font-weight: bold; font-size: 90%; display: block; height: 44px; line-height: 44px; letter-spacing: -1px; float: left; padding: 0 19px; text-decoration: none; text-transform: uppercase; background: transparent url(img/sys/bg_menu_a.gif) repeat-x 0 -44px }
#menu a:hover, #menu a:focus, #menu .menuhover { background-position: 0 0 }

#menu ul { position: absolute; left: 0; top: 49px; width: 225px; height: auto; display: none; margin: 0; padding: 0; list-style: none; background-color: #13341e }
#menu ul li { float: none; width: 225px; text-align: left; padding: 0; border-bottom: 1px solid #1c4329; background: none }
#menu ul a { padding: 4px 10px 5px 23px; width: 192px; float: none; font-weight: normal; height: auto; line-height: 1.4; letter-spacing: normal; text-align: left; text-transform: none; color: #c4b9aa; background: transparent url(img/sys/bullet.gif) no-repeat 10px 10px }
#menu ul a:hover { color: #fff; background: #1f492d url(img/sys/bullet.gif) no-repeat 10px 10px }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { width: 235px; height: 123px; margin: 0 0 10px 0; background: transparent url(img/sys/bg_searchform.gif) no-repeat 0 0 }
#searchform h3 { font-size: 140%; color: #cebfaa; margin: 0; padding: 12px 0 25px 15px; letter-spacing: -1px }
#searchform fieldset { text-align: right; padding: 0 15px 0 0 }
#searchword { width: 195px; padding: 4px 2px; color: #554c3d; font-size: 90%; border: 1px solid #cebfaa; background-color: #cebfaa; position: relative; top: -10px }
.button-vyhledat { color: #fff; font-weight: bold; font-size: 11px; border: none; margin: 0; width: 71px; height: 24px; background: url(img/sys/button-vyhledat.gif) no-repeat 0 0; cursor: pointer }

#top-links { position: absolute; right: 105px; top: 7px }
#top-links a { color: #d4c9b7; font-size: 90%; margin: 0 0 0 0.7em; text-decoration: none }
#top-links a:hover { color: #fff }

#langs { position: absolute; right: 10px; top: 10px }
#langs img { border: 1px solid #3f392f; margin: 0 0 0 10px }
#langs a:hover img { border: 1px solid #867b6b }

#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% }

.bannery { margin: 0 0 10px 0; line-height: 0 }

#box-wrapper { width: 947px; height: 405px; padding: 17px 0 0 13px; overflow: hidden; background: transparent url(img/sys/bg_box_wrapper.png) no-repeat 0 0 }

#kontakt { width: 100%; height: 127px; background: transparent url(img/sys/bg_kontakt.png) no-repeat 0 0 }
#kontakt-in { height: 127px; position: relative }
#kontakt table { position: absolute }
#kontakt table td { color: #bce4ca; font-size: 90%; padding: 0 20px 3px 0; vertical-align: top }
#kontakt #t-01 td { padding-right: 10px }
#kontakt a { color: #bce4ca }
#kontakt a:hover { color: #fff }
#t-01 { left: 35px; top: 20px }
#t-02 { left: 300px; top: 20px }
#t-03 { left: 640px; top: 20px }

#footer p { margin: 0 }
#copyright { color: #e8ded0; font-size: 90%; padding: 1em 0 0 15px }
#copyright a { color: #e8ded0; text-decoration: none }
#copyright a:hover { color: #fff; text-decoration: underline }
/* /layout - special */

/* novinky */
.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: 100% }
.rubrika_title { background: #eeeeee }
.news .nw_date { font-size: 90% }
.news h4 { margin-top: 0; font-weight: bold }
.nwc_date { color: #867c6b; position: relative; top: -10px }
.nw_anotace { color: #5f5546; margin: 0 0 1.5em 0 }
.nw_company, .nwc_company, .nw_place, .nwc_place, .nw_author, .nwc_author, .nw_tip { margin: 0; color: #867c6b }
/* /novinky */

/* boxy content */
#content .box { width: 100%; padding: 0 0 20px 0; overflow: hidden; background-color: #f3eee7 }
#content .box h3 { font-size: 140%; color: #2e271c; margin: 0; padding: 8px 12px; border-bottom: 1px solid #ddd3c5 }
#content .box h3 a { text-decoration: none }
#content .box .news { margin: 0 12px; padding: 10px 0; background: transparent url(img/sys/dotted.gif) repeat-x left bottom }
#content .box .nw_date { color: #867c6b; font-size: 90% }
#content .box .nw_text { margin: 0 0 8px 0 }
#content .box h4 { font-size: 100%; margin: 0 }
#content .box h4 a { color: #41392c; font-weight: bold; text-decoration: none }
#content .box h4 a:hover { color: #408358 }
#aktuality div { width: 316px; overflow: hidden }
#aktuality div p { margin: 0 }
#content #deska .news { padding: 10px 0 10px 35px; background: transparent url(img/sys/ico-pdf.gif) no-repeat 0 12px }
#deska div .dwn_ico_pdf { display: none }
#deska .news a:hover { color: #ff0000 }
#kalendar .nw_company, #kalendar .nw_place { margin: 0; font-size: 90%; color: #867c6b }
#content .box .nw_more { text-align: right }
#content .box .nw_more a { color: #408358 !important; font-size: 90%; font-weight: bold; text-decoration: underline }
#content .box .nw_more a:hover { text-decoration: none }
#content .box img.fr { position: relative; top: 10px; right: 12px }
#aktuality h3 { color: #388352 }
#kalendar h3 { background: transparent url(img/sys/ico-akce.gif) no-repeat right 5px }
#deska h3 { background: transparent url(img/sys/ico-deska.gif) no-repeat right 5px }
#aktuality, #kalendar { margin: 0 0 10px 0; background: #f3eee7 url(img/sys/bg_aktuality_akce.gif) no-repeat 12px 0 }
#deska { background: #f3eee7 url(img/sys/bg_deska.gif) no-repeat 12px 0 }
#content .box p.tar { margin: 10px 12px 0 0 }
/* /boxy content */


/* boxy2 */
.box2 { padding: 12px 15px; background: #605646 url(img/sys/bg_box.gif) repeat-x left bottom }
.box2 h3, .box2 h4 { font-size: 140%; color: #cebfaa; margin: 0; padding: 0; letter-spacing: -1px }
.box2 ul, .box2 ul { margin: 15px 0 25px 0; padding: 0; list-style: none; background: transparent url(img/sys/dotted.gif) repeat-x 0 0 }
.box2 li { line-height: normal; background: transparent url(img/sys/dotted.gif) repeat-x left bottom }
.box2 li a { color: #e8ded0; display: inline-block; padding: 3px 0 5px 17px; text-decoration: none; background: transparent url(img/sys/bullet2.gif) no-repeat 0 8px }
.box2 li a:hover { color: #dd6e6e }
#footer .box2 { float: left; width: 204px; height: 365px; overflow: hidden; margin: 0 4px 0 0; padding: 10px 13px; background: #5a5141 }
#footer .box2 ul { margin-bottom: 8px }
#footer .box2 h4 { padding: 18px 13px; background: #554c3d url(img/sys/h4-pattern.gif) no-repeat right top }
#footer .box2 li a { font-size: 90%; padding: 2px 0 4px 12px; background: transparent url(img/sys/bullet.gif) no-repeat 0 7px }
#footer .box2 li a:hover { color: #89d4a3 }
#footer .box2 img { padding-top: 20px  }
/* /boxy2 */

/* ostatni tridy pro web */
#columns { width: 100%; overflow: hidden }
#column-l { float: left; width: 340px }
#column-r { float: right; width: 320px }

#newsletter-zpravodaj { width: 100%; overflow: hidden; position: relative }
#newsletter { width: 239px; height: 97px; clear: both; background: transparent url(img/sys/bg_newsletter.gif) no-repeat 0 0 }
#newsletter h3 { font-size: 140%; color: #cebfaa; margin: 0; padding: 12px 0 10px 15px; letter-spacing: -1px }
#newsletter fieldset { padding: 0 0 0 15px }
#newsletter label { color: #cebfaa; font-size: 90% }
#n-email { width: 135px; padding: 4px 2px 5px 2px; color: #554c3d; font-size: 90%; border: 1px solid #cebfaa; background-color: #cebfaa }
.button-odeslat { color: #fff; font-weight: bold; font-size: 11px; border: none; margin: 0; width: 71px; height: 24px; background: url(img/sys/button-odeslat.gif) no-repeat 0 0; cursor: pointer }
.ico-zpravodaj { position: absolute; right: 0; top: 0 }

#content .submenu { padding: 8px 0 10px 0; margin-bottom: 20px; background-color: #5f5545 }
#content .submenu ul { margin: 0; padding: 0; list-style: none }
#content .submenu li { display: inline-block; line-height: normal; margin: 0 0 0 20px; padding: 3px 0 0 10px; background: transparent url(img/sys/bullet.gif) no-repeat 0 9px }
#content .submenu a { color: #e8ded0; font-size: 90% }
#content .submenu a:hover { color: #89d4a3 }

#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% }

#content .deska { border: 0 }
#content .deska td { border: 1px solid #b0a18d; vertical-align: top; padding: 5px 10px; background-color: #dacebd }
#content .deska .dwn_ico_pdf { padding: 0 0 0 25px; background-position: 0 2px }
#content .deska .dwn_ico_pdf small { display: block }
#content .deska .desc { font-size: 90%; margin: 1em 0 0 0; padding: 0 0 0 25px; color: #574e3f }

#sitemap { margin: 0 0 0 1em; padding: 0; list-style: none }
#sitemap ul { list-style: none }
#sitemap ul ul li { padding: 0 10px; list-style: none; background: transparent url(img/sys/bullet.gif) no-repeat 0 6px }
#sitemap h2, #sitemap h3 { font-weight: bold }
#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { text-transform: none; margin: 0 }
/* /ostatni tridy pro web */

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

/* download */
.dwn { margin: 15px 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: 10px 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(img/ico/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(img/ico/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 }

#local-fotogalerie { margin: 0.5em 0 1em 0; padding: 0.5em 12px 0.8em 12px; background-color: #cebfaa }
#local-fotogalerie strong { font-size: 12px }
.detail-panel #vyhledat-ubytovani select { width: 197px }
.detail-panel #vyhledat-ubytovani select.slim { width: auto }
.foto-big { padding: 5px; width: 238px; height: 190px; text-align: center; overflow: hidden; border: 1px solid #b1b1b1; background-color: #fff }
.foto-big img {  }
.foto-show { margin: 2em 0 0 0; height: 172px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
.foto-show img { margin: 0 3px 0 0; border: 1px solid #636363 }

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

#page-attachment h2 { font-weight: normal }
/* /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 */


div.pocet {  float: right; }
div.odpoved { background: #CEBFAA; padding: 5px; }
div.procenta { float: right; margin-left: 10px; }
div.sloupec { width: 90%; float: left; margin-bottom: 15px;}

/* zajimava-mista */ 

div.zajimave-misto h3 { margin: 0; display:inline;}
div.zajimave-misto {margin-bottom: 20px;}
div.zajimave-misto p { margin-bottom:0}
div.zajimave-misto img { border: 5px solid #cebfaa }

/* /zajimava-mista */ 

/* znak obce ke stazeni */

div#blok {
	padding: 8px 0 10px 0; margin: 3px 0 5px 5px; background: #C3B5A0; 
	width: 300px;
	height: 135px;	
	display: block;
}

div#blok img { border: 2x solid #E5DBCD }

/* /znak obce ke stazeni */