@import url("kontakt_form.css");
@import url("../font/stylesheet.css");


img {border: 0;}
a {cursor: pointer;}
.clr {clear: both;}
* {padding: 0; margin: 0;}
body {
  font-size: 14px; 
  font-family: 'soleilregular';}
.zarovnani {box-sizing: border-box; -moz-box-sizing: border-box; width: 98%; max-width: 1300px; margin: auto auto;}
.zarovnani .zarovnani {width: 100%;}
textarea {font-family: 'soleilregular';}

header {
  height: 380px;
  position: relative;
}
header #top {
  height: 115px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  background-image: url("../img/header_podklad.png");
}
header #top .zarovnani a#logo{
  border-right:  solid #e00f2c 3px;
  height: 81px;
  width: 555px;
  display: block;
  float: left;
  margin-top: 15px;
  font-size: 30px;
  line-height: 81px;
  font-family: 'soleilregular';
  color: black;
  text-decoration: none;
  text-transform: uppercase;
}
header #top .zarovnani a#logo img {
  float: left;
}
header #top .zarovnani a#logo h1{ 
  font-family: 'soleilregular';
  font-weight: normal;
  font-size: 30px;
  line-height: 81px;
  display: block;
  float: left;  
  padding: 0px 27px 0px 27px;
}
header #top .zarovnani form {
  float: right;
}
header #top .zarovnani form input[type="submit"] {
  background-image: url("../img/lupa.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: none;
  outline: none;
  height: 27px;
  width: 27px;
  float: right;
  cursor: pointer;
  margin-top: 43px;
}
header #top .zarovnani form input[type="text"] {
  background-color: #959595;
  border: none;
  outline: none;
  height: 35px;
  width: 275px;
  margin-right: 10px;
  margin-top: 39px;
  color: black;
  padding: 10px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
