@charset "utf-8";
/* CSS Document */

/*********************************************************************************/
/* OBECNE */
/*********************************************************************************/
* {
	margin: 0;
}
body {
	position: relative;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ecf1f3;
	background: url(../img/bg/bg-top.gif) repeat-x #154f4c;
}

h2, h3 {
	color: #55d9c9;
	font-size: 12px;
}
h4 {
	font-weight: normal;
	font-size: 12px;
}
h5 {
	color: #1c6a66; 
	font-size: 14px; 
	display: block; 
	font-weight: normal; 
	padding-bottom: 15px; 
	text-align: left;
}
select, option, input, textarea {
	background-color: #ecf1f3;
	color: #003235;
	border: none 0;
	font-size: 11px;
}

hr {
	display: block;
	clear: both;
	border-top: 1px solid #003235;
	border-bottom: none 0;
	border-left: none 0;
	border-right: none 0;
	height: 1px;
}

a {
	text-decoration: none;
	color: #55d9c9;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none 0
}
td {
	vertical-align: top;
}
p {
	text-align: justify;
}

.blue {
	color: #55d9c9;
}
.error {
	display: block;
	color: #f00;
}
.small {
	font-size: 11px;
}
.clear {
	position: relative;
	height: 1px;
	clear: both;
	display: block;
}

.bline {
	position: relative;
	height: 8px;
	min-height: 8px;
	width: 100%;
	background-color: #55d9c9;
	border-top: #1c6a66 solid 2px;
	border-bottom: #1c6a66 solid 2px;
}
.noBor {
	border-right: none 0;
}
.noBorTop {
	border-top: none 0;
}

/*********************************************************************************/
/* OBSAHOVÁ ČÁST */
/*********************************************************************************/
#main {
	position: relative;
	width: 994px;
	margin: 0 auto;
	background-color: #003235;
	border: #154f4c solid 2px;
	z-index: 100;
	margin-top: 6px;
}

