* { margin: 0; padding: 0; outline:0; }

body {
    /*font-size: 12px;*/
    /*line-height: 16px;*/
    /*font-family: Arial, sans-serif;*/
    color:#685d5d ;
    /*background: url(/fonimg/kosm1.jpg) ;*/
    background: url(/PO_Afonder/Image/Natali_site/FON/1366_768_Natali_2.jpg) ;
}

/* Shell */
.shell { width: 1176px; margin: 0 auto; }
/* End Shell */

/* ====================== Header ====================== */
#header { position: relative; width: 1176px; height: 190px; margin-top: 5px;   background: url(/PO_Afonder/Image/Natali_site/Stand_header/Stand_header.png); /*border: solid 1px white;*/ }


/* Logo */
#logo { position: absolute; width: 255px; height: 60px; float: left; left: 12px; top: 10px; z-index: 3; /*border: solid 1px white;*/  }
#enumerator{ position: absolute; width: 190px; height: 40px; float: left; left: 360px; top: 27px; z-index: 3; /*border: solid 1px white;*/  }
.surname { position: absolute; width: 448px; height: 123px; float: right; right: 140px; top: 72px; z-index: 3; /*border: solid 1px white;*/  }
.profession_emblem { position: absolute; width: 180px; height: 126px; float: right; right: 8px; top: 55px; z-index: 3; /*border: solid 1px white;*/ }
#Ukraine { position: absolute; width: 180px; height: 43px; float: right; right: 40px; top: 138px; z-index: 3; /*border: solid 1px white;*/  }
#Menu_header { position: absolute; width: 560px; height: 40px; float: left; left: 595px; top: 22px; z-index: 3; /*border: solid 1px white;*/  }
#header1{ position: relative; width: 110px; height: 40px; float: right; right: 0px; top: 0px;  /*border: solid 1px white;*/  } /* синие кнопки меню header */
/* End Logo*/
/* ===================== End Header =================== */

/* Content */
#content_1 {position: relative; width: 100%; float: left; background: url(/PO_Afonder/Image/Natali_site/Phon_Content/Phone_contetnts.jpg); } /* Серый фон с картинкой, на нем весь контент РЕЗИНОВЫЙ. */
#content_long {position: relative; width: 100%; height: 1900px;  float: left;  } /* Контейнер для удлиннения пустой страницы */

#polosa_fon { position: relative; width: 100%; float: left; left: 0px; } /* Полоска верхняя для фона контента */
#polosa_gran { position: relative; width: 1144px; float: left; left: 16px; } /* Полоса разграничительная,маленькая с надписью организации */
#polosa_0 { position: relative; width: 100%; height: 100px; float: left; left: 0px; } /* Нижняя финальная полоса с надписью организации */
#img_0    { position: relative; width: 100%; height: 100px; float: left; left: 0px; z-index: 1; }
#facebook_like { position: absolute; width: 193px; height: 85px; float: left; left: 990px; top: 22px; z-index: 2; } /* Кнопка facebook like */
/* End Content */


#Kuz_photo_box { position: relative; width: 100%; height: 410px; float: left;  /*border: solid 1px white;*/ }
               /* Весь контейнер с фото меню и описанием */
#Resume_photo { position: relative; width: 300px; height: 400px; float: left; left: 30px; top: 10px;
           /*margin: 0px 0px 20px 40px;*/ /*border: solid 1px lawngreen;*/ } /* контейнер самого фото */
.Dalnoboyshchik { position: absolute; width: 600px; height: 100px; float: left; left:365px; top:10px; z-index: 1; /*border: solid 1px yellow;*/}
.Flag { position: absolute; width: 200px; height: 100px; float: right; right:15px; top:5px; z-index: 2; /*border: solid 1px red;*/}
.Menu_kuzen { position: absolute; width: 820px; height: 300px; float: right; right:15px; top:110px; z-index: 1; /*border: solid 1px lawngreen;*/}

