/*@import "http://webfonts.ru/import/nautilus.css";*/
@import url(https://fonts.googleapis.com/css?family=Monoton);
@import url(https://fonts.googleapis.com/css?family=Comfortaa:700&subset=latin,cyrillic);


body {
scrollbar-face-color : #ae73ab;
scrollbar-highlight-color: #ae73ab;
scrollbar-shadow-color: #e5e5e5;
scrollbar-3dlight-color: none;
scrollbar-arrow-color: #fff;
scrollbar-track-color: none;
scrollbar-darkshadow-color: #ae73ab;						

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
padding: 0px;
margin: 0px;

min-height: 100%;

/* patch with a background image */
/*background: black url(../img/bg_image.jpg);*/
/*background-color: #f2f2f2;*/
background-color: #efefef;
background-repeat: repeat-x repeat-y;
background-attachment: fixed;

-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}

/* Стиль выделенного текста */  
::selection {
    color: black;
	/*background:rgba(255, 204, 255, 0.99);*/
	background-color: #ffcc00;
}

::-moz-selection {
    color: black;
    background-color: #ffcc00;
}

/* стили полосы прокрутки */
::-webkit-scrollbar		/* Chrome */
{
width: 15px;
height: 10px;
}

::-webkit-scrollbar-track-piece
{
background-color: #ffссff;
/*-webkit-border-radius: 5px;*/
}

::-webkit-scrollbar-thumb:vertical
{
height: 10px;
background-color: #666;
/*-webkit-border-radius: 5px;*/
}
/* Mozilla */
/* change colours */
/*
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}

thumb, scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}
thumb:hover, scrollbarbutton:hover {
   -moz-appearance: none !important;						
}
*/						

/* Все транзиции */
.yellow_link, .color_link  {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

/* Всегда отсутствие рамок вокруг картинок - для ИЭ */
img {
border: 0px;
}

/* Курсор над ссылкой - изображением всегда указатель! */
a img {
cursor: pointer !important;
}

/* Исторический виджет */
img.widget_img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}

div#disco_widget {
padding:0px !important;
margin-top:0px !important;	
}

/* Ссылки */
a, a.white_link, a:visited, a.white_link:visited, a.white_link_center, a.white_link_center:visited, a.grey_link, a.grey_link:visited, a.ice_link, a.ice_link:visited, a.golden_link, a.golden_link:visited, a.yellow_link, a.yellow_link:visited, a.author_link, a.author_link:visited{ 			
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: white;
cursor: pointer;
}

a:hover, a.white_link:hover { 	
text-decoration: underline;
}

div.link_plate {
background: #efefef;
text-align:center;
padding: 8px;
margin-top: 15px;
margin-bottom: 15px;
width: 581px;
}

a.white_link_center, a.white_link_center:visited { 			/* Полужирный белый текст */
font-weight: bold;
}

a.white_link_center:hover { 	
text-decoration: underline;
color: #ffcc00;
}

a.grey_link, a.grey_link:visited { 			/*серая ссылка*/
color: #888;
}

a.grey_link:hover { 	
text-decoration: underline;
color: #fff;
}

a.ice_link, a.ice_link:visited {
color: white;
}

a.ice_link:hover {
text-decoration: underline;
}


a.golden_link, a.golden_link:visited { 			/* Полужирный белый текст */
color: #FFCC00;
}

a.golden_link:hover { 	
text-decoration: underline;
color: #FFF !important;
}

a.yellow_link, a.yellow_link:visited /* Жёлтая ссылка формата заголовка */
{
font-size: 25px;
font-weight: bold;
color: #FFCC00;
}

a.yellow_link:hover
{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

a.yellow_white_link, a.yellow_white_link:visited  /* Белая с жёлтым ссылка формата заголовка */
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: #FFFFFF;
}

a.yellow_white_link:hover
{
color: #FFCC00;
}

a.black_header, a.black_header:visited {    /* Чёрная ссылка формата заголовка */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: black;
}

a.black_header:hover {    
text-decoration: underline;
}


a.gray_header {	/* серая ссыль */
padding-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
text-decoration: none;
text-align: left;
background: none;
color: #666;
}

a.gray_header:hover {	
color: #ccc;
}

a.author_link, a.author_link:visited {
	margin-top: 20px;
	position: relative;
	color: #444 !important;
	text-decoration: underline;
	font-weight: normal;
}

a.author_link:hover
{
	color: #333 !important;
	text-decoration: none;
}


/* Слои */

header, #header {
display:block;
margin: 0 auto;
margin-top:0px;
border-bottom: 1px #333 solid;
height: 100px;
width: 100%;
position: fixed;
top: 0px;

margin-bottom: 150px !important;

-webkit-box-shadow: 0px 10px 21px -6px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 10px 21px -6px rgba(0,0,0,0.59);
box-shadow: 0px 10px 21px -6px rgba(0,0,0,0.59);

background: #333333; 
background: -moz-linear-gradient(top,  #333333 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #333333 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
z-index:999;
}

/* Область вывода названия */
div#title_viewport, nav#header_menu {
	padding-top: 10px;
	width: 960px;
	height: 64px;
	padding-left: 5px;
	padding-right: 10px;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: 1px #333 solid;
	position: relative;
/*	background: red;*/
}

/* Область видимости заголовка */
div#header_viewport, .footer_viewport {
width:  960px;   
margin: 0 auto;
box-sizing: border-box;
height: 100px;
display: block;
}

.footer_viewport {
	text-align:left;
	/*background: #ccc;	*/
	height: auto;
	padding: 0px;
	display: block;
	margin-bottom:2px; 
}

/* Шрифт логотипа */
.logo_font, .logo_font:hover {
font-weight: normal;
font-family: 'Monoton', cursive;
font-size: 45px; 
text-decoration: none !important;
color: #ffcc00;
transform: none;
box-sizing: border-box;
padding-top:15px !important;

-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

a.logo_font,a.logo_font:hover,a.logo_font:visited {
text-decoration: none !important;
}

.logo_font:hover {
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(255,255,255) , 0 0 30px rgb(255,255,255) , 0 0 40px rgb(255,17,119) , 0 0 70px rgb(255,17,119) , 0 0 80px rgb(255,17,119) , 0 0 100px rgb(255,17,119) , 0 0 150px rgb(255,17,119) ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}

/* Меню в header */
nav#header_menu {
	height: 34px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: none;
}


/* Меню заголовка */
a.header_menu, a.header_menu:hover, a.header_menu:visited {
width: auto;
color: #ffffff;
font-family: Verdana, tahoma, arial, helvetica, sans-serif;
font-size: 16px;/*18px;/*20px;*/ 	
padding-top: 8px;
padding-left: 5px;
padding-right: 5px;	
float: left;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none !important;
font-family: 'Comfortaa', sans-serif;
}

a.header_menu:hover {
	color: #ffcc00;	
	text-decoration: underline;
}

div.popup_block, div.popup_block_center
{
	height: 100px;
	float: left;
	width: 200px;
	padding:10px;
	padding-top: 0px;
	box-sizing: border-box;
	text-align: left;
	color: white;
	font-family: Verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	/*background: #ccc;*/
}

div.popup_block_center {
width: auto;
text-align:center;
padding-left:15px;
padding-right: 15px;
font-weight: bold;
}

img.popup_menu {
	width: 100px;
	height: 80px;
	display: block;
	margin: 0 auto;
	border-radius: 10px;
}

a.menu_link, a.menu_link:hover, a.menu_link:visited, .gray_menu_link {
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Comfortaa', sans-serif;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

a.menu_link:hover {
	color: #ffcc00;
}

.gray_menu_link {
color: #444	;
}

div.menu_item {
	width: 100%;
	display: block;
	height: 20px;
	margin-top:4px;
/*	background: red;*/
	padding: 0px;
}


nav#header_popup, div#music_styles_popup_menu, div#music_digest_popup_menu, div#about_popup_menu, nav#mobile_menu, div#articles_popup_menu {

	width: 100%;
	background: black;
/*	opacity: 0.5; */
	height: 115px;
	display: block;
	position: relative;
	display: none;
	padding-top: 10px;
	box-sizing: border-box;
	top: -13px;
	z-index: 12;
	
	-webkit-box-shadow: 0px 10px 21px -6px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 10px 21px -6px rgba(0,0,0,0.59);
box-shadow: 0px 10px 21px -6px rgba(0,0,0,0.59);
}

div#music_styles_popup_menu, div#music_digest_popup_menu, div#about_popup_menu, div#articles_popup_menu {
/*	background: blue;	*/
	z-index: 13;
}

img.image_social {
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 4px;
	margin-left: 4px;
}

/* использовать для поискового окна
div#header_social {
	width: 350px;
	position: absolute;
	top: 10px;
	right: 0px;
	height: 35px;
	box-sizing: border-box;
	z-index: 2;
}
*/

div#header_social {
	width: 225px;
	position: absolute;
	/*top: 10px;*/
	right: 0px;
	height: 35px;
	box-sizing: border-box;
	z-index: 2;
/*	background: #ccc;*/
}

.button_social {
width:40px;
height:50px;
padding: 10px;
padding-left: 5px;
padding-right: 5px;
box-sizing: border-box;
float: left;
margin: 0px;
}

nav.main_menu, nav.menu_toolbar, #menu_toolbar {
width: 960px;/*990px;*/
color: white;
background: black;
margin: 0 auto;
text-align: center;  
height: 65px;
padding-top: 15px;
display:none;
}

footer, #footer {
/*width: 960px;/*990px;*/
width: 100%;
color: white;
border: 0px;
background: black;
margin: 0 auto;
height: 270px;
padding: 0px !important;
box-sizing: border-box;
}

.footer_area {
	font-size: 13px;
	width: 240px;
/*	background: #666;*/
	border-right: 1px solid #666;
	min-height: 100px;
	height: auto;
	float: left;
	color: #ccc;
	text-align: center;
	box-sizing: border-box;
/*padding-top: 20px;*/
}

.footer_social_area {
	width: 200px;
	box-sizing: border-box;
	display: block;
/*	background: #ccc;*/
	margin: 0 auto;
	margin-top: 0px;
	height: auto;
}

a.footer_social_button, a.footer_social_button:hover, a.footer_social_button:visited {
	width: 40px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	background: url(../img/pages/social/social_gray.png) no-repeat;
}

