/*div.top.videa div.bg-bottom {
        background: transparent url( /cms/videa/images/videa/bg-top-bottom-bottom.png) no-repeat scroll left bottom;
}*/

/*div.top h2 {
        padding: 40px 0px 0px 30px;
}*/

/*div.top.videa h2 {
        background: transparent url( /cms/videa/images/videa/top-shadow.png) repeat-x scroll right top;
        color: #4b88cf;

}*/

div.top a:hover {
  text-decoration: none;
}

div.top div.hledat {
  background: transparent url(/cms/videa/images/videa/bg-hledat.png) no-repeat
    scroll right top;
  position: relative;
  width: 196px;
  height: 38px;
  float: left;
  margin: -10px 0px 0px 30px;
}

div.top div.hledat input {
  width: 155px;
  border: none;
  position: absolute;
  top: 10px;
  left: 7px;
  font-size: 12px;
  color: #848484;
}

div.top div.hledat a {
  /* Hledat */
  background: transparent url(/cms/videa/images/videa/ico-hledat-videa.png)
    no-repeat scroll 2px center;
  width: 28px;
  height: 38px;
  position: absolute;
  top: 0px;
  right: 0px;
}

/*div.top ul.menu {
        margin: 18px 25px 0px 0px;
        float: right;
}*/

/*div.top.videa ul.menu {
        margin: 18px 550px 0px 0px;
}*/

div.top ul.menu li {
  width: 115px;
}

div.top ul.menu li a {
  padding-top: 80px;
  display: block;
  text-align: center;
  color: #4b88cf;
  font-size: 90%;
}

div.top.videa div.top-bottom > div {
  background: #eaf3fe url(/cms/videa/images/videa/bg-top-bottom-shadow.png)
    repeat-x scroll left 22px;
}

div.top div.top-bottom {
  padding: 0px 0px 15px 0px;
  position: relative;
}

div.top.videa div.top-bottom {
  /*	background: transparent url( /cms/videa/images/videa/bg-top-bottom-bottom.png) no-repeat scroll left bottom;*/
  background-color: #eaf3fe;
  background-image: none;
}

div.top div.top-bottom > div {
  /*background: #eaf3fe url( /cms/videa/images/videa/bg-top-bottom-shadow.png) repeat-x scroll left top;*/
  padding: 10px 5px 5px 15px;
}

div.top.videa ul.menu li.nove {
  background: transparent url(/cms/videa/images/videa/videa-nove.png) no-repeat
    scroll center -98px;
}

div.top.videa ul.menu li.nove:hover,
div.top ul.menu li.nove.active {
  background-position: center top;
}

div.top.videa ul.menu li.nej {
  background: transparent url(/cms/videa/images/videa/videa-nej.png) no-repeat
    scroll center -98px;
}

div.top.videa ul.menu li.nej:hover,
div.top ul.menu li.nej.active {
  background-position: center top;
}

div.top.videa ul.menu li.zajem {
  background: transparent url(/cms/videa/images/videa/top-zajem.png) no-repeat
    scroll center top;
}

div.top.videa ul.menu li.zajem:hover,
div.top ul.menu li.zajem.active {
  background: transparent url(/cms/videa/images/videa/top-zajem-hover.png)
    no-repeat scroll center top;
}

div.top.videa ul.menu li.nazev {
  background: transparent url(/cms/videa/images/videa/top-nazev.png) no-repeat
    scroll center -98px;
}

div.top.videa ul.menu li.nazev:hover,
div.top ul.menu li.nazev.active {
  background-position: center top;
}

div.top.videa ul.menu li.datum {
  background: transparent url(/cms/videa/images/videa/top-datum.png) no-repeat
    scroll center top;
}

div.top.videa ul.menu li.datum:hover,
div.top ul.menu li.datum.active {
  background: transparent url(/cms/videa/images/videa/top-datum-hover.png)
    no-repeat scroll center top;
}

div.top.videa ul.menu li.playlisty {
  background: transparent url(/cms/videa/images/videa/top-playlisty.png)
    no-repeat scroll center top;
}

div.top.videa ul.menu li.playlisty:hover,
div.top ul.menu li.playlisty:active {
  background: transparent url(/cms/videa/images/videa/top-playlisty-hover.png)
    no-repeat scroll center top;
}

div.top.videa ul.menu li.oblibene {
  background: transparent url(/cms/videa/images/videa/top-oblibene.png)
    no-repeat scroll center top;
  margin-left: 630px; /*215*/
}

div.top.videa ul.menu li.oblibene:hover,
div.top ul.menu li.oblibene.active {
  background: transparent url(/cms/videa/images/videa/top-oblibene-hover.png)
    no-repeat scroll center top;
}

div.top div.top-bottom img.ukazatel {
  position: absolute;
  top: 8px;
}

/* --- Videa - content --- START */

div.content h2 {
  /*	color: #fff;*/
  /*	text-shadow: 1px 1px 2px #808080;*/
  clear: both;
  padding-top: 25px;
  margin: 0px;
  color: #f17322;
  /*line-height: 22px;*/
}

div.porad h2 {
  color: #fff;
  text-shadow: 1px 1px 2px #808080;
}

div.content.videa ul.buttons li a {
  color: #4b88cf;
}

div.content.videa ul.buttons li.nejnovejsi a {
  background: transparent url(/cms/videa/images/videa/ico-nejnovejsi.png)
    no-repeat scroll 22px center;
}

div.content ul.buttons li.nejnovejsi:hover a,
div.content ul.buttons li.nejnovejsi:active a {
  background: transparent url(/cms/videa/images/videa/ico-nejnovejsi-hover.png)
    no-repeat scroll 20px center;
}

div.content.videa ul.buttons li.nejnovejsi + li a {
  background: transparent url(/cms/videa/images/videa/ico-nejsledovanejsi.png)
    no-repeat scroll 11px 9px;
}

div.content.videa ul.buttons li.nejnovejsi + li:hover a,
div.content.videa ul.buttons li.nejnovejsi + li:active a {
  background: transparent url(/cms/videa/images/videa/ico-nejhranejsi-hover.png)
    no-repeat scroll 11px 9px;
}

