/* MARKUP STYLES */
* {
	/* Reset browsers default margin, padding and font sizes */
	padding: 0;
	margin: 0;
}

html {
  /* Prohlizece maji standardni vysku fontu 16px = 100% */
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
  background: #FFFFFF url(../img/bg/bg_main.jpg) repeat-x fixed top;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	/* Zredukovani vysky fontu na 10px = 62,5% = 1em */
	font-size: 62.5%;
}

/* GENERAL - Zarovnani na stred stranky v non-IE prohlizecich */
#main { margin: auto; margin-top: 0px; width: 1185px; font-size: 1.1em; border: 0px #000000 solid; }
#main-left { float: left; }
#main-right {	float: right; }

/* GENERAL - grafický layout do CSS */
#head-outer { width: 1012px; height: 251px; border: 0px #000000 solid; }
#head-outer-logo { position: relative; top: 45px; left: -28px; width: 420px; height: 88px; border: 0px #000000 solid; background: url(../img/bg/bg_logo.png) repeat-x left top; }
#head-outer-left { float: left; width: 12px; height: 251px; border: 0px #000000 solid; background: url(../img/bg/bg_head_outer_left.png) repeat-x left top; }
#head-outer-right { float: right; width: 1000px; height: 251px; border: 0px #000000 solid; background: url(../img/bg/bg_head_outer_right.png) repeat-x right top; }
#head-inner { width: 984px; height: 251px; border: 0px #000000 solid; }
#head-inner-left { float: left; width: 336px; height: 251px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_login.jpg) repeat-x left top; }
#head-inner-right { float: right; width: 648px; height: 251px; border: 0px #000000 solid; background: #FFFFFF repeat-x right top; }
#topmenu-outer { width: 1012px; height: 86px; border: 0px #000000 solid; }
#topmenu-outer-left { float: left; width: 12px; height: 86px; border: 0px #000000 solid; background: url(../img/bg/bg_topmenu_outer_left.png) repeat-x left top; }
#topmenu-outer-right { float: right; width: 1000px; height: 86px; border: 0px #000000 solid; background: url(../img/bg/bg_topmenu_outer_right.png) repeat-x right top; }
#topmenu-inner { width: 984px; height: 86px; border: 0px #000000 solid; }
#topmenu-inner-left { float: left; width: 336px; height: 86px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_search.jpg) repeat-x left top; }
#topmenu-inner-right { float: right; width: 648px; height: 86px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_topmenu.jpg) repeat-x right top; }
#topmenu-inner-right-up { float: right; width: 648px; height: 37px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_topmenu_up.jpg) repeat-x right top; }
#topmenu-inner-right-down { float: right; width: 648px; height: 49px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_topmenu_down.jpg) repeat-x right top; }
#title-outer { width: 1012px; height: 42px; border: 0px #000000 solid; }
#title-outer-left { float: left; width: 12px; height: 42px; border: 0px #000000 solid; background: url(../img/bg/bg_title_outer_left.png) repeat-x left top; }
#title-outer-right { float: right; width: 1000px; height: 42px; border: 0px #000000 solid; background: url(../img/bg/bg_title_outer_right.png) repeat-x right top; }
#title-inner { width: 984px; height: 42px; border: 0px #000000 solid; }
#title-inner-left { float: left; width: 336px; height: 42px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_title_lmenu.jpg) repeat-x left top; }
#title-inner-right { float: right; width: 648px; height: 42px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_title_body.jpg) repeat-x right top; }
#body-outer { width: 1012px; min-height: 250px; border: 0px #000000 solid; }
#body-outer-left { float: left; width: 12px; min-height: 250px; border: 0px #000000 solid; background: url(../img/bg/bg_body_outer_left.png) repeat-x left top; }
#body-outer-right { float: right; width: 1000px; min-height: 250px; border: 0px #000000 solid; background: url(../img/bg/bg_body_outer_right.png) repeat-x right top; }
#body-inner { width: 984px; min-height: 250px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_body_inner.jpg); }
#body-inner-left { float: left; padding: 0px 0px 20px 0px; width: 336px; min-height: 200px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_body_inner_left.jpg) repeat-y left top; }
#body-inner-right { float: right;  width: 648px; min-height: 200px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_body_inner_right.jpg) repeat-y left top; }
#body-inner-clear { clear: both; }
#footer-outer { margin-bottom: 120px; width: 1012px; height: 128px; border: 0px #000000 solid; }
#footer-outer-left { float: left; width: 12px; height: 128px; border: 0px #000000 solid; background: url(../img/bg/bg_footer_outer_left.png) repeat-x left top; }
#footer-outer-right { float: right; width: 1000px; height: 128px; border: 0px #000000 solid; background: url(../img/bg/bg_footer_outer_right.png) repeat-x right top; }
#footer-inner { width: 984px; height: 128px; border: 0px #000000 solid; }
#footer-inner-left { float: left; width: 336px; height: 128px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_footer_inner_left.png) repeat-x left top; }
#footer-inner-right { float: right; width: 648px; height: 128px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_footer_inner_right.jpg) repeat-x right top; }
#footer-inner-right-up { float: right; width: 648px; height: 70px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_footer_inner_right_up.jpg) repeat-x right top; }
#footer-inner-right-down { float: right; padding: 15px 0px 0px 50px; width: 598px; height: 43px; border: 0px #000000 solid; background: #FFFFFF url(../img/bg/bg_footer_inner_right_down.png) repeat-x right top; color: #ffffff; }
.leftbox { position: relative; top: 10px; left: 20px; width: 261px; border: 0px #000000 solid; }
.leftbox-title { width: 281px; height: 39px; border: 0px #000000 solid; background: url(../img/bg/bg_leftbox_title.png) repeat-x left top; }
.leftbox-body { padding: 2px 2px 2px 2px; width: 281px; min-height: 100px; border: 0px #000000 solid; background: url(../img/bg/bg_leftbox_body.png) repeat-y left top; }
.leftbox-body-image { float: left; margin: 8px 2px 2px 10px; padding: 1px; border: 1px #e0e0e0 solid; }
.leftbox-body-text { float: right; margin: 8px 20px 2px 0px; width: 160px; border: 0px #e0e0e0 solid; }
.leftbox-body-link { clear: both; margin: 8px 20px 2px 10px; width: 250px; text-align: right; border: 0px #e0e0e0 solid; }
.leftbox-down { width: 281px; height: 10px; border: 0px #000000 solid; background: url(../img/bg/bg_leftbox_down.png) repeat-x left top; }
#rightbox { position: relative; top: 430px; left: -50px; width: 173px; min-height: 150px; border: 0px #000000 solid; }
#rightbox-up { width: 173px; height: 7px; border: 0px #000000 solid; background: url(../img/bg/bg_rightbox_up.png) repeat-x left top; }
#rightbox-title { width: 173px; height: 33px; border: 0px #000000 solid; background: url(../img/bg/bg_rightbox_title.png) repeat-x left top; }
#rightbox-body { padding: 10px 15px 10px 15px; width: 142px; min-height: 100px; border: 0px #000000 solid; background: url(../img/bg/bg_rightbox_body.png) repeat-y left top; }
#rightbox-down { width: 173px; height: 13px; border: 0px #000000 solid; background: url(../img/bg/bg_rightbox_down.png) repeat-x left top; }

#login-box { margin: 65px 0px 0px 110px; color: #006633; }
#login-box input { margin: 0px 0px 7px 0px; padding: 1px 5px 1px 5px; border: 1px #006633 solid; }
#login-box a { text-decoration: none; font-size: 12px; font-weight: normal; color: #006633; }
#login-box a:hover { text-decoration: underline; }

#quicksearch-box { margin: 10px 0px 0px 25px; color: #006633; }

#topmenu-up-box { margin: 0px 0px 0px 50px; }
#topmenu-down-box { margin: 30px 0px 0px 70px; font-size: 14px; color: #009966; }
#topmenu-down-box a { text-decoration: none; font-size: 14px; font-weight: normal; color: #009966; }
#topmenu-down-box a:hover { text-decoration: underline; color: #000000; }

#body-inner-right-box { margin: 0px 80px 20px 30px; text-align: justify; }
#body-inner-right-box td { padding: 0px 2px 0px 5px; }

#contact-box { margin: 25px 30px 20px 50px; color: #009966; }

#rightbox-body-message { text-align: justify; }
#rightbox-body-message a { text-decoration: none; font-size: 14px; font-weight: bold; color: #0000ff; }
#rightbox-body-message a:hover { text-decoration: underline; }

.leftbox h2 { padding: 10px 0px 0px 12px; color: #009966; }
.leftbox p { text-align: justify; color: #009966; }
.leftbox-body-link a { text-decoration: none; font-size: 14px; font-weight: bold; color: #0000ff; }
.leftbox-body-link a:hover { text-decoration: underline; }

#body-inner-right-box p { margin: 0 0 5px 0; text-indent: 10px; text-align: justify; }
#body-inner-right-box ul { margin: 0 0 0 25px; }

h1 { display: none; }
h2 { margin: 0px 0px 50px 0px; text-align: left; font-size: 18px; color: #009966; }
h3 { margin: 30px 0px 10px 0px; font-size: 16px; color: #009966; }
h4 { margin: 0px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #006633; }
h5 { margin: 20px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #006633; }

fieldset { padding: 0px 2px 5px 2px; border: 1px solid; border-color: #009966; }
legend { padding: 3px; font-weight: bold; color: #009966; }
select, option { padding: 0px 0px 0px 2px; font-size: 12px; font-weight: normal; border: 1px #009966 solid; }
option { margin: 0px 0px 0px 0px; border: 0px #009966 solid; }

th { padding: 1px 2px 1px 5px; font-size: 13px; background-color: #009966; color: #ffffff; }

li { margin: 0 0 5px 0; }

/* Miscellaneous */
.none { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }
.left { text-align: left; }
.justify { text-align: justify; }
.right { text-align: right; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.border-none { border: 0px; }
.border-bottom { border-bottom: 1px solid #000000; }

.filter { margin: 0px 0px 50px 0px; font-size: 12px; }
.filter select, option { padding: 0px 0px 0px 5px; }

.no { color: #ff0000; }
.yes { color: #008000; }
.notice { font-size: 11px; }
.comment { margin: 5px 0px 10px 0px; font-style: italic; font-size: 0.9em; }
.warning { margin: 5px 0px 10px 0px; font-weight: bold; color: #ff0000; }
.error { margin: 5px 0px 10px 0px; font-weight: bold; color: #ff0000; }
.news { font-weight: bold; color: #ff0000; }
.clearance { font-weight: bold; color: #0000ff; }
.button { padding: 2px 10px 2px 10px; border: 1px solid #006633; background-color: #009966; text-decoration: none; color: #ffffff; }
.image-detail { float: right;	margin: 0px 0px 25px 30px; padding: 5px; border: 1px solid #009966; }
.logo { float: right;	margin: 1.5em 0em 0.2em 0.5em; border: 0em solid #ffffff; }
.piktogram { float: right; margin: 0px 0px 10px 40px; border: 0px solid #ffffff; }

/* Katalog */
table.katalog { width: 100%; }
.katalog th { padding: 1px 0px 1px 5px; text-align: left; font-size: 12px; background-color: #ffffff; color: #009966; border-top: 2px solid #009966; border-bottom: 2px solid #009966; }
.katalog td { padding: 2px 0px 2px 5px; text-align: left; }
.katalog a { margin: 1px 0px 1px 0px; padding: 0px 2px 0px 2px; background: #ffffff; color: #009966; border: 1px solid #009966; }
.katalog a:hover { background: #009966; color: #ffffff; border: 1px solid #009966; }
.katalog-paging { padding: 20px 0px 20px 0px; color: #009966; }
.katalog-paging a { padding: 1px 4px 1px 4px; line-height: 2px; text-decoration: none; font-size: 11px; background: #ffffff; color: #009966; border: 1px solid #009966; }
.katalog-paging a:hover { background: #009966; color: #ffffff; border: 0.5px solid #009966;; }
.katalog-actPage { padding: 1px 4px 1px 4px; text-decoration: none; font-size: 11px; font-weight: bold; background: #009966; color: #ffffff; border: 1px solid #009966;; }
a.folder { text-decoration: underline; color: #0000ff; border: 0px solid; }
a:hover.folder { text-decoration: none; background: #ffffff; color: #0000ff; border: 0px solid; }