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

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

body.body { text-align: center; color: #6d6e71; background-color: #fff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #ff0000/*ee2d32*/; padding: 0; line-height: normal; text-transform: uppercase }
h1 { font-size: 190%; clear: both; margin: 0.2em 0 1em 0 }
h2 { font-size: 140%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 120%; 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% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #ff0000/*ee2d32*/ }
a:link { color: #ff0000/*ee2d32*/ }
a:hover { color: #000; text-decoration: none }
p { margin: 1em 0 1.5em 0; line-height: 1.6 }
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 #ED1F24 }
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-wrapper { width: 100%; background: transparent url(img/sys/bg_main_wrapper.jpg) no-repeat 50% 0 }
#main {
    width: 940px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

#header { position: absolute; left: 0; top: 0; width: 100%; height: 230px }

#content {
    width: 940px;
    padding: 310px 0 40px 0
}

#footer {
    width: 100%;
    height: 150px;
    background: transparent url(img/sys/bg_footer.png) no-repeat 50% 0
}
#footer-in { width: 940px; margin: 0 auto; text-align: left }
/* /layout - zaklad */

/* layout - special */
#main-wrapper.home { background: transparent url(img/sys/bg_main_wrapper_home.jpg) no-repeat 50% 0 }
#main-wrapper.home #header { height: 181px }
#main-wrapper.home #content { padding: 215px 0 40px 0 }

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

#menu { position: absolute; left: 0; top: 130px }
#menu ul, .submenu ul { margin: 0; padding: 0; list-style: none }
#menu li, .submenu li { float: left }
#menu a, .submenu a { color: #6d6e71; display: block; float: left; height: 50px; line-height: 50px; padding: 0 33px; text-decoration: none; background: transparent url(img/sys/bg_menu_a.png) no-repeat 50% -50px }
#menu a:hover, .submenu a:hover { color: #000; text-decoration: underline }
#menu a.active, .submenu a.active { color: #000; font-weight: bold; background-position: 50% 0 }
#menu a.active:hover, .submenu a.active:hover { text-decoration: none }

.submenu-title { display: none }
.submenu { position: absolute; left: 0; top: 180px }
.submenu ul { padding: 0 0 0 18px }
.submenu a { padding: 0 15px }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; right: 0; top: 68px; width: 190px; height: 25px; background: transparent url(img/sys/bg_searchform.png) no-repeat 0 0 }
#searchword { color: #969696; font-size: 90%; width: 122px; padding: 4px 0 4px 7px; border: 0; background: none; position: absolute; left: 0; top: 2px; outline: none }
.button-vyhledat { width: 56px !important; height: 25px !important; position: absolute; left: 135px !important; top: 0 !important; padding: 0 !important; outline: none }

#langs { position: absolute; right: 200px; top: 72px }
#langs a { color: #969696; margin: 0 0 0 0.5em; text-decoration: none; text-transform: uppercase }
#langs a:hover { text-decoration: underline }

#teplomer { width: 100%; height: 30px; position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_teplomer.png) no-repeat 50% 0 }
#zobacek { position: absolute; left: 0; top: 10px }

#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 { margin: 0; padding: 20px 0 0 0; text-align: right }
#copyright span { float: left; text-align: left }
#copyright span img { vertical-align: middle; margin: 0 30px 0 0 }
/* /layout - special */

/* ostatni tridy pro web */
#rozcestnik { position: relative; left: -25px; width: 990px; height: 435px }
#rozcestnik .sekce { width: 100%; height: 130px; float: left; margin: 0 0 20px 0 }
#rozcestnik .sekce.s1 { background: transparent url(img/sys/bg_sekce_s1.jpg) no-repeat 0 0 }
#rozcestnik .sekce.s2 { background: transparent url(img/sys/bg_sekce_s2.jpg) no-repeat 0 0 }
.sekce h2 { font-size: 150%; margin: 0 }
.sekce h2 small { font-size: 60%; text-transform: none; display: block }
.sekce h2 a { color: #fff; display: block; width: 280px; height: 42px; padding: 38px 20px 20px 20px; text-decoration: none }
.sekce h2.second-row a { padding-top: 27px; height: 53px; }
.sekce h2 a:hover { text-decoration: underline }
.sekce ul { margin: 0; padding: 15px; list-style: none }
.sekce li { float: left; width: 320px }

#rubriky { width: 100%; overflow: hidden }
#rubriky h3 { color: #000; font-size: 160%; margin: 0; padding: 0 0 0.3em 0; border-bottom: 1px solid #ed1f24 }
.rubrika { float: left; width: 460px }
.rubrika.r2 { float: right }
.rubrika .news { padding: 1em 0 1.1em 0; border-bottom: 1px solid #ed1f24 }
.rubrika .nw_date { font-size: 100%; display: inline }
.rubrika .news h4 { margin: 0 }
.rubrika .news .nw_text { /*display: none;*/ margin: 1em 0 0 0 }

.t01 { margin: 3.3em 0 0 0; border-top: 1px solid #ed1f24 }
#content .t01 table td { line-height: normal; padding: 1em 1em 1em 0; border-bottom: 1px solid #fcd2c1; vertical-align: top }
#content .t01 table tr.last td { border-bottom: none }
#content .t01 table td.tar { padding: 1em 0 }
.t01 td h4 { margin: 0 }
.t01 td strong { color: #000; font-size: 120% }
.t01 td input, .t01 td textarea { border: 0; padding: 3px 5px; width: 400px; background-color: #dddedf; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
.t01 td textarea { height: 200px }
.button-odeslat { width: 90px !important; height: 21px !important }

.bold { color: #000; font-weight: bold }
.h-border { margin: 0; padding: 0.3em 0 0.8em 0; border-top: 1px solid #ed1f24 }
.h-border a { text-decoration: none }
.bullet { margin: 1.5em 0 1em 0; padding: 0; list-style: none }
.bullet li { font-size: 100%; font-weight: bold; color: #ff0000/*ed1f24*/; padding: 0 0 0.3em 15px; background: transparent url(img/sys/bullet.png) no-repeat 4px 7px }
.accordion { border-bottom: 1px solid #ed1f24 }

#accordion-block h3 { margin: 0; padding: 0.8em 0; border-top: 1px solid #ed1f24; cursor: pointer }
#accordion-block h3 a { text-decoration: none }

.zdroje-czt { background: transparent url(img/sys/ico-zczt.png) no-repeat right 5px }
.plynove-zdroje { background: transparent url(img/sys/ico-pz.png) no-repeat right 5px }
.parovody { background: transparent url(img/sys/ico-parovody.png) no-repeat right 5px }
.horkovody { background: transparent url(img/sys/ico-horkovody.png) no-repeat right 5px }
.teplovody { background: transparent url(img/sys/ico-teplovody.png) no-repeat right 5px }
.vymenikova-stanice { background: transparent url(img/sys/ico-vs.png) no-repeat right 5px }
.plynove-kotle { background: transparent url(img/sys/ico-pk.png) no-repeat right 5px }
.vymenikova-stanice-domovni { background: transparent url(img/sys/ico-vsd.png) no-repeat right 5px }
.plynove-kotle-domovni { background: transparent url(img/sys/ico-pkd.png) no-repeat right 5px }
.kabel-110 { background: transparent url(img/sys/ico-kabel-110.png) no-repeat right 5px }

#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: #eeeeee }
#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 }
.highlight { background: #FFFF00 }
/* /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_date { float: right }
.nw_anotace { font-size: 100% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* column */
.column { margin-bottom: 2em }
.column .title { cursor: pointer; border-top: 1px solid #ED1F24; padding: 1em 0 }
.column .title h4 { margin: 0 }
.column .nw_date { color: #6d6e71; font-weight: normal }

/* /column */

/* 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_footer b { color: #ff0000 }
.dwn_ico { margin: 0 0 3px 0; padding: 0 0 0 20px; background: url(cms/img/ico/file.gif) no-repeat top left }
.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 { margin: 0.5em 0 1em 0; padding: 0.5em 12px 0.8em 12px; background-color: #ffffff }
#local-fotogalerie strong { font-size: 12px }
#local-fotogalerie .foto-show { margin: 2em 0 0 0; height: 172px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
#local-fotogalerie .foto-show img { margin: 0 3px 0 0; border: 1px solid #666666 }
/* /fotogalerie */

/* prilohy */
#page-attachment h3 { margin: 0; padding: 1em 0; border-top: 1px solid #ed1f24; font-size: 140%; cursor: pointer }
#page-attachment table { width: 100%; border-collapse: collapse; border-top: 1px solid #fcd2c1 }
#page-attachment .dwn_type { width: 56px }
#page-attachment .dwn_size { width: 82px }
#page-attachment .dwn_download { width: 117px; text-align: right; font-weight: bold; font-size: 120% }
#page-attachment .dwn_download a { color: #000 }
#page-attachment table td { line-height: normal; padding: 1em 1em 1em 0; border-bottom: 1px solid #fcd2c1; vertical-align: top }
#page-attachment .last td, #page-attachment .tr-last td { border-bottom: none }
#page-attachment { border-bottom: 1px solid #ed1f24 }
/* /prilohy */

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

/* mapy */
.google-map { margin: 3em 0; text-align: center }
/* /mapy */

.tabs ul { margin: 0; padding: 0; list-style: none; width: 100%; height: 29px; overflow: hidden; position: relative; top: 1px }
.tabs li { float: left; margin: 0 2px 0 0 }
.tabs ul a { float: left; display: block; height: 27px; line-height: 27px; padding: 0 8px; border: 1px solid #e8e8e7; color: #898989; font-size: 90%; outline: none; background-color: #efefee; text-decoration: none }
.tabs ul a:hover { text-decoration: underline }
.tabs ul .selected { color: #898ce7; background-color: #fff; border-bottom: 1px solid #fff; text-decoration: none }
.tabs-content { padding: 20px 20px 40px 20px; border: 1px solid #e8e8e7 }

.panel-gallery { float: right; width: 470px; padding: 0; margin: 0 0 10px 10px; }
/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */