body
{
color: white;
background-color: white !important;
background-image: url(background_1.png) !important;

}

h1 {
/*display: inline;*/
color: #606c88;
background-color: white;
width: 295px;
margin: 5px 0px;
padding: 5px;
text-align: left;
font-family: arial;
font-size: 16px;
border-radius: 3px;
border: 5px double #6C89E7;
}


h2  {
color: #3f4c6b;
text-decoration: underline;
}

h3  {
color: #3f4c6b;
font-style: italic;
text-decoration: underline;
}

h4 {
color: #3f4c6b;
text-decoration: underline;
font-size: 13px;
margin: 8px;
}

p {
color:  #363636 !important;
font-size: 13px;
}

ol {
    display: block;
	background-color: #FFE4E1;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.lister li {
    color: #363636;
    font-size: 14px;
    font-family: calibri;
    font-style: italic;
    list-style-type: square;
}

a {
color: #3f4c6b;
text-decoration: none;
}

a:hover {

}


#text a {
color: #00008B;
text-decoration: none;
}

#text a:hover {
color: #1E90FF;
text-decoration: underline;
}

#text img {

}

img.icons {
    float: left;
    text-align: left;
    height: 32px;
    width: 32px;
    margin-right: 5px;
    border-radius: 8px;
    border: 3px double silver;
}

a.anks {
color: grey;
}

a.brown {
color: #606c88 !important;
}

.bold {
color:#363636; 
font-weight: bold;
}

strong {
color: black;
}

div.main {
width: 1024px;
background-color: white;
/* border: 1 solid black; */

font-family: arial;

box-shadow: 0px 5px 7px #606c88;  /*Параметры тени */
}

div.trans {
line-height:25px;
height:25px;
width: 1024px;
text-align: right;
color: silver;

background-color: transparent;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;


}


div.top {
line-height:25px;
height:25px;
width: 226px;
text-align: right;
color: silver;
margin-top: 5px;
margin-left: 751px;

/* border: 1 solid black; */
background-color: white;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;

}

.top img {
border: 0;
}

div.logo {
height:115px;
width: 1024px;
color: black;
background-color: white;

text-align: left;
font-size: 28;

font-family: Georgia;

}

#skos {
height:34px;
width: 233px;
background:linear-gradient(135deg, transparent 34px, white 0);

margin-left: 791px;
}

div.prozrachno {
height:25px;
width: 1024px;
background-color: transparent;
font-size: 11px;
text-align: left;
}

div.prozrachno div {
line-height: 21px;
float: left;
height:39px;
width: 157px;
color: #38599C;
background-color: white;
font-weight: bold;

opacity: 0.8;
margin-left: 2px;
text-align: center;
}

div.prozrachno div:hover {
color: #38599C;
opacity: 0.9;
cursor: pointer;
}

div.prozrachno div:last-child {
width: 175px;
background:linear-gradient(315deg, transparent 34px, white 0);

padding-right: 31px;
}

div.logos {
height:685px;
width: 1024px;
color: black;
background-color: transparent;

text-align: left;
font-size: 28;

font-family: Georgia;


}

div.numbers {
float: left;
color:  #3f4c6b;
width: 221px;
background: white;
background-color: transparent;


font-weight: bold;
font-size: 28;

font-family: Calibri;
padding: 7px 7px 7px 7px;
}

div.numbers div {
	float: left;
margin-bottom: 3px;
}

div.pechat {
float: left;
height: 59px;
width: 755px;
color: #3f4c6b;
font-size: 34px;
font-family: arial;
font-weight: bold;
background-image: url(images/logo_stamp_1.png);
background-size: contain;

margin-top: 27px;
margin-left: 24px;
cursor: pointer;
}

div.numbers span {
font-weight: bold;
font-size: 28;

font-family: Calibri;
}

div.ok {
padding-top: 21px;
}

div.circle_menu {
height: 124px;
width: 171px;
color:  #3f4c6b;
background-color: transparent;

background-image: url(../images/logo_stamp_2.png);
background-size: contain;

position: relative;
top: -21px;

font-family: Georgia;

margin-top: 0px;
margin-left: 833px;

text-align: center;
vertical-align: middle;

rotate: 45deg;
/*
-webkit-filter: drop-shadow(0 0 5px #606c88);
    filter: drop-shadow(0 0 5px #606c88);
*/
}

.circle_menu div {
height: 25px;
width: 235px;
background-color: transparent;
position: absolute;
right: 53px;
bottom: 29px;
cursor: pointer;
border-radius: 17px;

}


