.container .main .red {
  color: #e30000;
  font-family: inherit;
  font-weight: inherit; }

.container .main .bred {
  color: #c90000;
  font-family: inherit;
  font-weight: bold; }

.container .main ul li {
  padding-left: 10px;
  background-image: url(../imgs/arrows-bullet.png);
  background-position: left .5em; }

/* header */
.container .main .time {
  display: block;
  color: #fff;
  font-size: 13px;
  margin-top: 57px;
  margin-left: 13px; }

.container .main .hbanner {
  background-image: url(../imgs/header-globe.png);
  background-position: 260px 0px;
  position: relative;
  background-image: url(../imgs/header-grad.png);
  background-repeat: repeat-x; }

.container .main .hbanner .container {
  background-image: url(../imgs/header-globe.png);
  background-position: 430px;
  height: 79px;
  position: relative; }

/* typo */
.container .main a {
  color: #004ECB; }

.container .main a:hover {
  color: #e30000; }

.container .main h2.bar, h2.redbar {
  border-bottom: 1px solid #004ecb;
  font-size: 10px;
  font-weight: bold;
  margin-top: 2em; }

.container .main h2.redbar {
  border-bottom: 1px solid #c90000; }

.container .main h2.bar a, h2.redbar a {
  color: #fff;
  padding: 2px 20px 1px 20px;
  width: 200px;
  display: block;
  background-color: #004ecb; }

.container .main h2.redbar a {
  background-color: #c90000; }

.container .main h2.noclick {
  border-bottom: 1px solid #c90000; }

.container .main h2.noclick span {
  color: #fff;
  font-weight: inherit;
  padding: 2px 20px 1px 20px;
  width: 200px;
  display: block;
  background-color: #c90000; }

.container .main h3 {
  font-weight: bold;
  font-size: 11px;
  padding-top: 20px;
  padding-bottom: 5px; }

.container .main .left h3 {
  margin-top: 1em;
  background-image: url(../imgs/hr-dots-blu.png);
  background-repeat: repeat-x;
  background-position: top; }

.container .main .date, .container .main .author {
  color: #969696;
  font-size: 9px; }

.container .main .author {
  padding-bottom: .75em;
  padding-top: .5em;
  line-height: 100%; }

.container .main .date a, .container .main .author a {
  color: #969696; }

.container .main .smalldate {
  font-size: 11px !important; }

.container .main .more {
  font-size: 9px;
  font-weight: bold;
  background-image: url(../imgs/arrows-red.png);
  background-position: right 4px;
  padding-right: 18px; }

.container .main .less {
  font-size: 8px;
  font-weight: bold;
  background-image: url(../imgs/arrows-red-left.png);
  background-position: right 2px;
  padding-right: 18px;
  white-space: nowrap;
  text-transform: uppercase; }

.container .main .column4 .more-wrap {
  display: block; }

.container .main .news .date {
  font-size: 11px; }

.container .main .snippets .author {
  font-size: 9px; }

/* articles */
.container .main .photo {
  margin: .4em 20px 1em 20px; }

.container .main .photo img {
  display: block; }

.container .main .photo .caption {
  color: #969696;
  font-size: 9px;
  padding: .25em 0 0 10px;
  background-image: url(../imgs/arrow-red.png);
  background-position: 0 .75em; }

.container .main .blockbuster p {
  font-size: 13px; }

.container .main .blockbuster h3 {
  font-size: 16px;
  line-height: 110%;
  background-image: none;
  margin-top: 0; }

.container .main .blockbuster p.author {
  font-size: 11px !important; }

.container .main .hr {
  background-image: url(../imgs/hr-dots-blu.png);
  background-repeat: repeat-x;
  background-position: top; }

.container .main ul.rsslist li {
  padding-left: 18px;
  background-image: url(../imgs/rss-sm.gif);
  background-position: left 0.1em; }

.container .main table.calendar th {
  text-align: center; }

.container .main table.calendar th.month {
  font-size: 9px; }

.container .main table.calendar td {
  background-color: #eaeaea;
  text-align: center;
  color: #8c8c8c; }

.container .main table.calendar a {
  text-decoration: underline; }

.container .main ul.years {
  margin-top: 10px; }

.container .main ul.years li {
  display: inline; }

/* footer + SM */
/* .grpcol je jeden sloupec, .grpXY jsou skupiny sloupcu. Kazda skupina ma h3.
	X rika, kolik je sloupcu dohromady, Y pak kolik sloupcu skupina sdruzuje.
	grpXY je potreba pouzit vzdy! I tehdy, kdyz Y = 1 nebo Y = X.
	A pak jeste podle zvoleneho X se zmeni soubor s pozadim v definici tridy .sm .container podle vzotu smDotsX.png.
	Pokud X = 3, pak se pouzije smDots6.png.
	Predtim vsim je (at je X libovolne) ale z smDotsX.png potreba vymazat ve Photoshopu cary, ktery se tam nehodi.
*/
.container .main .sm .container {
  background: url(../imgs/bottom-bg.png) bottom repeat-x;
  padding: 10px 0px 40px 0px;
  width: 990px;
  border: dotted #0049cf;
  border-width: 0 1px; }

.container .main .sm h3 {
  font-size: 14px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 10px;
  background-image: none; }

.container .main .sm h4 {
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 10px;
  padding-bottom: .3em; }

.container .main .sm li {
  font-size: 10px;
  line-height: 120%;
  background-image: url(../imgs/arrows-bullet-white.png); }

.container .main .grpcol {
  padding: 5px 10px 5px 20px; }

.container .main .sm ul.noHead {
  padding-top: 10px; }

/* as */
.container .main .asW .container {
  padding: 8px 10px 10px 10px;
  background: none; }

.container .main .asW {
  background: url(../imgs/asW-bg.png) repeat-x;
  margin: 50px auto 0 auto; }

.container .main .as {
  width: 141px;
  padding: 5px 10px;
  float: left; }

.container .main .as img {
  width: 139px;
  height: 100px;
  border: 1px solid white; }

.container .main .asW h2 {
  padding: 5px 10px;
  font-size: 17px;
  color: white; }

.container .main .asW h2 span {
  padding-right: 25px;
  background: url(../imgs/arrows2-red-big.png) right no-repeat; }

.container .main .as h3 {
  font-size: 13px;
  font-weight: normal;
  padding-top: 10px;
  color: white; }

.container .main .as h3 a {
  color: white; }

.container .main .as h3 a:hover {
  text-decoration: underline; }

/* calendar */
/* archiv */
.container .main h3.cH {
  margin-bottom: 0;
  padding-bottom: 0; }

/* litajici propaganda */
.container .main .lp {
  border-left: 1px solid #D2E3FF;
  border-top: 1px solid #D2E3FF;
  position: relative;
  background-image: url(../imgs/hr-dots-blu.png);
  background-position: top;
  background-repeat: repeat-x; }

.container .main .lp h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 12px 20px 10px 42px;
  background-image: url(../imgs/lpRedArrowBluGrad.png);
  background-position: top left;
  letter-spacing: -.3px; }

.container .main .lp h3 {
  font-size: 17px;
  font-weight: normal;
  padding-top: 0;
  margin-top: 0; }

.container .main .lp .author {
  display: block;
  padding: 3px 0 10px 20px;
  clear: both;
  float: none;
  width: 289px; }

.container .main .cnt {
  background-image: url(../imgs/lpBkg.png);
  background-position: top left;
  height: 110px;
  padding: 15px 0 34px 0;
  position: relative; }

.container .main .lp .controls {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 24px;
  width: 329px;
  padding-bottom: 4px;
  background-image: url(../imgs/lpShadow.png);
  background-position: bottom;
  background-repeat: repeat-x; }

.container .main hr {
  width: 40%;
  margin: 0 auto 25px auto;
  height: 1px;
  background: url("../imgs/hr-dots-blu.png") bottom repeat-x; }

/* box archive */
.container .main .box-archive {
  clear: both;
  padding: 0 20px 20px 20px;
  margin: 16px 0; }

.container .main .box-archive img {
  border: 1px solid #ccc; }

.container .main .box-archive h2 {
  margin-bottom: 3px;
  font-size: 170%; }

.container .main .box-archive .l {
  float: left;
  display: inline;
  _width: 300px;
  width: 48%;
  padding-right: 2%;
  background: url("../imgs/vr-dots-item-blu.png") right repeat-y; }

.container .main .box-archive .l h3 {
  clear: both;
  padding: 0;
  background: 0;
  margin: 0 0 5px 0;
  font-size: 120%; }

.container .main .box-archive .l img {
  _width: 100%;
  max-width: 100%;
  margin-bottom: 10px; }

.container .main .box-archive .l p.author {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 11px; }

.container .main .box-archive .l p.author a {
  white-space: nowrap; }

.container .main .box-archive .r {
  float: right;
  _display: inline;
  width: 50%;
  _width: 49%;
  margin-bottom: 20px;
  background: url("../imgs/vr-dots-item-blu.png") center repeat-y; }

.container .main .box-archive .r .item {
  float: left;
  width: 42%;
  _width: 41%;
  padding: 0 4%; }

.container .main .box-archive .r .item h3 {
  padding: 0;
  background: 0;
  margin: 0 0 5px 0;
  font-size: 100%; }

.container .main .box-archive .r .item .thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  margin-bottom: 8px;
  border: 1px solid #ccc;
  overflow: hidden; }

.container .main .box-archive .r .item .thumb img {
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  min-width: 110%;
  min-height: 110px;
  border: 0; }

.container .main .box-archive ul {
  float: right;
  _display: inline;
  width: 48%;
  _width: 47%;
  padding: 0 0 0 2%;
  margin: 0 0 20px 0; }

.container .main .box-archive li {
  padding: 10px 0;
  background: url("../imgs/hr-dots-blu.png") top repeat-x; }

.container .main .box-archive ul h3 {
  padding: 0 0 0 10px;
  margin: 0;
  background: url("../imgs/arrows-bullet.png") left 6px no-repeat;
  font-size: 100%;
  font-weight: normal; }

.container .main .box-archive ul.subtopic-links {
  float: none;
  display: block;
  width: auto;
  margin: 0 0 12px 0;
  padding: 0 0 8px 0;
  border-bottom: 1px solid grey; }

.container .main .box-archive ul.subtopic-links li {
  display: inline;
  padding: 0;
  background: none;
  color: grey; }

.container .main .box-archive ul.subtopic-links li a {
  font-weight: bold;
  white-space: nowrap; }

.container .main .box-archive p.archive {
  clear: right;
  margin: 0 10px 0 0;
  padding: 0; }

.container .main .box-archive p.archive a {
  font-size: 100%;
  background-position: right center; }

/* small box-archive */
.container .main .small-box-archive {
  float: left;
  display: inline;
  width: 290px;
  padding: 0 20px;
  margin: 0 0 15px 0; }

.container .main .small-box-archive h3 {
  margin: 0 0 0px 0;
  padding: 0 0 5px 5px !important;
  font-size: 130%;
  border-bottom: 1px solid grey;
  background: none !important; }

.container .main .small-box-archive ul {
  padding: 0 5px;
  margin: 0; }

.container .main .small-box-archive li {
  padding: 6px 0;
  background: url("../imgs/hr-dots-blu.png") bottom repeat-x; }

.container .main .small-box-archive li.last {
  background: none; }

.container .main .small-box-archive ul h4 {
  padding: 0 0 0 10px;
  margin: 0;
  background: url("../imgs/arrows-bullet.png") left 6px no-repeat;
  font-size: 100%;
  font-weight: normal;
  font-size: 14px; }

.container .main .small-box-archive p.archive {
  clear: right;
  margin: 0 10px 0 0;
  padding: 0; }

.container .main .small-box-archive p.archive a {
  font-size: 90%;
  background-position: right center; }

.who-is-who-gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.who-is-who-gallery a {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: center;
}