body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #fff;
  font-family: Arial, Arial CE, Tahoma, sans-serif;
  font-size: 12px;
  text-align: center;
}

div, form, h1, h2, h3, p {
  margin: 0px;
  padding: 0px;
  border: 0px;
}


a img {
  border: 0px;
}


#top_wrap {
  width: 100%;
  height: 135px;
  background: url('/img/bg/bg-top.gif') repeat-x top left;

}

#top {
  width: 1000px;
  height: 135px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: url('/img/bg/bg-top-over.gif') repeat-x 50% top;
}

.logo {
  float: left;
}


.flags {
  float: right;
  width: 200px;
  height: 19px;
  padding-top: 10px;
  text-align: right;
}

.flags img {
  margin-left: 5px;
}


.rozcestnik {
  float: left;
  position: relative;
  top: 69px;
  left: 20px;
  width: 872px;

}

.rozcestnik img {

}


a.rmenu_item, a.rmenu_item_active {
  display: block;
  float: left;
  padding: 10px 20px 10px 20px;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  margin: 0px 10px 0px 0px;
}

a.rmenu_item img, a.rmenu_item_active img {
  position: relative;
  left: 5px;
  top: 1px;
}

a.rmenu_item:hover {
 /* background: url('/img/bg/bg-menu_item.gif') top left repeat-x;
  color: #000; */
  text-decoration: underline;
}

a.rmenu_item_active {
  background: url('/img/bg/bg-menu_item.gif') top left repeat-x;
  color: #000;
}

.submenu {
  background-color: #E7EFFA;
  height: 31px;
  margin-top: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

.submenu a {
  display: block;
  float: left;
  color: #1C3C89;
  text-decoration: none;
  font-size: 13px;
  margin: 0px 23px 0px 23px;
  padding: 8px 0px 0px 0px;

}

a.submenu_active  {
  background: url('/img/clip/smarrow.gif') 50% 0 no-repeat;
}



#content {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#shbottom {
   clear: both;
   margin-top: 10px;
   border-top: 1px solid #CDCDCD;
}

#shbottom .pad {
  padding: 15px 15px 10px 15px;
}


.flash_map {
  float: right;
}



#bottom_wrap {
  width: 100%;
  height: 135px;
  background: url('/img/bg/bg-bottom.gif') repeat-x top left;
}

#bottom {
  width: 1000px;
  height: 135px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  color: #F0F0F0;
  line-height: 15px;
}

#bottom a {
  color: #F0F0F0;
  text-decoration: underline;
}

#bottom h3 {
  font-size: 12px;
  margin-bottom: 3px;
}


.bmap {
  float: left;
  width: 200px;
  padding: 15px 0px 0px 0px;
  font-size: 11px;
}



#bottom .kontakt {
  float: right;
  width: 180px;
  text-align: left;
  padding-top: 15px;
  font-size: 11px;
}

#bottom .kontakt2 {
  float: right;
  width: 180px;
  text-align: left;
  padding-top: 15px;
  font-size: 11px;
}


#footer {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  color: #A8A8A8;
  font-size: 11px;
  padding-top: 5px;
}

#footer .octopus {
  float: right;
  width: 200px;
}

#footer .octopus a {
  color: #A8A8A8;
  text-decoration: underline;
}

.hpbox {
  width: 324px;
  height: 224px;
  background: url('/img/bg/hpbox.gif') top left no-repeat;
}

.hpbox img {
  position: relative;
  top: 6px;
  left: 7px;
}


.hpbox_grey {
  width: 324px;
  float: left;
  margin-right: 13px;
  background: url('/img/bg/bg-hpgrey.gif') 0px 224px repeat-x;
}

.hpbox_grey .pad {
  padding: 20px 40px 10px 30px;
}


.hpsubright {
  float: right;
  width: 236px;
  margin: 0px 0px 20px 25px;
}


h1, h1.hp {
  color: #1C3C89;
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: normal;
}

