p,ul,li,body,div,class,ol,h1,h2,h3,h4,br,hr,img { border: 0 none; margin: 0; padding: 0; }

@font-face {
  font-family: Mentone;
  src: url('mentone-semibol.otf');
}
@font-face {
  font-family: MentoneIE; 
  src: url('mentone-semibol-webfont.eot?#iefix') format('embedded-opentype');
}


body { 
/*
  background-color: #F0F0FF; puvodni MBZS
  background-color: #9ACCFF; modra*/
  
  background-color: #8a1214; /*cervena hurvinek*/
  background-image: url(mbzs.png);
  background-repeat: repeat-y;
  background-position: center;
}

iframe.clear {
  clear: both;
}

#topImg {
  background-color: white;
  
  width: 1000px;
  height: 210px;
  /*rozmery dle rozmeru obrazku*/
  
  margin: 0.5em auto 0.5em;
  padding: 0;
}

.gray {
  color: #888;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.lowerIndex {
  vertical-align: text-bottom;
  vertical-align: sub;
}

.upperIndex {
  vertical-align: text-top;
  vertical-align: super;
}

.fail {
  font-weight: bold;
  color: red;
}

#contentLine {
  display: table;
  width: 100%;
}

.fb-like-box {
  height: 250px;
  width: 100%;
}

#content {
  display: table-cell;
  
  width: 78%;
  height: 100%;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
  padding: 1em auto 0.5em;
}

#content h1 {
  font: 2.2em Georgia, Arial;
  font-weight: bold;
}

#content h1.noFullWidth {
  width: 60%;
  float: left;
}

#content h2 {
  font: 1.6em Georgia, Mentone, MentoneIE;
  margin: 0.3em 0.5em;
}

#contentFull, #contentHalf {
  border: 0;
  padding: 1em 1.5em;
  min-height: 95%;
  color: black;
}

#contentFull {
}

#contentHalf {
  width: 64.5%;
  float: left;
  background-color: white;
  
  padding-bottom: 2em;
}

#footer {
  clear: both;
  width: 100%;
  padding: 0.5em 0em;
  margin: 1em auto 2em;
  
  font-size: 0.7em;
  text-align: center;
  font-family: Arial;
  color: black;
}

#content p {
  margin-top: 0.5em;
  margin-bottom: 1em;  
}

#content #infoText, #content #editor {
  /*zobrazeni infa v aktualitach a editoru clanku. */
  display: none;
}

#infoText a {
  color: #2E6A00;
}

#infoText a:hover {
  color: red;
}

.message, .fail {
  /*
  clear: both;
  float: none;
  */
} 

.gallery .date {
  /*
  font-style: italic;
  */
}

p.photoFull img {
  margin: 1ex auto;
}

p.photoFull {
  text-align: center;
}

h3 {
  text-align: center;
  margin: 0;
  padding: 0.3ex;
  text-decoration: underline;
}

.admin h3 {
  text-align: left;
  padding-left: 5%;
  text-decoration: none;
}

hr.line {
  width: 60%;
  background-color: black;
  height: 0.3em;
}

iframe, object {
/* pro videa - na stred*/
  margin: 0 auto;
  display: block;
}

/*
soubory zacatek
*/
.file {
  width: 100%;
  border-bottom: thin solid black;
  margin-top: 1ex;
  padding-bottom: 1ex;
}

.fileName {
  display: inline-block;
  width: 39%;
  vertical-align: top;
  padding-right: 1%;
}

.fileDownload {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

.fileSize {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

.fileDate {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}
/*
soubory konec
*/

/*
navstevni kniha zacatek
*/
div.gbookPost {
  border-top: medium solid black;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 1%
}

div.gbookPost img {
  margin: 0 2%;
}

.gbookRow {
  display: inline-block;
  width: 100%;
}

.gbookRow span {
  width: 30%;
  padding: 1ex 2%;
  display: inline-block;
  text-align: left;
  font-size: 1.2em;
}

.gbookRow span span {
  font-size: 1em;
  padding: 0;
  display: inline;
}

.gbookRow span img {
  vertical-align: middle;
}

.gbookRow span + span {
  text-align: right;
  display: inline-block;
  width: 60%; 
}

.gbookRow .ip {
  padding: 1ex 2%;
  font-size: 0.8em;
  display: inline;
}

.gbookRow span.author {
  color: green;
}

.gbookRow div.gbookText p {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 1em;
}

.gbookRow div.gbookText {
  display: inline;
}

#content form.gbookForm input, #content form.gbookForm textarea {
  width: 25em;
  vertical-align: middle;
  margin-top: 0.1ex;
  margin-bottom: 0.1ex;
}

#content form.gbookForm input[type="submit"] {
  width: auto;
}
#content form.gbookForm label {
  vertical-align: middle;
  margin-top: 0.1ex;
  margin-bottom: 0.1ex;
}
/*
konec navstevni kniha
*/

