body {

	margin: 0;

	padding: 0;

	line-height: 1.5em;

	background: url(images/007.jpg) repeat;)



}



.bold {

	font-weight: bold;

}



.cleaner {

	clear: both;

	width: 100%;

	height: 0px;

	font-size: 8px;

	color: rgba(0,0,0,1);

	text-align: center;

	font-weight: bold;

}



.kursiv{

	font-style: italic;

	color: #137dc0;

}



.text a{

	float: left;

	display: block;

	padding: 1px 0;

	width: 100px;

	font-size: 18px;

	padding-left: 20px;

	background: url(images/1-4.jpg) left center no-repeat;

	color: #e77e02;

	font-weight: bold;

	text-decoration: none;

}



.spb{

	font-size: 20px;

	font-weight: bold;

	margin-top: 15px;

	margin-right: 0;

	margin-left: 0;

	margin-bottom: 0px;

	text-align: center;

	letter-spacing: 5px;

	text-indent: 0px;

	line-height: 30px;

	color: rgba(0,0,102,1);

	background-repeat: repeat;

	border: 1px solid #603;

}



.imja {

	color: #e20000;

	font-size: 20px;

	font-weight: bold;

	padding: 3px 0 5px 0;

	margin: 0 0 15px 0;

	text-align: left;

}



#telo{

	width: 1000px;

	margin-top: 0;

	margin-right: 0px;

	margin-left: 80px;

	margin-bottom: 0;

	

}







#blok{

	clear: both;

	width: 1000px;

	margin-top: 5px;

	margin-right: 0px;

	margin-left: 0px;

	margin-bottom: 0;

	background: url(images/fon_spb.png) repeat;

	border: 1px solid #603;

	height: auto;

	font-size: 14px;

}



#nazvanie .kartinka{

	float: left;

	border: 2px solid #999;

	margin-top: 15px;

	margin-right: 20px;

	margin-left: 10px;

	margin-bottom: 1px;

	

}



.blok_logo img{

	width: 600px;

	height: 280px;

	margin-left: 200px;

	

}



.kartinka img{

	border: 1px solid #ffffff;

}



 #nazvanie .kartinka  a:hover {

	opacity: 0.6;

}



#nazvanie p {

	padding-bottom: 10px;

	text-align: left;

	color: #050505;

	font-size: 16px;

	line-height: 20px;

	padding-right: 15px;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}



#telo_material {

	float: right;

	width: 240px;

	padding: 30px

	

}



#stranizy{

	width: 790px;

	height: 55px;

	margin-top: 5px;

	margin-right: 0;

	margin-left: 120px;

	margin-bottom: 5px;

	padding-top: 5px;

	padding-right: 0px;

	padding-left: 20px;

	padding-bottom: 5px;

	font-size: 12px;

	background-image: url(images/sand.gif);

	text-align: center;

}



.ultimatedropdown {

	font: bold 14px 'Bitter', sans-serif;

	background: images/sand.gif;

	position: relative;

	width: 100%;

}





/* Top Level Menu  

Меню Верхнего Уровня */

.ultimatedropdown ul {

    z-index: 100;

    margin: 0;

    padding: 0;

    position: relative;

    list-style: none;

}



/* Элементы верхнего уровня */

.ultimatedropdown ul li {

    position: relative;

    display: inline;

    float: left;

}



/* Стиль ссылок меню верхнего уровня*/

.ultimatedropdown ul li a, .ultimatedropdown ul li span {

	display: block;

	position: relative;

	/* фон  ссылок года,тут же цвет фона и правой стороны */

	background: #BC1818;

	color: white;

	padding: 14px 10px;

	border-right: 1px solid #7C3834;

	color: #2d2b2b;

	text-decoration: none;

	background-color: #FFFFFF;

}





.ultimatedropdown ul li a:link, .ultimatedropdown ul li a:visited {

	color: #000000;

}



/* Стиль ссылки меню верхнего уровня (ссылка года) при наведении и при активном */

.ultimatedropdown ul li:hover > a {

    background: #D67E79;

}



/* Sub ULs style

Стиль списка второго уровня */

.ultimatedropdown ul li ul {

	position: absolute;

	left: -5000px;

	top: auto;

	opacity: 0;

	width: 75px;

	visibility: hidden;

	box-shadow: 2px 2px 5px gray;

	-webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;

	transition: opacity .3s, visibility 0s .3s, left 0s .3s;

}



/* First Sub Levels UL style on hover

Первые уровни списка ...на ховер */