/*
.circle_menu div:first-child {
height: 103px;
padding-bottom: 0px;
font-size: 89px;

text-shadow: 0 1px #000000, 1px 1px 5px #666;  Параметры тени 
}

div.circle_menu div:last-child {
height: 31px;
color: white;
background-color: #3f4c6b;
line-height: 29px;
font-family: arial;
font-size: 26px;
font-weight: bold;

text-transform: uppercase;
}*/

div.marka {
height: 157px;
width: 109px;

background-color: transparent;

background-image: url(images/stamp_2.png);
background-size: contain;

cursor: pointer;

margin-top: -165px;
margin-left: 898px;
}

div.marka:hover {
background-image: url(images/stamp_1.png);
background-size: contain;

cursor: pointer;
}

img.round {
    height: 138px;
	width: 138px;
        border-radius: 100px; /* Радиус скругления */
    border: 3px solid silver; /* Параметры рамки */
    box-shadow: 0 0 7px #666; /* Параметры тени */

	margin: 35px 10px 25px  10px  ;
	
	
}

img.round:hover {
    height: 138px;
	width: 138px;
        border-radius: 100px; /* Радиус скругления */
    border: 3px solid silver; /* Параметры рамки */
    box-shadow: 0 0 17px #666; /* Параметры тени */

	margin: 35px 10px 25px  10px  ;
	
	
}

div.magic_chest {
width: 1024px;
height: 255px;
background-color: transparent;;
}


div.magic_ball {
float: left;
width: 170px;
text-align: center;

margin-bottom:25px;

}

a.lighting {
color: white;
text-decoration: none;
font-size: 18px;
}

a.lighting:hover {
color: white;
text-decoration: underline;
font-size: 18px;
font-weight: 600;
}


div.peref {
line-height:35px;
height:35px;
width: 1024px;
color: white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,404d6b+79,3f4c6b+100 */
background: #606c88; /* Old browsers */
background: -moz-linear-gradient(top, #606c88 0%, #404d6b 79%, #3f4c6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #606c88 0%,#404d6b 79%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #606c88 0%,#404d6b 79%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
padding-top: 0px;
padding-left: 0px;
padding-bottom: 2px;


font-family: arial;

/*border-radius: 0px 0px 15px 15px;
border-bottom: 3px double #3f4c6b;*/
}

div.peref div{
float: left;
height: 37px;
color: white;
background-color: transparent;

text-decoration: none;
    font-size: 12px;


text-align: center;
font-family: arial;
padding-left: 5px;
padding-right: 5px;

margin-right: 5px;

border-radius: 0px;
/*border-left: 2px solid transparent;
border-right: 2px solid transparent;*/
}

div.peref div:hover{
text-decoration: none;
font-size: 12px;
color: white;
background-color: transparent;


box-shadow: 1px 1px 7px #363636;


/*border-left: 3px double white;
border-right: 3px double white;*/
}

div.autorized {
margin-left: 8px!important;
margin-right: 55px!important;
font-size: 21px!important;
box-shadow: none!important;
}

#tabs {
color:  #3f4c6b;
background-color: #6C89E7;
font-weight: bold;
box-shadow: 0px 0px 8px #363636;
}

div.turkish1 {
width: 65px;
}

div.turkish2 {
width: 65px;
}

div.turkish3 {
width: 131px;
}

div.turkish4 {
width: 120px;
}

div.turkish5 {
width: 65px;
}

div.turkish6 {
width: 219px;
box-shadow: none !important;
}

div.turkish6:hover {
width: 219px;
color: white  !important;
text-decoration: underline !important;
font-weight: normal !important;
text-shadow: none !important;
box-shadow: none !important;
}

#slider {

	color: black;
	font-family: Georgia;
	font-size: 14px;
	}

	
div.content {
text-align: left;
/* background-position: right bottom;
background-image: url(pologf_2.png); */
font-size: 12px !important;
}

.content table {
/*background: url(images/font_1.png) no-repeat top left,
              #fff url(images/font_2.png) no-repeat bottom right; */			  
border: no;
border-color: white;
}

.content td {
vertical-align:top;		
border: no;
background-color: transparent;

}

div.news_trick {
background-color: white;
border: no; 
text-align: center; 
font-style: italic; 
padding:3px;
margin-top: 13px;

border: 1px solid #E8E8E8;
}


#right_poll {
width: 628px;
background-color: white;
padding-bottom: 25px;

}

