H2 {
color: #EFEFEF !important;
background-color: black;
padding: 10px 10px !important;
font-size: 1.1em;
line-height:120%;
text-transform:uppercase;
}

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background-color: #f0f0f0;
}

a {
text-decoration:none;
color:#505050;
text-decoration:none;
font-size:0.9em;
}

table {
font-size:0.9em;
color:#505050
}

#maincontent
{
margin-left: auto;
margin-right: auto;
background-color: white;
padding: 10px;
max-width: 605px;
}

/*
@media only screen and (min-width:1211px)
{
#maincontent
{
max-width: 1210px;
}
}
@media only screen and (max-width:1210px)
{
#maincontent {
max-width: 605px;
}
}
*/

.maincolumn {
max-width:600px;
/*display: inline-block;*/
vertical-align: top;
}

#maincontent .maincolumn td {
background-color:transparent;
color:black;
border:0px none transparent;
padding: 5px 3px;
}

#maincontent .maincolumn table {
margin:0px;
width:100%;
}

.nepovinne_pole {
background-color:lightgray
}

.povinne_pole {
background-color:#FFCC02
}

.chyba {
color:red
}

.podlabel {
}

.nadpislabel {
margin-top:10px;
font-size:100%;
}

.Navigace {
background-color:#888888;
padding:10px;
margin:2px;
border:0px solid black;
font-weight:bold;
cursor:pointer;
}

#Zapis, #ZaplatitKartou {
background-color:#339933;
color:#FFFFFF !important;
padding:10px;
margin:2px;
border:0px solid black;
font-weight:bold;
cursor:pointer;
}

#Zapis:disabled, #ZaplatitKartou[aria-disabled="true"] {
background-color:#83E983;
pointer-events: none;
text-decoration: none;
cursor: not-allowed;
}

@media only screen and (max-width: 700px) {
table {font-size:14px;}
}

.zlt {
background-color:#FADDAA;
padding: 0px 8px;
}

.ndp1 {
text-align:right;
}

#KARTA_1 {
border-collapse:collapse;
}

#KARTA_1 TD {
padding:2px;
}

INPUT, SELECT, TEXTAREA {
border:2px solid black;
box-sizing: border-box;
}

.Seda {
color:#AAA;
}

#Mezinadpis100 {
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
}

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

.bunka-leva {
float:left;
width:49%;
}

.bunka-prava {
float:right;
width:49%;
}

.float-br {
clear:both;
}

.ruka-srdce-dar {
height:60px;
float:right;
margin:-16px;
filter:invert(100%)
}

@media only screen and (max-width:400px)
{
.bunka-leva {
float:none;
width:100%;
}

.bunka-prava {
float:none;
width:100%;
}

.float-br {
display:none;
}

}