/* ----- Definícia body, html ------------------------------------------------------------------ */
html, body {height: 100%; padding: 0; margin: 0;}
body {
  text-align: center;
  background: #414753;
  font-family: Verdana, Arial, lucida, sans-serif;
}
img, div {behavior: url("./stuff/iepngfix.htc");} 


/* ----- Základný layout stránky --------------------------------------------------------------- */
#main {
  text-align: center;
  margin: 0 auto; padding: 0;
  width: 760px;
  min-height: 100%;
  height: 100%;
  position: relative;
  bottom: 10px;
  background: url("../stuff/img/content-back.gif") top center repeat-y;
}
body>#main {height: auto;}


#top {background: #414753;}
#logo {
  position:relative;
  height: 75px;
  width: 232px;
  float: left;
  overflow: hidden;
  text-align: left;
  color: #fff;
  margin: 10px 0 0 0;
}
#logo span {
  position:absolute;
  left:0; top:0; z-index:1;
  height: 75px; width: 232px;
  background: url("../stuff/img/logo.gif") top right no-repeat;
  color: #fff;
}
#logo a {cursor: pointer;}
#logo h1 {display: inline; border: 0; margin: 0;}


#content {
  margin: 0 31px 0 31px;
  padding: 5px 10px 25px 10px;
  clear: both;
  font-size: 0.8em;
  text-align: justify;
  background: #f3f3f3;
}


#footer {
  width: 760px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #808080 url("../stuff/img/content-bottom.gif") top center no-repeat;
  text-align: center;
  padding: 0; margin: 0;
}
#footer a {color: #1847a1;}
#footer hr {
  padding: 0; border: 0;
  margin: 5px 150px;
  =margin: 0 150px -5px 150px;
  border-top: 1px solid #808080;
}




/* ----- Definovanie horného menu --------------------------------------------------------------- */
#no-menu {
  clear: both;
  height: 15px;
  font-size: 0.1em;
  margin: 0;
  background: url("../stuff/img/content-login-top.gif") top left no-repeat;
  text-align: right;
}
#menu-up {
  clear: both;
  margin: 0;
  height: 44px;
  font-size: 0.9em;
  background: #287cc2 url("../stuff/img/menu-back.gif") top left no-repeat;
}
#menu-up div {margin: 0 auto;}
.menu {padding: 0; margin: 0; position: relative; top: 5px; left: 20px;z-index: 100;}
.menu a {text-decoration: none; display: block; _width: 100%; margin: 0; text-align: center;}
.menu ul, .menu li {list-style-type: none; margin: 0; padding: 0;}
ul.uroven1 li.polozka1 {
  float: left;
  position: relative;
  _width: 1px; /* IE */
  background: transparent url("../stuff/img/menu-hover.gif") bottom left repeat-x;
}
ul.uroven1 li.first {border-left: 1px solid #3f94cf;}
ul.uroven1 li.last {border-right: 1px solid #2877b3;}
ul.uroven1 li.polozka1 {behavior: url("./stuff/hovermenu.htc");}
ul.uroven1 li.polozka1 a {
  padding: 7px 0 0 0;
  height: 27px; width: 177px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-left: 1px solid #2877b3;
  border-right: 1px solid #3f94cf;
}
ul.uroven1 li.polozka1 a span {text-decoration: underline;}
ul.uroven2 {
  position: absolute;
  left: 0; top: 34px;
  line-height: 100%;
  font-size: 0.9em;
  background: #287cc2;
  visibility: hidden;
  padding: 0; margin: 0;
  z-index: 100;
}
ul.uroven2 li.polozka2 a {
  text-align: left;
  color: #fff;
  padding: 4px 0 4px 5px;
  height: 20px; width: 173px;
  text-decoration: none;
  border: 0; margin: 0;
  font-weight: normal;
}
.menu a:hover {text-decoration: underline;}
ul.uroven2 li.polozka2 a:hover {color: #fff; background: #1847a1; text-decoration: none;}
ul.uroven1 li.polozka1:hover, ul.uroven1 li.polozka1Hover {background: #1847a1 url("../stuff/img/menu-hover.gif") top left repeat-x;}
ul.uroven1 li.polozka1Hover ul.uroven2, ul.uroven1 li.polozka1:hover ul.uroven2 {visibility: visible;}



/* ----- Horné info o prihlásení, vlajka -------------------------------------------------------- */
#login-info {
  float: right;
  width: 310px;
  height: 23px;
  padding: 10px 0 0 0; margin: 0;
  position: relative;
  top: 57px; right: 15px;
  font-size: 0.8em;
  color: #000;
  background: #fff url("../stuff/img/profil-info.gif") top left no-repeat;
}
#login-info a {color: #414753;}
#login-info a:hover {text-decoration: none; color: #000;}


#lang-select {
  display: none;
  font-size: 0.9em;
  z-index: 100;
  position: absolute;
  top: 15px;
  left: 550px;
  border: 1px solid #1847a1;
  border-bottom: 0;
  text-align: left;
  background: #3883c2;
}
#lang-select a {
  display: block;
  width: 150px;
  padding: 2px 0 2px 5px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #1847a1;
}
#lang-select a:hover {
  background: #5c9cd1;
}
#flag-sel-lang {
  position: absolute;
  left: 710px;
  top: 45px;
  cursor: pointer;
}


