body { 
  margin-left: auto;
  margin-right: auto;
  font-family: 'Arial';
  font-size: 15px;
  color: #000000;
  overflow-x: auto;
  background-color: #ffffff;
}

@font-face {
       font-family: 'Arial';
       src: url('/css/arial/ArialMT.eot');
       src: local('Arial'), local('ArialMT'),
              url('/css/Arial/ArialMT.eot?#iefix') format('embedded-opentype'),
              url('/css/Arial/ArialMT.woff') format('woff'),
              url('/css/Arial/ArialMT.ttf') format('truetype');
       font-weight: normal;
       font-style: normal;
}


@font-face {
	font-family: 'Arial Narrow';
	src: url('ArialNarrow.eot');
	src: local('Arial Narrow'), local('ArialNarrow'),
		url('ArialNarrow.eot?#iefix') format('embedded-opentype'),
		url('ArialNarrow.woff') format('woff'),
		url('ArialNarrow.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.content {
  text-align: center;
  max-width: 600px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 100px;
}


header.masthead .title {
  position: relative;
  width:100%; 
  height:80px; 
  font-size: 76px;
  font-family: "Arial Narrow" !important;       
  text-align: center;
  text-transform: uppercase;
}



header.masthead .subtitle
 {
  position: relative;
  width:100%; 
  margin: 5px; 
  font-size: 44px;
  font-family: "Arial" !important;       
  text-align: center;
}

header.masthead .and
 {
  position: relative;
  width:100%; 
  font-size: 24px;
  font-family: "Arial" !important;       
  text-align: center;
}

.menu1 {
  position: relative;
  height: 20px;
  font-family: 'Arial' !important;       
  font-weight: 900;       
  font-size: 20px;       
  color: #ff0000;
  margin: 20px;
}

.zakon {
  position: relative;
  height: 20px;
  font-family: 'Arial' !important;       
  font-weight: 900;       
  font-size: 20px;       
  color: #000000;
  margin: 20px;
}


a.menu1 {
  text-decoration: underline;
}

a.menu1:hover {
}


#blink1 {
  -webkit-animation: blink1 3s linear infinite;
  animation: blink1 3s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { color: rgba(255, 0, 0, 1); }
  50% { color: rgba(255, 0, 0, 0); }
  100% { color: rgba(255, 0, 0, 1); }
}
@keyframes blink1 {
  0% { color: rgba(255, 0, 0, 1); }
  50% { color: rgba(255, 0, 0, 0); }
  100% { color: rgba(255, 0, 0, 1); }
}

#blink2 {
  -webkit-animation: blink2 3s linear infinite;
  animation: blink2 3s linear infinite;
}
@-webkit-keyframes blink2 {
  0% { color: rgba(0,0,255, 1); }
  50% { color: rgba(0,0,255, 0); }
  100% { color: rgba(0,0,255, 1); }
}
@keyframes blink2 {
  0% { color: rgba(0,0,255, 1); }
  50% { color: rgba(0,0,255, 0); }
  100% { color: rgba(0,0,255, 1); }
}

.row-navi {
 margin-top:10px;
 margin-bottom:10px;
}

.btn-navi {
 border-color: #003090;
 background-color: #003090;
 font-family: 'Arial'  !important;
 font-weight: bold;
 font-size: 20px;
 border-radius: 10px;
 width: 100%;
 height: 100%;
 padding: 10px;
 display: table;
 color: #ffffff;
}

.btn-navi:hover {
  background-color: #011846;
  border-color: #011846;
}