header #top .zarovnani form input[type="text"]::-webkit-input-placeholder {color: black}
header #top .zarovnani form input[type="text"]:-ms-input-placeholder {color: black;}
header #top .zarovnani form input[type="text"]::placeholder {color: black;}
header #top .social {
  position: absolute;
  right: 20px;
  top: 40px;
}
header #top .social a {
  display: block;
  float: left;
  width: 37px;
  height: 37px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 10px; 
  transition: 500ms;
}
header #top .social a.facebook {background-image: url("../img/facebook.png");}
header #top .social a.youtube {background-image: url("../img/youtube.png");}
header #top .social a.facebook:hover {background-image: url("../img/facebook_c.png");}
header #top .social a.youtube:hover {background-image: url("../img/youtube_c.png");}
header #middle {
  height: 40px;
  width: 100%;
  position: absolute;
  top: 115px;
  left: 0px;
  z-index: 999;
  background-image: url("../img/midlle_header_podklad.png");
}
header #middle ul {list-style: none;}
header #middle ul li {
  display: inline-block;
  height: 40px;
}
header #middle ul li::before {content: "|"; font-family: 'soleillight';}
header #middle ul li:first-of-type::before {content: "";} 
header #middle ul li a {
  font-family: 'soleilbold';
  font-size: 14px;
  line-height: 40px;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  padding: 9px 28px 10px 28px;
  transition: 500ms;
}
header #middle ul li a.active, header #middle ul li a:hover {
  color: white;
  background-color: #df0223;
}
main .zarovnani .clanky {
  margin-top: 75px;
  max-width: 880px;
  width: 68%;
  border-right: solid 1px #dcdcdc;
  float: left;
}
main .zarovnani .clanky h2 {
  font-size: 48px;
  line-height: 48px;
  font-weight: normal;
  font-family: 'soleilregular';
  padding-bottom: 40px;
}
main .zarovnani .clanky .hlavni {
  width: 350px;
  width: 40%;
  float: left;
}
main .zarovnani .clanky .hlavni .item h3 {max-width: 320px; line-height: 18px;}
main .zarovnani .clanky .hlavni .item h3 a {
  font-size: 16px;
  color: black;
  text-decoration: none;
  font-family: 'soleilbold';
}
main .zarovnani .clanky .hlavni .item h3 a:hover {text-decoration: underline;}
main .zarovnani .clanky .hlavni .item span {
  font-size: 12px;
  color: #de0221;
  text-decoration: none;
  font-family: 'soleilbold';
  text-transform: uppercase;
}
main .zarovnani .clanky .hlavni .item a.obr {
  margin-top: 10px;  
  margin-bottom: 20px;
  display: block;
  background-position: center -30px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 170px;
}
main .zarovnani .clanky .miniclanek {
  margin-left: 80px;
  width: 390px;
  width: 44.5%;
  float: left;
}
main .zarovnani .clanky .miniclanek .item  {margin-bottom: 36px;}
main .zarovnani .clanky .miniclanek .item h3 {max-width: 350px; line-height: 20px;}
main .zarovnani .clanky .miniclanek .item h3 a {
  font-size: 16px;
  color: black;
  text-decoration: none;
  font-family: 'soleilbold';
}
main .zarovnani .clanky .miniclanek .item h3 a:hover {text-decoration: underline;}
main .zarovnani .clanky .miniclanek .item span {
  font-size: 12px;
  color: #de0221;
  text-decoration: none;
  font-family: 'soleilbold';
  text-transform: uppercase;
}
main .zarovnani .clanky .miniclanek .item p {
  font-size: 14px;
  line-height: 16px;
  padding-top: 1px;
}
main .zarovnani .clanky .miniclanek a.vsechny {
  color: #de0221;
  font-size: 18px;
  float: right;
  text-decoration: none;
  padding-right: 15px;
  background-position: center right;
  background-repeat: no-repeat; 
  background-image: url("../img/sipka.png"); 
  transition: 500ms;
}
main .zarovnani .clanky .miniclanek a.vsechny:hover {
  padding-right: 10px;
}
main .zarovnani .aktualni_cislo {
  float: left;
  width: 31%;
  padding-left: 67px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
main .zarovnani .aktualni_cislo h2 {
  font-family: "soleilregular";
  font-size: 30px;
  line-height: 30px;
  margin-top: 90px;
  font-weight: normal;
  text-transform: uppercase;
}
main .zarovnani .aktualni_cislo a.casopis {
  height: 362px;
  width: 100%;
  max-width: 247px;
  margin-top: 60px;
  display: block;
  background-position: top center;
  background-repeat: no-repeat; 
  background-size: cover;
}
main .zarovnani .aktualni_cislo span {
  width: 100%;
  max-width: 247px;
  height: 1px;
  background-color: #a6a6a6;
  display: block;
  margin-top: 35px;
}
main .zarovnani .aktualni_cislo .audio .obr {
  float: left;
  display: block;
  background-position: top center;
  background-repeat: no-repeat; 
  background-size: cover;  
  background-image: url("../img/play.png"); 
  height: 37px;
  width: 37px; 
  margin-top: 35px;
  transition: 500ms;
}
main .zarovnani .aktualni_cislo .audio .obr:hover {
  background-image: url("../img/play_a.png");   
}
main .zarovnani .aktualni_cislo .audio .obsah {
  float: left;
  width: 192px;
  margin-top: 35px;
  margin-left: 18px;
}
main .zarovnani .aktualni_cislo .audio .obsah h4 {
  color: #de0221;
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
}
main .zarovnani .aktualni_cislo .audio .obsah a.odkaz {
  color: black;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: normal;
}
main .zarovnani .aktualni_cislo .audio .obsah a.odkaz:hover {
  text-decoration: none;
}
main .info {
  width: 100%;
  background-color: #eaeaea;
  margin-top: 95px;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 90px;
}
main .info .zarovnani .item {
  display: inline-block;
  width: 24%;
}
main .info .zarovnani .item h2 {
  font-weight: normal;
  font-family: "soleilregular";
  font-size: 20px;
  color: #de0221;
  line-height: 20px;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 10px;
}
main .info .zarovnani .item h2 a {color: #de0221; text-decoration: none;}
main .info .zarovnani .item p {
  font-family: "soleilregular";
  font-size: 14px;
  color: black;
  line-height: 16px;
  padding-bottom: 15px;
}
main .info .zarovnani .item a.tlc {
  font-family: "soleilregular";
  font-size: 14px;
  color: white;
  text-decoration: none;
  background-color: #4f4f4f;
  line-height: 14px;
  padding: 3px 20px;
  transition: 500ms;
}
main .info .zarovnani .item a.tlc:hover {
  color: #4f4f4f;
  background-color: white;
}
main .zarovnani .libi {
  margin-top: 80px;
  margin-bottom: 140px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
main .zarovnani .libi.plna {
  margin-top: 0px;
}
main .zarovnani .libi h2 {
  font-weight: normal;
  font-family: "soleilregular";
  font-size: 30px;
  color: black;
  line-height: 30px;
  text-transform: uppercase;
  padding-bottom: 65px;  
  text-align: center;
}
main .zarovnani .libi .formular {
  max-width: 545px;
  width: 56%;
  float: left;
}
main .zarovnani .libi .formular input[type="text"] {
  border: none;
  outline: none;
  background-color: #d5d5d5;
  font-style: italic;
  padding: 10px 20px;
  width: 245px;
  font-size: 16px;
}
main .zarovnani .libi .formular textarea {
  border: none;
  outline: none;
  background-color: #d5d5d5;
  font-style: italic;
  padding: 10px 20px;
  width: 100%;
  height: 140px;
  font-size: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
main .zarovnani .libi .formular input[type="submit"] {
  border: none;
  outline: none;
  background-color: #df0223;
  color: white;
  text-transform: uppercase;
  text-align: center;
  padding: 14px 25px;
  font-size: 16px;
  line-height: 16px;
  margin-top: 15px;
  cursor: pointer;
  transition: 500ms;
}
main .zarovnani .libi .formular input[type="submit"]:hover {
  color: #df0223;
  background-color: #e8e8e8;
}
main .zarovnani .libi .formular input::-webkit-input-placeholder, main .zarovnani .libi .formular textarea::-webkit-input-placeholder {color: black; font-style: italic;}
main .zarovnani .libi .formular input:-ms-input-placeholder, main .zarovnani .libi .formular textarea:-ms-input-placeholder {color: black; font-style: italic;}
main .zarovnani .libi .formular input::placeholder, main .zarovnani .libi .formular textarea::placeholder {color: black; font-style: italic;}
main .zarovnani .libi .formular .hvezdy {margin: 20px 0px;}
main .zarovnani .libi .formular .hvezdy span {
  background-image: url("../img/hvezda_cerna.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 31px;
  width: 30px;
  display: inline-block; 
  cursor: pointer;
}
main .zarovnani .libi .statistika {
  margin-left: 120px;
  float: left;
  width: calc(44% - 120px);
}
main .zarovnani .libi.plna .statistika {
  float: none;
  width: 100%;
  margin-left: 0px;
} 
main .zarovnani .libi .statistika .ref {
  width: 100%;
}
main .zarovnani .libi .statistika .ref p {
  font-style: italic; 
  width: 110px;
  height: 31px;
  margin-right: 20px;
  overflow: hidden;
  float: left;
  font-size: 16px;
  color: #4f4f4f;
  line-height: 31px;
  text-align: right;
}
main .zarovnani .libi .statistika .ref .hvezdy {margin: 0px 0px 12px 0px;}
main .zarovnani .libi .statistika .ref .hvezdy span {
  background-repeat: no-repeat;
  background-position: center center;
  height: 31px;
  width: 30px;
  display: inline-block; 
}
main .zarovnani .libi .statistika .ref .hvezdy span.a {
  background-image: url("../img/hvezda_akt.png");
}
main .zarovnani .libi .statistika .ref .hvezdy span.n {
  background-image: url("../img/hvezda_neakt.png");
}
main .zarovnani .libi .statistika a {
  color: #df0223;
  font-style: italic; 
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  margin-top: 25px;
  display: block;
  width: 100%;
}
main .zarovnani .libi .statistika a:hover {text-decoration: none;}
main .aktualni_cislo_vypis {
  margin-top: 75px;
  max-width: 880px;
  padding-bottom: 50px;
  margin-bottom: 120px;
  width: 68%;
  border-right: solid 1px #dcdcdc;
  float: left;
  padding-right: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; 
}
main .aktualni_cislo_vypis h2, main .aktualni_cislo_vypis h1 {
  font-size: 36px;
  line-height: 36px;
  padding-top: 30px;
  padding-bottom: 40px;
  font-weight: normal;
  font-family: 'soleilregular';  
}
main .aktualni_cislo_vypis h1 {
  padding-top: 0px;
  font-size: 48px;
  line-height: 48px;
  padding-bottom: 40px;  
}
main .aktualni_cislo_vypis h2:first-of-type {
  padding-top: 0px;
  font-size: 48px;
  line-height: 48px;
  padding-bottom: 40px;  
}
main .aktualni_cislo_vypis .clanek .maximum {
  height: 115px;
  margin-bottom: 5px;
  overflow: hidden;
}
main .aktualni_cislo_vypis .clanek {margin-bottom: 55px;}
main .aktualni_cislo_vypis .clanek a.obr {
  display: block;
  float: left;
  background-position: center -30px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 41.5%;
  height: 160px;
}
main .aktualni_cislo_vypis .clanek .obsah {
  float: left;
  width: 58.5%;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;   
}
main .aktualni_cislo_vypis .clanek h3 {
  max-width: 400px; 
  line-height: 18px; 
  margin-top: 10px;
}
main .aktualni_cislo_vypis .clanek h3 a {
  font-size: 16px;
  color: black;
  text-decoration: none;
  font-family: 'soleilbold';
}
main .aktualni_cislo_vypis .clanek h3 a:hover {text-decoration: underline;}
main .aktualni_cislo_vypis .clanek span {
  font-size: 12px;
  color: #de0221;
  text-decoration: none;
  font-family: 'soleilbold';
  text-transform: uppercase;
}
main .aktualni_cislo_vypis .clanek p {
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
}
main .aktualni_cislo_vypis a.detail, main .aktualni_cislo_vypis a.audio, main .aktualni_cislo_vypis a.pdf {
  display: block;
  float: left;
  text-align: center;
  color: black;
  text-decoration: none;
  font-size: 14px;
  height: 29px;
  line-height: 29px;
  transition: 500ms;
}
main .aktualni_cislo_vypis a.detail {
  width: calc(25% - 2px);
  border: solid 1px black;
  margin-right: 2%;
}
main .aktualni_cislo_vypis a.detail:hover {border: solid 1px #cdcdcd; background-color: #cdcdcd;}
main .aktualni_cislo_vypis a.audio {
  width: calc(46% - 2px);
  margin-right: 2%;
  border: solid 1px #cdcdcd;
  background-color: #cdcdcd;
}
main .aktualni_cislo_vypis a.pdf {
  width: calc(25% - 2px);
  border: solid 1px #cdcdcd;
  background-color: #cdcdcd;
}
main .aktualni_cislo_vypis a.audio:hover, main .aktualni_cislo_vypis a.pdf:hover {border: solid 1px black; background-color: white;}
main .aktualni_cislo_vypis .miniclanek {
  margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}
main .aktualni_cislo_vypis .miniclanek h3 {
  float: left;
  width: 74%;
}
main .aktualni_cislo_vypis .miniclanek p {
  float: left;
  width: 74%;
  height: 40px;
  overflow: hidden;
}
main .aktualni_cislo_vypis .miniclanek a.audio, main .aktualni_cislo_vypis .miniclanek a.pdf {
  display: block;
  float: right;
  text-align: center;
  color: black;
  text-decoration: none;
  font-size: 14px;
  height: 29px;
  line-height: 29px;
  transition: 500ms;
}
main .aktualni_cislo_vypis .miniclanek a.audio {
  width: calc(25% - 2px);
  margin-top: 5px;
  margin-right: 0px;
  border: solid 1px black;
  background-color: white;
}
main .aktualni_cislo_vypis .miniclanek a.pdf {
  width: calc(14% - 2px);
  border: solid 1px #cdcdcd;
  background-color: #cdcdcd;
}
main .aktualni_cislo_vypis .miniclanek a.audio:hover {border: solid 1px #cdcdcd; background-color: #cdcdcd;}
main .aktualni_cislo_vypis .miniclanek a.pdf:hover {border: solid 1px black; background-color: white;}
main .navigace {
  padding-top: 25px;
  color: #aeaeae;
  font-size: 16px;
}
main .navigace a {
  color: #aeaeae;
  text-decoration: none;  
}
main .navigace a:hover {text-decoration: underline;}
main .detail_clanku {
  max-width: 880px;
  width: 67.5%;
  padding-right: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 35px;
  float: left;
}
main #kontakt {
  float: right;
  margin-top: 120px;
  margin-left: 75px;
  margin-right: 135px;
  max-width: 520px;
  background-color: #d5d5d5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 25px 20px; 
}
main .formatovani_textu #kontakt h2 {
  color: #df0223; 
  font-size: 19px; 
  line-height: 19px;  
  padding-top: 0px;  
  padding-bottom: 10px; 
  margin-bottom: 30px;
  font-weight: normal; 
  font-family: 'soleilregular';
  width: 100%;
  border-bottom: solid 1px white;
}
main .formatovani_textu #kontakt input[type="text"] {
  display: block;
  width: calc(48% - 2px);
  margin-left: 2%;
  float: left;
  border: solid 1px black;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 12px 15px;
  color: #c7c7c7;
  font-size: 14px;
  margin-bottom: 20px;
  background-color: white;
}
main .formatovani_textu #kontakt input[type="text"]:first-of-type {margin-left: 0px; margin-right: 2%;}
main .formatovani_textu #kontakt textarea {
  display: block;
  width: calc(99.5% - 2px);
  border: solid 1px black;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 12px 15px;
  height: 165px;
  color: black;
  font-size: 14px;
  background-color: white;
}
main .formatovani_textu #kontakt input[type="submit"] {
  display: block;
  width: 200px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  margin-top: 30px;
  margin-bottom: 5px;
  padding: 12px 0px;
  text-align: center;
  color: white;
  background-color: #de0423;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  transition: 500ms;
}
main .formatovani_textu #kontakt input[type="submit"]:hover {background-color: white; color: #de0423;}
main .formatovani_textu #kontakt input[type="text"]::-webkit-input-placeholder, main .formatovani_textu #kontakt textarea::-webkit-input-placeholder {color: #c7c7c7;}
main .formatovani_textu #kontakt input[type="text"]:-ms-input-placeholder, main .formatovani_textu #kontakt textarea:-ms-input-placeholder {color: #c7c7c7;}
main .formatovani_textu #kontakt input[type="text"]::placeholder, main .formatovani_textu #kontakt textarea::placeholder {color: #c7c7c7;}
main.obsah.kontakt {padding-bottom: 140px;}
main.obsah.kontakt p:first-of-type {display:none;}
main.obsah .formatovani_textu h1 {padding-top: 55px;}
main.obsah .formatovani_textu h2 {padding-top: 55px;}
main.obsah .formatovani_textu .clanek_obsah h1 {padding-top: 15px; clear: both}
main.obsah .formatovani_textu .clanek_obsah h2 {padding-top: 55px; clear: both}
main.obsah.kontakt .formatovani_textu h3 {font-size: 36px; line-height: 40px; padding-top: 15px;}
.formatovani_textu h1 {font-size: 48px; line-height: 48px;  padding-top: 0px;  padding-bottom: 20px; font-weight: normal; font-family: 'soleilregular';}
.formatovani_textu h2 {font-size: 43px; line-height: 48px;  padding-top: 0px;  padding-bottom: 20px; font-weight: normal; font-family: 'soleilregular';}
.formatovani_textu h3 {font-size: 24px; line-height: 28px;  padding-top: 35px;  padding-bottom: 25px; font-weight: normal; font-family: 'soleilregular';}
.formatovani_textu h3:first-of-type {padding-top: 20px;}
.formatovani_textu h4 {font-size: 18px; line-height: 20px;  padding-top: 10px;  padding-bottom: 20px; font-weight: normal; font-family: 'soleilregular';}
.formatovani_textu h5 {font-size: 16px; line-height: 18px;  padding-top: 20px;  padding-bottom: 25px; font-weight: normal; font-family: 'soleilregular';}
.formatovani_textu span.cerveny {color: #de0221; font-family: 'soleilbold'; font-size: 12px; text-transform: uppercase; display: block; padding-bottom: 20px;}
.formatovani_textu img.img_vlevo {float: left; margin-right: 25px; margin-bottom: 25px;}
.formatovani_textu img.img_vpravo {float: right; margin-left: 70px; margin-bottom: 25px;}
.formatovani_textu img.img_100 {width: 100%; margin-left: auto; margin-right: auto; display: block; margin-top: 15px; margin-bottom: 40px;}
.formatovani_textu p {font-size: 16px; line-height: 20px; text-align: justify; padding-bottom: 30px;}
.formatovani_textu p.uvod {font-size: 16px; font-weight: bold; font-style: italic;}
.formatovani_textu .clanek_obsah img { margin: 10px 15px; }
.formatovani_textu .clanek_obsah img.ramecek { margin: 10px 15px; border: 15px solid #eaeaea; }
.formatovani_textu p.velky_1 {font-family: 'soleilbold'; font-size: 18px; line-height: 26px; padding-bottom: 5px;}
.formatovani_textu p.velky_2 {font-family: 'soleilbold'; font-size: 22px; line-height: 30px; padding-bottom: 5px;}
.formatovani_textu p.velky_3 {font-family: 'soleilbold'; font-size: 26px; line-height: 34px; padding-bottom: 5px;}
.formatovani_textu p.vyrazny {display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; border-left: solid 28px #df0223; background-color: #a6a6a6; padding: 20px 30px; margin-bottom: 30px; line-height: 24px;}
.formatovani_textu p.vyrazny2 {display: block; width: 100%; color: white; box-sizing: border-box; -moz-box-sizing: border-box; border-left: solid 28px #e1e1e1; background-color: #df0223; padding: 20px 30px; margin-bottom: 30px; line-height: 24px;}
.formatovani_textu p.maly_1 {font-size: 10px; line-height: 10px; padding-bottom: 5px;}
.formatovani_textu p.maly_2 {font-size: 12px; line-height: 12px; padding-bottom: 5px;}
.formatovani_textu p.maly_3 {font-size: 14px; line-height: 14px; padding-bottom: 5px;}
.formatovani_textu a {color: black;}
.formatovani_textu a:hover {text-decoration: none;}
.formatovani_textu p.velky {font-size: 16px; line-height: 22px; padding-bottom: 5px;}
.formatovani_textu p.nejvetsi {font-size: 36px; line-height: 50px; padding-top: 5px; padding-bottom: 5px;}
.formatovani_textu strong {font-family: 'soleilbold'; font-size: 16px;}
.formatovani_textu strong.nejvetsi {font-size: 22px;}
.formatovani_textu a.a_vyrazny {color: #de0221;}
.formatovani_textu a.a_nevyrazny {color: gray;}
.formatovani_textu a.a_cta {display: inline-block; width: 210px; background-color: #de0221; text-decoration: none; text-align: center; padding-top: 12px; padding-bottom: 12px; color: white; cursor: pointer; font-size: 14px}
.formatovani_textu a.a_cta:hover {background-color: black;}
.formatovani_textu a.a_cta2 {display: inline-block; width: 210px; background-color: black; text-decoration: none; text-align: center; padding-top: 12px; padding-bottom: 12px; color: white; cursor: pointer; font-size: 14px;}
.formatovani_textu a.a_cta2:hover {background-color: lightgray; color: black}
.formatovani_textu a.a_cta3 {display: inline-block; width: 210px; background-color: white; border: solid 1px black; text-decoration: none; text-align: center; padding-top: 12px; padding-bottom: 12px; color: black; cursor: pointer; font-size: 14px;}
.formatovani_textu a.a_cta3:hover {background-color: lightgray;}
.formatovani_textu table.table_svetla {border-collapse: collapse; margin-top: 15px; margin-bottom: 15px; border-spacing: 4px; max-width: 1180px; width: 100%;}
.formatovani_textu table.table_svetla td {white-space: nowrap; border: solid 1px black; text-align: left; padding: 7px 15px; font-size: 14px;}
.formatovani_textu table td p {font-size: 100%;}
.formatovani_textu table.table_tmava {border-collapse: collapse; margin-top: 15px; margin-bottom: 15px; border-spacing: 4px; max-width: 1180px; width: 100%;}
.formatovani_textu table.table_tmava td {white-space: nowrap; border: solid 1px white; text-align: left; color: white; background-color: #de0221; padding: 7px 15px; font-size: 14px;}
.formatovani_textu ul {margin-left: 20px; margin-top: 10px; margin-bottom: 20px;}
.formatovani_textu ul li {font-size: 16px; margin-bottom: 20px; text-align: left;}
.formatovani_textu ul.none {list-style:none;}
.formatovani_textu .galerie {text-align: left;}
.formatovani_textu .galerie h3 {margin-top: 40px; margin-bottom: 10px;}
.formatovani_textu .galerie a.obr {
  display: inline-block;
  width: 16%;
  margin-left: 1.4%;
  margin-right: 1.4%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;  
  height: 150px;
  margin-bottom: 20px;
}
.formatovani_textu .galerie.uzsi a.obr {height: 90px;}
.formatovani_textu .galerie a.obr img {display: none;}
.formatovani_textu iframe {border: 0; max-width: 100%;} /* width: 33% */
main .detail_clanku .sdilet {text-align: center; margin-top: 65px;}
main .detail_clanku .sdilet a {
  display: inline-block;
  width: 205px;
  height: 56px;
  transition: 500ms;
  margin: 0px 5px;
}
main .detail_clanku .sdilet a.facebook {background-image: url("../img/facebook_social.png");}
main .detail_clanku .sdilet a.facebook:hover {background-image: url("../img/facebook_social_s.png");}
main .detail_clanku .sdilet a.twitter {background-image: url("../img/twitter_social.png");}
main .detail_clanku .sdilet a.twitter:hover {background-image: url("../img/twitter_social_s.png");}
main .detail_clanku .sdilet a {
  display: inline-block;
  width: 200px;
  height: 56px;
  line-height: 56px;
  color: white;
  text-decoration: none;    
  background-repeat: no-repeat;
  transition: 500ms;
  margin: 0px 3px;
}
main .detail_clanku .sdilet a.facebook_text {
    font-size: 14px;
    font-family: 'soleilregular';
    background-color: #3b5998; 
    background-image: url("../img/facebook_icon.png");
    background-position: 21px center;
    padding-left: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
main .detail_clanku .sdilet a.facebook_text:hover {background-color: #151f33; }
main .detail_clanku .sdilet a.twitter_text {
    font-size: 14px;
    font-family: 'soleilregular';
    background-color: #00acee; 
    background-image: url("../img/twitter_icon.png");
    background-position: 21px center;
    padding-left: 58px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
main .detail_clanku .sdilet a.twitter_text:hover {background-color: #3a7e98; }
main .detail_clanku .libil {
  display: block;
  width: 100%;
  background-color: #e6e6e6;
  margin-top: 75px;
  margin-bottom: 225px;
  padding: 40px 45px 35px 95px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; 
}
main .detail_clanku .libil h2 {
  font-size: 30px;
  line-height: 50px;
  font-weight: normal;
  float: left;
  margin-right: 20px;
}
main .detail_clanku .libil span {
  margin: 0px 10px;
  display: block;
  float: left;
  border: solid 1px black;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: 500ms;
}
main .detail_clanku .libil span:hover {background-color: black; color: white;}
main .detail_clanku .libil textarea {
  width: 100%;
  max-width: 647px;
  border: solid 1px black;
  margin-top: 10px;
  background-color: #e6e6e6;
  color: black;
  font-size: 16px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: none;
}
main .detail_clanku .libil input {
  margin: 10px 0px;
  display: block;
  border: solid 1px black;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: 500ms;
  background-color: transparent;
  display: none;  
}
main .detail_clanku .libil input:hover {background-color: black; color: white;}
main .postrana {
  float: left;
  width: 22.5%;
  border-left: solid 1px #dcdcdc;
  height: 1475px;
  padding-top: 10px;
}
main .postrana a {
  width: 175px;
  border: solid 1px #cdcdcd;
  background-color: #cdcdcd;
  display: block;
  text-align: center;
  color: black;
  text-decoration: none;
  font-size: 14px;
  height: 29px;
  line-height: 29px;
  margin-left: 40px;
  margin-bottom: 20px;
  transition: 500ms;  
}
main .postrana a:hover {background-color: white; border-color: black;}
main .archiv {padding-bottom: 115px;}
main .archiv h2, main .archiv h1 {
    font-size: 48px;
    line-height: 48px;
    padding-top: 105px;
    padding-bottom: 80px;
    font-weight: normal;
    font-family: 'soleilregular';
}
main .archiv.audio h2, main .archiv.audio h1 {
  padding-bottom: 30px;
}
main .archiv.audio p {
  padding-bottom: 70px;
  font-size: 16px;
}
main .archiv h3 {
  width: 70px;
  font-size: 36px;
  line-height: 36px;
  font-weight: normal;
  font-family: 'soleilregular';
  float: left;
  text-align: justify;
}
main .archiv .vypis {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 50px;
  display: none;
}
main .archiv .vypis .item {
  display: inline-block;
  width: 15%;
  margin-left: 0.8%;
  margin-right: 0.8%;
  margin-bottom: 50px;
}
main .archiv .vypis .item h4 {
  margin-bottom: 20px;
  font-size: 16px;
}
main .archiv .vypis .item:nth-child(1), main .archiv .vypis .item:nth-child(7) {margin-left: 0%;}
main .archiv .vypis .item:nth-child(6), main .archiv .vypis .item:nth-child(12) {margin-right: 0%;}
main .archiv .vypis .item .obr {
  margin-left: auto;
  margin-right: auto;
  height: 260px;
  width: 100%;
  max-width: 180px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
main .archiv .zobrazit {
  display: block;
  float: left;
  border: solid 1px black;
  font-size: 16px;
  line-height: 35px;
  width: 110px;
  cursor: pointer;
  text-align: center;
  margin-left: 40px;
  transition: 500ms;
  margin-bottom: 30px;
}
main .archiv .zobrazit:hover {background-color: black; color: white;}

.vyhledavani .vypis .item {
  display: inline-block;
  width: 15%;
  margin-left: 0.8%;
  margin-right: 0.8%;
  margin-bottom: 50px;
  text-align: center;  
}
.vyhledavani .vypis .item h4 {
  margin-bottom: 0px;
  font-size: 16px;
  text-align: center;
  max-width: 180px;  
}
.vyhledavani .vypis .item .obr {
  margin-left: auto;
  margin-right: auto;
  height: 260px;
  width: 100%;
  max-width: 180px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 10px;
}

main .podcast {padding-bottom: 75px;}
main .podcast h2, main .podcast h1 {
  font-size: 48px;
  line-height: 48px;
  padding-top: 60px;
  padding-bottom: 60px;
  font-weight: normal;
  font-family: 'soleilregular';
}
main .podcast .fastinput a {
  display: inline-block;
  width: 200px;
  height: 56px;
  line-height: 56px;
  color: white;
  text-decoration: none;    
  background-repeat: no-repeat;
  transition: 500ms;
  margin: 0px 3px;
}
main .podcast .fastinput a.audio_text {
    width: 350px; 
    font-size: 16px;
    font-family: 'soleilbold';
    background-color: #df0223; 
    background-image: url("../img/play_icon.png");
    background-position: 25px center;
    padding-left: 63px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-transform: uppercase;
}
main .podcast .fastinput a.audio_text:hover {background-color: #94192b; }
main .podcast .fastinput a.facebook_text {
    font-size: 14px;
    font-family: 'soleilregular';
    background-color: #3b5998; 
    background-image: url("../img/facebook_icon.png");
    background-position: 21px center;
    padding-left: 52px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
main .podcast .fastinput a.facebook_text:hover {background-color: #151f33; }
main .podcast .fastinput a.twitter_text {
    font-size: 14px;
    font-family: 'soleilregular';
    background-color: #00acee; 
    background-image: url("../img/twitter_icon.png");
    background-position: 21px center;
    padding-left: 65px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
main .podcast .fastinput a.twitter_text:hover {background-color: #3a7e98; }
main .podcast .fastinput a.audio {width: 353px; background-image: url("../img/prehrat.png");}
main .podcast .fastinput a.audio:hover {background-image: url("../img/prehrat_s.png");}
main .podcast .fastinput a.facebook {background-image: url("../img/facebook_social.png");}
main .podcast .fastinput a.facebook:hover {background-image: url("../img/facebook_social_s.png");}
main .podcast .fastinput a.twitter {background-image: url("../img/twitter_social.png");}
main .podcast .fastinput a.twitter:hover {background-image: url("../img/twitter_social_s.png");}
main .podcast h3 {
  font-size: 36px;
  line-height: 36px;
  padding-top: 55px;
  padding-bottom: 65px;
  font-weight: normal;
  font-family: 'soleilregular';
}
main .podcast .item {margin-bottom: 50px;}
main .podcast.vyhledavani .item {margin-bottom: 40px;}
main .podcast .item a.obr {
  display: block;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 140px;
  height: 70px;
}
main .podcast.vyhledavani .item a.obr {margin-top: 40px;}
main .podcast.vyhledavani a.podcast, main .podcast.vyhledavani a.pdf {
  display: block;
  float: left;
  margin-right: 10px;
  background-color: #dcdcdc;
  height: 30px!important;
  padding: 5px 20px;
  line-height: 30px;
  font-size: 16px;
  text-decoration: none;
}
main .podcast .item .obsah {
  float: left; 
  max-width: 620px;
  width: calc(100% - 165px);
  margin-left: 25px;
}
main .podcast .item .obsah h4 {
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 6px;
  font-weight: normal;
  font-family: 'soleilbold';
}
main .podcast .item .obsah h4 a {color: #df0223; text-decoration: none; line-height: 16px;}
main .podcast .item .obsah p {
  font-size: 14px;
  line-height: 18px;
}
footer {
  background-color: #d5d5d5;
  width: 100%;
}
footer a#pribram {
  float: left;
  width: 158px;
}
footer .info {
  float: left;
  width: 14%;
  margin-left: 6%;
  padding-top: 35px;
}
footer .info p {
  font-size: 14px;
  line-height: 25px;
}
footer .info p a {color: black; text-decoration: none;}
footer .info p a:hover {text-decoration: underline;}
footer .info .social a {
  display: block;
  float: left;
  width: 37px;
  height: 37px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 4px; 
  margin-top: 15px;
  transition: 500ms;
}
footer .info .social a.facebook {background-image: url("../img/facebook_b.png");}
footer .info .social a.youtube {background-image: url("../img/youtube_b.png");}
footer .info .social a.facebook:hover {background-image: url("../img/facebook_s.png");}
footer .info .social a.youtube:hover {background-image: url("../img/youtube_s.png");}
footer .odkazy {
  padding-top: 35px;
  float: left;
  width: 9%;
  margin-left: 10%;
}
footer .odkazy a {
  font-size: 14px;
  line-height: 25px;  
  color: black; 
  text-decoration: none;  
}
footer .odkazy a:hover {text-decoration: underline;}
footer .newsletter {
  float: right;
  width: 32%;
  padding-top: 50px;
}
footer .newsletter h2 {
  font-weight: normal;
  font-family: "soleilregular";
  font-size: 24px;
  color: black;
  line-height: 24px;
  text-transform: uppercase;
  text-align: left;
  float: left;
}
footer .newsletter a {
  font-family: "soleilregular";
  font-size: 14px;
  color: black;
  line-height: 14px;
  text-align: right;
  float: right;
}
footer .newsletter a:hover {text-decoration: none;}
footer .newsletter p {
  font-family: "soleilregular";
  font-size: 14px;
  color: #4f4f4f;
  line-height: 18px;
  text-align: left;
  padding: 20px 0px;
}
footer .newsletter input[type="text"] {
  border: none;
  outline: none;
  background-color: white;
  padding: 16px 20px;
  width: 61%;
  font-size: 14px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
footer .newsletter input[type="submit"] {
  float: left;
  border: none;
  outline: none;
  background-color: #df0223;
  color: white;
  text-transform: uppercase;
  text-align: center;
  padding: 16px 0px;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  transition: 500ms;
  width: 39%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 40px;
}
footer .newsletter input[type="submit"]:hover {
  color: #df0223;
  background-color: white;
}
footer .newsletter input[type="text"]::-webkit-input-placeholder {color: black;}
footer .newsletter input[type="text"]:-ms-input-placeholder {color: black;}
footer .newsletter input[type="text"]::placeholder {color: black;}
footer .hr {display: block; width: 100%; height: 1px; background-color: #bdbdbd;}
footer p.copy {
  float: left;
  color: #8b8b8b;
  padding: 30px 0px;
}
footer p.copy a {color: #8b8b8b; transition: 0.7s}
footer p.copy a:hover {
    color: #fd0056;
    text-decoration: none;
    Letter-spacing: 0.5px;
    border-bottom: 2px solid #0cbd8c;
    }
footer p.odkazy_down {
  float: right;
  color: #8b8b8b;
  padding: 30px 0px;  
}
footer p.odkazy_down a {
  color: #8b8b8b;
  margin: 0px 20px;  
  text-decoration: none;
}
footer p.odkazy_down a:first-of-type {margin-left:0px;}
footer p.odkazy_down a:last-of-type {margin-right: 0px;}
footer p.odkazy_down a:hover {text-decoration: underline;}


@media screen and (max-width: 1560px) { 
  #top .zarovnani {max-width: 1100px;}
  main #kontakt {margin-right: 50px;}
}

@media screen and (max-width: 1360px) { 
  #top .zarovnani {max-width: 1000px; margin-left: 50px;}
  header #middle ul li a {padding: 9px 14px 10px 14px;}
}

@media screen and (max-width: 1300px) { 
main .aktualni_cislo_vypis .clanek a.obr {width: 30%; height: 120px;}
main .aktualni_cislo_vypis .clanek .obsah {width: 68%;}
main .detail_clanku .libil {padding: 30px 20px;}
main .detail_clanku .libil h2 {font-size: 25px;}
main .detail_clanku .libil span {font-size: 16px; width: 80px;}
}

@media screen and (max-width: 1250px) { 
  footer .info {margin-left: 5%; width: 20%;}
  footer .odkazy {width: 15%; margin-left: 5%;}
  main .aktualni_cislo_vypis .miniclanek a.audio, main .aktualni_cislo_vypis .miniclanek a.pdf {font-size: 12px;}
  main .aktualni_cislo_vypis .miniclanek a.audio {width: calc(30% - 2px);}
  main .aktualni_cislo_vypis .miniclanek p, main .aktualni_cislo_vypis .miniclanek h3 {width: 68%;}
}

@media screen and (max-width: 1200px) { 
  header #top .zarovnani a#logo {width: 470px;}
  header #top .zarovnani a#logo h1 {font-size: 25px; padding: 0px 20px;}
  #top .zarovnani {max-width: 800px;}
  footer .newsletter input[type="submit"] {font-size: 12px;}
  footer .newsletter {width: 35%;}
  .formatovani_textu .galerie a.obr {width: 21%;}
  .formatovani_textu .galerie.uzsi a.obr {height: 120px;}
  .vyhledavani .vypis .item {width: 17%;}
}

@media screen and (max-width: 1100px) { 
  main .zarovnani .aktualni_cislo .audio .obsah {width: 180px; margin-left: 5px;}
  main .zarovnani .aktualni_cislo .audio .obsah a.odkaz {font-size: 14px;}
  main .aktualni_cislo_vypis a.detail, main .aktualni_cislo_vypis a.audio, main .aktualni_cislo_vypis a.pdf {font-size: 12px;}
  .formatovani_textu table.table_svetla td {white-space: initial;}
  header #middle ul li a {padding: 9px 8px 10px 8px; font-size: 13px;}
}

@media screen and (max-width: 980px) { 
  header #top .social {top: 10px;}
  header #top .zarovnani form {margin-top: 20px;}
  header #middle {width: 100%; height: 45px;}
  header #middle ul {z-index: 9999; display: none; width: 100%; margin-left: auto; margin-top: 7px; background-color: white; border-bottom: solid 1px lightgrey;}
  header #middle #hamburger {cursor: pointer; position:relative; display: block; width: 50px; height: 35px; margin-top: 5px; margin-left: auto; margin-right: auto;  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } 
  header #middle #hamburger div{display: block; position: absolute; height: 6px; width: 100%; background-color: black; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}  
  header #middle #hamburger div:nth-child(1) { top: 0px;}
  header #middle #hamburger div:nth-child(2) { top: 12px;}
  header #middle #hamburger div:nth-child(3) { top: 24px;}
  header #middle #hamburger.open div{background-color: #e71a67;} 
  header #middle #hamburger.open div:nth-child(1) { top: 17px;  -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
  header #middle #hamburger.open div:nth-child(2) { opacity: 0; left: -60px;}
  header #middle #hamburger.open div:nth-child(3) { top: 17px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
  header #middle ul li a{padding: 0px!important; text-align: center;}
  header #middle ul li:hover span {display: none;} 
  header #middle ul li::before {content: "";}
  header #middle ul li {display: block; background-color: white; padding: 0px; z-index: 999; position: relative; margin-right: 0px; margin-left: 0px; margin-top: 0px;}
  header #middle ul li:hover {background-color: initial;}
  header #middle ul li ul {display: none;}
  header #middle ul li a {width: 100%; display: block; padding-top: 20px; padding-bottom: 20px;}
  footer .odkazy {float: right; width: 20%; margin-right: 3%; margin-left: 0px; text-align: right;}
  footer .info {width: 40%;}
  footer .info p {text-align: left;}
  footer .newsletter {display: block; float: none; width: 100%; clear: both;}
  footer p {display: block; float: none!important; clear: both!important; text-align: center; padding: 10px!important;}
  main .zarovnani .clanky, main .zarovnani .aktualni_cislo, main .aktualni_cislo_vypis, main .detail_clanku {width: 100%; float: none; clear: both; border-right: none; padding-right: 0px;}
  main .zarovnani .aktualni_cislo {padding-left: 0px; max-width: 250px; margin-left: auto; margin-right: auto; margin-bottom: 70px;}
  main .zarovnani .aktualni_cislo h2 {margin-top: 40px;}
  main .zarovnani .aktualni_cislo a.casopis {margin-top: 20px;}
  main .zarovnani .libi .formular, main .zarovnani .libi .statistika {width: 100%; float: none; clear: both; margin-left: auto; margin-right: auto;}
  main .zarovnani .libi .statistika {max-width: 300px; margin-top: 50px;}
  main .info {margin-top: 20px;}
  main .postrana {float: none; border-left: none; position: absolute; top: 5px; right: 10px; width: auto; height: auto;}
  main .postrana a {margin-bottom: 10px;}
  main {position: relative;}
  main .archiv .vypis .item {width: 23%; margin-left: 0.8%; margin-right: 0.8%;}
  main .archiv .vypis .item:nth-child(1), main .archiv .vypis .item:nth-child(7) {margin-left: 0.8%;}
  main .archiv .vypis .item:nth-child(6), main .archiv .vypis .item:nth-child(12) {margin-right: 0.8%;}
  main #kontakt {float: none; clear: both; width: 100%; margin-left: auto; margin-right: auto;}
  .vyhledavani .vypis .item {width: 20%;}
}

@media screen and (max-width: 870px) { 
  header #top {height: 180px;}
  header #middle {top: 180px;}
  #top .zarovnani {margin-left: auto;}
  header #top .zarovnani form {margin-top: 0px; float: none; clear: both; width: 320px; margin-left: auto; margin-right: auto;}
  header #top .zarovnani a#logo {float: none; clear: both; margin-left: auto; margin-right: auto;}
  main .podcast .fastinput a {float: none; display: block; margin-bottom: 5px;}
  .formatovani_textu .galerie a.obr {width: 29%;}
}

@media screen and (max-width: 800px) { 
  main .info .zarovnani .item {width: 49%; margin-bottom: 50px;}
  main .aktualni_cislo_vypis .miniclanek a.pdf {width: 20%;}
  main .aktualni_cislo_vypis .miniclanek a.audio {width: 190px;}
  main .aktualni_cislo_vypis .miniclanek p, main .aktualni_cislo_vypis .miniclanek h3 {width: calc(100% - 200px);}
}

@media screen and (max-width: 770px) { 
  main .aktualni_cislo_vypis .clanek a.obr {float: none; clear: both; margin-left: auto; margin-right: auto; width: 240px;}
  main .aktualni_cislo_vypis .clanek .obsah {width: 100%; padding-left: 0px;}
  main .aktualni_cislo_vypis .clanek h3 {text-align: center; max-width: 100%;}
  .vyhledavani .vypis .item {width: 31%;}
}

@media screen and (max-width: 710px) { 
  header #top .social {right: 10px; top: 12px;}
  header #top .social a {float: none; clear: both; margin-bottom: 10px;}
  main .zarovnani .clanky .hlavni, main .zarovnani .clanky .miniclanek {width: 100%; float: none; clear: both; margin-left: auto; margin-right: auto;}
  main .zarovnani .clanky .hlavni .item a.obr {max-width: 320px;}
  main .detail_clanku {margin-top: 0px;}
  main.obsah .formatovani_textu h1 { font-size: 38px }
  main.obsah .formatovani_textu h2 { font-size: 30px }
  main.obsah .formatovani_textu .clanek_obsah h2 { padding-top: 25px }
  main .postrana {top: 45px;}
  main .archiv .vypis .item {width: 31%; margin-left: 0.8%; margin-right: 0.8%;}
  .formatovani_textu .galerie a.obr {width: 47%; margin-left: 1%; margin-right: 1%;}
  .formatovani_textu .clanek_obsah img.ramecek { float: none; width: 100%; height: auto; margin: 10px 0; border-style: none; }
}

@media screen and (max-width: 640px) { 
  footer .odkazy {float: none; clear: both; margin-left: auto; margin-right: auto; text-align: center; width: 100%;}
  main .detail_clanku .libil h2 {width: 100%; text-align: center;}
  main .detail_clanku .libil span:last-of-type {float: right;}
  main .postrana a {margin-bottom: 10px; float: left;margin-top: 10px;}
}
@media screen and (max-width: 600px) { 
  header #top .zarovnani a#logo {margin-left: 0px; width: 410px;}
  header #top .zarovnani a#logo h1 {font-size: 22px; padding: 0px 10px;}
  main .zarovnani {padding: 20px;} 
  main .info .zarovnani .item h2 {font-size: 16px;}
  main .info .zarovnani .item p {font-size: 10px;}
  header #top .zarovnani a#logo {border-right: none;}
  header #top .social a {clear: none; float: right;}
  header #top .social {top: 80px;}
  header #top .zarovnani form input[type="text"] {margin-right: 0px; width: 250px;}
  header #top .zarovnani form input[type="submit"] {margin-right: 10px;}
  footer .newsletter {padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;}
  footer {padding-bottom: 20px;}
  main .aktualni_cislo_vypis a.detail, main .aktualni_cislo_vypis a.audio, main .aktualni_cislo_vypis a.pdf {font-size: 10px;}
  main .aktualni_cislo_vypis .miniclanek a.pdf {width: 30%;}
  main .postrana {top: 80px;}
  main .podcast.vyhledavani a.podcast, main .podcast.vyhledavani a.pdf {margin-bottom: 10px;}
  .vyhledavani .vypis .item {width: 48%;}
  main .podcast.vyhledavani a.podcast {font-size: 12px;}
}