﻿#body {
  font-family: "Open Sans", tahoma, verdana, arial, sans-serif;
  background-color: transparent;
  width: 100%;
  min-width: 942px;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10; }
  #body a {
    border-bottom: 0;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    outline: none; }

#content {
  background-color: white;
  width: calc(100% - 98px);
  margin: 0 0 0 123px;
  position: relative;
  padding: 120px 0 20px 0;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  #content.dim {
    opacity: 0.1; }

.settings-globalni-upominky a, .settings-vizitkova-stranka a, .changelog-releaseinfo a, .changelog-wishlist a, .settings-globalni-upominky a:hover, .settings-vizitkova-stranka a:hover, .changelog-releaseinfo a:hover, .changelog-wishlist a:hover, .settings-globalni-upominky-selected a, .settings-vizitkova-stranka-selected a, .changelog-releaseinfo-selected a, .changelog-wishlist-selected a {
  background-size: 64px;
  background-repeat: no-repeat; }

.settings-globalni-upominky a {
  background-image: url("../Images/Master/NavigationSettings/menu-nastaveni-upominek.svg") !important;
  filter: grayscale(100%) brightness(0.9) brightness(5);
  -webkit-filter: grayscale(100%) brightness(0.9) brightness(2);
  -ms-filter: grayscale(100%) brightness(0.9) brightness(5);
  -moz-filter: grayscale(100%) brightness(0.9) brightness(5);
  -o-filter: grayscale(100%) brightness(0.9) brightness(5); }

.settings-vizitkova-stranka a {
  background-image: url("../Images/Master/NavigationSettings/menu-vizitkova-stranka.svg") !important;
  filter: grayscale(100%) brightness(0.9) brightness(5);
  -webkit-filter: grayscale(100%) brightness(0.9) brightness(2);
  -ms-filter: grayscale(100%) brightness(0.9) brightness(5);
  -moz-filter: grayscale(100%) brightness(0.9) brightness(5);
  -o-filter: grayscale(100%) brightness(0.9) brightness(5); }

.changelog-releaseinfo a {
  background-image: url("../Images/Master/ChangeLog/releaseinfo-tyrkys.svg") !important;
  filter: grayscale(100%) brightness(0.9) brightness(5);
  -webkit-filter: grayscale(100%) brightness(0.9) brightness(2);
  -ms-filter: grayscale(100%) brightness(0.9) brightness(5);
  -moz-filter: grayscale(100%) brightness(0.9) brightness(5);
  -o-filter: grayscale(100%) brightness(0.9) brightness(5); }

.changelog-wishlist a {
  background-image: url("../Images/Master/ChangeLog/wishlist.svg") !important;
  filter: grayscale(100%) brightness(0.9) brightness(5);
  -webkit-filter: grayscale(100%) brightness(0.9) brightness(2);
  -ms-filter: grayscale(100%) brightness(0.9) brightness(5);
  -moz-filter: grayscale(100%) brightness(0.9) brightness(5);
  -o-filter: grayscale(100%) brightness(0.9) brightness(5); }

.settings-globalni-upominky a:hover {
  background-image: url("../Images/Master/NavigationSettings/menu-nastaveni-upominek.svg") !important;
  -webkit-filter: none; }

.settings-vizitkova-stranka a:hover {
  background-image: url("../Images/Master/NavigationSettings/menu-vizitkova-stranka.svg") !important;
  -webkit-filter: none; }

.changelog-releaseinfo a:hover {
  background-image: url("../Images/Master/ChangeLog/releaseinfo-tyrkys.svg") !important;
  -webkit-filter: none; }

.changelog-wishlist a:hover {
  background-image: url("../Images/Master/ChangeLog/wishlist.svg") !important;
  -webkit-filter: none; }

.settings-globalni-upominky-selected a {
  -webkit-filter: none;
  background-image: url("../Images/Master/NavigationSettings/menu-nastaveni-upominek.svg") !important; }

.settings-vizitkova-stranka-selected a {
  -webkit-filter: none;
  background-image: url("../Images/Master/NavigationSettings/menu-vizitkova-stranka.svg") !important; }

.changelog-releaseinfo-selected a {
  -webkit-filter: none;
  background-image: url("../Images/Master/ChangeLog/releaseinfo-tyrkys.svg") !important; }

.changelog-wishlist-selected a {
  -webkit-filter: none;
  background-image: url("../Images/Master/ChangeLog/wishlist.svg") !important; }

#ToolsBox-tiles-container {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px; }

#ToolsBox-tiles-container > div {
  width: calc(20% - 10px);
  margin: 5px;
  padding-bottom: calc(20% - 10px);
  float: left;
  vertical-align: top;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

#ToolsBox-tiles-container > div:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

#ToolsBox-tiles-container > div .ToolsBoxAsMetroImg > img {
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

#ToolsBox-tiles-container > div:hover .ToolsBoxAsMetroImg > img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.ToolsBoxAsMetro {
  width: 100%;
  height: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e1e0; }

.ToolsBoxAsMetroStar {
  width: 12%;
  position: absolute;
  bottom: 5%;
  left: 5%; }

.ToolsBoxAsMetroImg {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.ToolsBoxAsMetroTextStar {
  text-align: center;
  color: #000;
  position: absolute;
  bottom: 0;
  left: 17%;
  width: 46%;
  height: 10px;
  font-size: 13px;
  margin: 25% 10%;
  vertical-align: top; }

#ToolsBox-sort {
  float: right;
  width: 150px;
  height: 20px;
  margin-right: 70px;
  text-align: right; }

#ToolsBox-sort > a {
  margin-left: 20px;
  text-decoration: underline;
  z-index: 100000000;
  position: relative; }

#ToolsBox-sort > span {
  margin-left: 20px;
  z-index: 100000000;
  position: relative;
  display: inline-block; }

#menuLeftin ul li.programy > div {
  background-color: white;
  position: absolute;
  top: 0;
  left: 91px;
  height: 101%;
  width: 0;
  overflow: hidden;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  transition: width 0.5s; }

#menuLeft, #menuLeftin {
  width: 91px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

#menuLeft {
  margin: 0 0 0 10px;
  height: calc(100% - 120px);
  position: absolute;
  top: 120px;
  left: 0;
  padding: 0 2px; }

