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

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

body.body { text-align: center; color: #868686; background: #ffffff url(img/sys/bg_body.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #0b77a7; padding: 0; line-height: normal; font-family: "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
h1 { font-size: 190%; clear: both; margin: 1em 0 0.8em 0 }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #3393c0 }
a:link { color: #3393c0 }
a:hover { color: #000000; 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: 92% }
/* /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 }
.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: 92% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
.b { font-weight: bold }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 970px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }

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

#zahlavi { position: absolute; left: 0; top: 0; width: 970px; background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat 20px 82px }
#zahlavi-in {
    height: 211px;
    margin: 0 22px 0 20px;
    position: relative;
    background: transparent url(img/sys/bg_zahlavi_in.gif) repeat-x left bottom
}

#toptext {
	position: absolute;
	right: 0;
	top: 66px;
}

#toptext span {
	color: #000;
}

#content {
    float: right;
    width: 759px;
    overflow: hidden
}
#content-in { padding: 220px 22px 200px 0 }

#panel {
    float: left;
    width: 175px
}
#panel-in { padding: 226px 0 200px 20px }

#content-left { float: left; width: 698px }
#panel-right { float: right; width: 213px; padding: 220px 22px 200px 0  }

#zapati {
    position: absolute;
    left: 5px;
    bottom: 0;
    width: 960px
}
#zapati-in { height: 180px; position: relative }
/* /layout - zaklad */

/* layout - special */
.home #content { float: right; width: 487px }
.home #content-in { padding: 220px 0 200px 0 }

#logo, #logo span { display: block; position: relative; left: 0; top: 16px; width: 197px; height: 50px; 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-top { margin: 0; padding: 0; list-style: none; position: absolute; right: 258px; top: 18px }
#menu-top li { color: #00618e; display: inline; margin: 0 0 0 2em }
#menu-top a { color: #7a7a7a; font-size: 92%; text-decoration: none }
#menu-top a:hover { color: #00618e }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 15px; right: 0; text-align: right }
#searchword { color: #868686; font-size: 92%; border: 1px solid #e2e2e2; padding: 3px 0 3px 2px; width: 178px }
.button-vyhledat { width: 27px !important; height: 21px !important }

#cesta { float: left; font-size: 92%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 92% }

#partners { margin: 0 20px }
#partners h4, #partners h4 span { display: block; margin: 0; position: relative; width: 85px; height: 14px; overflow: hidden }
#partners h4 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h4_partners.gif) no-repeat 0 0 }
#partners p { margin: 0; padding: 10px 0 8px 0; border: 1px solid #f4f4f4; text-align: center }
#partners p img { margin: 0 10px }

#copyright { width: 930px; height: 57px; padding: 13px 15px 0 15px; color: #000000; font-size: 92%; background-color: #a3a3a3; position: absolute; left: 0; bottom: 0; text-align: right }
#copyright table { float: left; text-align: left; color: #ffffff }
#copyright td { padding: 0 20px 0 0 }
/* /layout - special */

/* ostatni tridy pro web */
#h1-headliners { color: #ffffff; font-weight: normal; margin: 0; padding: 1px 5px 3px 5px; border: 1px solid #e7e7e7; background-color: #515152 }

.tab { width: 100%; overflow: hidden; border-bottom: 3px solid #e7e7e7 }
.tab ul { margin: 1em 0 0 13px; padding: 0; list-style: none }
.tab li { float: left }
.tab li a { color: #bbbbbc; font-size: 92%; font-weight: bold; display: inline; float: left; margin: 0 2px 0 0; padding: 5px 21px; background-color: #f4f4f4; border: 1px solid #e7e7e7; border-width: 1px 1px 0 1px; text-decoration: none }
.tab li a:hover, .tab .active a { color: #000; background-color: #e7e7e7 }

.block { margin: 0 0 3em 0; padding: 15px 0 0 0; border: 1px solid #e7e7e7; border-width: 1px 1px 0 1px; background: #f4f4f4 url(img/sys/bg_dot.gif) repeat-x left bottom; height: 1% }
#content .block td { padding: 0 12px 7px 12px; vertical-align: top }
.block table a { font-weight: bold; text-decoration: none }
.block table b { color: #404040 }
.block table p { margin: 0 0 1em 0 }
.block table .b-img { margin: 1em 0 }

.blue { color: #86d2f4 }

#cr h3 { margin: 0 }
#cr ul { margin: 1.2em 0 3em 0; padding: 0; list-style: none }
#cr li { line-height: normal; background: transparent url(img/sys/bg_dotted.gif) repeat-x 0 0 }
#cr li a { display: block; width: 143px; padding: 4px 0 4px 12px; background: transparent url(img/sys/bullet.gif) no-repeat 1px 9px; text-decoration: none }

#is h3 { color: #000000; margin: 0 }
#is ul { margin: 1.2em 0 3em 0; padding: 0; list-style: none }
#is li { line-height: normal; background: transparent url(img/sys/bg_dotted.gif) repeat-x 0 0 }
#is li a { color: #000000; display: block; width: 143px; padding: 4px 0 4px 12px; background: transparent url(img/sys/bullet.gif) no-repeat 1px 9px; text-decoration: none }
#is .is-all a { color: #3393c0 }
#is ul ul li a { color: #000000 !important }
#is li a:hover { color: #3393c0 !important }

#panel .ul-nabidka h3 {  font-size: 100%; margin: 0 }
#panel .ul-nabidka ul { margin: 1.2em 0 3em 0; padding: 0; list-style: none }
#panel .ul-nabidka li { line-height: normal; background: transparent url(img/sys/bg_dotted.gif) repeat-x 0 0 }
#panel .ul-nabidka li a { color: #515152; display: block; width: 143px; padding: 4px 0 4px 12px; background: transparent url(img/sys/bullet.gif) no-repeat 1px 9px; text-decoration: none }
#panel .ul-nabidka li a:hover { color: #3393c0 }

#panel ul ul { margin: 0 0 1.5em 0; padding: 0.5em 0 0 13px; background: transparent url(img/sys/bg_dotted.gif) repeat-x 0 0 }
#panel ul ul li { background: none }
#panel ul ul a { font-size: 90%; width: 132px; padding: 2px 0 2px 10px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 8px }

.box { margin: 0 0 1em 0; padding: 0 12px 8px 12px; border: 1px solid #f4f4f4; background: transparent url(img/sys/bg_box.gif) repeat-x 0 0 }
.box p { font-size: 92% }
.box .tar { margin: 0 }
.box div .small { color: #b6b6b6 }
.box h3 { color: #000000; margin: 0; padding: 10px 0 3px 0; background: transparent url(img/sys/h4_bg.gif) no-repeat 0 0 }
.box h3 a { color: #000000 }

.branch { padding-left:10px; font-weight: bold; background: url(img/sys/button_branch-on.gif) 0 0 no-repeat; cursor:pointer;}
#branch_0, #branch_1, #branch_2, #branch_3, #branch_4, #branch_5 {margin-left:10px;}
.branch.off { background-image:url(img/sys/button_branch-off.gif)}
.branch.on {}
.branch div { padding:0; margin:0;}

#jobs { margin: 0 0 2em 0; padding: 10px 10px 7px 0; background-color: #0b77a7 }
#jobs h3 { color: #ffffff; font-weight: normal; margin: 0; padding: 0 0 0 2px; border-left: 8px solid #05567a }
#jobs p { color: #ffffff; font-size: 92%; margin: 7px 0 7px 10px }
#jobs .tar { margin: 0 }
#jobs a { color: #ffffff }

#business, #discounts, #realestate { margin: 0 0 2em 0; padding: 13px 10px 5px 13px; border: 1px solid #f4f4f4; background: transparent url(img/sys/bg_offer.gif) repeat-y right 0 }
#business h3, #discounts h3, #realestate h3 { margin: 0 }
#business h3 { font-weight: normal }
#business p, #discounts p, #realestate p { font-size: 92%; margin: 7px 0 }
#business .tar, #discounts .tar, #realestate .tar { margin: 0 }
#business .blue, #discounts .blue, #realestate .blue { color: #0b77a7 }
#business a, #discounts a, #realestate a { color: #999999 }

.box h3 a, #business h3 a, #jobs h3 a, #discounts h3 a, #realestate h3 a { text-decoration:none }
.box h3 a:hover, #business h3 a:hover, #jobs h3 a:hover, #discounts h3 a:hover, #realestate h3 a:hover { text-decoration: underline }


#news p a { font-weight: bold; text-decoration: none }

#calendar p a { color: #636363; font-weight: bold; text-decoration: none }
#calendar p a:hover { color: #000000 }

.filtr { margin: 0 0 3em 0; padding: 1.3em 1.5em; border: 1px solid #e7e7e7; background-color: #f4f4f4; text-align: left }
.filtr small { float: left; color: #00618e }
.filtr select { margin: 0 1em; width: 150px }
.button-show { width: 45px !important; height: 17px !important }

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

/* /ostatni tridy pro web */

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

/* novinky */
.news { margin: 0.3em 0 0 0; padding: 0 0 12px 0 }
#content .news h4 { font-family: Verdana, "Geneva CE", lucida, sans-serif }
#content .news .nw_date { color: #b6b6b6 }
#content .news table { margin: 1em 0 0 0 }
#content .news td { padding: 0 17px 7px 0; vertical-align: top }
#content .news table b { color: #404040 }
#content .news table p { margin: 0 0 1em 0 }
hr.nw-hr { height: 1px; border-bottom: none; background: transparent url(img/sys/bg_dotted.gif) repeat-x left bottom }
/*.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: 92%; color: #697277 }
.nw_anotace { font-size: 92% }
.rubrika_title { background: #eeeeee }
#content .news .imgb { margin-top: 1em }
#content table.real-estate-offers { background: #F4F4F4; margin-bottom: 1em; border: 5px solid #F4F4F4 }
#content .real-estate-offers td { color: #000; padding: 2px 3px; vertical-align: baseline }
#content .real-estate-offers .caption { color: #868686 }
#content .real-estate-offers span { color: #868686 }
/* /novinky */

/* download */
.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_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 }
/* /prilohy */

/* slider */
#slider { width: 928px; height: 124px; position:absolute; top:83px; left:0px; overflow:hidden;}
#slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{ margin-top:1em;}
#slider li a, #slider2 li a{ display:block; width:928px; height:124px; overflow:hidden;}
/* define width and height of list item (slide) - entire slider area will adjust according to the parameters provided here*/

#prevBtn, #nextBtn, #slider1next, #slider1prev{ position:absolute; left:0; top:120px; z-index:1000; overflow:hidden; text-indent:-9999px;}
#nextBtn, #slider1next{ left:903px; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; display:block; width:25px; height:50px;}
#nextBtn a, #slider1next a{}
#nextBtn a { background: url(img/sys/slider_nextBtn.png) 0 0 no-repeat}
#prevBtn a { background: url(img/sys/slider_prevBtn.png) 0 0 no-repeat}
/* numeric controls */
/*ol#controls{ margin:1em 0; padding:0; height:28px;	 }
ol#controls li{ margin:0;  padding:0; float:left; list-style:none; height:20px; line-height:28px; }
ol#controls li a{ float:left; height:28px; line-height:28px; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline:none;}*/
/* /slider */