/* (C) Pavel Gloss, 2008 */

/* ======= hlavni layout ========= */

body {
  text-align: center;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  background: #fff url(../img/bg_gradient.png) repeat-x top;
  font-size: x-small;
  color: #000;
  margin: 0;
  padding: 0;
}

#page-top {
  margin: 0 auto;
  width: 874px;
  background: url(../img/bg_top_border.png) repeat-x bottom;
  height: 38px;
}

#page-container {
  margin: 0 auto;
  width: 886px;    /* 874px je sirka bileho pozadi, + 2x6px pruh na stranach */
  background: white url(../img/bg_left_border.png) no-repeat left top;
}
#page-container-child {
  background: url(../img/bg_right_border.png) no-repeat right top;
  padding-top: 8px;
  text-align: left;
}

#top-menu {
  height: 38px;
  width: 858px;
  background-color: #307FCB;
  position: relative;
  left: 14px;   /* 8px bily okraj + 6px levy border*/
  overflow: hidden;  /* zustavala mezirka mezi header-container */
  font-size: 0;
}

#page-bottom {
  margin: 0 auto;
  width: 876px;   /* 874 zakl.sirka + 2px aby dolni border delal dojem zaoblenosti */
  background: url(../img/bg_bottom_border.png) repeat-x top;
  height: 30px;
  font-size: 0;
}

#header-container {
  border: 1px solid #B9CCE1;
  border-top: none;
  position: relative;
  left: 14px;
  width: 856px;
}

#banner {
  width: 526px;
  height: 183px;
  border-right: 1px solid #B9CCE1;
  float: left;
  font-size: 0;   /* kvuli mezirce pod bannerem v IE */
}

#logo {
  float: right;
  position: relative;
  right: 34px;
  top: 54px;
}

#middle-container {
  border-left: 1px solid #B9CCE1;
  border-right: 1px solid #B9CCE1;
  width: 856px;
  position: relative;
  left: 14px;
}

#footer {
  border: 1px solid #B9CCE1;
  border-bottom: none;
  width: 856px;
  height: 67px;
  position: relative;
  left: 14px;
  bottom: 8px;
  background: url(../img/footer.png) no-repeat center top;
}

#main {
  width: 525px;   /* ne 526 protoze ted bude border na sidebaru */
  float: left;
  padding-bottom: 20px;  /* zaplata - posledni radek textu napul nebyl videt */
}

#sidebar {
  float: right;
  width: 329px;
  border-left: 1px solid #B9CCE1;
}

#eshop {
  padding-top: 8px;
  padding-left: 6px;
  padding-bottom: 8px;
  font-size: 0;
}

#menu {
  border-top: 1px solid #B9CCE1;
  padding: 10px;
  margin-bottom: 10px;
}


/* ostatni formatovani */

#page-top img {
  float: left;
  position: relative;
  top: 23px;
  left: 812px;
  margin-right: 3px;
  border: 1px solid #4C7AAF;
}

#top-menu a {
  float: left;
}

#menu a {
  font-family: "Arial CE", arial, lucida, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #3775BB;
  line-height: 1.5em;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #CAD9E9;
  padding: 4px 0; 
}

h1 {
  font-family: "Arial CE", arial, lucida, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #3775BB;
  padding: 4px;
  margin: 10px 6px 10px 6px;
  border-bottom: 1px solid #CAD9E9;
}

.novinka {
  padding-left: 10px;
  color: #404040;
}

.novinka div {
  float: left;
}

.novinka h2 {
  font-family: "Myriad Pro";
  font-size: 2.4em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.novinka p {
  font-size: 1.3em;
  text-align: justify;
  line-height: 1.3em;
  width: 396px;
  padding: 0;
  margin: 0;
}

.novinka img {
  float: right;
  margin-top: 10px;
  padding: 6px;
}

/* === END === */
