/* Body "Theme" */
html, body, aside {
display: block;
margin: 0;
padding: 0;
}
/*
html {
background:url(../img/photo_originals.jpg) repeat;
background-repeat: round;
background-attachment: fixed;
}
*/
body {
margin: 0;
padding: 0;
/* **********************страница станет видимой через ****************************************** */
opacity:0.0;
transition: 1.5s; /* time: sec */
/* **************************************************************** */
width: 100%; height: 100%;
//background: url(../img/1-1.jpg);
/* background-image: -webkit-linear-gradient(#004872, #002d41); */
background-color: #01729c;
background-image: -moz-linear-gradient(#004872 , #1984bd);
background-image: -webkit-gradient(linear, left top, left bottom, from(#004872 ), to(#1984bd));
background-image: -webkit-linear-gradient(#004872 , #1984bd);
background-image: -o-linear-gradient(#004872 , #1984bd);
background-image: linear-gradient(#004872, #1984bd);
/*
background-color: #01729c;
background-image: -moz-linear-gradient(#0996cb, #01729c);
background-image: -webkit-gradient(linear, left top, left bottom, from(#0996cb), to(#01729c));
background-image: -webkit-linear-gradient(#0996cb, #01729c);
background-image: -o-linear-gradient(#0996cb, #01729c);
background-image: linear-gradient(#0996cb, #01729c);
*/
background-repeat: round;
background-attachment: fixed;
}
/************************************************/
a {
text-decoration: none; /* Убирает подчеркивание для ссылок */
color: #0040FF; //color: red;
}
a:hover {
text-decoration: none;
color: green; /* Ссылка, цвет */
}
/***********************************************/
#main-content {
position: absolute;
top: 110px;
left: 50%; transform: translate(-50%, -0%);
height: 100%;
padding: 0px;
}
#main-contentstart {
position: absolute;
top: 20px;
left: 50%; transform: translate(-50%, -0%);
height: 100%;
padding: 0px;
text-decoration: none;
}
a {
text-decoration: none; /* Убирает подчеркивание для ссылок */
color: #0040FF; //color: red;
}
/* Content_start */
.paper_start {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px; color: #222;
background: #fff; //background: #9cebfd; /*blue*/ //background: #c5c5c5; //background: #c0f0fd;
border: 5px solid #fc0; /* желтая рамка */
border-radius: 10px; /* Радиус скругления */
box-shadow: 0 0 10px rgba(0,0,0,0.3);
width: 760px; height: 510px; //width: 760px; //min-height: 216px;
margin: 110px; padding: 0px;//margin: 6px auto 16px;//padding: 20px 24px 10px 20px;
position: relative; background: #c0f0fd;
//line-height: 180%; //width: 80%;
}
.paper_start a {
text-decoration: none; /* Убирает подчеркивание для ссылок */
color: #0040FF; //color: red;
}
.paper_start h2 {
font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */
text-align: center;
font-size: 14px; font-weight: bolder; color: #222;
letter-spacing: 0.8px; /*расстояние между символами*/
//text-indent: 36px;
margin: 4px; padding: 0px; //padding: 0px 8px 0px 4px;
line-height: 1.6;
//background: #c0f0fd;
}
.paper_start p {
font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */
text-align: justify;
font-size: 12px; font-weight: normal; color: #222;
letter-spacing: 0.8px; /*расстояние между символами*/
text-indent: 36px;
margin: 2px 16px 2px 24px; padding: 0px; //padding: 0px 8px 0px 4px;
line-height: 1.2;
}
/* Content */
.paper {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px; color: #222;
background: #fff; //background: #9cebfd; /*blue #eee */
//box-shadow: 0 0 10px rgba(0,0,0,0.3);
//border: 2px solid #c5c5c5; /* серый цвет рамки */
border-radius: 2px; /* Радиус скругления */
width: 760px; min-height: 720px; //max-width: 720px;
margin: 6px auto 16px;
padding: 20px 14px 4px 14px; //padding: 0px;
position: relative;
line-height: 180%; //width: 80%;
}
.paper a {
text-decoration: none; /* Убирает подчеркивание для .paper */
color: #0040FF; //color: red;
}
.paper a:hover {
text-decoration: none;
color: #fff; /* Ссылка, цвет */
background: green; /* Цвет фона */ margin: 0px; padding: 2px;
}
/******* заголовок страницы ************/
#rubric{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px; font-weight: bolder; color: #000;
text-align: center; text-transform: uppercase;
margin: 0px 24px 0px 24pxpx; padding: 4px 24px 2px 24px;
width: 700px;
background: transparent;
}
#prologue{
line-height: 1.33em;
margin: 0px 20px 10px 30px; padding: 0px 8px 0px 4px;
}
#prologue p {
font-size: 98%; /* Размер шрифта в процентах */
text-align: justify;
text-indent: 40px;
padding: 0px 8px 0px 4px;
}
#prologue2{
line-height: 1.33em;
margin: 0px 20px 10px 30px; padding: 0px 8px 0px 4px;
}
#prologue2 p {
//font-size: 98%;
text-align: justify;
text-indent: 320px;
padding: 0px 8px 0px 4px;
}
/******* сноска ************/
.reference {
color: #0040FF;
font-size: 120%; /* Размер шрифта в процентах */
font-family: serif; /* Шрифт с засечками */
position: relative; /* Относительное позиционирование */
top: -1px; /* Сдвиг */
}
/*********************************/
.paper p {
font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */
text-align: justify;
font-size: 18px; font-weight: normal; color: #222;
letter-spacing: 0.6px; /*расстояние между символами*/
text-indent: 36px;
margin: 2px 8px 2px 24px; padding: 0px 8px 0px 4px;
}
.paper h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Рубленый шрифт заголовка */
text-align: center; text-transform: uppercase;
//margin: 2px 10px 2px 8px; //padding: 24px 24px 12px 24px;
letter-spacing: 0.6px;
font-size: 24px; font-weight: bolder; //color: #222; color: #fff;
background: #2da5da; /* Цвет фона */ margin: 2px; padding: 4px;
display: inline-block;
}
.paper h2 {
//font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: 'Times New Roman', Times, serif;
text-align: center;
font-size: 18px; font-weight: bolder; color: #222;
letter-spacing: 0.8px;
margin: 2px 8px 2px 8px; padding: 18px 4px 12px 4px;
text-transform: uppercase;
}
.paper h3 {
font-family: 'Times New Roman', Times, serif;
text-align: left;
font-size: 20px; font-style: italic; font-weight: normal; color: #222;
letter-spacing: 0.9px;
margin: 2px 14px 2px 24px;
padding: 18px 24px 12px 24px;
}
/**********************заголовки*******************/
.paper h4 {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
margin: 2px 4px 2px 44px; padding: 0px 8px 0px 4px;
font-size: 18px; font-weight: normal; color: #fff;
background: #0b972a9e;
letter-spacing: 0.5px;
text-indent: 4px;
display: inline-block;
}
/***********************************************/
.paper h5 {
font-family: 'Times New Roman', Times, serif;
text-align: center;
font-size: 18px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px 12px 2px 18px; padding: 18px 24px 12px 24px;
}
.paper h6 {
font-family: 'Times New Roman', Times, serif; /* p */
text-align: justify;
font-size: 18px; font-weight: normal; color: #222;
letter-spacing: 0.1px;
text-indent: 0px;
margin: 2px 8px 2px 16px; padding: 0px 8px 0px 4px;
}
/************* text_link ****************/
.link_author {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 18px; font-weight: normal; color: #0040ff;
letter-spacing: 1.6px; /*расстояние между символами*/
text-indent: 60px;
margin: 0px; padding: 0px;
}
.link_author a {
text-decoration: none; /* Убирает подчеркивание для ссылок */
color: #0040ff;
}
.link_author a:hover {
font-size: 18px;
text-decoration: none;
color: #fff; /* Ссылка, цвет */
background: #2da5da; /* Цвет фона */
margin: 0px; padding: 1px ;
}
/**************************************/
/*форматирование номеров. списка*/
.paper ol li {
font-family: 'Times New Roman', Times, serif; text-align: justify;
font-size: 18px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: -2px 6px 2px 34px; padding: 0px 8px 2px 4px;
}
/* форматирование ненoмеров. списка*/
.paper ul li {
list-style-type: none; /*close ном-e списка*/
background: url(../img/bullet.png) no-repeat;
background-position-y: 4px; /* Положение фона (img) */
font-family: 'Times New Roman', Times, serif; text-align: justify;
font-size: 18px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: -2px 6px 2px 10px; padding: 0px 10px -0px 24px;
}
.paper ul li ul li{
list-style-type: none; /*close ном-e списка*/
background: url(../img/bullet.png) no-repeat;
background-position-y: 5px;
font-family: 'Times New Roman', Times, serif; text-align: justify;
font-size: 18px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: -2px -10px 2px -20px; padding: 0px 10px -0px 24px;
}
.paper ol li ul li {
font-family: 'Times New Roman', Times, serif; text-align: justify;
font-size: 18px; font-weight: normal; color: #222; background-position-y: 5px;
letter-spacing: 0.6px;
margin: 0px 10px 2px -40px; padding: 0px 10px 2px 24px;
}
/*форматирование списка определений*/
.paper dl li {
font-family: 'Times New Roman', Times, serif;
font-size: 18px; list-style-type: none;
margin: 0px 8px 4px 24px; padding: 2px 8px 2px 4px;
line-height: 1.33em;
text-align: justify;
}
.paper dl li li {
font-family: 'Times New Roman', Times, serif;
font-size: 20px; list-style-type: none;
margin: 0px 0px 4px 12px; padding: 2px 0px 2px 4px;
line-height: 1.3em;
text-align: justify;
}
/** ********** стрелки навигации ************ **/
#joystick {
width: 141px; height: 141px;
background:url("../img/joystik_141_36.png") 0px 0px no-repeat;
position:fixed;
z-index:1001;
left: 70px;
top: 410px;
}
.izo_r {
width: 24px; height: 56px; /* область замены */
background: url("../img/button-rgray.png") 0px 0px no-repeat; /* - transparent, прозрачный*/ //background: url("../img/joystick_new_height_red.png") 0px 0px no-repeat;
position: fixed;
z-index:1001;
left: 180px;
top: 452px;
display: block;
}
.izo_r:hover {
background: url("../img/button-rblue.png") 0px 0px no-repeat;
}
.izo_l {
width: 24px; height: 56px;
background: url("../img/button-lgray.png") 0px 0px no-repeat;
position: fixed;
z-index:1001;
left: 78px;
top: 452px;
display: block;
}
.izo_l:hover {
background: url("../img/button-lblue.png") 0px 0px no-repeat;
}
.izo_top {
width: 56px; height: 24px;
background: url("../img/button-top_gray.png") 0px 0px no-repeat;
position: fixed; cursor: pointer;
z-index:1001;
left: 113px;
top: 418px;
display: block;
}
.izo_top:hover {
background: url("../img/button-top_blue.png") 0px 0px no-repeat;
}
.izo_bottom {
width: 56px; height: 24px;
background: url("../img/button-bottom_gray.png") 0px 0px no-repeat;
position: fixed; cursor: pointer;
z-index:1001;
left: 113px;
top: 520px;
display: block;
}
.izo_bottom:hover {
background: url("../img/button-bottom_blue.png") 0px 0px no-repeat;
}
/* форматирование таблиц */
table {
max-width: 760px; /* макс. ширина таблицы */
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
text-indent: 10px;
margin: 4px 8px 2px 16px; padding: 0px 10px 0px 4px;
border: none;
}
col {
width: 25%;
border: none;
}
th {
padding: 12px;
border: none;
}
td {
max-width: 660px; padding: 2px 8px 2px 16px;
text-align: justify;
//border: 1px solid black; /* Граница вокруг ячеек */
border: none;
}
tr {
border: none;
}
/* ***************** стилu для таблиц*/
.style_4 {
max-width: 800px; /* макс. ширина таблицы */
margin: 5px 5px; /*внешние отступы таблицы от контента: "верх-низ право-лево"*/
//margin-left: 40px;
margin-left:auto; margin-right:auto;
padding: 4px 4px 4px 4px; /*внутренние отступы контента в таблице */
border-collapse: collapse; /* Отображать только одинарные линии */
border: 1px solid #0079b0;
background: #c0f0fd;
}
.style_4 p {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
text-indent: 8px;
margin: 2px 4px 2px 8px; padding: 0px 8px 0px 2px;
}
.style_4 h2 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: center;
font-size: 12px; font-weight: bold; color: #0079b0;
text-transform: uppercase;
letter-spacing: 1.4px;
margin: 2px; padding: 0px 12px 0px 12px;
}
.style_4 h3 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: left;
font-size: 14px; font-weight: bold; color: #222; background: none;
text-transform: uppercase;
letter-spacing: 1.3px;
margin: 2px; padding: 0px 12px 0px 12px;
}
.style_4 h5 {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px; padding: 2px 2px 2px 2px;
}
.style_4 h6 {
font-family: 'Times New Roman', Times, serif;
text-align: center; text-indent: 0px;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px 2px 2px 2px; padding: 0px 2px 0px 2px;
}
.style_4 td {
margin: 1px 1px 1px 2px; padding: 0px 5px 0px 5px;
border: 1px solid #0079b0; //background: #fff;
}
.style_4 td li {
border-collapse: collapse;
text-align: left;
margin: 0px 4px 0px 4px; padding: 4px;
}
/********************************************************************/
.style_4bw {
max-width: 700px; /* макс. ширина таблицы */
margin: 5px 5px; /*внешние отступы таблицы от контента: "верх-низ право-лево"*/
//margin-left: 40px;
margin-left:auto; margin-right:auto;
padding: 4px 4px 4px 4px; /*внутренние отступы контента в таблице */
border-collapse: collapse; /* Отображать только одинарные линии */
border: 1px solid #000;
background: transparent;
}
.style_4bw p {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
text-indent: 8px;
margin: 2px 4px 2px 0px; padding: 0px 4px 0px 0px;
}
.style_4bw h2 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: center;
font-size: 12px; font-weight: bold; color: #0079b0;
text-transform: uppercase;
letter-spacing: 1.4px;
margin: 2px; padding: 0px 12px 0px 12px;
}
.style_4bw h3 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: left;
font-size: 16px; font-weight: bold; color: #222; background: none;
//text-transform: uppercase;
letter-spacing: 1.1px;
margin: 2px; padding: 0px 2px 0px 2px;
}
.style_4bw h5 {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 16px; font-weight: normal; color: #222;
text-indent: 0px;
letter-spacing: 0.6px;
margin: 2px; padding: 2px 2px 2px 2px;
}
.style_4bw h6 {
font-family: 'Times New Roman', Times, serif;
text-align: center; text-indent: 0px;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px 2px 2px 2px; padding: 0px 2px 0px 2px;
}
.style_4bw td {
margin: 1px 1px 1px 2px; padding: 0px 5px 0px 5px;
//border: 1px solid #0079b0; border: 1px solid #000;
}
.style_4bw td li {
border-collapse: collapse;
text-align: left;
margin: 0px 4px 0px 4px; padding: 4px;
}
/*********************************************************************/
/********************************************************************/
.style_4trn { /* прозрачный*/
max-width: 800px; /* макс. ширина таблицы */
margin: 5px 5px; /*внешние отступы таблицы от контента: "верх-низ право-лево"*/
margin-left: 40px;
padding: 4px 4px 4px 4px; /*внутренние отступы контента в таблице */
//border-collapse: collapse; border: 0px; /* прозрачный */
//border: 1px solid #000;
background: transparent;
}
.style_4trn p {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 18px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
text-indent: 8px;
margin: 2px 4px 2px 8px; padding: 0px 8px 0px 2px;
}
.style_4trn h2 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: center;
font-size: 12px; font-weight: bold; color: #0079b0;
text-transform: uppercase;
letter-spacing: 1.4px;
margin: 2px; padding: 0px 12px 0px 12px;
}
.style_4trn h3 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: left;
font-size: 16px; font-weight: bold; color: #222; background: none;
text-transform: uppercase;
letter-spacing: 1.3px;
margin: 2px; padding: 0px 12px 0px 12px;
}
.style_4trn h5 {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px; padding: 2px 2px 2px 2px;
}
.style_4trn h6 {
font-family: 'Times New Roman', Times, serif;
text-align: center; text-indent: 0px;
font-size: 16px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px 2px 2px 2px; padding: 0px 2px 0px 2px;
}
.style_4trn td {
margin: 1px 1px 1px 2px; padding: 0px 5px 0px 5px;
//border: 1px solid #0079b0; //border: 1px solid #000; border: 0px; /* прозрачный */
}
.style_4trn td li {
//border-collapse: collapse; border: 0px; /* прозрачный */
text-align: left;
margin: 0px 4px 0px 4px; padding: 4px;
}
/*********************************************************************/
.style_mini {
max-width: 800px; /* макс. ширина таблицы */
margin: 4px 4px; /*внешние отступы таблицы от контента: "верх-низ право-лево"*/
margin-left: 40px;
padding: 4px 4px 4px 4px; /*внутренние отступы контента в таблице */
border-collapse: collapse; /* Отображать только одинарные линии */
border: 1px solid #0079b0;
background: #c0f0fd;
}
.style_mini p {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 14px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
text-indent: 2px;
margin: 2px 4px 2px 8px; padding: 0px 4px 0px 2px;
}
.style_mini h2 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: center;
font-size: 14px; font-weight: bold; color: #0079b0;
text-transform: uppercase;
letter-spacing: 1.2px;
margin: 2px; padding: 0px 8px;
}
.style_mini h5 {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 14px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px; padding: 0px 4px;
}
.style_mini h6 {
font-family: 'Times New Roman', Times, serif;
text-align: center; text-indent: 0px;
font-size: 13px; font-weight: normal; color: #222;
letter-spacing: 0.6px;
margin: 2px; padding: 0px 4px;
}
.style_mini td {
//max-width: 60px;
margin: 1px 1px 1px 2px; padding: 0px 2px 0px 2px;
border: 1px solid #0079b0; //background: #fff;
}
.style_mini td li {
border-collapse: collapse;
text-align: left;
margin: 0px 4px 0px 4px; padding: 2px;
}
/************************************************/
.style_micro {
max-width: 800px;
margin: 2px;
margin-left: -10px;
padding: 2px;
line-height: 10px;
border-collapse: collapse;
border: 1px solid #0079b0;
background: #c0f0fd;
}
.style_micro p {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 11px; font-weight: normal; color: #222;
////line-height: 16px;
letter-spacing: 0.6px;
text-indent: 2px;
margin: 2px 2px 2px 4px; padding: 0px 2px;
}
.style_micro h2 {
font-family: 'Times New Roman', Times, serif;
text-indent:0; text-align: center;
font-size: 12px; font-weight: bold; color: #0079b0;
text-transform: uppercase;
letter-spacing: 1.2px;
margin: 2px; padding: 0px 4px;
}
.style_micro h5 {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 11px; font-weight: normal; color: #222;
line-height: 16px;
letter-spacing: 0.6px;
margin: 2px; padding: 2px 2px 2px 2px;
}
.style_micro h6 {
font-family: 'Times New Roman', Times, serif;
text-align: center; text-indent: 0px;
font-size: 12px; font-weight: normal; color: #222;
line-height: 16px;
letter-spacing: 0.6px;
margin: 2px; padding: 0px 2px;
}
.style_micro td {
margin: 1px 1px 1px 2px; padding: 0px;
border: 1px solid #0079b0; //background: #fff;
}
.style_micro td li {
border-collapse: collapse;
text-align: left;
margin: 0px 2px; padding: 2px;
}
/***********************************************/
.vertical{
font-family: 'Times New Roman', Times, serif;
font-size: 12px; line-height: 16px;
font-weight: normal; color: #222;
margin: 0px; padding: 0px ;
text-align: center; text-indent: 0px;
height:150px; width: 120px; //max-width: 100px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.quotes{
width: 260px;//max-width: 240px;
min-height: 60px;
font-family: 'Times New Roman', Times, serif;
font-weight: normal; color: #222;
margin: 0px; padding: 0px ;
position:fixed;
z-index:1001;
left: 4px;
top: 548px;
/******************************************/
//background: #fc0; /* Цвет фона */ // outline: 2px solid #000; /* Чёрная рамка */
background: #f9db14;
// border: 4px solid #c5c5c5; /* серый цвет рамки */
border: 4px solid #ddd;
border-radius: 8px; /* Радиус скругления */
}
.quotes p {
font-family: 'Times New Roman', Times, serif;
text-align: justify;
font-size: 13px; font-weight: normal; color: #222;
letter-spacing: 1.2px;
text-indent: 16px;
margin: 0; padding: 0;
}
.quotes h3 {
font-family: 'Times New Roman', Times, serif;
text-align: right;
font-size: 14px; font-weight: bolder; color: #222;
font-style: italic;
letter-spacing: 0.8px;
margin: 0; padding: 8px 4px 0px 4px;
}