/*
formulare - zacatek
*/
#content .required {
  vertical-align: top;
  color: red;
  font-size: 80%;
}

#content .formText {
  margin-bottom: 0.5em;
}

textarea {
  resize: none;
}

#content label {
  display: inline-block;
  width: 15%;
  text-align: right;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  margin-left: 2em;
  padding: 0.3ex 0.5ex;
  vertical-align: top;
}

#content .tags {
  /* editor u psani clanku */
  float: right;
  width: 28%;
  border: medium solid black;
  background-color: #f0f0f0;
  padding: 1%;
}

#content .tags h4 {
  margin-bottom: 1em;
  font-size: 120%;
}

#content .tags label {
  width: auto;
  text-align: left;
  margin-left: 0.25em;
}

#content .tags input {
  margin-left: 0.5em;
}

#content label .top {
}

#content input, #content select, #content textarea {
  margin-bottom: 0.25em;
  margin-top: 0.25em;
  margin-left: 0.3em;
  
  padding: 0.15em;
}

#content input[type="submit"] {
  margin-left: 10em;
}

#content form.filter p, #content form.filter {
  padding: 0;
  margin: 0;
}

#content form.filter input[type="submit"] {
  margin-left: 1em;
  width: auto;
}

#content form.filter input, #content form.filter select  {
  width: 15em;
}

#content input[type="submit"], #content input[type="button"] {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#content input[type="password"], #content input[type="text"], #content select {
  width: 12em;
}

#content input[type="file"] {
  width: 20em;
}

#content input[type="checkbox"] {
  margin-top: 1em;
}

#content .left { /*input checkbox vlevo*/
  text-align: right;
  display: inline-block;
  width: 5em;
  
  margin-top: 0.5em;
  margin-left: 2em;
  padding: 0.3ex 0.1ex;
}

#content .left input[type="checkbox"] { /*input checkbox vlevo*/
  margin: 0;
}

#content label.wide { /*popisek vpravo*/
  display: inline-block;
  width: 40em;
  text-align: left;
  padding-top: 0.4ex;
  padding-bottom: 0.4ex;
  margin-top: 0.5em;
  margin-left: 0.3em;
}

#content .editPhotoDiv {
  margin: 0.5em auto 0.5em 5em;
  display: inline-block;
}

#content span.line, #content span.doubleLine {
/*vyuziva se u presunu obsahu*/
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: thin solid black;
}

#content span.doubleLine {
  border-bottom: medium double black;
}

#content span.no.line, #content span.no.doubleLine {
  border: 0;
}

#contentFull.admin input#charCount {
  width: 3em;  
}

fieldset {
  border: 0.15em dashed #999999;
  margin: 1.2em 0.2em;
  padding: 0 1em 1.5em;
}
  
legend {
  border: thin solid #999999;
  border-bottom-width: 0;
  margin-bottom: 1em;
  padding: 0.2em;
  background-color: white;
}

/*psani emailu*/
#content form.emailWriter textarea {
  border: thin solid black;
  background-color: #fdfdfd;
  margin-left: 1em;
  width: 95%;
}

#content form.emailWriter fieldset, 
#content form.emailWriter legend {
  background-color: #eee;
}

#content form.emailWriter label {
  text-align: left;
  margin-left: 1em;
  margin-bottom: 0; 
}

#content form.emailWriter span.rightText {
  margin-top: 0.25em;
  text-align: right;
  display: inline-block;
  width: 49%;
}

#content form.emailWriter span.emailIcons {
  padding-left: 1.1em;
  margin-top: 0.25em;
  text-align: left;
  display: inline-block;
  width: 40%;                             
}

#content form.emailWriter span.emailIcons input {
  border: thin dotted #888;
  background-color: #ddd;
  margin: 0;
  padding: 0 0.3em;
}
#content form.emailWriter span.emailIcons input[disabled] {
  border: 0 solid #eee;
  color: #eee;
  background-color: #eee;
}

/*psani emailu konec */

/* konec - formulare */
/*----------------------------------------------------------------------------------------------*/
/*
strankovani zacatek
*/

div.pagination {
  width: 75%;
  margin: 2ex auto;
}

div.pagination a {
  color: blue;
}

div.pagination a:hover {
  text-decoration: underline;
  color: red;
}