.ultimatedropdown ul li:hover > ul {

	visibility: visible;

	left: 0;

	opacity: 1;

	-webkit-transition: opacity .5s;

	transition: opacity .5s;

	font-size: 10px;

}



/* Sub level Menu list items (alters style from Top level List Items)

Суб меню уровень пользования (изменяет стиль от элементов верхнего уровня */

.ultimatedropdown ul li ul li {

    display: list-item;

    float: none;

}



/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu

2-го и далее уровней Суб вертикальное смещение после 1 подуровне меню */

.ultimatedropdown ul li ul li ul {

    top: 0;

    left: 100%;

}



/* Sub Levels link style on hover and when active

стиль ссылки, выпадающего меню при наведении и при активном */

.ultimatedropdown ul ul li:hover > a {

    background: #F8B0B6;

}



/* Sub Levels UL style on hover

Подуровни списка  */

.ultimatedropdown ul ul li:hover > ul {

    left: 100%;

}



/* Sub level menu links style

Стиль Подменю, стиль выпадающего меню */

.ultimatedropdown ul li ul li a {

    font: normal 14px 'Bitter', sans-serif;

    padding: 10px;

    margin: 0;

    background: #D0AA91;

    border-right: none;

    border-top-width: 0;

    border-bottom: 1px solid gray;

}



/* LIs with a sub UL style */

.ultimatedropdown ul li > a {

    /* add padding to accomodate arrow inside li

	добавить отступы для размещения стрелкой внутри выпадающего списка li */

    padding-right: 25px;

}



/* li with NO sub UL style

второй уровень ссылок li без стиля первого уровня UL */

.ultimatedropdown ul li > a:only-child {

	/* undo padding for non submenu LIs

	отменить отступ для номера подменю */

	padding-right: 10px;/* Поле справа вокруг текста */

	font-size: 10px;

}



/* LIs with a sub UL pseudo class

второй уровень ссылок li с подклассами псевдо ul */

.ultimatedropdown ul li > a:after {

    /* add arrow inside LIs

	добавить стрелку внутри li*/

    content: "";

    position: absolute;

    height: 0;

    width: 0;

    border: 5px solid transparent;

    border-top-color: #FFFFFF;

    top: 50%;

    right: 8px;

}



/* LIs with NO sub UL pseudo class */

.ultimatedropdown ul li > a:only-child:after {

    /* undo arrow for non submenu LIs */

    display: none;

}



/* Sub ULs' LIs with a sub UL pseudo class */

.ultimatedropdown ul li ul li > a:after {

    /* change arrow to right arrow inside sub UL LIs */

    border-top-color: transparent;

    border-left-color: #FFFFFF;

    top: 40%;

    right: 8px;

}



/* ####### responsive layout CSS ####### */



@media (max-width: 800px) {

    /* FIRST breaking point

			Last two top menu items' sub ULs should drop to the left (instead of right)

			Change 2 to a different number to exclude/include more top menu items based on menu and max-width setting above

		*/



		.ultimatedropdown ul li:nth-last-of-type(-n+2) ul li:hover > ul {

        left: -100%;

    }

}



@media (max-width: 500px) {

    /* SECOND breaking point 

			For mobile and screen browser windows

			Get Sub ULs to expand entire width of document and drop down

			Changes menu reveal type from "visibility" to "display" to overcome bug. See comments below

			Второй переломный момент 

Для мобильного и браузер экран Windows

Сделать Суб Улс, чтобы развернуть всю ширину документа и падают вниз

Меню изменения выявить Тип от "видимости" к "дисплей", чтобы преодолеть ошибки. См. комментарии ниже

		*/



		.ultimatedropdown ul li {

        position: static;

    }



    .ultimatedropdown ul li ul {

        width: 100%;

        border-top: 2px solid #eee;

				/* change menu reveal type from "visibility" to "display". Former seems to cause browser to jump to top of page sometimes when menu header is tapped on

				раскрыть меню изменить Тип с "видимостью" на "дисплей". Бывший, кажется, чтобы вызвать браузер, чтобы перейти к верхней части страницы иногда, когда Заголовок меню нажали на */

				display: none;

    }



    .ultimatedropdown ul li:hover > ul {

				display: block;/* Ссылка как блочный элемент */

        left: 0 !important;

        top: auto;

    }



    .ultimatedropdown ul ul li:hover > ul {

        left: 0 !important;

        top: auto;

    }

}

.стиль1 {

	color: #FF0000;

	font-weight: bold;

}