.tooltip
{
cursor: help; text-decoration: none;
position: relative;
}
.tooltip span
{
margin-left: -999em;
position: absolute;
}
.tooltip:hover span
{
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
position: absolute; z-index: 99;
display: block;
margin: auto;
width: 250px;
}
@media only screen and (max-device-width: 374px)
{
.tooltip:hover span
{
width: 200px;
}
}
.tooltip:hover img
{ /* действие картинки после наведения на нее курсора  */
}
.tooltip:hover em
{ /* стиль заголовка  */
font-size: 1.2em; font-weight: bold;
display: block; padding: 0.2em 0 0.6em 0;
}
.custom
{
padding: 0.5em 0.8em 0.8em 2em;
}
* html a:hover
{
background: transparent;
}
.help
{
background: #9FDAEE; border: 1px solid #2BB0D7;
}