body{
  font-family: 'Dosis','Roboto Condensed','Quicksand', sans-serif, tahoma, arial;
  font-size: 30px;
  background-color: black;
  letter-spacing: 2px;
  color: white;
  /*overflow: hidden;*/
}

.obrazovka{
  width:900px;
  margin: 30px;
  margin-left: auto; margin-right: auto;
  padding: 0 30px 0 30px;
  background: none;
}

.hlavicka{
  width:100%;
  height:110px;
  border-bottom:1px solid rgba(255,255,255,0.1);
}

.full .hlavicka {height:40px;}

.paticka {
  width:100%;
  display: inline-block;
  border-top:1px solid rgba(255,255,255,0.1);
  text-align: center;
  font-size: 50%;
  color: rgba(255,255,255,0.2);
  padding: 5px 20px 0 0;
  margin-top: 20px;
}
.paticka a {text-decoration: none; color: rgba(255,255,255,0.3);}
.paticka a:hover {text-decoration: none; color: rgba(255,255,255,0.4);}
.tm {font-size: 70%;}

.logo{
  float:left;
  margin-top:5px;
}

.provozovna{
  float:right;
  text-align: right;
  width:50%;
}

.full .hlavicka .provozovna{float:left; text-align:left; padding:0px;}

.logo img{height: 90px;}

.zadna-polozka{
  width: 60%;
  margin-left:auto; margin-right: auto;
  margin-top: 10%;
  color: rgba(255,255,255,0.3);
}

.navigace {
  margin: 15px 25px 0px 0px;
  float:right;
}

.navigace img {width:40px;}

.full .hlavicka .navigace {margin-top:-10px;}

.list ul {
  list-style-type: none;
  margin-left: 20px;
  font-size:70%;
}
.list li::before {
  content: "» ";
  color: rgba(0,150,255,0.3);
  margin-left: -20px;
}

.list {
  width:690px;
  line-height: 25px;
  float:left;
}
.list h3 {background: linear-gradient(to left, rgba(0,150,255,0.2), black); height: 55px; color:rgba(0,150,255,0.8); border-top: 1px solid rgba(0,150,255,0.3);}
.list h3 img {position:relative; top:8px; left:8px; padding-right: 8px;}
.list li a {text-decoration:none; color:rgba(255,255,255,1);  margin: 0px;}
.list li a:hover {text-decoration:none; color:rgba(0,150,255,1); margin: 0px;}


.blok {
  width:190px;
  float: right;
  /*padding: 6px 5px 5px 5px;*/
  color: rgba(255,255,255,0.4);
  font-size: 80%;
}
.blok .nadpis {
  visibility:hidden;
  text-transform: uppercase;
  font-size:60%;
}

.info, .pozvanka, .datum{
  color: white;
  margin-top: 10px;
  padding: 5px;
  font-size: 70%;
  background: linear-gradient(to bottom, rgba(0,150,255,0.2), rgba(40,40,40,0.2));
  border-top: 1px solid rgba(0,150,255,0.3);
}

.info{
  background: linear-gradient(to bottom, rgba(0,250,255,0.2), rgba(40,40,40,0.2));
  border-top: 1px solid rgba(0,250,255,0.3);
}

.datum-text {width:100%; text-align: center;}

.pozv-datum, .info-kategorie {
  color:rgba(0,150,255,0.8);
  text-transform: uppercase;
}

.pozv-rubrika {
  max-width: 70%;
  float:right;
  padding-top: 2px;
  font-size: 80%;
}

.pozv-text, .info-text {
  margin-top: 10px;
  font-size: 80%;
}

.info-kategorie {
  font-size:80%;
  color: rgba(0,250,255,0.8);
}

.varovani {}
.varovani-text {color:orange;}

/*.detail {font-size: 50px;}*/
.detail {font-size:150%;}
.detail a {text-decoration: none;}

.detail.smycka {
  position: relative;
  top:-200px; left:-350px;
  z-index: 200;
  width:1600px; /*1408*/
  height:880px;
  background-color:rgba(0,0,0,1);
  color: rgba(255,255,255,1);
  transform: scale(0.5);
}

.detail.pozvanky, .detail.infotext{font-size: 30px;}
.detail.pozvanky .nadpis, .detail.infotext .nadpis,
.detail.pozvanky .pozvanka, .detail.infotext .pozvanka {width:70%; margin-left: auto; margin-right: auto;}
.detail.pozvanky .nadpis, .detail.infotext .nadpis {padding: 10px 0px 5px 0px; text-align: center; opacity:0.3;}

.sn-obsah p {margin: 0px;}
.detail ul {margin: 0px;}

.spc {position:absolute; top:920px;}
.off {display: none;}

.blok.prvni {margin-top:8px;}

.circle {
  width: 40px;
  height: 32px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  background: #333;
  float:left;
  margin: 0px 5px 0px 5px;
  padding: 8px 0px 0px 2px;
}