body{ background-color:#eee; color:#333;}

/* CLASS PUBLIC
----------------------------------------------------------------------------------------------------------*/

a { text-decoration:none; outline:none; color:blue;}
a:hover { text-decoration:underline}

#jv-header, #jv-slide, #jv-modulebox1 , #jv-container, #jv-breadcrumb, #jv-modulebox2 { margin-bottom:10px;}
.jv-block  { background:#fff;}

#jv-slide .jv-block, #jv-modulebox1 .jv-block, #jv-modulebox2 .jv-block, #jv-modulebox3 .jv-block   { padding:10px 0;}

.comcontent table { width:100%;}
input.button { background:#333; border:0; color:#fff; padding:2px 5px; }

/* HEADER
----------------------------------------------------------------------------------------------------------*/
#jv-header  { background:#173d76;height:10px;  }
#jv-header  .jv-block{ background:#173d76;height:10px;  }


/* Logo */
#logo  {width:136px; height:64px; float: left;}
#logo a { background:url(../images/logo.jpg); display: block; height:64px; width: 100%;}

/* Search */
.jv-search { float:right; margin-top: 20px;}
.search .inputbox {background:url(../images/default/search.png); border:0; height:19px; width:120px; padding:0 10px 0 20px; }

/* MENU
----------------------------------------------------------------------------------------------------------*/

#jv-mainnav .jv-menu { margin:0 !important}
.jv-module h3.title, .page_heading, input.button, ul.mainmenu { background-image: url(../images/default/menu.jpg);}

div.jv-logo.jv-grid.u-1-3 { background:#eee;; width:450px; height:45px;}
div.jv-menu.jv-grid.u-1-3 { background:#eee; width:450px; float:right;}
#jv-mainnav  { background:#eee; height:45px; float:right; width:100%;}
#jv-mainnav  .jv-block{ background:none; width:950px;}



#jv-mainnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: bold;
  background: none;
  font-family: Arial, Helvetica, sans-serif;
  zoom: 1;
}

  
#jv-mainnav ul:before {
  content: '';
  display: block;
}
#jv-mainnav ul:after {
  content: '';
  display: table;
  clear: both;
}
#jv-mainnav li {
  display: block;
  float: left;
  margin: 0;
}
#jv-mainnav li a {
  display: block;
  float: left;
  color: #133a89;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 10px 7px 10px;
  border-TOP: 3px solid transparent;
}
#jv-mainnav li a:hover {
  color: #FFFFFF;
  border-TOP: 3px solid #133a89;
}
#jv-mainnav li.active a {
  display: block;
  background:url("http://bonnydesign.cz/podporaobchodu/images/WEB/odrazka.png") no-repeat center;
X
  border-top: 5px solid #133a89;
  float: center;
  margin: 0;
}

#jv-mainnav  li.first a {border-left: 1px solid #6E9DBE;}
#jv-mainnav  li a:hover, #menu li a.active {background:url("http://bonnydesign.cz/podporaobchodu/images/WEB/odrazkabg2.png") repeat-x center;}








#jv-modulebox1 .jv-block { background:url(http://www.podporaobchodu.cz/images/WEB/BG.jpg); width:950px; float:center; height:270px;}
#jv-modulebox1 { background:url(http://www.podporaobchodu.cz/images/WEB/BG.jpg); height:290px;}

/* MODULE
----------------------------------------------------------------------------------------------------------*/
.jv-module {  background: #ddd;}
.jv-module .contentmod { padding:10px }

.jv-module h3.title , .page_heading { font-size:100%; font-weight:bold; background:#333; line-height:25px; color:#fff; text-transform:uppercase; padding:0 10px;}
.jv-module h3.title { margin:0;}

/* Login */
.form-login label { float: left; width:80px; }
.form-login p { margin-bottom:10px;}
.mod-login .login-input {  border:1px solid #cdcdcd; padding-left:5px;  height:20px; line-height:20px;  margin-bottom:10px; background:#fff;}
.mod-login .inputbox { width:100%; background:none; border:0; height:20px; font-size:11px; line-height:20px }
.more-login a { display:block;  margin-bottom: 2px;}

/* SLIDE
----------------------------------------------------------------------------------------------------------*/
#jv-slide .contentmod {   padding: 0;}

/* MODULE BOX
----------------------------------------------------------------------------------------------------------*/
#jv-modulebox2  ul { padding:0;}
#jv-modulebox2 li{ padding:2px 0 0; background:url(../images/default/line2.jpg) repeat-x  top  left ; }
#jv-modulebox2 li:first-child  { background:none;}
#jv-modulebox2 li a{ color:#333;     display: block; line-height: 30px; }
#jv-modulebox2 li a:hover { color:blue;}

/*follow us */
.follow-us li a { background:url(../images/follow.png) no-repeat; padding-left:25px;}
.follow-us .rss a { background-position: 0 6px;  }
.follow-us .facebook a { background-position: 0 -18px; }
.follow-us .twitter a { background-position: 0 -44px;  }
.follow-us .people a { background-position: 0 -68px;  }

/* CONTAINER
----------------------------------------------------------------------------------------------------------*/
#jv-container .jv-block { padding-top:10px; background: #eee;}
div.jv-righttop {background:#173d76;}
div.jv-rightbottom {background:#ddd;}

/* FOOTER
----------------------------------------------------------------------------------------------------------*/
#jv-footer { background:#173d76;}
#jv-footer .jv-block {  background:#173d76; padding:10px 0; width:1000px;}
div.jv-footer.jv-grid.u-1-2 { background:#173d76; padding:10px 0; width:1000px;}