#menuLeftin ul li.active a, #menuLeftin ul li a, #menuLeftin ul li ul li a {
  color: black;
  text-decoration: underline;
  padding: 81px 5px 10px 5px;
  display: block;
  text-align: center;
  font-size: 13px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center 10px;
  background-image: url("../Images/Master/menu-ico-analyza.png"); }

/*Base menu def*/
#menuLeftin {
  z-index: 50; }
  #menuLeftin ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative; }
    #menuLeftin ul li {
      border-top: 1px dotted #bbbdbb;
      color: white;
      height: auto;
      margin: 0;
      z-index: 10;
      position: relative;
      width: 91px; }
      #menuLeftin ul li.arr {
        background: transparent url("../Images/Common/ico-11-arrow-right-grey.png") 80px 12px no-repeat; }
        #menuLeftin ul li.arr.opened {
          background: transparent url("../Images/Common/ico-11-arrow-left-grey.png") 80px 12px no-repeat; }
      #menuLeftin ul li.active a, #menuLeftin ul li.active:hover a, #menuLeftin ul li:hover a {
        background-image: url("../Images/Master/menu-ico-analyza-active.png");
        font-weight: bold; }
      #menuLeftin ul li.active ul li a, #menuLeftin ul li.active:hover ul li a, #menuLeftin ul li:hover ul li a {
        font-weight: normal; }
      #menuLeftin ul li:first-child:hover, #menuLeftin ul li.active:first-child {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: 0; }
      #menuLeftin ul li.blank a, #menuLeftin ul li.blank:hover a, #menuLeftin ul li.blank.active a {
        background-image: none; }

/*Sub menu def*/
#menuLeftin ul li ul {
  margin: 0;
  padding: 0; }
  #menuLeftin ul li ul li {
    display: inline-block;
    float: left;
    width: 98px; }
    #menuLeftin ul li ul li a {
      border-right: 1px dotted #bbbdbb;
      border-bottom: 1px dotted #bbbdbb; }
    #menuLeftin ul li ul li.active a, #menuLeftin ul li ul li.active:hover a, #menuLeftin ul li ul li:hover a {
      font-weight: bold; }
    #menuLeftin ul li ul li:first-child a {
      border-left: 1px dotted #bbbdbb; }

/*Menu items def*/
#menuLeftin ul li.portfolio a {
  background-image: url("../Images/Master/menu-ico-portfolio.png"); }

#menuLeftin ul li.portfolio:hover a, #menuLeftin ul li.portfolio.active a {
  background-image: url("../Images/Master/menu-ico-portfolio-active.png"); }

#menuLeftin ul li.bilance a {
  background-image: url("../Images/Master/menu-ico-bilance.png"); }

#menuLeftin ul li.bilance:hover a, #menuLeftin ul li.bilance.active a {
  background-image: url("../Images/Master/menu-ico-bilance-active.png"); }

#menuLeftin ul li.osoby a {
  background-image: url("../Images/Master/menu-ico-osoby.png"); }

#menuLeftin ul li.osoby:hover a, #menuLeftin ul li.osoby.active a {
  background-image: url("../Images/Master/menu-ico-osoby-active.png"); }

#menuLeftin ul li.financniPlan a {
  background-image: url("../Images/Master/menu-ico-financni-plan.png"); }

#menuLeftin ul li.financniPlan:hover a, #menuLeftin ul li.financniPlan.active a {
  background-image: url("../Images/Master/menu-ico-financni-plan-active.png"); }

#menuLeftin ul li.pruvodce a {
  background-image: url("../Images/Master/menu-ico-pruvodce.png"); }

#menuLeftin ul li.pruvodce:hover a, #menuLeftin ul li.pruvodce.active a {
  background-image: url("../Images/Master/menu-ico-pruvodce-active.png"); }

#menuLeftin ul li.vsechnyAnalyzy a {
  background-image: url("../Images/Master/menu-ico-vsechny-analyzy.png"); }

#menuLeftin ul li.vsechnyAnalyzy:hover a, #menuLeftin ul li.vsechnyAnalyzy.active a {
  background-image: url("../Images/Master/menu-ico-vsechny-analyzy-active.png"); }

#menuLeftin ul li.skupiny a {
  background-image: url("../Images/Master/menu-ico-skupiny.png"); }

#menuLeftin ul li.skupiny:hover a, #menuLeftin ul li.skupiny.active a {
  background-image: url("../Images/Master/menu-ico-skupiny-active.png"); }

#menuLeftin ul li.programy a {
  background-image: url("../Images/Master/menu-ico-programy.png"); }

#menuLeftin ul li.programy:hover a, #menuLeftin ul li.programy.active a {
  background-image: url("../Images/Master/menu-ico-programy-active.png"); }

#menuLeftin ul li.programy > div.opened {
  width: 900%; }

#menuLeftin ul li.programy.arr.active::before {
  content: '';
  background: transparent url("../Images/Master/fip-vyber-financniho-planu-01-circles.png") no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: 5px; }

#menuLeftin ul li.programy.arr.active.active-budoucnost::before {
  background-position: 0 center; }

#menuLeftin ul li.programy ul li.budoucnost a {
  background-image: url("../Images/Master/menu-ico-budoucnost.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.budoucnost:hover a, #menuLeftin ul li.programy ul li.budoucnost.active a {
  background-image: url("../Images/Master/menu-ico-budoucnost-active.png"); }

#menuLeftin ul li.programy.arr.active.active-bydleni::before {
  background-position: -30px center; }

#menuLeftin ul li.programy ul li.bydleni a {
  background-image: url("../Images/Master/menu-ico-bydleni.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.bydleni:hover a, #menuLeftin ul li.programy ul li.bydleni.active a {
  background-image: url("../Images/Master/menu-ico-bydleni-active.png"); }

#menuLeftin ul li.programy.arr.active.active-prostredky::before {
  background-position: -60px center; }

#menuLeftin ul li.programy ul li.prostredky a {
  background-image: url("../Images/Master/menu-ico-prostredky.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.prostredky:hover a, #menuLeftin ul li.programy ul li.prostredky.active a {
  background-image: url("../Images/Master/menu-ico-prostredky-active.png"); }

