.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help; 
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip h10
{
  visibility: hidden;
  position: absolute; 
  bottom: 10px;
  left: 20%;
  z-index: 1999;
  width: 130px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 24px;
  border-radius: 24px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover h10
{
  visibility: visible;
}

.tooltip h10:before,
.tooltip h10:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 20%;
  margin-left: -8px;  
  border-top: 2px solid #ddd;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;        
  border-bottom: 0;  
}

.tooltip h10:before
{
  border-top-color: #ccc;
  bottom: -8px;
}

/* Yellow */

.yellow-tooltip h10
{

  border-color: #e1ca82;
  background-color: #ffeaa6;                     
}

.yellow-tooltip h10:after
{ 
  border-top-color: #ffeaa6;
}

.yellow-tooltip h10:before
{
  border-top-color: #e1ca82;
}

/* Navy */

.navy-tooltip h10
{
  color: #fff;
  text-shadow: 0 1px 0 #000;  
  border-color: #161a1f;
  background-color: #1e2227;
}

.navy-tooltip h10:after
{ 
  border-top-color: #1e2227;
}

.navy-tooltip h10:before
{
  border-top-color: #161a1f;
}

/* Blue */

.blue-tooltip h10 
{
  border-color: #59add4;
  background-color: #61bde7;
}

.blue-tooltip h10:after
{ 
  border-top-color: #61bde7;
}

.blue-tooltip h10:before
{
  border-top-color: #59add4;
}

/* Pink */

.pink-tooltip h10 
{
  border-color: #ce4378;
  background-color: #ea4c88;
}

.pink-tooltip h10:after
{ 
  border-top-color: #ea4c88;
}

.pink-tooltip h10:before
{
  border-top-color: #ce4378;
}
/*Poisk*/ 
 #search,#search2 {position: absolute;margin-top: 0px;margin-left: 5px;}
 #search input[type="image"],#search2 input[type="image"]{position: relative;top: 10px;left: -40px;width: 30px;height:25px;}

#search input[type="text"],#search2 input[type="text"] {
    background: url('../img/') no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #FFFFFF;
    width:120px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus,#search2 input[type="text"]:focus {
    background: url(search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 180px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }