/* ----------------------------------------------------------------------------------------------------------
    Projekt: OPTIKCENTRUM.CZ 
    URL: http://www.optikcentrum.cz/

    Autor: Nový Web s.r.o. [www.novy-web.cz]; e-mail: info@novy-web.cz
    Poslední revize: 23.4.2008 13:07:56 
---------------------------------------------------------------------------------------------------------- */

body {
  background: #fff url(./../../_layout/_www/bg.gif) repeat-x  top;
  font: 11px Verdana;
  color: #666;
  text-align: center;
  margin-top: 28px;
}

a {
  color: #f7890e;
}
  
a:hover {
  text-decoration: none;
}
  
form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

table {
  font-size: 11px;
}

.noscreen {
  display:none;
}

#page {
  margin:0 auto 0 auto;
  width: 850px;
  text-align: left;
}

#header {
  height: 57px;
  border-bottom: 1px solid #ccc;
}

#logo, #linka {
  display: block;
  position: relative;
  width: 221px;
  height: 39px;
  overflow:hidden;
  float: left;
  margin: 0 487px 0 2px;
}

#logo span, #linka span {
  display:block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1; 
  width:100%; 
  height:100%;
  cursor: pointer;
  background-image: url(./../../_layout/_www/logo.gif);
}

#linka {
  width: 137px;
  margin: 0;
}

#linka span {
  cursor: default;
  background-image: url(./../../_layout/_www/infolinka.gif);
}

#menu {
  float: left;
  width: 183px;
  margin-top: 15px;
}

#menu ul {
  margin: 0;
  padding: 0; 
  list-style: none;
}

#menu li {
  display: block;
  height: 24px;
  margin-bottom: 5px;
}

#menu li a {
  display: block;
  color: #666;
  text-decoration: none;
  padding: 5px 0 6px 35px;
  margin: 0;
  background-image: url(./../../_layout/_www/mnu4.gif);
}

#menu li a.mnu1 {
  background-image: url(./../../_layout/_www/mnu1.gif);
}

#menu li a.mnu2 {
  background-image: url(./../../_layout/_www/mnu2.gif);
}

#menu li a.mnu3 {
  background-image: url(./../../_layout/_www/mnu3.gif);
}

#menu li a:hover {
  color: #fca321;
}

.box {
  height: 21px;
  background-color: #d9d9d9;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 14px;
}

.box b {
  display: block;
  margin: 0 0 0 7px;
  padding: 4px 0 0 12px;
  background: url(./../../_layout/_www/prouzek.gif) no-repeat left bottom;
}

.seda {
  background-color: #f2f2f2;
  margin: 6px 0 0 0;
  padding: 8px 10px 10px 8px;
}

.seda div.title {
  margin: 0 0 5px 0;
}

.seda div.title a {
  font-weight: bold;
}

.date {
  font-weight: bold;
}

#obsah {
  float: left;
  width: 654px;
  margin: 15px 0 0 13px;
}

#banner1, #banner2, #banner3 {
  display: block;
  position: relative;
  width: 211px;
  height: 111px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

#banner1 span, #banner2 span, #banner3 span {
  display: block;
  position: absolute;
  top: 0; 
  left: 0; 
  z-index: 1; 
  width: 100%; 
  height: 100%;
  cursor: pointer;
  background-image: url(./../../_layout/_www/banner1.gif);
}

#banner2 span {
  background-image: url(./../../_layout/_www/banner2.gif);
}

#banner3 {
  margin-right: 0;
}

#banner3 span {
  background-image: url(./../../_layout/_www/banner3.gif);
}

#navigation {
  clear: both;
  padding: 14px 0 0 0;
  height: 16px;
  border-bottom: 1px solid #ccc;
}

#navigation a, #navigation span {
  display: block;
  float: left;
  background: url(./../../_layout/_www/sipecka.gif) no-repeat left;
  padding: 0 15px 0 12px; 
  text-decoration: none;
  color: #666;
}

#navigation a:hover {
  text-decoration: underline;
}

h1, h2 {
  font-size: 18px;
  color: #fda408;
  margin: 14px 0 10px 0;
  padding: 0 0 0 20px;
  background: url(./../../_layout/_www/h1.gif) no-repeat left;
}

h2 {
  border-bottom: 1px solid #fcb316;
}

#zapati {
  clear: both;
  margin: 75px 0 15px 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
  color: #999;
}

#zapati a {
  color: #999;
}