.pagination .beforePage, .pagination .thisPageInfo, .pagination .nextPage {
  width: 33%;
  display: inline-block;
}

.pagination .beforePage {
  text-align: left;
}

.pagination .thisPageInfo {
  text-align: center;
}

.pagination .nextPage {
  text-align: right;
}

.pagination .crossLine {
  text-decoration: line-through; 
}
/*
strankovani konec
*/
/*----------------------------------------------------------------------------------------------*/
/*
admin menu:
*/

ul.menu {
  width: 100%;
  overflow: auto;
  margin: 0.75em auto;
}

ul.menu li.bold {
  font-weight: bold;
}

ul.menu li {
  width: 24%;
 /* 24% pro 4 vedle sebe
  */ 
 /* width: 32%;
 pro 3 vedle sebe
 */
  float: left;
  list-style: none;
  margin: 0.2em auto;
}

.admin a {
  color: blue;
}

a:hover, .admin a:hover {
  color: red;
}

.admin table {
  border: thin dashed black;
  border-collapse: collapse;
  color: black;
  font-size: 1em;
  margin: 0.5em 0.2em; 
}

.admin table td, .admin table th {
  border: thin dashed black;
  padding: 0.4ex 0.7ex;
}

table th, 
table th a, 
.admin table th {
  background-color: #4B4D5C;
  color: #FFFBB0;
  font-weight: bold;
}

table tr.background td,
.admin table tr.background td {
  background-color: #E8E8E8;
}

.admin table td a {
  margin: 0.2ex;
  display: inline-block; 
}

/*
ADMIN MENU KONEC
*/
/*----------------------------------------------------------------------------------------------*/
/* 
clanky:
*/
p.backLink {
  text-align: right;
}

.article {
  margin-top: 2em;
  padding-bottom: 1em;
  margin-bottom: 1em;
  width: 100%;
  border-bottom: thin solid #545454;
}

.articleFull {
  border-bottom: 0;
}
/* .subtitle = napr. napis nejnovejsi komentare */
.article h2, a#comment + h3 {
  text-align: center;
  font-size: 150%;
  color: black;
  
  text-align: left;
  font: 1.6em Georgia, Mentone, MentoneIE, Arial;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.article h2 a {
  color: black;
  text-decoration: none;
}

.article h2 a:hover {
  font-style: normal;
  text-decoration: underline;
}

.article .info {
  color: #c0c0c0;
}

.article .info a {
  color: #ADADAD;
}

.article .info a:hover {
  color: #545454;
}

.article .firstParagraph, .article .text {
  color: black;
}

.article .firstParagraph p, .article .text p {
  text-align: justify;
  text-indent: 2em;
  line-height: 140%;
}

.article .firstParagraph {
  margin-bottom: 0;
}

.article .text .photoCenter {
  clear: both;
  text-indent: 0;
  text-align: center;
}
.article .text p.photoRight {
  clear: right;
  float: right;
  text-indent: 0;
  margin: 0.5em;
}
.article .text p.photoLeft {
  clear: left;
  float: left;
  text-indent: 0;
  margin: 0.5em;
}

.article .photos {
  font: 1em Verdana;
  text-align: center;
}

.article .photos .onePhoto {
  display: inline-block;
}

/* titulni stranka zacatek */
#content .article.image .firstParagraph.articleThumb {
  width: 55%;
  margin-left: 0;
  float: left;
}

#content .article.image .firstParagraph.photo {
  text-align: center;
}

#content .article.image .firstParagraph.articleThumb.full {
  width: 97%;
  margin-left: 0;
  float: none;
}

#content .article.image hr {
  clear: both;
  margin: 0;
  padding: 0;
  width: 0;
}
/* titulni stranka konec */

.article a {
  color: #0F86DD;
  text-decoration: underline;
}

.article a:hover {
  color: #FF2B2B;
  text-decoration: underline;
}

.anotherInformations {
  color: #666;
  font-size: 90%;
  text-align: right;
  margin-bottom: 0.8em; 
}

/* 
clanky konec
*/

/* menu zacatek */
#menu {
  display: table-cell;
  width: 22%;
  height: 100%;
  border: thin solid black;
  
  font: 0.8em Verdana;
  padding: 0.5em 0;
  /*
  background-color: #f0f0f0;
  background-color: #FCD58B;
  */
  background-color: #FDE9B5;
  
  /*border-top-left-radius: 30px 60px;*/
  border-radius: 15px;
}

#menu p {
  padding: 0.5em 5%;
  font-family: Georgia, serif;
  font-size: 1.3em;
  font-weight: bold; 
}

#menu ul {
  margin-bottom: 1em;
}

