body { margin: 0px; text-align: center; color: #414141; background: #1F1A17 url(../img/body-bg3.jpg) no-repeat 50% 0;}
p {text-indent: 20px; text-align: justify;}
hr { height: auto; color: #622C34;}
img {border: none;}
a {color: #622C34; font-weight: bolder; text-decoration: none;}
a:hover { color: #622C34; font-weight: bolder; font-style: italic; text-decoration: none;}

#main {position: relative; width: 1000px; text-align: center; margin: 0px auto 10px auto;}
#logo {position: absolute; right: 0px; top: 370px; width: 410px; height: 88px; background: url(../img/hektor-logo.png);}
#grafika {position: absolute; left: 20px; top: 20px; width: 155px; height: 180px;}

#heading { width: 1000px; height: 400px; clear: both;} 

#page_null { width: 1000px; clear: both; background: #BAB7B0; margin: 0px 0px 10px 0px; border: 1px solid #622C34;}
#page { width: 1000px; clear: both; background: #BAB7B0; margin: 0px 0px 10px 0px; border: 1px solid #622C34;}
#page_top {height: 50px; margin: 6px 6px 3px 6px; clear: both;}
#page_top .left {position: relative; left: 0; top: 400; float: left; width: 683px; text-align: left;  height: 50px; line-height: 50px; margin: 0px 3px 0px 0px;}

#menu {padding: 0px; margin: 5px 0px 5px 0px; list-style: none; text-transform: uppercase;}
#menu  li {float: left;}
#menu li a {height: 38px; line-height: 38px; width: 118px; display: block; text-align: center; text-decoration: none; color: #622C34; font-size: 110%; font-weight: bolder;}
#menu li a:hover {height: 38px; line-height: 38px; width: 118px; display: block; text-align: center; text-decoration: none; color: #BAB7B0; font-size: 110%; font-weight: bolder; background-color: #622C34;}
.submenu { margin: 0; padding: 0; list-style: none; width: 118px; }
.submenu li { text-align: left; margin: 0; padding: 0; width: 100%; background: Silver url(../img/bg_dotted_blue.gif) repeat-x left bottom; }
.submenu li a {font-size: 9px !important; display: block;height: 20px; line-height: 20px; padding: .3em 1em .3em 2em; text-decoration: none !important; text-transform: uppercase; color: Black; background: url(../img/popup-arrow.gif) 10px center no-repeat }
.submenu li a:hover { background: #622C34 url(../img/bg_dotted_blue.gif) repeat-x left bottom; color: silver;}


#popup-menu-1 { position: absolute; left: 0px; top:43px  }
#popup-menu-2 { position: absolute; left: 118px; top:43px  }
#popup-menu-3 { position: absolute; left: 236px; top:43px  }
#popup-menu-4 { position: absolute; left: 354px; top:43px  }

#popup-menu-1, #popup-menu-2, #popup-menu-3, #popup-menu-4 { display: none }

#page_top .right { float: right; width: 300px; text-align: left; margin: 0px; padding: 0px;}
#page_bottom {margin: 3px 6px 6px 6px; clear: both; padding: 0px;}
#page_bottom .left { float: left; width: 634px; text-align: left; background-color: #D9D8CF; border: 1px solid #9A9792; margin: 3px 3px 6px 0px; padding: 5px;  }

.video { text-align: center;}
.novinky {padding: 5px}
.dis {width: 622px; clear: both; padding: 0px 0px 0px 20px}
.dis_right {width: 311px; float: right; text-align: left;}
.dis_left {width: 311px; float: left; text-align: center;}

#page_bottom .right { margin: 3px 0px 6px 3px; padding: 5px; float: right; width: 324px; text-align: left;  }

#foot { width: 1000px; height: 50px; background-color: #622C34; color: #BAB7B0; font-size: 90%; font-style: italic; border: 1px solid #622C34; clear: both;}
#foot a {  color: #BAB7B0; text-decoration: none;}
#foot a:hover {  color: #BAB7B0; text-decoration: underline;}
#foot div { height: 25px; line-height: 25px;}

h1 {display: none;}
h2 { background: url(../img/bg_h2.gif) no-repeat left; color: Gray; padding: 10px 0px 0px 14px; font-size: 22px; margin: 10px; height: 30px; }
h3 { margin: 5px}
h3 span { font-size: 80%; font-style: italic; color: Gray; font-weight: normal;}

/*********** Navigace **********/
.domtabs { margin: 0 0 0 0; padding: 0; height: 24px; overflow: hidden; list-style: none; background: transparent url(../img/bg_if_tabs.gif) repeat-x left bottom }
.domtabs li { float: left; margin: 0 4px 0 0 }
.domtabs a { color: #622C34; font-weight: bold; display: block; height: 22px; line-height: 22px; float: left; padding: 0; width: 80px; text-align: center; text-decoration: none; border: 1px solid #9A9792; border-bottom-color: #9A9792;; background: #FFFFFF url(../img/bg_if_tabs_a.gif) repeat-x 0 0 }
.domtabs a:hover, .domtabs .active a { color: #622C34; background-color: #D9D8CF; background-position: 0 -22px; border-color: #9A9792; }
.domtabs em { font-weight: normal; font-style: normal }
.domtabs .active a { border-bottom: 1px solid #D9D8CF }
/** .detail-box { padding: 10px 5px 10px 5px;  border-width: 0px 1px 1px 1px;  background-color: #D9D8CF; border: 1px solid #9A9792;  text-align: center;}  **/
.detail-box { padding: 10px 5px 10px 5px; border: 1px solid #9A9792; border-width: 0 1px 1px 1px; background: #D9D8CF; color: #525252;  text-align: center;}
.detail-box ol { padding: 0px 0px 0px 18px; margin: 0px;  font-size: 90%;}

/********** Fotogalerie **********/
.galerie_null { clear: both;}
.galerie { border: 1px solid #622C34; width: 199px; height: 250px; background: #BAB7B0; text-align: center; float: left; margin: 5px;}
.galerie_nazev { font-size: 110%; font-weight: bolder; color: #622C34; height: 30px; margin: 5px 0px auto 0px;}
.galerie_img { height: 220px; padding: 5px}
.foto_null { clear: both;}
.foto { border: 1px solid #622C34; width: 199px; height: 230px; background: #BAB7B0; text-align: center; float: left; margin: 5px;}
.foto_img { height: 220px; padding: 10px;}
.foto_navigace {text-align: center; height: 30px; line-height: 30px; width: 100%;; clear: both;}

/********** Mapa stránek **********/
.mapsection {font: 14px Tahoma, "Lucida Grande CE", lucida, sans-serif; font-weight: bolder; height: 20px; line-height: 20px}
.mapitem {font: 12px Tahoma, "Lucida Grande CE", lucida, sans-serif; height: 20px; line-height: 20px}