/******************************************************************************/
/*  GENERAL SETTINGS                                                          */
/******************************************************************************/
body, p, h1, h2, h3, h4, h5, ul, ol, li, form {
	margin: 0;
	padding: 0;
}
body {
	background: #eef1ce url('../images/bg_body.gif') top repeat-x;
	padding: 0 0 0 0;
	font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, "Trebuchet MS", "Verdana CE", Verdana, sans-serif;
	font-size: 12px;
	color: black;
	text-align: center;
}
td {
	font-size: 12px;
	padding: 0;
	vertical-align: top;
}
th {
	font-size: 12px;
	text-align: left;
	padding: 0;
}
img {
	border: 0;
}
a {
	color: #886d46;
}
a:hover {
	background-color: #f79800;
	color: #fff;
	text-decoration: none;
}
div.cleaner {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
}

/******************************************************************************/
/******************************************************************************/

#container {
	width: 990px;
	margin: 40px auto 0 auto;
	text-align: left;
}

/******************************************************************************/

#edgeTop {
	height: 25px;
	background: url('../images/edge_top.gif') no-repeat;
}

#containerBody {
	background: url('../images/bg_container.gif') repeat-y;
	padding: 21px 0;
}

#edgeBottom {
	height: 25px;
	background: url('../images/edge_bottom.gif') no-repeat;
}

/******************************************************************************/
/******************************************************************************/

#header {
	height: 195px;
	position: relative;
}
.headerNormal {
	background: url('../images/bg_header.jpg') no-repeat top center;
}
.headerPark {
	background: url('../images/bg_header2.jpg') no-repeat top center;
}
.headerKids {
	background: url('../images/bg_header3.jpg') no-repeat top center;
}
.headerHippies {
	background: url('../images/bg_header4.jpg') no-repeat top center;
}
.headerWater {
	background: url('../images/bg_header5.jpg') no-repeat top center;
}


/******************************************************************************/

#mainMenu {
	width: 100%;
	position: absolute;
	z-index: 100;
}
#mainMenu ul {
	background: #a2885f;
	list-style: none;
	height: 43px;
	margin: 0 47px;
	padding: 0 0 0 12px;
}
#mainMenu ul li {
	float: left;
	position: relative;
}
#mainMenu ul li a {
	color: white;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 13px 13px 0 13px;
	height: 30px;
}

#mainMenu ul li.active a {
	background: #886d46;
	text-decoration: none;
}

#mainMenu ul li.opened a,
#mainMenu ul li a:hover
{
	background: #f79800;
}

#mainMenu .subMenu {
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	padding: 0 0 0 0;
	list-style: none;
	z-index: 100;
}
#mainMenu .subMenu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 6px 0;
	height: auto;
	background: #f79800;
}
#mainMenu .subMenu ul li {
	float: none;
	height: auto;
	background: none;
}
#mainMenu .subMenu ul li a {
	display: block;
	padding: 4px 12px 4px 12px;
	height: auto;
	white-space: nowrap;
	text-decoration: underline;
}
#mainMenu .subMenu ul li a:hover {
	text-decoration: none;
}

/******************************************************************************/

#languageAndFontSettings ul.languageSelect {
	display: none;
}

#languageAndFontSettings ul.fontSizeSelect {
	position: absolute;
	top: 80px;
	right: 62px;
	list-style: none;
}
#languageAndFontSettings ul.fontSizeSelect li {
	float: left;
	margin: 0 0 0 7px;
}
#languageAndFontSettings ul.fontSizeSelect li a {
	display: block;
}
#languageAndFontSettings ul.fontSizeSelect li a span {
	display: none;
}
#languageAndFontSettings ul.fontSizeSelect li.small a {
	background: url('../images/font-size-small.gif') bottom no-repeat;
	width: 8px;
	height: 21px;
}
#languageAndFontSettings ul.fontSizeSelect li.regular a {
	background: url('../images/font-size-regular.gif') bottom no-repeat;
	width: 12px;
	height: 21px;
}
#languageAndFontSettings ul.fontSizeSelect li.large a {
	background: url('../images/font-size-large.gif') bottom no-repeat;
	width: 16px;
	height: 21px;
}

/******************************************************************************/

#logoBar {
	width: 896px;
	position: absolute;
	top: 115px;
	height: 60px;
	padding: 0 47px;
	background: url('../images/bg_logobar.gif') no-repeat;
}

