body{padding:0;margin:  0px;font-size: 14px;font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;background-color:#c0c0c0;}
.cls{ clear: both; }
form, h1, h2, h3, h4{ margin: 0px; padding: 0px; }
h2{font-weight:lighter;}

.nadpis{font-family: nadpisy;display: inline-block;background-color: black;color:white;padding: 8px 15px;font-size: 30px;margin: 30px;}

.tlacitko,
.textpisne{
  background-color:black;
  padding: 5px 10px;
  font-weight: bold;
  color:white;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}
.tlacitko:hover,
.textpisne:hover{
  background-color: gray;
}

.chybovka{ color: red; font-size: 18px; font-weight: lighter; padding: 5px 0px 5px 40px; background: url(../images/hlaska_err.png) no-repeat left center; }
.hlaska{ color: #228b22; font-size: 18px; font-weight: lighter; padding: 5px 0px 5px 40px; background: url(../images/hlaska_ok.png) no-repeat left center; }
.help{ background: url("../images/zarovka.gif") no-repeat scroll 6px 12px #ffffca; border: 1px dotted #BF0000; padding: 15px 15px 15px 30px; margin: 0px 20px 20px; }

iframe{z-index:1;border:none !important;}

/*mobil menu */
#panel_mobil_menu{
  position: absolute;
  top:35px;
  right: 10px;
  display:table;
  color: white;
  z-index:500;
}
#panel_mobil_menu span{
  display:table-cell;
  text-align:center;
}
#panel_mobil_menu i{
 cursor:pointer;
}

.zavrit_mobil_panel{
 background-color:black;
 height: 30px;
 text-align:right;
}
.zavrit_mobil_panel .zavrit i{
    background-color: black;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    font-size: 2em;
    margin: 6px;
    padding: 8px;
  color:white;
}

/*- top menu ----------*/
#top-menu{}
#top-menu ul li{list-style:none;}
#top-menu a{color:white;text-decoration:none;text-transform:uppercase;}
#top-menu a:hover{text-decoration:underline;}

/*- copyright ---------*/
#copyright{ font-size: 90%; color: white; }
#copyright .copy{ margin: 0 auto; text-align: center;padding: 10px; }
#copyright .copy a{ color: white; }
#copyright .copy a:hover{ text-decoration: none; }

#hlavni{background-color:#e27981;}
embed{z-index: 1;}

/*- panel facebook -----*/
#panel_facebook{background-color:#FFFFFF;overflow:hidden;}

/*- bottom zapatí -----*/
#bottom-zapati{background-color:#ff0044;padding:40px;color:white;margin: 0px;}
#bottom-zapati a{color:white;}
#bottom-zapati a:hover{text-decoration:none;}
#bottom-zapati img{margin:0px 0px 15px 0px;}
#bottom-zapati .polozka-zapati .obsah table tbody tr td:nth-child(3) {text-align: center;}
#bottom-zapati .polozka-zapati .obsah table tbody tr td:nth-child(3) div{display: inline-block;margin: 5px;}

/*- nastavení obsahu jednotlivé články ----------------*/
.detail{padding:0px;margin:0px;}

#novinky a{color:yellow;text-decoration:none;}
#novinky a:hover{text-decoration:underline;}