div.content.videa ul.buttons li.ostatni a {
  background: transparent url(/cms/videa/images/videa/ico-ostatni.png) no-repeat
    scroll 12px 8px;
}

div.content.videa ul.buttons li.ostatni:hover a,
div.content.videa ul.buttons li.ostatni:active a {
  background: transparent url(/cms/videa/images/videa/ico-ostatni-hover.png)
    no-repeat scroll 12px 8px;
}

div.content.videa ul.buttons li:hover,
div.content.videa ul.buttons li:active {
  background: transparent url(/cms/videa/images/videa/bg-button-w142-hover.png)
    no-repeat scroll right top;
}

div.content.videa ul.buttons li.ostatni:hover,
div.content.videa ul.buttons li.ostatni:active {
  background: transparent url(/cms/videa/images/videa/bg-button-w202-hover.png)
    no-repeat scroll right top;
}

div.content.videa ul.buttons li:hover a,
div.content.videa ul.buttons li:active a {
  color: #fff;
}

div.content span.tag {
  display: inline;
  color: #94b4dd;
}

div.content div.bigger {
  clear: both;
  overflow: hidden;
}

/*div.content div.bigger div.item, */
div.video-frame-w290 {
  width: 280px;
  height: 162px;
}

/*div.content div.bigger div.item a, */
div.video-frame-w290 a {
  width: 210px;
  height: 35px;
  padding: 125px 36px 8px 44px;
  /*	padding-left: 44px;
            padding-bottom: 8px;*/
}

div.video-frame-w290 a > div {
  /*    padding-right: 35px;*/
  /*    display: table-cell;*/
  height: 34px;
  overflow: hidden;
  padding-right: 0px;
  align-items: center;
  display: flex;
  /*    vertical-align: middle;*/
}

div.video-frame-w290 {
  position: relative;
  padding: 5px 5px 3px;
  overflow: hidden;
}