#third_table {
width: 198px;
background-color: white;
padding-bottom: 25px;
}

#zkl {
display: block;
position: absolute;
margin-left: 555px; 
z-index: 1;
margin-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;

}

#zkl div {
height: 23px;
width: 205px;
line-height: 23px;
color: ghostwhite;
background-color: #2a5885;
font-size: 12px;
font-weight: bold;
text-align: center;
border-radius: 3px;
}

#zkl div:hover {
background-color: #2B5D87;
}

#zkl a:hover {
text-decoration: none;
}

#text {
margin: 0px 15px;
}

div.glavn {
float: left;
height: 205px;
width: 182px;

/*margin: 5px;*/

text-align: center;

border-radius: 0px;
border: 1px solid #E8E8E8;

}

div.glavn:hover {
border: 1px solid #38599C;
}

div.glavn  img {
height: 144px !important;
width: 144px !important;
border: no;
}

div.glavn  p {
margin-left: 8px;
margin-right: 8px;
}

div.left_menu {
line-height:18px;
width: 173px;
color:#00008B;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f7fc+0,deeaf8+100&0+0,0.1+29,1+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(240,247,252,0) 0%, rgba(235,243,251,0.1) 29%, rgba(222,234,248,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,247,252,0) 0%,rgba(235,243,251,0.1) 29%,rgba(222,234,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(240,247,252,0) 0%,rgba(235,243,251,0.1) 29%,rgba(222,234,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f7fc', endColorstr='#deeaf8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


box-shadow: 0 0 7px #666; /* Параметры тени */
border-radius: 7px 7px 7px 7px;


text-align: left;
vertical-align: middle;
margin-left: 0px;
margin-bottom: 1px;

font-size: 12px;

padding-left: 25px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #3A5FCD;

}

div.left_menu2 {
line-height:18px;
width: 173px;
color:#00008B;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7faea+0,f2ffd7+50,f3f9e5+100&0.16+0,1+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(247,250,234,0.16) 0%, rgba(242,255,215,0.58) 50%, rgba(243,249,229,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(247,250,234,0.16) 0%,rgba(242,255,215,0.58) 50%,rgba(243,249,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(247,250,234,0.16) 0%,rgba(242,255,215,0.58) 50%,rgba(243,249,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29f7faea', endColorstr='#f3f9e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


box-shadow: 0 0 7px #666; /* Параметры тени */
border-radius: 7px 7px 7px 7px;

text-align: left;
vertical-align: middle;
margin-left: 0px;
margin-bottom: 1px;

font-size: 12px;

padding-left: 25px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #9ACD32;

}

div.left_menu3 {
line-height:18px;
width: 173px;
color:#00008B;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffedf4+0,ffe3e9+50,ffebf0+100&0.16+0,1+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,237,244,0.16) 0%, rgba(255,227,233,0.58) 50%, rgba(255,235,240,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,237,244,0.16) 0%,rgba(255,227,233,0.58) 50%,rgba(255,235,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,237,244,0.16) 0%,rgba(255,227,233,0.58) 50%,rgba(255,235,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29ffedf4', endColorstr='#ffebf0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


box-shadow: 0 0 7px #666; /* Параметры тени */
border-radius: 7px 7px 7px 7px;

text-align: left;
vertical-align: middle;
margin-left: 0px;
margin-bottom: 1px;

font-size: 12px;

padding-left: 25px;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #FA8072;
}

div.left_menu:hover {
color: #00008B;
line-height:18px;
width: 173px;

font-size: 13px;
font-weight: bold;


}

div.left_menu2:hover {
color: #00008B;
line-height:18px;
width: 173px;

font-size: 13px;
font-weight: bold;


}

div.left_menu3:hover {
color: #00008B;
line-height:18px;
width: 173px;

font-size: 13px;
font-weight: bold;


}

#focus {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.05+0,0.62+1 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.62) 1%, rgba(255,255,255,0.62) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.62) 1%,rgba(255,255,255,0.62) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.62) 1%,rgba(255,255,255,0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#9effffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

font-weight: bold;
}

div.main_menu {
float: left;
width: 198px;
background-color: white;
padding-bottom: 25px;

}

div.main_menu a.noframe:hover {
text-decoration: none;
font-size: 14px;
}

div.zagol_1 {
background-color: #ADFF2F;
color: black;
border: 1 solid silver;
}