#logoBar h1 {
	float: left;
	display: block;
	width: 215px;
	height: 60px;
	background: url('../images/jihoceska_rozvojova.gif') no-repeat;
}
#logoBar h1 a {
	display: block;
	width: 215px;
	height: 60px;
}

#logoBar h1 a:hover {
	background-color: transparent;
}

#logoBar h1 span {
	display: none;
}

#logoBar form.searchForm {
	float: right;
	display: block;
	width: 215px;
	height: 60px;
	background: white;
}
#logoBar form.searchForm input.text {
	border: none;
	background: #886d46;
	padding: 3px 3px;
	width: 116px;
	color: white;
	margin: 19px 6px 0 19px;
}
#logoBar form.searchForm input.image {
	position: relative;
	top: 5px;
}

/******************************************************************************/

#breadcrumb {
	display: none;
	color: white;
	font-weight: bold;
	position: absolute;
	left: 72px;
	top: 70px;
}

#breadcrumb .current { }

#breadcrumb a {
	color: white;
}

/******************************************************************************/
/******************************************************************************/

#body {
	background: white;
	margin: 0 47px 22px 47px;
}

/******************************************************************************/

#threeColumns {
	border-collapse: collapse;
}

/******************************************************************************/

#threeColumns .menuColumn {
	width: 202px;
	padding: 12px 0 0 12px;
}

/******************************************************************************/

#threeColumns .menuColumn h2 {
	display: block;
	padding: 6px 0 0 14px;
	margin: 0 0 12px 0;
	height: 102px;
	color: white;
	background: #f79800;
	font-size: 18px;
}

/******************************************************************************/

#threeColumns .menuColumn ul,
#twoColumns .contentColumn ul.projectsList
{
	list-style: none;
	margin: 0 0 12px 0;
}

#threeColumns .menuColumn ul li,
#twoColumns .contentColumn ul.projectsList li
{
	margin: 0 0 1px 0;
}

#threeColumns .menuColumn ul li a,
#twoColumns .contentColumn ul.projectsList li a
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background: #a2885f;
	padding: 8px 14px 8px 14px;
}

#threeColumns .menuColumn ul li a:hover,
#threeColumns .menuColumn ul li.active a,
#twoColumns .contentColumn ul.projectsList li a:hover,
#twoColumns .contentColumn ul.projectsList li.active a
{
	background: #886d46;
}

#threeColumns .menuColumn h3 {
	display: block;
	background: #886d46;
	color: white;
	font-size: 18px;
	padding: 6px 12px;
	margin: 0 0 12px 0;
}

#threeColumns .menuColumn form label {
	display: block;
	color: #886d46;
	font-weight: bold;
	margin: 0 0 3px 12px;
}
#threeColumns .menuColumn form input.text {
	width: 196px;
	border: 1px solid #886d46;
	padding: 3px 2px;
	margin: 0 0 10px 0;
}
#threeColumns .menuColumn form select {
	width: 201px;
	border: 1px solid #886d46;
	padding: 2px 2px;
	margin: 0 0 10px 0;
}
#threeColumns .menuColumn form textarea {
	border: 1px solid #886d46;
	width: 196px;
	height: 120px;
	padding: 3px 2px;
	font-size: 11px;
	margin: 0 0 12px 0;
}
#threeColumns .menuColumn form input.image {
	float: right;
}
#threeColumns .menuColumn form p.note {
	float: left;
	color: #886d46;
	font-size: 11px;
	width: 130px;
	margin: 0 0 0 12px;
}
#threeColumns .menuColumn p.error {
	color: red;
	font-weight: bold;
	margin: 0 0 12px 12px;
}
#threeColumns .menuColumn p.success {
	color: green;
	font-weight: bold;
	margin: 0 0 12px 12px;
}

/******************************************************************************/

#threeColumns .contentColumn {
	width: 423px;
	padding: 18px 16px 12px 16px;
	background: url('../images/bg_content.gif') repeat-x 0 12px;
	line-height: 140%;
}

#threeColumns .contentColumn p,
#twoColumns .contentColumn .text p
{
	margin: 0 0 16px 0;
}
#twoColumns .contentColumn .textNoMargin p {
	margin: 0 0 0 0;
}