div.video-frame-w290 a {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

/*div.content.videa div.bigger div.item a, */
div.video-frame-w290 a {
  background: transparent
    url(/cms/videa/images/videa/ramecek-videa-vypis-w290.png) no-repeat scroll
    right top;
}

div.video-frame-w290.special a {
  background-image: url(/cms/videa/images/videa/ramecek-vypis-special.png);
}

div.video-frame-w290.withoutTitle a {
  background: transparent
    url(/cms/videa/images/videa/ramecek-zive-nasleduje.png) no-repeat scroll
    left top;
  padding-left: 14px;
  width: 276px;
}

div.video-frame-w290.withoutTitle a:hover {
  background-position: left top;
}

/*div.content.videa div.bigger div.item a:hover, */
div.video-frame-w290 a:hover {
  background-position: right bottom;
}

div.video-frame-w290 div.ico {
  background: url("/cms/hp/images/hp/ico-play.png") no-repeat scroll center
    center transparent;
}

/*div.content div.bigger div.item img, */
div.video-frame-w290 img {
  width: 280px;
  height: 158px;
}

div.content div.smaller div.item img {
  width: 222px;
  height: 124px;
}

div.content div.smaller {
  padding: 5px 0px 20px 0px;
  clear: both;
  overflow: hidden;
}

div.content div.smaller > div.item {
  width: 222px;
  height: 128px;
  cursor: pointer;
}

div.content div.smaller > div.item a {
  background: transparent url(/cms/common/images/common/frame-smaller.png)
    no-repeat scroll left top;
  width: 174px;
  height: 40px;
  padding-top: 95px;
  padding-left: 48px;
  padding-right: 10px;
  cursor: pointer;
  font-size: 70%;
}

div.content div.smaller > div.item a:hover {
  background-position: left bottom;
}

div.content div > div.item a div div {
  max-height: 32px;
}

/*div.content.videa div.item div.bottom {
        background: transparent url( /cms/videa/images/videa/bg-content-videa.png) no-repeat scroll left bottom;
        width: 281px;
        height: 36px;
}

div.content div.stream div.bottom {
        background: transparent url( /cms/videa/images/videa/bg-content-stream.png) no-repeat scroll left bottom;
}

div.content div.tema div.bottom {
        background: transparent url( /cms/videa/images/videa/bg-content-tema.png) no-repeat scroll left bottom;
}

div.content div.now div.bottom {
        background: transparent url( /cms/videa/images/videa/bg-content-now.png) no-repeat scroll left bottom;
}*/

div.content div.smaller div.item div.bottom {
  width: 225px;
}

div.content.videa a.dalsi {
  background: transparent url(/cms/videa/images/videa/videa-bg-button-dalsi.png)
    no-repeat scroll right top;
  margin-top: 20px;
}

div.content.videa a.dalsi:hover {
  background-position: right bottom;
}

/* --- Videa - content --- END */

/* Videa --- Podle tematu --- START */

div.top.videa div.top-bottom div.zajem {
  height: 155px;
}

div.top.videa div.top-bottom div.zajem img.ukazatel {
  left: 424px;
}

div.top div.top-bottom ul.tema {
  position: relative;
  margin-top: 35px;
}

div.top div.top-bottom ul.tema li,
div.top div.top-bottom div.vysledky ul li {
  width: 235px;
  height: 30px;
  position: absolute;
}

div.top div.top-bottom div.vysledky ul li {
  overflow: hidden;
}

div.top div.top-bottom div.vysledky ul li a {
  overflow: hidden;
  line-height: 20px;
}

div.top div.top-bottom ul.tema li a {
  padding-left: 35px;
  line-height: 30px;
  font-size: 85%;
}

div.top.videa div.vysledky ul li a {
  color: #4b88cf;
}

div.top.videa div.vysledky-container {
  width: 100%;
  height: 160px;
  padding-top: 15px;
}

div.top.videa div.vysledky-container div.vysledky.column {
  width: 235px;
  height: 30px;
  float: left;
}

div.top.videa
  div.top-bottom
  div.vysledky-container
  div.vysledky.column
  ul
  li.r0 {
  top: 0px;
}

div.top.videa
  div.top-bottom
  div.vysledky-container
  div.vysledky.column
  ul
  li.r1 {
  top: 25px;
}

div.top.videa
  div.top-bottom
  div.vysledky-container
  div.vysledky.column
  ul
  li.r2 {
  top: 50px;
}

div.top.videa
  div.top-bottom
  div.vysledky-container
  div.vysledky.column
  ul
  li.r3 {
  top: 75px;
}

div.top.videa
  div.top-bottom
  div.vysledky-container
  div.vysledky.column
  ul
  li.r4 {
  top: 100px;
}

div.top div.top-bottom ul li.c1 {
  left: 0px;
}

div.top div.top-bottom ul li.c2 {
  left: 235px;
}

div.top div.top-bottom ul li.c3 {
  left: 470px;
}

div.top div.top-bottom ul li.c4 {
  left: 705px;
}

div.top div.top-bottom ul li.c5 {
  left: 940px;
}

div.top div.top-bottom ul li.r1 {
  top: 0px;
}

div.top div.top-bottom ul li.r2 {
  top: 33px;
}

div.top div.top-bottom ul li.r3 {
  top: 66px;
}

div.top div.top-bottom ul li.r4 {
  top: 99px;
}

div.top div.top-bottom ul.tema li.c1.r1 a {
  background: transparent url(/cms/videa/images/videa/ico-zvirata-priroda.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c1.r2 a {
  background: transparent url(/cms/videa/images/videa/ico-veda-technika.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c1.r3 a {
  background: transparent url(/cms/videa/images/videa/ico-sport.png) no-repeat
    scroll 3px 5px;
}

div.top div.top-bottom ul.tema li.c1.r4 a {
  background: transparent url(/cms/videa/images/videa/ico-magaziny.png)
    no-repeat scroll 3px 4px;
}

div.top div.top-bottom ul.tema li.c1.r4:hover a,
div.top div.top-bottom ul.tema li.c1.r4:active a {
  background: transparent url(/cms/common/images/common/ico-magaziny-hover.png)
    no-repeat scroll 3px 4px;
}

div.top div.top-bottom ul.tema li.c2.r1 a {
  background: transparent url(/cms/videa/images/videa/ico-umeni.png) no-repeat
    scroll 3px center;
}

div.top div.top-bottom ul.tema li.c2.r2 a {
  background: transparent url(/cms/videa/images/videa/ico-lide-spolecnost.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c2.r3 a {
  background: transparent url(/cms/videa/images/videa/ico-zabava.png) no-repeat
    scroll 3px center;
}

div.top div.top-bottom ul.tema li.c2.r4 a {
  background: transparent url(/cms/videa/images/videa/ico-poznavani.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c2.r4:hover a,
div.top div.top-bottom ul.tema li.c2.r4:active a {
  background: transparent url(/cms/common/images/common/ico-poznavani-hover.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c3.r1 a {
  background: transparent
    url(/cms/videa/images/videa/ico-zahady-dobrodruzstvi.png) no-repeat scroll
    3px center;
}

div.top div.top-bottom ul.tema li.c3.r2 a {
  background: transparent url(/cms/videa/images/videa/ico-jidlo-vareni.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c3.r3 a {
  background: transparent url(/cms/videa/images/videa/ico-pohadky.png) no-repeat
    scroll 3px center;
}

div.top div.top-bottom ul.tema li.c3.r4 a {
  background: transparent url(/cms/videa/images/videa/ico-serialy.png) no-repeat
    scroll 3px center;
}

div.top div.top-bottom ul.tema li.c3.r4:hover a,
div.top div.top-bottom ul.tema li.c3.r4:active a {
  background: transparent url(/cms/common/images/common/ico-serialy-hover.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c4.r1 a {
  background: transparent url(/cms/videa/images/videa/ico-zemepis-cestovani.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c4.r2 a {
  background: transparent url(/cms/videa/images/videa/ico-historie.png)
    no-repeat scroll 4px 3px;
}

div.top div.top-bottom ul.tema li.c4.r3 a {
  background: transparent
    url(/cms/videa/images/videa/ico-lidske-telo-zdravi.png) no-repeat scroll 3px
    center;
}

div.top div.top-bottom ul.tema li.c4.r4 a {
  background: transparent url(/cms/videa/images/videa/ico-zpravy.png) no-repeat
    scroll 3px 5px;
}

div.top div.top-bottom ul.tema li.c4.r4:hover a,
div.top div.top-bottom ul.tema li.c4.r4:active a {
  background: transparent url(/cms/common/images/common/ico-zpravy-hover.png)
    no-repeat scroll 3px 5px;
}

div.top div.top-bottom ul.tema li.c5.r1 a {
  background: transparent url(/cms/videa/images/videa/ico-pro-nejmensi.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c5.r2 a {
  background: transparent url(/cms/videa/images/videa/ico-animovane.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c5.r2:hover a,
div.top div.top-bottom ul.tema li.c5.r2:active a {
  background: transparent url(/cms/common/images/common/ico-animovane-hover.png)
    no-repeat scroll 3px center;
}

div.top div.top-bottom ul.tema li.c5.r3 a {
  background: transparent url(/cms/videa/images/videa/ico-filmy.png) no-repeat
    scroll 3px center;
}

div.top div.top-bottom ul.tema li.c5.r3:hover a,
div.top div.top-bottom ul.tema li.c5.r3:active a {
  background: transparent url(/cms/common/images/common/ico-filmy-hover.png)
    no-repeat scroll 3px center;
}

div.top.videa div.top-bottom ul.tema li a {
  color: #4d87d0;
}

div.top.videa div.top-bottom div.vysledky ul li:hover {
  background: transparent url(/cms/videa/images/videa/bg-button-w235-hover.png)
    no-repeat scroll left center;
}

div.top div.top-bottom ul.tema li:hover a {
  color: #fff;
}

/* Videa --- Podle tematu --- END */

/* Videa --- Detail videa --- START */

div.content div.detail {
  background: transparent url(/cms/videa/images/videa/bg-detail_2.png) no-repeat
    scroll left top;
  padding: 25px;
  height: 496px;
  width: 1150px;
  position: relative;
  overflow: hidden;
  /*clear: both;*/
}

body.zima div.content div.detail {
  background: transparent url(/cms/videa/images/videa/bg-detail_zima.png)
    no-repeat scroll left top;
}

div.content div.detail h2 {
  color: #4b88cf;
  text-shadow: 1px 2px 3px #fff;
  max-width: 920px;
  height: 60px;
  margin: 12px 0px 0px 0px;
  line-height: 29px;
}

div.content.videa div.detail h2 {
  padding: 0px;
  max-width: 410px;
}

div.top.porady.det div.detail h2 {
  max-width: 1200px;
}

div.content div.detail span.datum {
  float: left;
  font-size: 75%;
  color: #666666;
  text-shadow: 1px 2px 3px #fff;
  display: none;
}

div.content a.stranka-poradu {
  background: transparent url(/cms/videa/images/videa/btn-stranka-poradu.png)
    no-repeat scroll left top;
  color: #fff;
  font-size: 75%;
  /*	position: absolute;*/
  /*	top: 35px;*/
  width: 102px;
  line-height: 28px;
  display: block;
  padding-left: 36px;
  font-size: 11px;
  height: 28px;
}

div.content a.objevuj-vice {
  background: transparent url(/cms/videa/images/videa/btn-special.png) no-repeat
    scroll left top;
  color: #fff;
  font-size: 75%;
  width: 102px;
  line-height: 28px;
  display: none;
  padding-left: 36px;
  font-size: 11px;
  height: 28px;
}

div.content a.stranka-poradu:hover,
div.content a.objevuj-vice:hover {
  background-position: left bottom;
}

div.content.videa div.detail a.stranka-poradu {
  left: 465px;
}

div.content div.detail div.video.page + a.stranka-poradu {
  right: 20px;
}

div.content div.detail div.video {
  left: 35px;
}

div.content div.detail div.video img,
div.video-frame-w550 img {
  width: 528px;
  height: 297px;
  padding: 11px;
}

div.video-detail div.video div.video-title,
div.video-frame-w550 div.video-title {
  /*	padding: 309px 40px 0px 46px;*/
  position: absolute;
  left: 50px;
  bottom: 12px;
}

div.video-detail div.video div.video-title > div,
div.video-frame-w550 div.video-title > div {
  /*position: absolute;*/
  /*left: 50px;*/
  /*bottom: 23px;*/
  /*bottom: 11px;*/
  vertical-align: middle;
  display: table-cell;
  overflow: hidden;
  height: 42px;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  max-width: 440px;
}

div.content div.detail div.video div.video-container,
div.video-frame-w550 div.video-container {
  position: absolute;
  /*	top: 7px;
            left: 7px;*/
  padding: 0px;
  /*width: 560px;
    height: 360px;
    padding: 10px;
    background: transparent url( /cms/videa/images/videa/videa-ramecek-player.png) no-repeat scroll right top;*/
}

div.content div.detail div.video div.video-container iframe,
div.video-frame-w550 div.video-container iframe {
  width: 560px;
  height: 315px;
  overflow: hidden;
  background: #ffffff;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

div.content.videa div.detail div.video a {
  width: 581px;
  height: 381px;
  position: absolute;
  top: 0px;
  left: 0px;
}

div.content.videa div.detail div.video > span {
  color: #fff;
  position: absolute;
  left: 50px;
  bottom: 24px;
  font-size: 96%;
}

div.content div.detail div.icons {
  position: absolute;
  top: 60px;
  left: 373px;
}

div.content div.detail div.icons ul {
  float: left;
}

div.content div.detail div.icons ul:first-child li {
  width: 32px;
  height: 32px;
  margin-right: 3px;
}

div.content div.detail div.icons ul:first-child li a {
  position: relative;
}

div.content div.detail div.icons span.body {
  padding-left: 24px;
  font-size: 80%;
  line-height: 48px;
  float: left;
}

div.content.videa div.detail div.icons span.body {
  background: transparent url(/cms/videa/images/videa/ico-smile-4-hover.png)
    no-repeat scroll 2px center;
  color: #4b88cf;
}

div.content div.detail ul.hodnoceni {
  position: absolute;
  top: 16px;
  left: 107px;
  width: 85px;
}

div.content div.detail ul.hodnoceni li,
div.top.porady ul.hodnoceni li {
  width: 16px;
  height: 16px;
}

div.content div.detail ul.hodnoceni li a,
div.top.porady ul.hodnoceni li a {
  display: block;
  width: 16px;
  height: 16px;
}

div.content div.detail ul.hodnoceni li.h0 {
  background-image: url(/cms/videa/images/videa/ico-smile-0.png);
}

div.content div.detail ul.hodnoceni li.h0:hover {
  background-image: url(/cms/videa/images/videa/ico-smile-0-hover.png);
}

div.content div.detail ul.hodnoceni li.h1 {
  background-image: url(/cms/videa/images/videa/ico-smile-1.png);
}

div.content div.detail ul.hodnoceni li.h1:hover {
  background-image: url(/cms/videa/images/videa/ico-smile-1-hover.png);
}

div.content div.detail ul.hodnoceni li.h2 {
  background-image: url(/cms/videa/images/videa/ico-smile-2.png);
}

div.content div.detail ul.hodnoceni li.h2:hover {
  background-image: url(/cms/videa/images/videa/ico-smile-2-hover.png);
}

div.content div.detail ul.hodnoceni li.h3 {
  background-image: url(/cms/videa/images/videa/ico-smile-3.png);
}

div.content div.detail ul.hodnoceni li.h3:hover {
  background-image: url(/cms/videa/images/videa/ico-smile-3-hover.png);
}

div.content div.detail ul.hodnoceni li.h4 {
  background-image: url(/cms/videa/images/videa/ico-smile-4.png);
}

div.content div.detail ul.hodnoceni li.h4:hover {
  background-image: url(/cms/videa/images/videa/ico-smile-4-hover.png);
}

div.content div.detail div.buttons {
  position: absolute;
  top: 55px;
  right: 20px;
  width: 540px;
}

div.content div.detail div.buttons ul {
  padding-left: 0px;
}

div.content div.detail div.buttons ul li {
  background: transparent url(/cms/videa/images/videa/bg-button-blue-w80.png)
    no-repeat scroll left center;
  width: 80px;
  height: 28px;
  margin-right: 10px;
  text-align: center;
  line-height: 27px;
}

div.content div.detail div.buttons ul li:hover {
  background: transparent url(/cms/videa/images/videa/bg-button-hover-w80.png)
    no-repeat scroll left center;
}

div.content div.detail div.buttons ul li:hover a {
  color: #4b88cf;
  text-decoration: none;
}

div.content div.detail div.buttons a {
  position: relative;
  color: #fff;
}

div.content div.detail div.dily {
  width: 550px;
  /*height: 350px;*/
  position: absolute;
  top: 110px;
  right: 35px;
  overflow: hidden;
  /*overflow-x: auto;
    overflow-y: hidden;*/
  /*
    overflow: scroll;
    overflow-x: auto;
    overflow: -moz-scrollbars-horizontal;
    width: 300px;
    height: 190px;*/
}

div.content div.video-detail div.ico {
  display: none;
}

.dily .jspVerticalBar {
  display: none;
}

.jspHorizontalBar {
  height: 24px;
  background: none;
}

div.dily .jspHorizontalBar {
  bottom: 2px;
}

.jspCap {
  display: block;
}

.jspHorizontalBar .jspCap {
  width: 25px;
  height: 100%;
}

.jspTrack {
  height: 24px;
  background: url(/cms/common/images/common/scroll-line.png) center center
    no-repeat;
}
.longScroll .jspTrack {
  background: url(/cms/common/images/common/scroll-line-800.png) center center
    no-repeat;
}

.moreLongScroll .jspTrack {
  background: url(/cms/common/images/common/scroll-line-1000.png) center center
    no-repeat;
}

.shorterScroll .jspTrack {
  background: url(/cms/common/images/common/scroll-line-short.png) center center
    no-repeat;
}

.shortScroll .jspTrack {
  background: url(/cms/common/images/common/scroll-line-w350.png) center center
    no-repeat;
}

.middleScroll .jspTrack {
  background: url(/cms/common/images/common/scroll-line-w670.png) center center
    no-repeat;
}

.results .jspTrack {
  height: 7px;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}

.results .jspDrag {
  top: -8px;
  min-width: 100px;
}

.results .jspHorizontalBar .jspCap {
  width: 40px;
  height: 100%;
}

.jspDrag {
  background: url(/cms/common/images/common/scroll.png) no-repeat center center;
  height: 24px;
  min-width: 104px;
}

div.content div.detail div.dily div.inner {
  height: 364px;
  overflow: hidden;
}

div.content .top.porady.det.row1 div.detail div.dily div.inner {
  height: 140px;
}

div.content .top.porady.det.row2 div.detail div.dily div.inner {
  height: 240px;
}

div.content.layout_2-0
  div.top.porady.det.row1
  div.video-detail
  div.dily.jspScrollable {
  top: 240px;
}

div.content.layout_2-0 div.top.porady.det.row1 div.video-detail div.dily {
  top: 287px;
}

div.content.layout_2-0
  div.top.porady.det.row2
  div.video-detail
  div.dily.jspScrollable {
  top: 140px;
}

div.content.layout_2-0 div.top.porady.det.row2 div.video-detail div.dily {
  top: 187px;
}

/*div.content div.detail div.dily div.inner.inner-two-rows {
        height: 250px;
}*/

div.content div.detail div.dily div.inner div.column {
  height: 354px;
  float: left;
  width: 170px;
}

div.content .top.porady.det.row1 div.detail div.dily div.inner div.column {
  height: 93px;
}

div.content .top.porady.det.row2 div.detail div.dily div.inner div.column {
  height: 191px;
}

div.content div.detail div.inner-two-rows div.inner div.column {
  height: 262px;
}

div.content div.detail div.dily div.inner div a.icko,
div.top.porady.det div.video-detail div.dily div.inner div.column div a.icko {
  background: transparent url(/cms/videa/images/videa/icko-dily.png) no-repeat
    scroll left top;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 77px;
  right: 7px;
  padding: 0px;
  left: auto;
}

div.top.porady.det div.video-detail div.dily div.inner div.column div a.icko {
  top: 69px;
}

div.content div.detail div.dily div.inner div a:hover {
  background-position: left bottom;
}

div.content div.detail a.close {
  background: transparent url(/cms/videa/images/videa/ico-close.png) no-repeat
    scroll left top;
  width: 16px;
  height: 12px;
  position: absolute;
  top: 28px;
  right: 12px;
  left: auto;
}
/* Videa --- Detail videa --- END */

/* Videa --- Podle nazvu --- START */

div.top.videa div.top-bottom div.nazev {
  height: 50px;
}

div.top.videa div.top-bottom div.nazev.expanded {
  height: 210px;
}

div.top div.top-bottom div.nazev img.ukazatel {
  left: 540px;
}

div.top.videa div.top-bottom div.nazev ul.abeceda li a {
  color: #4b88cf;
}

div.top.videa div.top-bottom ul.abeceda li.wide:hover,
div.top.videa div.top-bottom ul.abeceda li.wide.active,
div.content div.detail a.close:hover {
  background-position: left bottom;
}

div.top.videa div.top-bottom ul.abeceda li:hover,
div.top.videa div.top-bottom ul.abeceda li.active {
  background-position: left bottom;
}

div.top div.top-bottom div.nazev ul.abeceda li:hover a,
div.top div.top-bottom div.nazev ul.abeceda li.active a {
  color: #fff;
}

/* Videa --- Podle nazvu --- END */

/* Videa --- Podle data --- START */

div.top div.top-bottom div.datum {
  height: 80px;
}

div.top div.top-bottom div.datum img.ukazatel {
  left: 657px;
}

/*	div.top div.top-bottom div.buttons ul + ul li:first-child {
                margin-left: 135px;
        }

        div.top div.top-bottom div.buttons ul + ul li.kalendar {
                margin-left: 120px;
        }*/

div.top div.top-bottom div.buttons ul li {
  background: transparent url(/cms/common/images/common/bg-button-w142.png)
    no-repeat scroll center center;
  width: 142px;
  /*height: 38px;*/
  text-align: center;
  margin-right: 10px;
}

div.top div.top-bottom div.buttons li a {
  color: #4b88cf;
  font-size: 90%;
  line-height: 38px;
}

/*	div.top div.top-bottom div.buttons ul + ul li {
                background: transparent url( /cms/videa/images/videa/bg-button-w90.png) no-repeat scroll center center;
                width: 90px;
        }

        div.top div.top-bottom div.buttons ul + ul li.w120 {
                background: transparent url( /cms/videa/images/videa/bg-button-w120.png) no-repeat scroll center center;
                width: 120px;
        }*/

div.top div.top-bottom div.buttons ul li:hover {
  background: transparent url(/cms/videa/images/videa/bg-button-w142-hover.png)
    no-repeat scroll center center;
}

div.top.videa div.top-bottom div.datum div.buttons ul {
  margin-top: 35px;
}

div.top.videa div.top-bottom div.datum div.buttons ul li:hover a {
  color: #fff;
}

/*	div.top div.top-bottom div.buttons ul + ul li:hover  {
                background: transparent url( /cms/videa/images/videa/bg-button-hover-w90.png) no-repeat scroll center center;
        }

        div.top div.top-bottom div.buttons ul + ul li.w120:hover  {
                background: transparent url( /cms/videa/images/videa/bg-button-hover-w120.png) no-repeat scroll center center;
        }*/

div.top div.top-bottom div.buttons ul li:hover a {
  color: #1f6fcc;
}

div.top div.top-bottom div.buttons li.kalendar a {
  background: transparent url(/cms/videa/images/videa/ico-kalendar.png)
    no-repeat scroll 15px center;
  padding-left: 30px;
}

div.top div.top-bottom div.buttons li.kalendar:hover a {
  background: transparent url(/cms/videa/images/videa/ico-kalendar-hover.png)
    no-repeat scroll 15px center;
}

/* Videa --- Podle data --- END */

/* Videa --- Oblibene --- START */

div.content.videa.oblibene div.smaller > div {
  overflow: visible;
}

div.content div.smaller div.item a.remove,
div.content div.bigger div.item a.remove {
  background: transparent url(/cms/videa/images/videa/oblibene-odebrat.png)
    no-repeat scroll left top;
  width: 27px;
  height: 27px;
  position: absolute;
  top: -6px;
  left: 211px;
  display: block;
  padding: 0px;
}

div.content.videa div.smaller a.remove:hover,
div.content div.bigger div.item a.remove:hover {
  background: transparent
    url(/cms/videa/images/videa/oblibene-odebrat-hover.png) no-repeat scroll
    left top;
}

/*	div.content.videa.oblibene h2 {
                padding: 24px 0px 20px 0px;
                font-size: 120%;
        }*/

/*	div.content.videa div.smaller.stream div.bottom {
                background: transparent url( /cms/videa/images/videa/bg-content-stream.png) no-repeat scroll left bottom;
        }*/

/* Videa --- Oblibene --- END */

/* Videa --- END --- */

div.detail.video-detail a.dily-prev,
div.detail.video-detail a.dily-next {
  background: transparent url(/cms/videa/images/videa/sipka-doleva-scroll.png)
    no-repeat scroll left top;
  width: 13px;
  height: 28px;
  position: absolute;
  bottom: 0px;
  right: 550px;
  top: auto;
  left: 0px;
}

div.detail.video-detail a.dily-next {
  background: transparent url(/cms/videa/images/videa/sipka-doprava-scroll.png)
    no-repeat scroll left top;
  right: 10px;
  left: auto;
}

div.detail.video-detail a.dily-prev:hover,
div.detail.video-detail a.dily-next:hover,
/*div.content.videa div.bigger div.item a.icko:hover*/
div.video-frame-w290 a.icko:hover {
  background-position: left bottom;
}

div.top.porady.det
  div.video-detail
  div.dily
  div.inner
  div.column
  div.nacitamVidea,
.layout_2-0
  div.top.porady.det
  div.video-detail
  div.dily
  div.inner
  div.column
  div.nacitamVidea,
.layout_2-0 div.dily div.inner div.column > div.nacitamVidea {
  color: #4b88cf;
  padding: 100px 30px 0px 30px;
  text-align: center;
}

div.top.porady.det
  div.video-detail
  div.dily
  div.inner
  div.column
  div.nacitamVidea
  img,
.layout_2-0
  div.top.porady.det
  div.video-detail
  div.dily
  div.inner
  div.column
  div.nacitamVidea
  img,
.layout_2-0 div.dily div.inner div.column > div.nacitamVidea img {
  width: 34px !important;
  height: 34px !important;
}

div.top.porady.det
  div.video-detail
  div.dily
  div.inner
  div.column
  div.nacitamVidea
  i,
.layout_2-0
  div.top.porady.det
  div.video-detail
  div.dily
  div.inner
  div.column
  div.nacitamVidea
  i,
.layout_2-0 div.dily div.inner div.column > div.nacitamVidea i {
  float: left;
  font-size: 14px;
  line-height: 28px;
}

div.content.layout_2-0 div.detail h2 {
  float: left;
  font-size: 2.5rem;
}

div.content.layout_2-0 div.detail {
  padding: 25px 40px;
  position: relative;
  width: 1120px;
}

div.content.layout_2-0 div.detail div.video {
  background: none;
  width: 550px;
  height: 364px;
  left: 40px;
  position: relative;
  top: 0px;
  left: 0px;
  clear: left;
  float: left;
}

div.content.layout_2-0 a.stranka-poradu {
  float: right;
  position: relative;
  top: 30px;
}

div.content.layout_2-0.list div.detail div.video.page + a.stranka-poradu {
  float: none;
  position: absolute;
  left: auto;
  right: 60px;
  top: 40px;
}

div.content.layout_2-0.list div.detail div.dily {
  top: 97px;
}

.layout_2-0.list div.video-detail div.shadow {
  right: 30px;
  top: 80px;
}

div.video-frame-w290 a.icko {
  background: transparent url(/cms/common/images/common/icko-vypis-videi.png)
    no-repeat scroll left top;
  bottom: 14px;
  height: 21px;
  left: auto;
  padding: 0;
  right: 12px;
  top: auto;
  width: 22px;
}

/* audio controll */

div.broadcast-header a.audio-controll {
  background: transparent url(/cms/videa/images/videa/zvuk-vypnuty.png)
    no-repeat scroll left top;
  width: 64px;
  height: 62px;
  display: none;
  position: absolute;
  right: -14px;
  bottom: 76px;
}

div.broadcast-header a.audio-controll.on {
  background: transparent url(/cms/videa/images/videa/zvuk-zapnuty.png)
    no-repeat scroll left top;
}

div.broadcast-header a.audio-controll:hover,
div.broadcast-header a.audio-controll.on:hover {
  background-position: left bottom;
}

/* audio controll --- end*/

div.broadcast-header div#deafIco {
  background: transparent url(/cms/videa/images/icons/deafIco.png) no-repeat
    scroll left top;
  width: 64px;
  height: 62px;
  display: block;
  position: absolute;
  right: -14px;
  bottom: 76px;
}

/* video frame w155 */

/*div.dily div.inner div.column > div, */
div.video-frame-w155 {
  position: relative;
  margin: 0px 0px 7px 0px;
  padding: 4px;
  overflow: hidden;
  width: 147px;
  height: 84px;
}

/*div.content div.detail div.dily div.inner div a, */
div.video-frame-w155 a {
  font-size: 11px;
  height: 23px;
  padding-left: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  cursor: pointer;
  background: transparent
    url(/cms/porady/images/layout_2-0/video-ramecek-dily.png) no-repeat scroll
    left top;
  padding-top: 69px;
  text-align: left;
  width: 145px;
}

div.video-frame-w155.withoutTitle a {
  background: transparent
    url(/cms/videa/images/videa/video-ramecek-dily-bez-popisku.png) no-repeat
    scroll left top;
}

div.video-frame-w155.withoutPlay a {
  background: transparent
    url(/cms/videa/images/frames/video-ramecek-dily-bez-play.png) no-repeat
    scroll left top;
}

/*div.top.porady.det div.video-detail div.dily div.inner div.column div a:hover, */
div.video-frame-w155 a:hover {
  background-position: left bottom;
}

/*div.video-detail div.dily div.inner div.column a div, */
div.video-frame-w155 a div {
  height: 15px;
  line-height: 15px;
  max-width: 138px;
  overflow: hidden;
  text-align: left;
  color: #fff;
  font-size: 11px;
}

/*div.top.porady.det div.video-detail div.dily div.inner div.column div img, */
div.video-frame-w155 img {
  width: 147px;
  height: 84px;
}

/* video frame w264 */

div.video-frame-w264 {
  position: relative;
  padding: 4px;
  overflow: hidden;
  width: 256px;
  height: 144px;
}

div.video-frame-w264 a {
  cursor: pointer;
  background: transparent
    url(/cms/videa/images/videa/ramecek-zive-nasleduje.png) no-repeat scroll
    left top;
  padding-top: 0px;
  text-align: left;
  width: 256px;
  font-size: 11px;
  height: 144px;
  padding-left: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
}

div.video-frame-w264 img {
  width: 256px;
}

div.video-frame-w264 a:hover {
  background: transparent
    url(/cms/videa/images/videa/ramecek-zive-nasleduje-hover.png) no-repeat
    scroll left top;
}

/* video frame w590 */

div.video-frame-w590 {
  /*    padding: 7px 8px 0px;*/
  padding: 6px 7px 4px;
  position: relative;
  width: 576px;
  height: 331px;
}

div.video-frame-w590 a {
  background: url("/cms/videa/images/frames/video-ramecek-w550.png") no-repeat
    scroll left top transparent;
  color: #ffffff;
  font-size: 12px;
  height: 0;
  left: 0;
  line-height: 16px;
  padding: 303px 75px 35px 58px;
  position: absolute;
  top: 0;
  width: 458px;
}

div.video-frame-w590 img {
  width: 576px;
  height: 324px;
}

div.video-frame-w590 div.video-title {
  position: absolute;
  bottom: 22px;
  left: 50px;
  color: #fff;
  font-size: 14px;
}

/* video-frame-w550 */

div.video-frame-w550 {
  height: 364px;
  width: 550px;
  position: relative;
  padding: 0px;
  overflow: hidden;
  /*padding-left: 10px;*/
}

div.video-frame-w550 div.video-container a,
div.video-frame-w550 a {
  height: 364px;
  width: 550px;
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
}

div.video-frame-w550 div.video-container,
div.video-frame-w550 a {
  background: transparent url(/cms/porady/images/layout_2-0/video-ramecek.png)
    no-repeat scroll top left;
  height: 364px;
  width: 550px;
}

div.video-frame-w550.withoutTitle a {
  background: transparent
    url(/cms/videa/images/videa/ramecel-video-velky-bez-popisku.png) no-repeat
    scroll top left;
  height: 319px;
}

div.video-frame-w550.withoutPlay a {
  background: transparent
    url(/cms/videa/images/frames/video-ramecek-bez-play.png) no-repeat scroll
    top left;
}

div.video-frame-w550.withoutPlay.withoutTitle {
  height: 319px;
}

div.video-frame-w550.withoutPlay.withoutTitle a {
  background: transparent
    url(/cms/videa/images/frames/ramecek-video-velky-bez-popisku-bez-ikony.png)
    no-repeat scroll top left;
}

div.video-frame-w550.withoutPlay div.ico,
div.video-frame-w550.withoutPlay div.player {
  display: none;
}

div.video-frame-w550 a:hover,
div.video-frame-w550.withoutPlay a:hover {
  background-position: bottom left;
}

div.video-frame-w550 div.video-container iframe,
div.video-frame-w550 iframe {
  height: 297px;
  overflow: hidden;
  width: 528px;
  position: absolute;
  top: 11px;
  left: 11px;
  border: none;
}

div.video-frame-w550 div.video-title,
div.video-frame-w550 a div {
  position: absolute;
  top: 310px;
  left: 52px;
  max-width: 434px;
  color: #fff;
  padding: 0px;
  font-size: 14px;
  line-height: 36px;
  max-height: 40px;
  overflow: hidden;
}

/* subpage videos */

.subpage.videos .filter-buttons a {
  background-color: #fff;
  border: #4b88cf 2px solid;
  border-radius: 5px;
  color: #4b88cf;
  display: block;
  font-size: 14px;
  float: left;
  height: 40px;
  margin-right: 10px;
  line-height: 40px;
  width: auto;
  padding: 0px 20px;
  text-align: center;
}

.subpage.videos .filter-buttons a.mostRecent span {
  background: transparent url(/cms/videa/images/icons/ico-new.png) no-repeat
    scroll left top;
  padding-left: 30px;
}

.subpage.videos .filter-buttons a.mostViewed span {
  background: transparent url(/cms/videa/images/icons/ico-mostViewed.png)
    no-repeat scroll left top;
  padding-left: 30px;
}

.subpage.videos .filter-buttons a.byName span {
  background: transparent url(/cms/videa/images/icons/ico-byName.png) no-repeat
    scroll left top;
  padding-left: 36px;
}

.subpage.videos .filter-buttons a.xmasTv span {
  background: transparent url(/cms/videa/images/icons/ico-adventni-tv.png)
    no-repeat scroll left top;
  padding-left: 36px;
}

.subpage.videos .filter-buttons a:hover,
.subpage.videos .filter-buttons a.active,
.subpage.videos .filter-buttons a.mostRecent:hover,
.subpage.videos .filter-buttons a.mostRecent.active,
.subpage.videos .filter-buttons a.mostViewed:hover,
.subpage.videos .filter-buttons a.mostViewed.active,
.subpage.videos .filter-buttons a.byName:hover,
.subpage.videos .filter-buttons a.byName.active {
  background: -webkit-linear-gradient(
    0deg,
    rgba(75, 136, 207, 1),
    rgba(105, 166, 236, 1)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    0deg,
    rgba(75, 136, 207, 1),
    rgba(105, 166, 236, 1)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    0deg,
    rgba(75, 136, 207, 1),
    rgba(105, 166, 236, 1)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    0deg,
    rgba(75, 136, 207, 1),
    rgba(105, 166, 236, 1)
  ); /* Standard syntax */
  color: #fff;
}

.subpage.videos .videosByName ul.alphabet {
  padding-left: 34px;
  overflow: hidden;
}

.subpage.videos .videosByName ul.alphabet li a {
  width: 28px;
  height: 38px;
  background-color: #6ca8ef;
  border: #3973b5 1px solid;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  margin-right: 4px;
}

.subpage.videos .videosByName ul.alphabet li a:hover,
.subpage.videos .videosByName ul.alphabet li.active a {
  background-color: #fff;
  border: #2f5f97 1px solid;
  color: #4b88cf;
}

.subpage.videos .videosByName {
  clear: both;
  background-color: #4c89d0;
  padding: 16px 0px 14px;
  width: 1200px;
  border-radius: 10px;
  margin-top: -4px;
  margin-bottom: 20px;
  float: left;
}

.subpage.videos .videosByName .jspDrag {
  background: transparent url(/cms/videa/images/jspDrag.png) no-repeat center
    center;
  height: 24px;
  width: 100px;
}

.subpage.videos li.letter {
  color: #bddcff;
  font-size: 16px;
  font-weight: bold;
  line-height: 42px;
  padding-left: 14px;
}

.subpage.videos div.column.pt {
  padding-top: 42px;
}

.subpage.videos li.programme a {
  color: #fff;
  font-size: 14px;
  /*height: 30px;*/
  line-height: 30px;
  padding: 1px 12px;
  width: 211px;
}

.subpage.videos li.programme:hover a {
  color: #4b88cf;
  background-color: #fff;
  border: #2f5f97 1px solid;
  border-radius: 10px;
  padding: 0px 11px;
  padding-bottom: 0px;
}

.subpage.videos div.results {
  width: 1180px;
  padding-left: 20px;
}

.subpage.videos div.results .container {
  height: 214px;
}

.subpage.videos div.results .column {
  /*width: 244px;*/
  float: left;
}

.subpage.videos div.results .column ul li {
  clear: left;
}

.subpage.videos .filter-buttons a.byName.active {
  height: 50px;
}

/* video frame v2.0 */

.video-frame-w290.v2 {
  width: 280px;
  height: 208px;
  float: left;
  margin: 20px 13px 0px 0px;
  position: relative;
  padding: 5px !important;
}

.video-frame-w290.v2 a:not(.icko) {
  border: #4b88cf 5px solid;
  border-radius: 10px;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: none;
  padding: 0px;
}

.video-frame-w290.v2 div {
  background: #235d99; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    left,
    #235d99,
    #6191c4
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    right,
    #235d99,
    #6191c4
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    right,
    #235d99,
    #6191c4
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #235d99, #6191c4); /* Standard syntax */
  display: flex;
  position: absolute;
  bottom: 5px;
  left: 5px;
  padding: 2px 36px 2px 0px;
  width: 244px;
  min-height: 46px;
}

.video-frame-w290.v2 div span {
  background: transparent url(/cms/videa/images/icons/ico-video.png) no-repeat
    scroll 12px center;
  color: #fff;
  font-size: 14px;
  text-shadow: 1px 1px 1px #777;
  margin: auto 0px;
  padding: 4px 0px 4px 46px;
  line-height: 18px;
}

.video-frame-w290.v2 img {
  width: 280px;
  height: 158px;
}

.video-frame-w290.v2 a:not(.icko):hover {
  background: rgba(255, 255, 255, 0.1);
}

div.video-frame-w290.v2 a.icko {
  bottom: 20px;
}

.subpage.videos div.content div.detail {
  background: none;
  background-color: #fff;
  border: #bcc4da 1px solid;
  border-radius: 10px;
  width: 1118px;
  height: 456px;
  margin-top: 20px;
  float: left;
  clear: both;
}