/* LAYOUT */
html { width:100%; height:100%; }
body { background:#e8e8e8 url(images/bg-frm-main.gif) repeat-x left top; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1em; padding:0; margin:0; text-align:center; }

/* DIV */
div#frm-main { background-color:#fff; width:47em; min-width:780px; height:auto; margin: 0 auto 0 auto; padding:4px; text-align:left; overflow:hidden; }
div#frm-menu { margin:0 0 4px 0; background:#fff; }
div#frm-left { width:25%; float:left; clear:left; }
div#frm-right { width:75%; float:left; }
div#left-top { height:130px; background:url(images/bg-left.jpg) repeat-x top right; }
div#left-top span { display:block; height:131px; background:url(images/bg-left-top.jpg) no-repeat top right; }
div#left-middle { background:url(images/bg-left-middle.jpg) no-repeat top right; }
div#left-bottom { background:url(images/bg-left-bottom.gif) repeat-y top center; text-align:center; margin:20px 0; }
div#right-top { height:142px; background:url(images/bg-right.jpg) repeat-x top left; }
div#right-top span { display:block; height:142px; background:url(images/bg-right-top.jpg) no-repeat top left; }
div#right-bottom { width:100%; margin:0 0 30px 0; overflow:hidden; }
div#right-bottom div { float:left; width:33%; background:url(images/bg-cols.gif) no-repeat top right; }
div#frm-sub { width:100%; clear:both; margin:20px 0 0 0; background:#fcfcfc url(images/bg-sub.gif) repeat-x left top; overflow:hidden; }
div#sub-left { width:25%; float:left; height:11em; background:url(images/bg-sub-left.gif) no-repeat right top; }
div#sub-right { width:75%; float:left; overflow:hidden; }
div#sub-right div { width:50%; float:left; background:url(images/bg-sub-left.gif) no-repeat right top; }
div#frm-foot { background-color:#e8e8e8; width:47em; margin: 10px auto; text-align:left; overflow:hidden; }
div#right-middle div { padding:20px 20px 0 40px; overflow:hidden; }

/* SPAN */
span#frm-detail { position:absolute; left:0; top:0; }
span#frm-detail p.img-detail span { clear:both;  display:block; width:auto; height:auto; padding:4px; margin:0; text-align:left; background:#fff; }

/* P */
div#right-middle p { margin:20px; font-size:0.7em; color:#4f4f4f; }
div#right-bottom div p { margin:0 20px; font-size:0.7em; color:#4f4f4f; }
div#sub-right div p { margin:10px 20px; font-size:0.7em; color:#4f4f4f; }
div#frm-foot p { margin:0; font-size:0.7em; color:#b0b0b0; text-align:center; }
div#right-middle div p.img-card { float:left; width:110px; text-align:center; margin:0 0 0 0; padding:0; color: #b0b0b0; font-style:italic; }
span#frm-detail p.img-detail { position:absolute; left:0; top:200px;  display:block; width:auto; height:auto; padding:4px; margin:0; text-align:center; background:#fff; border:1px solid #0f96d5; }

/* H */
h1 { margin:0; }
h2 { margin:0; }
h1 span, h2 span, h3 span { display:none; }
div#right-middle h3 { margin:20px; font-size:0.9em; font-weight:normal; color:#0f96d5; clear:both; }
div#right-middle h3.preview-header { margin-bottom:-15px; padding:5px 0 0 0; clear:both; border-top: 1px solid #f0f0f0; }
div#right-middle h5 { margin:0 20px; font-size:0.9em; font-weight:normal; color:#0f96d5; }
div#right-middle h6 { margin:0 20px; font-size:0.9em; font-weight:normal; color:#4f4f4f; }
div#right-bottom div h4 { margin:0 0 6px 20px; font-size:0.9em; font-weight:normal; color:#0f96d5; }
div#sub-right div h4 { margin:15px 0 10px 20px; font-size:0.9em; font-weight:normal; color:#0f96d5; }
div#left-bottom h5 { margin:10px 0 6px 6px; font-size:0.7em; font-weight:normal; color:#4f4f4f; background:#fff; }

/* UL */
ul#menu-main { width:100%; list-style:none; margin:0; padding:0; background:#f8c400 url(images/bg-menu-main.gif) repeat-x bottom left; overflow:hidden; }
ul#menu-main li { float:left; display:block; height:1.5em; padding:13px 10px 10px 10px; background:url(images/bg-menu-main-item.gif) no-repeat bottom right; font-size:0.6em; text-transform:uppercase; }
ul#menu-main li.active { background:#fff url(images/bg-menu-main-active.gif) no-repeat top left; }
ul#menu-sub { list-style:none; margin:0 20px; padding:0; }
ul#menu-sub li { line-height:0.8em; border-bottom:1px solid #f2f5f7; padding:6px 0; font-size:0.6em; }
ul#menu-sub li ul { list-style:disc; list-style-position:outside; padding:0; margin:6px 0 6px 15px; }
ul#menu-sub li ul li { line-height:1em; border-top:1px solid #f2f5f7; padding:4px 0; font-size:1.1em; color:#0f96d5; }
ul#menu-sub li ul li ul li { font-size:1.0em; }
div#right-bottom div ul { list-style:none; margin:10px 0 0 20px; padding:0;  }
div#right-bottom div ul li { font-size:0.7em; margin:0; padding:0; } 
div#right-middle ul li { line-height:1.2em; margin:0 40px 0 10px; font-size:0.7em; color:#4f4f4f; }
ul.struktura { padding:10px; font-size:16px; margin:0 40px 20px 60px; }
ul.struktura li ul { margin:0 20px; }

/* A */
ul#menu-main li a { color:#fff; text-decoration:none; }
ul#menu-main li a:hover { color:#606060; }
ul#menu-main li a.active { color:#606060; }
ul#menu-sub li a { color:#0f96d5; text-decoration:none; text-transform:uppercase; }
ul#menu-sub li a:hover { text-decoration:underline; }
ul#menu-sub li a.active { text-decoration:underline; }
ul#menu-sub li ul li a { text-transform:none; }
div#right-middle p a { color:#0f96d5; text-decoration:none; }
div#right-middle p a.ext-link { color:#0f96d5; font-weight:bold; padding:0 15px 0 0; text-decoration:none; background:url(images/icon-ext-link.gif) no-repeat right 50%; }
div#right-middle p a.text-continue { color:#0f96d5; text-decoration:none; }
div#right-middle p a:hover { text-decoration:underline; }
div#right-middle ul li a { color:#0f96d5; text-decoration:none; }
div#right-middle ul li a.text-continue { color:#0f96d5; text-decoration:none; }
div#right-middle ul li a:hover { text-decoration:underline; }
div#right-middle ul li a.active { text-decoration:underline; }
div#right-bottom div a { color:#0f96d5; text-decoration:none; }
div#sub-right div a { color:#0f96d5; text-decoration:none; }
div#frm-foot a { color:#0f96d5; text-decoration:none; }
h3 a { color:#0f96d5; text-decoration:none; }
h3 a:hover { text-decoration:underline; }
div#right-middle p.img-detail a.btn-close { position:absolute; top:0px; right:0px; display:block; text-align:center; background:#fff; padding:8px 30px 8px 30px; font-weight:normal; }

/* IMG */
div#left-bottom img { margin:0 5px 0 15px; border:0; }
div#right-bottom div img { margin:0 0 0 20px; border:1px solid #0f96d5; }
div#right-middle p.img-card img { margin:0 0 1px 0; padding:3px; border:1px solid #0f96d5; }
div#right-middle p img.preview { margin:0 0 5px 10px; float:right; }
div#right-middle p img.intext-detail { border:0; margin:0; }


/* TABLES */
table.basic-table { width:90%; border:1px solid #f0f0f0;; margin:20px; }
table.basic-table tr.odd td { background:#f9f9f9; }
table.basic-table tr.even td { background:#fff; }
table.basic-table tr th { background:#f5f5f5; border:0; font-size:0.7em; color:#4f4f4f; padding:3px; }
table.basic-table td { border:0; font-size:0.7em; color:#4f4f4f; padding:3px; }
table.basic-table .default { text-align:left; }
table.basic-table .numeric { text-align:center; }
table.basic-table .amountic { text-align:right; }

/* HR */
hr { display:none; }