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

body { font: 75%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body.body { text-align: center; color: #686868; background: #edf1f3 url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #2977bc/*#2d2d2d*/; padding: 0; line-height: normal; font-family: "Arial CE", arial, "Helvetica CE", helvetica, sans-serif; text-transform: uppercase }
h1 { font-size: 200%; clear: both; margin: 0.2em 0 0.5em 0; letter-spacing: -1px }
h2 { font-size: 140%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 140%; margin: 1.7em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #21a9e1 }
a:link { color: #21a9e1 }
a:hover { color: #2977bc; 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: 3px solid #d6dee4 }
.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 {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #fff url(img/sys/bg_main.gif) repeat-y 0 0
}

#main-in { height: 810px; background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 0 }
html>body #main-in { min-height: 810px; height: auto }

#header { position: absolute; left: 0; top: 0; width: 960px; height: 317px; background: transparent url(img/sys/bg_header.jpg) no-repeat 6px 166px }
.en #header { background: transparent url(img/sys/bg_header-en.jpg) no-repeat 6px 166px }
.de #header { background: transparent url(img/sys/bg_header-de.jpg) no-repeat 6px 166px }
.pl #header { background: transparent url(img/sys/bg_header-pl.jpg) no-repeat 6px 166px }
.sk #header { background: transparent url(img/sys/bg_header-sk.jpg) no-repeat 6px 166px }

#content {
    float: left;
    width: 704px;
    overflow: hidden
}
#content-in { padding: 360px 15px 25px 20px }

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

#footer {
    width: 960px;
    height: 123px;
    background: #edf1f3 url(img/sys/bg_footer.gif) no-repeat 0 0
}
/* /layout - zaklad */

/* layout - special */
#main.home #header { height: 417px; background: none }
#main.home #content { float: none; width: 950px; padding: 417px 5px 25px 5px }

#logo, #logo span { display: block; position: relative; left: 7px; top: 11px; width: 340px; height: 83px; overflow: hidden; text-decoration: none; cursor: pointer; padding: 0; margin: 0 }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }
h1#logo { font-size: 100%; margin: 0 }
h1#logo a { color: #a3b3c1 }

.en #logo span { background-image: url(img/sys/bg_logo-en.gif)}
.de #logo span { background-image: url(img/sys/bg_logo-de.gif)}
.pl #logo span { background-image: url(img/sys/bg_logo-pl.gif)}
.sk #logo span { background-image: url(img/sys/bg_logo-sk.gif)}

#menu { position: absolute; left: 6px; top: 117px; width: 948px; height: 48px; background: #086094 url(img/sys/bg_menu.jpg) no-repeat 0 0; z-index: 102 }
#menu ul { margin: 0; padding: 0 0 0 5px; list-style: none }
#menu li { float: left; height: 48px; padding: 0 1px 0 0; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 14px; position: relative }
#menu .m-last { background: none }
#menu a { color: #fff; font-size: 90%; font-weight: bold; display: block; float: left; padding: 0 19px; height: 48px; line-height: 47px; text-decoration: none; text-shadow: 1px 1px #0b5b92; text-transform: uppercase; background: transparent url(img/sys/bg_menu_a.gif) repeat-x 0 -48px }

.en #menu a { padding: 0 17px;}
.de #menu a { padding: 0 12px;}
.pl #menu a { padding: 0 16px;}
.sk #menu a { padding: 0 18px;}

#menu a:hover, #menu a.active, #menu .menuhover { background-position: 0 0 }

#menu li ul { position: absolute; left: 0px; top: 48px; width: 220px; height: auto; display: none; margin: 0; padding: 0; list-style: none; background-color: #03436a; z-index: 101 }
#menu li ul li { float: none; width: 220px; text-align: left; padding: 0; background: none; border-bottom: 1px solid #fff; height: auto }
#menu li ul .m-last { border-bottom: 2px solid #fff }
#menu li ul a, .en #menu li ul a, .de #menu li ul a, .pl #menu li ul a, .sk #menu li ul a { padding: 8px 5px 8px 11px; float: none; font-weight: normal; height: 15px; line-height: normal; text-align: left; background: none; font-size: 90%; font-weight: bold }
#menu li ul a:hover, #menu li ul a.active { color: #fff; background-color: #075d90/*7acdef*/ }


#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; left: 711px; top: 70px; width: 243px; height: 24px; background: transparent url(img/sys/bg_searchform.gif) no-repeat 0 0 }
#searchword { width: 208px; padding: 4px 2px; border: 0; color: #a7b7c4; font-size: 90%; background: none; position: absolute; left: 2px; top: 1px; /*text-transform: uppercase*/ }
.button-vyhledat { width: 24px !important; height: 24px !important; position: absolute; left: 219px !important; top: 0 !important; padding: 0 !important }

#langs { position: absolute; right: 5px; top: 15px; line-height: normal }
#langs img { border: 1px solid #4b5b69; margin: 0 0 0 3px }
#langs a:hover img { border: 1px solid #8396a6 }

#top-links { position: absolute; right: 170px; top: 15px }
#top-links a { /*color: #d2dbe1;*/color: #fff; font-size: 90%; margin: 0 0 0 18px; padding: 0 0 0 8px; text-decoration: none; text-transform: uppercase; background: transparent url(img/sys/bullet.gif) no-repeat 0 4px }
#top-links a:hover { color: #5acfff }

#navbox { width: 948px; height: 24px; overflow: hidden; position: absolute; left: 6px; top: 318px; background-color: #dfe6ea }
#cesta { float: left; font-size: 90%; margin: 3px 0; padding: 0 0 0 15px; color: #7a8f9c }
#navigace { float: right; margin: 3px 0 0 0; padding: 0 15px 0 0; font-size: 90% }

#sitemap, #sitemap ul { margin: 1em 0 1.5em 2em; padding: 0; list-style: none }
#sitemap h2 { font-size: 100%; text-transform: none }
#sitemap h3 { font-size: 100%; margin: 0; text-transform: none }
#sitemap h4 { font-size: 100%; margin: 0; text-transform: none }
#sitemap li { padding: 0 0 5px 10px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 6px }


#slogan { color: #8094a8; display: block; width: 100%; height: 57px; line-height: 57px; text-align: center; text-transform: uppercase; font-size: 180%; font-family: "Arial CE", arial, "Helvetica CE", helvetica, sans-serif; text-transform: uppercase }
#slogan a { color: #8094a8; text-decoration: none }
#slogan a:hover { color: #21a9e1; text-decoration: underline }
#copyright { color: #fff; font-size: 90%; margin: 15px 30px 0 30px; text-align: right; /*text-transform: uppercase*/ }
#copyright a { color: #f48f0d; text-decoration: none }
#copyright .fl a { color: #7bd9ff; text-decoration: underline; text-transform: none }
#copyright a:hover { color: #fff }
/* /layout - special */

/* ostatni tridy pro web */
#rozcestnik { width: 939px; padding: 11px 0 5px 9px; border: 1px solid #fff; overflow: hidden; background: #d5dde3; position: relative; }
#rozcestnik .sekce { float: left; width: 215px; margin: 0 13px 0 0; text-align: justify }
#rozcestnik .sekce h2 { margin: 0; font-size: 120% }
#rozcestnik .sekce h2 a { color: #50606c; display: block; height: 122px; padding: 8px 8px 0 8px; text-decoration: none }
#rozcestnik .sekce h2 a:hover { color: #21a9e1 }
#rozcestnik .s1 h2 a { background: transparent url(img/sys/bg_sekce_s1.jpg) no-repeat 0 0 }
#rozcestnik .s2 h2 a { background: transparent url(img/sys/bg_sekce_s2.jpg) no-repeat 0 0 }
#rozcestnik .s3 h2 a { background: transparent url(img/sys/bg_sekce_s3.jpg) no-repeat 0 0 }
.pl #rozcestnik .s3 h2 a { padding-left: 5px }
#rozcestnik .sekce ul { margin: 5px 0 1.4em 0; padding: 0; list-style: none; min-height: 115px }
.de #rozcestnik .sekce ul, .pl #rozcestnik .sekce ul { min-height: 130px }
#rozcestnik .sekce li { color: #4a5e6f; display: inline; margin: 0 3px 0 0; font-size: 90%; padding: 0 8px 0 0; background: transparent url(img/sys/bullet2.gif) no-repeat right 7px }
#rozcestnik .sekce li a { color: #4a5e6f; text-decoration: none }
#rozcestnik .sekce li a:hover { color: #21a9e1 }
#rozcestnik a.small { position: absolute; bottom: 10px; width: 215px; text-align: left; padding-right:5px }
/*.cz #rozcestnik .s1 a.small { position: absolute; bottom: 23px; } */

#rozcestnik .infobox { float: left }
.infobox { margin: 0 0 6px 0; width: 240px; padding: 8px 0 4px/*8px*/ 4px; border: 1px solid #afb9c1; background-color: #ced8de }
.infobox h3 { color: #3c4e5d; font-weight: normal; font-size: 120%; margin: 0 0 0.5em 0/*0 0 0.7em 0*/ }
/*#content */.infobox table td { color: #3c4e5d; font-weight: bold; font-size: 90%; padding: 0 15px 0 0; text-transform: uppercase }
/*#content */.infobox table td strong { color: #2977bc }

#main .button { display: inline-block; margin: 5px 0 0 0; font-size: 0; overflow: hidden }

.b1 { width: 233px; height: 38px; background: transparent url(img/sys/button-b1.gif) no-repeat 0 0 }
.b1:hover { background-position: 0 -38px }
.b2 { width: 111px; height: 23px; background: transparent url(img/sys/button-b2.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.b2:hover { background-position: 0 -23px }
.b3 { width: 118px; height: 23px; background: transparent url(img/sys/button-b3.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.b3:hover { background-position: 0 -23px }
.b4 { width: 90px; height: 23px; background: transparent url(img/sys/button-b4.gif) no-repeat 0 0 }
.b4:hover { background-position: 0 -23px }

.en .b1 { width: 233px; height: 38px; background: transparent url(img/sys/button-b1-en.gif) no-repeat 0 0 }
.en .b1:hover { background-position: 0 -38px }
.en .b2 { width: 111px; height: 23px; background: transparent url(img/sys/button-b2-en.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.en .b2:hover { background-position: 0 -23px }
.en .b3 { width: 118px; height: 23px; background: transparent url(img/sys/button-b3-en.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.en .b3:hover { background-position: 0 -23px }
.en .b4 { width: 90px; height: 23px; background: transparent url(img/sys/button-b4-en.gif) no-repeat 0 0 }
.en .b4:hover { background-position: 0 -23px }

.de .b1 { width: 233px; height: 38px; background: transparent url(img/sys/button-b1-de.gif) no-repeat 0 0 }
.de .b1:hover { background-position: 0 -38px }
.de .b2 { width: 111px; height: 23px; background: transparent url(img/sys/button-b2-de.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.de .b2:hover { background-position: 0 -23px }
.de .b3 { width: 118px; height: 23px; background: transparent url(img/sys/button-b3-de.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.de .b3:hover { background-position: 0 -23px }
.de .b4 { width: 90px; height: 23px; background: transparent url(img/sys/button-b4-de.gif) no-repeat 0 0 }
.de .b4:hover { background-position: 0 -23px }

.pl .b1 { width: 233px; height: 38px; background: transparent url(img/sys/button-b1-pl.gif) no-repeat 0 0 }
.pl .b1:hover { background-position: 0 -38px }
.pl .b2 { width: 111px; height: 23px; background: transparent url(img/sys/button-b2-pl.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.pl .b2:hover { background-position: 0 -23px }
.pl .b3 { width: 118px; height: 23px; background: transparent url(img/sys/button-b3-pl.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.pl .b3:hover { background-position: 0 -23px }
.pl .b4 { width: 90px; height: 23px; background: transparent url(img/sys/button-b4-pl.gif) no-repeat 0 0 }
.pl .b4:hover { background-position: 0 -23px }

.sk .b1 { width: 233px; height: 38px; background: transparent url(img/sys/button-b1-sk.gif) no-repeat 0 0 }
.sk .b1:hover { background-position: 0 -38px }
.sk .b2 { width: 111px; height: 23px; background: transparent url(img/sys/button-b2-sk.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.sk .b2:hover { background-position: 0 -23px }
.sk .b3 { width: 118px; height: 23px; background: transparent url(img/sys/button-b3-sk.gif) no-repeat 0 0; margin: 8px 0 0 0 }
.sk .b3:hover { background-position: 0 -23px }
.sk .b4 { width: 90px; height: 23px; background: transparent url(img/sys/button-b4-sk.gif) no-repeat 0 0 }
.sk .b4:hover { background-position: 0 -23px }

#bloky { width: 100%; margin: 1.5em 0 1em 0; overflow: hidden }
#bloky h3, #news h3 { margin: 0 0 1.2em 0; padding: 0 0 0.2em 0; border-bottom: 1px solid #b3b3b3; background: transparent url(img/sys/h-linka.gif) no-repeat right bottom }
#panel #news { margin: 1.5em 0 0 0 }

#bloky #news { float: left; width: 235px/*; padding: 0 15px*/ }
#news .news { padding: 0 0 15px 20px; background: transparent url(img/sys/ico-news.gif) no-repeat 0 3px }
.news h4 { font-size: 100%; margin: 0; text-transform: none }
.news h4 a { color: #2977bc; text-decoration: none }
.news h4 a:hover { color: #21a9e1 }
#news .nw_text { min-height: 34px }
#news .a-vice { font-size: 90%; font-weight: bold }

#reference { float: left; width: 340px; padding: 0 25px 0 0 }
#content #reference td { vertical-align: top; text-align: center; padding: 0 10px 16px 0 }
#reference a:hover img { border-color: #21a9e1 }

.reference { margin: 0 0 6px 0; padding: 1em; border: 1px solid #afb9c1; background-color: #f1f4f6 }
.reference h3 { color: #3c4e5d; font-weight: normal; font-size: 120%; margin: 0 0 0.5em 0 }
.reference ul { margin: 1em 0 0 0; padding: 0; list-style: none }
.reference li { color: #3c4e5d; font-size: 90%; padding: 0 0 0 10px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 7px }

#prednosti { float: left; width: 305px; padding: 0 15px }
#prednosti ul { margin: 0; padding: 0 0 13px 0; list-style: none; min-height: 235px }
#prednosti li { padding: 0 0 /*15px*/7px 20px; background: transparent url(img/sys/bullet3.gif) no-repeat 0 4px }

.bullet { margin: 1em 0 1.5em 0; padding: 0; list-style: none }
.bullet li { padding: 0 0 0 10px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 8px }

.t-napiste-nam input, .t-napiste-nam textarea { border: 1px solid #afb9c1; padding: 3px; background-color: #dce5ea }
#content .t-01 td { padding-bottom: 4px }
.t-01 input, .t-01 textarea, .t-01 select { border: 1px solid #afb9c1; padding: 3px; background-color: #dce5ea }
#fid_submit { color: #fff; font-weight: bold; border: 1px solid #83909a; text-transform: uppercase; width: auto; padding: 5px 15px; background: #5f7487 url(img/sys/bg_button.gif) repeat-x 0 0 }

#content .t-02 td { border: 1px solid #dfe6ea; padding: 4px 10px; vertical-align: top; background-color: #f9fafb }
#content .t-02 td b { color: #627688 }
.t-border { border: 3px solid #d6dee4; margin: 1em 0 1.5em 0; padding: 1px }

#content .t-03 th { padding: 4px 10px; color: #fff; border: 1px solid #fff; border-width: 0 1px 1px 1px; background-color: #607486 }
#content .t-03 td { color: #627688; font-size: 90%; border: 1px solid #dfe6ea; padding: 4px 10px; vertical-align: top; background-color: #f9fafb }
#content .t-03 .bg0 td { background-color: #dfe6ea }

#content .t-04 td { font-size: 90%; /*border: 1px solid #dfe6ea;*/ padding: 4px 10px 35px 10px; vertical-align: top; background-color: #fff; /*text-align: center*/color: #696969; width: 33% }
#content .t-04 td a { color: #696969; text-decoration: none; text-transform: uppercase; font-weight: bold; margin-top: 2px }
#content .t-04 td a:hover { color: #21a9e1; text-decoration: underline }
#content .t-04 img { border: 3px solid #dee3e7 }
#content .t-04 a:hover img { border: 3px solid #21a9e1 }

#content .t-05 { margin-top: 10px }
#content .t-05 td { font-size: 90%; padding: 4px 10px; border-bottom: 2px solid #fff; background-color: #f6f7f9; /*text-align: left*/ }

#content .t-06 { width: 50%; float: left; height: 206px }
#content .t-06 td { font-size: 90%; padding: 4px 10px; border-bottom: 1px solid #fff; background-color: #f6f7f9; text-align: left }
#content .t-06 td.label { width: 35%; background-color: #e5e9ec; border-right: 1px solid #fff }

#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 */
.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 }
.nw_date { font-size: 90% }
.nw-hr { border-color: #fff }
/* /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 }
#local-fotogalerie img { border: 3px solid #edf2f6 }
#local-fotogalerie a:hover img { border: 3px solid #21a9e1 }
#local-fotogalerie { margin: 0.5em 0 0 0; padding: 0.5em 12px 0.8em 12px; background-color: #dce4e7 }

/*
.foto-big { position: absolute; top: 395px; left: 380px; width: 305px; height: 205px; text-align: center; overflow: hidden;  background-color: #fff; clear: both }
.foto-big img { border: 3px solid #d6dee4 }
*/
.foto-show { margin: 2em 0 0 0; height: 180px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
#tn_root img { border: 3px solid #d6dee4 }
#reference-detail .img_big { float: right; margin: 0; padding: 0 0 20px 0 }
/* /fotogalerie */

/* detail reference */
/*
#reference-detail {
  position: relative;
  overflow: hidden;
}
#reference-detail table.t-06 {
  float: left;
}
#reference-detail p.foto-big {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
#reference-detail p.foto-big img {
  margin: 0;
  padding: 0;
  width: 305px;
  width: auto;
  height: 205px;
}
#reference-detail #local-fotogalerie {
  float: right;
  margin: 80px 0 0 0;
  width: 669px;
}

#reference-detail #local-fotogalerie p.foto-show {
  margin: 0.5em 0;
  width: 669px;
}
*/
/* detail reference */

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

/* slider */
#slideshowheadline {display:block; position:absolute; top:200px; left:584px; width:374px; height:120px; z-index:100;}
#slideshow { position: absolute; left: 6px; top: 166px; width: 948px; height: 251px; overflow: hidden; line-height: 0; font-size: 0 }
#slideshow li { position:absolute; top:0; left:0;}
#slideshow ul li.show {}
#thumbs { position:absolute; left: 740px; top:200px}
#thumbs div { display:block; width:30px; height:30px; overflow:hidden; float:left; margin-left:5px; border:1px solid #999; cursor:pointer;}
#thumbs div:hover { border-color:#FFF;}
#thumbs div.active { border-color:#FFF !important;}
/* /slider */

#navigace-sousede { margin-top: 20px }

.blue { color: #2977bc; font-weight: bold }

h3.kont { margin-bottom: 0; padding: 0; width: 100% }
p.kont { margin-top: 0 }

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

ul#bottom-links {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 10px;
	bottom: 22px;
	left: 30px;
	color: #fff;
}


ul#bottom-links li {
	float: left; 
	margin-right: 10px;
	list-style-type: none;
}

ul#bottom-links li a {
	color: #8f8f8f;
}

ul#bottom-links li a:hover {
	color: #21a9e1;
}

/* mapka v kontaktoch */
#mapicka { display:block; width:100%; height:205px; position:relative; background: url(img/sys/bg_mapka.jpg) center top no-repeat; text-align:center }

h3 a { color:#2977BC}
#mapicka a { position:absolute; display:block; width:12px; height:12px; text-indent:-9999px; background:#21A9E1; overflow:hidden;}
#mapka-praha { top:85px; left:282px;}
#mapka-jesenik { top:69px; left:406px;}
#mapka-hradec-kralove { top:72px; left:344px; }
#mapka-javornik { top:56px; left:399px;}

/*
#mapicka { display:block; width:540px; height:317px; position:relative; background: url(img/sys/bg_mapka.jpg) 0 0 no-repeat}
 
#mapicka a { position:absolute; display:block; width:18px; height:18px; text-indent:-9999px; background:#21A9E1; overflow:hidden;}
#mapka-praha { top:130px; left:190px;}
#mapka-jesenik { top:105px; left:380px;}
#mapka-hradec-kralove { top:110px; left:285px;}
#mapka-javornik { top:85px; left:370px;}*/

/* mapka v kontaktoch */