div.menubackground{
  position:absolute;
  width:100%;
  height:50px;
  background:#53b3e0;
  top:105px;
  left:0px;
  z-index:9;
}

div.menu_main {
  bottom: 0px;
  right: 0px;
  width: 870px;
  text-align: left;
  display: inline-block;
}

div.menu_fixed {
  width:877px;
  float:left;
}

ul#css3menu1,ul#css3menu1 ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

ul#css3menu1,ul#css3menu1 .submenu {
/*	background-color:#FFFFFF;border-width:1px;border-style:solid;border-color:#b2b2b4;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;*/;
}

ul#css3menu1 .submenu {
  visibility: hidden;
  position: absolute;
  padding: 0;
  background-color: #e7e7e7;
  left: -1px;
  top: 100%;
  opacity: 0;
  -moz-transition: all 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s,visibility 0.5s;
  transition: opacity 0.5s;
  float: left;
  z-index: 2;
/*background-color:#FFFFFF;background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.1)); background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.1));   background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.1));  background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.1));border-width:1px;/*border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;-webkit-border-radius:0px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-style:solid;border-color:#FFFFFF #bfc1c2 #bfc1c2 #bfc1c2;-moz-box-shadow:0 5px 5px rgba(20, 20, 25, 0.2), 0 0 0 1px #FFFFFF inset;-webkit-box-shadow:0 5px 5px rgba(20, 20, 25, 0.2), 0 0 0 1px #FFFFFF inset;box-shadow:0 5px 5px rgba(20, 20, 25, 0.2), 0 0 0 1px #FFFFFF inset;*/;
}

ul#css3menu1 li:hover>.submenu {
  visibility: visible;
  opacity: 1;
}

ul#css3menu1 li {
  position: relative;
  display: block;
  white-space: normal;
  font-size: 0;
  float: left;
}

ul#css3menu1 li:hover {
  z-index: 1;
}

ul#css3menu1 ul .submenu {
  position: absolute;
  left: 99%;
  top: 0;
/*border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;*/
  border-color: #bfc1c2;
}

ul#css3menu1 {
  font-size: 0;
  z-index: 999;
  position: relative;
  display: inline-block;
  zoom: 1;
  padding: 0;
/*-moz-box-shadow:0 2px 0 #bfc1c2;-webkit-box-shadow:0 2px 0 #bfc1c2;box-shadow:0 2px 0 #bfc1c2; */
  *display: inline;
}

ul#css3menu1 .column {
  float: left;
}

* html ul#css3menu1 li a {
  display: inline-block;
}

ul#css3menu1>li {
  margin: 0;
}

ul#css3menu1 a:active, ul#css3menu1 a:focus {
  outline-style: none;
}

ul#css3menu1 a {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  font: bold 12px/18px Trebuchet MS;
  color: #92979E;
  cursor: pointer;
  /*background-color: #f5f5f5;*/
  border-width: 0px;
  border-style: none;
  text-align: left;
  width: 80px;
  height: 50px;
  padding-left: 8px;
  padding-right: 5px;
}

ul#css3menu1 .submenu a {
  height: inherit;
  padding: 10px;
  display: block;
  width: 100%;
}

ul#css3menu1 ul li {
  float: none;
  margin: 0;
  background-color: #e7e7e7;
  white-space: nowrap;
}

ul#css3menu1 ul a {
  background-color: #e7e7e7;
  text-align: left;
  padding: 10px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: none;
  background-image: none;
  border-width: 0;
  border-style: none;
  text-transform: uppercase;
/*border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;color:#92979E;*/
  text-decoration: none;
}

ul#css3menu1 li:hover>a,
ul#css3menu1 li.SEL1>a,
ul#css3menu1 li a.pressed {
  border-style: none;
  color: #92979E;
  background-position: 0 100%;
  background-color: #e7e7e7;
  text-decoration: none;
}

ul#css3menu1 img {
  border: none;
  vertical-align: middle;
  margin-right: 13px;
}

ul#css3menu1 ul span {
  background-image: none;
  padding-right: 5px;
}

ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed {
  background-color: #53B3E0;
  border-style: none;
  color: #FFFFFF;
  text-decoration: none;
}

