/* ----- Definícia body, html,... ------------------------------------------- */
html, body {height: 100%;}

body {
  background: #f0f0f0;
  color: #000;
  font-family: Verdana, Arial, lucida, sans-serif;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: center;
}





/* ----- Hlavný layout stránky ---------------------------------------------- */
#main {
  height: 100%;
  min-height: 100%;
  position: relative;
}
body>#main {height: auto;}

#top {
  background: #f0f0f0;
  height: 125px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 900px;
}

#logo {
  color: #808080;
  height: 120px;
  float: left;
  font-size: 0.9em;
  margin: 0 20px 0 10px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 120px;
}
#logo span {
  background: #f0f0f0 url("../img/logo.png") top left no-repeat;
  color: #808080;
  height: 120px;
  left:0;
  position:absolute;
  top:0;
  width: 120px;
  z-index:100;
}
#logo:hover span {background: #f0f0f0 url("../img/logo.png") bottom left no-repeat;}
#logo a {color: #808080; cursor: pointer;}
#logo a:hover {color: #808080;}
#logo h1 {border: 0; display: inline; float: left; height: 120px; margin: 0; width: 120px;}

#top-stuff {
  float: right;
  width: 300px;
}
#top-box {
  background: #fff url("../img/top-box.png") bottom left no-repeat;
  font-size: 0.8em;
  margin: 0;
  padding: 5px 0 6px 0;
  position: absolute;
  text-align: center;
  width: 300px;
}
#top-box form#top-login {display: none; margin: 0; padding: 10px 0 5px 0;}
#top-box form#top-login table {border: 0; border-collapse: collapse; margin: 0 auto;}
#top-box form#top-login table tr td {border: 0; padding: 0;}
#top-box form#top-login label {padding: 3px 15px 3px 5px;}
#top-box form#top-login input {margin: 5px 0 0 0;}
#top-box form#top-login table tr td input {border: 1px solid #a0a0a0; margin: 1px; padding: 2px 4px;}


#top-box a, #top-box span.simurl {color: #808080; text-decoration: underline; cursor: pointer;}
#top-box a:hover, #top-box span.simurl:hover {color: #206ea9; text-decoration: none;}

#top-search {margin: 70px 0 0 0; text-align: right;}
#top-search input.mn_q {border: 1px solid #ccc; padding: 3px 5px;}


#column {
  float: right;
  margin: 0 0 10px 20px;
  width: 280px;
}

#content-wrap {
  background: #fff url('../img/content-center.png') top left repeat-y;
  margin: 0 auto;
  width: 900px;
}
#content {
  font-size: 0.95em;
  line-height: 1.4;
  padding: 60px 20px 10px 20px;
  text-align: left;

}

#footer {
  background: #f0f0f0 url("../img/content-bottom.png") top left no-repeat;
  color: #464646;
  font-size: 0.75em;
  height: 15px;
  margin: 0 auto;
  padding: 25px 0 10px 0;
  text-align: right;
  width: 900px;
}
#footer a {color: #464646;}
#footer a:hover {color: #000; text-decoration: none;}
#footer a.top-link {margin-right: 10px; text-decoration: none;}
#footer span {color: #808080;}