#menuLeftin ul li.programy.arr.active.active-ochrana::before {
  background-position: -90px center; }

#menuLeftin ul li.programy ul li.ochrana a {
  background-image: url("../Images/Master/menu-ico-ochrana.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.ochrana:hover a, #menuLeftin ul li.programy ul li.ochrana.active a {
  background-image: url("../Images/Master/menu-ico-ochrana-active.png"); }

#menuLeftin ul li.programy.arr.active.active-deti::before {
  background-position: -120px center; }

#menuLeftin ul li.programy ul li.deti a {
  background-image: url("../Images/Master/menu-ico-deti.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.deti:hover a, #menuLeftin ul li.programy ul li.deti.active a {
  background-image: url("../Images/Master/menu-ico-deti-active.png"); }

#menuLeftin ul li.programy.arr.active.active-renta::before {
  background-position: -150px center; }

#menuLeftin ul li.programy ul li.renta a {
  background-image: url("../Images/Master/menu-ico-renta.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.renta:hover a, #menuLeftin ul li.programy ul li.renta.active a {
  background-image: url("../Images/Master/menu-ico-renta-active.png"); }

#menuLeftin ul li.programy.arr.active.active-zabezpeceni::before {
  background-position: -180px center; }

#menuLeftin ul li.programy ul li.zabezpeceni a {
  background-image: url("../Images/Master/menu-ico-zabezpeceni.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.zabezpeceni:hover a, #menuLeftin ul li.programy ul li.zabezpeceni.active a {
  background-image: url("../Images/Master/menu-ico-zabezpeceni-active.png"); }

#menuLeftin ul li.programy.arr.active.active-bankovni::before {
  background-position: -210px center; }

#menuLeftin ul li.programy ul li.bankovni a {
  background-image: url("../Images/Master/menu-ico-bankovni.png");
  height: 34px; }

#menuLeftin ul li.programy ul li.bankovni:hover a, #menuLeftin ul li.programy ul li.bankovni.active a {
  background-image: url("../Images/Master/menu-ico-bankovni-active.png"); }

#menuLeftin ul li.firma a {
  background-image: url("../Images/Master/menu-ico-firma.png"); }

#menuLeftin ul li.firma:hover a, #menuLeftin ul li.firma.active a {
  background-image: url("../Images/Master/menu-ico-firma-active.png"); }

/*pouzito zatim pouze pro financni plan, pozor pevna sirka!*/
.submenuNavMenu {
  background-color: white;
  position: absolute;
  top: 0;
  left: 91px;
  height: 101%;
  width: 0;
  overflow: hidden;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  transition: width 0.5s; }

.submenuNavMenu.opened {
  width: 900%; }

/*#menuLeft, #menuLeftin {
	width: 91px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
 future proofing 
	-khtml-border-radius: 4px;
 for old Konqueror browsers 
	height: 100%;
	position: fixed;
	top: 0;
	left: 12px;
	z-index: 15;
}
#menuLeft {
	background: transparent url('../Images/Master/bg-menu.png') 0 0 repeat-y;
	margin: 99px 0 0 0;
	min-height: 700px;
}*/
#zahlavi {
  background-color: white;
  height: 120px;
  position: fixed;
  z-index: 100;
  width: 100%;
  min-width: 942px; }

#logo {
  background: white url("../Images/Master/logo.png") 100% 4px no-repeat;
  width: 105px;
  height: 120px;
  float: left;
  margin: 0; }

#top {
  display: block;
  min-width: 940px; }

#top {
  background: transparent url("../Images/Master/bg-top.png") 0 0 repeat-x;
  height: 58px;
  text-align: left; }

#top .poradce, #top .controls, #top #sys {
  height: 58px;
  position: relative;
  float: left; }

#top .poradce {
  width: 250px;
  background: transparent url("../Images/Master/bg-poradce.png") 0 0 no-repeat;
  padding: 11px 20px 11px 18px;
  height: 36px;
  position: relative;
  text-align: left;
  vertical-align: top; }
  #top .poradce .avatar {
    vertical-align: middle;
    text-align: left;
    width: 36px;
    height: 36px;
    display: inline-block; }
    #top .poradce .avatar img {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      height: auto;
      width: auto;
      max-height: 36px;
      max-width: 36px; }
  #top .poradce a {
    color: #000;
    font-size: 13px;
    padding: 0;
    text-decoration: underline !important; }

#top #poradceSub {
  background-color: white;
  position: relative;
  top: 5px;
  left: 0;
  max-width: 400px;
  width: 400px;
  overflow: auto;
  z-index: 100;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #454946;
  font-size: 13px;
  display: none; }
  #top #poradceSub a {
    text-decoration: underline; }
  #top #poradceSub ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both; }
    #top #poradceSub ul li {
      padding: 0 32px 0 0;
      margin: 0;
      height: 40px;
      display: block;
      position: relative;
      background: transparent url("../Images/Master/poradceSub-list-border.png") 100% 100% repeat-x;
      max-width: 500px; }
      #top #poradceSub ul li p {
        padding: 12px 10px 14px 0;
        margin: 0; }
      #top #poradceSub ul li:hover {
        background-color: #f5f5f5; }
      #top #poradceSub ul li .strom, #top #poradceSub ul li .nstrom {
        padding: 12px 3px 14px 43px;
        display: block;
        text-decoration: none !important; }
      #top #poradceSub ul li .strom {
        background: transparent url("../Images/Master/poradceSub-list.png") 0 0 no-repeat; }
      #top #poradceSub ul li .nstrom {
        background-image: none !important; }
      #top #poradceSub ul li:last-child {
        background-image: none; }
        #top #poradceSub ul li:last-child .strom {
          background: transparent url("../Images/Master/poradceSub-list-last.png") 0 0 no-repeat; }

#top #poradceSubTop {
  background: #fff5d7 url("../Images/Master/poradceSub-list-border.png") 0 100% repeat-x;
  padding: 10px 23px 8px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  #top #poradceSubTop:hover {
    background-color: #ffedbc; }
  #top #poradceSubTop a.orangePerson {
    padding: 5px 0 0 31px;
    display: block;
    background: transparent url("../Images/Master/poradceSub-top.png") 0 0 no-repeat !important;
    float: left;
    height: 22px;
    vertical-align: baseline; }