a.footer_social_button_vk, a.footer_social_button_vk:hover { background-position: 0px 0px; }
a.footer_social_button_fb, a.footer_social_button_fb:hover { background-position: -40px 0px; }
a.footer_social_button_ok, a.footer_social_button_ok:hover { background-position: -80px 0px; }
a.footer_social_button_gp, a.footer_social_button_gp:hover { background-position: -120px 0px; }
a.footer_social_button_tw, a.footer_social_button_tw:hover { background-position: -160px 0px; }
a.footer_social_button_yt, a.footer_social_button_yt:hover { background-position: -200px 0px; }
a.footer_social_button_mr, a.footer_social_button_mr:hover { background-position: -240px 0px; }
a.footer_social_button_pt, a.footer_social_button_pt:hover { background-position: -280px 0px; }

input.footer_input, button.footer_button, textarea.footer_input {
	width: 180px;
	background: black;
	border: 1px solid #ccc;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: none;
	display: block;
}

button.footer_button {
	margin: 0 auto;
	margin-top:15px;
	width: 90px;
	font-size: 14px;
	color: #ccc;
}

textarea.footer_input {
	width: 186px;
	box-sizing: border-box;
	height: 70px;
	color: #ccc;
}

a.footer_link, a.footer_link:hover, a.footer_link:visited {
	color: #ccc;
	display:block;	
	margin-bottom: 10px;
	width: 100% !important;
}
a.footer_link:hover {
	text-decoration: underline;
}

input.footer_input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease; color:#ccc;}
input.footer_input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease; color:#ccc;}
input.footer_input::-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease; color:#ccc;}
input.footer_input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
input.footer_input:focus::-moz-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
input.footer_input:focus::-ms-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}

textarea.footer_input::-webkit-input-placeholder {opacity: 1; color:#ccc;}
textarea.footer_input::-moz-placeholder {opacity: 1; color:#ccc;}
textarea.footer_input::-ms-input-placeholder {opacity: 1; color:#ccc;}



.left_column, #left_column {
float:left; 
width:300px; 
/*background: black;*/
height: auto;
box-sizing: border-box;
outline: black solid 0px;
}

article.central_column, #central_column {
/*background: black; */
width: 660px;
height: auto;
float: left;
padding: 0px;
padding-right: 20px;
box-sizing: border-box;
color: black;
/*margin-left:30%;*/
}

#central_column p.white_header, #central_column p, #central_column h2, #central_column h1, #central_column a, #central_column a:hover, #central_column a:visited {
	color: black;
}


aside.left_column, article.central_column, #left_column, #central_column
{
padding-bottom:32767px; 
margin-bottom:-32767px;
}

#wrapper, #main_wrapper {
margin: 0 auto;
width: 960px;/*990px;*/
height: auto;
/*margin-top: 20px;*/
overflow: hidden; 
margin-top: 121px;
/*padding-bottom:32767px; 
margin-bottom:-32767px;
*/
}

#main_wrapper {
	margin-top: 20px !important;
}
/*
#common_wrapper {
background: black;
width: 1150px;
margin: 0 auto;

-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.75);
}*/

/* Слои новостных окошек */
#err { /*ошибка*/
width: 600px;
height: 110px;
/*margin: 0 auto;*/
margin-top: 15px;
margin-bottom: 20px;
padding-top: 5px;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 5px;
/*border: 1px solid #CCC; 	*/
text-align: center;
border: 5px solid #9999FF;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
background:#800080; 
}

#story { /*новости*/
width: 600px;
height: 210px;
margin-top: 15px;
margin-bottom: 20px;
padding-top: 5px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 5px;
border: 5px solid #9999FF;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
background:black; 
}

#left_toolbar {  /* Левая полоска "Вверх" */
position: fixed; 
left: -90px; 
top: 0px; 
width: 90px; 
height: 100%; 
/*background:#ffccff;*/
background:#ffcc00;
/*filter: alpha(opacity=75); */
cursor: pointer;
opacity: .85;
z-index: 0;
/*-moz-opacity: .85;*/
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 23px;
padding-left: 10px;
display: none;
}

div.video {  /* Слой окошка "видео" */
width: 600px;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 35px;
background:black; 
display: block;
border: 5px solid #9999FF;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
color: white;
z-index: 1;
}

iframe.youtube_videoframe {
	width: 100%;
	height: 100%;
	
}

.youtube_videoframe { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
  margin-bottom: 20px;
 /* padding: 15px;
  background: gray;
  border-radius: 15px;*/
} 
.youtube_videoframe iframe, 
.youtube_videoframe object, 
.youtube_videoframe embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}

div.bio_window { /* Биографическое окно */
width: 600px;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
background:white; 
display: block;
border: 5px solid #CCC;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
color: white;
z-index: 1;
}

div.news_window { /* Статьи окно */
width: 600px;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
background:black; 
display: block;
border: 5px solid #FFF;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
color: white;
z-index: 1;
}

div.photo_window { /* Фото окно */
width: 600px;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
background:white; 
display: block;
border: 5px solid #999;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
color: white;
z-index: 1;
}

div.video_small {
position: relative;
display: inline;
top: 0px;
right: 0px;
left: 600px;
width: 100px;
height: 20px;
color: white;
z-index: 0;
float:right;
}

hr.red_hr {
margin-right: 20px;
border: 3px dashed #FFFFFF;
position: relative;
left: 0px;
text-align: left;
}

hr.hr_red {
border: 2px solid #FF0000;
position: relative;
left: 0px;
margin-right: 30px;
text-align: left;
}

hr.hr_black {
border: 2px dotted	 black;
position: relative;
left: 0px;
margin-right: 60px;
text-align: left;
}

img.img_video {
float:left;
padding-right: 0px;
padding-bottom: 0px;
margin-right: 15px;
border-left: 5px dashed #FFFFFF;
border-right: 5px dashed #FFFFFF;
}

img.img_bio {
float:left;
padding-right: 0px;
padding-bottom: 0px;
margin-right: 15px;
border: 4px solid #000;
}

img.img_news {
float:left;
padding-right: 0px;
padding-bottom: 0px;
margin-right: 15px;
border: 4px solid #FFF;
}

img.img_photo {
float:left;
padding-right: 0px;
padding-bottom: 0px;
margin-right: 15px;
border: 4px solid #F0F0F0;
}

.empty_banner {
border: 0px !important;	
background: none !important;
}

.banner_articles {
background: url(../img/pages/banner_articles/banner_articles3.jpg) !important;
height: 255px !important; 
border: 0px !important;
background-size: 100% 100%;	
}

#img_announce { /* картинка новостей */
padding: 10px;
float:left;
position: relative;
/*background: white;*/
border: 0px solid black; 
margin-right: 10px;
}

.hr_announce {
color: #EEE;
padding-right: 10px;
}


/* Текст */
p, .stih, .gray, .gray_italic, .black_text, .black_text_bold, li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
/*color: white; */
width: 100%;
}

div.panel_bar p.gray, div.panel_bar p.gray_italic {
color: silver !important;
}

p.gray_italic {
	font-style: italic !important;
}

.black_text {
color: black;
}

.black_text_bold {
font-weight: bold;
color: black;
}

.stih_small { /* Полужирный белый текст */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: white;
}

.yellow_snow, .snow, .snow_italic, .snow_center  { /* Полужирный белый текст */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
/* color: white; */
}

.snow {
	font-weight: bold;
}

.snow_menu { /* Полужирный белый текст */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 80px;
}

.snow_center { /* Полужирный белый текст по центру*/
text-align: center;
}

section.snow_blog { /* текст блог автора */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align:center;
padding-left:0px;
color: white;
margin-top:5px;
width:255px;
padding-top:5px;
padding-bottom:15px;
border: 4px #9999FF;
border-radius: 15px;
}

.snow_right { /* Полужирный белый текст по правому краю*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: white;
padding-left: 40px;
}

.yellow_snow {
color: #ffcc00;
}

.snow_italic {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-style: italic !important;
}

/* Списки */
li {
list-style-type: square;
color: black;
margin-top:8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
border: none;
}

/* Заголовки */ 

h2, .white_header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: white;
padding: 0px;
padding-left: 0px !important;
margin-bottom: 15px;
}

.black_header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: black;
}

h1, .header1, .gray_header1, .header1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: #FFCC00;
width: 100%;
height: 40px;
border-bottom: 1px #ddd solid;
}

h1 {
	padding-bottom: 5px;
	
}

.yellow_header
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: #FFCC00;
}

.gray_header {
padding: 10px;
width: 600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: white;
background: #666666;
text-align: center;
}

.gray_header1 {
color: #666;
}

/* Картинки */

img.white_frame {
margin-top: 2px;
margin-bottom: 2px;
border: 5px solid white;
}

img.img_center{  /* Картинка, выровненная по центру */
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
border: 3px solid white;
max-width:595px;
margin: 0 auto;
}

img.img_wide {
	margin: 0 auto;
	display:block;
	float: none;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}

img.img_half {
	width: 50%;
	min-width: 50%;
	max-width: 50%;
}

img.img_front {
	/*width: 550px;*/
	width: 100%;
	height: auto;	
}


img.img_left, img.img_album_left {	/* Картинка выровненная слева */
float:left;
margin-top:12px;
margin-left: 0px;
margin-right: 10px !important;
}

img.img_album_left, img.img_album_right, img.img_album_left1 {
width: 220px;/*280px;*/
height: 220px;/*280px;*/
}

img.img_left1, img.img_album_left1, img.img_vleft, img.img_hleft {	/* Картинка выровненная слева */
float:left;
/*padding-right: 15px;
padding-bottom: 7px;
padding-top: 10px;*/
margin-top:12px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
}

img.img_vleft, img.img_vright {
	width: 280px;
	height: auto;	
}

img.img_hleft, img.img_hright {
	width: 320px;/*400px;*/
	height: auto;	
}

img.img_right, img.img_album_right, img.img_vright, img.img_hright {	/* Картинка выровненная справа */
float:right;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
}

/* Блок комментария ВК */

#vk_comments, #vk_comments iframe {
    width: 100% !important;
}

#vk_widget, #vk_groups {
    width: 100%;
}

/* Текстовые блоки */ 
.text_box {
margin-top: 10px;
margin-bottom: 10px;
width: 600px;
text-align: justify;
/*padding: 10px;*/
/*margin-left: 130px;*/
/*padding-left: 165px;*/
}

.disco_box {
margin-top: 20px;
margin-bottom: 10px;
width: 650px;
text-align: justify;
padding: 10px;
border: 5px solid #9999FF;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
/*margin-left: 130px;*/
/*padding-left: 165px;*/
}