/* ----- Definícia hlavného menu -------------------------------------------- */
ul.menu {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 900px;
}
ul.menu li {float: left;}
ul.menu li a {
  background: #01294a url("../img/menu.png") center center repeat-x;
  border-right: 1px solid #124d7a;
  border-left: 1px solid #328eb7;
  color: #fff;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: 23px;
  margin: 0;
  padding: 12px 0 5px 0;
  text-decoration: none;
  text-shadow: #000 1px 0px 1px;
  width: 178px;
}
ul.menu li a:hover {background: #206ea9 url("../img/menu.png") top center repeat-x; color: #fff; text-decoration: underline;}
ul.menu li.first a {background: #01294a url("../img/menu.png") center left repeat-x; border-left: 0; padding-left: 1px;}
ul.menu li.first a:hover {background: #206ea9 url("../img/menu.png") top left repeat-x;}
ul.menu li.last a {background: #01294a url("../img/menu.png") center right repeat-x; border-right: 0; padding-right: 1px;}
ul.menu li.last a:hover {background: #206ea9 url("../img/menu.png") top right repeat-x;}
ul.menu li a.active {background: #ccc url("../img/menu.png") bottom center repeat-x; cursor: default;}
ul.menu li a.active:hover {cursor: default; text-decoration: none;}
ul.menu li.first a.active {background: #ccc url("../img/menu.png") bottom left repeat-x;}
ul.menu li.last a.active {background: #ccc url("../img/menu.png") bottom right repeat-x;}





/* ----- Odkazy, nadpisy, tabuľky, ... -------------------------------------- */
a {color: #01294a;}
a:hover {color: #206ea9; text-decoration: none;}

p {margin: 15px 0 5px 0; text-align: justify;}
form fieldset {border: 0; margin: 0; padding: 0;}


h2 {
  border-bottom: 1px solid #206ea9;
  color: #206ea9;
  font-size: 1.6em;
  margin: 0 0 10px 0;
  padding-left: 20px;
  text-shadow: 1px 1px 2px #c0c0c0;
}
h2.narrow {margin-right: 300px;}
h2.post-title {
  border: 0;
  font-size: 1.4em;
}
h2 a {
  color: #206ea9;
  text-decoration: none;
}

h4 {color: #206ea9; margin-bottom: 5px;}

table {
  margin: 10px 0 0 25px;
  border-bottom: 1px solid #c0c0c0;
  border-collapse: collapse;
  border-right: 1px solid #c0c0c0;
}
table tr th {background: #f2f2f2; color: #01294a;}
table tr th, table tr td {
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  padding: 4px 20px 4px 10px;
}
table tr td {font-size: 0.9em;}
table tr td a {display: block; width: 120px;}





/* ----- Ostatné bludy ------------------------------------------------------ */
.download {
  margin: 0 0 20px 0;
  font-size: 1em;
}
.download a {
  background: #598627 url('../img/download.png') top left no-repeat;
  color: #fff;
  display: block;
  font-weight: bold;
  height: 55px;
  padding: 5px 0 0 0;
  text-align: center;
  text-decoration: none;
  text-shadow: #000 1px 1px 1px;
  width: 280px;
}
.download a strong {
  display: block;
  font-size: 1.4em;
}
.download a:hover {background: #598627 url('../img/download.png') bottom left no-repeat;}





.contact {
  background: #f0f0f0;
  border: 1px solid #d9d9d9;
  margin: 0 auto;
  margin-top: 40px;
  padding: 20px 0;
  text-align: center;
  width: 300px;
}



.sim-button {
  margin: 0;
  padding: 0;
  text-align: center;
}
.sim-button a {
  background: #3883c2;
  border: 1px solid #1847a1;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px 0;
  text-decoration: none;
  width: 240px;
}
.sim-button a:hover {
  cursor: pointer; 
  background: #5c9cd1;
}

.news, .mn-article {
  background: #f0f0f0;
  border: 1px solid #d9d9d9;
  font-size: 0.85em;
  margin: 1px 0;
  padding: 5px;
  text-align: justify;
}
.news .mn-news {
  border: 0;
  font-size: 1em;
  padding: 0;
}
.mn-author {
  color: #808080;
  text-align: right;
  font-size: 0.85em;
}
.news .mn-news p {margin: 0; padding: 0;}
.news .mn-news p.mn-author {
  border-bottom: 1px solid #d9d9d9;
  font-style: italic;
  margin: 0 0 15px 0;
  padding: 5px 0;
  text-align: right;
}
.news-title, .mn-news-title {
  border-bottom: 1px solid #d9d9d9;
  color: #808080;
  display: block;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 3px 0 3px 5px;
}
.news ul, .mn-article ul {
  margin: 10px 10px 10px 30px;
}
.mn-perex {color: #808080;}


.mn-success {color: forestgreen; font-weight: bold; margin: 10px 0; padding: 10px; text-align: center;}

#mn-comment-form {margin: 15px 0 0 15px;}
#mn-comment-form fieldset {
  border: 1px solid #999;
  margin: 0 auto;
  padding: 10px;
  width: 440px;
}
#mn-comment-form input {
  margin: 0 5px 2px 0;
  padding: 3px 5px;
  width: 180px;
}
#mn-comment-form input#mn-comment-submit, #mn-comment-form input#mn-comment-preview {cursor: pointer; float: none; margin: 5px 15px 0 15px; padding: 10px 40px;}
#mn-comment-form textarea {
  border: 1px solid #999;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 5px;
  padding: 5px;
  width: 426px;
}
#mn-comment-buttons {text-align: center;}
#mn-comment-buttons img {
  border: 1px solid #cdcdcd;
  cursor: pointer;
  margin: 0 -1px 0 -1px;
  padding: 2px;
}
#mn-comment-buttons img:hover {background: #cdcdcd;}

#mn-comments {margin: 20px 0 0 0;}
.mn-comment {
  background: #f5f5f5;
  border: 1px solid #999;
  font-size: 0.85em;
  margin-bottom: 1px;
  padding: 5px;
}
.mn-comment .author {
  color: #333;
}

.mn-comment-info {
  color: #333;
  font-style: italic;
  margin: 5px 0;
  padding: 5px;
  text-align: center;
}
.mn-comment code {
  background: #e4e4e4;
  border: 1px solid #999;
  display: block;
  margin: 5px 20px;
  overflow: auto;
  padding: 5px 10px;
}

.mn-user ul {list-style-type: none;}
.mn-user .mn-avatar {float: left; margin: 10px 20px 100px 0;}
.mn-user h2 {border: 0;}

.mn-archive {float: left; list-style-type: none; margin: 0; padding: 0 0 10px 0;}
.mn-archive li {float: left;}
.mn-archive li a {display: block; padding: 5px;}
.mn-search-box input {border: 1px solid #01294a; padding: 3px 5px;}
.mn-search-box input.submit {background: #206ea9; color: #fff; cursor: pointer; font-weight: bold; padding: 2px 5px;}

#search-form {
  display: none;
  padding: 0 0 10px 0;
}
#search-form .mn-search-form {text-align: center;}
#search-form .mn-search-form select {border: 1px solid #ccc; margin: 1px 0; width: 220px;}
#search-form .mn-search-form input {margin: 5px 0; padding: 3px 5px; width: 206px;}
#search-form .mn-search-form input.submit {display: block; margin: 0 auto; width: auto;}

.mn-highlight {background: yellow; margin: 0 auto; padding: 2px 0;}




.screens a {
  background: #206ea9 url('../img/screens.gif') bottom left repeat-x;
  border: 1px solid #01294a;
  color: #fff;
  display: inline-block;
  font-size: 0.8em;
  height: auto;
  margin: 5px;
  padding: 5px;
  text-decoration: none;
  text-shadow: 1px 1px -1px #000;
}
.screens a:hover {
  background: #206ea9 url('../img/screens-hover.gif') bottom left repeat-x;
  color: #fff;
}


ol.faq {margin: 10px 0 0 60px; padding: 10px 0 20px 0;}
ol.faq a {color: #206ea9;}

div.faq {background: #f5f5f5; border: 1px solid #d9d9d9; margin: 5px 0; padding: 10px;}
div.faq h3 {color: #206ea9; margin: 0; padding: 0;}
div.faq ol, div.faq ul, div.faq p {font-size: 0.9em;}
div.faq ol, div.faq ul {margin: 10px 0 0 40px;} 
div.faq span.help {color: #808080;}
div.faq p.code {background: #e8e8e8; color: green; margin: 10px 20px; padding: 5px 10px; width: 680px;}



ul.adv {
  list-style-image: url('../img/arrow.gif');
  margin: 10px 0 30px 0;
  padding: 5px 0 0 40px;
}
ul.adv li {
  padding: 4px 0;
}

.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.j {text-align: justify;}
.fr {float: right;}
.fl {float: left;}
.cb {clear: both; padding: 10px 0 0 0;}
.cleaner {border: none; clear: both; font-size: 0.1em; height: 5px; margin: 0; padding: 0; visibility: hidden;}
hr {border-top: 1px solid #505050;}
a img {border: 0;}


/* Round corners */
.round, input, textarea, fieldset, select, .screens a, .screens a img, #mn-comment-buttons img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


/* jquery FANCYBOX */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; display: none; z-index: 30; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../img/fancy-progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; } div#fancy_loading_icon { position: absolute; background: url('../img/fancy-loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0;
overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } div#fancy_content { margin: 0; z-index: 100; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../img/fancy-closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('../img/fancy-left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('../img/fancy-right.png') no-repeat; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../img/fancy-shadow-n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancy-shadow-ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../img/fancy-shadow-e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancy-shadow-se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../img/fancy-shadow-s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancy-shadow-sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../img/fancy-shadow-w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancy-shadow-nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -33px; left: 0;
width: 100%; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url("../img/fancy-title-left.png") repeat-x; } td#fancy_title_main { height: 32px; background: transparent url("../img/fancy-title-main.png") repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url("../img/fancy-title-right.png") repeat-x;}