input[name="raz"] {
display: none;
}

.gallery	{						/* стиль блока */
	position: absolute;
	width: 102%; 
	padding-top: 42%;
	margin: 7.2% 0 0 0; 
	background: no-repeat 50% 0%;
	background-size: auto 100%;
	left: 12%;
	}  

.gallery label {
	position: absolute;
	display: inline-block; 
	width: 12%; 
	height: 19%; 
	left:86%;
	background: no-repeat 50% 50%;
	background-size: 90% 90%; 
	cursor: pointer;
	}

.gallery label:hover {
	background-color: #99ccff;
	} /* стиль при наведении на миниатюру */ 

#raz1:checked ~ .gallery label:nth-of-type(1), /* стиль активного пункта */ 
#raz2:checked ~ .gallery label:nth-of-type(2),
#raz3:checked ~ .gallery label:nth-of-type(3),
#raz4:checked ~ .gallery label:nth-of-type(4),
#raz5:checked ~ .gallery label:nth-of-type(5),
#raz6:checked ~ .gallery label:nth-of-type(6),
#raz7:checked ~ .gallery label:nth-of-type(7),
#raz8:checked ~ .gallery label:nth-of-type(8),
#raz9:checked ~ .gallery label:nth-of-type(9),
#raz10:checked ~ .gallery label:nth-of-type(10)
/*#raz11:checked ~ .gallery label:nth-of-type(11),
#raz12:checked ~ .gallery label:nth-of-type(12),
#raz13:checked ~ .gallery label:nth-of-type(13),
#raz14:checked ~ .gallery label:nth-of-type(14),
#raz15:checked ~ .gallery label:nth-of-type(15),
#raz16:checked ~ .gallery label:nth-of-type(16),
#raz17:checked ~ .gallery label:nth-of-type(17),
#raz18:checked ~ .gallery label:nth-of-type(18),
#raz19:checked ~ .gallery label:nth-of-type(19),
#raz20:checked ~ .gallery label:nth-of-type(20),
#raz21:checked ~ .gallery label:nth-of-type(21),
#raz22:checked ~ .gallery label:nth-of-type(22),
#raz23:checked ~ .gallery label:nth-of-type(23),
#raz24:checked ~ .gallery label:nth-of-type(24),
#raz25:checked ~ .gallery label:nth-of-type(25)
*/	 {
	opacity: .5; 
	cursor: default;
	}

#raz1:checked ~ .gallery, .gallery label:nth-of-type(1) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_01.jpg");}
#raz2:checked ~ .gallery, .gallery label:nth-of-type(2) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_02.jpg");}
#raz3:checked ~ .gallery, .gallery label:nth-of-type(3) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_03.jpg");}
#raz4:checked ~ .gallery, .gallery label:nth-of-type(4) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_04.jpg");}
#raz5:checked ~ .gallery, .gallery label:nth-of-type(5) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_05.jpg");}
#raz6:checked ~ .gallery, .gallery label:nth-of-type(6) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_06.jpg");}
#raz7:checked ~ .gallery, .gallery label:nth-of-type(7) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_07.jpg");}
#raz8:checked ~ .gallery, .gallery label:nth-of-type(8) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_08.jpg");}
#raz9:checked ~ .gallery, .gallery label:nth-of-type(9) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_09.jpg");}
#raz10:checked ~ .gallery, .gallery label:nth-of-type(10) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_10.jpg");}
/*#raz11:checked ~ .gallery, .gallery label:nth-of-type(11) {background-image: url("/Str2_OurCathedral/Str2_OurCathedral_Top/Images/hram_11.jpg");}
#raz12:checked ~ .gallery, .gallery label:nth-of-type(12) {background-image: url("../Str2_OurCathedral/Images/hram_12.jpg");}
#raz13:checked ~ .gallery, .gallery label:nth-of-type(13) {background-image: url("../Str2_OurCathedral/Images/hram_13.jpg");}
#raz14:checked ~ .gallery, .gallery label:nth-of-type(14) {background-image: url("../Str2_OurCathedral/Images/hram_14.jpg");}
#raz15:checked ~ .gallery, .gallery label:nth-of-type(15) {background-image: url("../Str2_OurCathedral/Images/hram_15.jpg");}
#raz16:checked ~ .gallery, .gallery label:nth-of-type(16) {background-image: url("../Str2_OurCathedral/Images/hram_16.jpg");}
#raz17:checked ~ .gallery, .gallery label:nth-of-type(17) {background-image: url("../Str2_OurCathedral/Images/hram_17.jpg");}
#raz18:checked ~ .gallery, .gallery label:nth-of-type(18) {background-image: url("../Str2_OurCathedral/Images/hram_18.jpg");}
#raz19:checked ~ .gallery, .gallery label:nth-of-type(19) {background-image: url("../Str2_OurCathedral/Images/hram_19.jpg");}
#raz20:checked ~ .gallery, .gallery label:nth-of-type(20) {background-image: url("../Str2_OurCathedral/Images/hram_20.jpg");}
#raz21:checked ~ .gallery, .gallery label:nth-of-type(21) {background-image: url("../Str2_OurCathedral/Images/hram_21.jpg");}
#raz22:checked ~ .gallery, .gallery label:nth-of-type(22) {background-image: url("../Str2_OurCathedral/Images/hram_22.jpg");}
#raz23:checked ~ .gallery, .gallery label:nth-of-type(23) {background-image: url("../Str2_OurCathedral/Images/hram_23.jpg");}
#raz24:checked ~ .gallery, .gallery label:nth-of-type(24) {background-image: url("../Str2_OurCathedral/Images/hram_24.jpg");}
#raz25:checked ~ .gallery, .gallery label:nth-of-type(25) {background-image: url("../Str2_OurCathedral/Images/hram_25.jpg");}
*/


