/* layout */
#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: #fff url("images/bg01.jpg") no-repeat top left;
}
#top {
	height: 37px;
	line-height: 37px;
	text-align: right;
	padding: 10px 15px 0 0;
	color: #999;
}
#top a { font-weight: bold; color: #999; padding: 0 10px; }
#top a:hover { color: #ccc; }

#header {
	height: 227px;
}
#header #logo {
	float: left;
	width: 250px;
	height: 130px;
	margin-left: 12px;
}
#header #logo span { display: none; }

#kultura {
	float: right;
	width: 207px;
	height: 47px;
	background: url("images/hdmenu03.gif") no-repeat top left;
	margin: 28px 40px 0 0;
}
#kultura:hover {
	background: url("images/hdmenu04.gif") no-repeat top left;
}
#kultura span {
	display: none;
}

#turistika {
	float: right;
	width: 207px;
	height: 47px;
	background: url("images/hdmenu01.gif") no-repeat top left;
	margin: 28px 17px 0 0;
}
#turistika:hover {
	background: url("images/hdmenu02.gif") no-repeat top left;
}
#turistika span {
	display: none;
}

#main {
	width: 886px;
}
#left {
	float: left;
	width: 162px;
	margin: 0; padding: 0 0 0 12px;
}
#left .content {
}
#left h2 {
	width: 142px;
	height: 42px;
	line-height: 42px;
	text-align: right;
	padding: 0 20px 0 0;
	margin: 0;
	font-size: 16px;
	background: #B9AF74 url("images/headline01.jpg") no-repeat top left;
	color: #fff;
}
#left h2 span {
	display: none;
}

#right {
	float: right;
	width: 204px;
}
#right h2 {
	width: 184px;
	height: 42px;
	line-height: 42px;
	text-align: right;
	padding: 0 20px 0 0;
	margin: 0;
	font-size: 16px;
	background: #B9AF74 url("images/headline02.jpg") no-repeat top left;
	color: #fff;
}

#center {
	float: right;
	width: 700px;
	background: url("images/bg04.png") repeat-x top left;
}
#center .content {
	padding: 10px;
}

#center.main {
	width: 490px;
	margin-right: 9px;
}
#center.main .content {
	padding: 10px 0;
}
#center.main h1 {
	padding: 0 10px;
}

#hledani {
	padding: 5px 0 15px 0;
	text-align: center;
	border: 1px solid #ccc;
}
#hledani img {
	position: relative;
	top: 8px;
	cursor: pointer;
}
#hledani input {
	width: 100px;
}

#aktualne_content {
	padding: 5px;
	background-color: #f8f8f8;
}

#uvod img {
	float: left;
	margin: 0px 5px 10px 0px;
}

#mapka {
	width: 490px;
	height: 300px;
	background: url("images/bg_mapka1.jpg") no-repeat top left;
}
#mapka #erby {
	float: left;
	width: 217px;
	padding: 185px 0 0 12px;
}

#obec_info {
	float: right;
	width: 214px;
	background: #f8f8f8 url("images/bg_obec_info.gif") no-repeat top left;
	padding: 46px 10px 5px 10px;
	margin: 0 -5px 5px 5px;
}

#obec_info p { margin: 5px 0; padding: 0; }

#info {
	float: right;
	width: 214px;
	background: #f8f8f8 url("images/bg_obec_info.gif") no-repeat top left;
	padding: 46px 10px 5px 10px;
	margin: 0 -5px 5px 5px;
}

#info p { margin: 5px 0; padding: 0; }

