html {background-color: #f3f3f3}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0}
table {border-collapse: collapse; border-spacing: 0}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal}
li {list-style:none}
caption, th{text-align: left}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal}
q:before, q:after {content: ''}
abbr, acronym {border: 0; font-variant: normal}
sup {vertical-align: text-top}
sub {vertical-align: text-bottom}
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit}
input, textarea, select {*font-size: 100%}
legend {color: #000}

body {color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 35px 0}
a {color: #007c3d; text-decoration: underline}
a:hover {text-decoration: none}
h1, h2, h3, h4, h5, h6, strong {font-weight: bold}
em {font-style: italic}

#index {background: url(/gui/images/index_bg.gif) no-repeat top center}
#sub {background: url(/gui/images/sub_bg.gif) no-repeat top center}

#master {width: 963px; margin: 0 auto}
#logo {background: url(/gui/images/logo.gif) no-repeat; width: 208px; height: 43px; float: left}
#logo a {display: block; width: 208px; height: 43px; outline: none}

#nav {width: 480px; height: 43px; float: left}
#nav ul li {display: inline}
#nav ul li a { display: block; height: 0; padding-top: 43px; overflow: hidden; float: left; outline: none}
#nav ul #nav1 a {background: url(/gui/images/nav1_1.gif) no-repeat; width: 107px;}
#nav ul #nav2 a {background: url(/gui/images/nav2_1.gif) no-repeat; width: 75px; }
#nav ul #nav3 a {background: url(/gui/images/nav3_1.gif) no-repeat; width: 94px; }
#nav ul #nav4 a {background: url(/gui/images/nav4_1.gif) no-repeat; width: 96px; }
#nav ul #nav5 a {background: url(/gui/images/nav5_1.gif) no-repeat; width: 108px; }
#nav ul #nav1 a:hover, #nav ul #nav1 .selected, #nav ul #nav2 a:hover, #nav ul #nav2 .selected, #nav ul #nav3 a:hover, #nav ul #nav3 .selected, #nav ul #nav4 a:hover, #nav ul #nav4 .selected, #nav ul #nav5 a:hover, #nav ul #nav5 .selected {background-position: 0 -43px}

#newsletter {background: url(/gui/images/newsletter.gif) no-repeat; width: 270px; height: 43px; float: left}
#newsletter div {margin: 12px 0 0 120px}
#newsletter #newsletter_searchbox {background-color: #fff; border: 1px solid #ddd; display: block; width: 105px; padding: 3px; float: left}
#newsletter #newsletter_button {display: block; float: left; margin: 2px 0 0 5px}

#flash_header {height: 348px; clear: both}

#section {background: url(/gui/images/section.gif) no-repeat; height: 46px; clear: both}
#section h1 {color: #f77216; font-size: 14px; padding: 0 27px; line-height: 42px}

#index_shortcuts {background: url(/gui/images/index_shortcuts.gif) no-repeat; height: 263px}
#index_shortcuts .shortcut {width: 314px; height: 263px; padding-left: 5px; float: left; position: relative}
#index_shortcuts .shortcut h2 {color: #f77216; font-size: 14px; padding: 0 10px; line-height: 35px}
#index_shortcuts .shortcut p {padding: 10px}

#subnav {width: 209px; float: left}
#subnav ul li a {background: url(/gui/images/green_link.gif) no-repeat; color: #fff; text-decoration: none; font-weight: bold; line-height: 29px; display: block; height: 33px; padding: 0 15px; outline: none}
#subnav ul li a:hover, #subnav ul .selected {background: url(/gui/images/orange_link.gif) no-repeat; color: #fff}
#subnav ul li .unpublished {background: url(/gui/images/green_link_unpublished.gif) no-repeat; color: #eee}
#subnav ul li ul li a {background: url(/gui/images/light_gray_link.gif) no-repeat; color: #333}
#subnav ul li ul li a:hover, #subnav ul li ul .selected {background: url(/gui/images/dark_gray_link.gif) no-repeat; color: #333}
#subnav ul li ul li  .unpublished {background: url(/gui/images/light_gray_link_unpublished.gif) no-repeat; color: #aaa}
#subnav ul li .inactive {background: url(/gui/images/light_gray_link.gif) no-repeat; color: #333}

#content {width: 545px; float: left}

#content .content_header {background: url(/gui/images/content_header.gif) no-repeat; height: 55px}
#content .content_header h2 {color: #007c3d; font-size: 16px; line-height: 35px; padding: 0 25px}
#content .content_expand {background: url(/gui/images/content_expand_bg.gif) repeat-y}
#content .content_expand .content {margin: 0 24px 0 25px}
#content .content_expand .content p {padding: 10px 0 5px 0}
#content .content_expand .content h3 {background: url(/gui/images/content_secondary_header.gif) no-repeat; margin-bottom: 10px; padding: 0 20px; line-height:  26px}
#content .content_footer {background: url(/gui/images/content_footer.gif) no-repeat; height: 15px}

#aside {	width: 209px; float: left;}
#aside .shortcut {background: url(/gui/images/sub_shortcut.gif) no-repeat; width: 209px; height: 185px; position: relative}
#aside .shortcut h2 {color: #f77216; font-size: 14px; padding: 0 13px; line-height: 35px}
#aside .shortcut p {padding: 13px 13px 0 13px}

#footer {width: 963px; clear: both}

#footer ul {width: 399px; height: 38px; margin: 0 auto}
#footer ul li {display: inline}
#footer ul li a {display: block; height: 0; padding-top: 24px; overflow: hidden; float: left}
#footer ul #club_metro_xpress a {background: url(/gui/images/club_metro_xpress.gif) no-repeat; width: 127px}
#footer ul #get2work a {background: url(/gui/images/get2work.gif) no-repeat; width: 80px}
#footer ul #timer a {background: url(/gui/images/24timer.gif) no-repeat; width: 80px}
#footer ul #metro_xpress a {background: url(/gui/images/metro_xpress.gif) no-repeat; width: 119px}
#footer ul #kontakt a {background: url(/gui/images/kontakt.gif) no-repeat; width: 73px}
#footer p {clear: both; color: #ccc; font-size: 9px; text-align: center; text-transform: uppercase}
#footer p a {color: #ccc; text-decoration: none}

.float_left {float: right; margin: 20px 0 10px 10px}

#admin_header {width: 968px; height: 29px; z-index: 9999; position: absolute; top: 0}
#admin_header div {background: url(/gui/images/admin_header.gif) no-repeat; color: #fff; width: 968px; height: 29px; line-height: 29px; left: -10px; position: relative}
#admin_header div p {margin-left: 10px; float: left}
#admin_header div ul {float: right}
#admin_header div ul li {display: inline; margin-right: 10px}
#admin_header div ul li a {color: #fff; text-decoration: underline}

.admin_icon a {width: 16px; height: 16px; display: block; float: left; margin-right: 8px; outline: none}
.admin_icon a span {display: none}
.admin_icon a:hover {position: relative; z-index: 100}
.admin_icon a:hover span {position: absolute; display: block; z-index: 10; float: left; background-color: #fff; border: 1px solid #f3f3f3; white-space: nowrap; top: -26px; left: 16px; padding: 5px}

.add_page a {background: url(/gui/images/admin_icons/add_page.gif) no-repeat}

.edit_page a {background: url(/gui/images/admin_icons/edit_page.gif) no-repeat}

.delete_page a {background: url(/gui/images/admin_icons/delete_page.gif) no-repeat}

.case_edit a {background: url(/gui/images/admin_icons/case_edit.gif) no-repeat}

.case_delete a {background: url(/gui/images/admin_icons/case_delete.gif) no-repeat}

.admin_login {background: url(/gui/images/admin_login.gif) no-repeat; width: 209px; height: 235px; margin: 0 auto}
.admin_login h2 {color: #f77216; font-size: 14px; padding: 0 13px; line-height: 35px}
.admin_login .login_form {padding: 20px}
.admin_login .login_form div {margin-bottom: 10px}

.form_text {border: 1px solid #ddd; background-color: #fff; margin-top: 5px; padding: 3px}

#content2 {width: 963px; float: left}
#content2 .content_header2 {background: url(/gui/images/content_header2.gif) no-repeat; height: 55px}
#content2 .content_header2 h2 {color: #007c3d; font-size: 16px; line-height: 35px; padding: 0 25px}
#content2 .content_expand2 {background: url(/gui/images/content_expand_bg2.gif) repeat-y}
#content2 .content_expand2 .content2 {margin: 0 24px 0 25px}
#content2 .content_expand2 .content2 p {padding-bottom: 10px}
#content2 .content_footer2 {background: url(/gui/images/content_footer2.gif) no-repeat; height: 15px}

#add_news_button a {display: block; background: url(/gui/images/add_news_button.gif) no-repeat; width: 209px; height: 51px; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; text-align: center; line-height: 51px}

.shortcut_tinymce {background-color: #fff; border: 1px solid #ccc; position: absolute; z-index: 100; padding-bottom: 10px}

.clear {clear: both}

.float_right {float: right}

.float_left {float: left}

.case_area {padding-bottom: 20px}
.case_area li {font-weight: bold; display: inline; padding-right: 10px}

#flash_header2 {width: 960px; height: 435px}

#metro_visual_flash {width: 958px; height: 570px; margin-left: 3px; float: left}