@CHARSET "UTF-8";
body {		  
  font-family: Trebuchet MS, sans-serif;
  margin: 0px;	    	
  background-image: url("/public/images/site/body_bgr.jpg");
  background-position: center top;
  background-color: #135028;
  background-repeat: no-repeat;  
  background-size: cover;
}

img {
	border: 0px;
}

a
{
  outline: none;
}

:focus
{
  outline-style: none;
  -moz-outline-style: none;
}

.clear {
	clear: both;
}

.site {
  width: 1013px;
  min-height: 400px;
  padding: 0px 0px 20px 35px;
  margin: 0px auto auto auto;
  background-image: url("/public/images/site/site_bgr.png");
  background-position: left top;
  background-repeat: repeat-y;   
}

.red {
  color: #cd3333;
}

.tab {
  font-size: 14px;
  border-bottom: 5px solid #135027;
}

.green_line {
  font-size: 14px;
  border-bottom: 1px solid #135027;
}

/**************** HEADER ****************/
#header {
  width: 980px;
  height: 111px;
  background: url("/public/images/site/header_bgr.png") left top no-repeat;
}

#header .logo {
  width: 278px;
  height: 56px;
  position: absolute;
  display: block;
  background: url("/public/images/site/logo.png") left top no-repeat;
  margin: 16px 0px 0px 20px;
  padding: 8px 0px 0px 86px;
  font-size: 22px;
  line-height: 24px;
  color: #000;
  text-decoration: none;
}

/**************** END HEADER ****************/

/**************** MENU ****************/
.menu {
  width: 980px;
  height: 24px;
  padding-top: 2px;
  border-top: 1px solid #135027;
  border-bottom: 5px solid #cd3333;
}

.menu ul {
  margin: 0px;
  padding: 0px;
}

.menu li {
  float: left;
  list-style-type: none;
  margin-right: 12px;
}

.menu li a {
   font-size: 13px;
   font-weight: bold;
   color: #000;
   text-decoration: none;
}

/**************** END MENU ****************/

/**************** CONTENT ****************/
#content {
 width: 980px;
 min-height: 500px; 
 padding: 14px 0px; 
 background-color: #fff;
}

#content .home .photos {
 width: 660px;
 height: 480px;
 background-color: #135027;
 float: left;
 overflow: hidden;
 text-align: center;
}

#content .home .right_part {
  width: 300px;
  min-height: 480px;
  margin-left: 678px;  
}

#content .home .right_part .upcomming {  
  font-size: 12px;
  color: #000;
  padding-bottom: 7px;
  border-bottom: 5px solid #135027;  
}

#content .home .right_part .upcomming p {
	margin: 0px;
}

#content .home .right_part .upcomming a {
  margin: 5px 0px 0px 0px;
  color: #cd3333;  
  display: block;
  text-decoration: none;
}

#content .home .right_part .upcomming a:hover {
  text-decoration: underline; 
}

#content .home .right_part .upcomming img {
  float: left;
  margin: 6px 6px 6px 0px;
}

#content .home .right_part .video {
  padding: 8px 0px;
  font-size: 12px;
  color: #000;
  border-bottom: 5px solid #135027;
}

#content .home .academy {
  width: 320px;
  min-height: 100px;
  font-size: 12px;
  float: left;	
  margin-right: 20px;
}

#content .home .fb {
  width: 300px;
  min-height: 100px;
  margin-left: 678px;  
}

/**************** LEFT PART ****************/
#content #left_part {
  width: 300px;
  min-height: 100px;
  float: left;
}

#content #left_part .left_menu {
  width: 300px;
  min-height: 40px;
  border-bottom: 5px solid #135027;
  background: url("/public/images/site/left_menu_bgr.png") left top;
}

#content #left_part .left_menu ul {
  margin: 0px;
  padding: 0px;
}

#content #left_part .left_menu li {
  list-style-type: none;
  text-align: right;
  background: url("/public/images/site/li_bgr.png") left top repeat-y;
}

#content #left_part .left_menu li a {
  width: 290px;
  height: 26px;
  padding: 10px 10px 0px 0px;
  display: block;
  font-size: 13px;
  color: #000;
  text-decoration: none;
}

#content #left_part .left_menu li a:hover, #content #left_part .left_menu .sel a {
   color: #fff;   
   background-color: #cd3333;
}

#content #left_part .contacts {
  width: 300px;
  min-height: 102px;
  border-bottom: 5px solid #135027;  
  font-size: 12px;
}

/**************** END LEFT PART ****************/

#content .middle {
  width: 660px;
  min-height: 520px;
  margin-left: 320px;
  font-size: 12px;
}

