@font-face {
  font-family: 'ptsans';
  src: url(PT_Sans-Web-Regular.ttf);
}
BODY {
  margin:0px;
  font-family: 'ptsans';
}
A {
	COLOR: darkblue
}
A.menu {
	COLOR: #7777FD; TEXT-DECORATION: none
}
A:hover {
	COLOR: #C0161B
}
A.menu:hover {
	COLOR: #C0161B; TEXT-DECORATION: none
}

}
A {
  color:black;
}
INPUT, TEXTAREA, SELECT {
  border-radius:5px;
  border:2px solid #00a0d3;
  padding: 8px;
  margin-top:5px;
}
.hlavicka {
  display:table;
  background-color: #0061B5;
  width:100%;
  height: 100px;
}
.hlavicka2 {
  display:table;
  background-color: #0061B5;
  width:100%;
  height:50%;
}
.hlavicka2in {
  display:table-cell;
  width:100%;
  height:100%;
  background-image: url("pozadi-test.jpg");
  background-size:cover;
  vertical-align:middle;
  color:white;
  font-size:35px;
  text-align:center;
}
.paticka1 {
  vertical-align:top;
  background-color: #E6DF45;
  width:100%;
  min-height: 100px;
}
.paticka1modra {
  vertical-align:top;
  background-color: #E6F5FB;
  width:100%;
  min-height: 100px;
}
.patickain {
  padding-top:8px;
  padding-bottom:8px;
  color:black;
  text-align:center;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}
.paticka2 {
  vertical-align:top;
  background-color: #003869;
  width:100%;
  min-height: 100px;
}

.logo {
  padding-top: 15px;
  padding-left: 8%;
}
.motto {
  padding-top: 33px;
  padding-right: 8%;
  float:right;
  font-size: 25px;
  color: white;
}
.pozadikruh {
  background-image: url("pozadikruh.png");
  background-size:100% 100%;
}
.tabbila {
  display:table;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  max-width:90%;
  border:1px solid lightgrey;
  padding:15px;
  border-radius:10px;
}
.tdbila {
  font-size:12px;
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
  margin-top:7px;
  vertical-align:top;
  border-top:2px solid lightgrey;
  width:auto;
}
.button {
  display:inline-block;
  border-radius:10px;
  background-color:#00a0d3;
  color:white;
  font-size:18px;
  font-weight:strong;
  min-width:150px;
  height:40px;
  vertical-align: bottom;
  padding-top:12px;
  transition: all 1s ease;
}
.button:hover {
  color:black;
}
.tlacitko-inputtext {
  margin-top:10px; 
  max-width:300px;
  width:100%;
}
.palivomerobal {
  display:table;
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  font-size:22px;
  font-weight:bold;
}
.palivomer {
  display:table-cell;
  width:36px;
  height:36px;
  border-radius:50%;
  background:white;
  border:12px solid #00A0D3;
  text-align:center;
  line-height:36px;
  color:#00A0D3;
}
.palivomerselected {
  color:white;
  border-color:white;
  background-color:#00A0D3;
}
.palivomertecky {
   display:table-cell;
   background: transparent url(bg.png) space 0 0;
   width:auto;
}
.downloadbutton {
  color:white;
  border:1px solid white;
  width:250px;
  border-radius:5px;
  height:45px;
  text-align:left;
  font-size:15px;
  padding-top:8px;
}
.downloadbutton:hover {
  background-color:#00A0D3;
}
.iframebutton:hover {
  background-color:#00A0D3;
}
.listaodkaz {
  color:#00a0d3;
  text-decoration:none;
}
.listaodkaz:hover {
  text-decoration:underline;
}
.odsazeni {
  margin:5px;
  max-width:1200px;
  min-height:50vh;
  margin-left:auto;
  margin-right:auto;
}