/* Menu Kuzen */
.Language_container { position: relative; width: 100%; height: 70px; float: left;  /*border: solid 1px white;*/ }
.Ukr_button{ position: relative; width: 200px; height: 70px; float: left;  /*border: solid 1px white;*/ }
.IT_button { position: relative; width: 200px; height: 70px; float: left;  /*border: solid 1px white;*/ }
.En_button { position: relative; width: 200px; height: 70px; float: left;  /*border: solid 1px white;*/ }
.VC_container{ position: relative; width: 100%; height: 82px; float: left;  /*border: solid 1px red;*/ }
.Sections_site_container{ position: relative; width: 100%; height: 140px; float: left;  /*border: solid 1px white;*/ }
.VC_button{ position: relative; width: 200px; height: 140px; float: left;  /*border: solid 1px white;*/ }
.Mletter_button { position: relative; width: 200px; height: 140px; float: left;  /*border: solid 1px white;*/ }
.Documentation_button{ position: relative; width: 200px; height: 140px; float: left;  /*border: solid 1px white;*/ }
.Contacts_button { position: relative; width: 200px; height: 140px; float: left;  /*border: solid 1px white;*/ }
.Facebook_share_kuzen { position: relative; width: 200px; height: 70px; float: left;  /*border: solid 1px white;*/ }

/* End Menu Kuzen */
/* content_1 и Actions_box это резиновые блоки */

/* Contacts */
.Block_contact_kuzen { position: relative; width: 100%; height: 170px; float: left;  /*border: solid 1px white;*/ } /* блок всего контакта */
.Button_cont_kuzen { position: relative; width: 229px; height: 139px; float: left; left: 60px; top: 20px;  /*border: solid 1px greenyellow;*/ } /* блок кнопки */
.Text_cont_kuzen { position: relative; width: 790px; height: 139px; float: right; right: 40px; top: 20px;  /*border: solid 1px greenyellow;*/ } /* блок текста */

/* End Contacts */

/* Резюме */
.Resume_box_all_kuzen { position: relative; width: 100%; height: auto; float: left;  /*border: solid 1px white;*/ } /* блок всего текста резюме */
.Razdel_Resume_box_kuzen { position: relative; width: 100%; height: auto; float: left;  /*border: solid 1px greenyellow;*/ } /* блок раздела резюме */
.Name_Razdel_kuzen { position: relative; width: auto; height: auto; float: left; Left: 20px; /*border: solid 1px yellow;*/ } /* блок названия раздела резюме  */
.Polosa_Resume_kuzen { position: relative; width: 1130px; height: 3px; float: left; left: 20px;  border: solid 1px blue; } /* блок разделительной поломсы резюме */
.Stroka_Resume_kuzen { position: relative; width: 100%;  float: left;  /*border: solid 1px white;*/ } /* блок строка , в нем находится левый и правый блок с текстами */
.Overall_box{ position: relative; width: 100%; height: auto; float: left; Left: 0px; /*border: solid 1px yellow;*/ } /* блок всего раздела правого и левого текста */
.Left_text_Resume_kuzen  { position: relative; width: 350px; height: auto; float: left; Left: 40px; /*border: solid 1px yellow;*/ } /* блок текста слева  */
.Right_text_Resume_kuzen  { position: relative; width: 750px; height: auto; float: right; right: 20px;  /*border: solid 1px red ;*/ } /* блок текста справа   */
.Dostup_k_ihformaciy_Resume_kuzen { position: relative; width: 900px; height: auto; float: left; Left: 180px; margin-bottom: 10px; /*border: solid 1px orange;*/ } /* блок разрешения использования информации */

/* End резюме */
/* Мотивкационный лист */
.ML_box_all_kuzen { position: relative; width: 100%; height: auto; float: left;  /*border: solid 1px white;*/ }/* блок всего текста Мотивационного листа */
.Razdel_ML_box_kuzen { position: relative; width: 100%; height: auto; float: left;  /*border: solid 1px greenyellow;*/ } /* блок раздела Мотивационного листа */
.Name_Razdel_ML_kuzen { position: relative; width: auto; height: auto; float: left; Left: 20px; /*border: solid 1px yellow;*/ } /* блок названия раздела Мотивационного листа  */
.Polosa_ML_kuzen { position: relative; width: 1130px; height: 3px; float: left; left: 20px;  border: solid 1px orange; } /* блок разделительной поломсы Мотивационного листа */
.Stroka_ML_kuzen { position: relative; width: 100%;  float: left;  /*border: solid 1px white;*/ } /* блок строка , в нем находится левый и правый блок с текстами Мотивационного листа */
.Left_text_ML_kuzen  { position: relative; width: 350px; height: auto; float: left; Left: 40px; top: 25px; margin-bottom: 30px; /*border: solid 1px yellow;*/ } /* блок текста слева  */
.Right_text_ML_kuzen  { position: relative; width: 750px; height: auto; float: right; right: 20px;  /*border: solid 1px red ;*/ } /* блок текста справа   */

