/* ~~~~~~~~~~~
  [  GALLERY  ]
ииииииииииииииииииииииииииииииииии*/
#gall-img-box {
  background: #efefef;
  border: none; 
  cursor: default; 
  height: 282px; 
  margin: 0px; 
  padding: 0px; 
  position: relative; 
  width: 550px; 
}

#gall-img-box img {
  position: absolute;
}

#gall-img-box #gall-title-opc {
  background: #AC89BE;
  bottom: 0;
  filter: alpha(opacity=50);
  height: 26px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 550px;
}

#gall-img-box #gall-title {
  bottom: 0;
  /*color: #84B819;*/
  color: #efefef;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: bold;
  height: 16px;
  left: 0;
  padding: 5px 20px;
  position: absolute;
  width: 510px;
}

.gall-thumbs {
  border: none;
  cursor: pointer;
  height: 48px;
  margin: 2px 0px 0px 0px;
  width: 66px;
}

.gall-hidd {
  border: none;
  display: none;
  height: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  visibility: hidden;
  width: 0px;
}
/* ~~~~~~~~~~~
  [  MENU     ]
ииииииииииииииииииииииииииииииииии*/

#gal_menu {
  height: 282px;
  padding: 86px 4px 0px 4px;
  width: 326px;
}

#gal_menu ul {
  width: 326px;
}

#gal_menu ul li {
  /*background: #997CAF;*/
  background: #9070A8;
  border-bottom: 1px solid #efefef;
  float: left;
  height: 47px;
  position: relative;
  width: 334px;
}

#gal_menu ul li img {
  left: -10px;
  position: absolute;
  top: 0px;
  visibility: hidden;
}







#gal_menu ul .first, #gal_menu ul .firston {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  background: #9070A8;
  border-radius: 10px 10px 0px 0px;
}

#gal_menu ul .second, #gal_menu ul .secondon {
  background: #997CAF;
}

#gal_menu ul .third, #gal_menu ul .thirdon {
  background: #A187B7;
}

#gal_menu ul .fourth, #gal_menu ul .fourthon {
  background: #AA93BE;
}

#gal_menu ul .fifth, #gal_menu ul .fifthon {
  background: #B39FC6;
}

#gal_menu ul .last, #gal_menu ul .laston {
  background: #C0AFD0;
  height: 45px;
}








#gal_menu ul #roundtop {
  background: url('../media/imgs/menu_gal_top.gif') no-repeat top left;
  border-bottom: none;
  height: 0px;
  padding: 0px;
  margin: 0px;
}

#gal_menu ul .curves {
  display: none;
}

#gal_menu ul .galnav {
  background: #EBEBEC;
  border: none;
  height: 40px;
  padding: 8px 0px 0px 0px;
  position: relative;
}

#gal_menu ul .galnav a {
  color: #939598;
  float: none;
  font-size: 12px;
  font-weight: normal;
}

#gal_menu ul .galnav a.on {
  color: #8865A1;
  float: none;
  font-size: 14px;
  font-weight: bold;
}

#gal_menu ul .galnav a:hover {
  background: none;
}

#gal_menu ul .galnav #galevprev {
  background: url('/media/imgs/menu_gal_bottom.gif') no-repeat top left #EBEBEC;
  float: right;
  height: 20px;
  padding: 5px 1px 5px 2px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 150px;
}

#gal_menu ul .galnav #galevprev a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

#gal_menu ul li a {
  color: #efefef;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 39px;
  padding: 8px 4px 0px 8px;
  text-decoration: none;
  width: 321px;
}

#gal_menu ul .first a {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}

#gal_menu ul li a:hover {
  background: #8865A1;
}

#gal_menu ul li span {
  font-size: 10px;
  font-style: italic;
}

/* ~~ ON
        ~~ */

#gal_menu ul li.on a, 
#gal_menu ul .firston a, 
#gal_menu ul .secondon a, 
#gal_menu ul .thirdon a, 
#gal_menu ul .fourthon a, 
#gal_menu ul .fifthon a, 
#gal_menu ul .laston a {
  background: #8865A1;
}

#gal_menu ul li.on img, 
#gal_menu ul .firston img, 
#gal_menu ul .secondon img, 
#gal_menu ul .thirdon img, 
#gal_menu ul .fourthon img, 
#gal_menu ul .fifthon img, 
#gal_menu ul .laston img {
  visibility: visible;
}