.center_box {
text-align: center;
margin: 0 auto;
padding-left: 40px;
}

.tooltip_box  /* Всплывающая подсказка */
{
/* background: url("tooltip3.png") no-repeat; */
background-color: #ffcc00;/*#ffccff; */
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: black;
width: 125px;
/*border: 4px solid #CC66ff;*/
text-align: left;
padding: 15px;
opacity: .9;
top:0px;
left: 0px;
visibility: hidden;
margin: 0 10px;
border-radius: 15px;
}

/* Цитаты */
/*
div.info_bar { 
width: 660px;
height: auto;
color: black;
font-size: 25px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
border: 6px solid #9999FF;
border-radius: 15px;
}
*/

.div_quote_right, .div_quote_left,  .div_quote_center , div.info_bar, div.bio_header  {
height: auto;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif !important;
color: black;
font-size: 16px;
/*font-weight: 600; */
padding: 10px;
padding-top: auto;
padding-bottom: auto;
margin: 10px;
/*border: 5px solid #777890;*/
background: #efefef;
border-radius: 15px;
padding-bottom:15px;
line-height: 120%;
box-sizing: border-box;
overflow:hidden;
}

.div_quote_right, .div_quote_left { /* Правая */ 
width: 300px;
float: right;
margin-right: 20px;
}

.div_quote_left {	/* Левая */ 
float: left;
margin-left: 0px;
margin-right: 10px;
}

.div_quote_center, div.info_bar {	/* Центральная */ 
width: 597px; /*650px;*/
display: block;
margin-left: 0px;
padding-bottom:10px;
}

div.bio_header { /* Заголовок */
width: 580px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
}

div.div_quote_center p{
	padding-top: auto;
	padding-bottom: auto;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 16px;
/*	font-weight: 600;*/
}

div.div_quote_center img{
	/*
	padding-top: auto;
	padding-bottom: auto;*/
	margin-top: auto;
	margin-bottom: auto;/*
	margin-bottom: 20px !important; */
}

/*
.div_quote_right:hover,.div_quote_center:hover, .div_quote_left:hover {	 
border: 5px solid #9999FF;
-webkit-animation: neon1 1.5s ease-in-out infinite alternate;
-moz-animation: neon1 1.5s ease-in-out infinite alternate;
animation: neon1 1.5s ease-in-out infinite alternate;   
color: white;
}
*/

/* Меню */

/* Горизонтальное меню */

a.color_link, a.color_link:visited {
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: 'Nautilus Pompilius', Arial, Verdana, Helvetica, sans-serif;;
font-size: 22px;
font-weight: bold;
text-decoration: none;
padding: 15px;
padding-top: 8px;
padding-bottom: 3px;
float: left;
vertical-align: middle;
height: 30px;
width: 92px;
text-align: center;
/*color: #ffccff;*/
/*
color: #9900CC;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  
      text-shadow: 0 0 1px #fff,
              0 0 1px  #fff,
               0 0 2px  #fff,
               0 0 3px  #FF1177,
               0 0 4px  #FF1177,
               0 0 5px  #FF1177,
               0 0 6px #FF1177,
               0 0 8px #FF1177;
*/
color: #9900CC;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

      text-shadow: 0 0 5px #fff,
                   0 0 10px #fff,
                   0 0 15px #fff,
                   0 0 20px #ff00de,
                   0 0 35px #ff00de,
                   0 0 40px #ff00de,
                   0 0 50px #ff00de,
                   0 0 75px #ff00de;
				   
-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);



/*
color: rgba(255,255,255,1);
-o-text-overflow: clip;
text-overflow: clip;
white-space: pre;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
*/
}

a.color_link:hover {
font-size: 22px;
color: #ff9900;
font-family: 'Nautilus Pompilius';
text-decoration:none;
/*background: #ffcc00;*/
/*color: black;*/
/*border: 2px solid white;*/
/*
  -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
  -moz-animation: neon1 1.5s ease-in-out infinite alternate;
  animation: neon1 1.5s ease-in-out infinite alternate; 
  
      text-shadow: 0 0 2px #fff,
               0 0 5px #fff,
               0 0 8px #fff,
               0 0 10px #FF1177,
               0 0 17px #FF1177,
               0 0 20px #FF1177,
               0 0 25px #FF1177,
               0 0 35px #FF1177;
*/
color: rgba(255,255,255,1);
-o-text-overflow: clip;
text-overflow: clip;
white-space: pre;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de ;

transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;


}

/* Вертикальное меню */
.menu_pos {

margin-bottom: 2px;
margin-top: 2px;
height: 40px;
width: 200px;
display: block;
}

.menu_cube
{
float: left;
height: 36px;
width: 40px;
background: #6666CC;
text-align: center;
border: 0px solid #3333CC;
padding-top: 5px;
}
/*
.menu_link
{
float: left;
left: 0px;
height: 35px;
width: 35px;
padding: 0px;
}
*/
a.main_menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 6px;
float: left;
vertical-align: middle;
height: 28px;
width: 195px;
text-align: left;
background: #9999FF;
color: #003333;
border: 0px solid #9999FF;
}

a.main_menu:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
padding-top: 7px;
padding-bottom: 6px;
float: left;
vertical-align: middle;
height: 28px;
width: 195px;
text-align: left;
background: #FFCC00;
color: #003333;
border: 0px solid #9999FF;
}

/* Заголовок статьи */

div.test_header { /* Собственно заголовок */
width: 520px;
height: 135px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 25px;
font-weight: normal;
text-decoration: none;
color: white;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
border: 6px double #9999FF;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
}

div.red_bar{ /* красная рамка для примечаний */
width: 650px;
height: auto;
color: white;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
border: 6px solid #CC3300;
border-radius: 15px;
/*-moz-border-radius: 15px;*/
}

img.img_header_right {	/* Картинка в заголовке */
float:right;
margin-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

img.img_header_left {	/* Картинка слева */
float:right;
margin-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

/* Рамка для фото и видео в статьях */

.video_frame_small_left { /* левая рамка */
width: 200px;
height: 190px;
background: white;
border: 1px solid silver;
float: left;
padding-left: 5px;
padding-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
}

.video_frame_left, .video_frame_right { 
width: 250px;
height: 240px;
/*background: #444; */
background: #ddd;
border: 1px solid #ccc;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
margin-right: 10px;
margin-bottom: 15px;
border-radius: 15px;
text-align:center;

-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

.video_frame_right{ 
float: right;
margin-left: 10px;
margin-right: 0px;

}


.video_frame_black_left { /* левая рамка */
width: 200px;
height: 190px;
background: black;
border: 0px solid silver;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}

.video_frame_small_right { /* правая рамка */
width: 200px;
height: 190px;
background: white;
border: 1px solid silver;
float: right;
margin-left: 10px;
margin-bottom: 5px;
}

.video_frame_right:hover, .video_frame_left:hover
{
background: #efefef;
}

.video_frame_img {
margin-left: 3px;
margin-right: 3px;
margin-top: 3px;	
width: 194px; 
height: 160px;
}

.video_frame_footer_small {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-align: center;
color: black;
height: 30px;
width: 200px;
padding-top: 5px;
}

.video_frame_footer {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-align: center;
color: black;
height: 30px;
width: 250px;
padding-top: 5px;
}

.video_frame_footer_black {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
background: black;
color: white;
height: 30px;
width: 200px;
padding-top: 5px;
padding-left: 10px;
}

/*  Окошко "Обсудить в социальных сетях" */
.social_bar {
width: 425px;
height: 150px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
color: white;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 40px;
padding-top: 0px;
padding-left: 10px;
border: 6px double #9999FF;
border-radius: 15px;
text-align: center;
}

.social_frame {
float: left;
width:80px;
height: 80px;
background: black;
margin-bottom: 2px;
margin-left: 2px;
margin-top: 2px;
} 

/* Стили гостевой комнаты */
div.guest_wrapper {  
width: 600px;
height: 400px;
}

div.guest_block {	/* 1/3 ширины */
float: left;
width: 200px;
height: 80px;
}

div.guest_long_block {	/* вся ширина */
display: block;
margin-top:5px;
margin-bottom:5px;
width: 600px;
height: 200px;
}

div.guest_half_block {	/* 1/2 ширины */
margin-top: 10px;
float: left;
width: 300px;
height: 60px;
}

div.long_block, div.block, div.half_block
{
background: black;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
}

/* свойства полей ввода гостевой */
input.guest, textarea.guest {
border: 3px solid white;
/*border-radius: 10px;*/
background: #FFCCFF;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 800;
width: 180px;
height: 30px;
}

textarea.guest {
margin-top:6px;
width: 590px;
margin: 0 auto;
display: block;
border: 1px solid #ccc;
height: 160px;
}
/*
input.guest:required:invalid {
background: #FFCC00;

}*/
/*
::placeholder { 
color: #FF99FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 800;
transition: opacity 1.5s ease;
}

:focus::placeholder {opacity: 0; transition: opacity 0.3s ease;}
*/

/* кнопки */
button, button.guest {
background: white;
/*border-radius: 10px;*/
color: black;
font-size: 20px;
padding: 4px;
border: 1px solid #ccc;
/*border-radius: 3px;*/
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

button:hover, button.guest:hover {
border: 1px solid #999;
}
/* Разноцветное меню */

.menu_block {
/*background: black;*/
display:block;
margin-bottom:10px;
margin-top:0px;
padding-top:0px;
}

.menu_big_button, .menu_block {
width: 260px;
}

.menu_block, .menu_button_left, .menu_button_right, .menu_big_button 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 125px;
}

.menu_button_left {
margin-right: 10px;
}

.menu_button_left, .menu_button_right {
float: left;
width: 125px;
margin-right: 10px;
}

.menu_button_right {
margin-right: 0px;
}

.menu_big_button:hover {
text-decoration:none;
}

/* Шрифт */
.menu_big_button, .menu_block, .menu_button_left, .menu_button_right
{
box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 cursor: pointer !important;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}

.color_link, .yellow_link {
 -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

p.icon_text, p.icon_black_text {
color: white;
font-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: center;
padding-top:80px;
}

p.icon_black_text
{
padding-top:85px;
}

#menu_button_bio {
background:#008CA1 url(../img/icons/bio.png);
background-size: 100% 100%;
}

#menu_button_bio:hover {
background:#444 url(../img/icons/bio.png);
background-size: 100% 100%;
}

#menu_button_styles {
background:#5334AD url(../img/icons/styles.png);
background-size: 100% 100%;
}

#menu_button_styles:hover {
background:#444 url(../img/icons/styles.png);
background-size: 100% 100%;
color:black;
}