/* Vrchní obcový menu */
/*********************************************************************************/
#topObce {
	position: relative;
	width: 994px;
	height: 83px;
	padding: 0;
	list-style: none;
	background-color: #39a198;
}
	#topObce li {
		position: relative;
		float: left;
		width: 81px;
		height: 81px;
		font-size: 11px;
		text-align: center;
		border-bottom: #154f4c solid 2px;
		background-repeat: no-repeat;
		background-position: center 0px;
	}
	#topObce li a {
		color: #003235;
		display: block;
		height: 83px;
	}
	#topObce li a:hover {
		color: #ecf1f3;
		text-decoration: none;
	}
	#topObce li div {
		display: none;
	}
	#topObce li a {
		display: inline;
		height: auto;
	}
	#topObce .hov:hover {
		background-position: center -81px;
		background-color: #003235;
		border-bottom: #003235 solid 2px;
		color: #ecf1f3;
	}
	#topObce .sel {
		background-position: center -81px;
		background-color: #003235;
		border-bottom: #003235 solid 2px;
	}
	#topObce #subSel {
		color: #55d9c9;
	}
	#topObce .sel a {
		color: #ecf1f3;
	}
	#topObce #bat { background-image: url(../img/bg/erb-bat.jpg); }
	#topObce #chv { background-image: url(../img/bg/erb-chv.jpg); }
	#topObce #hav { background-image: url(../img/bg/erb-hav.jpg); }
	#topObce #jiv { background-image: url(../img/bg/erb-jiv.jpg); }
	#topObce #lib { background-image: url(../img/bg/erb-lib.jpg); }
	#topObce #mal { background-image: url(../img/bg/erb-mal.jpg); }
	#topObce #mar { background-image: url(../img/bg/erb-mar.jpg); }
	#topObce #rad { background-image: url(../img/bg/erb-rad.jpg); }
	#topObce #rty { background-image: url(../img/bg/erb-rty.jpg); }
	#topObce #suc { background-image: url(../img/bg/erb-suc.jpg); }
	#topObce #upi { background-image: url(../img/bg/erb-upi.jpg); }
	#topObce #vel { background-image: url(../img/bg/erb-vel.jpg); }

	#topObce #bat, #topObce #chv, #topObce #hav, #topObce #jiv, #topObce #lib, #topObce #mal, #topObce #mar, #topObce #rad, #topObce #rty, #topObce #suc, #topObce #upi {
		border-right: #154f4c solid 2px;
	} 

	#topObce .batSub, 
	#topObce .chvSub, 
	#topObce .havSub, 
	#topObce .jivSub, 
	#topObce .libSub, 
	#topObce .malSub, 
	#topObce .marSub, 
	#topObce .radSub, 
	#topObce .rtySub, 
	#topObce .sucSub, 
	#topObce .upiSub, 
	#topObce .velSub {
		display: none;
		position: absolute;
		top: 83px;
		width: 994px;
		height: 31px;
		line-height: 31px;
		text-align: center;
		cursor: default;
		z-index: 100;
		color: #1c6a66;
	}
	#topObce .batSub { left: 0;}
	#topObce .chvSub { left: -83px;}
	#topObce .havSub { left: -166px;}
	#topObce .jivSub { left: -249px;}
	#topObce .libSub { left: -332px;}
	#topObce .malSub { left: -415px;}
	#topObce .marSub { left: -498px;}
	#topObce .radSub { left: -581px;}
	#topObce .rtySub { left: -664px;}
	#topObce .sucSub { left: -747px;}
	#topObce .upiSub { left: -830px;}
	#topObce .velSub { left: -913px;}

	#topObce .batSub a, 
	#topObce .chvSub a, 
	#topObce .havSub a, 
	#topObce .jivSub a, 
	#topObce .libSub a, 
	#topObce .malSub a, 
	#topObce .marSub a, 
	#topObce .radSub a, 
	#topObce .rtySub a, 
	#topObce .sucSub a, 
	#topObce .upiSub a, 
	#topObce .velSub a {
		color: #ecf1f3;
		text-decoration: none;
		padding: 4px 2px;
	}
	#topObce .batSub a:hover, 
	#topObce .chvSub a:hover, 
	#topObce .havSub a:hover, 
	#topObce .jivSub a:hover, 
	#topObce .libSub a:hover, 
	#topObce .malSub a:hover, 
	#topObce .marSub a:hover, 
	#topObce .radSub a:hover, 
	#topObce .rtySub a:hover, 
	#topObce .sucSub a:hover, 
	#topObce .upiSub a:hover, 
	#topObce .velSub a:hover {
		color: #ecf1f3;
		text-decoration: underline;
	}

/* Logo a menu JH */
/*********************************************************************************/
#header #logo {
	position: absolute;
	left: 20px;
	top: 19px;
	z-index: 201;
}
#txt {
	position: relative;
	background: url(../img/bg/bg-txt.gif) repeat-y #003235 662px 0;
}
	#txt #head {
		position: absolute;
		width: 662px;
		height: 163px;
		z-index: 200;
	}
		#txt #head ul li, #txt #head ul li img {
			width: 662px;
			height: 163px;
		}
		#txt #head ul li img {
			position: relative;
			left: -40px;
		}
		#txt #search {
			position: absolute;
			top: 30px;
			right: 357px;
			z-index: 201;
		}
		#txt #search input {
			padding: 3px;
		}
			#txt #search #hledat {
				cursor: pointer;
				background-color: #003235;
				color: #fff;
				padding: 2px;
			}
