body {padding-left:13px;color:#222;}
h1,h2,h3 {clear:both;margin-top:10px;margin-bottom:10px;}
h1.top30,h2.top30,h3.top30 {clear:both;padding-top:30px;}

/* 
http://colorscheme.ru/#3B31TrjACw0w0
*/

.yellow {color:#E8981E}
.green {color:#16A975}
.red {color:#E85F1E}
.blue {color:#1F5FA6;}
.deepblue {color:#1F5FA6;}
.grey {color:#898989;}


h1 {color:#E85F1E;margin-top:20px;font-size:150%;}
h2 {font-size:130%;color:#E85F1E;}

h3 {color:#898989;}

span.h1appendix {font-size:0.7em;color:#999;}

div.zavod {clear:left;font-size:130%;font-weight:bold;color:#1F5FA6;margin:30px 0 10px 0;}
div.label_number, h2.label_number {clear:left;margin:30px 0 20px 0;font-size:130%;font-weight:bold;color:#E85F1E;
-moz-border-radius: 20px;
border-radius: 20px;
}






div.cleardiv {clear:both;}
div.rightaligned {width:100%;clear:both;}
div.rightaligned span {margin-left:60%;}



a {color:#1F5FA6;}
a:visited {color:#6d97c5;}
a:hover {color:#E85F1E;}

a.aname {margin-bottom:20px;}

@keyframes linkanimation
{
0%   {width:20px;}
10%   {width:50px;}
20%   {width:40px;}
30%   {width:45px;}
40%   {width:35px;}
50%   {width:40px;}
60%   {width:30px;}
70%   {width:35px;}
100%   {width:20px;}
}



@-webkit-keyframes linkanimation /* Safari and Chrome */
{
0%   {width:20px;}
10%   {width:50px;}
20%   {width:40px;}
30%   {width:45px;}
40%   {width:35px;}
50%   {width:40px;}
60%   {width:30px;}
70%   {width:35px;}
100%   {width:20px;}
}



@keyframes linkanimation2
{
0%   {width:20px;}
10%   {width:50px;background-position:30px 0;}
20%   {width:40px;background-position:20px 0;}
30%   {width:45px;background-position:25px 0;}
40%   {width:35px;background-position:15px 0;}
50%   {width:40px;background-position:20px 0;}
60%   {width:30px;background-position:10px 0;}
70%   {width:35px;background-position:15px 0;}
100%   {width:20px;}
}



@-webkit-keyframes linkanimation2 /* Safari and Chrome */
{
0%   {width:20px;}
10%   {width:50px;background-position:30px 0;}
20%   {width:40px;background-position:20px 0;}
30%   {width:45px;background-position:25px 0;}
40%   {width:35px;background-position:15px 0;}
50%   {width:40px;background-position:20px 0;}
60%   {width:30px;background-position:10px 0;}
70%   {width:35px;background-position:15px 0;}
100%   {width:20px;}
}





@keyframes navanimation
{
0%   {background-position:12px 0;}
10%   {background-position:7px 0;}
20%   {background-position:9px 0;}
30%   {background-position:4px 0;}
40%   {background-position:6px 0;}
50%   {background-position:1px 0;}
60%   {background-position:3px 0;}
100%   {background-position:0 0;}
}

@-webkit-keyframes navanimation /* Safari and Chrome */
{
0%   {background-position:12px 0;}
10%   {background-position:7px 0;}
20%   {background-position:9px 0;}
30%   {background-position:4px 0;}
40%   {background-position:6px 0;}
50%   {background-position:1px 0;}
60%   {background-position:3px 0;}
100%   {background-position:0 0;}
}


@keyframes imganimation
{
0%   {width:101px;height:101px;}
10%   {width:102px;height:102px;}
20%   {width:103px;height:103px;}
30%   {width:104px;height:104px;}
40%   {width:105px;height:105px;}
50%   {width:104px;height:104px;}
60%   {width:103px;height:103px;}
70%   {width:102px;height:102px;}
80%   {width:101px;height:101px;}
100%   {width:100px;height:100px;}
}



@-webkit-keyframes imganimation /* Safari and Chrome */
{
0%   {width:101px;height:101px;}
10%   {width:102px;height:102px;}
20%   {width:103px;height:103px;}
30%   {width:104px;height:104px;}
40%   {width:105px;height:105px;}
50%   {width:104px;height:104px;}
60%   {width:103px;height:103px;}
70%   {width:102px;height:102px;}
80%   {width:101px;height:101px;}
100%   {width:100px;height:100px;}
}



div.single_cell {width:360px;height:120px;float:left;border:#ddd 1px solid;margin:0 19px 20px 0; background-color:#eee;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 6px 6px 5px #999;
}

div.single_cell:hover, div.quadra_cell:hover {background-color:#ffe0b0;border-color:#ffa925;}
a.black_link:hover  div.roundlink, div.quadra_cell:hover  div.roundlink{border-color:#ffa925;
background-color:#fff;
animation: linkanimation 2s;
-webkit-animation: linkanimation 2s; /* Safari and Chrome */
}






div.single_cell img, div.quadra_cell img  {margin:10px 0 10px 15px;float:left;width:100px;height:100px;}
div.single_cell_text_block {width:225px;height:110px;margin:0 5px 0 0;padding:10px 0 5px 10px;float:right;font-size:small;}
div.quadra_cell_text_block {width:255px;height:110px;margin:0 5px 0 0;padding:10px 0 5px 10px;float:right;font-size:small;}


div.quadra_cell {width:738px;height:120px;float:left;border:#ddd 1px solid;margin:0 15px 15px 0; background-color:#eee;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 6px 6px 5px #999;
}


#imglayer
{
   background-color: #000000;
   opacity: .7;
   filter: alpha(opacity=70);
   position: absolute; top: 0; left: 0;
   width: 100%; height: 100%;
   z-index: 10;
   visibility: hidden;
}
#imglayer img {opacity: 1; filter: alpha(opacity=100);}


span.font80 {font-size:80%;}

div.round{width:20px;height:20px;padding:0; background-color:#eee;border:#ddd 1px solid;
-moz-border-radius: 10px;
border-radius: 10px;}

div.band {margin-left:280px;}
div.person{margin-left:150px;}

div.roundlink {width:20px;height:20px;padding:0; 
-moz-border-radius: 10px;
border-radius: 10px;background-color:#fff;}

div.cell_link {display:inline-block;clear:both;float:right;border:#ddd 1px solid;margin:-32px 6px 0 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNpi/P//PwM5gImBTEC2RhZcEvfu3QNRPED8hVQbQYZGArEmqRoZgTgaiDcAcSgQsxGrERTcL4BYDYhrgViblMD5DqW1gLgfiD1g4cJEZKgzA7E9EM8HYke8oYoDSABxKRC/JiceXYH4BLkJoJ6FDE1pQDybiRxNpKZVuCZiNDJj00SMRg5smoiJxylAfACbBECAAQDG8BftU/9A8QAAAABJRU5ErkJggg==) no-repeat #fff;}


a.no_decoration div.cell_link {

margin: 14px -10px 0 0;

/*
position:relative;
right:-15px;
bottom:-25px;
*/
z-index:10;

}

a.black_link, a.black_link:hover {color:#222;}
a.black_link:visited{color:#666;}



div.cell_link:hover div.single_cell_link{
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNpi/P//PwM5gImBTEC2RhZcEk9mc4AoHiD+QqqNIEMjgViTVI2MQBwNxBuAOBSI2YjVCAruF0CsBsS1QKxNSuB8h9JaQNwPxB6wcGEiMtSZgdgeiOcDsSPeUMUBJIC4FIhfkxOPrkB8gtwEUM9ChqY0IJ7NRI4mUtMqXBMxGpmxaSJGIwc2TcTE4xQgPoBNAiDAAE0YFtpuaY8BAAAAAElFTkSuQmCC);
}



span.link {display:block;width:13px;height:13px;margin:0 5px 0 0;}
span.up {background-image:url('/files/gr/design/link.gif');}





a.mediablock {display:block;text-decoration:none;clear:left;margin:20px 0 0 0;width:343px;font-size:130%;font-weight:bold;padding:16px;background-color:#1f5fa6;color:#fff;border:#1f5fa6 1px solid;
-moz-border-radius: 20px;
border-radius: 20px;
}

a.titleblock {display:block;text-decoration:none;clear:left;margin:30px 0 0 0;width:720px;font-weight:bold;padding:16px; background-color:#E8981E;color:#fff;border:#E8981E 1px solid;
-moz-border-radius: 20px;
border-radius: 20px;
}


a.mediablock span {padding:2px 15px 5px 15px;border:#1f5fa6 1px solid; -moz-border-radius: 12px;border-radius: 12px;}
a.mediablock:hover span {color:#1f5fa6;background-color:#fff;}

a.titleblock span {padding:2px 15px 5px 15px;border:#E8981E 1px solid; -moz-border-radius: 12px;border-radius: 12px;}
a.titleblock:hover span {color:#E8981E;background-color:#fff;}


a.mediablock:hover {color:#1f5fa6;background-color:#a8c7ea;}
a.titleblock:hover {color:#E8981E;background-color:#ffe0b0;}

a.mediablock div {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNpi/P//PwM5gImBTEC2RhZcEioJy0EUDxB/IdVGkKGRQKxJqkZGII4G4g1AHArEbMRqBAX3CyBWA+JaINYmJXC+Q2ktIO4HYg9YuDARGerMQGwPxPOB2BFvqOIAEkBcCsSvyYlHVyA+QW4CqGchQ1MaEM9mIkcTqWkVrokYjczYNBGjkQObJmLicQoQH8AmARBgACG+Fn7WcVqnAAAAAElFTkSuQmCC) no-repeat #fff;border:#1f5fa6 1px solid;}
a.titleblock div {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNpi/P//PwM5gImBTEC2RhZcEk9mc4AoHiD+QqqNIEMjgViTVI2MQBwNxBuAOBSI2YjVCAruF0CsBsS1QKxNSuB8h9JaQNwPxB6wcGEiMtSZgdgeiOcDsSPeUMUBJIC4FIhfkxOPrkB8gtwEUM9ChqY0IJ7NRI4mUtMqXBMxGpmxaSJGIwc2TcTE4xQgPoBNAiDAAE0YFtpuaY8BAAAAAElFTkSuQmCC) no-repeat #fff;border:#E8981E 1px solid;}



/*
div.arrow_blue {background:url(/files/gr/design/arrow_blue.png) no-repeat #fff;}
div.arrow_yellow {background:url(/files/gr/design/arrow_yellow.png) no-repeat #fff;}

a.width343 {width:343px;}
a.width720 {width:720px;}
*/

a.no_decoration:hover div.roundlink{
animation: linkanimation 2s;
-webkit-animation: linkanimation 2s; /* Safari and Chrome */}



div.top {height:20px;width:1000px;background-color:#fff;}

div.nav{float:left;margin:0 30px 10px 0;height:35px;width:718px;padding:6px 10px 14px 10px;border:#276bb6 1px solid;background-color:#a8c7ea;
-moz-border-radius: 20px;
border-radius: 20px;
}

div.footer{height:230px;}

#top {width:720px;background-color:#fff;margin:20px 0 -20px 0;padding:0;}
#top1 {margin:15px 0 0 10px;float:left;}
#top1 a {margin-right:15px;}
#top2 {color:#fff; font-weight:bold;font-size:2em;float:right;margin:10px 20px 0 5px;}
#top3 {clear:both;margin:0;float:left;}

#addthis {margin:18px 0 0 20px;float:left;}


span.textshadow {text-shadow: 2px 1px 8px #E85F1E;}



a.navlink {float:left;margin:5px 10px; padding:2px 15px 5px 15px; 
border:#1f5fa6 1px solid; color:#fff;text-decoration:none;
-moz-border-radius: 12px;
border-radius: 12px; background-color:#276bb6 ;
box-shadow: 4px 4px 4px #999;
}




a.navlink:hover, a.current{color:#1f5fa6;background-color:#fff;
box-shadow: none;
margin:9px 6px 1px 14px;
}

div.lan {position:absolute; top:15px; left:730px; color:#1F5FA6;}

div.ru0 {background:url(/files/gr/design/ru.gif) no-repeat #fff;}
div.en0 {background:url(/files/gr/design/en.gif) no-repeat #fff;}

#apatrid0{float:left;margin-top:10px;height:35px;width:240px;padding:6px 10px 14px 10px;border:#ddd 1px solid;background-color:#E85F1E; color:#fff;
-moz-border-radius: 20px;
border-radius: 20px;
}






a.bold  {font-weight:bold;color:#666;}
span.red {color:#E85F1E;}
div.cleared {clear:left;}

ul.persons_list, div.persons_list {max-width:1500px;}
ul.persons_list li {width:220px;float:left}
ul.bands_list li {width:500px;float:left; margin-right:30px}
ul.songs_list li {width:300px;float:left; margin-right:30px}

div.article_ad {width:46%;padding:10px;float:left;}

div.article_text {max-width:1040px;text-align:justify;float:left;margin-right:30px;}
div.article_text h1{text-align:left;font-size:150%;}


#slogan {float:left;height:35px;color:#999;font-family:arial;line-height:90%;}


@media screen and (max-width: 768px) {
div.article_ad {width:auto;}
}


@media screen and (max-width: 1160px) {
#slogan  { width: 0px; display:none;}
}

@media screen and (min-width: 1150px) {
#slogan  { width: 280px; }
}

@media screen and (min-width: 1200px) {
div.article_ad {width:48	%;}
}

@media screen and (min-width: 1600px) {
div.article_ad {width:30%;}
}

#sublink_person_line {width:1px;height:20px;margin: -10px 0 0 294px;background-color:#1f5fa6}
#sublink_person {clear:left;margin: -12px 0 30px 264px;padding:0;}

#sublink_band_line {width:1px;height:20px;margin: -10px 0 0 158px;background-color:#1f5fa6}
#sublink_band {margin: -10px 0 30px 128px;padding:0;}

div.song {max-width:1200px;text-align:left;}
div.songleftcol {width:740px;float:left;}
div.songrightcol {float:left;max-width:740px;margin: 25px 0 0 0px;}

div.imgblock1page {float:left;}
div.imgblock1page img {margin:2px;}

iframe {float:left;margin:5px 10px 5px 0;}

div.cntrdiv{float:right;margin:3px 10px 3px 0; padding:2px 15px 2px 15px; 
border:#999 1px solid; color:#fff;text-decoration:none;
-moz-border-radius: 12px;
border-radius: 12px;
box-shadow: 4px 4px 4px #999;
}

div.rambler{ background-color:#e4e6e4;}
div.hotlog{ background-color:#fce8cc;}
div.liveint{ background-color:#fbd1b3;}
div.openstat{ background-color:#c3c3c3;}


/*
http://nicolasgallagher.com/pure-css-gui-icons/
*/


#outer
{
  width: 100%; height: 100%;
}
div.overlay
{
   background-color: #000;
   opacity: .7;
   filter: alpha(opacity=70);
   position: fixed; top: 0; left: 0;
   width: 100%; height: 100%;
   z-index: 10;
}
img.overlayimg
{
  position: absolute;
  z-index: 11;
  left: 50px;
  top: 50px;
}

div.rsswrapper {width:50px;padding:3px;}
div.rss a {color:#fff;text-decoration:none;}
div.rss {width:20px;border:1px solid #E85F1E;margin:0 3px 3px 0;padding:1px 10px 3px 10px;color:#fff;background-color:#E85F1E;
text-align:center;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: 3px 2px 2px #999;}

div.rss:hover a {color:#E85F1E;}
div.rss:hover{
background-color:#fff;
border-color:E85F1E;
box-shadow: none;
margin:3px 0 0 3px;
}