#footer {
	clear: both;
	height:40px;
	line-height: 40px;
	font-size: 90%;
	text-align:right;
	padding: 0 15px;
	margin: 15px 14px 0 12px;
	color: #555;
	background-color: #f8f8f8;
}
#footer a {
	 color: #555;
	  text-decoration: none;
}
#footer a:hover {
	  text-decoration: underline;
}
.external_link {
	padding-right: 13px;
	background: url("images/external_link.png") no-repeat center right;
}
.tabulka {
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.tabulka thead td {
	color: #fff;
	background: #686868 url("images/diskuze_gradient3.gif") repeat-x top right;
	font-weight: bold;
}
.tabulka td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tabulka p {
	margin: 0; padding: 0;
}
/*-------------------------------------------------*/
a { color: #ab8f42; }
a:hover { color: #d0ba7f; }

body {
	font-family: sans-serif;
	font-size: 12px;
	color: #333;
	background: #F2F2F2 url("images/bg02.gif") repeat-y center top;
	margin:0; padding:0;
	text-align: center;
}
td { vertical-align: top; }
input, select, textarea	{
	font-family: sans-serif;
	font-size: 12px;
	padding: 2px;
	border: 1px solid #ccc;
}
input.button {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	width: auto;
	background: #fff url(images/input02.gif) repeat-x top left;
	padding: 1px 10px; margin: 0;
}
input {
	background: url("images/input01.gif") no-repeat left top;
}
img { border: 0 }
form { margin: 0px; padding: 0px; }
h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
}
h2 {
	margin: 0 0 10px 0; padding: 0;
	font-size: 16px;
}
h3 {
	margin: 0; padding: 0;
	font-size: 14px;
}
/*----------------------------------------------------------------------*/
.text_error { color: #AF2222; font-weight:bold;}
.text_vystraha { color: #AF2222; }
/*----------------------------------------------------------------------*/
.table_light    {
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
.table_light td {
	padding: 3px;
	line-height: 1.4em;
}
.table_light .headline     {
	color: #fff;
	background: #b6b070 url("images/bg_table.gif") repeat-x top right;
	font-weight: bold;
	text-align: left;
}
.table_light .headline a {
	color: #fff;
	text-decoration: none;
}
.table_light .headline a:hover	{
	text-decoration: underline;
}
.table_light .line1    { background-color: #F5F5F5; }
.table_light .line2    { background-color: #FFF; }
/*----------------------------------------------------------------------*/
.table_dialog   {
	background-color: #f5f5f5;
	margin-bottom: 10px;
	border-collapse: collapse;
}
.table_dialog td  {
	padding: 3px;
}
.table_dialog thead {
	color: #fff;
	background: #686868 url("images/diskuze_gradient3.gif") repeat-x top left;
	font-weight: bold;
	font-size: 120%;
}
/*----------------------------------------------------------------------*/
.button {
	background-color: #DDDDDD;
	border-left: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-family: Verdana;
	font-size: 90%;
	margin: 2px;
	cursor: pointer;
}
/* interakticni mapka: -------------------------------------------------*/
#mapka #erb1 { float: left; width: 27px; height: 36px; }
#mapka .erb1c { background: url("images/bg_mapka2.gif") -12px -185px; }
#mapka #erb2 { float: left; width: 28px; height: 36px; }
#mapka .erb2c { background: url("images/bg_mapka2.gif") -39px -185px; }
#mapka #erb3 { float: left; width: 29px; height: 36px; }
#mapka .erb3c { background: url("images/bg_mapka2.gif") -67px -185px; }
#mapka #erb4 { float: left; width: 31px; height: 36px; }
#mapka .erb4c { background: url("images/bg_mapka2.gif") -96px -185px; }
#mapka #erb5 { float: left; width: 31px; height: 36px; }
#mapka .erb5c { background: url("images/bg_mapka2.gif") -127px -185px; }
#mapka #erb6 { float: left; width: 31px; height: 36px; }
#mapka .erb6c { background: url("images/bg_mapka2.gif") -158px -185px; }
#mapka #erb7 { float: left; width: 28px; height: 36px; }
#mapka .erb7c { background: url("images/bg_mapka2.gif") -189px -185px; }
#mapka #erb8 { float: left; width: 32px; height: 36px; }
#mapka .erb8c { background: url("images/bg_mapka2.gif") -12px -221px; }
#mapka #erb9 { float: left; width: 32px; height: 36px; }
#mapka .erb9c { /*background: url("images/bg_mapka2.gif") -44px -221px;*/ }
#mapka #erb10 { float: left; width: 28px; height: 36px; }
#mapka .erb10c { background: url("images/bg_mapka2.gif") -44px -221px; }
#mapka #erb11 { float: left; width: 30px; height: 36px; }
#mapka .erb11c { background: url("images/bg_mapka2.gif") -72px -221px; }
#mapka #erb12 { float: left; width: 33px; height: 36px; }
#mapka .erb12c { background: url("images/bg_mapka2.gif") -102px -221px; }
#mapka #erb13 { float: left; width: 28px; height: 36px; }
#mapka .erb13c { background: url("images/bg_mapka2.gif") -135px -221px; }
#mapka #erb14 { float: left; width: 33px; height: 36px; }
#mapka .erb14c { background: url("images/bg_mapka2.gif") -163px -221px; }
#mapka #erb15 { float: left; width: 28px; height: 36px; margin: 222px 0 0 -281px; }
#mapka .erb15c { background: url("images/bg_mapka2.gif") -198px -222px; }

#mapka #obec2 { float: left; width: 57px; height: 16px; margin: 15px 0 0 110px; }
#mapka .obec2c { background: url("images/bg_mapka2.gif") -339px -15px; }
#mapka #obec12 { float: left; width: 57px; height: 16px; margin: 47px 0 0 -74px; }
#mapka .obec12c { background: url("images/bg_mapka2.gif") -322px -47px; }
#mapka #obec5 { float: left; width: 52px; height: 16px; margin: 73px 0 0 -122px; }
#mapka .obec5c { background: url("images/bg_mapka2.gif") -274px -73px; }
#mapka #obec11 { float: left; width: 42px; height: 16px; margin: 73px 0 0 -70px; }
#mapka .obec11c { background: url("images/bg_mapka2.gif") -326px -73px; }
#mapka #obec9 { float: left; width: 66px; height: 16px; margin: 69px 0 0 -26px; }
#mapka .obec9c { /*background: url("images/bg_mapka2.gif") -370px -69px;*/ }
#mapka #obec4 { float: left; width: 62px; height: 16px; margin: 95px 0 0 -160px; }
#mapka .obec4c { background: url("images/bg_mapka2.gif") -236px -95px; }
#mapka #obec1 { float: left; width: 37px; height: 16px; margin: 114px 0 0 -97px; }
#mapka .obec1c { background: url("images/bg_mapka2.gif") -299px -114px; }
#mapka #obec8 { float: left; width: 47px; height: 16px; margin: 104px 0 0 -52px; }
#mapka .obec8c { background: url("images/bg_mapka2.gif") -344px -104px; }
#mapka #obec7 { float: left; width: 39px; height: 16px; margin: 103px 0 0 44px; }
#mapka .obec7c { background: url("images/bg_mapka2.gif") -440px -103px; }
#mapka #obec3 { float: left; width: 44px; height: 16px; margin: 151px 0 0 -221px; }
#mapka .obec3c { background: url("images/bg_mapka2.gif") -258px -151px; }
#mapka #obec13 { float: left; width: 60px; height: 16px; margin: 145px 0 0 -102px; }
#mapka .obec13c { background: url("images/bg_mapka2.gif") -377px -145px; }
#mapka #obec6 { float: left; width: 55px; height: 16px; margin: 166px 0 0 -142px; }
#mapka .obec6c { background: url("images/bg_mapka2.gif") -337px -166px; }
#mapka #obec10 { float: left; width: 38px; height: 16px; margin: 178px 0 0 -89px; }
#mapka .obec10c { background: url("images/bg_mapka2.gif") -390px -178px; }
#mapka #obec15 { float: left; width: 67px; height: 16px; margin: 189px 0 0 -250px; }
#mapka .obec15c { background: url("images/bg_mapka2.gif") -229px -189px; }
#mapka #obec14 { float: left; width: 54px; height: 16px; margin: 241px 0 0 -119px; }
#mapka .obec14c { background: url("images/bg_mapka2.gif") -360px -241px; }