/* base elements */

body {
  background: #54656d url("../images/layout/img-body.jpg") no-repeat fixed 50% 0;
  font-size: 75%;
}
body.ajax { background: none; }

/* layout */
#wrap {
  background: url("../images/layout/img-wrap-bg.png") repeat-x;
}
#wrap-inner {
  /* background: url("../images/layout/img-wrap-inner.png") 50% 0 no-repeat; */
}

#wrap-header{
  position: fixed;
}
#header {
  width: 1000px;
  height: 152px;
  margin: 0 auto 0 auto;
  position: relative;
  z-index: 102;
}
#header li {
  margin: 0;
  padding: 0;
}

#logo-row {
  width: 100%;
}
#img-logo {
  float: left;
  width: 180px;
}
#img-logo span { display: block; height: 101px; width: 180px; }
#img-motto {
  clear: both;
  position: relative; 
  z-index: 100; 
  padding-top: 40px;
  padding-bottom: 25px;
}
#img-motto span { display: block; position: relative; z-index: 101; text-align: center; color: #FFFFFF; }
#img-motto * { z-index: 101; }

#motto { font-size: 40px;  }
#motto-small { font-size: 19px; }

#logo-row, #img-logo, #img-top {
  height: 105px;
}
#img-top { 
  width: 820px;
  float: left;
  background: url("../images/layout/img-top.png") no-repeat;
}

#img-nav {
  height: 50px;
  margin: 0px auto 0 auto;
  padding: 0 0 0 10px;
/*  background: transparent url(../images/layout/img-nav.png) no-repeat; */
  position: relative; z-index: 4000;
}

#img-nav-info {
  position: relative;
}

#title { position: absolute; left: 280px; top: 43px; display: block;
font-size: 15px; color: #B0B0B0; }

/* main */

#main {
  background: transparent;
  text-align: center;
  overflow: visible;
  width: 1000px;
  margin: 0 auto 0 auto;
}
#main-inner {
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 0;
}
#main-inner * {
}
#info-box {
  height: 55px;
}
#info-box-inner {
  width: 1000px;
  margin: 0 auto 0 auto;
}

#content-box {
  min-height: 300px;
  padding: 15px 0 0 0;
}
#content-box-inner {
  width: 1000px;
  min-height: 300px;
  margin: 0 auto 0 auto;
}
#content-box-top {
  height: 9px;
  background: url("../images/layout/img-content-box-top.png") 50% 0 no-repeat;
}
#content-box-bottom {
}

#content {
  _height: 780px;
  min-height: 780px;
  width: 627px;
  margin: 0 0 0 0; padding: 0;
  float: left;
  /* background: transparent url("../images/layout/img-content-bg.png") repeat-y; */
  background-color: #FFFFFF;
  font-size: 105%;
}
#content-inner {
  padding: 11px 10px 100px 10px;
}

/* left */
#left {
  width: 189px;
  float: left;
  min-height: 500px;
  overflow-x: hidden;
}
#left-inner {
  padding: 0px 5px 0px 0px;
}
#left h2 { margin: 0 0 0 0px; text-align: center; color: #0082be; font-size: 110%; }

#left td { padding-bottom: 1px; padding-top: 1px; }

#left .box-title {
  background-color: #F0F0F0;
  padding: 15px 0 15px 0;
  margin: 0px 0 5px 0;
}
#left .box {
  background: url("../images/layout/box-bg.png");
  padding: 5px 10px 10px 10px;
  margin: 0px 0 5px 0;
}

#left .news p { margin-bottom: 0.3em; }

/* right */
#right {
  width: 184px;
  float: left;
  min-height: 500px;
  overflow-x: hidden;
}
#right-inner {
  padding: 0;
  margin: 0 0 0 5px;
}

#right .box-title {
  background-color: #F0F0F0;
  padding: 15px 0 15px 0;
  margin: 0px 0 5px 0;
}
#right .box {
  background: url("../images/layout/box-bg.png");
  padding: 5px;
  margin: 5px 0 5px 0;
  font-size: 105%;
}
#right .box:hover { background: #E8E6E5; }

#right h2 { margin: 0; text-align: center; color: #0082be; font-size: 110%; }
#right h3 { margin: 0 0 5px 0; color: #000000; }
#right p { margin-top: 0.3em; margin-bottom: 0; }

#right .news { color: #000000; margin-bottom: 15px; }

#right .item-list { font-size: 95%; }
#right .item-list .title { font-weight: bold; clear: both; }
#right .item-list .image { float: right; padding: 0 5px 5px 0; }
#right .item-list .text { margin: 0 0 0px 0; padding: 0 0 0px 0; line-height: 130%; }
#right .item-list .price { font-size: 100%; margin: 5px 0 0px 0; color: #000000; }