#warning-top {
  display: none;
  font-size: 0.8em;
  z-index: 100;
  position: absolute;
  top: 15px;
  left: 235px;
  width: 465px;
  padding: 2px;
  border: 1px solid #d86d6d;
  background: #FBC8C8;
  text-align: justify;
}

#sel-warning {
  position: absolute;
  left: 711px;
  top: 22px;
  cursor: pointer;
}





/* ----- Blbosti ------------------------------------------------------------------------------- */
a {color: royalblue;}
a:hover {color: #1847a1; text-decoration: none;}
a img {border: 0;}
.cleaner {clear: both; height: 1px; font-size: 0.1em;}
.red-text {color: crimson; font-weight: bold;}
.help {font-size: 0.7em;}
img.help, .news-help {cursor: help;}
.stick {color: #777;}
.hide {display: none;}
.show {display: block;}
ol {border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; background: #fff; padding-top: 10px; padding-bottom: 10px;}
ol li {margin: 15px 0 0 0;}


ul#install-lang {
  list-style-type: none;
  margin: 0 0 0 180px;
  padding: 0; width: 311px;
  border-top: 1px solid #1847a1;
  border-left: 1px solid #1847a1;
}
ul#install-lang li {padding: 0; margin: 0;}
ul#install-lang li a {
  display: block;
  width: 300px;
  font-size: 1.3em;
  padding: 5px 0 5px 10px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #1847a1;
  border-right: 1px solid #1847a1;
  background: #3883c2;
}
ul#install-lang li a:hover {
  background: #5c9cd1;
}


