body { margin: 0; background: url('img/body_bg.png') repeat-x; text-align: center; font-family: sans-serif; font-size: 13px; }
.clear { clear: both; height: 0; }

#page { position: relative; width: 835px; margin: 30px auto; padding: 22px; background-color: white; text-align: left; }

a { color: #e31f26; }
a img { border: none; }

h1 { margin: 0; }
h1 a { display: block; width: 835px; height: 60px; background: url('img/heading.png') no-repeat top left; text-decoration: none; }
h1 span { display: none; }

h2 { margin: 8px 0 10px; font-weight: normal; }
h2 a { display: block; text-decoration: none; }

#menu { height: 52px; width: 835px; margin: -3px 0 0; padding: 0; list-style-type: none; position: relative; font-size: 14px; background: url('img/main_menu.png') repeat-x top left;  }
#menu li { padding: 0; height: 52px; width: 139px; float: left; text-align: center; line-height: 22px; position: relative; z-index: 0; }
#menu a { display: block; height: 22px; padding: 15px 0; color: white; text-decoration: none; }
#menu a:hover { color: #e31f26; }
#menu span { display: block; border-right: 1px white solid; }
#menu li.last span { border-right: none; }

#menu ul { position: absolute; width: 145px; float: left; top: 52px; left: 0; padding: 0; margin: 0; display: none; list-style-type: none; line-height: 1em; background: #ced6e6; z-index: -1; font-size: 13px; }
#menu ul li { width: 145px; height: auto; margin: 0; padding: 0; line-height: 1.2em; background: transparent; text-align: left; border-top: 1px white solid; }
#menu ul li a { width: 125px; padding: 0.3em 10px; height: auto; float: left; color: black; }
/*#menu ul li a.parent { background: url('img/parent-trans.png') no-repeat 95% center; }*/
#menu ul li a:hover { background: #b4bbc9; }
#menu ul ul { left: 145px; margin: 0; padding: 0; top: auto; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul { display:none; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul { display:block; }

#content { margin: 15px 0 15px 0; float: left; width: 664px; text-align: justify;}

#content .box { width: 290px; margin: 0 12px 12px 0; padding: 10px 15px; float: left; }
#content h2 { color: #153b8a; text-align: left; }
#content h3 { text-align: left; }

#content .nomargin { margin-top: 0px; margin-bottom: 0px; }

.box_articles_homepage { text-align: left; }
.box_articles_homepage p { margin: 0px 0px 0.5em 0px; }

.box.red { background: #fef5f6 url('img/box_red_bg.png') repeat-x; }
.box.red h2 a  { color: #e21f26; }
.box.blue { background: #f5f7fa url('img/box_blue_bg.png') repeat-x; }
.box.blue h2 a { color: #153b8a; }
.box .text { min-height: 180px; }
.box .text img { display: block; margin: 0 5px 5px 0; border: none; float: left; }
.box_wide { margin: 0 12px 12px 0; padding: 10px 15px; background: #fef5f6 url('img/box_red_bg.png') repeat-x; }
.box_wide h2 a  { color: #e21f26; }


.articlebox .perex_img, .newsbox .perex_img { display: block; margin: 13px 0 5px 5px; float: right; }
.articlebox .image_main, .newsbox .image_main { display: block; margin: 5px; text-align: center; }
.image_main img { margin: 0 auto; }

.box_simpletext, .box_rss_parse, .box_article_list, .newsbox, .photogallery, #search_results, #search_no_results, .formbox, .box_book { margin-right: 12px; }

.box_photogallery_homepage img { margin-top: 5px; }
.box_photogallery_homepage .title { text-align: center; margin-bottom: 5px; }

.box_photogallery_pomoc { background: #ced6e6; margin-right: 12px; padding: 0 15px; }
.box_photogallery_pomoc img { margin: 5px; }

.box_rss_parse .feed_item, .box_article_list .articlebox { padding-bottom: 20px; border-bottom: 1px silver solid; }
.box_rss_parse .feed_item.last, .box_article_list .articlebox.last { padding: 0; border: none; }

.box_book .center_image { text-align: center; }
.box_book .center_image img { margin: 0 auto; }

.crossroads div { float: left; margin: 0 10px 10px 0; padding: 48px 48px 0px 48px; width: 115px; height: 163px; text-align: center; }
.crossroads div a { display: block; text-decoration: none; }

.formbox table { margin: 5px 0; }
.formbox table td { vertical-align: top; }
.formbox table img { vertical-align: middle; }
.formbox table ul { padding-left: 5px; margin: 0; list-style-type: none; }
.formbox input { width: 300px; }
.formbox textarea { width: 300px; height: 150px; font-family: sans-serif; font-size: 14px; }
.formbox #id_captcha_1 { width: 50px; }
.formbox #submit { width: auto; }

.newsbox, .box_simpletext, .box_rss_parse, .box_article_list, .formbox, .box_book { padding: 10px 20px; background: #fcfcfc url('img/news_bg.png') repeat-x; }

.simpleimage { margin: 5px; }

.photogallery h3 { margin: 0; padding: 0 14px; line-height: 22px; background: url('img/heading_blue_bg.png') repeat-x; font-weight: normal; color: white; }
.photogallery h3 a { color: white; text-decoration: none; }
.photogallery .photobox { padding: 14px 14px 0 14px; background: #f5f7fa url('img/box_blue_bg.png') repeat-x; }
.photogallery .photobox a { display: block; margin: 0 25px 13px 0; width: 137px; text-align: left; font-size: 11px; color: gray; text-decoration: none; float:left; }
.photogallery .photobox a:hover { color: #e31f26; }
.photogallery .photobox a.last { margin-right: 0; }
.photogallery .photobox img { display: block; }
.photogallery .photobox .description { padding-bottom: 14px; }

.photogallery .play_icon { position: absolute; top: 20px; left: 49px; }

.group { margin-bottom: 10px; }
#yearsort { margin-bottom: 10px; }
#yearsort a { padding: 3px 5px; margin-right: 5px; background: #ced6e6; }
#yearsort a.active { background: #b4bbc9; }

#paging { display: block; list-style-type: none; padding: 0; text-align: right; }
#paging li { display: inline; }
#paging .selected { color: black; text-decoration: none; }

#side_panel { margin: 15px 0; float: left; width: 171px; }

.advert a { display: block; margin: 0 0 10px; text-decoration: none; text-align: center; font-size: 11px; color: gray; }
.advert a img { display: block; }

#side_panel .genericbox_top, #submenu_top { padding: 0 8px; line-height: 22px; background: url('img/heading_blue_bg.png') repeat-x; color: white; }
#side_panel .genericbox { padding: 8px; margin-bottom: 10px; background: #f5f7fa url('img/box_blue_bg.png') repeat-x; }

#side_panel h2 { font-size: 11pt; margin: 0 0 5px; }

#submenu_top a { color: white; text-decoration: none; }
#submenu { margin: 0 0 10px 0; padding: 0; background: #f5f7fa url('img/box_blue_bg.png') repeat-x; }
#submenu li { display: block; }
#submenu li a { display: block; padding: 3px 10px; }
#submenu li a.expandable { background: url('img/parent-trans.png') no-repeat 95% center; }
#submenu li a.active { background: #b4bbc9; }
#submenu ul { list-style-type: none; margin: 0; padding: 0; background: #b4bbc9; font-size: 95%; color: gray; line-height: 1em; }
#submenu ul li { padding: 0; }
#submenu ul li.last { border-bottom: none; }
#submenu ul li a { padding-left: 15px; }
#submenu ul ul li a { padding-left: 20px; }

.publikace a { display: block; float: left; }
.publikace a img { display: block; }

#searchbox { height: 62px; width: 151px; margin: 0; padding: 10px 10px 0; border: none; background: url('img/search_box.png') repeat-x; }
#searchbox label { color: white; display: block; }
#searchbox #search { padding: 2px 0 2px 3px; height: 18px; width: 119px; margin: 3px 0 0 0; border: 1px white solid; float: left; }
#searchbox #submit { border: none; margin: 3px 0 0 0; padding: 0; height: 24px; width: 24px; float: left; background: url(img/search.png) no-repeat top center; cursor: pointer; }

#footer { font-size: 13px; padding-top: 10px; }
#footer span { padding: 0 7px 0 4px; border-right: 1px #e31f26 solid; }
#footer span.last { border: none; }
#footer span.right { position: absolute; padding: 0; right: 22px; border: none; }
#footer a { text-decoration: none; color: black; }