#top .controls {
  width: 350px;
  margin: 0px;
  padding: 0px; }
  #top .controls a {
    text-decoration: none;
    text-align: center; }

a.poradceView {
  position: absolute;
  top: 7px;
  right: 6px; }

#topPoradce {
  height: 27px;
  background-color: transparent;
  margin: 0 33px 1px 31px;
  text-align: right;
  position: relative; }
  #topPoradce .search-orange-medium-strong {
    position: absolute;
    top: 0;
    right: -33px; }
  #topPoradce form {
    border: 1px solid #000;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 0 0 31px;
    line-height: 24px;
    background-color: #fff; }
  #topPoradce input.search {
    border: none;
    height: 20px;
    width: 83%;
    margin: 0;
    float: left;
    padding: 2px;
    background-color: #fff; }
    #topPoradce input.search:focus {
      outline: none;
      border: 0; }
  #topPoradce input.submitSearch {
    background: #fff url("../Images/Master/bg-poradceSubmitSearch.png") 50% 50% no-repeat;
    margin: 0 5px;
    /*        width: 23px;*/
    height: 22px;
    float: right;
    padding: 2px;
    border: none; }

.poradceSubTopMain {
  padding: 7px 13px 7px 7px;
  position: relative;
  background: transparent url("../Images/Master/poradceSub-list-border.png") 100% 100% no-repeat; }

.poradceSubFoot {
  height: 9px;
  background: transparent url("../Images/Master/poradceSub-list-border208.png") 100% 0 no-repeat; }

.poradceSubContent {
  max-height: 360px;
  overflow-y: scroll; }

#sys {
  margin: 0 auto;
  width: calc(100% - 745px);
  text-align: center; }
  #sys .info-search {
    padding: 16px 0;
    height: 26px;
    position: relative;
    text-align: center; }
  #sys .info-searchin {
    position: relative;
    border: 1px solid #d3d5d3;
    border-radius: 4px;
    text-align: left;
    height: 26px;
    width: 100%;
    min-width: 100px;
    max-width: 340px;
    display: inline-block; }
    #sys .info-searchin form {
      margin: 0;
      padding: 0;
      height: 26px; }
    #sys .info-searchin input {
      display: inline;
      margin: 0;
      padding: 0; }
      #sys .info-searchin input.search {
        height: 26px;
        margin: 0;
        border: 0;
        padding-left: 5px;
        margin-left: 2px;
        outline: none;
        position: absolute;
        min-width: 30px;
        max-width: 340px;
        width: calc(100% - 77px); }
      #sys .info-searchin input.btn70 {
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        background: transparent url("../Images/FipWebSite/btn70.png") no-repeat;
        background-size: 70px 26px;
        cursor: pointer;
        height: 26px;
        border: 0;
        width: 70px;
        position: absolute;
        top: 0;
        right: 0; }

#nav {
  background-color: transparent;
  height: 43px;
  text-align: left;
  padding: 15px 15px 0 18px;
  font-size: 11px;
  margin: 0 0 0 105px; }
  #nav a {
    color: #7f7f7f;
    text-decoration: underline; }

a.ico-logout {
  background: transparent url("../Images/Common/ico-logout.png") 0 0 no-repeat;
  width: 46px;
  height: 46px;
  margin: 6px 10px 6px 20px; }

a.ico-wiki, a.ico-feedback, a.ico-favorite, a.ico-set, a.ico-management, a.ico-webcam, a.ico-releaseinfo {
  width: 36px;
  height: 36px;
  margin: 11px 0 11px 5px; }

a.ico-wiki {
  background: transparent url("../Images/Common/ico-wiki.png") 0 0 no-repeat; }

a.ico-feedback {
  background: transparent url("../Images/Common/ico-feedback.png") 0 0 no-repeat; }

a.ico-favorite {
  background: transparent url("../Images/Common/ico-favorite-active.png") 0 0 no-repeat; }
  a.ico-favorite .added {
    background: transparent url("../Images/Common/ico-favorite-active-tick.png") 0 0 no-repeat; }
  a.ico-favorite :hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */ }

a.ico-set {
  background: transparent url("../Images/Common/ico-set.png") 0 0 no-repeat; }

a.ico-management {
  background: transparent url("../Images/Common/btn-fip-management.png") 0 0 no-repeat; }

a.ico-webcam {
  background: transparent url("../Images/Common/ico-webcam.png") 0 0 no-repeat; }

a.ico-releaseinfo {
  background: transparent url("../Images/Common/ico-releaseinfo.png") 0 0 no-repeat; }

.info-releaseinfo-container {
  position: absolute;
  top: 8px;
  right: -2px;
  padding: 0px;
  margin: 0px; }

.IconNr1 {
  background-image: url("../Images/IconsNumbers/ico-nr1.png");
  width: 12px;
  height: 12px; }

.IconNr2 {
  background-image: url("../Images/IconsNumbers/ico-nr2.png");
  width: 12px;
  height: 12px; }

.IconNr3 {
  background-image: url("../Images/IconsNumbers/ico-nr3.png");
  width: 12px;
  height: 12px; }

.IconNr4 {
  background-image: url("../Images/IconsNumbers/ico-nr4.png");
  width: 12px;
  height: 12px; }

.IconNr5 {
  background-image: url("../Images/IconsNumbers/ico-nr5.png");
  width: 12px;
  height: 12px; }

.IconNr6 {
  background-image: url("../Images/IconsNumbers/ico-nr6.png");
  width: 12px;
  height: 12px; }

.IconNr7 {
  background-image: url("../Images/IconsNumbers/ico-nr7.png");
  width: 12px;
  height: 12px; }

.IconNr8 {
  background-image: url("../Images/IconsNumbers/ico-nr8.png");
  width: 12px;
  height: 12px; }

.IconNr9 {
  background-image: url("../Images/IconsNumbers/ico-nr9.png");
  width: 12px;
  height: 12px; }

.IconNr10 {
  background-image: url("../Images/IconsNumbers/ico-nr10.png");
  width: 20px;
  height: 12px; }

.IconNr11 {
  background-image: url("../Images/IconsNumbers/ico-nr11.png");
  width: 20px;
  height: 12px; }

