/*  Vytvořilo v roce 2007 webdesign studio WPJ, www.wpj.cz | info@wpj.cz | tel.: +420 775 131 400 | Vrchlabí  */
html, body {
	margin: 0;
	border: 0;
	background: #F0F4F7 url(../images/pozadi.jpg) repeat-x;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
}
A { font-weight: bold; text-decoration: none; }
A:link { color: Black; }
A:visited { color: Black; }
A:hover { color: Black; 
text-decoration: underline;}
img { border: none; }
/*  layout dvousloupcovy BOX- wpj  */
#hlavni { margin: auto; width: 978px; text-align: left; position: relative; }
#lista { color: #FFFFFF; font-size: 75%; height: 17px; }
#lista A:link { color: #FFFFFF; }
#lista A:visited { color: #FFFFFF; }
#lista A:hover { color: #FFFFFF; }
#mapa-webu { position: absolute; top: 4px; left: 15px; }
#top {
	width: 978px;
	background: url(../images/hlavni-top.jpg) no-repeat;
	height: 203px;
	position: relative;
}
#logo { position: absolute; top: 30px; left: 15px; }
#oddily { position: absolute; top: 155px;
font-weight: bold; left: 15px;
color: White; font-size: 170% }
#toppod{ border-bottom: 8px solid #599BCC; background-color: #3082BF; }
#stred { width: 100%; text-align: left;  background: url(../images/hlavni-main.gif) repeat-y; }
#roh {background: url(../images/pozadi-roh.jpg) no-repeat bottom left; }
/*  layout hl BOX- wpj */
#sidebar { float: left; width: 215px;margin:0; padding:0;}
#sidebar-content { margin:0; padding: 0 0 15px 0;}
   #main {
      margin:0 0 0 215px; padding:0;
      }
   #main-content {
      margin:0; padding: 15px 20px 10px 20px;
      font-size: 95%;
		color: Black;
      }
hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; border: none; height: 1px; visibility: hidden; }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */
/*  right BOX- wpj  */
#right-photo { padding: 10px 10px 5px 10px; margin-bottom: 10px; background-color: #D7D7D7; }
div.right-bunka { margin-bottom: 10px; background-color: #D7D7D7; }
div.right-text {
	padding: 0 0 2px 10px;
	border-bottom: 5px solid #599BCC;
	color: #155CA1;
	background-color: #FFFFFF;
	font-size: 110%;
	font-weight: bolder;
}
div.right-table { padding: 5px; }
td.right { padding-right: 5px; text-align: right; }
/*  right BOX- wpj  ende */
/*  botton BOX- wpj */
#spodek {
	background: url(../images/hlavni-botton.gif) no-repeat;
	color: #FFFFFF;
	font-size: 75%;
	height: 25px;
}
#wpj { float: right; padding: 8px 15px 0 0; }
#spodek-c { float: left; padding: 8px 0 0 15px; }
#spodek A:link { color: #FFFFFF; }
#spodek A:visited { color: #FFFFFF; }
#spodek A:hover { color: #FFFFFF;
text-decoration: none; }
/*  botton BOX- wpj  ende */
/*  menu-wpj  */
#menu { 
position: absolute;
top: 158px;
display: block;
right: 20px; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { float: left; margin-right: 2px; display: block; }
#menu a {
	padding: 0px 10px 0 10px;
	display: block;
	color: white;
	font: bold 98% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
}
#menu A:link { color: #FFFFFF; }
#menu A:visited { color: #FFFFFF; }
#menu A:hover { color: white;
text-decoration: underline; }
#menu A.oz { color: white; 
text-decoration: underline;}
#menu A.oz:link { color: white; }
#menu A.oz:visited { color: white; }
#menu A.oz:hover { color: white; }
/*  menu-wpj-end  */
/*  menu-wpj-left submenu  */
#submenu-back { 
width: 215px;
font-size: 95%;
position: relative;
top: -20px;
}
#submenu { 
margin-left: 20px;}
#dropdown { 
margin-left: 10px;}
#submenu ul {
list-style: none;
padding-left: 5px;
margin: 0px;
}
#submenu A { font-weight: bold; font-size: 100%;
text-decoration: none;
letter-spacing: 0px;}
#submenu A:link { color: #FFFFFF;
  background: url(../../misc/menu-collapsed.png) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  display: block;
  text-decoration: none;}
#submenu A:visited { color: #FFFFFF;
 background:  url(../../misc/menu-collapsed.png) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
  display: block;
 text-decoration: none;}
