#content2 {
	/* Родитель для DIV (left/millle/right) */
	/*position: relative; 	/* Относительное позиционирование */ 
	
	/*https://softwaremaniacs.org/blog/2005/12/01/css-layout-float/*/
	/*overflow:hidden;*/
}

#content2 div {
	/* для дочек 'content2' */
	/*position: absolute; 	/* Абсолютное позиционирование */ 
}

.clear {
    clear: both;
}

/* https://webref.ru/course/float/use */
#right2, #left2, #middle2 {
	/* box-sizing - Применяется для изменения алгоритма расчета ширины и высоты элемента. */
	/* content-box - width и height задают ширину и высоту контента и не включают 
	   в себя значения отступов, полей и границ. */
	/*box-sizing: content-box; */
	/*border-box - width и height включают в себя значения полей и границ, но не отступов (margin). */
	box-sizing: border-box;
	/*padding: 0; /* 10px */
	min-height: 500px;
	
	/*https://softwaremaniacs.org/blog/2005/12/01/css-layout-float/ */
	/*padding-bottom:32767px;
    margin-bottom:-32767px;*/
}

/* Правая колонка */

#right2 {
	float: right;
    width: 2%;					/*200px;*/
	/*margin-left: 80%;*/
	/*min-height: 500px;*/
    /*background: #ffead0;*/
	/*background: /*url("../imgble/bg.png") * / #dbe2d4 35%; /* -5 */
	background: /*url("../imgble/bg.png") */ #d9d9ff 35%; /* -5 */
	text-align: top;
}

#right2 h1 {
	color: #c26500;
	font-weight: normal;
	margin: 0 0 10px;
}

#right2 h2 {
	color: #c4ea00;
	font-weight: normal;
	margin: 0 0 10px;
}

#right2 h3 {
	/*background-color: inherit;*/
	/*background-color: #dde9db;					/* #dde4d6; */
	background-color: #d9d9ff;
	font-size: 1.8em;
	font-weight: 500;
	padding-bottom: 0.5em 0;
	margin: 0.3em 0;
}

#right2 h4 {
	font-size: 1.2em;
	font-weight: 500;
	padding: 0.5em 0;
}

#right2 p {
	margin: 0.5em 0; /* отступы верх-низ/ право-лево */
	font-size: 1.0em;
}

.first {
	margin: 0.5em auto;	/*1.0em; /* отступы верх-низ/ право-лево */
	font-size: 1.2em;
	text-align: center;
} 

/* левая колоека */

#left2 {
	float: left;
	width: 24%;
	/*background: /*url("../imgble/bg.png") * / #dbe2d4 35%; /* -5 */
	background: /*url("../imgble/bg.png") */ #d9d9ff 35%; /* -5 */
}

#left2 h2 {
	text-align: center;
}

#left2 p {
	/*margin: 10px 5px;	/* отступы верх-низ/ право-лево */ 
	margin: 1em 0.5em;
	font-size: 1.2em;
}

/* средняя колонка */

#middle2 {
	/*float: left;*/
	/*width: 37%;	*/	
	/*margin-left: 17%;*/						/* ? */
	/*margin-right: 4%; */
	/*min-height: 500px;*/
	/*background: #c8eaf5;*/
	/*background: /*url("../imgble/bg.png") * / #dbe2d4 35%; /* -5 */
	/*background: /*url("../imgble/bg.png") * / #e4ebdc 35%; /* +7 */ 
	background: /*url("../imgble/bg.png") */ #e5e5ff 35%; /* +7 */
	/*margin: 0 auto;	*/		/* выравнивание по центру */ /* ПРОТИВОРЕЧИЕ */
	
	text-align: center;
}

#middle2 h3 {
	/*background-color: inherit;*/
	/*background-color: #dde9db;					/* #dde4d6; */
	background-color: #e5e5ff;
	font-size: 1.8em;
	font-weight: 500;
	padding-bottom: 0.5em 0;
	margin: 0.3em 0;
}	

#middle2 p {
	margin: 0.5em 0; /* отступы верх-низ/ право-лево */
	font-size: 1.0em;
}

#middle2 table {
	text-align: center;
	/*margin: 0 auto;*/
	/*padding: 40px;*/
	border-width: 2px;
	border-style: solid;
	border-color: #777;
	/*width: 68%; */
	margin-left: 25%;
	/*margin-right: 21%;*/
	/*background-color: #f2fbf0; /*#0CFF99;	/* #dde9db; */
	background-color: #eeeeff;
}	

#middle2 table th {
	text-align: center;
	margin: 0 auto;
	padding: 40px;							/* Отступ воеруг текста */
	border-width: 1px;
	border-style: solid;
	border-color: #777;
	padding: 10px 5px;						/* Отступ верх/низ - право/лево */
}

#middle2 table td {
	text-align: center;
	margin: 0 auto;
	/*padding: 20px;*/
	border-width: 1px;
	border-style: solid;
	border-color: #777;
	padding: 5px;							/* Отступ воеруг текста */
}

#right2 b, #left2 b, #middle2 b { 
	color: #360CFF;
	font-size: 1.1em;
}

#readdb { 
	border-collapse: collapse; 
}

#readdb td, #tableReadings th {
    border: 1px solid #ddd;
    padding: 10px;
}

#readdb tr:nth-child(even) { 
	background-color: #f2f2f2; 
}

#readdb tr:hover { 
	background-color: #ddd; 
}

#readdb th {
    padding: 10px;
    background-color: #2f4468;
    color: white;
}


/*	*/

form 
{
	width:80%;
}
button 
{
	background:#DDFFBB;/*добавляем эффект при наведении*/
	width:20%; /*Задаем ширину кнопки*/ 
}
.butt
{
	width:12%; /*Задаем ширину кнопки*/ 
}	
	
.razmer	{
    font-size: 2.0em;
	text-align: center;
	padding: 20px;
}

.razmer	b {
    color: #360CFF;
	font-size: 1.0em;
}
	
.podzagolovok {
	font-size: 1.3em;
	text-align: center;
	padding-bottom: 20px;
}

#left2-indate .rd_base, #left2-inID .rd_base {
    width: 100%;
    background-color: #008B74;
    color: white;
	font-size: 1.1em;
    padding: 0.2em;
    margin: 0.2em 1.1em 0.2em 1.1em; /* верх, право, низ, лево */
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-color: #444;
    border-radius: 3px;
    cursor: pointer;
}

#left2-indate .indata,  #left2-inID .indata {
	font-size: 1.1em;
    padding: 0.2em;
    margin: 0.2em 1.1em 0.2em 1.1em; /* верх, право, низ, лево */
}

#left2-indate .indata {
	width: 80%;
}

#left2-inID .indata {
	width: 80%;
}
	
p {
	font-size: 1.2em
}

.divchar {
	/*width: 60%;*/
	font-size: 2.0em;
	text-align: center;
	padding: 3px;
    margin: 0.3em 0.3em 0.3em 0.3em; /* верх, право, низ, лево */
}


.foot {
	font-size: 1.3em;
    padding: 0.5em;
    margin: 1.5em 1.0em 1.0em 1.0em;
	text-align: center;
}