.IconNr12 {
  background-image: url("../Images/IconsNumbers/ico-nr12.png");
  width: 20px;
  height: 12px; }

.IconNr13 {
  background-image: url("../Images/IconsNumbers/ico-nr13.png");
  width: 20px;
  height: 12px; }

.IconNr14 {
  background-image: url("../Images/IconsNumbers/ico-nr14.png");
  width: 20px;
  height: 12px; }

.IconNr15 {
  background-image: url("../Images/IconsNumbers/ico-nr15.png");
  width: 20px;
  height: 12px; }

.IconNr16 {
  background-image: url("../Images/IconsNumbers/ico-nr16.png");
  width: 20px;
  height: 12px; }

.IconNr17 {
  background-image: url("../Images/IconsNumbers/ico-nr17.png");
  width: 20px;
  height: 12px; }

.IconNr18 {
  background-image: url("../Images/IconsNumbers/ico-nr18.png");
  width: 20px;
  height: 12px; }

.IconNr19 {
  background-image: url("../Images/IconsNumbers/ico-nr19.png");
  width: 20px;
  height: 12px; }

.IconNr20 {
  background-image: url("../Images/IconsNumbers/ico-nr20.png");
  width: 20px;
  height: 12px; }

.IconNr21 {
  background-image: url("../Images/IconsNumbers/ico-nr21.png");
  width: 20px;
  height: 12px; }

.IconNr22 {
  background-image: url("../Images/IconsNumbers/ico-nr22.png");
  width: 20px;
  height: 12px; }

.IconNr23 {
  background-image: url("../Images/IconsNumbers/ico-nr23.png");
  width: 20px;
  height: 12px; }

.IconNr24 {
  background-image: url("../Images/IconsNumbers/ico-nr24.png");
  width: 20px;
  height: 12px; }

.IconNr25 {
  background-image: url("../Images/IconsNumbers/ico-nr25.png");
  width: 20px;
  height: 12px; }

.IconNr26 {
  background-image: url("../Images/IconsNumbers/ico-nr26.png");
  width: 20px;
  height: 12px; }

.IconNr27 {
  background-image: url("../Images/IconsNumbers/ico-nr27.png");
  width: 20px;
  height: 12px; }

.IconNr28 {
  background-image: url("../Images/IconsNumbers/ico-nr28.png");
  width: 20px;
  height: 12px; }

.IconNr29 {
  background-image: url("../Images/IconsNumbers/ico-nr29.png");
  width: 20px;
  height: 12px; }

.IconNr30 {
  background-image: url("../Images/IconsNumbers/ico-nr30.png");
  width: 20px;
  height: 12px; }

.IconNr31 {
  background-image: url("../Images/IconsNumbers/ico-nr31.png");
  width: 20px;
  height: 12px; }

.IconNr32 {
  background-image: url("../Images/IconsNumbers/ico-nr32.png");
  width: 20px;
  height: 12px; }

.IconNr33 {
  background-image: url("../Images/IconsNumbers/ico-nr33.png");
  width: 20px;
  height: 12px; }

.IconNr34 {
  background-image: url("../Images/IconsNumbers/ico-nr34.png");
  width: 20px;
  height: 12px; }

.IconNr35 {
  background-image: url("../Images/IconsNumbers/ico-nr35.png");
  width: 20px;
  height: 12px; }

.IconNr36 {
  background-image: url("../Images/IconsNumbers/ico-nr36.png");
  width: 20px;
  height: 12px; }

.IconNr37 {
  background-image: url("../Images/IconsNumbers/ico-nr37.png");
  width: 20px;
  height: 12px; }

.IconNr38 {
  background-image: url("../Images/IconsNumbers/ico-nr38.png");
  width: 20px;
  height: 12px; }

.IconNr39 {
  background-image: url("../Images/IconsNumbers/ico-nr39.png");
  width: 20px;
  height: 12px; }

.IconNr40 {
  background-image: url("../Images/IconsNumbers/ico-nr40.png");
  width: 20px;
  height: 12px; }

.IconNr41 {
  background-image: url("../Images/IconsNumbers/ico-nr41.png");
  width: 20px;
  height: 12px; }

.IconNr42 {
  background-image: url("../Images/IconsNumbers/ico-nr42.png");
  width: 20px;
  height: 12px; }

.IconNr43 {
  background-image: url("../Images/IconsNumbers/ico-nr43.png");
  width: 20px;
  height: 12px; }

.IconNr44 {
  background-image: url("../Images/IconsNumbers/ico-nr44.png");
  width: 20px;
  height: 12px; }

.IconNr45 {
  background-image: url("../Images/IconsNumbers/ico-nr45.png");
  width: 20px;
  height: 12px; }

.IconNr46 {
  background-image: url("../Images/IconsNumbers/ico-nr46.png");
  width: 20px;
  height: 12px; }

.IconNr47 {
  background-image: url("../Images/IconsNumbers/ico-nr47.png");
  width: 20px;
  height: 12px; }

.IconNr48 {
  background-image: url("../Images/IconsNumbers/ico-nr48.png");
  width: 20px;
  height: 12px; }

.IconNr49 {
  background-image: url("../Images/IconsNumbers/ico-nr49.png");
  width: 20px;
  height: 12px; }

.IconNr50 {
  background-image: url("../Images/IconsNumbers/ico-nr50.png");
  width: 20px;
  height: 12px; }

.IconNr51 {
  background-image: url("../Images/IconsNumbers/ico-nr51.png");
  width: 20px;
  height: 12px; }

.IconNr52 {
  background-image: url("../Images/IconsNumbers/ico-nr52.png");
  width: 20px;
  height: 12px; }

.IconNr53 {
  background-image: url("../Images/IconsNumbers/ico-nr53.png");
  width: 20px;
  height: 12px; }

.IconNr54 {
  background-image: url("../Images/IconsNumbers/ico-nr54.png");
  width: 20px;
  height: 12px; }

.IconNr55 {
  background-image: url("../Images/IconsNumbers/ico-nr55.png");
  width: 20px;
  height: 12px; }

.IconNr56 {
  background-image: url("../Images/IconsNumbers/ico-nr56.png");
  width: 20px;
  height: 12px; }

