body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #454545;
}
h1 {color: #ccc; font-size: 24px; font-weight: normal; margin: 30px 0 10px 0;}
h2 {color: #ccc; font-size: 20px; font-weight: normal; margin: 30px 0 10px 0;}
h3 {color: #ccc; font-size: 18px; font-weight: normal; margin: 30px 0 0 0;}
h4 {color: #ccc; font-size: 14px; font-weight: bold;}
a {text-decoration: none; color: #33ccff;}
a:hover {text-decoration: underline;}
p {color: #ccc; text-align: justify;}
img {border: solid 1px #888;}
ul, ol {color: #999; text-align: justify; margin: 15px 20px; padding: 10px 25px;}


#titulek span {color: #ccc; font-family: Garamond, Times, serif; font-size: 40px; font-weight: normal; font-variant: small-caps; letter-spacing: .15em; padding: 0; margin: 0 0 0 0;}


#kontejner {height: 100%; width: 1024px; background: #333333; margin: 0 auto; padding: 0; border: 1px solid #FFFFFF;}


#menu {padding: 0; margin: 30px 0 0 0; text-align: center; background-color: #005599;}
#menu a {padding: 2px 15px; margin: 0 7px; border-bottom: solid #aaa 2px; border-top: solid #aaa 2px; font-size: 16px; color: #ddd; text-decoration: none; line-height: 19px; font-variant: small-caps;}
#menu a:hover, #menu a.on {border-bottom: solid #eee 2px; border-top: solid #eee 2px; color: #fff;}

.nadpis {color:#33CCFF; font-size: 16px; font-weight:bold}


.sloupec1 {display: block; background: #333333; width: 580px; margin: 50px 0 0 0;}
.sloupec1 h2 {margin: 0 0 10px 0;}

.sloupec2 {float: right; padding: 0; width: 432px; margin: 51px 4px 0 0;} 
.sloupec2 h2 {text-align: center; margin: 0 0 10px 0;}
.sloupec2 h3 {margin: 60px 0 0 5px;}
.sloupec2 h4 {margin: 0 0 0 0; color:#ddd; font-weight:bold; background-color:#494949}
.sloupec2 img {border: solid 1px #888;}
.sloupec2 a {text-decoration: none; color: #eebb55;}
.sloupec2 a:hover {text-decoration: underline;}
.sloupec2 p {font-size: 14px; color: #ccc; padding: 0 0 0 5px}

.sloupec3 {display: block; background: #333333; margin: 50px 0 0 0;}
.sloupec5 {display: block; background: #333333; margin: 0 0 30px 72px;}

/* foto týdne: - sloupec3 + sloupec4 */

.sloupec4 {display: block; background: #333333; margin: 0 60px 30px 62px;}
.sloupec4 p {margin: 0 0 0 0; font-size: 14px; color: #ddd;  background-color:#333333; padding: 3px 3px 3px 3px}
.sloupec4 h3 {
	margin: 0 0 0 0;
	font-size: 16px;
	color: #ddd;
	background-color:#333333;
	padding: 3px 3px 3px 3px;
	font-weight: bold;
}
.sloupec4 h4 {
	margin: 0 0 0 0;
	font-size: 14px;
	color: #ddd;
	background-color:#333333;
	padding: 3px 3px 3px 3px;
	font-weight: bold;
}
.sloupec4 li { font-size: 14px; color: #ddd;}

.sloupec6 { width: 902px; display: block; background: #333333; margin: 50px 0 0 0;}
.sloupec7 { width: 100%; display: block; background: #494949; margin: 0 62px 30px 62px}
.sloupec7 p {margin: 0 0 0 0; font-size: 14px; color: #ddd;  background-color:#666666; padding: 3px 3px 3px 3px}
.sloupec7 h3 {
	margin: 0 0 0 0;
	font-size: 16px;
	color: #ddd;
	background-color:#494949;
	padding: 3px 3px 3px 3px;
	font-weight: bold;
}

.box {background: #333333; margin: 0 0 3px 5px;}
.box {padding: 2px 0; font-family: Tahoma, Arial, Helvetica, sans-serif;}
.box h1 {color:#fff; letter-spacing:1px;}
.box p {padding: 5px 5px 0 0; margin: 0; font-size: 13px; color: #ccc;}
.box a {text-decoration: none; color: #33CCFF;}
.box a:hover {text-decoration: underline;}
.box img {border: 1px solid #888; float: left; margin: 1px 5px 1px 1px;}
.box .boxcontent {display: block; background: #494949; height: 114px;}

.box1 {background: #333333; margin: 3px 0 0 0;}
.box1 {padding: 2px 0; font-family: Tahoma, Arial, Helvetica, sans-serif;}
.box1 h1 {color:#fff; letter-spacing:1px;}
.box1 p {padding: 5px 5px 0 5px; margin: 0; font-size: 13px; color: #ccc;}
.box1 a {text-decoration: none; color: #33CCFF;}
.box1 a:hover {text-decoration: underline;}
.box1 img {border: 1px solid #888; float: right; margin: 1px 1px 1px 5px;}
.box1 .boxcontent {display: block; background: #595959; height: 144px;}

.box2 {background: #333333; margin: 3px 0 0 0;}
.box2 {padding: 2px 0; font-family: Tahoma, Arial, Helvetica, sans-serif;}
.box2 h1 {color:#fff; letter-spacing:1px;}
.box2 p {
	padding: 5px 5px 0 5px;
	margin: 0;
	font-size: 13px;
	color: #CCCCCC;
}
.box2 a {text-decoration: none; color: #FFFFFF;}
.box2 a:hover {text-decoration: underline;}
.box2 img {border: 1px solid #888; float: right; margin: 1px 1px 1px 5px;}
.box2 .boxcontent {
	display: block;
	height: px;
	background-color: #666666;
}
.box2 .nadpis1 {color:#FFFFFF; font-size: 14px; font-weight:bold}


.rada1 {height: 290px;}
.rada2 {height: 220px;}
.rada3 {height: 210px;}
.rada4 {height: 520px;}


/* hlavní galerie: - sloupec3 + galerie + rada1 */
#galerie {list-style-type: none; padding: 0; margin: 0 0 0 17px; width: 100%;}
#galerie li {
	display: block;
	float: left;
	width: 186px;
	padding: 20px 0;
	text-align: center;
	margin-right: 15px;
	background-color: #494949;}
	
#galerie span {display: block; margin: 7px 0; font-size: 13px; color: #bbb; text-align: center;}

/* 4náhledy: - sloupec3 + galerie1 + rada2 */

#galerie1 {list-style-type: none; padding: 0; margin: 0 0 0 95px; width: 100%;}
#galerie1 li {
	display: block;
	float: left;
	width: 186px;
	text-align: center;
	margin-right: 30px;
	background-color: #494949;
	height: 168px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;}
#galerie1 img.krajina { margin: 30px 10px;}

/* odkazy: - sloupec3 + galerie2 + rada3 */
#galerie2 {list-style-type: none; padding: 0; margin: 0 0 0 0px; width: 100%;}
#galerie2 li {
	display: block;
	float: left;
	width: 130px;
	padding: 10px 0 10px 0;
	text-align: center;
	margin-right: 20px;
	background-color: #494949;
	height: 168px;}
	
#galerie2 span {display: block; margin: 7px 0; font-size: 13px; color: #bbb; text-align: center;}

#galerie3 {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 0px;
}
#galerie3 li {
	width:auto;
	display: block;
	float: right;
	margin: 0 35px 20px 0px;
	background-color: #494949;
	width: 460px;
}

#galerie3 span {display: block; margin: 7px 0; font-size: 13px; color: #bbb; text-align: center;}
