@charset "utf-8";
/* CSS Document */


html, body {
	scrollbar-3dlight-color:#F00; 
	scrollbar-arrow-color:#ffffff;
	scrollbar-highlight-color:#F66;
	scrollbar-face-color:#f64533;
	scrollbar-shadow-color:#b82a34;
	scrollbar-darkshadow-color:#b82a34;
	scrollbar-track-color:#a58655;
}


body {
	height: 100%;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(PRNP_1712_2.jpg);
	background-color:#a48555;

	}
	

	
#cntnt_bg {
	height:100%;
	width: 3990px;
	}	
	
.btn1 {
	position:fixed;
	bottom: 10px;
	left: 20px;
	float:left;
	}	
.btn2 {
	position:fixed;
	bottom: 10px;
	left: 300px;
	float:left;
	}	
	
.btn3 {
	position:fixed;
	bottom: 10px;
	left: 580px;
	float:left;
	}		
	
.lnkst1 {
	position:absolute;
	top: 238px;
	left: 758px;
	width: 100px;
	height: 50px;
	float:left;
	}		

.lnkend1 {
	position:absolute;
	top: 0;
	left: 1023px;
	text-align:left;
	}			
	
.lnkst2 {
	position:absolute;
	top: 617px;
	left: 558px;
	width: 100px;
	height: 50px;
	float:left;
	}		

.lnkend2 {
	position:absolute;
	top: 0;
	left: 1298px;
	text-align:left;
	}

.lnkst3 {
	position:absolute;
	top: 261px;
	left: 380px;
	width: 100px;
	height: 50px;
	float:left;
	}		

.lnkend3 {
	position:absolute;
	top: 0;
	left: 1500px;
	text-align:left;
	}

.lnkst4 {
	position:absolute;
	top: 475px;
	left: 258px;
	width: 100px;
	height: 50px;
	float:left;
	}		

.lnkend4 {
	position:absolute;
	top: 0;
	left: 1900px;
	text-align:left;
	}
	
.lnkst5 {
	position:absolute;
	top: 489px;
	left: 898px;
	width: 100px;
	height: 50px;
	float:left;
	}		

.lnkend5 {
	position:absolute;
	top: 0;
	left: 2400px;
	text-align:left;
	}	

	

.lnkend6 {
	position:absolute;
	top: -1px;
	left: 2997px;
	text-align:left;
	width: 989px;
	}



#podsk1
{
	position:absolute;
	top: 16px;
	left: 2321px;
	width: 63px;
	}
	
#podsk2
{
	position:absolute;
	top: 51px;
	left: 2162px;
	width: 105px;
	}

#podsk3
{
	position:absolute;
	top: 69px;
	left: 2325px;
	width: 105px;
	}
	
#podsk4_1
{
	position:absolute;
	top: 150px;
	left: 1062px;
	width: 246px;
	}	
	
#podsk4_2
{
	position:absolute;
	top: 227px;
	left: 1413px;
	width: 246px;
	}
	
#podsk4_3
{
	position:absolute;
	top: 182px;
	left: 1754px;
	width: 246px;
	}
	
#podsk4_4
{
	position:absolute;
	top: 231px;
	left: 2172px;
	width: 246px;
	}
	
#podsk4_5
{
	position:absolute;
	top: 190px;
	left: 2650px;
	width: 246px;
	}
	
#podsk5_1
{
	position:absolute;
	top: 631px;
	left: 1055px;
	width: 246px;
	}

#podsk5_2
{
	position:absolute;
	top: 631px;
	left: 1419px;
	width: 246px;
	}

#podsk5_3
{
	position:absolute;
	top: 632px;
	left: 1760px;
	width: 246px;
	}
	
#podsk5_4
{
	position:absolute;
	top: 632px;
	left: 2178px;
	width: 246px;
	}
	
#podsk5_5
{
	position:absolute;
	top: 632px;
	left: 2650px;
	width: 246px;
	}
	

.podskazka {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }

.podskazka:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 10%; top: 30%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 12px; /* Размер текста подсказки */
    padding: 5px 5px; /* Поля */
    border: 1px solid #963; /* Параметры рамки */
	width: 250px;
   }