#jh {
	position: relative;
	height: 163px;
	z-index: 100;
}
	#jh ul {
		position: absolute;
		top: 0;
		right: 0;
		list-style: none;
		padding: 0;
		z-index: 200;
	}
	#jh ul li {
		position: relative;
		float: left;
		color: #ecf1f3;
		text-align: center;
		width: 83px;
		height: 16px;
		padding: 10px 0 60px 0;
		border-bottom: #124340 solid 1px;
	}
	#jh ul a { display: block; line-height: 110px; } 
	#jh ul a:hover { color: #ecf1f3; text-decoration: none; }
	#jh ul #nov:hover, 
	#jh ul #reg:hover, 
	#jh ul #dis:hover, 
	#jh ul #slu:hover {
		background-position: center -73px;
	}
	#jh ul #nov { background: url(../img/btn-nov.jpg) no-repeat center 0; }
	#jh ul #reg { background: url(../img/btn-reg.jpg) no-repeat center 0; }
	#jh ul #dis { background: url(../img/btn-dis.jpg) no-repeat center 0; }
	#jh ul #slu { background: url(../img/btn-slu.jpg) no-repeat center 0; }
	
	#jh #jh_reg, #jh #jh_slu, #jh #jh_ure {
		position: absolute;
		top: 79px;
		width: 320px;
		display: none;
		background-color: #003235;
		border-bottom: #1c6a66 solid 2px;
		padding: 5px 5px 50px 5px;
		z-index: 300;
	}
	#jh #jh_reg a, #jh #jh_slu a, #jh #jh_ure a {
		color : #ecf1f3;
	}
	#jh #jh_reg a:hover, #jh #jh_slu a:hover, #jh #jh_ure a:hover {
		color : #55d9c9;
	}
	#jh_reg {
		left: -81px;
		background: url(../img/o-regionu.jpg) bottom center no-repeat;
	}
	#jh_ure {
		left: -163px;
		background: url(../img/uredni-deska.jpg) bottom center no-repeat;
	}
	#jh_slu {
		right: 0;
		background: url(../img/sluzby.jpg) bottom center no-repeat;
	}
	#jh #jh_reg a, #jh #jh_slu a, #jh #jh_ure a {
		line-height: 16px;
		display: inline;
	}
	#jh #jh_reg li, #jh #jh_slu li, #jh #jh_ure li {
		width: 300px;
		border: none 0;
		padding: 5px;
	}

	#jh span {
		position: absolute;
		top: 80px;
		right: 0;
		width: 310px;
		height: 68px;
		padding: 15px 0 0 20px;
		border-left: #1c6a66 solid 2px;
		background: url(../img/spolky.jpg) no-repeat 286px 39px;
		z-index: 101;
	}
	#jh span strong { 
		display: block; 
		font-weight: normal;
		padding-bottom: 17px; 
		color: #55d9c9;
	}
	#jh span select {
		margin-left: 11px;
		width: 245px;
	}
	#jh #logo, 
	#jh #fulltext {
		position: absolute;
		z-index: 100;
	}
	#jh #logo {
		width: 994px;
		clear: left;
		width: 291px;
		height: 44px;
		padding: 10px 351px 10px 20px;
		background: url(../img/bg/bg-logo.png) repeat;
		top: 0px;
		left: 0px;
	}
	#jh #fulltext {
		left: 310px;
		top: 10px;
		border: #003235 solid 2px;
		background-color: #003235;
	}
	#jh #fulltext .send {
		position: relative;
		width: 18px;
		cursor: pointer;
		background: url(../img/fulltext.jpg) no-repeat #003235;
	}