/* footer*/
#footer {
  margin: 0 auto 0 auto;
  background-color: #202e35;
  color: #FFFFFF;
  clear: both;
}
#footer-inner {
  width: 1000px;
  margin: 0 auto 0 auto;
}
#footer, #footer a {
  color: #FFFFFF;
}
#footer .col1, #footer .col2,  #footer .col3 {
  float: left;
  width: 33%;
  margin: 0; padding: 0;
  _height: 270px;
  min-height: 270px;
}
#footer .col1, #footer .col2 {
/*  background: url("../images/layout/img-footer-col.png") no-repeat 100% 0; */
}

#footer h2 { color: #828B94; font-size: 150%; margin-bottom: 0.7em; }
#footer .inner { padding: 0 10px 0 20px; }
#footer .footer { height: 15px; background-color: #EAB414; }

#footnotes {
  width: 100%;
  height: 25px;
  text-align: center;
  position: relative;
  top: 10px;
}
#copy {
  text-align: center;
  position: relative;
  top: 5px;
}

/* eshop */
#shop-menu { margin: 3px 0 0 0; }
#shop-menu ul { margin: 0; }
#shop-menu li { margin: 0; padding: 0; }
#shop-menu li a {
  display: block;
  padding: 3px 0 3px 10px;
  background: url("../images/layout/shop-li.gif") no-repeat 10px 7px;
  text-decoration: none;
  color: #4E6777;
  color: #4e4e4e;
}

#shop-menu li.level0 { }
#shop-menu li.level0 a { padding-left: 20px; font-weight: bold; }

#shop-menu li.level1 { }
#shop-menu .level1 a {
  padding-left: 30px;
  background-image: url("../images/layout/shop-li-1.gif");
  background-position: 20px 7px;
  font-weight: normal;
}
#shop-menu li.level2 { }
#shop-menu .level2 a {
  padding-left: 30px;
  background-image: url("../images/layout/shop-li-2.gif");
  background-position: 20px 7px;
}
#shop-menu a.active, #extra-menu li.active a {font-weight: bold; color: #000000; }

#shop-menu li a:hover { color: #2e2e2e; background-color: #E0E0E0; }

/* shop-tabs */
#shop-tabs { margin: 0 0 5px 0; background-color: #F5F5F5; padding: 0px 0 5px 0; }
#shop-tabs .menu { background: #D0D0D0; padding-top: 2px; height: auto; }
#shop-tabs .menu li { float: left; width: 78px; min-width: 0; margin: 0; border: none; text-align: center; padding: 0; }
#shop-tabs .menu li a { color: #0082be; padding: 5px 0 5px 0; }

#shop-tabs ul.menu li.ui-tabs-selected { background: #F5F5F5; }

/* extra */
#extra-menu { border-top: 6px solid #BFBFBF; background-color: #D0D0D0; }
#extra-menu li { border: none; border-bottom: 1px solid #F2F2F2; }
#extra-menu li a { padding-left: 20px; background-position: 10px 9px; }

/* login */
#login-info { position: absolute; top: 70px; left: 15px; width: 700px; }
#login-box { position: absolute; top: 70px; right: 25px; width: 230px; text-align: center; }

/* cart */
#cart-box {
  position: absolute;
  width: 240px;
  right: 10px;
  top: 40px;
}
#cart-box .inner { padding: 0 0 10px 0px; }

.cart-empty { padding-top: 18px; }

/* top */
ul#top {
  margin: 0 0 0 10px;
  height: 220px;
  line-height: 120%;
}
#top li {
  float: left;
  text-align: left;
}
#top li a {
  display: block;
  padding: 15px 0 160px 10px;
  color: #FFFFFF;
  text-decoration: none;
}
#top li a:hover { text-decoration: underline; }

/* nav */
#nav {
  height: 100%;
  float: left;
  position: relative;
  left: 0px;
  top: 1px;
  font-size: 110%;
  z-index: 4001;
}
#nav ul {
  z-index: 4001;
}
#nav li {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  position: relative;
  z-index: 4001;
  width: auto;
  height: 46px;
  line-height: 1;
}
#nav li.first {  }
#nav li, #nav li span { display: block; }
#nav .active, #nav a:hover { color: #FFFF00; }
#nav li.active-end {}
#nav li a {
  height: 46px;
  text-decoration: none; display: block; padding: 0px 5px 0px 5px; color: #FFFFFF;
}
#nav li.active-start, #nav li.active-stop { width: 4px; }
#nav li.sep { width: 2px; background: url("../images/layout/nav-sep.png") no-repeat 0 54%; }

#nav ul.level0 { }
#nav ul li.level0 { text-align: center; }
#nav ul li a span { padding-top: 9px; }
#nav ul li.short a span { padding-top: 16px; }

#nav ul.level1 { width: 470px; background-color: #dd9204; }
#nav ul.level1 li {  width: 150px; height: auto; text-align: left; }
#nav ul.level1 li a { height: auto; padding-bottom: 10px; padding-right: 5px; }