/* End Мотивкационный лист */
/* Documents */
.Documents_box_all_kuzen{ position: relative; width: 100%; height: auto; float: left;  /*border: solid 1px white;*/ } /* блок всех фото документов */
.Group_photo_Documents_box_kuzen { position: relative; width: 100%; height: auto; float: left;  /*border: solid 1px greenyellow;*/ } /* блок группы документов */
.Name_Documents_kuzen { position: relative; width: auto; height: auto; float: left; Left: 20px; /*border: solid 1px yellow;*/ } /* блок названия группы документов */
.Polosa_Documents_kuzen { position: relative; width: 1130px; height: 3px; float: left; left: 20px;  border: solid 1px orange; } /* Полоса разделительная группы документов */
.Stroka_Documents_kuzen { position: relative; width: 100%;  float: left;  /*border: solid 1px white;*/ } /* блок строка , в нем находится левое и правое фото блока документов */
.Left_photo_Documents_kuzen { position: relative; width: 542px; height: 747px; float: left; Left: 30px; margin-top: 20px; 0px; 10px; 0px; /*border: solid 1px yellow;*/ } /* блок левого фото  */
.Right_photo_Documents_kuzen { position: relative; width: 542px; height: 747px; float: right; right: 30px; margin-top: 20px; 0px; 10px; 0px;  /*border: solid 1px red ;*/ } /* блок правого фото   */
.polosa_otstup{ position: relative; width: 100%; height: 20px; float: left; left: 0px;  /*border: solid 1px orange;*/ }/* блок отступа в разделе документов*/

/* End Documents */
/* Шрифты  */

#text { color: rgb(253, 253, 253);/* цвет текста */
    font-size: 160%; /* Размер надписи текста */
    font-weight: 600; /* Жирное начертание текста */
    text-align: justify; /* Выравнивание текста по ширине */
    margin: 15px; /*отступы текста и фото от краев страницы */}

#pocherk_5 { color: #FFB402; /* Цвет текста зелёный  */
    font-size: 140%; /* Размер шрифта в процентах */
    /*9text-decoration: overline; /* Подчеркивание заголовка сверху */
    text-decoration: underline; /* Подчеркивание заголовка снизу */
    /*border-bottom: 2px solid maroon; /* Параметры линии под текстом - просто полоса под текстом блока */
    font-weight: 600; /* Жирное начертание текста */
    padding-bottom: 5px; /* Расстояние от текста до линии - просто полосы под текстом */
    /*font-family: serif; /* Шрифт с засечками */
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    /*display : inline-block;*/
    text-align: center; /* Выравнивание текста по ширине */
    position: relative; /* Относительное позиционирование */
    top: 0px; /* Сдвиг сверху */}

#go_orange { color: #FFB402; /* Цвет текста оранжевый */
    font-size: 100%; /* Размер шрифта в процентах */
    font-weight: 800; /* Жирное начертание текста */
    font-family: serif; /* Шрифт с засечками */
    position: relative; /* Относительное позиционирование */
    top: 0px; /* Сдвиг сверху */ }

#Natali { color: orange; /* Цвет текста */
    font-size: 35px; /* Размер шрифта в процентах */
    font-weight: 550; /* Жирное начертание текста */
    font-family: serif; /* Шрифт с засечками */
    position: relative; /* Относительное позиционирование */
    top: 0px; /* Сдвиг сверху */ }

#Kuzen_left { color: #FEFDFD; /* Цвет текста оранжевый */
    font-size: 100%; /* Размер шрифта в процентах */
    font-weight: 800; /* Жирное начертание текста */
    font-family: serif; /* Шрифт с засечками */
    position: relative; /* Относительное позиционирование */
    /*top: 0px;*/ /* Сдвиг сверху */ }

#Kuzen_right { color: #CECCC8; /* Цвет текста оранжевый */
    font-size: 100%; /* Размер шрифта в процентах */
    font-weight: 100; /* Жирное начертание текста */
    font-family: serif; /* Шрифт с засечками */
    position: relative; /* Относительное позиционирование */
    /*top: 0px;*/ /* Сдвиг сверху */ }

/* End Шрифты  */