#menu li {
  list-style-type: none;
}   

#menu ul li a {
  display: inline-block;
  width: 90%;
  padding: 0.2em 5%;
  text-decoration: none;
  /*
  border-top: thin solid #FCD58B;
  border-bottom: thin solid #FCD58B;
  */
  border-top: thin solid #FDE9B5;
  border-bottom: thin solid #FDE9B5;
  color: black;
}

#menu ul li a:hover {
  background-color: #FDEFB9;
  border-top: thin solid black;
  border-bottom: thin solid black;
  color: black;
}

#menu ul li a:visited {
  color: black;
}

#menu li ul {
  opacity: 0;
  max-height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  transition: all 1s ease-out;
}
#menu li:hover ul {
  opacity: 1;
  max-height: 200px;
  transition: max-height 1s ease-in;
}

#loginBar_v2 {
  background-color: #8a1214;
  color: white;
  
  text-align: right;
  font: 10pt Verdana;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 20pt;
}

#loginBar_v2 a {
  background-color: #8a1214;
  margin: 0 5px;
  padding: 5.5pt 0.4ex;
  
  color: white;
  vertical-align: middle;

  display: inline-block;
  text-decoration: none;
  
  height: 14pt;
  vertical-align: middle;
  
  padding-top: 4pt;
  padding-bottom: 2pt;
}

#loginBar_v2 a:hover {
  background-color: #ED7679;
  font-style: normal;
}

/* menu konec */

/*
zacatek aktuality
*/
#actualities {
  width: 26%;
  margin-left: 70%;
  height: 100%;
  /*
  background-color: #f0f0f0;
  background-color: #FCD58B;
  */
  background-color: #FDE9B5;
  color: black;
  border: thin solid black;
  padding: 0 2%;
  /*padding-bottom: 0;*/
  border-radius: 15px;
}

div#menu h1, div#menu h2,
div#actualities h1, div#actualities h2 {
  text-align: left;
  font-size: 1.8em;
  padding-top: 0.5em;
  margin-bottom: 0.3em;
}

div#menu h2,
div#actualities h2 {
  font-size: 1.4em;
}

div#menu .actualities p,
div#actualities p {
  margin: 0.3em 0;
  padding: 0.5em;
  display: block;
}

div#menu .actualities p.new,
div#actualities p.new {
  background-color: #FCD58B;
  border-radius: 10px; 
}

div#menu .actualities p span.floating,
div#actualities p span.floating {
  display: block;
  margin-left: 13%;
  width: 85%;
}

div#menu .actualities p img.floating, 
div#actualities p img.floating {
  margin-top: 1%;
  display: block;
  float: left;
}

div#menu .actualities p span.center,
div#actualities p span.center {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin-top: 2%;
}

div#menu .actualities p span.center a,
div#actualities p span.center a {
  display: inline-block;
  width: 100%;
  text-align: center;
}

div#menu .actualities p.visitCount,
div#actualities p.visitCount {
  font-size: 1.2em;
}

div#menu .actualities p.noBckgr, 
div#actualities p.noBckgr {
  background-color: #FDE9B5;
  padding: 0;
}

div#menu hr.hr,
div#content hr.hr,
div#actualities hr.hr {
/*
cleaner pro aktuality
*/
  clear: both; 
  height: 0px; 
  margin: 0 0 0 0;
  padding: 0;
  border: 0; 
  visibility: hidden;
}

div#menu .actualities a, div#menu .actualities a:visited,
div#actualities a, div#actualities a:visited {
  color: #15156F;
}

div#menu .actualities a:hover,
div#actualities a:hover {
  color: #810306;
}

div#menu .actualities p.noBckgr a, div#menu .actualities p.noBckgr a:visited,
div#actualities p.noBckgr a, div#actualities p.noBckgr a:visited {
  color: #3E3E3E;
}

div#menu .actualities p.noBckgr a:hover,
div#actualities p.noBckgr a:hover {
  color: #810306;
}

div#menu .actualities span.commentThumb,
div#actualities span.commentThumb {
  color: #666;
}

div#menu .actualities {
  width: 100%;
  display: block;
}
/*
konec stylu aktualit
*/


/*
ZACATEK odkazy pro okno na vlozeni odkazu
*/

body.linkWindow {
  background-color: #FF9D9F;
  background-image: none; 
  color: black;
  font-family: Verdana;
  font-size: 90%;
}

body.linkWindow form {
  padding: 1em;
}

