html {
  height: 100%;
}

body {
	background: #124378;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

#headerOuter {
  width: 100%;
  min-width: 1300px;
  height: 184px;
  background: #124378;
  background: -moz-radial-gradient(50% 100%, ellipse cover,  #1a518d 0%, #124378 100%);
  background: -webkit-gradient(radial, 50% 100%, 0px, center center, 100%, color-stop(0%,#1a518d), color-stop(100%,#124378));
  background: -webkit-radial-gradient(50% 100%, ellipse cover,  #1a518d 0%,#124378 100%);
  background: -o-radial-gradient(50% 100%, ellipse cover,  #1a518d 0%,#124378 100%);
  background: -ms-radial-gradient(50% 100%, ellipse cover,  #1a518d 0%,#124378 100%);
  background: radial-gradient(ellipse at 50% 100%,  #1a518d 0%,#124378 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a518d', endColorstr='#124378',GradientType=1 );
}

#headerInner {
  width: 1180px;
  height: 184px;
  position: relative;
  margin: auto;
}

#headerInner #logo {
  position: absolute;
  top: 42px;
  left: 0px;
  display: block;
  background: url(images/logo.png) center center no-repeat;
  width: 249px;
  height: 114px;
}

#headerInner #infolinka {
  position: absolute;
  top: 55px;
  left: 540px;
  color: #8db1d3;
  font-size: 25px;
  line-height: 28px;
  margin: 0px;
  padding: 0px;
  font-weight: 300;
}

#headerInner #infolinka strong {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
}

#headerInner #infolinka .infol {
  padding-left: 20px;
}

#headerInner #infolinka .hodiny {
  font-size: 21px;
  line-height: 21px;
  text-align: right;
  margin-right: -5px;
}

#headerInner #logoCs {
  position: absolute;
  top: 50px;
  right: -20px;
  background: url(images/logoCs.png) center center no-repeat;
  width: 309px;
  height: 86px;
}

#contentOuter {
  width: 100%;
  min-width: 1300px;
  background: #316ea8;
  background: -moz-radial-gradient(center, ellipse cover,  #316ea8 0%, #175089 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#316ea8), color-stop(100%,#175089));
  background: -webkit-radial-gradient(center, ellipse cover,  #316ea8 0%,#175089 100%);
  background: -o-radial-gradient(center, ellipse cover,  #316ea8 0%,#175089 100%);
  background: -ms-radial-gradient(center, ellipse cover,  #316ea8 0%,#175089 100%);
  background: radial-gradient(ellipse at center,  #316ea8 0%,#175089 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316ea8', endColorstr='#175089',GradientType=1 );
}

#contentInner {
  width: 1180px;
  position: relative;
  margin: auto;
  min-height: 700px;
}

.menuHomepageContainer {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 880px;
  height: 319px;
}

#homepageMenu {
  margin: 0px;
  padding: 0px;
  width: 880px;
  height: 319px;
  background: url(images/home_puzzle.png) center center no-repeat;
  list-style: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

#homepageMenu li {
  float: left;
}

#homepageMenu li a {
  display: block;
  width: 100px;
  height: 219px;
  padding: 75px 95px 25px 25px;
  text-decoration: none;
  font-size: 22px;
}

#homepageMenu li a:hover {
  color: #22629f;
}

.menuHomepageActive1, .menuHomepageActive2, .menuHomepageActive3, .menuHomepageActive4 {
  width: 880px;
  height: 319px;
  list-style: none;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

.menuHomepageActive1 {
  background: url(images/home_puzzle1.png) top right no-repeat;
}

.menuHomepageActive2 {
  background: url(images/home_puzzle2.png) top right no-repeat;
}

.menuHomepageActive3 {
  background: url(images/home_puzzle3.png) top right no-repeat;
}

.menuHomepageActive4 {
  background: url(images/home_puzzle4.png) top right no-repeat;
}

#home_postava {
  float: right;
  background: url(images/home_postava.png) top right no-repeat;
  width: 566px;
  height: 782px;
  margin-top: -50px;
  margin-right: -300px;
  margin-left: 30px;
}

.menuSide {
  margin: 0px;
  padding: 0px;
  background: url(images/menu.png) top right no-repeat;
  width: 222px;
  height: 614px;
  list-style: none;
  position: absolute;
  top: 40px;
  left: -48px;
  font-weight: 400;
}

.menuSide li a {
  display: block;
  width: 122px;
  height: 113px;
  padding: 20px 50px 20px 50px;
  text-decoration: none;
  font-size: 16px;
}

.menuSide li a:hover, .menuSide li a.active {
  color: #22629f;
}

.menuSide li:nth-child(even) a {
  text-align: right;
}

