#main{
  padding-top: 3rem;
}

h1{
  margin-top: 0;
}

.articleImg{
  margin-right: 15px;
  margin-bottom: 15px;
}

.coloredText{
  color: #c10841;
}

.longHeading{
  font-size: 2.3rem;
}


#nastroje-1 {
  width: 100%;
  background: #999;
  font-size: 110%;
  border-collapse: collapse;
}
#nastroje-1 span {
  float: left;
  margin: 10px;
  padding: 10px;
  text-align: center;
  display: block;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}
#nastroje-1 td.col1 {
  width: 160px;
}
#nastroje-1 td.col1 span {
  width: 140px;
  background: #fff;
  color: #333;
  font-weight: bold;
}
#nastroje-1 td.col2 span {
  width: 120px;
  cursor: help;
  pointer: help;
  border: 1px solid #aaa;
  background: #1a6a9e;
  color: #fff;
  font-weight: bold;
}
#nastroje-1 td.col2 strong {
  color: #00688f;
}
#nastroje-1 td.col2 span.wider {
  width: 200px;
}
#nastroje-1 td.space {
  white-space: nowrap;
}
#nastroje-1 td.space div {
  width: 9px;
  height: 9px;
  background: #fff;
  float: left;
  margin: 2px;
}
#nastroje-1 td {
  background: #c3c3c3;
}
#nastroje-1 tr.yellow td {
  background: #dece00;
}

p.explain {
  font-size: 90%;
  text-align: center;
  padding-top: 3px;
  font-style: italic;
}
#nastroje-2 {
  width: 710px;
  height: 225px;
  margin: 0;
  position: relative;
  background: url('nastroje-2.png') no-repeat left top;
}
#nastroje-2 img {
  z-index: 50;
}
#nastroje-2 a {
  border: 0;
  text-decoration: none;
  cursor: help;
  pointer: help;
  z-index: 999;
}
#nastroje-2-tip-1 {
  width: 89px;
  height: 60px;
  display: block;
  position: absolute;
  left: 6px;
  top: 160px;
}
#nastroje-2-tip-2 {
  width: 343px;
  height: 60px;
  display: block;
  position: absolute;
  left: 102px;
  top: 160px;
}
#nastroje-2-tip-3 {
  width: 137px;
  height: 60px;
  display: block;
  position: absolute;
  left: 458px;
  top: 160px;
}
#nastroje-2-tip-4 {
  width: 111px;
  height: 60px;
  display: block;
  position: absolute;
  left: 598px;
  top: 160px;
}
.modal-header h3 {
  color: #00688f;
  font-size: 130%;
}

.besipWrap{
  /*
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  */
  padding: 15px;
  padding-top: 5px;
  /*
  background-color: rgba(0, 0, 0, 0.82);
  background: rgba(0, 0, 0, 0.82);
  color: rgba(0, 0, 0, 0.82);
  */
  background-color: rgba(0, 0, 0, 0.82);
  background: rgba(0, 0, 0, 0.82);
  color: rgba(0, 0, 0, 0.82);  
  
}

.besipWrap p{
  color: #fff;
}



table.ZahMapTable{
  width: 650px;
}

table.ZahMapTable tr td,
table.ZahMapTable tr th
{
  padding: 2px;
  text-align: center;
}

table.ZahMapTable tr th{
  background-color: #efefef;
}


span.jednotka{
  color: #666;
  font-size: 1rem;
}
span.hodnota{
  font-weight: bold;
  color: #666;
}

/* ---------------------- */


/*----*/

table.ZahMapTable{
  width: 650px;
}

table.ZahMapTable tr td,
table.ZahMapTable tr th
{
  padding: 2px;
  text-align: center;
}

table.ZahMapTable tr th{
  background-color: #efefef;
}

table.ZahMapTable tr td.ZahParameter{
  font-weight: normal;
  font-size: 0.8rem;
}

span.jednotka{
  color: #666;
  font-size: 1rem;
}
span.hodnota{
  font-weight: bold;
  color: #666;
}

/* ---------------------- */


table.ZahMapTable1{
  /* width: 100%; */
  width: 850px;
}

table.zahmaptable1 tr td,
table.zahmaptable1 tr th
{
  font-size: 0.8rem;
  padding: 2px;
  text-align: center;
}

table.zahmaptable1 tr th{
  background-color: #efefef;
}

table.zahmaptable1 tr td.ZahParameter{
  font-weight: bold;
}

span.jx{
  color: #666;
  font-size: 0.8rem;
  font-weight: normal;
}
span.hx{
  font-size: 0.8rem;
  font-weight: normal;
  color: #666;

}

.i50px{
  width: 46px;
}

.i50pxy{
  width: 46px;
  background-color: #fbeab5;
}

.i50pxP{
}

.i50pxyP{
  background-color: #fbeab5;
}

.text-align-left{
  text-align: left;
}


.textLabelclass{
  white-space:nowrap;
  font-weight: 300;
  text-shadow: 0 0 0.1em black, 0 0 0.1em black,
  0 0 0.1em black,0 0 0.1em black,0 0 0.1em;
  color: #e9ff00;
}

.info { padding: 6px 8px;  background: white; background: rgba(255,255,255,0.8); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; width: 250px; }
.info h4 { margin: 0 0 5px; color: #777; }
.legend { text-align: left; line-height: 18px; color: #555; }
.legend i { width: 18px; height: 18px; float: left; margin-right: 8px; opacity: 0.7; }

@media (min-width: 768px){
  .navbar-form .form-control {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
  }
}


.modal {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.smallHeading{
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

TD{
  font-size: 0.7rem;
}