/* CSS Framework by Erlang, 2009 */
/* General Cleaning */
table.main {
    border-collapse: collapse; /* Способ отображения границы */ 
    width: 100%; /* Ширина таблицы */ 
    border-spacing: 0px; /* Расстояние между ячейками */ 
    text-align: center;
    table-layout: fixed;
    border: 0px;
    }
.imgcont {
width: 101%; 
margin: 0 auto;
}
.img {
    padding: 0px 0px 0px 0px ; /* Поля вокруг текста */ 
    margin: 0 auto;
    text-align: center;

    }
.expl {
    padding: 50px;
    margin: 50px
}

td.img1 {
    padding: 0px 15px 0px 15px ; /* Поля вокруг текста */ 
    border: 0px solid #a52a2a; /* Граница вокруг ячеек */ 
    text-align: center;
    margin: 0px;
    }
td.podpis {
    padding: 0px; /* Поля вокруг текста */ 
    border: 0px solid #a52a2a; /* Граница вокруг ячеек */ 
    font-weight: italic;
    line-height: normal;
    margin: 0px;
    }
DIV.type {
    font-style: italic;
    text-align: center;
    }
div.item {
    font-weight: bold;
    }
div.item, div.type, div.ICQ, div.mail {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0px;
    padding: 1px;
    }
   .layer1 {
    padding: 0;
    margin: 0;
    float: left; 
    width: 45%; 
   }
  .clear {
    clear: left; 
   }

div.ie6notice{
clear:both;
background-color: #f0f0ec;
/*background-image: url("http://www.promgazenergo.su/images/script_logo/gray.gif"); 
background-repeat: repeat; 
background-position: 0% -10px;*/
font-family:Arial, Helvetica, sans-serif; 
height:150px;
}


a.btn-slide {
    text-decoration: none; /* Убираем подчеркивание */
    color: #0000ff;
    border-bottom: 1px dashed #0000ff; /* Добавляем свою линию */ 
    }

a.btn-slide:hover {
    text-decoration: none; 
    color: #5da130;
    border-bottom: 1px dashed #5da130;
    }

.tech1 {
    width: 240px;
    margin: 5px;
    float: left;
    padding: 0 5px 5px 5px;
    border: 1px dashed #808080;
    }

.tech2 {
    width: 250px;
    margin: 5px 25px 5px 5px;
    float: left;
    padding: 0px;
    border: 1px dashed #808080;
    text-align: center;
    font-style: italic;
    }

.tech3 {
    width: 250px;
    height: 280px;
    margin: 5px 25px 5px 5px;
    float: left;
    padding: 0;
    border: 1px dashed #808080;
    text-align: center;
    background-color: #fff;
    }

.tech3txt{
    position: relative;
    bottom: -250px;
    font-style: italic;
    text-align: center;
    padding:0;
    margin:0; 

}


.tech1:hover{
    background-color: #c0c0c0;
    border: 1px dashed #c0c0c0;
    }

.tech2:hover{
    background-color: #afeeee;
    border: 1px dashed #afeeee;
    }

img.block {
    position: relative;
    top: -25px;
    display:block;
    width:250px;
    height:250px;
    padding:0;
    margin:0; 
}
img.block:hover{
    width:300px;
    height: 300px;
    visibility:visible;
    position:relative; 
    top:-25px; 
    left:-25px}

/* НАЧАЛО tooltip */
 
.tooltip { position: relative; }
.tooltip span {
  position: absolute;
  right: 0;
  top: -30px;
  display: none;
  min-width: 50px;
  padding: 3px 8px;
  white-space: nowrap;
  font-size: 11px;
  text-align: right;
  background-color: rgba(0,0,0,.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
}

.tooltip span small {
  position: absolute;
  right: 10px;
  bottom: -6px;
  border-top: 6px solid rgba(0,0,0,0.8);
  border-left: 6px solid transparent;


}
.tooltip:hover span { display: block; }
a.tooltip{
  text-decoration:none;
  color: #000000;
  border-bottom: 1px dashed #808080;
}
/* для IE */
 
.tooltip span { background-color: #000; }
.tooltip span small { border-top: 6px solid #000; }
 
/* фиксим проблему со стрелочкой в IE 6 */
 
*html .tooltip span small {
  border-left: 6px solid #363636; /* Соответствует цвету фона */
}
 
/* фиксим проблему в IE 8 */
 
.tooltip span { background-color /*\**/: #000\9  }
.tooltip span small { border-top /*\**/: 6px solid #000; }

/*КОНЕЦ tooltip */

UL.special {margin: 0;}