.IconNr57 {
  background-image: url("../Images/IconsNumbers/ico-nr57.png");
  width: 20px;
  height: 12px; }

.IconNr58 {
  background-image: url("../Images/IconsNumbers/ico-nr58.png");
  width: 20px;
  height: 12px; }

.IconNr59 {
  background-image: url("../Images/IconsNumbers/ico-nr59.png");
  width: 20px;
  height: 12px; }

.IconNr60 {
  background-image: url("../Images/IconsNumbers/ico-nr60.png");
  width: 20px;
  height: 12px; }

.IconNr61 {
  background-image: url("../Images/IconsNumbers/ico-nr61.png");
  width: 20px;
  height: 12px; }

.IconNr62 {
  background-image: url("../Images/IconsNumbers/ico-nr62.png");
  width: 20px;
  height: 12px; }

.IconNr63 {
  background-image: url("../Images/IconsNumbers/ico-nr63.png");
  width: 20px;
  height: 12px; }

.IconNr64 {
  background-image: url("../Images/IconsNumbers/ico-nr64.png");
  width: 20px;
  height: 12px; }

.IconNr65 {
  background-image: url("../Images/IconsNumbers/ico-nr65.png");
  width: 20px;
  height: 12px; }

.IconNr66 {
  background-image: url("../Images/IconsNumbers/ico-nr66.png");
  width: 20px;
  height: 12px; }

.IconNr67 {
  background-image: url("../Images/IconsNumbers/ico-nr67.png");
  width: 20px;
  height: 12px; }

.IconNr68 {
  background-image: url("../Images/IconsNumbers/ico-nr68.png");
  width: 20px;
  height: 12px; }

.IconNr69 {
  background-image: url("../Images/IconsNumbers/ico-nr69.png");
  width: 20px;
  height: 12px; }

.IconNr70 {
  background-image: url("../Images/IconsNumbers/ico-nr70.png");
  width: 20px;
  height: 12px; }

.IconNr71 {
  background-image: url("../Images/IconsNumbers/ico-nr71.png");
  width: 20px;
  height: 12px; }

.IconNr72 {
  background-image: url("../Images/IconsNumbers/ico-nr72.png");
  width: 20px;
  height: 12px; }

.IconNr73 {
  background-image: url("../Images/IconsNumbers/ico-nr73.png");
  width: 20px;
  height: 12px; }

.IconNr74 {
  background-image: url("../Images/IconsNumbers/ico-nr74.png");
  width: 20px;
  height: 12px; }

.IconNr75 {
  background-image: url("../Images/IconsNumbers/ico-nr75.png");
  width: 20px;
  height: 12px; }

.IconNr76 {
  background-image: url("../Images/IconsNumbers/ico-nr76.png");
  width: 20px;
  height: 12px; }

.IconNr77 {
  background-image: url("../Images/IconsNumbers/ico-nr77.png");
  width: 20px;
  height: 12px; }

.IconNr78 {
  background-image: url("../Images/IconsNumbers/ico-nr78.png");
  width: 20px;
  height: 12px; }

.IconNr79 {
  background-image: url("../Images/IconsNumbers/ico-nr79.png");
  width: 20px;
  height: 12px; }

.IconNr80 {
  background-image: url("../Images/IconsNumbers/ico-nr80.png");
  width: 20px;
  height: 12px; }

.IconNr81 {
  background-image: url("../Images/IconsNumbers/ico-nr81.png");
  width: 20px;
  height: 12px; }

.IconNr82 {
  background-image: url("../Images/IconsNumbers/ico-nr82.png");
  width: 20px;
  height: 12px; }

.IconNr83 {
  background-image: url("../Images/IconsNumbers/ico-nr83.png");
  width: 20px;
  height: 12px; }

.IconNr84 {
  background-image: url("../Images/IconsNumbers/ico-nr84.png");
  width: 20px;
  height: 12px; }

.IconNr85 {
  background-image: url("../Images/IconsNumbers/ico-nr85.png");
  width: 20px;
  height: 12px; }

.IconNr86 {
  background-image: url("../Images/IconsNumbers/ico-nr86.png");
  width: 20px;
  height: 12px; }

.IconNr87 {
  background-image: url("../Images/IconsNumbers/ico-nr87.png");
  width: 20px;
  height: 12px; }

.IconNr88 {
  background-image: url("../Images/IconsNumbers/ico-nr88.png");
  width: 20px;
  height: 12px; }

.IconNr89 {
  background-image: url("../Images/IconsNumbers/ico-nr89.png");
  width: 20px;
  height: 12px; }

.IconNr90 {
  background-image: url("../Images/IconsNumbers/ico-nr90.png");
  width: 20px;
  height: 12px; }

.IconNr91 {
  background-image: url("../Images/IconsNumbers/ico-nr91.png");
  width: 20px;
  height: 12px; }

.IconNr92 {
  background-image: url("../Images/IconsNumbers/ico-nr92.png");
  width: 20px;
  height: 12px; }

.IconNr93 {
  background-image: url("../Images/IconsNumbers/ico-nr93.png");
  width: 20px;
  height: 12px; }

.IconNr94 {
  background-image: url("../Images/IconsNumbers/ico-nr94.png");
  width: 20px;
  height: 12px; }

.IconNr95 {
  background-image: url("../Images/IconsNumbers/ico-nr95.png");
  width: 20px;
  height: 12px; }

.IconNr96 {
  background-image: url("../Images/IconsNumbers/ico-nr96.png");
  width: 20px;
  height: 12px; }

.IconNr97 {
  background-image: url("../Images/IconsNumbers/ico-nr97.png");
  width: 20px;
  height: 12px; }

.IconNr98 {
  background-image: url("../Images/IconsNumbers/ico-nr98.png");
  width: 20px;
  height: 12px; }

.IconNr99 {
  background-image: url("../Images/IconsNumbers/ico-nr99.png");
  width: 20px;
  height: 12px; }

.IconNr100 {
  background-image: url("../Images/IconsNumbers/ico-nr100.png");
  width: 20px;
  height: 12px; }

.info-releaseinfo-text {
  display: inline-block;
  margin-left: 3px;
  margin-top: 0px; }

