html { margin: 0; padding: 0;}
body { background: #262C2F; color: #928F87; font-size: 80%; font-family: "Arial CE", Arial, "Verdana CE", "Lucida Grande CE", "Helvetica CE", Verdana, lucida, sans-serif; text-align: center; }
body, h1, h2, h3, div, p, form, input, textarea, table, ul { margin: 0; padding: 0;} 
h1 { padding: 30px 0 3px 0; margin: 0 0 20px 0; color: #fff; font-family: Arial, Georgia, "Times New Roman", Times, serif; letter-spacing: -1px;  }
h1, h2, h3 {font-weight: bold;  font-family: Arial, Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;   } 
h1 { padding: 10px 0 8px 0; margin: 0 0 20px 0; font-size: 200%; }
h2 { color: #fff; padding: 0 0 10px; 0; margin: 40px 0 0 0; font-size: 140%;}

a:link { color: #FFA222;} 
a:visited { color: #FFA222;} 
a:active, a:hover { color: #fff;}

p.r { text-align: right; }
br.clear {display: block; height: 1px; width: 200px; clear: left; font-size: 0; overflow: hidden; }
br.both {display: block; height: 1px; width: 200px; clear: both; font-size: 0;}
hr { position: absolute; top: -12721px; }

#top { background: #30373A; height: 30px; }
#head { background:url("gfx/headerXXX.jpg") 0% 50% repeat-x #262C2F; height: 110px; }
#head p#logo { position: relative; width: 914px; margin: 0 auto; text-align: left;  }
#head #logo { padding: 0 0 0 0; position: relative; top: 25px; right: 6px; }
#head #logo img { position: relative; top: 0; left: 0; z-index: 2; }
#head #logo a img, #head #logo a:hover img {border: 0;}
#head #logo a span { display: block; height: 47px; width: 300px; position: absolute; top: 0; left: 0; z-index: 3; }
#head #logo a:link span, #head #logo a:visited span {  background: url(logo-rollover.png) 0% 0% no-repeat; color: #515151; }
#head #logo a:active span, #head #logo a:hover span {  background: url(logo-rollover.png) 0% -47px no-repeat; color: #515151; }


#page { text-align: center; padding: 0 10px 0 10px; margin: 0 0 0 0; font-size: 110%; }
#obsah { width: 960px; position: relative; margin: 0 auto; text-align: left; padding: 40px 0 40px 0; }

.perex p { font-weight: bold; color: #fff; padding: 0 0 10px 0; color: #928F87;  }

.box { width: 480px; height: 400px; float: left;  }
.box img { display: block; margin: 0 0 10px 0;}
.box div.img { display: block; margin: 0 0 10px 0;}
.box p { width: 448px; font-size: 90%; }

#pole { width: 600px; float: left; }
#sidebar { width: 300px; float: right; border: 1px dotted #525252; border-width: 0 0 0 1px; }
#sidebar div { width: 250px; position: relative; left: 20px;  }

/* Paticka */
#foot { padding: 0 0 50px 0; background: #000; color: #585858; font-size: 100%; margin:  0 0 0 0;  }

#foot p { text-align: left; width: 914px; position: relative; margin: 0 auto; }

#footer a:link, #footer a:visited { color: #fff; }
#footer a:active, #footer a:hover { color: #fff; text-decoration: none; }
#footer p { padding: 0 0 6px 0; }

#stat { position: absolute; top: -100721px; width: 10px; height: 10px; overflow: hidden; }
#page { background: url(gfx/bg-city.gif) 50% 100% repeat-x #262C2F; }
#obsah {  background: url(gfx/city.gif) 50% 100% no-repeat; color: #bbbbbb; }


#fb { position: relative; bottom: 80px; text-align: center; width: 914px; position: relative; margin: 0 auto; overflow: hidden; }
#fb iframe { position: relative;  }