body { background: #FFFFFF; color: #000000; margin: 0px } 
.container { width: 1024px;	height: auto; margin: 20px auto; font: 12px Helvetica, Arial, sans-serif } 
.box1{ border-radius: 5px; border:1px #cccccc solid; padding:8px; margin-bottom:5px }
.box1 h1 { font: 22px Arial, sans-serif; color:#6769B9; font-weight: bold  }
.box1 a { color: #404040; padding: 1px 2px; text-decoration: none; font-weight: bold  } 
.box1 a:hover { color: #6769B9  } 
.box2{	border:1px #cccccc solid; padding:8px; 	margin-bottom:5px }
.logo  { width: 270px;	height:90px; float: left }
.topads { width:728px; height: 90px; float: right } 
.esnekads { max-width: 350px; min-height: 250; margin:auto }   
.ustmenu { width: 1024px; height: 40px; float: left; margin: 10px 0 auto; border-top: 5px solid #FFA201; padding: 0 }
.ustmenu ul { margin:0; padding:0; list-style: none }
.ustmenu ul li { float: left; position: relative; z-index: 2 }
.ustmenu ul li a { display: block; font: 12px/22px Helvetica, Arial, sans-serif; color: white; text-decoration: none; margin: 0 2px 0 0;  padding: 5px 7px; background-color: #212121; border-top: 1px solid white } 
.ustmenu ul li a:hover { background-color: #FFA201; color: white } 
.ustmenu #current a{ background-color: #FFA201 } 
.openmenu {	background-color: #212121; padding: 10px; color: #fff; font-weight: bold; cursor: pointer; display: none} 
.leftblok  { width: 300px;	height: auto; float: left; margin: 10px 10px 0  0 }
.social { height:45px; background:#fff; margin-left:10px }
.social ul	 { margin:0; padding:0; list-style: none }
.social ul li { float: left }
.social ul li a { padding: 0px 1px } 
.social img { width:45px} 
.facebook { background:#fff; padding:10px 0px }
.sarki {  margin: 5px 10px  0 0  } 
.sarki a { color: #212121; padding: 3px; text-decoration: none; font-weight: bold } 
.sarki a:hover { color: #FFA201 } 
.m_ads  { height:150px; margin: 0 10px 0  0; background:#fff } 
.box_title { background: url("/themes/2017/images/blok_bg_r.gif"); width: 300px; height:24px; color: #FFFFFF; font-weight: bold; font: 12px Verdana; padding:1px} 
.box_title_c { background: url("/themes/2017/images/blok_bg_r.gif"); height:24px; color: #FFFFFF; font-weight: bold; font: 12px Verdana; padding:1px}   
.content  { width: 710px; height: auto;  float: left; margin: 5px 0 3px 3px }
.content_home  { width: 473px;	height: auto; float: left; margin: 6px 0 0 0 }
.konser {width:100%; height:auto; float:left; }
.konser1 { width:49%; float:left; display:block; border-radius: 5px; border: 1px solid #E7E7E7; border-right: 1px dotted #E7E7E7; margin-top:2px; padding:1px 1px }	
.konser1 img { width:230px }
.konser2 { width:49%; float:right; display:block; border-radius: 5px; border: 1px solid #E7E7E7; border-left: 1px dotted #E7E7E7; margin-top:2px; padding:1px 1px   }
.konser2 img { width:230px }
.numbertop { margin: 0 10px 0  0  }
.numbertop h1 { font: 22px Arial, sans-serif; color:#6769B9; font-weight: bold; text-align:center }
.numbertop a { font: 9px; color:#808080   }	
.numbertop a:hover { color:#C0C0C0; font: 9px   }	
.numberbottom { margin: 0 10px 0  0  }
.numberbottom a { font: 9px; color:#808080   }	
.numberbottom a:hover { color:#C0C0C0; font: 9px   }
.sections { width:95%   }
.sections ul li { margin-left:0  }	
.story  { border-radius: 5px; border: 1px solid #ddd; background:#fff	  }
.story a { color: #212121; padding: 1px 2px; text-decoration: none; font-weight: bold	  }
.story a:hover { color: #6769B9  } 
.tiny { padding: 1px 5px; color: #C0C0C0; font-size:9px; text-align:right } 
.tiny a { color: #6769B9; font-size:10px; text-align:right }
.article  { border-radius: 5px; border: 1px solid #ddd; background:#fff; height:auto  } 
.article a { color: #212121; padding: 1px 2px; text-decoration: none; font-weight: bold	  }
.article a:hover { color: #6769B9  }
.articletiny { padding: 1px 15px; color: #C0C0C0; font-size:9px; text-align:right }  
.rightblok  { width: 225px;	height: auto; float: right; margin: 0 0 0 1px }	
.rightblok2  { width: 225px; height: auto; float: right; margin: 1px 0 0 1px } 
.rightnew { display: block; width:100%; height:auto; padding:8px 0 10px 0 }
.rightnew img { border:0 } 
.album {width:100px } 
.more {width:30px } 
.footer { width: 100%; background-color: #212121; float:left; font: 11px Verdana }  
.footer_container{ width:1024px; height: auto;  margin: 20px auto }	
.footer_container ul{ margin:5px; padding:10px; list-style: none }	
.footer_container ul li { float:none; font: 12px/20px Helvetica, Arial, sans-serif }
.footer_container ul li a { color: #404040; text-decoration: none } 
.footer_container ul li a:hover { color: #FFA201 }
.footerbox1 { width:40%; height:auto; margin:10px 10px; float:left; border-radius: 5px; border: 2px dotted #404040; border-left: 5px solid #FFA201; border-right: 5px solid #FFA201 }
.footerbox2 {width:50%; height:auto; margin:10px 10px; color:#808080; float:right; border-radius: 5px; border: 2px dotted #404040; border-bottom: 5px solid #FFA201 }
.footerbox2 ul li { float:left; padding:2px; margin: 5px auto }
.footerbox2 a { color:#808080; text-decoration: none }
.footerbox2 img { width:50px} 
.online { font: 9px Verdana; color:#404040; margin:10px auto } 




  
@media (max-width: 480px) {

.container { width: 100%; height: auto; margin: 5px auto}
.box1 {	width: 90%; height: auto; margin:3px auto }
.logo  { width: 270px; height: 82px; margin: 5px 5px 2px 35px }
.topads { display: none } 
.openmenu { display: block; height:auto; font-size: 16px } 
.ustmenu { width: 100%; font-size: 16px }
.ustmenu ul { display: none }	
.ustmenu ul li { float: none }
.ustmenu ul li a { border-top: none; border-bottom: 1px solid #555; padding: 5px 10px; font-size: 15px }	
.social	{ width:350px; margin-left: 15px} 
.social img {width:40px } 
.social ul li a { padding: 3px 5px }	
.facebook { display: none } 
.sarki { display: none } 
.m_ads { display: none } 
.content  { width: 100%; margin:5px 5px 0 0; font-size: 15px}	
.content_home  { width: 100% }
.konser  { width:90%; display: block; height:auto; font-size: 16px }
.box_title_c { width:350px; margin: 2px	} 	
.konser1  { width:350px; float: none; margin:3px; text-align:center } 
.konser1 img { width:350px }
.konser2  { width:350px; float: none; margin:3px; text-align:center }	
.konser2 img { width:350px }
#page-wrap { display: none}
.numbertop  { display: none }	
.rightblok  {width:98%; float: none; margin-left:3px; font-size: 16px }
.rightnew {width:350px; border:none }
.album {width:175px }
.article { width: 95%;  margin:5px 5px  }
.sections { width:90%; border:2px solid #ccc   }
.sections img { width:25px   }
.sections ul li { margin:0   }		
.story { width: 95%;  margin:5px 5px  }
.footer { width:100%; height:auto; margin:0 }
.footer_container  { width:99%;  }
.footerbox1 {width:93%; margin:10px 5px }	
.footerbox1 ul li {	font-size: 14px	}
.footerbox2 {width:93%; margin:10px 5px   }
.footerbox2 img { width:30px} 
} 



@media (max-width: 768px) {

.container { width: 100%; height: auto; margin: 5px auto; font: 13px Helvetica, Arial, sans-serif }
.box1 {	width: 90%; height: auto; margin:3px auto }
.logo  {width: 270px; height: 82px; margin: margin: 5px auto }
.topads { width: 320px; max-height: 90px; margin: 5px auto } 
.openmenu { display: block; height:auto } 
.ustmenu { width: 100% }
.ustmenu ul { display: none }	
.ustmenu ul li { float: none }
.ustmenu ul li a { border-top: none; border-bottom: 1px solid #555; padding: 5px 10px }	
.social	{ padding:3px 8px} 
.social img {width:40px }
.facebook { display: none } 
.sarki { display: none } 
.m_ads { display: none } 
.content  { width: 100%; margin:5px 5px 0 0}	
.content_home  { float:left }	 
.konser  { width:100%; display: block }	
.konser1  { display: block }	
.konser2  {  display: block }	
#page-wrap { display: blok; margin:5px auto}
.numbertop  { display: none }	
.rightblok  {width:100%; float: none } 
.rightblok2  {display: none } 
.article { width: 95%; min-height: 450px; margin:5px 5px  }
.sections { width:95%;    }
.sections img { width:30px   }
.sections ul li { margin:0   }		
.story { width: 95%;  margin:5px 5px  }
.footer { width:100%; height:auto; min-height: 350px }
.footer_container  { width:100%;  }	
.footer_container ul li a { color: #808080 }
.footerbox1 {float:left;  margin:10px 5px; min-height: 225px   }	
.footerbox2 {float:left; margin:10px 5px;  min-height: 225px  }
.footerbox2 img { width:35px}  

}