body {background-color: #e0ffff;
     bgcolor:#ff0000;
             margin-left: 2px; 
             margin-right: 2px;
             margin-top: 2px;          
             color : #000000;
	     font-style: normal; 
	     font-size: 16pt;
         font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";	
} 
hline { width:100%;
         height:2px; 
         color: #e00000;
         background: #e0ffff;
         background-color: #e0ffff;
}
iframe {background-color: #ffffff;
         bgcolor:#f0ffff;
             margin-left:5px;           
             color : #000000;
	     font-style: normal; 
	     font-size: 16pt;
         font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";	
}
input[type=submit]{
       color: #0000ff;
       background-color: #ffffff;
       font-size: 16pt;
       font-weight: bold; 
       font-style: normal; 
}
 input[type=file] {
            padding: 1px 1px;
            border: 1px solid black; 
            margin: 2px 0;
            font-size: 22pt;
            box-sizing: border-box;
            background-color: #ffffff;
 } 
input[type=submit]:hover {
       color: #0000ff;
       background-color: #ffffc0;
       cursor: pointer;
       font-size: 16pt;
       font-weight: bold; 
       font-style: normal; 
}
/*
input {background-color:#ffffff;
        iborder: 1px solid black;     
        background:#fffff00;
             color : #000000;
	     font-weight: bold; 
	     font-style: normal; 
	     font-size: 16pt;
             size: 10;
          font-family:  Arial, "Arial Black", "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";	
}
*/
select { 
  font-size: 50%; 
  width: 50%;
}

textarea {background-color:#ffffff;
             color : #000000;
	     font-weight: strong; 
	     font-style: normal; 
	     font-size: 22pt;
          font-family: "Courier New","Arial Cyr", sans-serif,  Arial, "Arial Black";	
}
a {background-color:#feffff;
             color : #0000ff;
	     font-weight: strong; 
	     font-style: normal; 
	     font-size: 16pt;
          font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";	
a: hover {
    background: #786b59; /* Цвет фона под ссылкой */ 
    color: #ffe; /* Цвет ссылки */
    text-decoration : none;
    cursor: pointer;
} /* a: hover Определяет стиль элемента при наведении на */
  /* него курсора мыши, но при этом элемент еще CSS2 CSS#*/
  /* не активирован, иными словами кнопка мыши не нажата.*/
 
a:visited {
	text-decoration : underline;
	color : #666666;
} /* севдокласс :visited применяется к ссылкам, */
           
p {background-color:#e0ffff;
     bgcolor:#0000ff;
             color : #000000;
	     font-weight: bold; 
	     font-style: normal; 
	     font-size: 20pt; 
         font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";
}
checkbox{
       color: #000000;
       font-size: 22pt;
       font-weight: bold; 
       font-style: normal; 
       transform: scale(2); /* УВЕЛИЧИТЬ 'V' в 2 раза
       border: 2px solid black;
       background-color: ffffff;
}
radio{
       color: #000000;
       font-size: 22pt;
       font-weight: bold; 
       font-style: normal; 
       transform: scale(2); /* УВЕЛИЧИТЬ 'V' в 2 раза
       border: 2px solid black;
       background-color: ffffff;
}
pre {background-color: e0ffff;
     bgcolor:#ff0000;
             color : #000000;
	     font-weight: bold; 
	     font-style: normal;  
	     font-size: 20pt; 
         font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";
}
button {background-color: #ffffe0;
             color : #000000;
         /*    border: 1px solid black;*/
  border: 2px solid #4CAF50; /* Green цвет рамки и толщина её */
  text-align: center;
   border-radius: 12px;/* закруглённости углов 50% */
	     font-weight: strong; 
	     font-style: normal; 
	     font-size: 16pt;
         font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";
}
button: hover { background-color:#0000ff;
    background: #786b59; /* Цвет фона под ссылкой  786b59 */ 
    color: #ffe; /* Цвет ссылки */
    text-decoration : none;
    font-size: 16pt;
    cursor: pointer;
}
button: visited {
	text-decoration : underline;
	color : #666666;
        font-size: 16pt;
}

button: hover span {
  padding-right: 25px;
  cursor: pointer;
}

button: hover span:after {
  opacity: 1;
  right: 0;
      cursor: pointer;
}

du {background-color:#e0ffff;
     bgcolor:#0000ff;
             color : #0000ff;
	     font-weight: bold; 
	     font-style: normal; 
	     font-size: 18pt; 
         font-family: "Courier New", "Arial Cyr", sans-serif,  Arial, "Arial Black";
}
table {background-color:#e0ffff;
     bgcolor:#0000ff;
             color : #000000;
	     font-weight: bold; 
	     font-style: normal; 
	     font-size: 16pt; 
         font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";
}
td {background-color: #e0ffff;
             color : #00ff00;
    padding: 8px; /* Поля в ячейках */ 
	     font-weight: bold; 
	     font-style: normal; 
	     font-size: 16pt;  
         font-family: "Courier New", "Arial Cyr", sans-serif,  Arial, "Arial Black";
}
th {background-color: #e0ffff;
     bgcolor:#ff0000;
             color : #000000;
	     font-weight: bold; 
	     font-style: normal; 
	     font-size: 16pt;  
         font-family: "Arial Cyr", sans-serif, "Courier New", Arial, "Arial Black";
}
h1{ background-color: #f5ffff;
	color:#000000;
	font-family: "Arial Cyr", sans-serif;
	font-size:20pt;
	text-align : center;
}
h2{ background-color: #f5ffff;
	color:#000000;
	font-family: "Arial Cyr", sans-serif;
	font-size:18pt;
	text-align : center;
}
h3{ background-color: #f5ffff;
	color:#000000;
	font-family: "Arial Cyr", sans-serif;
	font-size:16pt;
	text-align : center;
}
h4{ background-color: #f5ffff;
	color:#000000;
	font-family: "Arial Cyr", sans-serif;
	font-size:14pt;
	text-align : center;
}

/* background-color: #feffff;  font-weight: bold; */
/* background-color: RGB(249, 201, 16); Цвет фона веб-страницы */ 
/* border: 1px solid black; */
  /* уже посещённым пользователем, и задаёт для */
  /* них стилевое оформление.    */
/* text-decoration: blink  line-through underline none inherit */
/* blink Устанавливает мигающий текст. Такой текст  */
/*  периодически, примерно раз в секунду исчезает,  */
/*  потом вновь появляется на прежнем месте. Это    */
/* значение в настоящее время не поддерживается     */
/* браузерами и осуждается в CSS3,                  */
/* взамен рекомендуется использовать анимацию.      */
/* line-through Создает перечеркнутый текст (пример).   */
/* overline Линия проходит над текстом (пример).        */
/* underlineУстанавливает подчеркнутый текст (пример).  */
/* none Отменяет все эффекты, в т.ч.е и подчеркивания   */
/* у ссылок, которое задано по умолчанию.               */
/* inherit Значение наследуется у родителя.             */