/* Levý sloupec */
/*********************************************************************************/
#left, #clanek {
	position: relative;
	float: left;
	list-style: none;
	padding: 0;
	width: 662px;
}
	#left #banner {
		text-align: center;
		display: block;
		padding: 15px 0; /* 15px 31px;*/
		border-bottom: #124340 solid 1px;
	}
	#left .nov, #clanek .nov {
		position: relative;
		width: 626px;
		padding: 15px 15px 15px 21px;
		border-bottom: #124340 solid 1px;
		clear: both;
	}
	#left .nov h2 { 
		width: 400px;
		padding-bottom: 15px;
		font-size: 16px;
		font-weight: normal;
	}
	#left .nov h2 a {
		color: #55d9c9;
		text-decoration: none;
	}
	#left .nov h2 a:hover {
		color: #55d9c9;
		text-decoration: underline;
	}
	#left .nov .obecImg { 
		position: absolute;
		top: 15px;
		right: 15px;
		border: none 0;
		clear: both;
	}
	#left .nov img {
		float: right;
		border: #002e31 solid 10px;
	}
	#left .nov a img:hover {
		border-color: #004044;
	}
	#left .nov span { 
		font-size: 11px; 
		display: inline;
		padding: 5px 0 0 10px;
		line-height: 20px;
		color: #1c6a66;
	}
	#left .nov p {
		width: 490px;
		padding: 0 11px 0 11px;
	}
	#left .nov p span {
		font-size: 12px; 
		display: inline;
		padding: 0;
		color: #ecf1f3;
		line-height: normal;
	}
	#strankovani {
		display: block;
		line-height: 33px;
	}
	#strankovani p {
		text-align: center;
	}
	
	#clanek h2, #left .vyhledavate, #nadpis {
		border-bottom: #1c6a66 solid 2px;
		font-weight: normal;
		line-height: 51px;
		padding-left: 22px;
	}
	#clanek h2, #nadpis {
		font-size: 18px;
		font-weight: normal;
	}
	#clanek h3, #clanek p {
		padding-bottom: 15px;
	}
	#clanek #clanekTxt {
		width: 616px;
		padding-left: 31px;
	}
	#clanek #clanekTxt p {
/*		width: 490px;
*/	}
	#clanek .clanekImg {
		float: right;
		border: #002e31 solid 10px;
		margin: 0 0 0 10px;
	}
	#clanek .sou {
		font-size: 10px;
	}
	#clanek .sou a {
		padding-left: 10px;
		font-size: 12px;
	}
	#clanek form {
		padding-left: 10px;
	}
	#clanek #koment {
		padding-bottom: 25px;
	}
	#clanek #koment table {
		padding-left: 0;
	}
	#clanek #koment textarea {
		width: 423px;
		height: 63px;
		margin: 12px 0;
	}
	#clanek #koment label {
		padding-right: 10px; 
	}
	#clanek #koment #kod {
		width: 20px;
		text-align: center;
		font-weight: bold;
		margin-left: 15px;
	}
	#clanek #koment #send {
		background-color: #003235;
		border: #ecf1f3 solid 1px;
		color: #ecf1f3;
		cursor: pointer;
	}
	#clanek #hod {
		position: relative;
		margin-left: 10px;
		width: 293px;
		height: 22px;
		background: url(../img/stars.jpg) no-repeat 0 0;
	}
	#clanek #hod p {
		position: absolute;
		right: -170px;
		top: 5px;
	}
	#clanek #hod img {
		border: none 0;
	}
	
/* pro staticke stranky obcí */
	#clanek #text {
		padding-left: 10px;
	}
/*	#clanek #text p, #clanek #text font, #clanek #text ul, #clanek #text li, #clanek #text span {
		color: #ecf1f3;
		background-color: none;
		padding-left: 0;
	}
*/	
	#clanek .vypis p {
		padding: 5px 0 10px 10px;
	}
	#clanek li #submenu {
		position: absolute;
		top: 0;
		right: 12px;
		line-height: 51px;
	}

/* pro akce a spolky */
	#left .nov .akceDet,
	.vypisSpolku li table {
		padding: 8px 10px 0 10px;
	}
	#clanek .nov .akceImg,
	.vypisSpolku .nov img {
		float: right;
		border: #1c6a66 solid 2px;
		margin: 0 0 0px 10px;
	}
	.vypisSpolku .nov {
		min-height: 80px;
	}
	#left .akce h2 {
		padding-bottom: 11px;
	}
	#left .akce hr {
		padding-bottom: 30px;
	}
	.clankySpolky p {
		padding-left: 10px;
	}
	.clankySpolky .popis {
		position: relative;
		top: -12px;
		padding-left: 10px;
	}
	.clankySpolky img {
		position: relative;
		top: -10px;
	}