#klientbox {
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 226px;
  margin: 0 0 0 52px;
  background-color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #klientbox .menuRightFloatIn {
    padding: 15px 5px;
    white-space: nowrap;
    border-top: 1px dotted #b7b9b7; }
  #klientbox h2 {
    color: #009fb5 !important;
    font-size: 16px;
    margin: 0 0 5px 0;
    padding: 0; }
  #klientbox p {
    font-size: 13px;
    margin: 3px 0;
    padding: 0; }
  #klientbox table {
    width: 214px;
    border-collapse: collapse; }
    #klientbox table td {
      vertical-align: bottom;
      padding: 0;
      margin: 0; }
  #klientbox .email a {
    text-decoration: underline !important; }

/* favourites */
#favoritesSub {
  background-color: white;
  width: 420px;
  position: absolute;
  top: 51px;
  z-index: 50;
  right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #454946;
  display: none;
  font-size: 12px;
  text-align: center; }

#favoritesSubItems {
  max-height: calc(100vh - 200px);
  overflow-y: scroll; }

#favoritesSubHead {
  background: transparent url("../Images/Master/poradceSub-list-border.png") 0 100% repeat-x;
  height: 3px; }

.favSubFolder, .favSubList, .favSubFolderBack {
  position: relative;
  margin: 0;
  background: transparent url("../Images/Master/poradceSub-list-border.png") 100% 100% repeat-x;
  text-align: left;
  padding: 12px 33px 14px 43px;
  clear: both; }

.favSubFolder:hover, .favSubList:hover {
  background-color: #f5f5f5; }

.favSubFolder:last-child, .favSubList:last-child {
  background-image: none; }

.favSubIco {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  margin-top: -13px !important; }

.favSubIcoBack {
  position: absolute !important;
  left: 7px !important;
  top: 50% !important;
  margin-top: -13px !important; }

.favSubActions {
  padding: 12px 0 14px 0;
  background: transparent url("../Images/Master/poradceSub-list-border.png") 0 0 repeat-x; }

#voteBanner {
  background: transparent url("../Images/VoteBanner/quick-anketa-bg-top.png");
  position: absolute;
  top: 45px;
  right: 0px;
  height: 74px;
  width: 467px; }

#voteBanner .voteBannerCont {
  margin: 18px 0px 0px 70px;
  text-align: left; }

#voteBanner .voteBannerText {
  width: 195px;
  display: inline-block;
  text-align: right;
  font-family: Calibri;
  vertical-align: top;
  padding-top: 2px;
  line-height: 17px; }

#voteBanner #voteBannerTextHead {
  font-size: 17px; }

#voteBanner #voteBannerTextDesc {
  font-size: 13px; }

#voteBanner .voteBannerArrow {
  background: url("../Images/VoteBanner/quick-anketa-arrow.png") transparent no-repeat;
  width: 37px;
  height: 37px;
  display: inline-block; }

#voteBanner .voteBannerSmile {
  width: 37px;
  height: 37px;
  display: inline-block;
  cursor: pointer; }

#voteBanner .voteBannerSmile1, #voteBanner .voteBannerSmileGray1:hover {
  background: url("../Images/VoteBanner/quick-anketa-smile1.png") transparent no-repeat; }

#voteBanner .voteBannerSmileGray1 {
  background: url("../Images/VoteBanner/quick-anketa-smile1gray.png") transparent no-repeat; }

#voteBanner .voteBannerSmile2, #voteBanner .voteBannerSmileGray2:hover {
  background: url("../Images/VoteBanner/quick-anketa-smile2.png") transparent no-repeat; }

#voteBanner .voteBannerSmileGray2 {
  background: url("../Images/VoteBanner/quick-anketa-smile2gray.png") transparent no-repeat; }

#voteBanner .voteBannerSmile3, #voteBanner .voteBannerSmileGray3:hover {
  background: url("../Images/VoteBanner/quick-anketa-smile3.png") transparent no-repeat; }

#voteBanner .voteBannerSmileGray3 {
  background: url("../Images/VoteBanner/quick-anketa-smile3gray.png") transparent no-repeat; }

#voteBanner .voteBannerSmile4, #voteBanner .voteBannerSmileGray4:hover {
  background: url("../Images/VoteBanner/quick-anketa-smile4.png") transparent no-repeat; }

#voteBanner .voteBannerSmileGray4 {
  background: url("../Images/VoteBanner/quick-anketa-smile4gray.png") transparent no-repeat; }

.voteBannerBlur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  opacity: 0.2; }

#menuRight {
  width: 200px;
  min-height: 251px;
  /*	float: right;*/
  margin: 0;
  padding: 0;
  position: fixed;
  top: 109px;
  right: -200px;
  z-index: 10000; }

#menuRight > #menuRightTab {
  position: absolute;
  top: 1px;
  left: -40px;
  background-repeat: no-repeat;
  width: 43px;
  height: 250px;
  cursor: pointer; }

#menuRight > #menuRightTab.hiddenImg {
  background-image: url("../Images/CtxMenu/right-navi-hidden.png"); }

#menuRight > #menuRightTab.showImg {
  background-image: url("../Images/CtxMenu/right-navi-show.png"); }

#menuRight > #menuRightInner {
  background-color: #ffffff;
  width: 196px;
  min-height: 246px;
  display: block;
  margin: 2px;
  padding: 0px;
  border: solid 1px #d3d5d3; }

#menuRight > #menuRightInner > ul {
  display: block;
  list-style-type: none;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

/*#menuRightClick {
    position: absolute;
}

    #menuRightClick a {
        width: 42px;
        height: 42px;
        display: block;
    }

.menuRightStatic {
    margin: 0 0 0 52px;
}*/
#menuRight ul {
  padding: 0;
  list-style: none;
  clear: both; }

#menuRight ul li {
  margin: 0px 10px 0px 10px;
  padding: 10px 10px 10px 0px;
  border-bottom: 1px dotted #bbbdbb;
  text-align: left;
  font-weight: bold; }

#menuRight #ctxOstatniNastroje {
  margin-top: 0px !important; }

#menuRight #ctxSouvisejciNastroje > li > a {
  background-image: url("../Images/CtxMenu/right-navi-list.png");
  background-repeat: no-repeat; }

#menuRight #ctxSouvisejciNastroje > li > a:hover {
  background-image: url("../Images/CtxMenu/right-navi-list_over.png");
  color: #000000; }

