/* CSS Document */
a img {border: 0px;}
body {
  position: relative;
  font-family: Tahoma;
  font-size: 14px;
  color: #ffffff;
  margin: 0px;
  background: url(../images/bg.gif) 0px 0px #000000 no-repeat;
}
#page {
  position: relative;
  width: 950px;
  background: url(../images/bg_page.gif) left bottom no-repeat;
  padding-bottom: 70px;
}
#page.wide #right {display: none;}
#page.wide #content {width: 760px;}
#page.wide .eshop {display: none;}

#page.wide #main .categories {position: absolute; left: 24px; top: 153px; width: 111px; height: 321px; font-weight: bold; padding: 90px 0px 0px 15px; background: url(../images/bg_categories.gif) no-repeat;}
#page.wide #main .categories a {display: block; height: 16px; color: #ffffff; text-decoration: none; background: url(../images/bullet1.gif) 0px 4px no-repeat; padding-left: 17px; padding-bottom:20px;}
#page.wide #main .categories a:hover {text-decoration: underline;}
#page.wide #main .categories a.active {color: #b39053;}

.logo {
 position: absolute;
 left: 18px;
 top: 41px;
 width: 150px;
 height: 70px; 
}
.eshop {
  position: absolute;
  left: 10px; top: 212px;
  display: block;
  width: 135px; height: 82px;
  background: url(../images/eshop.gif) no-repeat;
  padding-top: 20px;
  font-family: Times New Roman;
  text-align: center;
  color: #725a37;
}

.eshop a {font-size: 33px; color: #725a37; text-decoration: none;}
.eshop .sublinks {margin-top: 5px;}
.eshop .sublinks a {font-size: 12px; font-weight: bold;}


h1 {margin: 0px 0px 12px 0px; font-size: 24px; font-weight: normal; color: #ffffff;}
h2 {font-size:20px; font-weight:normal;}
p {padding: 0px;padding-bottom: 15px; margin:0px;}
.white {color: #ffffff;}

.lang {position: absolute; top: 20px; right: 135px; height: 20px; width: 180px; font-family: Times New Roman;}
.lang a {background: url(../images/bullet1.gif) 0px 3px no-repeat; padding-left: 15px; text-decoration: none; color: #ffffff; margin-right: 20px;}
.lang a:hover {text-decoration: underline;}
.lang a.active {color: #ebcc98;font-weight:bold;}

.top_menu {font-family: Times New Roman; height: 30px; padding-top: 97px; margin-left: 189px; font-size: 24px;}
.top_menu a {height: 26; color: #ffffff; padding: 2px 14px 2px 14px;}
.top_menu a:hover {text-decoration: none; color: #d8c3a5}
.top_menu a.active {background: #770000; text-decoration: none;}

#main {margin-top: 26px; margin-left: 189px; padding-top: 40px; width: 760px;}


#content {float: left; min-height: 360px; _height: 360px; width: 450px; margin-bottom: 235px; margin-right: 10px; color: #ebcc98;}
#content .img_otakar-pok {margin-right: 25px; margin-left: auto; width: 162px; height: 59px; background: url(../images/img_otakar-pok.gif) no-repeat;}

#content a {
  color:#DF6161;
  
}

#right {float:left; width: 300px; margin-bottom: 90px;}
#right .box {
  width: 280px;
  padding: 10px;
  font-size: 14px;
}
#right .box h1 {color: #ffffff;}
#right .box.brown {min-height: 240px; _height: 240px; background: url(../images/grad1.gif) repeat-x; color: #ebcc98;}
#right .box.brown .date {display: block; color: #705f45;}
#right .box.red {min-height: 180px; _height: 180px; background: url(../images/grad2.gif) repeat-x; color: #e26464;}
#right .box.red a{color:#FFFFFF; text-decoration:underline;}
#right .box.red a:hover{text-decoration:none;}


#association {position: absolute; right: 0px; bottom: 130px; width: 290px; height: 87px;}
#association a img {margin-right: 10px;}

#footer {position: relative; width: 835px; border-top: 1px solid #4a0000; padding: 15px 0px 0px 90px; color: #403421; font-size: 12px;}
#footer a {color: #705f45; text-decoration: none;}
#footer a:hover {text-decoration: underline; color: #b19d80;}

#footer .line {position: absolute; top: 0px; left: 0px; height: 4px; width: 82px; background: #4a0000; font-size: 1px;}
#footer .menu {position: absolute; top: 15px; right: 0px; height: 18px; width: 430px; text-align: right; font-size: 12px; color: #a69377;}
#footer .menu a {color: #a69377; padding: 0px 11px 0px 11px;}
#footer .menu a:hover {color: #ffffff;}
#footer .menu a.active {color: #ffffff;}

.mrBM {clear: both;}

table th {text-align:left; font-size:12px;}

table.katalog {margin: 0px 0px 20px 20px;}
table.katalog td {padding: 0px 10px 5px 0px; vertical-align: top;}
table.katalog .descript {color: #705f45; background: url(../images/grad3.gif) repeat-x; width: 122px; padding: 10px;}
table.katalog .title {color: #ebcc98;}
table.katalog .code {margin-bottom: 15px;}
table.katalog a {color: #705f45;}
table.katalog a:hover {text-decoration: none; color: #b19d80;}

.list_navigation {height: 58px; width: 608px; background: url(../images/list_navigation.gif) no-repeat; text-align: center; padding-top: 10px; color: #705f45;}
.list_navigation a {color: #705f45; padding: 0px 5px 0px 5px; text-decoration: none;}
.list_navigation a:hover {color: #ffffff;}
.list_navigation a.active {background: #705f45; color: #000000; font-weight: bold;}

.photo_preload{display:none;}