body{
   scrollbar-base-color: lime;
}
h1{
   color: #C00000;
   font-size: 150%;
   text-align: center;
   margin: 0px;
   padding: 8 0 8 0px;
}
h2{
   color: #006000;
   font-size: 125%;
   text-align: center;
   margin: 0px;
   padding: 8 0 6 0px;
}
h3{
   color: blue;
}
h4{
   color: black;
}
h3, h4{
   font-size: 100%;
   text-align: left;
   text-indent: 20px;
   margin: 0px;
   padding: 6 0 4 0px;
}
p{
   margin: 0px;
   text-indent: 20px; /* ОТСТУП - основа для css */
   text-align: justify;
}
ul{
   margin: 0px;
   padding-left: 36px;
}

/* 
информационные таблички:
inform - информация
warning - внимание
video - видео
l - по левому краю расположен текст
*/
.inform, .warning{
   text-align: center;
   text-indent: 0px;
}
.informl, .warningl{
   text-indent: 20px;
}
.inform, .informl{
   background-color: #EBF0F1;
   border: 1px solid #80A080;
}
.warning, .warningl{
   background-color: #FFBBBB;
   border: 1px solid #FF8080;
}
.inform, .informl, .warning, .warningl{
   border-radius: 8px;
   margin: 8 0 8 0px;
   padding: 4 8 4 8px;
}
.video{
   margin: 8 0 8 0px;
   text-align: center;
   text-indent: 0px;
   max-width: 100%;
   /*border: 1px solid red;*/
}
.video iframe{
   max-width: 670px;
   border: 0px;
}

/*
расшифровка timgli:
t - тэг
img - img
l - слева; r - справа
i - подпись написан курсивом
*/
.timg, .timgl, .timgr, .timgi, .timgli, .timgri{
   font-size: smaller;
   text-align: center;
   text-indent: 0px;
   /*border: 1px solid red;*/
}
.timgi, .timgli, .timgri{
   font-style: italic;
}
.timg, .timgi{
   margin: 8 0px 8 0px;
   max-width: 100%;
}
.timgl, .timgli{
   float: left;
   clear: left;
   margin: 4 8 4 0px;
}
.timgr, .timgri{
   float: right;
   clear: right;
   margin: 8 0 4 8px;
}
.timg img, .timgi img{
   max-width: 700px;
}
.timgl, .timgl img, .timgr, .timgr img, .timgli, .timgli img, .timgri, .timgri img{
   max-width: 350px;
}
ol .timg, ol .timgi{
   position: relative;
   left: -20px;
}

/* всплывающая подсказка */
.tooltip{
   position: relative;
   cursor: help;
}
.tooltip span{
   text-align: justify;
   position: absolute;
   left: -30000px;
   width: 350px;
   border: 1px solid #FFFFA0;
   background-color: #FFFFE0;
   padding: 8px;
   text-indent: 0px;
   font-family: Verdana;
   font-size: 11px;
   z-index: 1000;
}
.tooltip:hover span{
   top: 30px;
   left: 30px;
}

/* для языка программирования */
code{
   font-weight: bold;
}
.code{
   background-color: #DDDDDD;
   margin: 8 20 8 20px;
   padding: 4px;
   overflow-x: auto;
   font-size: large;
}
.code pre{
   width: 0;
}
.code code{
   font-weight: normal;
}
.memo{
   background-color: #CCFFFF;
   font-family: MS Sans Serif;
   font-size: larger;
   text-align: left;
   margin: 8 20 8 20px;
   padding: 0 2 0 2px;
   overflow-y: auto;
   max-height: 300px;
}
.span_red_i{
   color: red;
   font-style: italic;
}
.span_blue{
   color: blue;
}
.span_green{
   color: green;
}
.span_maroon{
   color: maroon;
}