#threeColumns .contentColumn h3,
#twoColumns .contentColumn .text h3
{
	font-size: 18px;
	line-height: 22px;
	color: #f79800;
	display: block;
	padding: 0 0 4px 0;
	margin: 0 0 14px 0;
	border-bottom: 1px solid #a2885f;
}

#threeColumns .contentColumn h4,
#twoColumns .contentColumn .text h4
{
	font-size: 14px;
	margin: 0 0 4px 0;
}

#threeColumns .contentColumn table,
#twoColumns .contentColumn .text table
{
	margin: 0 0 16px 0;
}

#threeColumns .contentColumn ul,
#twoColumns .contentColumn .text ul
{
	list-style: none;
	margin: 0 0 16px 0;
}
#threeColumns .contentColumn ul li,
#twoColumns .contentColumn .text ul li
{
	background: url('../images/bullet_1.gif') no-repeat 0 6px;
	padding: 0 0 0 15px;
	margin: 0 0 3px 0;
}

/******************************************************************************/

#twoColumns .contentColumn .textProject h4
{
	font-size: 18px;
	color: #886d46;
	display: block;
	margin: 20px 0 12px 0;
}
#twoColumns .contentColumn .textProject h5
{
	font-size: 14px;
	margin: 0 0 4px 0;
}

/******************************************************************************/

#threeColumns .infoColumn {
	padding: 12px 11px 12px 11px;
}

#threeColumns .infoColumn h3 {
	display: block;
	background: #886d46;
	color: white;
	font-size: 18px;
	padding: 6px 12px;
	margin: 0 0 12px 0;
}

#threeColumns .infoColumn .box {
	background: #eef1ce;
	padding: 12px 12px 1px 12px;
	margin: 0 0 12px 0;
}
#threeColumns .infoColumn .box p {
	margin: 0 0 14px 0;
}
#threeColumns .infoColumn .box img {
	display: block;
	border: 0;
}

#threeColumns table.tabKonzultacniHodiny {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 12px 0;
}
#threeColumns table.tabKonzultacniHodiny td {
	border-bottom: 1px solid #95805f;
	padding: 4px 0 4px 4px;
}
#threeColumns table.tabKonzultacniHodiny th {
	border-bottom: 1px solid #95805f;
}

/******************************************************************************/

#threeColumns ul.newsYearSelect li {
	float: left;
	margin-right: 12px;
}
#threeColumns ul.newsYearSelect li.active {
	font-weight: bold;
}

#threeColumns table.newsList {
	border-collapse: collapse;
	clear: both;
	margin: 20px 0 0 0;
}
#threeColumns table.newsList td {
	padding: 0 0 18px 0;
}

#threeColumns table.newsList h4 {
	font-size: 17px;
	display: block;
	margin: 0 0 6px 0;
	line-height: 22px;
}
#threeColumns table.newsList h4 a {
	color: #886d46;
}
#threeColumns table.newsList h4 a:hover {
	color: #7b0000;
}

#threeColumns table.newsList p {
	margin-bottom: 6px;
}
#threeColumns table.newsList p.date {
	font-weight: bold;
}

/******************************************************************************/

#threeColumns .newsDetail p.date {
	font-weight: bold;
}

/******************************************************************************/

.photoGallery {
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}
.photoGallery img {
	margin: 0 7px 7px 0;
}

/******************************************************************************/

#threeColumns .contactForm form label {
	display: block;
	color: #886d46;
	font-weight: bold;
	margin: 0 0 3px 12px;
}
#threeColumns .contactForm form span.mandatory {
	font-weight: bold;
	font-size: 14px;
	color: #f79800;
}
#threeColumns .contactForm form input.text {
	width: 416px;
	border: 1px solid #886d46;
	padding: 3px 2px;
	margin: 0 0 10px 0;
}
#threeColumns .contactForm form select {
	width: 421px;
	border: 1px solid #886d46;
	padding: 2px 2px;
	margin: 0 0 10px 0;
}
#threeColumns .contactForm form textarea {
	border: 1px solid #886d46;
	width: 416px;
	height: 120px;
	padding: 3px 2px;
	font-size: 11px;
	margin: 0 0 12px 0;
}
#threeColumns .contactForm form input.image {
	float: right;
}
#threeColumns .contactForm form p.note {
	float: left;
	color: #886d46;
	font-size: 11px;
	width: 250px;
	margin: 0 0 0 12px;
}
#threeColumns .contactForm p.error {
	color: red;
	font-weight: bold;
	margin: 0 0 12px 12px;
}
#threeColumns .contactForm p.success {
	color: green;
	font-weight: bold;
	margin: 0 0 12px 12px;
}