#menu_button_vkus {
background:yellow url(../img/icons/vkus1.png);
background-size: 100% 100%;
color:black;
}

#menu_button_vkus p {
color:black;
}

#menu_button_vkus p:hover {
color:white;
}

#menu_button_vkus:hover {
background:#444 url(../img/icons/vkus.png);
background-size: 100% 100%;
color:#ffffff !important;
}

#menu_button_veshi {
background:brown url(../img/icons/veshi.png);
background-size: 100% 100%;
}

#menu_button_veshi:hover {
background: #444 url(../img/icons/veshi.png);
background-size: 100% 100%;
}

#menu_button_american {
background:#d9522c url(../img/icons/american_logo.png);
background-size: 100% 100%;
}

a #menu_button_american p:hover{
text-decoration:none;
}

#menu_button_american:hover {
background:#444 url(../img/icons/american_logo.png);
background-size: 100% 100%;
}

/* Музыкальный дайджест */ 
div.digest_menu {
width: 690px; /*width: 720px;*/
height: 210px; /* height: 220px; */
margin-top: 20px;
margin-bottom: 20px;
}

div.digest_year, a.digest_year, a.digest_year:visited {
width: 210px; /* width: 220px; */
height: 210px;/* height: 220px; */
margin-right:10px;
margin-left:10px;
float:left;
border: 5px solid #9999FF;
border-radius: 15px;
padding-top:2px;
padding-left:17px;
text-align: center;
color: #ffcc00;
box-sizing: border-box !important;

-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

a.digest_year, a.digest_year:visited {
padding-top: 2px;
padding-left:17px;
width: 210px;
height: 210px;
}

a.digest_year:hover {
border: 5px solid #ffccff;
color: white;
}

a.digest_year span {
position: relative;
left: -10px;
}


img.digest_image {	
display:block;
width: 165px; /* width:175px; */
height: 150px; /* height:160px; */
/*margin-left:15px;*/
border: 1px soild white !important;
margin-top:15px;
margin-bottom: 2px;
}

/* Стили панели закладок */

div.tab_bar {
width: auto;
overflow:hidden;
display:block;
margin-top:20px;
margin-bottom:0px;
}

a.tab_button, a.tab_button:hover, a.tab_button_active {    /* Обычная вкладка */
color: white !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; /* нормальный размер */
cursor: pointer;
background: #666;
height:50px;
width: 125px;/*120px;/* 150px;*/
float:left;
padding-top:15px;
padding-bottom: 15px;
text-align:center;
margin-right:3px;
box-sizing:border-box;
text-decoration: none;
font-weight: normal;
margin-bottom:3px;
}

a.tab_button:hover, a.tab_button_active, a.tab_button_active:hover {    /* Мышь над вкладкой */
background:#ffcc00;
color:black !important;
text-decoration:none;
}



div.panel_bar, div.ad_entry, div.panel_scroll { /* Белая панель */
width: 640px;
height: auto;
overflow:hidden;
/*background: #f0f0f0;*/
background: white;
border: 1px solid #CCC;
padding:20px;
color:black;
margin-bottom: 20px;
margin-right: 20px;
box-sizing: border-box;
position: relative;
}

/* Одна запись в правой колонке */
div.ad_entry {
margin-top: 0px;
width: 300px !important;
}

div.panel_scroll {
	padding: 10px !important;	
}

div.panel_bar p, div.panel_bar .stih, div.panel_bar .snow, .snow_italic, div.panel_bar h1, div.panel_bar h2, div.panel_bar a, div.panel_bar a:hover, div.panel_bar a:visited, div.info_bar li, div.info_bar ul li, div.panel_bar a.golden_link, div.panel_bar a.golden_link:hover, div.ad_entry, div.ad_entry h1, div.ad_entry h2, div.ad_entry p, div.ad_entry a, div.ad_entry a:hover, div.ad_entry a:visited, a.black_link, a.black_link:hover, a.black_link:visited  { /* Элементы внутри панели отображаются чёрными */
color: black;
}

div.panel_bar hr { /* Разделительная полоса */
background-color:#ccc; /*для Firefox, Opera, Safari*/
border:0px none;
height:1px; /* высота 1px IE, Firefox, Opera, Safari */
color: #ccc;
}

/* Фото артистов внутри панели */
div.artists_bar {
width: 651px;
margin: 0 auto;
height: 200px;
background: #f0f0f0;
display: block;
margin-bottom:2px;
margin-top:0px;
overflow:hidden;
}

div.artists_button {
width: 215px;
height:200px;
margin-right:2px;
background: #f0f0f0;
float:left;
}

div.artist_title, div.artist_title :hover {
position:relative;
left: 0px;
top: 160px;
width: 215px;
background:black;
color: white;
height: 40px;
z-index: 100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding-top: 10px;
font-weight: bold;
text-decoration: none;
text-align: center;
box-sizing: border-box;
opacity: 0.75;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;

}

a.artists_button:hover, div.artist_title:hover, a.artists_button:hover div {
background: #ffcc00;
color: black;
}

img.artists_image {
top:-40px;
position: relative;
width: 215px;
height:200px;
z-index: 1;
}

table.artists_table {
margin: 0 auto;
margin-top: 30px;
margin-top: 30px;
width: 597px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
color: black;
}

table.artists_table tr td {
font-size: 14px;
border-bottom: 1px solid #ccc;
height:45px;
}

table.artists_table tr td a {
/*font-weight: normal;
text-decoration: underline;*/
}

table.artists_table thead tr td {
font-weight: bold;
}

table.bio_table {
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

table.bio_table tr {
border-bottom: 1px solid #efefef !important;
}

table.bio_table tr td {
font-size: 14px;/*18px;*/
width: 50%;
padding:5px;
padding-top:10px;
padding-bottom:10px;
}

table.bio_table caption {
	background: #ccc;
	text-align: center;
    padding: 12px;
	border-bottom: 1px solid #efefef !important;
}

table.bio_table td:first-child {
	background: #fefefe;
	font-weight: bold;
}

/* Новая галерея артистов и стилей */
div.photo_gallery_box {
width: 585px;
/*background: red;*/
margin: 0 auto;
margin-bottom: 10px;
margin-top: 10px;
display: block;
overflow: hidden;
height: auto;
}

div.photo_button {
margin-left: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 2px;
padding: 0px;
float: left;
/*background: blue;*/
box-sizing: border-box;
}

div.photo_title, div.photo_title:hover {
position:relative;
left: 0px;
top: 151px !important;
background:black;
color: white;
height: 40px;
z-index: 9;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
/*font-size: 14px;*/
font-size: 12px;
text-align: center;
box-sizing: border-box;
opacity: 0.9;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

a.photo_button:hover, div.photo_title:hover, a.photo_button:hover div,  div.photo_button:hover {
background: #ffcc00;
color: black;
}

img.photo_image {
top:-40px;
position: relative;
z-index: 1;
}

div.photo_button, div.photo_button, div.photo_title, div.photo_title:hover, img.photo_image {
/*width: 198px;*/
width: 191px;
}

div.photo_button, img.photo_image {
/*height: 198px;*/
height: 191px;
}

/* Современная фото-галерея для обычных экранов */
.menu_row, .menu_row_big {
/*width: 600px;*/
width: 100%;
max-width: 100% !important;
height: auto;
/* background: #efefef;
border-radius: 15px;*/
margin: 0 auto;
margin-bottom: 25px !important;
box-sizing: border-box;
}

/*

div.menu_row {
display: block !important;
float: none !important;
clear: all;
}

div.menu_row_big {
width: 100% !important;	
min-width: 600px;
max-width: 100% !important;
display: block !important;
height: auto !important;
overflow: hidden !important;
}

div.pic {
float: left;
box-sizing: border-box;
overflow: hidden;

background: #efefef;
width: 200px;
height: 200px;
}

div.pic a img {
	background: white;
	padding:4px;
	border: 1px solid #ccc;
}

div.pic a img.img_v{
	margin-left: 9px;
	margin-top: 9px;
	height: 172px;
	width: auto;
	max-width:100%;
	margin-bottom: 0px;
}

div.pic a img.img_h {
	margin-top: 9px;
	margin-left:9px;
	width: 172px;
	height: auto;
}
*/
/* 24.10.2018 стили альбома */

div.menu_row_big {
max-width: 100%;
display: block;
}

div.pic {
width: 100%;
height: auto;
float: left;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 18px;
}


div.pic a img.img_v{
	width: 100%;
	height: auto;
	max-width: 100%;
}

div.pic a img.img_h {
	width: 100%;
	height: auto;
	max-width: 100%;
}



/* Стили слайдера */

#slider_wrapper {  /* чёрный фон */
padding: 0px;
background: #010101 !important;
width: 100%;
margin: 0px;
display:block;
/*margin-top:100px;*/
box-shadow: rgba(0, 0, 0, 0.34902) 0px 2px 5px 0px;
overflow: hidden;
margin-top:100px;
}

#slider_window {  /* окно прокрутки картинки */
position: relative;
margin: 0 auto;
overflow: hidden;
}

#slider_tape { /* длинная полоса прокрутки */
/*!!width: 6720px;*/
width: 7000px;
position: relative;
z-index: 0;
}

div.header_slide { /* один слайд */
padding: 0px;
margin: 0px;
float: left;
}

div#scroller_left, div#scroller_right {
width: 80px;
position: absolute;
left: 0px;
right: 920px;
z-index: 2;
background: url("../../img/prev.png") #666 10% 50% no-repeat;  
opacity:0.2;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

div#scroller_right {
z-index: 2;
/*!!left: 880px;*/
left: 920px; 
background: url("../../img/next.png") #666 80% 50% no-repeat;  
}

div#scroller_left:hover, div#scroller_right:hover {		
opacity: 0.8;
cursor:pointer;
background: url("../../img/prev.png") #666 10% 50% no-repeat;  
}

div#scroller_right:hover {		
background: url("../../img/next.png") #666 80% 50% no-repeat;  
}

/* ширина слайдера */
#slider_window, div.header_slide, img.img_slide {
/*!!width: 960px;*/
width: 1000px;
}

/* высота слайдера */
div#scroller_left, div#scroller_right, img.img_slide, div.header_slide, #slider_tape, #slider_window, #slider_wrapper
{
height: 430px;
}


.social_bar_wrapper {
	width: 650px;
	/*margin: 0 auto;*/
	height:30px;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	

}