div.under_menu {
line-height:34px;
height:35px;
width: 1024px;
color: white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,404d6b+21,606c88+100 */
background: #3f4c6b; /* Old browsers */
background: -moz-linear-gradient(top, #3f4c6b 0%, #404d6b 21%, #606c88 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f4c6b 0%,#404d6b 21%,#606c88 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f4c6b 0%,#404d6b 21%,#606c88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=0 ); /* IE6-9 */
padding-left: 0px;

border: no;
font-family: arial;
}

.under_menu a {
color: white;
}

div.under_menu div{
float: left;
height:35px;
color: white;
background-color: transparent;

text-decoration: none;
font-size: 12px;

text-align: center;
font-family: arial;
padding-left: 5px;
padding-right: 5px;

margin-right: 5px;

}

div.under_menu div:hover{
text-decoration: none;
font-size: 12px;
color: white;

box-shadow: 1px 1px 7px #363636;

}

a.noframe {
text-decoration: none;
font-size: 14px;
}

a.noframe:hover {
text-decoration: underline;
font-size: 14px;
}

div.footer {
height:75px;
width: 1024px;
background-color: transparent;
text-align: left;
font-size: 14px;

}

/* Код увеличителя начинается здесь */
	/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href="#nogo"> 
	Иначе увеличительне будет работать в IE6 */
	 
	.ienlarger {
	    height: 194px;
	    width:193px;
	    float: left;
	    clear: none; /* Можно установить left или right по необходимости */
		text-align: center;
		vertical-align: middle;
	    margin: 5px;	/* Расстояние между миниатюрами и окружающим текстом */
		border: 1 solid white;
		
		-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;

background-image: url(images/skin_2.jpg);
	}
	 
	.ienlarger a { 
	    display:block;
	    text-decoration: none;
	/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
	}
	 
	.ienlarger a:hover{ /* Не надо изменять тип позиционирования */
	    position:relative;
	}
	 
	.ienlarger span img {
	    border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
	    margin-bottom: 8px; /* /Сдвигаем текст вниз от изображения */
	}
	 
	.ienlarger a span {  /* Для большого изображения и названия */
	    position: absolute;
	    display:none;
	    color: #FFCC00; /* Текст названия */
	    text-decoration: none;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 13px; /* Размер шрифта названия */
	    background-color: #000000;
	    font-weight: bold;
	    padding-top: 10px;
	    padding-right: 10px;
	    padding-bottom: 13px;
	    padding-left: 10px;
	}
	 
	.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
	height: 155px;
	width: 225px;
	border-width: 0;
	}
	 
	.ienlarger a:hover span { 
	    display:block;
	    top: -155px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
	    left: 90px; /* Большое изображение выскакивает влево на 90px от миниатюры */
	    z-index: 100;
	     
	/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
	}
	
	.zoom {
	width: 475px; /* Вводим нужный размер миниатюры здесь */
	    height : auto;
	}
	 
	.resize_thumb {
	    width: 125px; /* Вводим нужный размер миниатюры здесь */
	    height : auto;
	}
 
	/* Код увеличителя закончен */
	
.cells {
	
	    width: 225px;
	    float: left;
	    clear: none; /* Можно установить left или right по необходимости */
		vertical-align: middle;
	    margin: 5px;	/* Расстояние между миниатюрами и окружающим текстом */
	
		font-size: 12px;
		-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;

background-image: url(images/skin_2.jpg);
	}
	
	

	

/* Меню Colored из jQuery */		
ul{
	margin-top:0;
	padding:0;
}

ul.container{
	
	width:198px;
	margin:0 auto;
	padding:0px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	padding-bottom: 1px;
	width:100%;
}

li.button a{
	
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:12px;
	height:36px;
	overflow:hidden;
	padding:0px;
	position:relative;
	width:198px;
}





.dropdown{
	display:none;
	font-size:12px;
	padding-top:0px;
	width:100%;
	text-decoration: none;
}

