body, img, p, form, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px}

a {color: #f58220;}
a:hover {text-decoration: underline;}
p {margin-bottom: 7px; margin-top: 7px;}
img {border: 0px;}

			
.clear {clear: both; height: 1px; color:  #fff;}
.bold {font-weight: bold;}
.skryj {display: none;}

body {background-color: #2c292a;	color: #000; font-family: Tahoma, Arial, Verdana, Tahoma;
			font-size: 82%; line-height: 1.3; }

#obal {margin: 0px auto; width: 907px; position: relative;}
#hrady {height: 55px;  margin-top: 5px; text-align:center; width: 100%;}
#hrady h2, #hrady .h2 {display: block; font-weight: bold; font-size: 100%; background: url('hrad.gif') no-repeat;
			padding:  3px 0px 3px 30px;  display: inline; margin-right: 15px; line-height: 2; white-space:nowrap;}
#hrady h2 a, #hrady .h2 a {color:#f58220; text-decoration: none;}
#hrady h2 a:hover, , #hrady .h2 a:hover {text-decoration: underline;}

#box {height: 364px; width:907px; background: url('kolaz.jpg') no-repeat; margin-top: 2px; position: relative;}

#box #menu {position: absolute; bottom: 37px; left: 55px;}
#box #menu .sel {color: #222;}
#box #menu a {color: #fff; display: inline; padding-right: 10px; text-decoration: none; font-weight: bold;
		text-transform: lowercase;}
#box #menu a:hover {text-decoration: underline; color: #222;}

#box .h1 {width: 100%; height: 150px; position: absolute; top: 20px;}
#box .h1 span {display: none;}
#box .h1 a {width: 100%; height: 150px; cursor: pointer; display: block;}

#box .csas{position: absolute; top: 100px; right: 50px; width: 278px; height: 70px;}

#telo {padding-bottom:  180px; position: relative; width: 100%; color: #fff; 
			background: url('pata.gif') no-repeat bottom; min-height: 350px; _height: 350px;}

.pata {position: absolute; bottom: 10px; right: 10px; font-size: 11px; color: #000; text-align: right;}
.pata a {color: #000;}
.pata .seo {}
.pata .seo h4{font-size:100%; margin: 0px;}
.pata .seo p{margin: 0px;}

#telo .col1 {width: 130px; float: left; margin-left: 10px;}
#telo .col2 {width: 700px; float: left; margin-left: 15px;}
#telo .col3 {width: 130px; float: right; margin-right: 30px;}
#telo .col {}

#telo .tit {font-size: 17px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}

#clanky {}
#clanky .clanek {background-color: #555557; padding: 10px;}
#clanky .clfoto {float: left; margin-right: 20px; width: 235px; overflow: hidden;}


#telo .cldetail {background-color:#555557; padding: 10px;}
#telo h1 {font-size: 24px; margin-bottom:  15px;}
#telo h2 {font-size: 17px; font-weight: bold; text-transform: uppercase; color: #f58220;}
#telo .cldetail h2 {margin-top: 10px;}
#telo #podrbk .trrbk {background-color:#555557; vertical-align: top;}
#telo #podrbk .h1rub {border-collapse: collapse; width: 100%;}
#telo #podrbk .h1rub td {border-top: 10px solid #2c292a; padding: 10px;}

#telo .h1rub2, #rubobsah {background-color: #555557; padding: 10px;}

.galerie .obrazek {float: left; margin: 4px 8px 4px 0px; height: 150px;}

.rekltop{width: 100%; margin-bottom: 10px;}
.rekltop .bann1 {margin: 0px auto; display: block;}

#reklleva {position: absolute; top: 540px; left: -130px;}

