h1, h2, h3, h4, h5, h6 {font-family: comic sans ms,sans-serif; font-weight:normal;}

h1 {font-size: xx-large;
  color: #FFB400;
}
h2 {font-size:x-large;
  color: #FFB400;
}
h3 {font-size:large;
  color: #FFB400;
}
h4 {font-size:medium;
  color: #FFB400;
}
h5 {font-size:small;
  color: #FFB400;
}
h6 {font-size:x-small;
  color: #FFB400;
}

h1.title.text-center {
  color: #FFB400;
}

#listdata .ltype2 a:hover {color:black!important;}

#content p {text-indent: 3%; font-size: 108%;}
#content ul li {font-size: 108%; background:none;  padding:0;}
#content ul {list-style-type: disc;  padding-left:30px;}

.support #content p {text-indent:0;}

#lcolumn ul {font-size: 108%; background:none;  padding-left:15px;}


#mainmenu a { display: block; color: black; padding: 0 13px; }


#theme-item {
  position: absolute;
  top: 0px; right: 0px;
  width: 770px; height: 184px;

  padding:0;
  border:none;
  background: none;
}

#theme h2 {
  position:absolute;
  top:0; left:0;
  font-size: 200%;
  font-weight: bold; 
  background: rgba(86,46,24,0.6);
  margin: 0px;
  padding:5px 10px;
  border-bottom-right-radius: 10px;
}


#theme p {
  position:absolute;
  bottom:0; left:0;
  width:750px;
  font-size: 110%;
  background: rgba(86,46,24,0.5);
  padding:5px 10px;
}

/*-------------vice informaci---------*/

.info {text-align:right; display:block; border-bottom:1px solid rgba(176,1,1,0.3);  padding-bottom:15px;
}

.info a {
  padding:7px 12px;
  background: rgba(176,1,1,0.8);
  border-radius:10px;
  color:white!important;
  text-decoration:none;

}

.info a:hover {
  background:rgba(0,0,0,0.8);

}

#motto { /* text motivu - celý blok */
  padding: 30px 0 0 30px;
  transform: translateY(0px);
}

#motto #motto-title { 
  color: #FFB400; 
  font-size: 80px; 
  font-weight: 900;
  text-align: center;
  text-shadow: -2px 4px 8px rgb(0, 0, 0);
}

#motto #motto-text { 
  color: #FFB400; 
  font-size: 20px; 
  text-transform: uppercase; 
  font-weight: bold; 
  width: 50%; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;
  text-shadow: -2px 4px 8px rgb(0, 0, 0);
}

.section-cell-item h3 a {
  color: #FFB400;
}


.btn.btn-primary {
  border-color: white;
}

@media screen and (max-width: 550px) and (orientation: portrait) {
  #motto #motto-title {
    font-size: 60px; 
  }
  #motto #motto-text {
    font-size: 20px; 
  }
}

@media screen and (max-width: 550px) and (orientation: landscape) {
  #motto #motto-title {
    font-size: 70px; 
  }
  #motto #motto-text {
    font-size: 20px; 
  }
}

@media screen and (min-width: 551px) and (max-width: 767px) {
  #motto #motto-title {
    font-size: 70px; 
  }
  #motto #motto-text {
    font-size: 20px; 
  }
}

#list-pages h4 a {
  color: #FFB400;
}