.social_bar_cell {
	float:left;
	width:110px;
	height:30px;	
	margin-right: 10px;
	/*background: gray;*/
}

.comment_bar {
	display:block;
	width:685px;
/*	margin: 0 auto; */
	height: 250px;
	background: #ccc;
	color: white;
	border-radius:15px;
}

/* Классы для новостных окон белых */
img.blog_social {
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 4px;
	margin-left: 4px;
}

a.blog_social, a.blog_social:visited, a.blog_social:hover, a.blog_social:active {
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 4px;
	margin-left: 4px;
	background: url(../img/pages/social/social_gray_small.png) no-repeat;
}

a.blog_social:hover {
	background: url(../img/pages/social/social_normal_small.png) no-repeat;
}

a.blog_social_news, a.blog_social_news:visited, a.blog_social_news:hover, a.blog_social_news:active {
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 4px;
	margin-left: 4px;
	background: url(../img/pages/social/social_normal_small.png) no-repeat;
}

a.blog_social_vk, a.blog_social_vk:active, a.blog_social_vk:hover { background-position: 0px 0px; }
a.blog_social_fb, a.blog_social_fb:active, a.blog_social_fb:hover { background-position: -20px 0px; }
a.blog_social_ok, a.blog_social_ok:active, a.blog_social_ok:hover { background-position: -40px 0px; }
a.blog_social_gp, a.blog_social_gp:active, a.blog_social_gp:hover { background-position: -60px 0px; }
a.blog_social_tw, a.blog_social_tw:active, a.blog_social_tw:hover { background-position: -80px 0px; }
a.blog_social_yt, a.blog_social_yt:active, a.blog_social_yt:hover { background-position: -100px 0px; }
a.blog_social_mr, a.blog_social_mr:active, a.blog_social_mr:hover { background-position: -120px 0px; }
a.blog_social_pt, a.blog_social_pt:active, a.blog_social_pt:hover { background-position: -140px 0px; }


div.blog_social, div.blog_social_news{
	/*background: #ffcc00;	*/
	width: 250px;
	position: absolute;
	top: 2px;
	left: 395px;
	height: 50px;
	padding-top: 15px;
	box-sizing: border-box;
	z-index: 2;
	background: none;
}

div.blog_social_news {
	padding-top: 10px;
	height: 40px;
	/*background: #ccc;*/
	left: 460px;
	width: 170px;
}

div#search_bar {
	width: 355px;
	position: absolute;
/*	background: gray;*/
	height: 40px;
	left: 600px;
}

div#search_bar input.search_box {
	
	background: #131313;
	color: white;
	border: 1px solid #333;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	padding-bottom: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	vertical-align: baseline;
	font-size: 1.4rem;
	float: right;
	height: 28px;
	/*padding: 5px 0px 0px 12px;*/
	font-family: PlutoSansCondLight,"Helvetica Neue",Helvetica,Arial,sans-serif;
	border-right: none;
	width: 240px;
}

input.search_box::-webkit-search-cancel-button{
    position:relative;
    right:20px;  

    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
    background: red;
}

input.search_button {
	float:right;
	overflow: hidden;
	display: block;
	width: 27px;
	height: 28px;
	color: transparent;
	border: 1px solid #333;
	border-left: none;
	background-position: 6px 5px !important; 
	background-color: #131313;
	background: url(../img/pages/search/search.png) no-repeat;
	background-size: 15px auto;
	-webkit-appearance:none;
}

.search_box::placeholder 
{
	opacity: 1; 
	transition: opacity 0.3s ease; 
	color:#666;
	/*padding-top: 0px;*/
	/*font-family: PlutoSansCondLight,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-size: 16px;
	border-right: none;
	vertical-align: top;
}

input.search_box:focus
{
	border-color: #ffcc00;
}

.search_box:focus::placeholder 
{
	text-indent: 800px; 
	transition: text-indent 2.0s ease;
}

/* Окно с результатами поиска */
div#search_results {
	background-color: rgba(30,30,30,0.9);
	/*background-color: #ffcc00;*/
	position: relative;
	display: none;
	width: 241px;
	left: 88px;
	top: 30px;
	height: auto;
	box-sizing:border-box;
	box-shadow: rgba(0,0,0,0.35) 0 3px 5px 0;
	color: white;
	z-index: 10000 !important;
	padding: 20px 20px 10px;
	
}

section.search_section {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #666;
}

ul.result {
	padding: 0; /* Убираем поля */
	margin-bottom:0px;
}

ul li.result {
	clear: all;
	width: 100%;
	padding-left: 15px;
	padding-top: 5px;
	/*padding-bottom:5px;*/
	margin: 0 -10;
	/*line-height: 1.6rem;*/
	cursor: pointer;
	/*display: list-item;*/
		/*    text-align: -webkit-match-parent;
			list-style: none;
			list-style-image: none;*/
			/*box-shadow: rgba(0,0,0,0.35) 0 3px 5px 0;*/
			    box-sizing: border-box;
				margin-bottom: 0px;
			
}

ul li.result:hover {
	background-color: #666;
	opacity: 0.9;
}


img.blog_image {
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 10px;
	border: 1px #f0f0f0 solid;
	float: left;	
	width: 150px;
	height: 150px;

}

.panel_bar .blog_type, .panel_bar  .blog_footer, .blog_type, .blog_footer  {
	margin-top: 0px;
	color: #ccc !important;
	font-size: 14px !important;
	display: block;
	width: 100%;
}

p.blog_text {
	padding: 0px !important;
	color: #777;
	min-width: 100%;
	font-size: 16px;
	padding-top: -10px;
}


a.blog_header, a.blog_header:visited, a.blog_header:hover {
text-decoration: none !important;
}

div.panel_bar a.blog_header p.blog_header:hover {
color: #aaa !important;
}



div.blog_viewport {
	width: 100%;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom: 5px;
	padding: 0px !important;
	min-height: 170px;	
}


div.panel_bar a.blog_header p.blog_header  {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #555;
	border-bottom: 3px #f0f0f0 solid;
	/*width: 380px;*/
	height: auto;
	font-family: 'Comfortaa', sans-serif;
	font-size: /*25px*/22px !important; 
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

iframe {
	border-radius: 0px !important;
}

/* Панель прокрутки */
/*
div.panel_scroll {
	padding: 10px !important;	
	padding-top:0px;
	box-sizing: border-box !important;
}
*/

/* Новостное окошко с прокруткой */

div.bar_viewport, div.bar_vertical_viewport, div.vertical_postbar, div.bar_news_viewport {
	width: 617px;
	margin: 0 auto;
/*	margin-top: -14px; */
	margin-left: -10px;
/*	background: red;*/
	border: 1px solid #efefef;
	/*min-height: 500px;*/
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

div.bar_viewport, div.bar_news_viewport {
	width: 616px;
}

div.bar_vertical_viewport {
width: 100%;
height: auto;
margin: 0px;
margin-bottom: 20px;
overflow: none;
margin-left: 11px !important;
margin-bottom: 15px !important;
padding-bottom: 10px;
display: block !important;
/*background: black;*/
}

div.bar_news_viewport {
	border: none;
	border-bottom: 1px solid #efefef;
	margin-left: -7px;
/*	min-height: 480px; */
	height: auto;
	margin-bottom: 12px !important;
}


/* Свободно позиционируемая плитка */
/*
div.vertical_postbar {
	height: auto;
	padding: 0px !important;
	margin: 0px !important;
	overflow: none;
}
*/

div#bar_wrapper {
	width:10000px; /*width: 1854px;*/
	/*min-height: 450px;*/
	height: auto;
	position: relative;
}

div.vertical_column, div.vertical_column_right { /* Колонка для меню типа плитка */
float: left;
width: 200px;
/*background: green; */
padding-bottom:32767px; 
margin-bottom:-32767px;
position: relative;
border: 1px;
margin-left:6px !important;
margin-right:6px !important;
/*overflow: hidden;*/
}

div.triple_bar, div.news_bar {	/* Колонки меню плитка и история диско */
width: 204px;
/*background: yellow;*/
float: left;
/*height: 500px;*/
height: auto;
border-right: 1px solid #efefef;
box-sizing: border-box;
padding: 10px;
overflow: hidden;
margin-left:1px;
margin-right: 1px;
}

div.news_bar {
border: none;	
padding-bottom: 0px;
margin-bottom: 0px;
/*height: 460px; */
}


div.triple_news_bar {
box-sizing: border-box;
padding: 10px;
overflow: hidden;
width: 200px;
height: auto;
border: none;
border: 1px solid #ccc;
margin: 0 auto;
margin-bottom: 11px;
float: none;
display: block;
background: white;
}

div.single_bar {
width: 617px;
display: block;
height: 500px;
box-sizing: border-box;
padding: 10px;
overflow: hidden;
float: left;
}

div.double_bar {
width: 308px;
/*display: block;*/
/*background: yellow;*/
height: 500px;
padding: 10px;
box-sizing: border-box;
border-right: 1px solid #efefef;
float: left;
overflow: hidden;
}

img.single_image {
width: 600px;
height: 300px;
margin: 0 auto;
margin-bottom: 0px;
}

img.double_image {
width: 288px;
height: 220px;
margin: 0 auto;
margin-bottom: 0px;
}

img.triple_image, img.triple_news_image {
width: 179px;
max-width: 100%;
height: 186px;
margin: 0 auto;
margin-bottom: 10px;
float: none !important;
}

img.triple_image {
	height: auto !important;
}

p.bar_text {
font-size: 14px;
}

div.bar_footer {
width: 100%;
height: 42px;
display:block;
margin: 0 auto;
margin-top:0px;
border-top: 1px solid #efefef;
position: relative;
}

div.bar_buttons_area {
width: 206px;
margin: 0 auto;
height: 42px;
position: relative;
/*background: #efefef;*/
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 10px;
display:block;
}

a.square_button, a.square_button:visited, a.square_button_active, div.bar_button, div.bar_button_active {
width: 14px;
height: 14px;
float: left;
margin-right: 10px;
background: #999;
box-sixing: border-box;
cursor: pointer;
}

a.square_button_active, a.square_button_active:visited, a.square_button:hover, div.bar_button:hover, div.bar_button_active {
background: #ffcc00 !important;
}

div.square_buttons_plate {
width: 100%;
margin: 0 auto;
height: 42px;
position: relative;
background: #fefefe;
box-sizing: border-box;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 10px;
display:block;
}



/* Ссылки навигации вверху страницы */
div.page_navigation {
width: auto:
height: 30px;
background: #efefef;
position: absolute;
right: 0px;
padding: 10px;
 border-radius: 20px 0px 0px 20px;
}

a.page_navigation, a.page_navigation:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: black;
font-weight: normal;
}