.menuSideActive1, .menuSideActive2, .menuSideActive3, .menuSideActive4 {
  width: 222px;
  height: 614px;
  list-style: none;
  position: absolute;
  top: 40px;
  left: -48px;
  display: none;
}

#columnMenu .activeMenuSide {
  display: block;
}

.menuSideActive1 {
  background: url(images/menu1.png) top right no-repeat;
}

.menuSideActive2 {
  background: url(images/menu2.png) top right no-repeat;
}

.menuSideActive3 {
  background: url(images/menu3.png) top right no-repeat;
}

.menuSideActive4 {
  background: url(images/menu4.png) top right no-repeat;
}

.postava {
  float: right;
  background: url(images/med_postava.png) top right no-repeat;
  width: 340px;
  height: 455px;
  margin-right: -135px;
  margin-left: 40px;
}

.postavaUp {
  position: absolute;
  background: url(images/med_postava.png) top right no-repeat;
  width: 340px;
  height: 455px;
  right: -135px;
  top: -75px;
}

.postava-leva {
  position: absolute;
  background: url(images/med_postava-leva.png) top right no-repeat;
  width: 340px;
  height: 455px;
  left: -340px;
  bottom: 40px;
}

.infoBox {
  background-color: #154684;
  margin-top: 50px;
  margin-bottom: 35px;
  padding: 18px;
  padding-left: 53px;
  width: 710px;
  position: relative;
}

.infoBox .panakSmall {
  position: absolute;
  left: -55px;
  top: -45px;
  background: url(images/panak-small.png) 0px 0px no-repeat;
  width: 139px;
  height: 183px;
}

#columnMenu {
  width: 240px;
  float: left;
  min-height: 100px;
}

#columnContent {
  width: 940px;
  float: left;
  position: relative;
  font-weight: 300;
}

#additionalContent {
  width: 100%;
  min-width: 1300px;
  background-color: #2d6ea8;
}

#additionalContentInner {
  font-weight: 300;
  width: 940px;
  padding-left: 240px;
  position: relative;
  margin: auto;
}

