@charset "utf-8";
/* CSS Document */

/*---------------------fancy меню-----------------------*/

.moduletable_fancyNav:before, .moduletable_fancyNav:after{
    content:'';
    position:absolute;
    z-index:-2;
}
 
.moduletable_fancyNav:before, .moduletable_fancyNav:after {
    top:15px;
    bottom:0px;
    left:15px;
    right:15px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,1);
       -moz-box-shadow:0 0 15px rgba(0,0,0,1);
            box-shadow:0 0 15px rgba(0,0,0,1);
      
    -moz-border-radius:100px / 5px;
         border-radius:100px / 5px;
}

.moduletable_fancyNav{      /* Affects the UL element */
  /*overflow: hidden;*/
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  margin-bottom: 15px;
  z-index: 9999;
}
  
  
.moduletable_fancyNav ul{
  height: auto;
  } 
  
.moduletable_fancyNav li{
  
  /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
  background-color: #e71b26;
  background-image: url('../images/bi_pattern.png');
  background-repeat: repeat;
  *background-image: none;

        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4) inset;
     -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4) inset;
  
  position:relative;
  float: left;
  list-style: none;
}

.moduletable_fancyNav li:after{

  /* This creates a pseudo element inslide each LI */  

  content:'';
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  
  float: left;
  
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;

  /* Gradients! */

  background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background-image: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  
  border: 1px solid #0a3c59;
  
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
       -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
            box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  /* This will create a smooth transition for the opacity property */

  -webkit-transition: 0.3s all;
     -moz-transition: 0.3s all;
       -o-transition: 0.3s all;
          transition: 0.3s all;
}


.moduletable_fancyNav li:hover:after,
.moduletable_fancyNav li.selected:after,
.moduletable_fancyNav li:target:after{
  /* This property triggers the CSS3 transition */
  opacity:1;
}

.moduletable_fancyNav:hover li.selected:after,
.moduletable_fancyNav:hover li:target:after{
  /* Hides the targeted li when we are hovering on the UL */
  opacity:0;
}

.moduletable_fancyNav li.selected:hover:after,
.moduletable_fancyNav li:target:hover:after{
  opacity:1 !important;
}

/* Styling the anchor elements */

.moduletable_fancyNav li a{
  color: #FFF;
  display: inline-block;
  font: 15px Arial, Arial Narrow,sans-serif;
  font-weight: bold;
  padding: 12px 15px 14px;
  position: relative;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
  z-index: 2;
  text-decoration:none !important;
  white-space:nowrap;
  }
  
.moduletable_fancyNav a.homeIcon{
    background: url('../images/home.png') no-repeat center center;
    display: block;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    text-indent: 300%;
    width: 40px;
}

.moduletable_fancyNav li ul {
    display: none;
    padding-top: 1px;
}

.moduletable_fancyNav li:hover ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}
.moduletable_fancyNav li:hover ul li {
  background: rgb(100,100,100);
  background: rgba(200,200,200,0.9);
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  float: none;
} 

.moduletable_fancyNav li:hover ul li:hover {
  -webkit-box-shadow: inset rgba(0,0,0,0.6) 0 0 5px;
       -moz-box-shadow: inset rgba(0,0,0,0.6) 0 0 5px;
            box-shadow: inset rgba(0,0,0,0.6) 0 0 5px;
}

.moduletable_fancyNav li:hover ul li:hover:after,
.moduletable_fancyNav li:hover ul li.selected:after,
.moduletable_fancyNav li:hover ul li:target:after{
  /* This property triggers the CSS3 transition */
  opacity:0;
}

.moduletable_fancyNav li:hover ul li a {
  color: #076959;
  font: 14px  Arial, Arial Narrow,sans-serif;
  text-align: left;
  text-shadow: 1px 1px 0 rgb(255,255,255);
  padding: 7px 10px 7px 10px;
  min-width: 220px;
}

/*---------------------left меню-----------------------*/

.moduletable_leftMenu {      /* Affects the UL element */
    width:185px;
    display:block;
  -webkit-box-shadow: 1px 0px 2px #2e2f34;
       -moz-box-shadow: 1px 0px 2px #2e2f34;
          box-shadow: 1px 0px 2px #2e2f34;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 157.5, color = '#2e2f34');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 157.5, Color = '#2e2f34')";
  border: 0;
  margin-bottom: 15px;
}

.moduletable_leftMenu ul {
    position:relative;
    padding:0;
    margin:0;
}
   
.moduletable_leftMenu li:first-child {
  border-top: 1px solid #025B45;
}
.moduletable_leftMenu li {
  list-style:none;
  padding: 7px;
    position:relative;
    border:1px solid #025B45;
  border-top: 0px;
  
  background: rgb(231,27,38); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(231,27,38,1) 0%, rgba(239,107,115,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,27,38,1)), color-stop(100%,rgba(239,107,115,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(231,27,38,1) 0%,rgba(239,107,115,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(231,27,38,1) 0%,rgba(239,107,115,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(231,27,38,1) 0%,rgba(239,107,115,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(231,27,38,1) 0%,rgba(239,107,115,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a967a', endColorstr='#036857',GradientType=0 ); /* IE6-9 */
  
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
       -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
            box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
}

.moduletable_leftMenu li a{
  font: 14px  Arial, Arial Narrow,sans-serif;
  font-weight: 500;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
    text-decoration:none;
  text-align: left;
    color:#FFF;
    display:block;
}

.moduletable_leftMenu li:hover{
  background: rgb(239,107,115); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(239,107,115,1) 0%, rgba(231,27,38,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,107,115,1)), color-stop(100%,rgba(231,27,38,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(239,107,115,1) 0%,rgba(231,27,38,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(239,107,115,1) 0%,rgba(231,27,38,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(239,107,115,1) 0%,rgba(231,27,38,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(239,107,115,1) 0%,rgba(231,27,38,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036857', endColorstr='#0a967a',GradientType=0 ); 
  /* IE6-9 */
  }