a.page_navigation:hover {
text-decoration: underline;
}

.link_separator {
color: #aaa;
}

/* Копия с albums.css */

#viewer {
position: absolute;
left: 100px;
top: 100px;
bottom: 100px;
right: 100px;
background: #ffcc00;/*#ffccff;*/
z-index: 4;
border: 5px solid #ffcc00; /*#ffccff;*/ 	
padding: 0px;
display:none;
border-radius: 15px;
cursor:pointer;
text-align:center;
}

#photo_viewer {
position: absolute;
left: 100px;
top: 100px;
bottom: 100px;
right: 100px;
background: #ffccff;
z-index: 4;
border: 5px solid silver; 	
padding: 0px;
display: none;
border-radius: 15px;
cursor: pointer;
text-align: center;
}

#viewer img {
border-radius: 11px;
}

#close_button {
width: 30px;
height: 30px;
color: black;
display:none;
position: absolute;
z-index: 99;
background-image:url('../img/cancel.png');
background-repeat: no-repeat;
cursor:pointer;

}

/* Video */
#video_viewer {
position: absolute;
left: 100px;
top: 100px;
bottom: 100px;
right: 100px;
background: #ffcc00;/*#ffccff;/*silver;#A98271;*/
z-index: 4;
border: 8px solid #ffcc00;/*#ffccff;/*silver; 	*/
padding: 0px;
display:none;
border-radius: 15px;
cursor:pointer;
text-align:center;
/*
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
*/
}
/*
iframe {
border-radius: 15px;
}
*/
#close_video_button {
width: 30px;
height: 30px;
color: black;
display:none;
position: absolute;
z-index: 5;
background-image:url('../img/cancel.png');
background-repeat: no-repeat;
cursor:pointer;
}

#video_area {
position: relative;
z-index: 5;
}

/* Прокрутка вперёд */
#front_button {
width: 30px;
height: 30px;
color: black;
display:none;
position: absolute;
z-index: 5;
background-image:url('../img/right.png');
background-repeat: no-repeat;
cursor:pointer;
}

/* Прокрутка назад */
#back_button {
width: 30px;
height: 30px;
color: black;
display:none;
position: absolute;
z-index: 5;
background-image:url('../img/left.png');
background-repeat: no-repeat;
cursor:pointer;
}

/* Галерея-меню видео */

.gallery_row {
margin: 0 auto;
margin-bottom: 40px;
margin-top: 0px;
height: 190px;
width: 770px;/* 790px; */
display: block;
text-align:center;
}




/**************************************/
/* Адаптация для больших экранов      */
/**************************************/

@media screen and (min-width: 1380px) {

#wrapper, #main_wrapper, div#header, div#social_output, .footer_viewport, div#header_viewport, div#title_viewport, nav#header_menu, #footer_viewport   {
width: 1350px !important;
} 


footer, .div_quote_center {
	width: 100%;
}

.footer_area {
width: 320px;		
height: 230px;
}

div#header 
{
height:250px;
}

#central_column, div.small_header {
width: 930px !important;
}

#left_column, div.ad_entry {
width: 420px !important;
}

div.panel_bar  {
width: 910px !important;
}

h1.headline {
font-size: 20px;
}

a img {
cursor: pointer !important;
}


div.photo_gallery_row {
width: 870px;
margin-bottom: 4px;
}

div.photo_gallery_box {
width: 870px;
}

div.photo_button {
margin-left: 3px;
margin-right: 2px;
}

div.photo_title, div.photo_title:hover {
top: 250px !important;
height: 40px;
padding-top: 14px;
}

img.photo_image {
top:-40px;
}

img.img_center {
	display:block;
	float: none;
	margin: 0 auto !important;
}



div.photo_button, div.photo_button, div.photo_title, div.photo_title:hover, img.photo_image {
width: 285px;
}

div.photo_gallery_row, div.photo_button, img.photo_image {
height: 290px;
}

a.tab_button, a.tab_button:hover, a.tab_button_active {    
width: 140px;
margin-bottom: 0px;
}

/* Стили слайдера */
#slider_tape { 
width: 9730px;
}

div#scroller_left, div#scroller_right {
width: 80px;
right: 1310px;
background: url("../../img/prev.png") #666 10% 50% no-repeat;  
}

div#scroller_right {
background: url("../../img/next.png") #666 80% 50% no-repeat;  
left: 1310px;
}

/* ширина слайдера */
#slider_window, div.header_slide, img.img_slide {
width: 1390px;
}

/* высота слайдера */
div#scroller_left, div#scroller_right, img.img_slide, div.header_slide, #slider_tape, #slider_window, #slider_wrapper
{
height: 600px;
}

html, body, p, .stih, .snow, .snow_italic, .snow_center, .stih_jj, .stih_in, .gray_text, .gray_italic, .gray, a.white_link, a.white_link:hover, a.white_link:visited, a.golden_link, a.golden_link:hover, a.golden_link:visited, a.gold_link, a.gold_link:hover, a.gold_link:visited, a, a:hover, a:visited, .div_quote_center, .div_quote_left, .div_quote_right, li, table.bio_table tr td, a.menu_link, a.menu_link:hover, a.menu_link:visited, .gray_menu_link, a.author_link, a.author_link:hover, a.author_link:visited 
{
font-size: 18px !important;		
}

/* Главное Выпадающее Меню */

/* Главное меню */
a.header_menu, a.header_menu:hover, a.header_menu:visited {
font-size: 22px;
margin-right: 5px;
}

div.link_plate {
width: 851px !important;
display: block;
float: none;
}

.social_bar_wrapper {
	width: 860px;
	/*background: #efefef;*/
}

.social_bar_cell {
	width: 160px;
/*	background: #ccc;*/
}

div.blog_social, div.blog_social_news {
clear: all;
background: none;
position: absolute;
right: 0px;
left: 665px;
padding-right: 5px;
}

div.blog_social_news {
	/*background: #ccc;*/
	left: 730px;
	width: 173px;
}

.blog_header {
	/*width:750px;*/
}

div#search_bar {
	width: 380px;
	position: absolute;
	/*background: gray;*/
	height: 40px;
	left: 968px;
	padding-top:3px;
}

div#search_bar input.search_box {	
	background: #131313;
	border: 2px solid #434343;
	border-right: none;
	height: 36px;
	/*padding: 5px 0 3px 12px;*/
	width: 220px;
	transition: width 0.5s;
   -moz-appearance: none; 
   -webkit-appearance: none; 
   appearance: none; 
   -webkit-appearance: textfield;
   
}

input.search_button {
	width: 37px;
	height: 36px;
	color: transparent;
	border: 2px solid #434343;
	border-left: none;
	background-position: 8px 7px !important; 
	background-color: #131313;
	background-size: 20px auto;
}

/* Результаты поиска для больших экранов */
div#search_results {
	width: 356px;
	left: 24px;
	top: 40px;
}

.search_box::placeholder 
{
	opacity: 1; 
	transition: opacity 0.3s ease; 
	color:#757575;
	padding-top: 0px;
	/*font-family: PlutoSansCondLight,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	line-height: 1.5em;
	border-right: none;
	vertical-align: top;
}

input.search_box:focus
{
	width: 320px !important;
	border-color: #434343 !important;
	-moz-appearance: none;/* older firefox */
   -webkit-appearance: none; /* safari, chrome */
   appearance: none; /* rest */
    outline-width: 0;
}

.search_box:focus::placeholder 
{
	text-indent: 0px; 
	transition: text-indent 1.0s ease;
}

.artists_table {
width: 855px !important;
}

table.artists_table tr td {
	font-size: 18px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.5;
	padding-top:2px;
	padding-bottom:2px;
}

/* Меню плитка */

.vertical_column {
	width: 290px !important;
	/*background: red;*/
	margin-right: 0px;
}

.triple_news_bar {
	/*background: blue !important;*/
	width: 290px !important;
	margin-bottom: 12px !important;
}

.triple_news_image {
	width: 258px !important;
	height: 260px !important;
	float: none;
	display: block;
	margin: 0 auto;
	margin-bottom: 12px !important;
	margin-top: 4px !important;
}

/* Тройное меню прокрутки История Диско */

div.panel_bar {
	padding:20px !important;
	margin: 0px;
	margin-bottom: 20px;
}

.bar_viewport {
	width: 886px !important;
	/*min-height: 575px; */
}

.bar_news_viewport {
	/*margin-left: -8px !important;*/
	height: auto !important;
	margin: 0 auto !important;
	/*width: 886px !important;*/
	width: 100% !important;
	/*background: yellow;*/
	padding: 0px;
	padding-left:5px;
}

.triple_bar {
	width: 294px !important;
/*	height: 590px;/* !important;*/
}

div#bar_wrapper {
	width: 100% !important;
	border: 0px !important;
}

.news_bar {
	width: 33% !important;
}

.triple_image {
	width: 277px !important;
	/*height: 277px !important;*/
}

div.double_bar {
	width: 444px !important;
	height: 590px !important;
}

img.double_image {
	width: 424px !important;
	height: 415px !important;	
	
}

img.img_front {
	width: 550px;
	height: auto;	
}

img.img_album_left, img.img_album_right, img.img_album_left1 {
width: 260px;/*280px;*/
height: 260px;/*280px;*/
}

/* Цветное меню */
div.menu_block {
	/*background: gray;*/
	width: 378px;
	height: 170px;
}

.menu_button_left, .menu_button_right {
	width:182px !important;
	height: 170px;
}

.menu_big_button {
	width: 378px;
	height: 170px;
}

p.icon_text, p.icon_black_text {
padding-top:115px;
}

/* полоска изображений на ширину экрана */
.img_row {
margin-top:25px;
margin-bottom:20px;
padding: 0px;
height: 220px;
background: #efefef;
border-radius: 15px;
}

/* обёртка 4 изображений */
div.img_block {
margin: 0 auto;
box-sizing: border-box;
width: 860px !important;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
/*width:884px; */
/*background: red;*/
height: 217px !important;
}

div.img_cell_v, div.img_cell_h {
float: left;
padding: 0px !important;
}

div.img_cell_h {
/*background: green; */
} 

div.img_cell_v {
	
}

div.img_cell_h, div.img_cell_v {
	/*width: 220px;*/
	width: 215px;
}

.img_row , div.img_cell_v, div.img_cell_h, div.img_block {
	/*height:220px;*/
	height: 217px;
}