.dropdown li{
	font-size:12px;
	border: no;
	color:#CCCCCC;
	margin:1px 0;
	padding:2px 18px;
	text-decoration: none;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4982df+0,2567d1+0,0847ac+50,3777dd+99,82a8ea+100 */
background: #4982df; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4982df 0%, #2567d1 0%, #0847ac 50%, #3777dd 99%, #82a8ea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4982df 0%,#2567d1 0%,#0847ac 50%,#3777dd 99%,#82a8ea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4982df 0%,#2567d1 0%,#0847ac 50%,#3777dd 99%,#82a8ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4982df', endColorstr='#82a8ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.dropdown li:hover{

	border: no;
	font-size:14px;
	color: white;
	margin:1px 0;
	padding: 2px 18px;
	text-decoration: none;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de47ac+0,ad1283+50,cb60b3+100 */
background: #de47ac; /* Old browsers */
background: -moz-linear-gradient(top,  #de47ac 0%, #ad1283 50%, #cb60b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #de47ac 0%,#ad1283 50%,#cb60b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #de47ac 0%,#ad1283 50%,#cb60b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de47ac', endColorstr='#cb60b3',GradientType=0 ); /* IE6-9 */



}


/*  Главный Box в котором лежит всё */

#jsiMainBox {

color: #fff;
text-align:left;
position: relative; 
display: none; 
margin: auto; 
z-index: 2; 

padding-bottom: 4px;

}

/*  Еще Выше Box "по вложенности" чем предыдущий */

#wrapJsiBox {
position: absolute; 
top:0; 
left:0; 
display: none; 
z-index: 1000; 
opacity: 0.6; 
filter: alpha(opacity=60);
}

/*  Это img содержащий "изображение" jax-loader2.gif */

#jsiBoxLoading {
float:left; 
display:inline; 
margin:7px 5px 0 8px;
}

/*  - последний div в котором непосредственно разположен img с "большим" изображением.. */

#jsiBoxMainImageWrap {
margin: 0 8px 4px 8px; 
overflow: scroll; 
position: relative;
}

/*  Главный img именно в котором лежит выводимое нами "большое" изображение.. */

#jsiBoxMainImage {

display: block;
}


/* Картинка идущая перед текстом в контенте во всех стр. */
img.img_inside {
height: 155px;
width: 225px;	
max-width: 800px;
margin-top: 5px; 
margin-right: 15px;
float: left;
}

div.video {

margin-top: 15px;
margin-bottom: 15px;
}

div.page_content {
margin-bottom: 15px;
min-height: 155px;
}



/* --------  Стилизация сайта под pf.com.ua  ----------- */


div.chapt {
height: 25px;
width: 180px;
color: #3f4c6b;
background-color: #6C89E7;
line-height: 25px;
padding-left: 14px;
margin-top: 4px;
font-size: 11px;
font-weight: bold;
text-align: left;
border-radius: 0px 15px 15px 0px;
}

div.chapt_2 {
height: 25px;
width: 180px;
color: #3f4c6b;
background-color: #6C89E7;
line-height: 25px;
padding-left: 14px;
margin-top: 4px;
font-size: 11px;
font-weight: bold;
text-align: left;
border-radius: 15px 0px 0px 15px;
}

span.zagl {
display: block;
width: 174px;
color: #3f4c6b;
margin: 1px;
font-weight: bold;
font-size: 16px;
}

ul {
padding: 0px; /* Убираем поля */
margin-top: 5px;
margin-left: 25px; /* Отступ слева */
}

#n {

}

a.menu {
display: list-item;
list-style-type: disc;
color: #3f4c6b;
/*background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.1) 50%, rgba(0,0,0,0)),  linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25));
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 100%, 50% 100%;
    background-size: 100% 1px, 100% 1px;
    background-origin: padding-box, border-box;*/
    border-bottom: 1px solid #E8E8E8;
margin-top: 5px;
margin-left: 25px;
line-height: 17px;
font-family: arial;
font-size: 11px;
text-transform: uppercase;

border-radius: 0px 0px 0px 0px;

}

a.menu:hover {
color: #38599C;

}



a.active {
color: #6C89E7;

}

.ello a {
color: white !important;
font-weight: bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100&0+0,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 5px 8px;
border-radius: 21px;
text-shadow: 0px 0px 3px #1C1C1C;
box-shadow: 0px 0px 3px #1C1C1C;
}