#submenu A:hover { color: #CDCD9B;
 background:  url(../../misc/menu-on.png) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
  display: block;
 text-decoration: none;}
 
 #submenu A.expanded:link { color: #FFFFFF;
  background: url(../../misc/menu-expanded.png) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  display: block;
  text-decoration: none;}
#submenu A.expanded:visited { color: #FFFFFF;
 background:  url(../../misc/menu-expanded.png) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
  display: block;
 text-decoration: none;}
#submenu A.expanded:hover { color: #CDCD9B;
 background:  url(../../misc/menu-expanded.png) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
  display: block;
 text-decoration: none;}
 

#submenu A.active:link { color: #CDCD9B;
  background: url(../../misc/menu-on.png) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  display: block;
  text-decoration: none;}
#submenu A.active:visited { color: #CDCD9B;
 background:  url(../../misc/menu-on.png) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
  display: block;
 text-decoration: none;}
#submenu A.active:hover { color: #CDCD9B;
 background:  url(../../misc/menu-on.png) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
 display: block;
 text-decoration: none;} 
 
li.podsubmenu {
border-bottom: none;
color: white;
padding: 10px 0 0 0px; 
}
#submenu li{
border-bottom: 1px solid #FFFFFF;
padding: 4px 4px 4px 7px; 
}
li.expanded last active-trail {
border-bottom: 1px solid Window;
padding: 4px 4px 4px 7px;
}

li.collapsed last {
border-bottom: none;
padding: 4px 4px 4px 7px; 
}
#submenu strong {
font-size: 120%;
}
/*  menu-wpj-end  */
/*  hlavni-wpj  formatovani */
h1 {margin: 0px; padding: 0px; color: Black; font-size: 165%; }
h2 {margin: 0px; padding: 3px 0 0 10px; color: #4B4B4B; font-size: 155%; }
h2.title {margin: 0px; padding: 8px 0 0 10px; color: Maroon; font-size: 120%; }
h2.title A { color: Maroon;}
h3 {padding-left: 0px; padding-bottom: 0px; margin: 0px; color: #155CA1; font-size: 130%; }
#adresa h2 {padding-left: 0px; }
#vt h2, #el h3 {font-size: 220%; }
img.photo { border: none; padding-bottom: 2px; }
table { font-size: 100%; 
margin: 0px;
border: 0px;
padding: 0px;}
ul { margin: 0px; padding: 0px; }
#main-content ul { margin-left: 0px; padding: 10px; }
#user ul { margin: 0px; padding: 0px; }
#user{
width: 100%;
}
#user td {
padding: 0 15px 0 15px;
font-size: 90%;
vertical-align: top;
}
#user table{
width: 100%;
}
#user li {
	margin: 0 0 0 5px;
	padding: 5px 0px 5px 0px;
	list-style: square inside;
}
#user p {
margin: 0px;
padding: 0px;
}
#user em {
padding-left: 2px;
}
img.mapa {
float: right;
}
#adresa{
padding: 20px 0px 20px 40px;
}
#adresa p {
padding: 5px 0 0 5px;
margin: 0;
}
/*  hlavni-wpj  formatovani ende*/
/*  wpj table kulate rohy */
div.table-hr { width: 95%; background-color: #CA7E5E;}
div.table-fl { width: 60%; background-color: #CA7E5E; margin: 3px;}
div.table-index { width: 95%; background-color: #CA7E5E; margin: 3px;}
div.table { background: #CA7E5E; margin: 3px;
width: 80%;}
div.table-mapa { text-align: center; width: 524px; background-color: #CA7E5E; margin: 3px;}
div.table-sz { width: 300px; background-color: #CA7E5E; margin: 3px;}
div.table-style { padding: 10px;}
div.r1 { background: url(../images/roh1.gif) no-repeat top left; }
div.r2 { background: url(../images/roh2.gif) no-repeat top right;}
div.r3 { background: url(../images/roh3.gif) no-repeat bottom right;}
div.r4 {background: url(../images/roh4.gif) no-repeat bottom left;}
/*  wpj table kulate rohy end */
hr {
background-color: #66664C;
height: 3px;
border: solid 1px #66664C;
margin: 5px 20px 10px 0; 
padding: 0px;
}
p {
padding: 10px;
margin: 0px;
}
em {
padding-left: 10px;
}
td.proptext {
font-weight: bold;
}

.picframe { /* for pics of the gyms */
  background-color: #fff;
  float: left;
  /*margin: 2px 2px 2px 2px;*/
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid black;
  width: 170px;
  text-align: center;
}

.picframe a img {
  padding: 5px 5px 5px 5px; /* that's strange */
}
.clear {
  clear: both;
}
a img {
  border: 0;
}
div.links {
padding-left: 20px;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}