@charset "UTF-8";

/* Сброс настроек CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 

{
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

/* -------------------- */

/* Настройка тела меню навигации */

#navigation_topmenu
{
 background: rgba(0,0,0,0.8);
 top: 0;
 height: 40px;
 width: 100%;
 position: fixed;
}

/* -------------------- */

/* Позиционирование тела маркированного списка */

#navigation_topmenu ul
{
 margin-left: 15%;
}

/* -------------------- */

/* Настройка тела нумерованного списка */

#navigation_topmenu ul li
{
 float: left; 
 position: relative;
 font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
 font-size: 15px;
 display: block;
}

/* -------------------- */

/* Настройка элементов списка */

#navigation_topmenu ul li a
{
 color: rgba(211,211,211,0.8);
 padding: 0 30px;
 line-height: 40px;
 height: 40px;
 text-decoration: none;
 display: block;
}

/* -------------------- */

/* Настройка элементов списка при наведении курсора */

#navigation_topmenu ul li a:hover
{
 color: rgba(255,255,255,0.8);
 padding: 0 30px;
 line-height: 40px;
 text-decoration: none;
}

/* Настройка тела выпадающего меню */

/* -------------------- */

#navigation_topmenu .navigation_topmenudropdown
{
 background: rgba(0,0,0,0.8);
 position: absolute;
 top: 100%;
 width: 500px;
 display: none;
 margin-left: 0%;
}

/* -------------------- */

/* Настройка списка выпадающего меню */

#navigation_topmenu .navigation_topmenudropdown li
{
 width: 100%;
 display: block;
}

/* -------------------- */

/* Настройка тела выпадающего меню */

#navigation_topmenu li:hover .navigation_topmenudropdown
{
 display: block;
}

/* -------------------- */

/* Основные настройки страницы */

.main 
{
 padding: 15px;
 font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; 
 width: 90%;
 margin: 40px auto;
}

/* -------------------- */

/* Настройка утолщения шрифта */

b 
{
 font-weight: bold;
}

/* -------------------- */

/* Настройка тега address */

address
{
 display: block;
 font-style: italic;
}

/* -------------------- */

/* Настройка тега p */
p
{ 
    text-indent: 40px; /* Отступ первой строки */
    text-align: justify; /* Выравнивание по ширине */
}

/* -------------------- */