ul#css3menu1 li.topfirst>a {
  -moz-box-shadow: 0 0 0 1px #FFFFFF inset;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
  box-shadow: 0 0 0 1px #FFFFFF inset;
  background-color: #FFFFFF;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #bfc1c2;
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  text-shadow: 0 1px 0 #FFFFFF;
}

ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed {
  -moz-box-shadow: 0 4px 6px -2px rgba(0,20,50, 0.26) inset;
  -webkit-box-shadow: 0 4px 6px -2px rgba(0,20,50, 0.26) inset;
  box-shadow: 0 4px 6px -2px rgba(0,20,50, 0.26) inset;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #bfc1c2;
  text-shadow: 0 1px 0 #FFFFFF;
}

ul#css3menu1 li.topmenu>a {
  text-transform: uppercase;
  border-right: 1px solid #FFF;
  color: #FFF;
/*	-moz-box-shadow:0 0 0 1px #FFFFFF inset;-webkit-box-shadow:0 0 0 1px #FFFFFF inset;box-shadow:0 0 0 1px #FFFFFF inset;background-color:#FFFFFF;border-width:0 1px 0 0;border-style:solid;border-color:#bfc1c2;*//*text-shadow:0 1px 0 #FFFFFF;*/;
}

ul#css3menu1 li.topmenu:hover>a {color:#92979E;}

ul#css3menu1 li.LAST1>a {
  border: none !important;
}

ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed {
	/*-moz-box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;-webkit-box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;background-color:#FFFFFF;border-style:solid;border-color:#bfc1c2;text-shadow:0 1px 0 #FFFFFF; */;
}

ul#css3menu1 li.toplast>a {
  -moz-box-shadow: 0 0 0 1px #FFFFFF inset;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
  box-shadow: 0 0 0 1px #FFFFFF inset;
  background-color: #FFFFFF;
  border-width: 0px;
  border-style: solid;
  border-color: #bfc1c2;
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 5px;
  text-shadow: 0 1px 0 #FFFFFF;
}

ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed {
  -moz-box-shadow: 0 4px 6px -2px rgba(0,20,50, 0.26) inset;
  -webkit-box-shadow: 0 4px 6px -2px rgba(0,20,50, 0.26) inset;
  box-shadow: 0 4px 6px -2px rgba(0,20,50, 0.26) inset;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #bfc1c2;
  text-shadow: 0 1px 0 #FFFFFF;
}

ul#css3menu1 li.topmenu>a span {
  color: #5b5b5b;
  white-space: normal;
}

ul#css3menu1 li.SEL1>a span, ul#css3menu1 li.CHILDSEL1>a span {
  color: #A21F49;
}

ul#css3menu1 li.FIRST>div.submenu {
  left: 0;
}


/* menu inblock */
.menu_inblock {
  width: 100%;
  background: #f5f5f5;
}

.blockmenu {
  text-align: center;
}

.blockmenu a {
  padding: 20px;
  color: #53B3E0;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}

.blockmenu:hover,
.SEL1, .LASTSEL1 {
  background: #e7e7e7;
}

.blockmenu:hover a,
.SEL1 a, .LASTSEL1 a {
  color: #fff;
}


@media screen and (max-width:770px) {
  div.menu_main{
    position:static;
    display:none;
    width: auto;
  }
  
  #mobilemenu:checked~.menu_main{
    display:block;
    padding-top: 90px;
  }
  
  ul#css3menu1{
    margin:0;
    padding:0;
    border-top: 1px solid #fff;
    display:block;
  }
  
  ul#css3menu1 li{
    list-style:none;
    padding:0;
    margin:0;
    float: none;
  }
  #css3menu1 .submenu>ul{
    padding:0;
  }
  #css3menu1 .submenu li{
    background-color: #e7e7e7;
    margin: 1px 0;
    padding-left:30px;
  }
  
  #css3menu1 ul a {
    background-color: #e7e7e7;
    text-align: left;
    padding: 10px 0;
    text-transform: uppercase;
    text-decoration: none;
    display:block;
    margin:1px 0;
    color:#5e4437;
  }

  #css3menu1>li>a {
    padding: 10px 0;
    color: #fff;
    text-decoration:none;
    display:block;
    width: auto;
    height: auto;
  }
  
  .SEL1 a{
    color:inherit;
  }
}

