body {margin: 0; padding: 4px 0 0 0; text-align: center; background: url(img/bg-body.gif) no-repeat top center; font-family: Tahoma, sans-serif; font-size: 0.7em; color: #666;}
a {color: #4E9946;}
a img {border: none;}
h2 {margin: 0 0 15px 0; background: url(img/h2.gif) no-repeat left 0.4em; padding: 0 0 15px 20px; border-bottom: 2px solid #ccc; color: #999; font-size: 1.3em; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; letter-spacing: -0.05em; }
h2 span {color: #333;}
h3 {font-size: 1em; font-weight: bold; margin: 0; color: #000; margin: 0 0 3px 0;}
h4 {background: #4E9946; color: #fff; font-weight: bold; font-size: 1.2em; margin: 20px 0 3px 0; padding: 2px 15px;}
p {text-align: justify;}
ul li{
	padding: 2px 0 2px 0;
}

#container {width: 925px; margin: 0 auto;}
#hlavicka {height: 325px; position: relative; text-align: left; background: url(img/motiv.jpg) no-repeat bottom;}
#logo {position: absolute; top: 27px; left: 27px;}
#menu1 {position: absolute; top: 17px; right: 24px;}
#menu1 a {color: #999;}
#menu1 .menusep {display: inline; width: 1px; height: 7px; overflow: hidden; margin: 0 10px; background: url(img/sep.gif) no-repeat 50% 50%;}

#hlavni {margin: -7px auto 0 auto; width: 892px; position: relative; background: url(img/hlavni.gif) no-repeat 50% 53px; min-height: 235px;}
#menu2 {border: 2px solid #fff; float: left; margin: 0 0 26px 9px; background: #fff;}
#menu2 a {display: block; float: left; height: 49px; line-height: 49px; padding: 0 40px; border-top: 4px solid #4E9946; background: #fff url(img/menu.gif) repeat-x bottom; font-size: 11px; text-decoration: none; color: #000; text-transform: uppercase;}
#menu2 a:hover {border-top: 4px solid #6f9dff;}
#menu2 a.aktivni {border-top: 4px solid #1B4299;}
#menu2 .menusep {float: left; width: 5px; height: 49px; overflow: hidden; background: url(img/menu-sep.gif) no-repeat bottom; border-top: 4px solid #fff; }

#paticka {background: #f1f1f1; padding: 60px 20px 15px 20px; text-align: right; color: #666; border-bottom: 10px solid #fff;}
#paticka a {color: #666;}
#paticka a:hover {color: #444;}



.cleaner {clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.cleanerSep {clear: both; font-size: 1px; line-height: 1px; height: 1px; background: #ccc; margin: 18px 0;}
.sep {font-size: 1px; line-height: 1px; height: 1px; background: #ccc; margin: 18px 0;}
.iLeft {float: left; margin: 0 12px 12px 0; padding: 2px; background: #fff; border: 1px solid #3C9031;}
.iRight {float: right; margin: 0 0 12px 12px; padding: 2px; background: #fff; border: 1px solid #3C9031;}
.iBorder {padding: 2px; background: #fff; border: 1px solid #3C9031;}
.obsah {padding: 20px;}
.center {text-align: center;}
.right {text-align: right;}
.zelena {color: #4E9946;}
.mezera {float: left; width: 20px;}

.sloupce3 {width: 867px; margin: 0 auto; text-align: left;}
.sloupce3 .sloupec1 {width: 281px; float: left; background: #fff; min-height: 270px; _height: 270px; margin-right: 12px;}
.sloupce3 .sloupec2 {width: 281px; float: left; background: #fff; min-height: 270px; _height: 270px; margin-right: 12px;}
.sloupce3 .sloupec3 {width: 281px; float: left; background: #fff; min-height: 270px; _height: 270px;}

.sloupce2 {width: 867px; margin: 0 auto; text-align: left;}
.sloupce2 .sloupec1 {width: 574px; float: left; background: #fff; min-height: 270px; _height: 270px; margin-right: 12px;}
.sloupce2 .sloupec2 {width: 281px; float: left; background: #fafafa; min-height: 270px; _height: 270px; margin-bottom: 20px;}

table.galerie {width: 100%; margin: 10px 0; border-collapse: collapse; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
table.galerie td {text-align: center; width: 25%;}
table.galerie .bottom td {vertical-align: bottom; padding: 15px 5px 1px 5px; border-top: 1px solid #eee; border-left: 1px solid #eee;}
table.galerie .top td {vertical-align: top; padding: 1px 5px 15px 5px; border-left: 1px solid #eee;}

.reference {display: block; float: left; width: 257px; margin: 0 0 20px 0; color: #666; text-decoration: none; background: #f6f6f6; border-top: 4px solid #eee;  border-bottom: 4px solid #eee;}
.reference .iLeft {margin: 10px; display: inline;}
.reference .text {float: left; display: inline; margin: 10px 10px 10px 0; width: 150px;}

.strankovani {text-align: right; margin: 0 0 20px 0;}
.strankovani a {font-size: 11px; position: relative; background: #eee; padding: 1px 5px; color: #1b4298; text-decoration: none; text-decoration: none; border: 1px solid #eee;}
.strankovani a.aktivni {background: #1b4298; color: #fff; border: 1px solid #1b4298;}
.strankovani a:hover {border: 1px solid #1b4298;}
/* Strankovani, navigace roky, navigace v galerii vcetne nahledu */
.strankovani a img {height: 0; width: 0; border-width: 0;}
.strankovani a.aktivni:hover {border: 1px solid #1b4298;} /* kvuli IE6 */
.strankovani a:hover img {width: 68px; height: auto;}
.strankovani a span {display: none;}
.strankovani a:hover span {display: block; z-index:100; position: absolute; top: 16px; left: 0px; width: 68px; height: auto; border: 1px solid #1b4298; padding: 1px; background: #fff; color: #555; cursor: pointer;}


img.mapa{
	border: 3px solid #d4d4d4;
}



.podmenu a {display: block; padding: 5px 5px 5px 15px; margin: 0 0 10px 0; border-left: 4px solid #eee; color: #555; text-decoration: none; text-transform: uppercase; background: #f6f6f6;}
.podmenu a:hover {border-left: 4px solid #6f9dff;}
.podmenu a.aktivni {border-left: 4px solid #1b4298; color: #000; font-weight: bold;}


.box50{
	width: 50%;
	float: left;
}

.img{
	display: block;
	float: left;
	border: 1px solid #4E9946;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px;
}