/* gangsta matka */
.clanek3{ background-color: #f04349; color: white; position: relative;}

/* poradatelum */
.clanek5{ background-color: #ecdee7; color: #58595b; position: relative;}
.clanek5 .obal .obsah a{color: black;}
.clanek5 .obal .obsah a:hover{text-decoration: none;}

/* laktacni psychoza */
.clanek6{ background-color: #edc1bf; color: #58595b; position: relative;}

/* vylita */
.clanek7{ background-color: #ffd4d4; color: #d06d6d; position: relative;}

/* o nas */
.clanek9{ background-color: #fcd4d6; color: #484747; position: relative;}
.clanek9 .obsah{padding: 25px 0px 0px 0px;}
.clanek9.obsah .odst5{text-align:center;}

/* home, uvod */
.clanek10 {color: white; position: relative;}
.clanek10 .obsah a{color: white;text-decoration:underline;}
.clanek10 .obsah a:hover{text-decoration:none;}

/* NEWS */
.clanek12{ background-color:#d569a2;color: white; position: relative;}
.clanek12 .obsah h2{color:#ffff00;}
.clanek12 .obsah a{color: white;text-decoration:underline;}
.clanek12 .obsah a:hover{text-decoration:none;}
.clanek12 .abstrakt img{max-width: 300px;height: auto}

/* pod */
.clanek13{ background-color: #d5d8b6; color: #030000; position: relative;}
.clanek13 .obsah a{color:#030000;}
.clanek13 .obsah a:hover{text-decoration:none;}

/* slavik */
.clanek14{ background-color: #fcc0a2; color: #58595b; position: relative;}
 
/* 4 vtom */
.clanek18{ background-color: #f4d9c9; color: #58595b; position: relative;}

/* den blbec */
.clanek19{ background-color: #fedfd3; color: #58595b; position: relative;}

/* dneska hlida chlap */
.clanek21{ background-color: #c7bcbe; color: white; position: relative;}

/* hodinovy manzel */
.clanek22{ background-color: #aabad3; color: white; position: relative;}

/* na tahu */
.clanek23{ background-color: #cb5583; color: white; position: relative;}

/* kup si CD */
.clanek28{ position: relative;}
.clanek28 p:first-child{text-align: center;}
.clanek28 .cede{margin: 50px;display: block}

/* moe */
.clanek29 .obal a{ color: #2d4472; font-size: 22px; text-decoration:none;}
.clanek29 .obal a:hover{text-decoration:underline;}

/* poslechni si */
.clanek31{background-color: #edc1bf;text-align: center;padding: 20px 0}

/* skutecne zdrava skola */
.clanek32{ background-color: #aabad3; color: white; position: relative;}

/* automatka */
.clanek33{ background-color: #f04349; color: white; position: relative;}

/* social bugee */
.clanek34{ background-color: #cb5583; color: white; position: relative;}

 /* fotogalerie*/
.clanek42{ background-color: #c39fac; color: #58595b; position: relative;padding-bottom: 30px}

#staticke_menu{position:absolute;z-index:10000;top:66px;right:28px;}
#staticke_menu a{color:white;text-decoration:none;}
#staticke_menu a:hover{color:white;text-decoration:underline;}

/*- grooup panel ---------*/
#footer_group #bottom-upoutavka-clanky h2{color:#ffff00;}
#footer_group #bottom-upoutavka-clanky a{color: white;text-decoration:underline;}
#footer_group #bottom-upoutavka-clanky a:hover{text-decoration:none;}

/*- Kalendář¸ akcí ----------*/
#kalendar_akci{background: url("../images/bg_kalendar.png") no-repeat center center transparent;color: #000000;font-size: 18px;overflow: none;position:relative;}
#kalendar_akci table{border:none; max-height:150px; overflow:auto;}

/*fotogalerie*/
#fotogalerie{text-align:center;position:relative;}
#fotogalerie ul{margin:0;padding:0;}
#fotogalerie ul li{width:calc(33.33%);margin:0;padding:0;background:#FFF;-webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, .1);moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, .1);box-shadow:0 0 1px 1px rgba(0, 0, 0, .1);border:1px solid transparent;}
#fotogalerie ul li figure{display:block;margin:8px;padding:0;background:#FFF;position:relative;vertical-align:middle;height:230px;}
#fotogalerie .obal{overflow:hidden;background:white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4gPHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI1Mi4wMDAwMDBwdCIgaGVpZ2h0PSIyNTIuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAyNTIuMDAwMDAwIDI1Mi4wMDAwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPiA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwyNTIuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIiBmaWxsPSIjNTU1NTU1IiBzdHJva2U9Im5vbmUiIGNsYXNzPSJsdXBhIj4gPHBhdGggZD0iTTg2MCAyMjIzIGMtMTQgLTIgLTU0IC0xMyAtOTAgLTI1IC0yODggLTkyIC00ODAgLTM1MiAtNDgwIC02NDggMCAtMjY0IDE0MCAtNDg3IDM4MiAtNjEwIDExMSAtNTUgMjAzIC03MyAzNDYgLTY4IDEzNCA2IDIwNiAyNiAzMTQgODggbDY4IDM4IDM1MyAtMzU4IDM1MyAtMzU5IDY3IDY3IDY3IDY3IC0zNTUgMzU1IC0zNTUgMzU1IDM1IDUwIGM0OCA2OSA5MyAxOTAgMTA2IDI4MiA0OCAzMzkgLTE3NyA2NjYgLTUxNyA3NTMgLTczIDE5IC0yMjEgMjUgLTI5NCAxM3ogbTI3MyAtMjEwIGMyMDYgLTYwIDM0NyAtMjQ5IDM0NyAtNDYzIDAgLTE0MSAtNDUgLTI0NCAtMTUyIC0zNDYgLTEzNCAtMTI5IC0yOTMgLTE3MCAtNDc0IC0xMjQgLTk4IDI1IC0xNzEgNjggLTI0MCAxNDMgLTE3OCAxOTIgLTE3NCA0NzkgMTAgNjYzIDY5IDY5IDE3OCAxMjggMjY3IDE0MyA2NiAxMiAxNzIgNSAyNDIgLTE2eiIvPiA8L2c+IDwvc3ZnPg==') no-repeat center center;background-size:40%;color:#FFF;}
#fotogalerie .obal img{max-width:320px;width:100%;}
#fotogalerie .obal:hover img{filter:alpha(opacity=35);opacity:.35;}
#fotogalerie a{display:block;margin:0;padding:0;}
/*strankovani fotogalerie*/
.strankovani-foto{margin:1em;text-align:center;}
.strankovani-foto .aktiv-str,.strankovani-foto a{display:inline-block;margin:0 3px;padding:0 7px 3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid rgba(192, 192, 192, .8);}
.strankovani-foto .aktiv-str{background:#808080;color:#FFF;}
.strankovani-foto a{color:#444;text-decoration:none;}
.strankovani-foto a:hover{color:#000;border:#000;}


#bottom-upoutavka{
  position:absolute;
  z-index:100000;
  top:100px;
}
#bottom-upoutavka .zavrit_okno{
  position:relative;
}
#bottom-upoutavka .zavrit_okno span{
    background-color: #ffffff;
    border: 2px solid #ff0000;
    border-radius: 100%;
    color: #ff0000;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 28px;
    line-height: 15px;
    padding: 5px;
    position: absolute;
    right: -13px;
    text-align: center;
    top: -13px;
    width: 28px;
    cursor:pointer;
}

#bottom-upoutavka img{
      max-width:680px;
      width:100%;
}
.bg_centruj1{
    position:fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.75);
    z-index:99999;
    top:0;
    left:0
}


@media (max-width: 576px) {
.clanek12 .footer_group-obal table{
display: block;
}
.clanek12 .footer_group-obal tbody{
display: block;
}
.clanek12 .footer_group-obal tr{
display: block;
}
.clanek12 .footer_group-obal td{
display: block;
}
}

.yt a {
  background-image: url("/images/yt-control.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  background-color: transparent;
  width: 100%;
  height: 100%;
  display: block;
}

/*- šipka nahoru ----*/
.nahoru{
  background-color: rgba(0,0,0, 0.6);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  bottom: 50px;
  color: gray;
  display: none;
  font-size: 1.3em;
  padding: 11px;
  position: fixed;
  right: 5%;
  text-decoration: none;
  width: 40px;
  height: 40px;
}
.nahoru:hover{
  background-color:yellow;
  color:white;
}