#menuRight #ctxOstatniNastroje > li > a {
  background-image: url("../Images/CtxMenu/right-navi-folder.png");
  background-repeat: no-repeat; }

#menuRight #ctxOstatniNastroje > li > a:hover {
  background-image: url("../Images/CtxMenu/right-navi-folder_over.png");
  color: #000000; }

#menuRight #ctxOstatniNastroje > li:last-child {
  border-bottom: none; }

#menuRight > #menuRightInner > h3 {
  color: #636965;
  line-height: 16px;
  font-size: 12px;
  text-align: left;
  padding: 10px 10px 10px 0px;
  margin: 10px 10px 0px 10px;
  border-bottom: 1px dotted #bbbdbb; }

#menuRight #ctxSouvisejciNastroje a, #menuRight #ctxOstatniNastroje a {
  text-decoration: underline;
  display: block;
  line-height: 16px;
  padding-left: 20px;
  color: #636965; }

#Homepage-tiles-container.div1Of5 > div:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

#Homepage-tiles-container.div1Of5 > div .homeAsMetroImg > img {
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

#Homepage-tiles-container.div1Of5 > div:hover .homeAsMetroImg > img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

table.homeDotted td {
  padding: 15px;
  border-left: 1px dotted #bbbdbb !important;
  border-right: 1px dotted #bbbdbb !important;
  text-align: center; }

table.homeDotted a {
  font-size: 15px;
  margin: 0 10px 15px 10px;
  display: block; }

table.homeDotted a:hover {
  text-decoration: underline !important; }

/*table.homeAsMetro td {
    padding: 3px;
}

table.homeAsMetro {
    height: 60%;
    width: 100%;
    margin: 0;
}*/
#metro-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  min-width: 745px; }

.metro-icon {
  width: 100%;
  height: 100%; }

.homeAsMetro {
  width: 100%;
  height: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid; }

.homeAsMetroStar {
  width: 12%;
  position: absolute;
  bottom: 5%;
  left: 5%; }

.homeAsMetroImg {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 3% 28% 28% 28%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.homeAsMetroTextStar {
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 17%;
  width: 46%;
  height: 36px;
  font-size: 15px;
  margin: 8% 10%;
  vertical-align: top; }

.homeAsMetroStarLink {
  z-index: 6;
  background: url("../Images/Metro/ico-edit.svg") no-repeat;
  width: 11%;
  height: 11%;
  position: absolute;
  left: 10px;
  bottom: 11px; }

.homeAsMetroImgPromo {
  padding: 3% 15% 25% 15%; }

.homeAsMetroPromo {
  z-index: 6;
  background: url("../Images/Metro/metro-ikonky26.svg") no-repeat;
  width: 11%;
  height: 11%;
  position: absolute;
  left: 10px;
  bottom: 11px; }

.homeAsMetroPromoRibbon {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%; }

.homeAsMetroText {
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 17%;
  width: 56%;
  height: 12%;
  font-size: 16px;
  padding: 7% 5%;
  vertical-align: top; }

.tableWrapper::after {
  content: "";
  display: block;
  padding-top: 60%; }

#metro-addBookmark {
  width: 500px; }
  #metro-addBookmark > div {
    float: left;
    vertical-align: top;
    border-radius: 3px;
    position: relative;
    height: 80px;
    width: 80px;
    margin: 5px; }
  #metro-addBookmark .metroImage {
    display: block;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    border: none;
    padding: 5px 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  #metro-addBookmark .metroAddTitle {
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 17%;
    width: 46%;
    height: 12%;
    font-size: 11px;
    padding: 7% 10%;
    vertical-align: top; }

#divReleaseInfo {
  width: 100%;
  text-align: left; }

#divReleaseInfo div.divTable {
  display: table;
  width: 100%;
  font-size: 13px; }

#divReleaseInfo div.divRow {
  display: table-row; }

#divReleaseInfo div.divCell {
  display: table-cell;
  width: 20%;
  padding: 3px; }

#divReleaseInfo div.divCellLine {
  height: 25px;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  background: url("../images/Common/dotsH.png") repeat-x center; }

#divReleaseInfo div.divCellLine .P1 {
  position: relative;
  background: url("../images/Common/circle-17.png") no-repeat 0 center;
  height: 17px;
  width: 17px; }

#divReleaseInfo div.divCellLine .P2 {
  position: relative;
  background: url("../images/Common/circle-21.png") no-repeat 0 center;
  height: 21px;
  width: 21px; }

#divReleaseInfo div.divCellLine .P3 {
  position: relative;
  background: url("../images/Common/circle-25.png") no-repeat 0 center;
  height: 25px;
  width: 25px; }

#divReleaseInfo div.divCellLine img, #divReleaseInfo div.divCellLine svg {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#divReleaseInfo div.divCellLine .P2 img, #divReleaseInfo div.divCellLine .P2 svg {
  width: 13px;
  height: 13px;
  background-color: transparent; }

#divReleaseInfo div.divCellLine .P3 img, #divReleaseInfo div.divCellLine .P3 svg {
  width: 17px;
  height: 17px;
  background-color: transparent; }

#divReleaseInfo div.divCellLine .divCellLineLink {
  position: relative;
  height: 30px;
  width: 30px; }

#divReleaseInfo div.divCellLine .divCellLineLink img, #divReleaseInfo div.divCellLine .divCellLineLink svg {
  width: 30px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  background-color: white; }

#divReleaseInfo div#divExpand {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 5px;
  cursor: pointer;
  color: #636965; }

#divReleaseInfo div#divArrow {
  width: 13px;
  height: 11px;
  display: inline-block; }

#divReleaseInfo div#divArrow.divArrowRight {
  background: url("../Images/Common/ico-11-arrow-right-grey.png") no-repeat 6px 0px; }

#divReleaseInfo div#divArrow.divArrowDown {
  background: url("../Images/Common/ico-13-arrow-down-grey.png") no-repeat 0 0; }

svg.tyrkys path {
  fill: #009fb5 !important; }

svg.red path {
  fill: #ff6319 !important; }

svg.green path {
  fill: #95c11f !important; }

svg.gray path {
  fill: #636965 !important; }

