/* ----- 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;
}





/* ----- 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; _height: 33px;
  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;
}





/* ----- 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;}
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;
  padding: 20px 5px 5px 5px;
  border: 1px solid #3d77c9;
  text-align: justify;
  background: #b2cff7;
}
.simlegend, .simtitle {
  display: inline;
  color: #fff;
  position: relative;
  top: 20px; left: 30px;
  border: 1px solid #3d77c9;
  padding: 3px 5px;
  background: #3d77c9;
}
.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: hand;}
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-bottom: 0;}
fieldset {border: 0; margin: 0; padding: 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.radio {border: 0;}
input.secondrb {margin-left: 20px;}
.long {width: 250px;}
.xlong {width: 400px;}

button, .simbutton {
  padding: 5px 0;
  margin: 0 1px;
  width: 150px;
  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;}

textarea {margin: 0 auto; padding: 5px; height: 180px; width: 600px; border: 1px solid #9e9e9e; background: #fff; clear: both;}
textarea.integration {height: 80px;}
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;}
#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;}
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: 206px; =top: 212px;
  left: 470px;
  border: 1px solid #808080;
  border-bottom: 0;
}
#tmpl-select a {
  color: #000;
  background: #e1dede;
  display: block;
  width: 240px;
  border-bottom: 1px solid #808080;
  text-decoration: none;
  padding: 3px 0 3px 5px;
}
#tmpl-select a:hover {
  background: #5c9cd1;
  color: #fff;
}

#mn-news-add-edit {margin-bottom: 20px;}
.wysiwyg-toggle {
  float: right;
  cursor: pointer;
}
.ta-description {
  margin: 5px 35px 0 35px;
  padding: 0;
  text-align: left;
}







/* ----- 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, .chmods-warning, .info-yellow {
  margin: 10px 10px 0 10px;
  padding: 10px;
  text-align: left;
}
.info-text {border: 1px solid #7895e8; background: #e4eaff; color: #000;}
.chmods-ok {border: 1px solid #6ed06c; background: #dcf9db; text-align: center;}
.chmods-warning {border: 2px solid #d86d6d; background: #f9dbdb;}
.chmods-warning ul li {padding: 2px 0 2px 5px; list-style-image: url('./img/icons/error.png');}
.chmods-warning ul li span {color: #808080; font-style: italic;}

.mnews-show-preview {margin: 25px 22px 0 0; color: #808080; font-weight: bold;}
.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: 3px 0; border: 1px solid #c0c0c0; background: #fff;}

.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;}




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