h1.hp span {
  font-size: 18px;
}

h2 {
  color: #1c3c89;
  margin: 0px 0px 10px 0px;
  font-weight: normal;
}

h3 {
  font-size: 15px;
}



p, ul, ol {
  line-height: 19px;
  margin-bottom: 20px;
}

p a, .breadcrumb a, ul a  {
  color: #1c3c89;
}

p.aright {
  text-align: right;
}

p.list {
  line-height: 23px;
}

p.list img {
  position: relative;
  top: 2px;
}

p.hpshort {
  text-align: justify;
  font-size: 12px;
  line-height: 17px;
}





.breadcrumb {
  margin-bottom: 10px;
}



p.hpbig {
  font-size: 14px;
  line-height: 20px;
}

.hppad {
  padding: 25px 0px 20px 10px;
}

.harrow {
  position: relative;
  top: 3px;
}

#sleft {
  display: inline;
  width: 290px;  /*323*/
  float: left;
  margin-right: 5px;
  margin-top: 20px;
}

#sright {
  width: 679px;
  margin-top: 20px;
  float: right;
  background: url('/img/bg/bg-content.gif') top left repeat-x;
}

#sright .pad {
  padding: 20px 20px 20px 30px;
}

#sright h3 {
  color: #222;
}






.prod-menu1 a, .prod-menu2 a, .prod-menu3 a, .prod-menu4 a, .prod-menu5 a, .prod-menu6 a, .prod-menu7 a {
  display: block;
  float: right;
  width: 257px;
  height:33px;
  text-align:left;
  margin-bottom: 1px;
  background-color: #ebebeb;
  overflow:hidden;
  color: #333333;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
}

span.prod {
  position: relative;
  top: 8px;
  left: 10px;
}

.prod-menu1 a:hover {
  background-color: #FBC500;
}

.prod-menu2 a:hover {
  background-color: #F0BC01;
}

.prod-menu3 a:hover {
  background-color: #E4B301;
}

.prod-menu4 a:hover {
  background-color: #D6A802;
}

.prod-menu5 a:hover {
  background-color: #CA9F02;
}

.prod-menu6 a:hover {
  background-color: #BF9702;
}

.prod-menu7 a:hover {
  background-color: #B79002;
}

.prod-img {
  float: left;
  margin-right: -3px;
  margin-bottom: 1px;
}

.certifs img {
  float: left;
  margin: 0px 5px 25px 0px;
  clear: both;
  position: relative;
  top: 4px;
}

.aktuality {
  width: 290px;
  height: 322px;
  margin-top: 15px;
  margin-bottom: 15px;
  background: url('/img/bg/bg-aktuality.gif') top left no-repeat;
}

.archiv {
  margin-bottom: 30px;
}


.aktuality .pad {
  padding: 20px 20px 20px 20px;
}

.aktuality h2 {
  margin-bottom: 20px;
}
.aktuality h3, .archiv h3 {
    color: #1c3c89;
    font-size: 14px;
}

.aktuality em, .archiv em {
  display: block;
  font-size: 11px;
}

.archiv h2 {
  margin-bottom: 5px;
}


.tip {
  width: 253px;
  height: 233px;
  float: right;
  display:inline;
  background-image: url("/img/bg/bg-tipy.gif");
  background-repeat: no-repeat;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 15px;
  margin-left: 20px;
}

.tiphead {
  width: 160px;
  margin: 15px 0px 0px 15px;
}

.tipcontent {
  height: 80px;
  width: 160px;
  margin: 0px 15px 8px 15px;
}

ul.ylist, ul.blist {
  list-style-type: none;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}


.ylist li, .blist li {
  background: url('/img/clip/yarrow.gif') 2px 4px no-repeat;
  padding: 0px 0px 10px 20px;
  line-height: 20px;
}

.blist li {
  background: url('/img/clip/barrow.gif') 2px 4px no-repeat;
}