BODY {
	background-image: url(../SUPP/image/limestone.jpg);
	font-family: 'Times New Roman'; 
	font-size: 14pt; 
	font-weight: bold;
    overflow-x: hidden;
	position: relative;
} 
A:link {color: black; font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A:active {color: red; font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A:visited {color: black; font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A:hover {color: red;  font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A.d:link {color: black; font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A.d:active {color: red; font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A.d:visited {color: black; font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A.d:hover {color: red;  font-family: 'Times New Roman'; font-size: 16pt; font-weight: bold; TEXT-DECORATION: none}
A.mob:link {display: none}
A.mob:active {display: none}
A.mob:visited {display: none}
A.mob:hover {display: none}

.sem {letter-spacing: -1px;}

@media only screen and (max-device-width: 480px) {
BODY {font-family: 'Times New Roman'; font-weight: bold; TEXT-DECORATION: none; text-align: center} 
div {color: red; font-size: 18pt; position: relative;}
A:link {color: black; font-size: 25pt; line-height:150%; TEXT-DECORATION: none} /*стиль для ссылок, которые еще не посещались пользователем*/
A:active {color: red; font-size: 25pt; line-height:150%; TEXT-DECORATION: none} /*стиль для активной ссылки. Активной ссылка становится при нажатии на нее*/
A:visited {color: black; font-size: 25pt; line-height:150%; TEXT-DECORATION: none} /* стиль для посещенных ссылок */
A:hover {color: red;  font-size: 25pt; line-height:150%; TEXT-DECORATION: none} /*стиль элемента при наведении на него курсора мыши*/

A.d:link {display: none}
A.d:active {display: none}
A.d:visited {display: none}
A.d:hover {display: none}
A.mob:link {display: inline; color: black; font-size: 25pt; line-height:150%; TEXT-DECORATION: none}
A.mob:active {display: inline; color: red; font-size: 25pt; line-height:150%; TEXT-DECORATION: none}
A.mob:visited {display: inline; color: black; font-size: 25pt; line-height:150%; TEXT-DECORATION: none}
A.mob:hover {display: inline; color: red;  font-size: 25pt; line-height:150%; TEXT-DECORATION: none}

} 

@media screen and (min-device-width: 480px) and (max-device-width: 1024px){
BODY {font-family: 'Times New Roman'; font-weight: bold; TEXT-DECORATION: none; text-align: center} 
div {color: red; font-size: 20pt}
A:link {color: black; font-size: 22pt; line-height:150%; TEXT-DECORATION: none} /*стиль для ссылок, которые еще не посещались пользователем*/
A:active {color: red; font-size: 22pt; line-height:150%; TEXT-DECORATION: none} /*стиль для активной ссылки. Активной ссылка становится при нажатии на нее*/
A:visited {color: black; font-size: 22pt; line-height:150%; TEXT-DECORATION: none} /* стиль для посещенных ссылок */
A:hover {color: red;  font-size: 22pt; line-height:150%; TEXT-DECORATION: none} /*стиль элемента при наведении на него курсора мыши*/
A.d:link {display: none}
A.d:active {display: none}
A.d:visited {display: none}
A.d:hover {display: none}
A.mob:link {display: inline; color: black; font-size: 22pt; line-height:150%; TEXT-DECORATION: none}
A.mob:active {display: inline; color: red; font-size: 22pt; line-height:150%; TEXT-DECORATION: none}
A.mob:visited {display: inline; color: black; font-size: 22pt; line-height:150%; TEXT-DECORATION: none}
A.mob:hover {display: inline; color: red;  font-size: 22pt; line-height:150%; TEXT-DECORATION: none}
} 


.semilayer {
    padding: 10px; 
    background: url(../SUPP/image/lim6.jpg);
    margin: -4px; 
    width: auto; 
    position: relative;
    background: url(../SUPP/image/lim6.jpg)
    }
.wibro{
    display: block;
    position: relative;
    }
.wibro:hover {
    -webkit-animation: 0.2s tremor ease-in-out infinite;  
    animation: 0.19s tremor ease-in-out infinite;
    
}
@-webkit-keyframes tremor {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes tremor {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes tremor {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-o-keyframes tremor {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes tremor {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}