﻿	body {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

div#hlavni p.obrazek-doprava,
p.obrazek-doprava {
	float: right;
	clear: right;
	width: 160px;
	margin: 5px 0 0 20px;
}

div#hlavni p.obrazek-doprava img,
p.obrazek-doprava img {
	background: url('../images/bck-foto-cervena.gif') no-repeat;
	padding: 10px;
	margin: 0 0 15px;
	border: 0;
	width: 140px;
}

div#hlavni p.obrazek-fotogalerie,
p.obrazek-fotogalerie {
	margin: 15px 0;
	padding: 0;
	width: 100%;
}

div#hlavni p.obrazek-fotogalerie img,
p.obrazek-fotogalerie img {
	background: url('../images/bck-foto-cervena.gif') no-repeat;
	padding: 10px;
	margin: 0 0 2px 2px;
	border: 0;
	width: 140px;
}

div#hlavni ul {
	margin: 0;
	padding: 5px 20px;
	list-style-type: square;	
}

div#hlavni ul li {
	margin: 2px 0;
	padding: 0;
}

div#hlavni ul.seznam-vyrazny,
ul.seznam-vyrazny {
	margin: 15px 0;
	color: rgb(44,73,142);
	border: 5px double rgb(248,212,118);
	background: url('../images/bck-ul-uvodka.gif');
}

div#hlavni ul.seznam-vyrazny li,
ul.seznam-vyrazny li {
	margin: 15px;
}

hr.oddelovaci-cara,
hr.oddelovaci-caraminisvet {
	clear: right;
}

div#hlavni p.obrazek-doprava img.joomslide,
p.obrazek-doprava img.joomslide {
	background: white;
	padding: 5px;
	margin: 0 0 15px;
	border: 5px solid rgb(183,39,39);
	width: 140px;
}

h2 {
	color: rgb(211,50,51);
	font-size: 12pt;
	margin: 5px 0;
	padding: 0;
}

h3 {
	font-size: 12pt;
	text-transform: uppercase;
	margin: 10px 0;
}

h4 {
	color: rgb(211,50,51);
	font-size: 11pt;
	margin: 5px 0;
	padding: 0;
}

div#hlavni p.odkaz-pdf,
p.odkaz-pdf {
	padding: 8px 0 0 35px;
	background: url('../images/piktogram-pdf.gif') no-repeat;
}

div#hlavni p.odkaz-web,
p.odkaz-web {
	padding: 2px 0 6px 35px;
	background: url('../images/piktogram-web.gif') no-repeat;
}

div#hlavni p.odkaz-mp3,
p.odkaz-mp3 {
	padding: 2px 0 6px 35px;
	background: url('../images/piktogram-mp3.png') no-repeat;
}

p.odkaz {
	font-weight: bold;
	color: rgb(217,51,51);
}

p.odkaz a {
	color: rgb(217,51,51);
}

div#hlavni p.flash-uvodka,
p.flash-uvodka {
	width: 160px;
	margin: 0;
	float: right;
}

div#hlavni p.flash-uvodka object,
p.flash-uvodka object {
	margin: 10px 0 15px;
}


/* cenik */
table.tabulka-cenik {
	border-collapse: collapse;
	border: 1px solid rgb(106,117,163);
	background: white;
	margin: 5px 0 30px;
}

table.tabulka-cenik th,
table.tabulka-cenik td {
	border: 1px solid rgb(106,117,163);
	padding: 5px 10px;
	text-align: center;
}

table.tabulka-cenik th {
	background: rgb(247,230,129);
}




/* banner na titulní strance */
table.titulni-banner {
	width: 685px;
	background: rgb(211,50,51);
	border-collapse: collapse;
	color: white;
	padding: 0;
	margin: 40px 0 0;
}

table.titulni-banner th,
table.titulni-banner td {
	width: 34%;
	vertical-align: top;
	padding: 10px;
	text-align: left;
	border-left: 2px solid white;
	border-right: 2px solid white;
	line-height: 12pt;
}

table.titulni-banner th {
	padding: 10px 10px 0;
	font-size: 14pt;
	line-height: 14pt;
}

table.titulni-banner .detsky-klub {
	text-align: left;
	color: rgb(106,117,163);
	color: rgb(44,73,142);
	background: rgb(243,225,40);
	border: 0;
	width: 33%;
}

table.titulni-banner .verejnost {
	background: rgb(78,171,79);
	border: 0;
	width: 33%;
}

table.titulni-banner tr.modry td {
	border: 0;
	border-top: 2px solid white;
	background: rgb(44,73,142);
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
}

table.titulni-banner p {
	width: auto;
	padding: 0;
}

div#hlavni table.titulni-banner a {
	color: white;
	text-decoration: none;
}

div#hlavni table.titulni-banner a:hover {
	text-decoration: underline;
}

div#hlavni table.titulni-banner .detsky-klub a {
	color: rgb(106,117,163);
	color: rgb(44,73,142);
}




/* piktogramy na titulní stránce */
div#hlavni p.piktogramy {
	width: 160px;
	margin: 20px 0 0 525px;
	text-align: right;
	position: absolute;
}

div#hlavni p.piktogramy img {
	margin: 0 0 5px;
	border: 0;
}
