* { margin: 0; padding: 0; border: 0; } html, body { font-family: Georgia, "New York CE", utopia, serif; color: #333; } body { text-align: center; font-size: 80%; line-height: 130%; background: #fff; } h1 { font-size: 200%; line-height: 150%; font-weight: normal; margin: 0 0 1em 0; } h2 { font-size: 160%; line-height: 130%; font-weight: normal; margin: 1em 0; } h3 { font-size: 120%; font-weight: bold; margin: 1em 0; } h4 { font-size: 120%; font-weight: bold; margin: 1em 0; } a { font-weight: normal; text-decoration: underline; color: #366799; } a:hover { text-decoration: none; color: rgb(51,51,51); } ul, ol { margin: 1.5em 0; } ul li { list-style-type: disc; margin: 0 0 0 45px; } ol li { margin-left: 45px; } p { margin: 1em 0; } hr { } cite, div.cite { display: block; margin: 1.5em 0; padding: 10px 20px; background: #f2f2f2; font-style: italic; } cite.norm, div.cite.norm { font-style: normal; } cite span, div.cite span { white-space: nowrap; color: #999; } cite span a, div.cite span a { color: #999 !important; text-decoration: none !important; border-bottom: 1px dotted #999 !important; } cite span a:hover, div.cite span a:hover { color: #999 !important; border-bottom: 1px dotted #999 !important; } div.cite { font-style: normal; } pre { line-height: 100% !important; } pre code { font-size: 80%; } predeprecated { font-family: 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace; font-size: 95%; letter-spacing: 0.015em; line-height: 120%; margin: 1em 0; padding: 0.5em; border: 1px solid #ccc; background-color: #f8f8f8; } div.pre { margin: 1em 0; padding: 10px 20px; border: 1px solid #ccc; background-color: #f8f8f8; } abbr { border-bottom: 1px dotted #333; cursor: help; pointer: help; } ::-moz-selection { background-color: #B2D487; } ::selection { background-color: #B2D487; } #body { width: 1001px; margin: 0 auto; text-align: left; background: #fff; } #page { height: 100%; } #area_top { width: 100%; height: 80px; background: #000; background: #3275A8; } #area_top_in { width: 1001px; height: 80px; margin: 0 auto; text-align: left; } #mid { width: 1001px; float: left; background: #fff; } #area_content { width: 717px; float: left; padding: 0 0 40px 0; margin: 0; } #area_right { width: 284px; float: left; padding: 0 0 30px 0; /* background: #EDEDED; */ } #area_bottom { color: red; width: 100%; clear: both !important; float: left; height: 65px; } #area_bottom_in { width: 941px; margin: 0 auto; text-align: left; } .midsep { clear: both; font-size: 0; line-height: 0; } #logo { width: 60px; height: 60px; float: left; margin: 10px 10px 10px 30px; } #logo img { float: left; } #title { width: 300px; height: 50px; float: left; margin: 16px 0 0 20px; color: #D75710; font-size: 110%; line-height: 180%; color: #B2D487; color: #fff; font-family: Georgia, "New York CE", utopia, serif; } #title div { font-size: 130%; } #area_bottom { clear: both; background: #3275A8; color: #fff; font-size: 90%; padding: 15px 0; height: 65px; margin: 0; border: 1px solid red; } #area_bottom a { color: #fff; } #area_bottom a:hover { color: #fff; text-decoration: none; } div.block { width: 100%; float: left; clear: both; } div.block_body, div.block_body_in { float: left; } #area_content div.block { float: left; background: #fff; font-size: 110%; line-height: 160%; padding: 0 0 0 0; } #area_content div.block_body { width: 100%; float: left; } #area_content div.block_body_in { font-family: Georgia, Arial, sans-serif; font-size: 130%; line-height: 170%; width: 657px; margin: 30px; _margin: 30px 15px; float: left; min-height: 400px; _height: 400px; } #area_right div.block { margin: 0 0 15px 0; } #area_right div.block_body { width: 100%; float: left; display: none; } #block-20 div.block_body, #block-22 div.block_body { display: block; } #area_right div.block_body_in { width: 244px; margin: 0 20px; float: left; padding: 0; } #area_right h2.block_heading { font-size: 140%; font-weight: normal; padding: 15px 20px 10px 20px; margin: 0; border-bottom: 1px solid #B2D487; } #area_right h2.block_heading a { color: #ddd; text-decoration: none; } #area_right h2.block_heading a.open { color: #333; } #area_right ul.vmenu { margin: 0 0 1em 0; } #area_right ul { margin: 1em 0; } #area_right li { margin: 0 0 10px 15px; } .msg_ok, .msg_nok { margin: 1em 0; background: #B2D487; padding: 10px 10px 10px 36px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .hp .msg_ok, .hp .msg_nok { width: 501px; margin: 1em 20px; _margin: 1em 10px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #hmenu { font-family: sans-serif; width: 100%; height: 26px; clear: both; position: static; z-index: 999; background: #d75710; background: #B2D487; border-top: 1px solid #fff; border-bottom: 1px solid #93b666; } ul.hmenu_dd { width: 1001px; height: 26px; margin: 0 auto; } ul.hmenu_dd li { list-style-type: none; line-height: 24px; float: left; margin: 0; padding: 0; background: none; border-right: 1px solid #93b666; } ul.hmenu_dd a { color: rgb(83,83,83); font-size: 85%; font-weight: bold; text-decoration: none; display: block; padding: 1px 15px 1px 15px; float: none; _float: left; } ul.hmenu_dd a:hover, ul.hmenu_dd li.menu_item_actual a { background: #0A2552; background: #CAE9A3; color: rgb(34,34,34); text-decoration: none; } ul.hmenu_dd li:hover a, ul.hmenu_dd li.hover a { background: #0A2552; background: #CAE9A3; color: rgb(34,34,34); text-decoration: none; } ul.hmenu_dd li:hover li a { color: rgb(83,83,83); } ul.hmenu_dd li li a:hover, ul.hmenu_dd li li.menu_item_actual a { background: #0A2552 !important; background: #CAE9A3 !important; background: #eee !important; color: rgb(34,34,34) !important; text-decoration: none; } ul.hmenu_dd ul { margin: 0; padding: 0; position: absolute; visibility: hidden; clear: both; z-index: 999; } ul.hmenu_dd ul ul { margin: 0; padding: 0; position: absolute; left: 186px; _left: 180px; margin-top: -31px; visibility: hidden; } ul.hmenu_dd ul a { width: 176px; height: auto; line-height: 20px; background: #CAE9A3; padding: 3px 15px; float: none; font-size: 85%; font-variant: normal; font-weight: normal; border-bottom: 1px solid #eee; } ul.hmenu_dd ul a:hover { color: rgb(34,34,34); } ul.hmenu_dd ul ul a { width: 220px; } ul.hmenu_dd li.menu_item_last { float: right; border-left: 1px solid #93b666; } ul.hmenu_dd li.menu_item_first { margin-left: 30px; border-left: 1px solid #93b666; } ul.hmenu_dd li:hover ul, ul.hmenu_dd li.hover ul { visibility: visible; } ul.hmenu_dd li:hover ul ul, ul.hmenu_dd li.hover ul ul { visibility: hidden; } ul.hmenu_dd li:hover li:hover ul, ul.hmenu_dd li.hover li.hover ul, ul.hmenu_dd li:hover li:hover li:hover ul, ul.hmenu_dd li.hover li.hover li.hover ul { visibility: visible; } ul.hmenu_dd li:hover li:hover ul ul, ul.hmenu_dd li.hover li.hover ul ul { visibility: hidden; } ul.hmenu_dd li li, ul.hmenu_dd li li li { float: none; _float: left; clear: both; border: 0; padding: 0; text-align: left; height: auto; } ul.hmenu_dd li { behavior: url("/style/dropdown_menu_hover.htc"); } table { width: 100%; font-size: 100%; border-collapse: collapse; margin: 1.5 em 0; line-height: 130%; } th { line-height: 130%; font-size: 110%; font-weight: normal; padding: 5px 10px 5px 10px; border-bottom: 1px solid #B2D487; background: #F0F7E2; vertical-align: top; } td { padding: 5px 10px; vertical-align: top; } caption { font-style: italic; color: #839aae; text-align: right; } table.evoluce td { vertical-align: middle; font-size: 130%; font-weight: bold; } form { float: left; clear: both; text-align: left; margin: 10px 0; padding: 10px; } form.transparent { float: none; margin: 0; padding: 0; border: 0; background: none; } fieldset { border: 1px solid #eee; vertical-align: middle; margin: 5px; padding: 5px; } form.transparent fieldset { border: 0; margin: 0; padding: 0; } input, textarea { font-family: Georgia, "New York CE", utopia, serif; font-size: 100%; border: 1px solid #ddd; padding: 4px 8px; vertical-align: top; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } input.submit { text-align: center; color: #3275A8; cursor: pointer; padding: 4px 8px; background: #fff; border: 1px solid #ccc; font-size: 90% !important; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } input.submit:hover { background: #3275A8; color: #fff; } div.submit { margin: 0 0 0 120px; } input.choice { margin: 1px 0 0 0 !important; padding: 0 !important; background: none !important; width: auto !important; border: 0 !important; } input.image { background: none; border: 0; padding: 0; } select { border: 1px solid rgb(198,207,213); height: 24px; } /* table type form */ form.table { float: none; margin: 1em 9; padding: 1.5em 10px; border: 0; background: #F0F7E2; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } form.table table { width: 100%; font-size: 90%; _width: 90%; margin: 0 0 10px 0; } form.table table th { font-family: Georgia, "New York CE", utopia, serif; line-height: 130%; font-weight: normal; font-size: 140%; font-weight: normal; padding: 15px 20px 10px 20px; border-bottom: 1px solid #B2D487; background: none; color: #333; } form.table td { padding: 5px 10px; text-align: left; } form.table td.label { padding-top: 5px; width: 90px; vertical-align: top; text-align: right; } form.table label { width: 90px; font-weight: normal; } form.table td.required label { font-weight: bold; } form.table td.narrower { width: 4em; } form.table td.narrower label { font-weight: normal; width: 4em; } form.table th, form.table label { text-align: left; } form.table input, form.table select, form.table textarea { float: none; } form.table textarea { width: 29em; height: 5em; } form.table textarea.higher { height: 10em; } form.table table table { width: auto; margin: 5px 0; } .required_info { display: none; } /* form values server check */ img#form_server_check_preloader { position: absolute; margin: 5px 0 0 10px; } div.sc_err_border { padding: 0; } div.sc_err_border_show { } div.sc_err_border_show input, div.sc_err_border_show select, div.sc_err_border_show textarea { border: 1px solid #c63c13; } div.sc_err_msg { display: none; } div.sc_err_msg_show { color: #c63c13; font-size: 95%; font-weight: normal; display: block; padding: 1px 0 0 6px; } /* cascade values - set dimensions of elements, if necessary */ .narrower { width: 5.5em !important; } .narrower2 { width: 2em !important; } .narrower3 { width: 3.5em !important; } .wider { width: 16em !important; } .wider2 { width: 26em !important; } .wider3 { width: 24em !important; } .wider4 { width: 44em !important; } .wider100 { width: 98% !important; _width: 100% !important; } .plain { vertical-align: -5px; } .typing { border: 1px solid #c30; background: #fff2e6; } div.help_short { color: #aaa; margin-top: 2px; font-size: 90%; } #form_insert_comment ul { margin: 0; } table.kontakt td { padding: 0; } .l, .left { text-align: left; } .r, .right { text-align: right; } .c, .center { text-align: center; } .j, .justify { text-align: justify; } .fl { float: left; } .fr { float: right; } .fn { float: none; } .va_top { vertical-align: top; } .va_bottom { vertical-align: bottom; } .va_middle { vertical-align: middle; } .dis_none { display: none; } .dis_block { display: block; } .dis_inline { display: inline; } .dis_table_row { display: table-row; } .nowrap, .nobr { white-space: nowrap; } .nomargin { margin: 0; padding: 0; } .cb, .clear { clear: both } .strong { font-weight: bold; color: #1c2c44; } .em { font-style: italic; } .help { cursor: help; pointer: help; } .hand { cursor: pointer; _cursor: hand; } .print { display: none; } .image_left { float: left; margin: 0 1em 1em 0; } .image_right { float: right; margin: 0 0 1em 1em; } .image_left_down { float: left; margin: 8px 1em 1em 0; } .image_right_down { float: right; margin: 8px 0 1em 1em; } span.file_desc { color: #999; font-size: 80%; } p.caption { font-size: 90%; font-style: italic; } ul.blessing { color: #999; } ul.blessing ul { margin-top: 0; margin-bottom: 0; } ul.blessing li.blessed { color: green; background: url("style/gfx/bg_ul_li_tick_yes.png") no-repeat left center; list-style-type: none; margin-left: 27px; padding-left: 18px; } ul.blessing > li.blessed { background: url("style/gfx/bg_ul_li_tick_yes.png") no-repeat left 7px; } ul.blessing li.blessed span { font-size: 80%; } table.odkazy { width: 100%; } table.odkazy td.col1 { width: 60%; } a.external { background: url("style/gfx/icon_link_external.gif") no-repeat right center; padding-right: 22px; } a.external:hover { background: url("style/gfx/icon_link_external_on.gif") no-repeat right center; padding-right: 22px; } a.bible { color: #3a3a3a; text-decoration: none; border-bottom: 1px dotted #3a3a3a; } a.bible:hover { color: #3a3a3a; text-decoration: none; border-bottom: 1px dotted #3a3a3a; } #area_left, #area_right, #topmenu, #navi, #quick, #area_bottom, #page_actions { display: none; } #area_content { width: auto; float: none; font-size: 120%; color: #000; } body, #body, #mid, #area_top { width: auto; } #area_top { border-bottom: 1px solid #026783; } img { overflow: hidden; } a { font-weight: normal; text-decoration: underline; } div.print h3 { border-top: 1px solid #026783; margin-top: 2em; padding-top: 1em; clear: both; font-size: 100%; } #motto { letter-spacing: 0.1em; margin-top: 70px; } span.card { padding: 0; border: 0; background: 0; } .print { display: block; } div.pgal_container { width: 100%; margin: 0 0 15px 0; } div.pgal_img { width: 120px; height: 120px; float: left; margin: 0 5px 5px 0; background: rgb(235,238,239); border: 1px solid #ddd; text-align: center; vertical-align: middle; } div.pgal_img a { width: 120px; height: 120px; display: block; float: left; } div.pgal_img img { border: 1px solid rgb(235,238,239); } div.pgal_img a:hover { background: #889eb2; } div.pgal_img a:hover img { border: 1px solid white; } #area_right .article_item { margin: 0 0 15px 0; } ul.block_article_list li { margin: 0 0 15px 0; padding: 0; background: none; } ul.block_article_list li div.infobar { margin: 10px 0 0 0; } .article_list { width: 100%; _width: 535px; clear: both; float: left; } .hp .article_list_item { width: 581px; _width: 555px; clear: both; float: left; border-bottom: 1px solid rgb(230,236,238); background: url("style/gfx/bg_article_item.png") repeat-x left top rgb(249,249,249); } .article_list_item { width: 657px; clear: both; float: left; margin: 0 0 15px 0; padding: 0 0 10px 0; } .article_list_item_first { width: 581px; _width: 555px; clear: both; float: left; border-bottom: 1px solid rgb(230,236,238); background: url("style/gfx/bg_article_item_first.png") repeat-x left top rgb(249,249,249); } .article_list_item_in { width: 657px; float: left; } .hp .article_list_item_in { width: 541px; _width: 536px; margin: 20px; _margin: 20px 10px; float: left; } .article_list_item h2 { color: #3275A8; font-size: 150%; font-weight: normal; margin: 0 0 8px 0; padding: 4px 0 0 0; line-height: 130%; } .article_list_item_first h2 { color: #17639b; font-size: 150%; font-weight: normal; margin: 0; padding: 2px 0 0 0; line-height: 140%; } .article_list_item h2 a { } .article_list_image { width: 140px; height: 120px; float: left; margin: 0 20px 10px 0; border: 1px solid #ddd; } .article_list_image img { width: 130px; height: 110px; float: left; _float: none; margin: 5px; } .article_list_image_first { width: 252px; height: 170px; float: left; margin: 0 12px 12px 0; _margin: 0 6px 12px 0; background: url("style/gfx/bg_article_image_detail.png") no-repeat left top; } .article_list_image_first img { width: 232px; height: 155px; float: left; _float: none; margin: 6px 9px 9px 11px; } .article_image_detail { width: 260px; height: 170px; border: 1px solid #eee; float: right; margin: 0 0 12px 12px; } .article_image_detail img { width: 244px; height: 152px; float: left; _float: none; margin: 8px; } div.info { clear: both; } div.info a, div.info a:hover, div.infobar a, div.infobar a:hover { color: rgb(150,150,150); } div.info a, div.infobar a { text-decoration: none; } div.info a:hover, div.infobar a:hover { text-decoration: underline; } .photogallery { margin: 1em 0; } .photogallery_item { width: 180px; height: 188px; float: left; background: url("style/gfx/bg_photogallery_item.png") no-repeat left top; margin: 0; text-align: center; vertical-align: middle; line-height: 130px; } .photogallery_item a { margin: 0 auto; text-decoration: none; vertical-align: bottom; } .photogallery_item a span { line-height: 120%; display: block; color: #999; font-size: 90%; margin: 5px 5px 0 5px; text-decoration: none; padding: 0 8px; } .photogallery_item a:hover span { color: #000; } .photogallery_item img { vertical-align: top; margin: 5px 0 0 0; } .photogallery_list { width: 541px; clear: both; margin: 0 0 10px 0; float: left; } .photogallery_list_item .info { float: left; clear: both; margin-left: 10px; _margin-left: 5px; } .photogallery_list_item .perex { } .photogallery_list_item { width: 541px; background: none; border-bottom: 0; float: left; } .photogallery_list_item_in { width: 541px; margin: 0 0 20px 0; float: left; } .photogallery_list_item h2 { color: #17639b; font-size: 110%; font-weight: bold; margin: 0 0 8px 0; padding: 5px 0 0 0; line-height: 130%; } .photogallery_list_item h2 a { font-weight: bold; } .photogallery_list_image { width: 181px; height: 122px; float: left; margin: 0 10px 6px 0; _margin: 0 5px 6px 0; background: url("style/gfx/bg_article_image_list.png") no-repeat left top; } .photogallery_list_image img { width: 158px; height: 105px; float: left; _float: none; margin: 6px 12px 11px 11px; } .minigallery { text-align: left; } .minigallery img { padding: 5px; margin: 10px; border: 1px solid #ddd; } .infobar { margin: 0 0 20px 0; } .toolbar { text-align: right; } .icon_date { background: url("style/gfx/bg_icon_date.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; } .icon_comment { background: url("style/gfx/bg_icon_comment.gif") no-repeat left center; padding-left: 22px; color: rgb(150,150,150); margin-right: 18px; white-space: nowrap; } .icon_category { background: url("style/gfx/bg_icon_category.gif") no-repeat left center; padding-left: 22px; color: rgb(150,150,150); margin-right: 18px; white-space: nowrap; } .icon_photo { background: url("style/gfx/bg_icon_photo.gif") no-repeat left center; padding-left: 22px; color: rgb(150,150,150); margin-right: 18px; white-space: nowrap; } .icon_edit { background: url("style/gfx/bg_icon_edit.gif") no-repeat left center; padding-left: 20px; margin-right: 3px; font-size: 90%; } .icon_delete { background: url("style/gfx/bg_icon_delete.gif") no-repeat left center; padding-left: 20px; margin-right: 3px; font-size: 90%; } .icon_author { background: url("style/gfx/bg_icon_user.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; } .icon_calendar { background: url("style/gfx/bg_icon_calendar.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; } .icon_place { background: url("style/gfx/bg_icon_place.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; } .icon_area { background: url("style/gfx/bg_icon_area.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; } .icon_photo { background: url("style/gfx/bg_icon_photo.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; } .icon_contact_email { background: url("style/gfx/bg_icon_contact_email.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; font-weight: bold; } .icon_contact_phone { background: url("style/gfx/bg_icon_contact_phone.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; font-weight: bold; } .icon_contact_www { background: url("style/gfx/bg_icon_contact_www.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); margin-right: 18px; font-weight: bold; } #icon_insert { float: right; margin: 16px 0 0 0; } #icon_insert a, #icon_insert a:hover { color: rgb(133,133,133); } #icon_insert a.add { background: url("style/gfx/bg_form_input_submit_wider.gif") no-repeat left center; padding: 4px 26px 3px 25px; display: block; _height: 24px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; margin: 0; } #icon_insert a.add:hover { color: #fff; text-decoration: none; } .icon_info { background: url("style/gfx/bg_icon_info.gif") no-repeat left center; padding-left: 20px; color: rgb(150,150,150); } .comment { font-size: 90%; width: 617px; height: auto; float: left; padding: 15px 20px 15px 20px; _width: 541px; /*border-bottom: 1px solid #ddd;*/ margin: 0 0 20px 0; background: #F0F7E2; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } a.comment_reply { background: url("style/gfx/bg_comment_reply.gif") no-repeat left 9px; padding-left: 10px; margin-left: 12px; } a.comment_goto { background: url("style/gfx/bg_comment_up.gif") no-repeat left 6px; padding-left: 10px; margin-left: 12px; } .comment .comment_user { font-size: 110%; font-weight: bold; color: #333; margin: 0 0 10px 0; } .comment .comment_user span a { color: #aaa; font-weight: normal; text-decoration: none; } .comment .comment_user span a:hover { color: #3a3a3a; font-weight: normal; text-decoration: none; } .comment .comment_date { float: right; font-size: 100%; color: #999; } .comment .comment_reply { font-size: 100%; margin: 5px 0 0 0; } #comments a { color: #ddd; text-decoration: none; } #comments a.open { color: #333; } #comments-content { display: none; } #comments-content.open { display: block; }