#footerOuter {
  width: 100%;
  min-width: 1300px;
  height: 218px;
  background: #124378;
  background: -moz-radial-gradient(50% 0%, ellipse cover,  #1a518d 0%, #124378 100%);
  background: -webkit-gradient(radial, 50% 0%, 0px, center center, 100%, color-stop(0%,#1a518d), color-stop(100%,#124378));
  background: -webkit-radial-gradient(50% 0%, ellipse cover,  #1a518d 0%,#124378 100%);
  background: -o-radial-gradient(50% 0%, ellipse cover,  #1a518d 0%,#124378 100%);
  background: -ms-radial-gradient(50% 0%, ellipse cover,  #1a518d 0%,#124378 100%);
  background: radial-gradient(ellipse at 50% 0%,  #1a518d 0%,#124378 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a518d', endColorstr='#124378',GradientType=1 );
}

#footerOuter2 {
  width: 100%;
  height: 218px;
  background: url(images/footer.png) left top repeat-x;
}

#footerInner {
  width: 1180px;
  height: 218px;
  position: relative;
  margin: auto;
}

#footerInner ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: -12px;
}

#footerInner li {
  float: left;
}

#footerInner a {
  margin-right: 60px;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

#footerInner a:hover {
  text-decoration: underline;
}

h1 {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
}

h2 {
  margin-bottom: 0px;
  font-size: 25px;
  font-style: italic;
  font-weight: 700;
}

ul {
  margin: 0px;
  padding-left: 40px;
}

ol {
  list-style: none;
  counter-reset: numList;
}

ol li {
  position: relative;
  margin-bottom: 25px;
  padding-left: 35px;
}

ol li.big:before {
  top: -1px;
}

ol li:before {
  counter-increment: numList;
  content: counter(numList);
  
  position: absolute;
  left: -26px;
  top: -7px;
  
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #205f9d;
  line-height: 36px;
  
  width: 36px;
  height: 36px;
  background: #73caff;
  
  -moz-border-radius: 18px;
  border-radius: 18px;
}

ol.twoSt {
  counter-reset: numList 1;
}

ol.threeSt {
  counter-reset: numList 2;
}

ol.alphaOl {
  list-style: none !important;
  counter-reset: numList;
}

ol.alphaOl li:before {
  counter-increment: numList;
  content: counter(numList, lower-latin);
  background: #FFFFFF;
  font-size: 18px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  left: -5px;
  top: 0px;
}

a img {
  border:0;
}

a {
  color: #FFFFFF;
  text-decoration: underline;
}

a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.noRightMargin {
  margin-right: 0px;
}

.noBotMargin {
  margin-bottom: 0px;
}

.floatRight {
  float: right;
}

.clearer {
  clear: both;
}

.center {
  text-align: center;
}

/**** KALKULACKA ****/

.kalkulacka {
  position: relative;
  background: url(images/kalkulacka/puzzle.png) 158px 15px no-repeat;
}

.puzzleChosen1, .puzzleChosen2, .puzzleChosen3 {
  position: absolute;
  left: 158px;
  top: 15px;
  width: 252px;
  height: 564px;
  display: none;
  text-align: center;
  font-size: 70px;
  font-weight: 700;
  font-style: italic;
  padding-left: 15px;
}

.puzzleChosen1 span, .puzzleChosen2 span, .puzzleChosen3 span {
  font-size: 35px;
}

.puzzleChosen1 {
  background: url(images/kalkulacka/active1.png) left top no-repeat;
  padding-top: 40px;
  height: 524px;
}

.puzzleChosen2 {
  background: url(images/kalkulacka/active2.png) left top no-repeat;
  padding-top: 228px;
  height: 336px;
}

.puzzleChosen3 {
  background: url(images/kalkulacka/active3.png) left top no-repeat;
  padding-top: 416px;
  height: 148px;
}

.line {
  height: 186px;
  position: relative;
}

.circle1, .circle2, .circle3 {
  position: absolute;
  top: 35px;
  left: -4px;
  width: 66px;
  height: 66px;
}

.circle1 {
  background: url(images/kalkulacka/1.png) no-repeat;
}

.circle2 {
  background: url(images/kalkulacka/2.png) no-repeat;
}

.circle3 {
  background: url(images/kalkulacka/3.png) no-repeat;
}

.circleDesc {
  font-size: 18px;
  color: #a3dcff;
  position: absolute;
  top: 110px;
  left: 26px;
  width: 130px;
  height: 130px;
  line-height: 20px;
}

.circleDesc strong {
  color: #FFFFFF;
}

.line h3 {
  position: absolute;
  top: 25px;
  left: 445px;
  margin-top: 0px;
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
}

.line p {
  position: absolute;
  top: 120px;
  left: 445px;
  margin-top: 0px;
  color: #a2dcff;
  font-size: 16px;
}

.choiceMaker {
  position: absolute;
  top: 55px;
  left: 445px;
  height: 59px;
}

.choiceMaker .choice {
  width: 87px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  font-weight: 700;
  font-style: italic;
  margin-right: 2px;
  float: left;
  background-color: #0f447b;
  font-size: 33px;
  cursor: Pointer;
}

.choiceMaker .disabled {
  background-color: #364C63;
}

.choiceMaker .choice span {
  font-size: 20px;
}

.choiceMaker .choice:hover, .choiceMaker .active {
  background-color: #FFFFFF;
  color: #0f447b;
}

.predel {
  background: url(images/kalkulacka/predel.png) left top no-repeat;
  width: 955px;
  height: 12px;
  position: absolute;
  right: 0px;
  bottom: -25px;
}

.konec {
  float: right;
}

.textace {
  width: 400px;
  color: #a2dcff;
  font-size: 14px;
  margin-left: -20px;
  margin-bottom: 10px;
  display: none;
}

.arrow {
  background: url(images/kalkulacka/sipka.png) 255px 30px no-repeat;
  width: 315px;
  height: 105px;
}

.choiceA, .choiceB, .choiceC {
  padding-left: 60px;
  width: 415px;
}

.choiceA {
  background: url(images/kalkulacka/a.png) left top no-repeat;
}

.choiceB {
  background: url(images/kalkulacka/b.png) left top no-repeat;
}

.choiceC {
  background: url(images/kalkulacka/c.png) left top no-repeat;
}

.choiceA p, .choiceB p, .choiceC p {
  padding-top: 8px;
  color: #a3dcff;
  font-size: 16px;
}

.choiceA strong, .choiceB strong, .choiceC strong {
  color: #FFFFFF;
}

.vysledek {
  width: 365px;
  height: 250px;
  background-color: #154886;
  padding: 37px 10px 23px 100px;
  margin-left: -90px;
  margin-top: 30px;
  position: relative;
}

.vysledek h3 {
  font-size: 30px;
  color: #73caff;
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 15px;
}

.vysledek .vuz {
  font-size: 18px;
  margin: 0px;
  line-height: 22px;
  padding-left: 55px;
}

.vysledek .vuz strong {
  color: #73caff;
  font-size: 25px;
  font-style: italic;
}

.vysledek .vuz strong span {
  font-size: 18px;
}

.vysledek .splatka {
  font-size: 75px;
  font-weight: 700;
  font-style: italic;
  line-height: 44px;
  margin-top: 40px;
  padding-left: 55px;
  display: none;
}

.vysledek .splatka span {
  font-size: 30px;
}

.vysledek .splatkaInfo {
  font-size: 18px;
  color: #a3dcff;
  padding-left: 55px;
  display: none;
}

.vysledek .postava-kalk {
  position: absolute;
  background: url(images/med_postava-leva.png) top right no-repeat;
  width: 340px;
  height: 455px;
  left: -245px;
  top: -80px;
}

.choiceBigA {
  background: url(images/A.png) left 5px no-repeat;
  cursor: Pointer;
}

.choiceBigB {
  background: url(images/B.png) left 5px no-repeat;
  cursor: Pointer;
}

.choiceBigA:hover, .choiceBigA.activeCB {
  background: url(images/A-ac.png) left 5px no-repeat;
  color: #FFFFFF !important;
}

.choiceBigB:hover, .choiceBigB.activeCB {
  background: url(images/B-ac.png) left 5px no-repeat;
  color: #FFFFFF !important;
}

.choiceBigACont, .choiceBigBCont {
  display: none;
  position: relative;
  top: -55px;
}

.choiceBigA2, .choiceBigB2 {
  cursor: Pointer;
}

.yellowC:before {
  background: #fed312;
}

.greenC:before {
  background: #95b535;
}

.pinkC:before {
  background: #d82078;
}

.smallMenu li {
  cursor: Pointer;
}

.smallMenu li:hover, .smallMenu li.active {
  font-weight: 700;
}

.smallMenu li:hover:before, .smallMenu li.active:before {
  background: #FFFFFF;
}

table {
  border-collapse: collapse;
  border-style: hidden;
}

table td, table th {
  border: 1px solid #FFFFFF;
  font-weight: 300 !important;
}

table th {
  background: #FFFFFF;
  border: 1px solid #21619f;
  color: #0f447b;
  padding: 10px;
}

table td {
  background: #0f447b;
  text-align: center;
  padding: 10px;
}

table.basicTable th {
  border: 0px;
}

table.basicTable td {
  background: none;
  text-align: left;
  padding: 0px;
  border: 0px;
}

table td.lighterTd {
  background: #1a5591;
}

table.basicTable td.tableFirst {
  background-color: #0f447b;
  border: 1px solid #2161a0;
  color: #FFFFFF;
  text-align: left;
  padding: 8px 25px 8px 25px;
  width: 240px;
}

table.basicTable td.tableSecond {
  background-color: #FFFFFF;
  border: 1px solid #2161a0;
  color: #0f447b;
  text-align: right;
  padding: 8px 25px 8px 25px;
  width: 275px;
}

table.basicTable td.tableThird {
  background-color: #c3d4e5;
  border: 1px solid #2161a0;
  color: #0f447b;
  text-align: right;
  padding: 8px 25px 8px 25px;
  width: 275px;
}

.cha1, .cha2, .cha3, .cha4 {
  display: none;
}

.openCh1, .openCh2, .openCh3, .openCh4, .openUp, .openTable, .closeTable {
  cursor: Pointer;
}

.noDisp {
  display: none;
}

#contentOuter #contentInner strong {
  font-weight: 700 !important;
}

