body { text-align: center; color: #333333; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: #E4EFF9 url(../images/main.gif) repeat-x 0 36px; z-index: 0; }
#main { margin: 0 auto; width: 980px; text-align: left; position: relative; min-height: 450px; height: auto; _height: 450px; }
html>body { font-size: 85%; *font-size: 80%; } body:last-child, * html body { font-size: 80%; }


/* --- GENERAL --- */
html, body, span, p, h1, h2, h3, h4, h5, h6, br, ul, ol, li, dl, dt, dd, caption, form, input, textarea, select, option, label, fieldset, legend, hr, blockquote { margin: 0; padding: 0; font-size: 100%; font-size: 95%\9; _font-size: 100%; *font-size: 100%; }

ul { list-style: none; }
a img, :link img, :visited img, fieldset { border: none; }
hr, .search legend, .filter legend, .add legend { display: none; }
.hore { position: absolute; top: -10000px; }
.none { display: none; }
a, a:link, a:visited, a:active { color: #205CA6; text-decoration: none; }
a:hover { color: #205CA6; text-decoration: underline; }
.clear { overflow: hidden; clear: both; height: 1px; line-height: 1px; }
.ui-tabs-hide { display: none; }


/* --- TOP LISTA --- */
#linka { margin: 0 auto; background: #C2E6FF url(../images/top_lista.gif) repeat-x; width: 100%; height: 36px; line-height: 36px; vertical-align: middle; }
#linka ul { font-size: 90%; font-size: 95%\9; _font-size: 90%; *font-size: 90%; text-align: left; margin: 0 auto; width: 980px; }
#linka li { float: left; background: url(../images/top_lista_break.gif) no-repeat 0 12px; margin: 0 10px 0 0; padding: 0 0 0 10px; }
#linka li.first { background: none; }
#linka li a, #linka li a:link, #linka li a:visited, #linka li a:active { color: #4D4D4D; text-decoration: none; }
#linka li a:hover { color: #4D4D4D; text-decoration: underline; }
#linka a.act, #linka a:link.act, #linka a:visited.act, #linka a:active.act { text-decoration: none; color: #CD0A28; }
#linka a:hover.act { text-decoration: underline; color: #CD0A28; }


/* --- HEADER --- */
#logo { display: block; padding-left: 0; position: absolute; top: 0; z-index: 100; }

#header { height: 150px; position: relative; font-size: 1.5em; }
#header span { background: #1C54A8 url(../images/header.jpg) no-repeat; position: absolute; width: 100%; height: 100%; }

#den { display: block; text-align: right; width: 955px; position: absolute; top: 40px; z-index: 10; color: #EFF2DF; font-size: 90%; font-size: 85%\9; _font-size: 90%; *font-size: 90%; }
#den a, #den a:link, #den a:visited, #den a:active { color: #9CDCFF; text-decoration: underline; }
#den a:hover { color: #9CDCFF; text-decoration: none; }


/* --- SEARCH --- */
#search_back { position: absolute; top: 100px; text-align: left; right: 25px; width: 227px; }
#search_back input.search_bar { float: left; font-size: 85%; cursor: text; background: #2255AA; color: #fff; border: 1px solid #9DC5EF; height: 13px; width: 173px; _width: 181px; padding: 5px 0 3px 8px; _padding: 0 0 0 8px; _height: 22px; _line-height: 22px; _vertical-align: middle; *height: 13px; *line-height: 13px; *vertical-align: middle; _height: 23px; _line-height: 23px; _vertical-align: middle; float: left; }
#search_back input.search_lupa { float: left; margin: 0 0 0 10px; background: url(../images/search_lupa.gif) no-repeat; width: 34px; height: 35px; border: none; cursor: pointer;  }


/* --- LEFT COL --- */
#content { margin: 0 auto; width: 980px; background: url(../images/main_back.gif) repeat-y; }

#left { float: left; width: 670px; }

#left h2 { color: #205CA6; font-size: 125%; font-size: 120%\9; _font-size: 125%; *font-size: 125%; height: 40px; line-height: 40px; vertical-align: middle; padding-left: 50px; margin-left: 25px; }
#left h2.rozdelenie { background: url(../images/h2_rozdelenie.gif) no-repeat; }
#left h2.spravy { background: url(../images/h2_spravy.gif) no-repeat; }

/* --- IMAGE MAP --- */
dl#officeMap { background: transparent url(../images/mapa_SR.gif) no-repeat top left; height: 315px; width: 629px; left: 0; position: relative; margin-left: 25px; }

dt { position: absolute; display: none; }
dd { position: absolute; }

dd#bansDef { top: 130px; left: 220px; }
dd#bansDef a { position: absolute; width: 150px; height: 120px; text-decoration: none; }
dd#bansDef a span, dd#bratDef a span, dd#kosiDef a span, dd#nitrDef a span, dd#presDef a span, dd#trenDef a span, dd#trnaDef a span, dd#ziliDef a span { display: none; }
dd#bansDef a:hover span, dd#bratDef a:hover span, dd#kosiDef a:hover span, dd#nitrDef a:hover span, dd#presDef a:hover span, dd#trenDef a:hover span, dd#trnaDef a:hover span, dd#ziliDef a:hover span { display: block; font-size: 85%; font-size: 80%\9; _font-size: 85%; *font-size: 85%; color: #5882B6; background: transparent url(../images/mapa_SR_popis.gif) no-repeat; width: 120px; height: 21px; line-height: 21px; vertical-align: middle; position: absolute; top: 30%; left: 10%; text-align: center; cursor: pointer; }

dd#bratDef { top: 160px; left: 0px; }
dd#bratDef a { position: absolute; width: 80px; height: 100px; text-decoration: none; }

dd#kosiDef { top: 120px; left: 380px; }
dd#kosiDef a { position: absolute; width: 220px; height: 80px; text-decoration: none;	}

dd#nitrDef { top: 190px; left: 110px; }
dd#nitrDef a { position: absolute; width: 110px; height: 100px; text-decoration: none; }

dd#presDef { top: 40px; left: 350px; }
dd#presDef a { position: absolute; width: 260px; height: 80px; text-decoration: none; }

dd#trenDef { top: 60px; left: 100px; }
dd#trenDef a { position: absolute; width: 100px; height: 100px; text-decoration: none; }

dd#trnaDef { top: 150px; left: 60px; }
dd#trnaDef a { position: absolute; width: 50px; height: 150px; text-decoration: none; }

dd#ziliDef { top: 0; left: 200px; }
dd#ziliDef a { position: absolute; width: 150px; height: 130px; text-decoration: none; }

#left table.home_table, #left table.sub_table { font-size: 100%; border; border-collapse: collapse; margin: 15px 0 15px 25px; }
#left table.home_table td, #left table.sub_table td { background: #E4EFF9; width: 311px; border: 2px solid #fff; height: 29px; line-height: 29px; vertical-align: middle; }
#left table.home_table td img, #left table.sub_table td img { vertical-align: middle; padding-right: 10px; }

#left table.sub_table td { width: 410px; }


#left .abeceda { padding: 0 0 10px 0; margin: 0 15px 10px 25px; font-size: 90%; font-size: 85%\9; _font-size: 90%; *font-size: 90%; border-bottom: 1px dotted #B2B2B2; }
#left .abeceda a, #left .abeceda a:link, #left .abeceda a:visited, #left .abeceda a:active, #left .abeceda a:hover { padding: 0 5px; font-weight: bold; }

#left table.home_spravy { font-size: 100%; margin: 15px 0 15px 25px; }
#left table.home_spravy td.img { padding-right: 15px; }
#left table.home_spravy td { vertical-align: top; }
#left table.home_spravy td h3 { font-size: 110%; font-size: 105%\9; _font-size: 110%; *font-size: 110%; }
#left table.home_spravy td p { padding: 3px 0; }
#left table.home_spravy td p.datum { font-size: 90%; font-size: 85%\9; _font-size: 90%; *font-size: 90%; }
#left table.home_spravy td p.citaj a { color: #CD0A28; text-decoration: underline; font-size: 90%; font-size: 85%\9; _font-size: 90%; *font-size: 90%; }
#left table.home_spravy td p.citaj a:hover { color: #CD0A28; text-decoration: none; }

/* --- OMRVINKY --- */
.drob { font-size: 85%; font-size: 80%\9; _font-size: 85%; *font-size: 85%; padding: 10px 10px 0 28px; overflow: hidden; clear: both; }


/* --- STREDNY STLPEC --- */
#left .middle { float: right; width: 465px; margin: 0 5px 0 0; _margin: 0 2px 0 0; background: url(../images/content_back.gif) repeat-y; }
#left .middle h2 { color: #CD0A28; font-size: 125%; font-size: 120%\9; _font-size: 125%; *font-size: 125%; padding: 0 25px; margin: 0; }

#left .middle .obec { margin: 0 20px; padding: 10px 0; width: 425px; _width: 425px; font-size: 100%; border-bottom: 1px dotted #B1B1B1; }


#left .middle .obec table { font-size: 100%; }
#left .middle .obec table td { vertical-align: top; }
#left .middle .obec table td.prve { font-size: 85%; width: 80px; }
#left .middle .obec table td.prve img { margin-top: 3px; }
#left .middle .obec table td.druhe p { font-size: 85%; font-size: 80%\9; _font-size: 85%; *font-size: 85%; width: 315px; _width: 315px;  padding: 5px 0 0 0; }
#left .middle .obec table td.druhe h3 { font-size: 125%; padding: 5px 0 3px 0; font-weight: normal; margin: 0; }
#left .middle .obec table td.druhe h3 a, #left .middle .obec table td.druhe h3 a:link, #left .middle .obec table td.druhe h3 a:visited, #left .middle .obec table td.druhe h3 a:active { color: #5E9900; text-decoration: none; }
#left .middle .obec table td.druhe h3 a:hover { color: #5E9900; text-decoration: underline; }

/* --- LISTOVANIE --- */
#left .middle .list { margin: 15px 20px 0 20px; font-size: 95%; }
#left .middle .list span { padding: 3px 7px; color: #5E9900; }
#left .middle .list a, .list a:link, .list a:visited, .list a:active, .list a:hover { padding: 3px 7px; }
#left .middle .list a:hover { background: #CFE1AE; text-decoration: none; }
#left .middle .list_spolu { margin: 5px 20px; font-size: 85%; padding: 0; }


/* --- DETAIL --- */
#left .middle .table_detail { font-size: 100%; margin: 10px 0; width: 443px; }
#left .middle .table_detail td { vertical-align: top; }
#left .middle .table_detail td.second { width: 235px; }
#left .middle .table_detail td h2 { color: #CD0A28; font-size: 125%; font-size: 120%\9; _font-size: 125%; *font-size: 125%; padding: 12px 0 0 0; margin: 0; line-height: 18px; }
#left .middle .table_detail td p, #left .middle .table_detail_hodiny td p { line-height: 20px; }

#left .middle p.line { border-bottom: 1px dotted #B1B1B1; margin: 0 20px; }

#left .middle .table_detail_hodiny { font-size: 85%; font-size: 80%\9; _font-size: 85%; *font-size: 85%; margin: 5px 20px 20px 20px; }
#left .middle .table_detail_hodiny td { vertical-align: top; width: 180px; }
#left .middle .table_detail_hodiny td.second { width: 235px; }
#left .middle h3 { color: #205CA6; margin: 20px 20px 0 20px; font-size: 115%; font-size: 110%\9; _font-size: 115%; *font-size: 115%; }

#left .middle p.mapa_detail { margin: 20px; }

#left .middle .table_detail_devat { font-size: 85%; font-size: 80%\9; _font-size: 85%; *font-size: 85%; margin: 20px; border-collapse: collapse; }
#left .middle .table_detail_devat td { vertical-align: top; width: 160px; background: #E4EFF9; border: 1px solid #fff; }
#left .middle .table_detail_devat td img { vertical-align: middle; }
#left .middle .table_detail_devat td strong { color: #205CA6; }


/* --- MENU --- */
#left .left_menu { float: left; width: 190px; background: #E4EFF9; margin: 5px 0 0 10px; _margin: 5px 0 0 5px; }
#left .left_menu h3 { background: url(../images/menu_item.gif) no-repeat; color: #fff; font-size: 100%; text-align: center; width: 190px; line-height: 29px; height: 29px; vertical-align: middle; }

#left .left_menu ul { padding: 10px; }
#left .left_menu ul li { color: #FDEDCB; font-size: 85%; font-size: 90%\9; _font-size: 85%; *font-size: 85%; font-weight: bold; }
#left .left_menu ul li a, #left .left_menu ul li a:link, #left .left_menu ul li a:visited, #left .left_menu ul li a:active { display: block; background: url(../images/left_menu_arrow1.gif) no-repeat 0 8px; border-bottom: 1px solid #fff; padding: 5px 5px 5px 30px; margin: 0; width: 135px; _width: 170px; }
#left .left_menu ul li a:hover { text-decoration: underline; }

.act a { color: #CD0A28; }

#left .left_menu ul li ul { padding: 0; }
#left .left_menu ul li ul li { font-size: 100%; font-size: 105%\9; _font-size: 100%; *font-size: 100%; font-weight: normal; }

#left .left_menu ul li.bans { background: #CFDEEF url(../images/kraj_banskobystricky_m.gif) no-repeat; border-top: 1px solid #fff; }
#left .left_menu ul li.bans ul li { background: #CFDEEF url(../images/kraj_banskobystricky_mm.gif) no-repeat; }
#left .left_menu ul li.bans ul li ul li { background: #fff url(../images/kraj_banskobystricky_mm.gif) no-repeat; }

#left .left_menu ul li.brat { background: #CFDEEF url(../images/kraj_bratislavsky_m.gif) no-repeat; }
#left .left_menu ul li.brat ul li { background: #CFDEEF url(../images/kraj_bratislavsky_mm.gif) no-repeat; }
#left .left_menu ul li.brat ul li ul li { background: #fff url(../images/kraj_bratislavsky_mm.gif) no-repeat; }

#left .left_menu ul li.kosi { background: #CFDEEF url(../images/kraj_kosicky_m.gif) no-repeat; }
#left .left_menu ul li.kosi ul li { background: #CFDEEF url(../images/kraj_kosicky_mm.gif) no-repeat; }
#left .left_menu ul li.kosi ul li ul li { background: #fff url(../images/kraj_kosicky_mm.gif) no-repeat; }

#left .left_menu ul li.nitr { background: #CFDEEF url(../images/kraj_nitriansky_m.gif) no-repeat; }
#left .left_menu ul li.nitr ul li { background: #CFDEEF url(../images/kraj_nitriansky_mm.gif) no-repeat; }
#left .left_menu ul li.nitr ul li ul li { background: #fff url(../images/kraj_nitriansky_mm.gif) no-repeat; }

#left .left_menu ul li.pres { background: #CFDEEF url(../images/kraj_presovsky_m.gif) no-repeat; }
#left .left_menu ul li.pres ul li { background: #CFDEEF url(../images/kraj_presovsky_mm.gif) no-repeat; }
#left .left_menu ul li.pres ul li ul li { background: #fff url(../images/kraj_presovsky_mm.gif) no-repeat; }

#left .left_menu ul li.tren { background: #CFDEEF url(../images/kraj_trenciansky_m.gif) no-repeat; }
#left .left_menu ul li.tren ul li { background: #CFDEEF url(../images/kraj_trenciansky_mm.gif) no-repeat; }
#left .left_menu ul li.tren ul li ul li { background: #fff url(../images/kraj_trenciansky_mm.gif) no-repeat; }

#left .left_menu ul li.trna { background: #CFDEEF url(../images/kraj_trnavsky_m.gif) no-repeat; }
#left .left_menu ul li.trna ul li { background: #CFDEEF url(../images/kraj_trnavsky_mm.gif) no-repeat; }
#left .left_menu ul li.trna ul li ul li { background: #fff url(../images/kraj_trnavsky_mm.gif) no-repeat; }

#left .left_menu ul li.zili { background: #CFDEEF url(../images/kraj_zilinsky_m.gif) no-repeat; }
#left .left_menu ul li.zili ul li { background: #CFDEEF url(../images/kraj_zilinsky_mm.gif) no-repeat; }
#left .left_menu ul li.zili ul li ul li { background: #fff url(../images/kraj_zilinsky_mm.gif) no-repeat; }


/* --- RIGHT COL --- */
#right { float: left; width: 310px; }

.right_nadpis { width: 300px; background: url(../images/right_item.gif) no-repeat; height: 29px;line-height: 29px; vertical-align: middle; margin-top: 5px; }
.right_nadpis h3 { padding-left: 40px; color: #fff; }

.right_box { width: 300px; background: #E4EFF9; }

.right_box table.table_right_box { font-size: 100%; margin: 10px 20px; }
.right_box table.table_right_box td { vertical-align: top; padding: 10px 0; }
.right_box table.table_right_box td.img { padding-right: 15px; }
.right_box table.table_right_box td h4 { font-size: 90%; font-size: 85%\9; _font-size: 90%; *font-size: 90%; }
.right_box table.table_right_box td p.citaj a { color: #CD0A28; text-decoration: underline; font-size: 85%; font-size: 80%\9; _font-size: 85%; *font-size: 85%; }
.right_box table.table_right_box td p.citaj a:hover { color: #CD0A28; text-decoration: none; }

.right_box .zmena_regionu select { margin: 10px 20px 0 20px; width: 260px; }


/* --- REKLAMA --- */
.reklama_leaderboard { text-align: center; margin: 3px 0 0 0; z-index: -7; }
.reklama_fullbanner { text-align: center; margin-top: 10px; z-index: -7; }
.reklama_squarebanner { margin: 5px 0 0 0; z-index: 0; }
.reklama_skyscrapper { left: 990px; position: absolute; top: 20px; } 
.reklama_button { text-align: left; margin: 10px 0 0 0; }
.reklama_button img { margin-left: 18px; }


/* --- FOOTER --- */
#footer { margin: 0 auto; width: 100%; background: url(../images/footer.gif) repeat-x; height: 50px; line-height: 50px; vertical-align: middle; }

#footer p { text-align: center; margin: 0 auto; width: 980px; font-size: 85%; font-size: 80%\9; _font-size: 85%; *font-size: 85%; color: #fff; }
#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }


/* --- CHYBOVE HLASKY --- */
div.bad { background: #FFF6F6; color: #f00; padding: 15px; margin: 15px 0 15px 0; border: 1px solid #f00; width: 528px !important; width /**/:560px; }
div.bad h3, div.bad_viz h3 { font-size: 140%; font-weight: normal; letter-spacing: 0; line-height: 30px; }

div.good { background: #F1F8EC; color: #228B22; padding: 15px; margin: 15px 0 15px 0; border: 1px solid #228B22; width: 528px !important; width /**/:560px; }
div.good h3, div.good_viz h3 { font-size: 140%; font-weight: normal; letter-spacing: 0; line-height: 30px; }

div.bad p, div.bad_viz p, div.good p, div.good_viz p { padding-top: 15px; }