body {
  width: 1000px; 
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 0px;
  font-family: "Verdana","Helvetica CE","Arial CE","Helvetica","Arial",sans-serif;
  font-size: 90%;
  color: #1D2B44;
  background-color:#ffffff;
}
.libertinus-mono-regular {float: left; font-family: "Libertinus Mono", monospace; font-weight: 400; font-style: normal;}
h4.titulni {margin: 0px 5px 0px 5px; padding: 0px 0px 0px 10px; font-size: 250%;  color: #990000;}

table {border-collapse: collapse; border-color: #2E1A56;}

/* formuláře */
.formul {margin: 0px 0px 0px 0px; padding: 10px 5px 10px 5px; text-align:left;}
.formul legenda { border:1px solid #C5CAD3;} 
.fields {padding:30px; border:1px solid #C5CAD3; border-radius: 8px;}
.formul label {display:block; float:left; width: 180px; margin:0 10px .6em 0em;} 
.formul span {display:block; float:left; margin-bottom:.6em;}
.formul br {clear:left;}
input{border: 2px solid #99cccc; border-radius: 8px; padding: 5px 15px 5px 15px;}
select {border: 2px solid #99cccc; border-radius: 8px; padding: 5px 15px 5px 15px;}
textarea {border: 2px solid #99cccc; border-radius: 8px; padding: 5px 15px 5px 15px;}
input:focus {color: #336666; outline: 1px solid #99cccc;}
select:focus {color: #336666; outline: 1px solid #99cccc;}
textarea:focus {color: #336666; outline: 1px solid #99cccc;}
input.visited {color: #336666; outline: 1px solid #99cccc;}
select.visited {color: #336666; outline: 1px solid #99cccc;}
textarea.visited {color: #336666; outline: 1px solid #99cccc;}
.error-message {color: red; font-size: 14px; margin-top: 5px; padding: 5px 10px 5px 10px;}

/* odkazy */ 
a {color:#4F6287; text-decoration: none;}
a:hover {color: #990000; text-decoration: underline;}
a.strankovani {font-size: 90%; color: #4F6287; text-decoration: none;}
a.strankovani:hover {font-size: 90%; color: #990000; text-decoration: underline;}
a.uprav {color:#f39; text-decoration: none;}
a.uprav:hover {color: #f39; text-decoration: underline;}
a.logo {color:#4F6287; text-decoration: none;}
a.logo:hover {color: #990000; text-decoration: none;}

header {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; background-color:#ffffff;}
#top_levy {float: left; width: 240px; height: 90px; margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px;}	
#top_pravy {float: right; text-align: right; width: 740px; margin: 1px 5px 0px 0px; padding: 0px 0px 0px 0px; height: 90px;}	
.datum {text-align: right; font-size: 80%; margin: 2px 0px 0px 0px; padding: 2px 10px 2px 10px; background-color:#FFE4C4; border-radius: 4px;}	

nav ul{float: right; margin: 0px 0px 0px 0px; padding: 3px 5px 2px 5px; height:35px; background-color:#FFCC33; border-radius: 4px;}
nav li {margin: 5px 5px 0px 5px; padding: 0px 0px 0px 0px; list-style: none; display: inline;}
nav ul li a {padding: 4px 9px 4px 9px; line-height:34px; color:#334666; text-decoration:none; border:1px solid #FF9933; border-radius: 4px;}
nav ul li a:hover {color:#2E1A56; text-decoration:none; border:1px solid #2E1A56; border-radius: 4px;}
nav li a.active {color:#2E1A56; font-weight:bold; text-decoration:none; border:1px solid #2E1A56; border-radius: 4px;}

ul.katalog {margin: 5px 0px 0px 0px; padding: 5px 5px 0px 5px; height:70px; background-color:#E2E8F4; border:1px solid #CCCCFF; border-radius: 4px;}
li.katalog {margin: 6px 5px 0px 5px; padding: 0px 0px 0px 0px; list-style: none; display: inline; border-radius: 4px;}
ul li.katalog a {padding: 4px 9px 4px 9px; line-height:34px; color:#334666; text-decoration:none; border:1px solid #6699FF; border-radius: 4px;}
ul li.katalog a:hover {color:#2E1A56; text-decoration:none; border:1px solid #2E1A56;}
li.katalog a.active {color:#2E1A56; font-weight:bold; text-decoration:none; border:1px solid #2E1A56;}

main {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color:#ffffff;}
section {margin: 0px 5px 0px 5px; padding: 0px 0px 0px 0px; float: left; width: 665px;}
article {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
aside {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: auto; width: 320px;}
footer {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 7px; background-color:#E2E8F4; border:1px solid #CCCCFF; border-radius: 4px;}
figure {margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align:center; background-color:#F8D88C;}

.clear {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both;}
.clear_l {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: left;}
.clear_r {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: right;}

h1 {margin: 10px 0px 0px 0px; padding: 4px 0px 4px 10px; font-size: 100%; border-radius: 4px; background-color:#FFE4C4;}
h2.hlavni {margin: 10px 0px 0px 0px; padding: 4px 0px 4px 10px; font-size: 100%; border-radius: 4px; background-color:#FFE4C4;}
h3.hlavni {margin: 10px 5px 0px 5px; padding: 2px 0px 2px 10px; font-size: 100%; color: #5a346f; background-image: url("http://www.vivat.cz/image/zada_h1.png");}

/* obecné */
p {margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px;}
.oramtext {margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; border: 1px solid #C5CAD3; border-radius: 4px;}
.center {text-align:center; margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px;}
.oramcenter {text-align:center; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; border: 1px solid #C5CAD3; border-radius: 4px;}
.ok {margin: 10px 5px 10px 5px; padding: 17px 3px 17px 55px; color: #408040; font-weight: bold; background-color: #A8FAB9; border: 1px solid #408040; background-image: url("http://www.vivat.cz/image/ok.png"); Background-repeat: no-repeat; background-position: 2px 2px; border-radius: 4px;}	
.error {margin: 10px 5px 10px 5px; padding: 17px 3px 17px 55px; color: #ff3399; font-weight: bold; background-color: #FBB0FC; border: 1px solid #ff3399; background-image: url("http://www.vivat.cz/image/error.png"); Background-repeat: no-repeat; background-position: 2px 2px; border-radius: 4px;}	
.datum_sloupec {color: #8E7175;}	

.portal {margin: 10px 10px 7px 25px; padding: 5px 5px 5px 5px; width: 440px; float: left; background-image: url("http://katalog-stranek.vivat.cz/image/folder_yelow.png"); Background-repeat: no-repeat; background-position: 0px 5px;}
.portal_rubrika {padding: 1px 0px 5px 22px; font-weight: bold;}

/* katalog */
.odkaz {margin: 5px 5px 10px 5px; padding: 0px 0px 0px 0px;}
.odkaz_popisek {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 5px;}
.oramodkaz {margin: 5px 5px 10px 5px; padding: 0px 0px 0px 0px; border: 1px solid #C5CAD3;}
.odkaz_www_adresa {margin: 2px 0px 2px 5px; padding: 0px 5px 0px 0px; color: #78BAAD;}
.odkaz_kraj {margin: 2px 0px 2px 15px; padding: 0px 5px 0px 0px; color: #BCC6CD;}
.nahled {margin: 0px 0px 0px 0px; padding: 2px 0px 0px 2px; float: left;}
.odkaz_popisek_nahled {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 5px; float: right; width: 818px;}
h2.odkaz {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; font-size: 100%; color: #5a346f; background-color: #D9DCE4; background-color:#E2E8F4;}
h3.odkaz {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; font-size: 100%; color: #5a346f; background-color: #D9DCE4; background-color:#E2E8F4;}
h4.odkaz {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; font-size: 100%; color: #5a346f; background-color: #D9DCE4; background-color:#E2E8F4;}
h5.odkaz {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; font-size: 100%; color: #5a346f;}

/* stránkování */
.count_lev {float: left; width: 385px; padding: 4px 0px 4px 10px; margin: 10px 0px 10px 0px; font-size: 90%; background-color: #FFE4C4;}	
.count_prav {float: right;  width: 600px; padding: 4px 5px 4px 0px; margin: 10px 0px 10px 0px; font-size: 90%; text-align: right; background-color: #FFE4C4;}	
.count_dolni {padding: 4px 0px 4px 0px; margin: 10px 0px 10px 0px; font-size: 110%; text-align: right; background-color: #FFE4C4;}