body.linkWindow input, body.linkWindow select {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

body.linkWindow label {
  width: 11em;
  display: inline-block;
  text-align: right;
  margin-right: 1em;
}

body.linkWindow input[type="submit"] {
  margin-left: 13.5em;
}

/*
fotky:
*/
div.photoSelect {
  display: inline-block;
  margin: 0.3em;
  padding: 0;
  text-align: center;
  vertical-align: top;
}

body.linkWindow div.photoSelect label {
  width: auto;
  display: inline;
  margin: 0;
}

.photoLine {
  white-space: nowrap;
  overflow: auto;
}

body.linkWindow p {
  margin: 0.3em 0.6em;
}

/*
KONEC odkazy pro okno na vlozeni odkazu
*/

/*
rychla administrace
*/
#miniAdminMenu {
  clear: both;
}

#miniAdminMenu h2 {
  font-size: 120%;
}

#miniAdminMenu a {
  color: blue;
  display: inline-block;
  margin: 0.3ex 0.3ex;
}

#miniAdminMenu a:hover {
  color: red;
  text-decoration: underline;
}
/*
rychla administrace konec
*/

/*
TABULKY V ADMINISTRACI
*/
table td {
  background-color: white;
}

table.actualityTable {
  width: 100%;
}
table.actualityTable td {
  width: 50%;
  line-height: 150%;
}
table.actualityTable td+td {
  width: 13%;
  line-height: normal;
}
table.actualityTable td+td+td {
  width: 12%;
}
table.actualityTable td+td+td+td {
  width: 23%;
}


table.articleTable {
  width: 100%;
}
table.articleTable td {
  width: 22%;
}
table.articleTable td+td {
  width: 17%;
}
table.articleTable td+td+td {
  width: 19%;
}
table.articleTable td+td+td+td {
  width: 15%;
}
table.articleTable td+td+td+td+td {
  width: 25%;
}


table.contactTable {
  width: 85%;
}
table.contactTable td {
  width: 22%;  
}
table.contactTable td+td {
  width: 25%;
}
table.contactTable td+td+td {
  width: 31%;
}
table.contactTable td+td+td+td {
  width: 22%;
}


table.contactGroupTable {
  width: 95%;
}
table.contactGroupTable td {
  width: 17%;  
}
table.contactGroupTable td+td {
  width: 20%;
}
table.contactGroupTable td+td+td {
  width: 43%;
}
table.contactGroupTable td+td+td+td {
  width: 20%;
}


table.emailTable {
  width: 85%;
}
table.emailTable td {
  width: 25%;
}
table.emailTable td+td {
  width: 35%;
}
table.emailTable td+td+td {
  width: 15%;
}
table.emailTable td+td+td+td {
  width: 25%;
}


table.fileTable {
  width: 100%;
}
table.fileTable td {
  width: 22%;
}
table.fileTable td+td {
  width: 26%;
}
table.fileTable td+td+td {
  width: 16%;
  text-align: center;
}
table.fileTable td+td+td+td {
  width: 15%;
}
table.fileTable td+td+td+td+td {
  width: 21%;
  text-align: left;
}



table.fileDeleteTable {
  width: 75%;
  border-style: solid;
}

table.fileDeleteTable td {
  width: 30%;
  border-style: solid;
}
table.fileDeleteTable td+td {
  width: 70%;
}



table.galleryTable {
  width: 80%;
}
table.galleryTable td {
  width: 34%;
}
table.galleryTable td+td {
  width: 29%;
}
table.galleryTable td+td+td {
  width: 16%;
}
table.galleryTable td+td+td+td {
  width: 15%;
}


table.photoTable {
  width: 100%;
}
table.photoTable td {
  width: 25%;
}
table.photoTable td+td {
  width: 32%;
}
table.photoTable td+td+td {
  width: 13%;
}
table.photoTable td+td+td+td {
  width: 30%;
}


table.sectionTable {
  width: 94%;
}
table.sectionTable td {
  width: 18%;
}
table.sectionTable td+td {
  width: 20%;
}
table.sectionTable td+td+td {
  width: 19%;
}
table.sectionTable td+td+td+td {
  width: 13%;
}
table.sectionTable td+td+td+td+td {
  width: 30%;
}


table.userTable {
  width: 94%;
}
table.userTable td {
  width: 23%;
}
table.userTable td+td {
  width: 29%;
}
table.userTable td+td+td {
  width: 23%;
}
table.userTable td+td+td+td {
  width: 25%;
}

table.videoTable {
  width: 81%;
}
table.videoTable td {
  width: 27%;
}
table.videoTable td+td {
  width: 18%;
}
table.videoTable td+td+td {
  width: 27%;
}
table.videoTable td+td+td+td {
  width: 28%;
}