/* pro detail fotoreportu */
	#fotoreport {
		padding-left: 6px;
	}
	#fotoreport img {
		max-width: 200px;
		background-color: #1c6a66;
		padding: 2px;
		opacity: 0.8;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80);
	}
	#fotoreport img:hover {
		background-color: #55d9c9;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100);

	}
	#fotoreport td {
		text-align: center;
	}
	#fotoHod {
		width: 629px;
		padding: 15px 12px 30px 21px;
		clear: both;
	}
	.fot {
	}
	

/* Pravý sloupec */
/*********************************************************************************/
#right {
	position: relative;
	float: right;
	width: 330px;
	padding: 0;
	list-style: none;
}
	#right li {
		position: relative;
		padding: 15px 20px 25px 21px;
		border-bottom: #1c6a66 solid 2px;
	}
	#right li ul { padding-left: 10px; }
	#right li ul li {
		position: relative;
		list-style: none;
		border: none 0;
	}
	#right li ul li h4 a { color: #ecf1f3; }

	#right h3 { 
		padding-bottom: 15px;
		font-size: 14px;
		font-weight: normal; 
	}
	#right #bannerRight {
		padding: 0;
		display: block;
		padding: 15px 0 15px 31px;
		border-bottom: #1c6a66 solid 2px;
	}

	#right #akce { background: url(../img/bg/smb-akce.jpg) no-repeat bottom right; }
	#right #anketa { background: url(../img/bg/smb-anketa.jpg) no-repeat bottom right; }
	#right #clanky { background: url(../img/bg/smb-clanky.jpg) no-repeat bottom right; }
	#right #foto { background: url(../img/bg/smb-foto.jpg) no-repeat bottom right; }

	#right #anketa a {
		color: #ecf1f3;
	}
	#right #akce li { 
		position: relative;
		padding: 0 0 11px 40px;
		font-size: 11px;
	}
	#right #akce span {
		position: absolute;
		left: 0;
		top: 0;
/*		color: #55d9c9;
*/		font-size: 11px;
	}
	#right #akce #datum {
		width: 64px;
		height: 18px;
		line-height: 18px;
		position: absolute;
		bottom: 8px;
		right: 19px;
		color: #003235;
		font-weight: bold;
		font-size: 11px;
		text-align: right;
		padding-right: 4px;
	}
	#right #akce #datum div {
		position: absolute;
		left: 0;
		width: 42px;
		text-align: center;
	}
	
	#right #clanky li,
	#right #anketa li { 
		padding: 0 0 11px 0;
	}
	#right #clanky span, #right #foto span {
		color: #55d9c9;
		font-size: 11px;
	}
	#right #anketa li {
		position: relative;
	}
	#right #anketa li span {
		position: absolute;
		right: 0;
	}
	
	#right #foto { border: none 0; }
	#right #foto li {
		padding: 11px 0 0 0;
		clear: both;
	}
	#right #foto ul li img {
		float: left;
		margin: 0 10px 0 0;
		border: #1c6a66 solid 2px;
	}
	#right #foto ul li img:hover {
		border: #55d9c9 solid 2px;
	}
	#right #foto ul li strong a {
		display: block;
		font-weight: normal;
		color: #ecf1f3;
	}


/*********************************************************************************/
/* PATIČKA */
/*********************************************************************************/
#footer {
	position: absolute;
	bottom: -130px;
	height: 195px;
	width: 100%;
	background: url(../img/bg/bg-foot.gif) repeat-x;
}
	#footer div {
		width: 994px;
		margin: 0 auto;
		padding: 85px 0 0 0;
		text-align: center;
	}
	#footer div img {
		padding: 0 15px;
	}
	#footer div p {
		padding-top: 10px;
		color: #003235;
		text-align: center;
	} 
	#footer a {
		color: #003235;
		text-decoration: underline;
	}