body {
	padding: 5px 5px;
	margin: 0;
	font-family: Verdana, Arial, helvetica;
	font-size: 12px;
}

#maincontainer {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	background-image: url('images/border.png');
	background-repeat: repeat-y;
}

#container {
	padding: 0px 20px;
}

#footer {
	padding: 20px 0;
	text-align: center;
}

.navig {
	padding-top: 6px;
	text-align: center;
	background: #EAEAEA;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%); /* W3C */
}

.tab {
	padding: 4px;
	text-align: bottom center;
}

.tabactive {
	padding: 4px;
	text-align: bottom center;
	background-image: url('images/nav.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	filter: none;
}

.navig a:link {
	text-decoration: none;
   color: #000;
}

.navig a:visited {
	text-decoration: none;
   color: #000;
}

.navig a:hover {
	text-decoration: underline;
   color: #000;
}

.content {
	border-top: 0px solid #999;
	padding: 10px;
	line-height: 18px;
	background-image: url('images/text.png');
	background-repeat: repeat-x;
}

.content h1 {
	font-weight: bold;
	font-size: 2em;
	margin: 20px 0;
	padding: 0;
}

.content h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 20px 0 10px 0;
	padding: 0;
}

.content h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 5px 0;
	padding: 0;
}

.content p {
	margin-top: 2px;
	padding-top: 2px;
	border-top: px;
}

.content ul {
	margin-top: 2px;
	padding-top: 2px;
	border-top: px;
}


.propotext {
	padding-left: 1em;
}

table.startovne td.center {
	text-align: center;	
}
table.startovne td, table.startovne th {
	padding: 5px;	
}
.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}
.clear {
	clear: both;
}
div.partneri div.alignLeft {
	margin: 20px 20px 0 0;
}
div.partneri h1, div.partneri h2 {
	margin-bottom: 15px;
}
a img {
	border: 0;
}
td.number {
	text-align: right;
}
td.center {
	text-align: center;
}
table.vysledky td.kategoria {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}
table.vysledky td {
	padding: 2px 3px;
}
table.vysledky th {
	padding: 2px 5px;
}
.error_message {
	color: red;
	font-size: 0.95em;
}
table.prihlasky td {
	padding: 2px 4px;
}
td.icon, td.icon a {
	text-align: center;
	vertical-align: middle;
}

table.prihlaska tr {
	height: 25px;
}


/* ---- formulare: pole nesmie byt sirsie ako displej ---- */
input[type=text], input[type=password], input[type=email], input[type=number], select, textarea {
	max-width: 100%;
	box-sizing: border-box;
}
input[type=submit] {
	padding: 4px 10px;
}
img {
	max-width: 100%;
	height: auto;
}

/* ---- mobily ---- */
@media (max-width: 600px) {
	body {
		padding: 5px 2px;
	}

	/* pod 16px iPhone pri kliknuti do pola priblizi stranku */
	input, select, textarea {
		font-size: 16px;
	}
	input[type=submit] {
		padding: 10px 16px;
	}

	/* formular prihlasky (nova.php): popis nad polom namiesto vedla neho */
	table.formular, table.formular tbody, table.formular tr, table.formular td {
		display: block;
		width: auto !important;   /* prebije inline style="width: 30%" */
	}
	table.formular tr {
		height: auto;
	}
	table.formular td {
		padding: 1px 0;
	}
	table.formular td:first-child {
		padding-top: 8px;
	}
	table.formular input[type=text], table.formular input[type=password], table.formular input[type=email] {
		width: 100%;
	}
	table.formular input[inputmode=numeric], table.formular input[type=number] {
		width: 8em;
	}

	/* zoznam prihlasenych (prehlad.php): kazdy tim ako karticka, popisy z data-label */
	table.karty, table.karty tbody, table.karty tr, table.karty td {
		display: block;
		width: auto !important;
	}
	table.karty tr.hlavicka {
		display: none;
	}
	table.karty tr {
		padding: 6px 4px;
		border-bottom: 1px solid #ddd;
	}
	table.karty tr:first-child {
		border-bottom: 0;
	}
	table.karty td {
		padding: 1px 0;
		text-align: left !important;
	}
	table.karty td.nazov {
		font-weight: bold;
	}
	table.karty td[data-label]::before {
		content: attr(data-label) ": ";
		font-style: italic;
		color: #666;
	}
	table.karty td.icon {
		display: inline-block;
		margin-right: 16px;
	}
	table.karty td.icon a {
		display: inline-block;
		padding: 6px;
		vertical-align: middle;
	}
}