.preview, .tmpl-help {
  margin: 10px 20px 0 20px;
  border: 1px solid #808080;
  text-align: justify;
  background: #dfdfdf;
}
.preview {padding: 10px 5px 10px 5px;}
.tmpl-help {padding: 20px 5px 5px 5px;}
.simlegend, .simtitle {
  display: inline;
  color: #fff;
  position: relative;
  top: 20px; left: 30px;
  border: 1px solid #808080;
  padding: 3px 5px;
  background: #808080;
}
.tmpl-help {margin-bottom: -10px;}
.simlegend span {color: #b2cff7;}
.simtitle {padding: 5px;}
.simurl {cursor: pointer; border-bottom: 1px dotted; color: royalblue;}
img.simurl {border: 0;}
.simurl:hover {color: #1847a1;}
.wsimurl {color: #fff;}
.wsimurl:hover {color: #fff;}
.example {color: #808080;}


ul.tmpl-variables, ul.tmpl-variables ul {list-style-type: none; margin: 0; padding: 0 0 0 15px;}
ul.tmpl-variables span.variable {font-weight: bold; cursor: pointer;}
ul.tmpl-variables ul span.variable {color: #505050;}
ul.tmpl-variables span.variable:hover {color: #1847a1;}
ul.tmpl-variables ul {margin: 5px 0;}



.simple-format {
  margin: 0 auto;
  border-left: 1px solid #9e9e9e;
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
  width: 205px; _width: 225px;
  height: 25px;
  position: relative;
  right: 180px; top: 1px; =top: 2px;
  padding: 2px 10px;
  background: #fff;
}
.simple-format img {cursor: pointer; border: 1px solid #9e9e9e; padding: 2px; margin-right: 1px; float: left;}
.simple-format img:hover {border: 1px solid #1847a1; background: #b2bbd0;}
.simple-format img.last_img {margin-right: 20px;}

#simple-format-text, #simple-format-article {
  display: none;
  position: absolute;
  margin: -90px 0 0 260px;
  =margin-right: 300px;
  z-index: 90;
  border: 1px solid #808080;
  background: #fff;
  width: 170px;
  padding: 10px;
  text-align: center;
}
#simple-format-text img, #simple-format-article img {cursor: pointer; border: 1px solid #fff; padding: 3px;}
#simple-format-text img:hover, #simple-format-article img:hover {border: 1px solid #1847a1; background: #b2bbd0;}







/* ----- Formuláre ----------------------------------------------------------------------------- */
form {text-align: center; margin: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 10px 0 20px 0; background: #f3f3f3;}

input, select {padding: 3px; border: 1px solid #9e9e9e;}
input:hover, select:hover, textarea:hover {border: 1px solid #1847a1;}
input:focus, select:focus, textarea:focus {border: 1px solid #1847a1; background: #fff;}
input.submit {padding: 5px 20px; cursor: pointer;}
input.smallsubmit {padding: 5px; width: auto; color: #444; cursor: pointer;}
input.radio {border: 0;}
input.secondrb {margin-left: 20px;}
input.checkbox {cursor: pointer; border: 0;}
optgroup {background: #9e9e9e; color: #fff;}
optgroup option {background: #fff; color: #000;}
.long {width: 250px;}
.xlong {width: 400px;}

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

textarea {margin: 0 auto; padding: 5px; height: 180px; width: 600px; border: 1px solid #9e9e9e; background: #fff; clear: both;}
textarea.integration {height: 80px; margin-bottom: 40px;}
textarea#readonly {height: 50px; background: grey; border: 1px dashed white; display: block;}
textarea#article {height: 300px;}

table {margin: 0 auto; text-align: left;}

#date_now {cursor: help;}
#date_change {width: 430px; padding: 5px 0 0 0; height: 25px;}
#date_changer {width: 430px; padding: 7px 0 0 0; height: 23px;}
#login-form fieldset {padding: 20px 0; width: 300px; margin: 0 auto;}

form#main-tmpl-edit, form#pagination-tmpl-edit {margin-top: 10px;}

form#edit-config table {width: 600px; border-bottom: 1px solid #808080;}
form#edit-config table tr td {border-top: 1px solid #808080; padding: 3px 0 0 0;}
form#edit-config table tr.config-help td, tr.users-help td, #news-art-help {font-size: 0.85em; color: #808080; padding: 0 0 20px 0; border-top: 0;}
#news-art-help {padding: 3px 10px 3px 40px;}
form#edit-config table tr.config-help td select {font-size: 0.9em; border: 1px solid #c0c0c0;}
form#users-form table {width: 450px; margin: 0 auto;}
td.user-legend, td.config-legend {font-weight: bold;}

#sim-select {
  display: block;
  padding: 0 0 0 10px;
  margin-left: 5px;
  width: 240px;
  height: 19px;
  color: #000;
  text-decoration: none;
  background: url('./img/sim-select.gif') top left no-repeat;
  float: right;
  text-align: left;
  cursor: pointer;
}
#tmpl-select {
  display: none;
  position: absolute;
  top: 207px; =top: 213px;
  left: 470px;
  border: 1px solid #808080;
  border-bottom: 0;
}
#tmpl-select a {
  color: #505050;
  background: #fff;
  display: block;
  width: 240px;
  border-bottom: 1px solid #808080;
  text-decoration: none;
  padding: 3px 0 3px 5px;
}
#tmpl-select a:hover {
  background: #dfeaf8;
  color: #000;
}

.wysiwyg-toggle {
  float: right;
  cursor: pointer;
}
.ta-description {
  margin: 5px 35px 0 35px;
  padding: 0;
  text-align: left;
}

#settings {
  border: 1px solid #c0c0c0;
  background: #f8f8f8;
  margin: 10px 33px 0 33px;
  padding: 15px 5px 0 5px;
}
.settings-list {
  list-style-type: none;
  margin: 5px 0 10px 0;
  padding: 0;
}
.settings-list li {height: 25px;}



#news-comments {border: 1px solid #c0c0c0; margin: 0 20px;}
#comments-top {padding: 5px 10px; background: #e6e6e6;}
.mn-comment {
  padding: 7px;
  border-top: 1px solid #c0c0c0;
  text-align: justify;
  background: #f0f0f0;
}
.mn-comment:hover {background: #fff;}
.mn-comment-top {color: #808080;}
.mn-comment-index {
  padding: 7px;
  text-align: justify;
  background: #d3dfff;
  border-bottom: 1px solid #b3c8ff;
}
.last-comment-grey {color: #808080; display: none;}
.last-comment-grey a {color: #808080;}
.mn-comment-index:hover {background: #cad9ff;}
.mn-comment-index:hover .last-comment-grey {display: inline;}
#info {max-height: 200px; overflow: auto;}
div.comment-legend {display: block; margin: 0 0 5px 0;}
div.comment-legend strong {color: #1847a1;}
#comment_text {width: 350px; height: 100px; margin: 0 auto;}
#comment-info {text-align: left; padding: 0 0 0 160px; display: none;}
#comment-info span {color: #555;}
#mn-comment-buttons {margin: 0 0 0 4px;}
#mn-comment-buttons img {cursor: pointer; padding: 2px; border: 1px solid #ccc; margin-left: -4px;}
#mn-comment-buttons img:hover {background: #ccc;}





/* ----- Info rámčeky -------------------------------------------------------------------------- */
h2 {font-size: 1em; font-weight: normal;}
.info-green, .info-red, .info-neutral, .info-empty, .info-main {padding: 10px; margin: 0; font-weight: bold; text-align: center;}
.info-green {color: forestgreen; border: 1px solid #6ed06c; background: #dcf9db;}
.info-red {color: crimson; border: 1px solid crimson; background: #f9dbdb;}
.info-neutral, .info-text {color: #1847a1; border: 1px solid #7895e8; background: #e4eaff;}
.info-main {color: royalblue; border-top: 1px solid #f3f3f3; padding: 12px 10px 11px 10px; border-bottom: 1px solid royalblue; margin: 0 100px;}


.chmod-dirs li {
  list-style-image: url('./img/icons/folder.png');
  padding: 2px 0;
  font-weight: bold;
}

.info-text, .chmods-ok, .warnings, .info-yellow {
  margin: 10px 10px 0 10px;
  padding: 10px;
  text-align: justify;
}
.info-text {border: 1px solid #7895e8; background: #e4eaff; color: #000;}
.chmods-ok {border: 1px solid #6ed06c; background: #dcf9db; text-align: center;}
.warnings {border: 2px solid #d86d6d; background: #f9dbdb;}
.warnings ul li {padding: 2px 0 2px 5px; list-style-image: url('./img/icons/error.png');}
.warnings ul li span {color: #808080; font-style: italic;}
.warnings .simbutton a {width: 220px; margin: 0 auto; padding: 10px 0;}

.mnews-show-preview {margin: 25px 22px 0 0; text-align: left; color: #808080; font-weight: bold;}
.mn-search-box input {border: 1px solid #01294a; padding: 3px 5px;}
.mn-search-box input.submit {padding: 2px 5px; background: #206ea9; color: #fff; font-weight: bold; cursor: pointer;}
.mn-news, .mn-article {border: 1px solid #c0c0c0; background: #fff; margin: 1px; padding: 5px;}
.mn-news h3, .mn-article h2 {color: royalblue; font-weight: bold; font-size: 1.1em;}
.mn-news hr {display: none;}
.mn-article {color: #707070;}
.mn-article .full-story {color: #000;}
.mn-author {text-align: right; color: #808080;}
.mn-pages {text-align: center; padding: 5px 0; border: 1px solid #c0c0c0; background: #fff; margin: 5px 1px 15px 1px;}
.mn-pages form select {padding: 0; margin: 0;}

table#admin-list {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  margin-top: 10px;
}
table#admin-list tr td, table#admin-list tr th {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  background: #fff;
}
table#admin-list tr th {background: #abc0ff; padding: 5px;}
table#admin-list tr td.icons a, table#admin-list tr td.block a {display: block; padding: 5px;}
table#admin-list tr td.icons-comm a {display: block; padding: 15px 10px;}
table#admin-list tr td.m {padding: 0 5px;}
table#admin-list tr div.comment-text {height: 35px; overflow: auto; padding: 5px; font-size: 0.85em; text-align: justify;}
table#admin-list tr td a:hover {background: #e1e1e1;}
table#admin-list tr th#title {width: 200px;}
table#admin-list tr th#date, table#admin-list tr th#author {width: 120px;}
table#admin-list tr th.adm-tools {width: 30px;}
table#admin-list tr th span.wtf {color: #666; border-bottom: 1px dotted royalblue; cursor: help;}



.info-yellow {border: 1px solid #ffc936; background: #fdffbd;}
.info-yellow em {border-bottom: 1px dashed orange;}
.simiurl, .simiurla {
  float: right;
  position: relative;
  cursor: pointer;
  z-index: 5;
}
.simiurl {top: -10px; left: 10px;}
.simiurla {top: -10px;}


.items {
  list-style-type: none;
  width: 462px;
  margin: 0 auto;
  padding: 0;
}
.items li {float: left;}
.items li span {
  border: 1px solid #1847a1;
  background: #3883c2;
  color: #fff;
  font-weight: bold;
  border-top: 0;
  padding: 6px 0;
  width: 150px;
  margin: 0 1px;
  display: block;
  cursor: pointer;
}
.items li span:hover {background: #5c9cd1; cursor: pointer;}
.items li span.selected	{
  text-decoration: none;
  cursor: default;
  background: #ddd;
  color: #555;
  border-color: #808080;
}




/* ----- Zarovnania blokových elementov -------------------------------------------------------- */
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.j {text-align: justify;}