.gallery label:nth-of-type(1) {
top:0%;
}

.gallery label:nth-of-type(2) {
top:20%;
}

.gallery label:nth-of-type(3) {
top:40%;
}

.gallery label:nth-of-type(4) {
    top:0%;
	left:98%;
}

.gallery label:nth-of-type(5) {
	width: 6%; 
	height: 19%; 
    top:20%;
	left:100.7%;
}

.gallery label:nth-of-type(6) {
	width: 6%; 
	height: 19%; 
    top:40%;
	left:100.7%;
}

.gallery label:nth-of-type(7) {
	width: 6%; 
	height: 19%; 
    top:60%;
	left:100.7%;
}

.gallery label:nth-of-type(8) {
	width: 6%; 
	height: 19%; 
    top:80%;
	left:100.7%;
}

.gallery label:nth-of-type(9) {
top:60%;
}

.gallery label:nth-of-type(10) {
    top:80%;
}

.gallery label:nth-of-type(11) {
top:0%;
	left:110%;
}
	
.gallery label:nth-of-type(12) {
top:20%;
	width: 6%; 
	height: 19%; 
	left:102.5%;
}
	
.gallery label:nth-of-type(13) {
top:40%;
	width: 6%; 
	height: 19%; 
	left:102.5%;
}
	
.gallery label:nth-of-type(14) {
top:60%;
	width: 6%; 
	height: 19%; 
	left:102.5%;
}
	
.gallery label:nth-of-type(15) {
top:80%;
	width: 6%; 
	height: 19%; 
	left:102.5%;
}

.gallery label:nth-of-type(16) {
top:0%;
	width: 6%; 
	height: 19%; 
	left:109%;
}
	
.gallery label:nth-of-type(17) {
top:20%;
	width: 6%; 
	height: 19%; 
	left:109%;
}
	
.gallery label:nth-of-type(18) {
top:40%;
	width: 6%; 
	height: 19%; 
	left:109%;
}
	
.gallery label:nth-of-type(19) {
top:60%;
	width: 6%; 
	height: 19%; 
	left:109%;
}
	
.gallery label:nth-of-type(20) {
top:80%;
	width: 6%; 
	height: 19%; 
	left:109%;
}

.gallery label:nth-of-type(21) {
top:0%;
	left:115.5%;
}
	
.gallery label:nth-of-type(22) {
top:20%;
	left:115.5%;
}
	
.gallery label:nth-of-type(23) {
top:40%;
	left:115.5%;
}
	
.gallery label:nth-of-type(24) {
top:60%;
	left:115.5%;
}
	
.gallery label:nth-of-type(25) {
top:80%;
	left:115.5%;
}

	
#screens	{
	display: block; 

	position:absolute;
	width:100%;
	height:auto;
/*    color:#99ccff;*/
	z-index:20;				
top:50%;

}

#title_top
{
position:absolute;
display: block;
width:35%;
height:auto;	
left: 30%;
top: 5%;
}