@font-face {
	font-family: Ubuntu;
	src: url('./fonts/Ubuntu-Light.ttf');
  font-weight:normal;
}
@font-face {
	font-family: Ubuntu;
	src: url('./fonts/Ubuntu-Medium.ttf');
  font-weight:bold;
}
body {
  margin:0; padding:0;
  font:normal 90%/150% 'Ubuntu', Verdana,sans-serif;
  background:#f1f3f5;
  color:#444;
}
form {
  margin:1em 0; padding:0;
}
/*img {
  padding:4px;
  border:1px #ddd solid;
  box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.2);
}*/
input, button, select, textarea {
  padding:0.2em 0.5em;
  font:normal 100%/150% 'Ubuntu', Verdana,sans-serif;
  border:1px #888 dotted;
  background:#ffe;
}
input[name='kolo'], input[name='cislo'] {
  width:3em;
}
input[name='datum'], input[name='hriste'], input[name='domaci'], input[name='hoste'], input[name='registrace'], input[name='prijmeni'], input[name='jmeno'], input[name='zacatek'], input[name='konec'], input[name='narozeni'] {
  width:8em;
}
input[name='datum'] {
  width:10em;
}
input[type='submit'], button {
  background:#6c0;
  color:#fff;
  border:0;
  cursor:pointer;
}
input[type='submit']:hover, button:hover {
  background:#3c0;
  cursor:pointer;
}
.edit {
  background:#6cf;
}
.edit:hover {
  background:#0cf;
}
input.smazat {
  background:#f60;
}
input.smazat:hover {
  background:#c60;
}
input[disabled], input[disabled]:hover {
  background:#ccc;
  cursor:auto;
}
table {
  width:auto;
  margin:1em 0; padding:0;
  border-collapse:collapse;
  border:1px #ddd solid;
}
th, td {
  padding:0.2em 0.4em;
  border:1px #ddd solid;
}
th {
  background:#eee;
  border-bottom:2px #aaa solid;
}
h1 {
  margin:0; padding:0;
  font-size:150%;
  line-height:150%;
}
h2 {
  text-transform:uppercase;
  color:#4c5c2d;
}
h3 {
  color:#4c5c2d;
}
#page {
  width:100%;
  margin:0 auto;
  padding:1em 0;
  text-align:center;
  background:#f1f3f5;
}
header, main, nav, footer {
  max-width:90%;
  margin:0.5em auto;
  background:#fff;
  border:1px #ddd solid;
  text-align:left;
}
header {
  margin-top:0;
  padding:10px 0;
  position:relative;
  background:#fff url('../img/krysa.new.png') 20px 50% no-repeat;
}
header h1 {
  margin-left:100px;
}
footer {
  text-align:right;
}
.offset {
  padding:0.4em 1em;
}
#hlavni {
  float:left;
  width:66%;
  border:0;
}
#vedlejsi {
  float:right;
  width:30%;
}
#vedlejsi table {
  width:100%;
}
.clearer {
  clear:both;
}
nav {
  padding:0.5em 0;
}

nav ul {
  margin:0; margin:0 1em;
  padding:0;
  list-style-type:none;
}
nav ul li {
  margin:0; margin-left:0.5em;
  padding:0; padding-left:0.5em;
  float:left;
  border-left:1px #ddd solid;
}
nav ul li:first-child {
  margin:0;
  padding:0;
  border:0;
}

nav ul li a {
  display:block;
  width:auto;
  margin:0;
  padding:0.1em 1em;
  /*background:#f7f7f7;
  border:1px #ddd solid;*/
  text-decoration:none;
  color:#888;
  text-transform:uppercase;
}
nav ul li:first-child a {
  padding:0.1em 1em 0.1em 0;
}
nav ul li a:hover, nav ul li a.active {
  /*background:#f7f7f7;*/
  color:#222;
  text-decoration:underline;
}
nav ul li a.active {
  text-decoration:none;
  font-weight:bold;
}
nav ul li a.active .fa, nav ul li a:hover .fa, a .fa {
  color:#bcaa3c;
}
.narozeniny {
  float:right;
  margin:0 1em;
}
.suda {
  background:#f4f4f4;
}
.ta-right {
  text-align:right;
}
.ta-center {
  text-align:center;
}
.ano {
  background:#9f6;
}
.ne {
  background:#f96;  
}
.velka {
  text-transform:uppercase;
}
.fa {
  margin-right:0.5em;
  color:#aaa;
}
.udalost {
  margin:1em 0;
  border:1px #ddd dotted;
}
.udalost h3 {
  font-size:125%;
  margin:0.3em 0;
}
.udalost h4 {
  padding-top:1em;
  border-top:1px #ddd dotted;
}

ol.komentare {
  list-style-type:none;
}
li.komentar {
  padding:0.1em 0.5em;
  border-bottom:1px #ddd dotted;
}
li.komentar:nth-child(even) {
}
.pridani-komentare {
  padding-left:0em;
}
.pridani-komentare input {
  width:90%;
}
.pridani-komentare textarea {
  width:90%;
}
.pridani-komentare button {
  clear:both;
}

.udalost-komentar {
  margin-right:1em;
  text-align:right;
  font-size:90%;
  color:#bbb;
}
.udalost-komentar a {
  color:#4c5c2d; // #bcaa3c;
}
.do {
  width:86%;
  float:left;
}
.di {
  float:left;
  width:10%;
  margin-right:3%;
}
.dt {
  padding:0.5em 0;
  font-size:80%;
  text-align:center;
  background:#f2f2f2;
}
.dt span {
  display:block;
  font-size:150%;
}
.datetime {
  margin:0;
  padding:0;
  font-size:90%;
  color:#bbb; // #bcaa3c;
}
.zapasinfo {
  background:#fff;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .4em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs, .ui-widget-header, .ui-tabs-nav {
  background:none;
}
.ui-widget.ui-widget-content, .ui-widget .ui-widget-header {
	border:0;
}
.ui-widget .ui-widget-header {
  border-bottom:1px #ddd solid;
}
.ui-tabs .ui-tabs-active {
  background-color:#fff;
}

.ui-corner-top {
  border-radius:0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #e5e5e5;
	background: #f6f6f6;
	font-weight: normal;
	color: #666;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #666;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #ddd;
	background: #fff;
	font-weight:bold;
	color: #222;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #222;
	text-decoration: none;
}

.ui-corner-all {
  border-radius:0;
}

.ui-dialog {
  border:solid #ddd 1px !important;
  background:#fafafa;
  box-shadow: 0px 4px 12px 0 rgba(0,0,0,0.4);
}
.ui-dialog td {
  background:#fafafa;
}
.ucast {
  display:none;  
}


/* mobile */
@media screen and (max-width: 736px) {
  #hlavni {
    float:none;
    width:100%;
  }
  #vedlejsi {
    float:none;
    width:100%;
  }
.ucast {
  display:block;  
}
}
.ikona {
  width:1em;
}
div.rozpisy table tr td:hover, strong.zapas-info:hover, tr.detail:hover {
  cursor:pointer;
}