.ello a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0086ec+0,003066+100&0+0,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,134,236,0) 0%, rgba(0,48,102,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,134,236,0) 0%,rgba(0,48,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,134,236,0) 0%,rgba(0,48,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000086ec', endColorstr='#003066',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

div.shtamp {
display: inline-block;
vertical-align: top;
color: #6C89E7;
/*color: #3f4c6b;*/
/*transform-origin: left top 0;
-webkit-transform-origin: left top 0;*/
transform: rotate(-15deg);
-webkit-transform:rotate(-15deg);	
font-size: 8px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border: 3px double #6C89E7;
}

div.uparrow { 
background-color:transparent;
border: no;
border-radius: 35px;
color: #C8BF7B;
height: 55px;
width: 55px;
margin: 3px;
overflow: hidden;
text-align: center;
display: none; /* спрятать блок */

cursor: pointer;

opacity: 0.5;
box-shadow: 0 0 7px #666; /* Параметры тени */
margin-left: 435px;
position: fixed;
left: 50%;
bottom: 58px;
z-index: 9;
}

div.uparrow:hover { 
opacity: 1;
text-decoration: underline;
}

div.uparrow img {
height:55px;
width: 55px;
border-radius: 35px;
}

img.inmain {
float: left;
margin-top: 19px;
margin-right: 10px;
box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: 3px solid white;
}

img.inmain_2 {
float: right;
margin-top: 19px;
margin-left: 10px;
box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: 3px solid white;
}

img.inmain_3 {
float: left;
margin-top: 8px;
margin-right: 10px;
margin-bottom: 3px;
box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: 3px solid white;
}

img.inmain_4 {
float: right;
margin-top: 1px;
margin-left: 10px;
box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: 3px solid white;
}

.img_upload_1 td {
color: #1C1C1C;	
font-weight: bold;
text-shadow: 0px 0px 5px white;
}

#smallpic {
float: left;
height: 89px !important;
width: 144px !important;
margin-top: 5px;
margin-right: 10px;
box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: 3px solid white;
}

#pic {
float: left;
height: 144px !important;
width: 233px !important;

margin-right: 10px;
box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: 3px solid white;
}

#cilck {
height: auto !important;
width: 233px !important;

box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: 3px solid white;
}

.price {
width: 198px;
background-color: #F5F5F5;
margin: 1px;

}

.price p {
color: #363636;
margin: 8px;
}

.price td {
vertical-align: middle;
text-transform: lowercase;
text-align: left;
border-bottom: 5px solid transparent;
}

.price td:first-child {
width: 108px;
padding-left: 6px;

}

.price td:last-child {
width: 84px;

}

.price a {
color: #2690ff;
font-size: 14px;
}

.price span {
color: #1C1C1C;
background-color: #FFD700;
padding: 2px;
font-size: 12px;
cursor: help;
}

.ed {
    width: 400px;
    height: 150px;
}

img.button {
height: 21px !important;
    width: 21px !important;
    background-color: white;
    margin: 1px;
    border: 1px solid #6C89E7;
    border-radius: 3px;
    box-shadow: 0px 0px 3px grey;

}

toleft {
float: left;	
}

toright {
float: right;
padding-left: 13px;
}

 div.standart {
    color: 1C1C1C;
    /* background-color: #FFDAB9; */
    font-size: 0.8em;
    border-bottom: 3px solid #6C89E7;
    margin-bottom: 25px;
 }

 .standart img {
   margin: 15px;
 }
 
 .standart a {
	 text-decoration: none;
 }

 .standart p {
    display: list-item;
    list-style-type: square;
    
	margin-left: 55px;
    margin-top: 21px;
	margin-bottom: 21px;
	
	padding-left: 8px;
    line-height: 17px;

    border-radius: 0px 0px 0px 0px;	
 }
 
  .standart div { 
  width: 60%;
  font-size: 1em;
  margin-left: -100%;
  text-align: right;
  overflow: hidden;
 }
 
   .standart div a{ 
   	 font-size: 1em !important;
   }
 

.lister {
padding-left: 34px;
}

.lister li {
    color: #363636;
    font-size: 16px;
    font-family: calibri;
    font-style: italic;
    list-style-type: square;
}

.lister_db {
background-color: white;
opacity: 0.9;	
}

.lister_db td {
color: #1C1C1C;
border-bottom: 1px dashed steelblue;
}

.lister_db td:first-child {
background-color: #E6E6FA;
}

.lister_db tr:first-child {
background-color: #F5DEB3;
}

.lister_db td:last-child {
background-color: #FFE4E1;
}

#frame {
    height: 1280px !important;
    width: 1024px !important;
    transform-origin: 0 0;
    transform: scale(0.2);
    margin-left: 8px;
    margin-right: -839px;
    margin-bottom: -987px;
    background-color: white;
    padding: 21px;
    box-shadow: 0px 0px 34px #1C1C1C;
}

#butUpload {
    width: 100px;
    border: 1px solid #000;
    padding: 5px;
}

#newspaper {
 width: 98%;
box-shadow: -2px -2px 7px #C1C1C1, 2px 2px 7px #C1C1C1;
border: solid white; 
border-width: 1%;
}