/* ------------------------ RESET ---------------------------- */
body, div, h1, h2, h3, h4, p, ul, li, form { margin:0; padding:0; }
div, h1, h2, h3, h4, p, li, th, td, input, select, option, textarea { font: inherit; }
a, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
.center { text-align: center; }
.bold { font-weight:bold; }
.fr { float:right; }
.fl { float:left; }
.cb { clear:both; }
.mceContentBody { text-align: left; background: white;  height: 100%; }

/* ------------------------ BASIC TYPOGRAPHY ---------------------------- */
body {
  text-align:center;
  font-size: 1.2em;
  line-height:1em;
  font-family: 'Roboto', sans-serif;
  /*
  font-family: 'Kalam', cursive;
  font-family: 'Caveat Brush', cursive;
  */
  background:#f5f5f5 url('noviny.jpg') top left repeat;
}
h1, .h1, h2, .h2, h3, h4 {
  font-weight:700;
  font-family:'Roboto Slab', serif;
}
h1, .h1 {
  font-size:2.5em;
  line-height:1em;
  margin-bottom:0.3em;
}
h2, .h2 {
  font-size:1.55em;
  line-height:1.4em;
  margin:0.4em 0;
}
h3 {
  font-size:1.4em;
  margin:1em 0 0.5em 0;
}
h4 {
  font-size:1.6em;
  font-weight:300;
  line-height:1.2em;
  margin:0.6em 0;
}
p {
  line-height:1.2em;
  margin-bottom:1em;
}
a, a:visited, a:hover { color:#9b6301; }

/* ------------------------ LAYOUT ---------------------------- */
#container {
  background:#f9f9f9 url('papir.jpg') top left repeat;
  max-width:1240px;
  padding:0 20px;
  text-align: left;
  position: relative;
  margin:30px auto;
}
#top {
  text-align:left;
}
#nazev {
  text-align:center;
  width:100%;
  height:auto;
  margin-bottom:1em;
}
#nazev a, #nazev a:visited {
  font-family:'Roboto Slab', serif;
  font-weight:300;
  font-size:16.6vw;
  color:black;
  letter-spacing:-8px;
}
#nazev a:hover {
  text-decoration:none;
}
#nazev span {
  font-weight:700;
}
#nazev img {
  max-width:100%;
  height:auto;
  padding:0 0 2% 0;
}
#podnazev {
  width:100%;
  font-size:2.2vw;
  line-height:1.5em;
  font-family:'Roboto Slab', serif;
  font-weight:300;
  border-top:black 1px solid;
  border-bottom:black 1px solid;
  text-align:center;
  /*text-align: justify;*/
}
/* roztazeni jedineho radku na FULL justify */
/*
#podnazev:after {
  content: "";
  display: inline-block;
  width: 100%;
}*/
#main {
  text-align:left;
  margin-top:1.5em;
}
#left {
  width:220px;
  width:21.9%;
  padding-right:2%;
  border-right:1px solid black;
  float:right;
}
#left p img {
  max-width:100%;
}
#left .lastTxtList,
#left .lastTxtList h2 {
  margin-bottom:0.5em;
}
#left .lastTxtList p {
  margin-top:1em;
  border-top:1px solid black;
  padding-top:0.5em;
}

#right {
  width:74%;
  padding-left:2%;
  float:right;
}
#right.fullsize {
  width:100%;
  padding-left:0;
  margin-left:0px;
  float:none;
}

/* ------------------------ LOGIN ---------------------------- */
#login {
  float:right;
  text-align:right;
  margin-top:1em;
  height:3.5em;
  line-height:1em;
  z-index:1000;
  position:relative;
}
#login_form {
  display:inline;
  text-align:right;
}
#login_form a, #login_form a:visited {
  padding-left:0.5em;
}
#login_form input {
  width:5em;
}
#login_form input.button {
  width:auto;
}

/* ------------------------ FFORM  ---------------------------- */
.fform_int {
  width: 80px;
}
.fform_smallint {
  width: 30px;
}
.fform_datum {
  width: 80px;
  font-weight: normal;
  font-style: normal;
}
.fform_time {
  width: 150px;
  font-weight: normal;
  font-style: normal;
}

/* ------------------------ FOOTER ---------------------------- */
#footer {
  text-align:right;
  padding:0.5em 0;
}
#footer a, #footer a:visited {
  font-weight:bold;
}
#footer span {
  padding:0 0.5em;
}


/* ------------------------ TOP MENU RESPONSIVE ---------------------------- */
ul.topnav {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding:0.4em 0;
}
ul.topnav ul { line-height:1.2em; }
ul.topnav li { float: left; }
/*ul.topnav li:first-child { display:none; }*/

ul.topnav li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color:#9b6301;
  font-family:'Roboto Slab', serif;
  font-weight:700;
  font-size: 5.5vw;
  line-height:1.2em;
  padding:0 0.5em;
  border-right:1px solid black;
}
ul.topnav li a.active, ul.topnav li a.active:visited { color:black; }

ul.topnav li:nth-last-child(2) a { border-right:none; }    /* predposledni polozkou pred MENUICON je nekdy SIN SLAVY, pro prihlasene ale az DISKUSE */
ul.topnav li.icon { display: none; }

ul.topnav li.icon img {
  width:0.85em;
  height:auto;
}