#content .middle_news, #content .middle_text {
  width: 660px;
  min-height: 520px;  
  font-size: 12px;  
}

#content .middle .tab, #content .middle_text .tab {
  font-size: 14px;
  border-bottom: 5px solid #ccc;
}

#content .middle ul {
  margin: 0px;
  padding: 0px;
}

#content .middle .photos_list li {
  width: 200px;
  height: 180px;
  float: left;
  list-style-type: none;
  padding: 14px 0px 18px 0px;
  border-bottom: 5px solid #135027;
}

#content .middle .photos_list li img {
  margin-bottom: 6px;
}

#content .middle li a {
  text-decoration: none;
}

#content .middle .photos_list .li_pl, #content .middle .view .li_pl { 
 margin-left: 30px;
}

#content .middle .description {
  padding: 10px 0px;
  font-size: 12px;
}

#content .middle .view li {
	float: left;
	list-style-type: none;
	width: 100px;
	height: 66px;
	border: 0px;
	padding: 14px 0px 18px 0px;
}

#content .middle .back {
   width: 100%;
   height: 1px;
   padding: 6px 0px 20px 0px;
   border-top: 1px solid #135027;
}

#content .middle .back a {
  font-weight: bold;
  color: #cd3333;
  text-decoration: none;
}

#content .middle .back a:hover {
  text-decoration: underline;
}

#content .middle .video_list li {
  width: 320px;
  height: 292px;
  overflow: hidden;
  float: left;
  list-style-type: none;
  padding: 14px 0px 18px 0px;
  border-bottom: 5px solid #135027;
}

#content .middle .video_list li img {
  margin-bottom: 6px;
}

#content .middle .video_list  li a {
  margin-top: 14px;
  text-decoration: none;
}

#content .middle .video_list  li a:hover {
  text-decoration: underline;  
}
#content .middle .video_list .li_pl { 
  margin-left: 20px;
}

#content .middle_news .news, #content .last_news {
  margin: 0px;
  padding: 0px;
}

#content .middle_news .news li {
	width: 660px;
	float: left;
	margin: 0px 0px 10px 0px;
	list-style-type: none;
}

#content .middle_news .news li img {
	float: left;
	margin: 10px 10px 10px 0px;
}

#content .middle_news .news li .pub_date {
	font-size: 11px;
	margin-top: 10px;
	color: #666;
}

#content .middle_news .news li p {
	margin: 0px;
}

#content .middle_news .news li a {
	color: #cd3333;
}
#content .middle_news .news li a:hover {
	text-decoration: none;
}

#content .last_news li {
	width: 300px;
	float: left;
	margin: 10px 0px 0px 0px;
	list-style-type: none;
	font-size: 11px;
}

#content .last_news li a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}

#content .last_news li a:hover {
  color: #cd3333;
  text-decoration: underline;
}

#content .middle .news_photos {
	width: 240px;
	min-height: 200px;
	margin: 0px 10px 10px 0px;
	float: left;
}

#content .middle .news_photos .thumbs {
  padding-top: 4px;
}

#content .folklor {
  width: 978px;
  min-height: 200px;  
  font-size: 12px;    
}

#content .folklor ul {
  margin: 0px;
  padding: 0px;
}

#content .folklor li {
  float: left;
  list-style-type: none;
  width: 300px;
  min-height: 100px;  
  text-align: center;
  margin-bottom: 40px;
}

#content .folklor li img { border: 0px; }

#content .folklor li a {
   text-decoration: none;
   color: #333;
   font-size: 16px;
   font-weight: bold;
}

#content .folk img {
  float: left;
  margin: 0px 20px 0px 20px;
}

#content .paginationControl {
  margin-top: 20px;
  text-align: right;
  font-size: 12px;
}

#content .paginationControl .links a, #content .paginationControl .links .disabled { 
 color: #cd3333; 
 text-decoration: none;
 margin-right: 2px;
}

#content .paginationControl .links a:hover, #content .paginationControl .links .disabled:hover {
  text-decoration: underline;
}

/**************** END CONTENT ****************/

/**************** FOOTER ****************/
#footer {
 width: 980px; 
 min-height: 20px;
 padding-top: 32px;
 background: url("/public/images/site/otnament.jpg") left top repeat-x;
 font-size: 13px;
 color: #acacac;
}

#footer .red_line {
  height: 5px;
  background-color: #135027;  
}

#footer .green_line {
  height: 5px;
  background-color: #cd3333;
  margin-bottom: 4px;
}

#footer .cr {
  position: absolute;
  margin: 0px 0px 0px 685px;
   color: #000;
}

#footer a {
   color: #000;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

/**************** END FOOTER ****************/