/******************************************************************************/
/******************************************************************************/

#twoColumns {
	border-collapse: collapse;
	margin: 0 0 0 12px
}

/******************************************************************************/

#twoColumns .contentColumn {
	width: 657px;
	padding: 12px 0 0 0;
	background: url('../images/bg_content.gif') repeat-x 0 12px;
}

#twoColumns .contentColumn h2 {
	display: block;
	padding: 10px 0 0 14px;
	margin: 0 0 12px 0;
	height: 92px;
	width: 188px;
	color: white;
	background: #f79800;
	font-size: 18px;
	float: left;
}

#twoColumns .contentColumn .text {
	float: right;
	width: 429px;
	padding: 10px 12px 12px 12px;
}

#twoColumns .contentColumn table.projects {
	clear: both;
	border-collapse: collapse;
	margin: 0 0 12px 0;
}

#twoColumns .contentColumn table.projects td {
	background: #eef1ce;
	padding: 10px 12px 10px 14px;
	border-bottom: 12px solid white;
}
#twoColumns .contentColumn table.projects td.image {
	width: 201px;
	padding: 0 0 0 0;
}
#twoColumns .contentColumn table.projects td.image .imgWrapper {
	height: 108px;
	width: 201px;
	overflow: hidden;
}
#twoColumns .contentColumn table.projects h3 {
	font-size: 17px;
	color: #f79800;
	margin: 0 0 8px 0;
}
#twoColumns .contentColumn table.projects h3 a {
	color: #886d46;
}
#twoColumns .contentColumn table.projects h3 a:hover {
	color: #7b0000;
}
#twoColumns .contentColumn table.projects .date {
	color: #f79800;
}

/******************************************************************************/

#twoColumns .contentColumn ul.projectsList {
	position: absolute;
	top: 126px;
	left: 12px;
	width: 202px;
	z-index: 300;
}

/******************************************************************************/

#twoColumns .infoColumn {
	padding: 12px 11px 12px 11px;
}

#twoColumns .infoColumn h3 {
	display: block;
	background: #886d46;
	color: white;
	font-size: 18px;
	padding: 6px 12px;
	margin: 0 0 12px 0;
}

#twoColumns .infoColumn .news .item {
	background: #eef1ce;
	padding: 12px 12px 12px 12px;
	margin: 0 0 12px 0;
}
#twoColumns .infoColumn .news .item h4 {
	font-size: 12px;
	margin: 0 0 5px 0;
}


/******************************************************************************/
/******************************************************************************/

#footer {
	margin: 0 47px 0 47px;
}

/******************************************************************************/

#footer .finSupport {
	float: left;
	background: white;
	height: 67px;
	width: 668px;
}

#footer .finSupport p {
	/*border: 1px solid #edeae7; */
	margin: 12px;
	padding: 7px 18px 7px 170px;
	background: url('../images/finsupport_flags.gif') no-repeat 11px 11px;
	text-align: right;
	font-size: 11px;
	color: #886d46;
}

/******************************************************************************/

#footer form.newsletterForm {
	float: right;
	display: block;
	width: 215px;
	height: 67px;
	background: #dce0af;
}
#footer form.newsletterForm input.text {
	border: none;
	background: #fcfdff;
	padding: 3px 3px;
	width: 134px;
	color: black;
	margin: 23px 6px 0 19px;
	font-size: 12px;
	font-family: Arial;
}
#footer form.newsletterForm input.image {
	position: relative;
	top: 5px;
}

/******************************************************************************/

#footer .copyright {
	clear: both;
	padding: 12px 0 0 0;
	color: white;
	font-size: 11px;
}

#footer .copyright p.createdBy {
	color: #f2f2db;
}
#footer .copyright p.createdBy a {
	color: #f2f2db;
}

/******************************************************************************/

p.error {
	color: red;
	font-weight: bold;
}
p.confirmation {
	color: green;
	font-weight: bold;
}
/******************************************************************************/