#nav li li { height: auto; background-color: #dd9204; line-height: 1.2; }
#nav li li a { background-image: url("../images/layout/nav-li-1.png"); background-repeat: no-repeat; background-position: 10px 13px;
margin: 0 0 0 0px; padding: 10px 0 5px 25px; }
#nav li li a { color: #FFFFFF; }
#nav li li a:hover { color: #FFFF00; }

#nav .sf-menu li:hover ul,
#nav .sf-menu li.sfHover ul {
  top: 46px;
}

#nav .sf-menu li.sfHover, #nav .sf-menu li li li {
  background-color: #dd9204;
}
#nav .sf-menu li li:hover, #nav .sf-menu li li.sfHover,
#nav .sf-menu a:focus, #nav .sf-menu a:hover, #nav .sf-menu a:active {
  background-color:		#dd9204;
  outline:		0;
}

#nav ul.level1 li.motive {
  clear: both;
  width: 100%;
  height: 95px;
  color: #FFFFFF;
  position: relative;
  background: url("../images/layout/nav-motive.png") no-repeat;
}
#nav ul.level1 li.motive a {
  color: #FFFFFF;
  background: none !important;
  padding: 0; margin: 0;
}
#nav li.motive span {
  background-image: url("../images/layout/nav/nav-default.jpg");
  background-position: 0px 9px;
  background-repeat: no-repeat;
}
#nav ul.level1 li.motive .title {  font-size: 140%; }
#nav ul.level1 li.motive span { display: block; height: 95px; padding: 12px 0 0 120px; }
#nav ul.level1 li.motive .more { color: #FFFF00; display: block; position: absolute; bottom: 3px; right: 3px;}

/* motive */
body.ammann, body.vibracni-pechy, body.vibracni-desky, body.vibracni-valce, 
body.nove-stroje-vibracni-valce, body.nove-stroje-vibracni-desky, body.nove-stroje-vibracni-pechy 
{ background-image: url("../images/layout/ammann/img-body.jpg"); }

body.kolove-dempry { background-image: url("../images/layout/kolove-dempry/img-body.jpg"); }

body.master, body.nove-stroje-topidla-topne-agregaty { background-image: url("../images/layout/master/img-body.jpg"); }

body.pasove-dumpery { background-image: url("../images/layout/pasove-dempry/img-body.jpg"); }

body.pujcovna-stroju { background-image: url("../images/layout/pujcovna-stroju/img-body.jpg"); }

body.silnicni-finisery, body.nove-stroje-finisery { background-image: url("../images/layout/silnicni-finisery/img-body.jpg"); }

body.tahacove-vibracni-valce { background-image: url("../images/layout/tahacove-vibracni-valce/img-body.jpg"); }

body.paterove-tandemove-valce { background-image: url("../images/layout/paterove-tandemove-valce/img-body.jpg"); }

body.pujcovna-minibagru-rypadel, body.pujcovna-minidempru { background-image: url("../images/layout/img-body.jpg"); }

/* nove stroje */
body.nove-stroje-smykove-nakladace, body.nove-stroje-pridavna-zarizeni-locust
{ background-image: url("../images/layout/pujcovna-stroju/img-body.jpg"); }
body.master, body.nove-stroje-odvlhcovace-vysousece
{ background-image: url("../images/layout/vysousece/img-body.jpg"); }

/* subnav */
#subnav {
  float: left;
  position: relative;
  top: 5px;
  left: 25px;
}
#subnav li { float: left; display: block; padding: 0 5px 0 5px; }
#subnav li, #subnav li a { color: #1B5557; }
#subnav li.active { font-weight: bold; }

#navInfo { padding: 5px 0 15px 0px; margin: 0 5px 8px 0; border-bottom: 1px solid #F0F0F0; }
#navInfo, #navInfo a { color: #C0C0C0; font-style: italic; }
#navInfo .sep { padding: 0 10px 0 10px;}

/* search */
#search-box {
  position: absolute;
  right: 28px;
  top: 30px;
  width: 170px;
  height: 35px;
}
#search {
  padding: 2px 0 0 0px;
  margin-left: 10px;
}
#search .text {
  height: 25px;
  width: 135px;
  border: none;
  margin: 6px 0 0 2px;
  background-color: transparent;
  color: #909090;
  vertical-align: middle;
}
#search .imagebutton {
  vertical-align: middle;
  position: relative;
  top: 2px;
}

/* news */
#news-box { margin-bottom: 10px; border-bottom: 1px solid #D0D0D0; }

/* general */
.menu-dot { background: url(../images/layout/menu-dot.gif) no-repeat 3px 2px;
  padding-left: 25px;
}
.button { border: 1px solid #707070; background-color: #4B7696; color: #FFFFFF;
}
@media handheld, projection, screen, tty, tv
{ .button { cursor: pointer; }
} 

.button:hover { border: 1px solid #000000; background-color: #37607F; }