img.img_h, img.img_v, img.img_square {
	border: 1px solid #ccc;
	padding: 7px;
	border-radius: 15px;
	margin-top: 32px;
	margin-left:9px;
	position: relative;	/*
	-webkit-box-shadow: rgba(0,0,0,0.35) 0 3px 5px 0;
    -moz-box-shadow: rgba(0,0,0,0.35) 0 3px 5px 0;
    box-shadow: rgba(0,0,0,0.35) 0 3px 5px 0;*/
	box-sizing: border-box !important;
	width: 195px;
	height: 146px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;	
}

img.img_v
{
margin-top: 10px !important;
margin-left: 32px;
width: 146px;
height: 195px;
}

img.img_square {
	margin-top: 10px !important;
	margin-left: 25px !important;
	width: 195px;
	height: 195px;
}

/* Современная фото-галерея */
.menu_row, .menu_row_big {
/*width: 600px;*/
width: 640px;
height: 220px;
background: #efefef;
/*border-radius: 15px;*/
margin: 0 auto;
margin-bottom: 25px !important;
box-sizing: border-box;
overflow: none;
display:block !important;
float: none !important;
}

.menu_row_big {
width: 853px !important;
}

div.pic {
width: 210px;
height: 220px;
float: left;
box-sizing: border-box;
overflow: none;
/*
border: 1px solid #efefef;
background: #ffcc00;*/
}

div.pic img {
	background: white;
	/*width: 100%;
	height: auto;*/
	box-sizing: border-box;
	padding: 3px;
	border-radius: 0;
}

div.menu_row div.pic a img.img_v, div.menu_row_big div.pic a img.img_v{
	margin-left: 30px;
	/*margin-top: 10px;*/
	/*width: 160px;*/
/*	margin-top: auto;
	margin-bottom: auto;*/

	height: 190px;
	width: auto;
	max-width: 190px;
	vertical-align: middle !important;
	
}

div.menu_row div.pic a img.img_h, div.menu_row_big div.pic a img.img_h {
	/*margin-left:10px;
	/*margin-top: 27px;*/
	/*margin-top: 16px;
	/*margin-top: auto;
	margin-bottom: auto;*/
	width: 200px;
	max-height: 180px;
	height: auto;
	vertical-align: middle !important;
}

div.menu_row div.pic a img.img_square, div.menu_row_big div.pic a img.img_square {
	margin-left: 20px !important;
	margin-top: 16px !important;
	width: 180px;
	height: 180px;
}

.tooltip_box {
	font-size: 15px;
	width: auto;
	max-width: 220px;
    line-height: 1.5;
}

}

/**************************************/
/* Адаптация для мобильных устройств  */
/**************************************/

@media screen and (max-width: 960px) {

html, body {
font-size: 18px;


scrollbar-face-color: none !important;
scrollbar-highlight-color: none !important;
scrollbar-shadow-color: none !important;
scrollbar-3dlight-color: none !important;
scrollbar-arrow-color: none !important;
scrollbar-track-color: none !important;
scrollbar-darkshadow-color: none !important;	
}

::-webkit-scrollbar		/* Chrome */
{
width: 1px;
height: 10px;
}

::-webkit-scrollbar-track-piece
{
background-color: #ffссff;
/*-webkit-border-radius: 5px;*/
}

::-webkit-scrollbar-thumb:vertical
{
height: px;
background-color: #666;
/*-webkit-border-radius: 5px;*/
}



#socialbar {
	padding-left: 0px !important;
	height: 64px !important;
	box-sizing: border-box;
}

header {
	
	height: 64px !important;
}

div#socialbar, div#central_column, footer, div#social_output, div#header_viewport,  .footer_viewport, div.small_header, div#title_viewport
{
display: block;
width:100% !important;
}

div#header_viewport {
	/*height: */
	
}


/*
div#wrapper, div#main_wrapper {
margin-top: 64px !important;
width: 95% !important;
padding: 0px;
background: gray;
height: auto !important;
overflow: none;
display: block !important;
}
*/

div#wrapper, div#main_wrapper {
	margin-top: 75px;
	width: 95%;
	padding-bottom: 20px;
	margin-bottom: 20px;
/*	overflow: hidden !important;*/
	/*background: red; */
	position: relative !important;
}

div#main_wrapper { 
margin-top: 80px !important;
}

#central_column {
/*background: yellow !important;*/
float: none;
display: block;
/*padding: 0px;*/
width: 100%;
padding-right: 0px;
/*border: 1px green solid;*/
}

div.ad_entry, #left_column {
width: 100% !important;
display: block;
float: none;
width: 100%;	
box-sizing: border-box;
}


div#footer_viewport {
	background: none !important;
	width:100% !important;
	
}

footer {
	margin-top:20px !important;
	height: auto !important;
}

.footer_social_area 
{
	width: 200px !important;
	/*background: red;*/
	height: auto !important;
	margin-bottom:20px;
	
}

.footer_area {
	width: 100% !important;
	float: none;
	border: 0px;
	border-bottom: 1px solid #666;
	/*background: blue;*/
	/*padding-top: 20px;*/
	padding-bottom: 20px;
	margin: 0 auto;
	height: auto !important;
}

.footer_input {
	width: 100% !important;
}

div#title_viewport {
display: block;
position: relative;
padding-top: 15px;
padding-left: 15px;
margin: 0 auto;
}



div.panel_bar {
width: 100% !important;
max-width: 100% !important;
}

div.small_header {
background: orange;
border: 1px solid black;
height: 200px;
padding: 10px;
box-sizing: border-box;
}

h1, h1.headline, .header1 {
font-size: 23px;
width: 100% !important;
/*height: 35px;*/
height: auto;
border-bottom: 1px #ccc solid;
}

h2 {
	font-size: 20px;
	
}
/*
div.tab_bar {
width: 100%;
}

a.tab_button, a.tab_button:hover, a.tab_button_active {    
width: 100% !important;
max-width: 100%;
float:none;
margin: 0 auto;
display: block;
margin-left: 0px;
margin-right: 0px;
border-top:1px #ccc solid;
font-size: 16px;
}
*/

div#slider_wrapper {
display:none;
}

p, .snow, a, li  {
max-width: 100%;
font-size: 16px;
}

div.photo_gallery_row {
width: 420px !important;
margin-bottom: 2px;
/*background: red;*/
}

div.photo_button {
margin-left: 2px;
margin-right: 1px;
}

div.photo_title, div.photo_title:hover {
top: 100px !important;
height: 30px;
padding-top: 7px;
font-size: 11px;
}

img.photo_image {
top:-30px;
}

img {
	height: auto !important;
	max-width: 100% !important;
}

img.img_left, img.img_left1, img.img_album_left, img.img_right, img.img_album_right, img.img_vleft, img.img_hleft, img.img_vright, img.img_hright {
	float: none !important;
	padding: 0px !important; 
	margin: 0 auto !important;
	display: block;	
}

img.img_album_right, img.img_vleft, img.img_hleft, img.img_vright, img.img_hright {
		max-width: 100%;
        height: auto;
        width: auto; 
}

div.div_quote_center img.img_right, div.div_quote_center img.img_left, div.div_quote_center img.img_left1 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

div.link_plate {
	margin: 0 auto !important;
	box-sizing: border-box !important;
	max-width: 100% !important;
	margin-bottom: 15px !important;
	vertical-align: center;
	padding-top: 2px;
}

div.link_plate a.white_link_center {
	max-width: 100% !important;
}



div.div_quote_center br {
display: none;
}

div.video_frame_left, div.video_frame_right {
	float: none !important;
	margin: 0 auto !important;
	display: block !important;
	padding-left: 10px !important;	
	padding-right: 10px !important;	
}

div.photo_button, div.photo_title, div.photo_title:hover, img.photo_image {
width: 128px !important;
}

div.photo_button {
margin-top: 2px;
margin-bottom: 2px;
}

div.photo_gallery_row, div.photo_button, img.photo_image {
height: 128px !important;
}

a.tab_button, a.tab_button:hover, a.tab_button_active {    
width: 150px;
}

div.photo_gallery_box {
/* background: red; */
/*width: 262px;*/
}

div.bio_header {
	width: 100%;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	max-width: 100%;
	background: #fcfcfc;
	margin-bottom: 10px;
}

div.div_quote_center {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0px;
}

.tooltip_box {
		display: none;
}

.img_front {
	width: 100% !important;
	max-width: 100%;
}

/* Стили меню */
.logo_font,.logo_font:hover {
position: absolute;
top: 3px;
height: 20px;
width: 240px;
/*background: red;
font-family: Comic, Helvetica,Arial,sans-serif; */
margin: 0px;
padding: 0px !important;
box-sizing: border-box;
font-size: 18px;
box-shadow: none;
text-shadow: none;
-webkit-transform: none;
transform: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
}
/*
.logo_font:hover {
color: white;
}*/


.div_quote_center, .div_quote_left, .div_quote_right {
	width: 100%;
	
}

/* кнопочка мобильного меню */
#header_mobile_menu 
{
display: inline;
position: absolute;
height: 64px;
width: 40px;
right: 0px;
top: -10px;
padding-left:15px;
z-index: 6;
background: url("../../img/mobile_nav.png") 55% 73% no-repeat;  
/*background: gray;*/
border-left: 1px #333 solid !important;
}

nav#mobile_menu {
	position: absolute;
	display: none;
	width: 100%;
	height: auto;
	background: black;
	opacity:0.8;
	padding: 0px;
	margin:0px;	
	/*overflow: scroll;*/
	left: 0px;
	top:64px;
}

#header_popup {
z-index: 10;
margin-top:7px;	
}

a.mobile_menu, a.mobile_menu:hover, a.mobile_menu:visited {
	font-size: 18px;
	width: 100%;
	display: block;
	height: 56px;
	color: white;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	box-sizing: border-box;
	border-bottom: 1px gray solid;
	text-decoration: none;
}

a.mobile_menu:hover {
	background: #ffcc00;
	color: black;
}


#left_toolbar, #header_social, nav#header_menu {
display: none !important;
}

/* Временно убираем поисковую строку в мобильном интерфейсе */ 
div#search_bar {
	display:block;
	position: absolute;
	left: 10px;
	top: 33px;
	width: 78%;
	height: 26px;
	margin: 0 auto;
/*	background: blue; */
}