.hp2MenuHov, .hp3MenuHov, .hp4MenuHov {
  display: none;
}

table.bilance td {
  text-align: left;
  padding: 10px 25px 10px 25px;
  width: 750px;
  font-weight: 700 !important;
  font-style: italic;
}

table.bilance th {
  font-weight: 700 !important;
  font-style: italic;
}

.bilance th input {
  color: #0f447b;
  text-align: right;
  border: 0px;
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  width: 200px;
}

.bilance th input.withUnits {
  width: 180px;
}

table tr.celkBil td {
  background-color: #37aeef;
  font-size: 22px;
  border-right: 0px;
}

table tr.celkBil th {
  background-color: #b1e0f9;
  border-left: 0px;
}

table tr.celkBil th {
  font-size: 22px;
  text-align: right;
  color: #0f447b;
  font-weight: 700 !important;
  font-style: italic;
}

input.ni {
  padding: 5px;
  outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
	background: -moz-linear-gradient(top, #efefef, #ffffff);
  border: 1px solid #717171;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 200px;
  margin-top: 5px;
}

input.ni:focus, input.niS:focus {
  box-shadow: 0px 0px 5px #082e76;
  -webkit-box-shadow: 0px 0px 5px #082e76;
  -moz-box-shadow: 0px 0px 5px #082e76;
}

input.niS {
  padding: 5px;
  outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
	background: -moz-linear-gradient(top, #efefef, #ffffff);
  border: 1px solid #717171;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 100px;
  margin-top: 5px;
}