/* CSS Document */
body {
  background: #000 url("barad_1.jpg") no-repeat left top;
  background-attachment: fixed;
  background-size:  cover;
  }

@media only screen and (min-width: 600px){
body {
  background: #000 url("barad_2.png") no-repeat left top fixed;
  background-size:  cover;
  }  
}

.background{
text-align: center;
}


.cent{
text-align: center;
padding: 15px 0 0 0;
}

@font-face {
    font-family: fontus;
    src: url(ring.TTF);
}

.button {
    -webkit-transition-duration: 0.4s;
    background-color: #A5ADB0;

    color: white;
    border: 2px solid #A5ADB0;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    width: 100%;
}

@media only screen and (min-width: 600px) {
.button {
    -webkit-transition-duration: 0.4s;
    background-color: #A5ADB0;
    margin: 4px 2px;
    color: white;
    border: 2px solid #A5ADB0;
    padding: 15px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    }
}


.button:hover {
  background-color: white;
  border:2px solid white;
  color: black;
}
* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
/* Velikost pro mobily */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* Velikost pro tablety */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* Velikost pro monitory */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .col-s {width: 13%;}
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.right{
float: right;
margin: auto;

}
.left{
float: left;
margin:auto;

}

.foreground{ 
font-family: fontus;
text-align:center;
margin-top: -200px;
color: #C40431;
font-size: 30px;
text-shadow: 10px 10px 5px #000;
}

@media only screen and (min-width: 600px){
.foreground{ 
font-family: fontus;
text-align:center;
margin-top: -250px;
color: #C40431;
font-size: 45px;
text-shadow: 10px 10px 5px #000;
}
}


.mrg{
  margin: 8px;
}

.mrg2{
  margin: 15px;
}

.imgsize {
    width: 95%;
    height: auto;
}

.foresize {
    width: 50%;
    height: auto;
}

@media only screen and (min-width: 600px){
 .foresize {
    width: 50%;
    height: auto;
}}


.hlavni {
  background-color: #6B797D;
  height: auto;
  margin:auto;
  box-shadow: 10px 10px 5px #000;
}

.txtalg{
  text-align: right;
  padding: 0 15px 0 0;
}

#nadpis{
  background-color: #575E61; 
  width: 950px;
  height: 100px;
  margin: auto;  
  color: white;
  text-align: center;
  font-size:35px;
  vertical-align: middle;
  line-height:90px;

}

.bok{background-color: #AAB2E3;
  margin: 20px 0 0 0;
  padding: 0;
  border: 1px;
  border-style: solid;
  border-color: white;
  height: auto;
} 

@media only screen and (min-width: 768px){
.bok{background-color: #AAB2E3;
  margin: 0 0 0 20px;
  padding: 0;
  border: 1px;
  border-style: solid;
  border-color: white;
  height: auto; }
}

.odjebavka{
background-color: #601C2E;
font-size: 20px;
font-weight: bold;
 color: white;
}

#nav{
  background-color: #575E61;

  width: 930px;
  margin: 10px;
  border: 1px;
  border-style: solid;
  border-color: white;
  text-align: center;  
}



.clanek{
  background-color: #C4CCCF;
  border-style: solid;
  border-color: white;
  height: auto;
  padding: 15px;
}

.img-circle {
    border-radius: 50%;    
}

.img-square {
    border-radius: 5px;
    margin:5px;        
}


.odsazeni{  
  text-align: left;
  font-size: 15px;
}

.pata {
  padding: 0;
  background-color: #575E61; 
  height: auto;
  color: white;
  vertical-align: middle;
  box-shadow: 10px 10px 5px #000;   
}

a{
  color:white;
  text-decoration: none;
}

.ppat{
  text-align:center;
    font-size:1em;
}

.mez{
  height: 10px;
  text-align: center;
}

#mez2{
  height: 5px;
}

.nadpis {
font-family: fontus;}

h1{
  font-size: 2.1em;
  font-family: Metamorphous, Times, serif;
    
}
h2{
   font-family: Metamorphous, Times, serif;
}

.biggur{
font-size:4em;
line-height: 50%;
}

p{
  text-align: justify;
  font-family: Helvetica, sans-serif;
  font-size: 1.05em;
}

form{
  text-align: justify;
  font-family: Helvetica, sans-serif;
  font-size: 1.05em;
}

.special {
  font-family: fontus;
}

li{
  font-family: Helvetica, sans-serif;
}

div{
  display: block;
  text-align: justify;
}
#container{
  background-color:#FFF;
  width:50%;
  padding:10px;
  margin:20px;
  margin-left:auto;
  margin-right:auto;
}
.page_content{
  margin:15px;
  padding:5px;
  border-bottom:1px solid #CCC;
}
.comment_input{
  background:#CCC;
  margin:10px;
  padding:10px;
  border:1px solid #CCC;
  background-color:  #ecf0f1;
}

.button1{
  padding:5px 15px 5px 15px;
    background:#567373;
    color: #FFF;
  border-radius: 3px;
}
.button1 a{
  text-decoration: none;
}

.button1:hover{
  background:#4D9494;
}


.comment_logs{
  margin:5px;
  padding:5px;
  border:1px solid #CCC;

}

.comments_content{
  margin:10px;
  padding:5px;
  border:3px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #ecf0f1;
}

.comments_content h1{
  font-size:25px;
  font-family:Verdana, Geneva, sans-serif;
  color:#4040E6;
  padding-bottom:0px;
  margin-bottom:0px;
}
.comments_content h2{
  font-size:10px;
  font-family:Verdana, Geneva, sans-serif;
  color:#CECED6;
}
.comments_content h3{
  font-size:12px;
  font-family:Verdana, Geneva, sans-serif;
  color:#75A3A3;
  padding-bottom:5px;
  margin-bottom:5px
}
.comments_content h4{
  font-size:14px;
  font-family:Verdana, Geneva, sans-serif;
  color:#CECED6;
  text-decoration:none;
  float:right;
}


table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid black;
}
th, td {
  text-align: left;
  font-weight: normal;
  border: 1px solid black;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";