div#search_bar input.search_box {
	clear: all;
	margin: 0 auto;
	float: right;
	height: 24px;
	max-height: 100%;
	font-family: PlutoSansCondLight, "Helvetica Neue", Helvetica,Arial,sans-serif;
	font-size: 14px;
	border-right: none;
	width: 240px;
	left: 0px;
	width: 85%;
	box-sizing: border-box;
	vertical-align: middle;
	padding-left: 5px !important;
	padding-top: 2px;
}

input.search_box::placeholder {
	font-size: 12px;
}	

input.search_button {
	float:right;
	overflow: hidden;
	display: block;
	width: 22px;
	height: 24px;
	color: transparent;
	border: 1px solid #333;
	border-left: none;
	background-position: 4px 5px !important; 
	background-color: #131313;
	background: url(../img/pages/search/search.png) no-repeat;
	background-size: 15px auto;
	-webkit-appearance:none;
}

div#search_results {
	width: 100%;
	left: 0px;
	top: 26px;
	padding-top:0px;
	padding:10px;
	padding-left:20px;
}

/* Разноцветные плиточные меню */

.menu_block {
	margin: 0 auto;
}

/* Таблицы песен для мобильных устройств*/
.artists_table {
	width: 100% !important;
}

table.artists_table tr td {
border-bottom: 1px solid #ccc;
height:30px;
width: auto;
}

table.artists_table thead tr td {
font-weight: bold;
}

/*Ссылки и текст одного размера */
table.artists_table tr td, table.artists_table tr td a, table.artists_table tr td a:hover, table.artists_table tr td a:visited   
{
font-size: 12px;
}


/*
.page_navigation {
margin-bottom: 30px !important;
width: 100%;	
padding-left: 25px;
}
*/
.link_plate, .page_navigation {
	max-width: 100% !important;
}

textarea.footer_input {
	width: 201px !important;
	
}

/* Стиль новостных окон */

div.panel_bar a.blog_header p.blog_header {
	font-size: 18px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.blog_image {
	display: block !important;
	float: none !important;
	
}

/* Табличка социальных сетей */
div.page_navigation, div.blog_social {
padding-top: 0px;
position: relative;
margin: 0px !important;
width: 100% !important;
/*background: #efefef !important;*/
left: 0px;
height: 25px !important;
}

div.page_navigation {
	padding-top:10px;
	margin-top: 15px !important;
}

img.blog_social {
	width: 20px;
	height: 20px;
	margin-right: 5px !important;
}

a.blog_social, a.blog_social:visited, a.blog_social:hover, a.blog_social:active {
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	background: url(../img/pages/social/social_small_square.png) no-repeat;
}

a.blog_social_vk, a.blog_social_vk:hover { background-position: 0px 0px; }
a.blog_social_fb, a.blog_social_fb:hover { background-position: -20px 0px; }
a.blog_social_ok, a.blog_social_ok:hover { background-position: -40px 0px; }
a.blog_social_gp, a.blog_social_gp:hover { background-position: -60px 0px; }
a.blog_social_tw, a.blog_social_tw:hover { background-position: -80px 0px; }
a.blog_social_yt, a.blog_social_yt:hover { background-position: -100px 0px; }
a.blog_social_mr, a.blog_social_mr:hover { background-position: -120px 0px; }
a.blog_social_pt, a.blog_social_pt:hover { background-position: -140px 0px; }





/* 24.10.2018 стили альбома */
div.menu_row_big {
width: 100%;
max-width: 100% !important;
display: block;
padding: 0px !important;
background: white !important;
margin: 0 auto !important;
min-width: 200px !important;
}

div.pic {
width: 100%;
max-width: 100% !important;
height: auto;
float: none !important;
margin: 0px !important;
border: 0px solid white !important;
background: white !important;
padding: 0px !important;
margin: 0 auto !important;
margin-bottom: 9px !important;
margin-top: 9px !important;
}


div.pic a img.img_v{
	width: 100%;
	max-width:100%;
	height: auto;
	padding: 0px !important;
	margin: 0 auto !important;
}

div.pic a img.img_h {
	width: 100%;
	max-width:100%;
	height: auto;
	padding: 0px !important;
	margin: 0 auto !important;
}



}



/***************************/
/* Совсем маленькие экраны */
/***************************/

/*@media screen and (max-width: 639px) {*/
@media (min-width: 100px) and (max-width: 675px) {

div.panel_bar div.photo_gallery_box {
/*width: 262px !important;*/
width: 100%;
max-width: 100%;	
}

div.tab_bar {
width: 100%;
}

a.tab_button, a.tab_button:hover, a.tab_button_active {    
width: 100% !important;
max-width: 100%;
float:none;
margin: 0 auto;
display: block;
margin-left: 0px;
margin-right: 0px;
border-top:1px #ccc solid;
font-size: 16px;
}


/* Меню плитка */
	
/* Обёртка для тройных меню */ 
div.bar_vertical_viewport {
	overflow: none !important;
	padding: 0px;
	margin: 0px !important;
	max-width: 95% !important;
	margin: 0 auto !important;
	padding: 0px !important;
	/*background: black; */
}

/* Колонка тройного меню */
.vertical_column {
	display: block !important;
	float: none !important;
	height: auto !important;
	width: 100% !important;
	max-width: 98% !important;
	padding: 0px !important;
	margin: 0 auto !important;
	overflow: none !important;

}

/* Белые плашки */ 
div.triple_news_bar {
	box-sizing: border-box;
	width: 100% !important;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px !important;
	padding:20px !important;
}

/* Картинка в плашке */ 
div.triple_news_bar  img.triple_news_image  {
	width: 100%;
	float: none !important;
	display: block;
	margin: 0 auto !important; 
	margin-bottom: 15px !important;
	border: 1px solid #efefef;
	padding: 0px;
}

p.bar_text {
	font-size: 16px;
	max-width: 100% !important;
}

p.black_header {
	float: left;
	font-size: 17px !important;
	
}

a.black_header, a.black_header:hover, a.black_header:visited {
	font-size: 18px !important;
	
}

/* Тройное меню прокрутки */

.bar_buttons_area, .bar_button {
	display: none;
}

#bar_wrapper {
	width: 100% !important;
	/*margin-bottom: 20px !important;*/
	height: auto !important;
	border: none !important;
}

.bar_viewport, .bar_news_viewport {
	margin: 0px;
	width: 100% !important;
	/*height: 440px; /* !important;*/
	border: none !important;
}

.bar_news_viewport {
	margin-bottom: 0px !important;
	height: auto !important;
}

.triple_bar, div.double_bar, div.news_bar {
	width: 100% !important;
	float: none;
	display: block;
	height: 220px !important;
	border: 0px;
	border-bottom: 1px solid #efefef;
	overflow: none;
}

div.news_bar {
	min-height: 200px !important;
	height: auto !important;
}

p.bar_text {
	width:100%;
}

/*
div.triple_bar a.black_header,div.double_bar a.black_header, div.news_bar a.black_header,div.double_bar a.black_header {
	display: block;
	float: none;
	left: 0px !important;
}

*/
img.triple_image, img.double_image  {
	float: left !important;
	width: 150px !important;
	/*height: 150px !important;*/
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
}

a.page_navigation, a.page_navigation:hover, a.page_navigation:visited {
	font-size: 18px;
}

p.title_text, a.black_link, a.black_link:hover, a.black_link:visited {
	font-size: 16px;
}

div.pic a img.img_v{
max-width:100%;
}

div.pic a img.img_h {
	max-width:100%;
}





} /* end */

/**************************************/
/* Адаптация для планшетов */
/*************************************/
@media screen and (min-width: 676px) and (max-width: 1000px) {

div#mobile_menu {
overflow:scroll !important;
}

.tooltip_box {
	display: none;
}

div.panel_bar div.photo_gallery_box {
width: 393px;	
}

a.tab_button, a.tab_button:hover, a.tab_button_active {    /* Обычная вкладка */
font-size: 18px;
width: 120px !important;/*120px;/* 150px;*/
margin-bottom: 0px !important;
height: 45px !important;
}

table.artists_table tr td {
font-size: 16px;
}

nav#mobile_menu {
	overflow: scroll !important;
}

/* Меню плитка */
img.triple_image, img.triple_news_image {
width: 100%;
max-width: 100%;
}

p.title_text {
	font-size: 17px;
}

a.page_navigation, a.page_navigation:hover, a.page_navigation:visited {
	font-size: 16px;	
}

div.bar_viewport, div.vertical_postbar, .bar_news_viewport {
	width: 617px;
}

div.panel_bar {
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 10px;
}

.bar_viewport{
	width: 587px;
	/*height: 500px; /*!important;*/
}

/* Обёртка для всех трёх колонок */
div.bar_vertical_viewport {
	/*margin-left: 10px !important;*/
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0px !important;
	/*background: red;*/
}

/* Колонки */
div.vertical_column, div.vertical_column_right { 
float: left;
/*width: 200px;*/
width: 32% !important;
margin-right: 0px !important;
margin-left: 8px !important;
/*background: yellow;*/
}

/* Белые плашки */
div.triple_news_bar {
/*width: 200px;*/
width: 95%;
margin: 0 auto !important;
margin-bottom:20px !important;
}
.triple_image {
	width: 100%;
	display:block;
	/*width: 179px !important;
	max-width: 100%;
	/*height: 186px !important;*/
}

a.black_header, a.black_header:hover, a.black_header:visited {
	font-size: 17px !important;
	max-width: 80% !important;
}

p.bar_text {
	font-size: 16px !important;
	max-width: 100% !important;
}


.bar_news_viewport {
	width: 100% !important;
	margin: 0px !importnat;
	padding: 0px;
	border: 0px;
	/*border-bottom: 1px solid #efefef;*/
	/*background: yellow; */
}

div#bar_wrapper {
	width: 100% !important;
	/*background: blue !important;*/
	border: 0px;
	margin: 0 auto;
}

div.news_bar {
	padding-top:10px;
	width: 33% !important;
	min-width: 10px !important;
	/*background: red;*/
}

div#bar_wrapper:first-child {
	padding-left:8px;
}

a.black_header,a.black_header:hover, a.black_header:visited, p.bar_text{
min-width:10px !important;
}	

.triple_bar {
	width: 194px !important;
	/*height: 500px; /*!important;*/
}

.triple_image {
	width: 100% !important;
	max-width: 100%;
	min-width: 10px;
	display:block !important;
/*	height: 186px !important;*/
}

div.double_bar {
	width: 294px !important;
	height: 500px !important;
}

img.double_image {
	width: 288px !important;
	height: 220px !important;	
	max-width: 100%;
}



}