﻿/*Общее*/
body { margin: 0; padding: 0; font: 19px Arial, 'sans-serif';  color: #023f5e;}
 
 h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; margin-bottom: 20px;}
 h1 {font-size: 18px; text-transform: uppercase; font-weight: 600;}
 
.clear { clear: left; }


/*Фоны*/
.background { width: 100%; }

.first {
background: url("../images/header_backg.png") center top no-repeat #024060;
border-bottom: 11px solid #ff8400; }

.second {background: rgb(196,241,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  rgba(196,241,255,1) 0%, rgba(253,225,186,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,241,255,1)), color-stop(100%,rgba(253,225,186,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(196,241,255,1) 0%,rgba(253,225,186,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(196,241,255,1) 0%,rgba(253,225,186,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(196,241,255,1) 0%,rgba(253,225,186,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(196,241,255,1) 0%,rgba(253,225,186,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4f1ff', endColorstr='#fde1ba',GradientType=0 ); /* IE6-8 */}

.third 
{
	background: url("../images/footer_bg.PNG") center top no-repeat #fde1ba;
    border-bottom: 4px solid #ff8400;
    
    height: 297px;
}

.four { background: url("../images/pr_bg.png") center top repeat /*#fff*/; display: inline-block; padding-top: 5px; }
.four img { padding: 10px 0;}

.five { background: url('../images/footer.png') center top repeat-x  #024060; min-height: 140px; }

header { position: absolute; background: url(../images/header-bg.jpg) top no-repeat; font-family: 'Myriad Pro'; height: 325px;}


.logo img { position: relative; top: 35px; }
.logo p { position: relative; top: 25px; color:#ffffff; text-transform: uppercase; font-size: 19px; }
.social { text-align:center; vertical-align: bottom; margin: 250px 0 0 0;}
.share a img { display: inline-block;  }
.share a { text-decoration: none; margin: 0 4px; }
.share { padding-bottom: 10px; }
.ya-poisk { padding-bottom: 10px; }

.menu ul { list-style: none inside none; margin: 20px 0; padding: 0; }
.menu li { display: inline; padding: 3px 5px; line-height: 16px; font-size: 14px; }
.menu a { text-transform:uppercase; text-decoration: none; color: #000000; font-size: 14px; }
.menu li.active { color: #ffffff; background-color: #ff8400; border: 1px solid #ff8400;}

.top-menu {margin-bottom: 40px;}
/*Боковое меню*/

.sidebar-menu ul { margin: 0; padding: 0; }
.sidebar-menu li { background-color: #023f5e; list-style: none inside none; margin: 4px 0; padding: 4px 0;}
.sidebar-menu li:first-child { margin: 0; }
.sidebar-menu a { text-transform:uppercase; text-decoration: none; color: #fff;  font-size: 15px; padding: 6px 8px; }
.sidebar-menu li.active {background: #006395;}
.sidebar-menu li.active > a { color: #fff; }

/*Выпадающее меню*/

ul.submenu { margin: 0; padding: 0; background: transparent; list-style: none; line-height: 1.0;  }
.submenu li{ background-color: #035a85; margin: 4px 0; padding: 4px 0; width: 235px;}
.submenu li.active { color: #023f5e; background-color: #fff; }

  .submenu ul {
  position: absolute;
  top: -999em;
  width: 10em; 
  }
  .submenu ul li {
  width: 100%;
  }
  .submenu li:hover {
  visibility: inherit; 
  }
  .submenu li {
  float:  left;
  position: relative;
  }
  .submenu a {
  display: block;
  position: relative;
  }
  .submenu li:hover ul,
  .submenu li.sfHover ul {
  left:  0;
  top:  2.5em;
  z-index: 99;
  }
  ul.submenu li:hover li ul,
  ul.submenu li.sfHover li ul {
  top: -999em;
  }


.banner { width: 100%; }
.banner a img { display: block; }

/*Контент*/

.content { margin: 0; padding:0; }
.page-item { margin-bottom: 5px; }
.page-item a { display: block; text-decoration: none; color: #023f5e; font-size: 10px; text-transform: uppercase; text-align: right; padding: 4px 10px 4px 0; font-weight: bolder; }

.item { background-color: #fff; }
.item img {  border-right: 1px solid #daf6fe; margin-right: 10px; float: left; }
.item h4  > a { font-size: 14px; text-transform: uppercase; color: #023f5e; line-height: normal; text-decoration: none; text-align: left; }
.item time { color: #8593b5; font-size: 14px; }
.item p { font-size: 13px;  text-align: justify;}

.text { margin: 0; padding: 0 15px; }
.text a { font-size: 14px; text-transform: uppercase; color: #023f5e; line-height: normal; text-decoration: none; text-align: left; }
.text h1 { font-size: 14px; text-transform: uppercase; color: #023f5e; line-height: normal; padding: 15px 0;  }
.text time { color: #8593b5; font-size: 14px; }
.text p { font-size: 13px;  text-align: justify;}



.line { border-bottom: 3px solid #023f5e; outline: 1px solid #678c9e; }

 

#all-news { display: block; text-decoration: none; color: #023f5e; font-size: 10px; text-transform: uppercase; text-align: right; padding: 4px 0; font-weight: bolder; }



/*Фото и видео*/

.all_photo { margin-top: 20px; }
.all_photo a { text-transform: uppercase; color: #023f5e; font-size: 10px; text-decoration: none; display: block; text-align: right; font-weight: bolder; margin-top: 10px; }
.all_photo img{ width: 100%; margin: 10px 0; }


.photo-video { float: left; margin: 10px 0  0 ;  }
.photo-video img:first-child { margin-left: 10px;  }
.photo-video  p { padding-left: 15px; margin: 0; text-transform: uppercase; }


 
/*Партнеры*/

.part-photo { float: left; margin-top: 20px;}
.part-photo img:first-child { margin-left: 10px;  }
.part-photo p { padding-left: 10px; margin: 0; }

.parthers { text-transform: uppercase; color: #fff; background-color: #023f5e; font: 36px 'Open Sans'; text-align: center; padding: 0; margin: 0; position: relative; top: 212px; }



/*Футер*/
footer { border-top: 11px solid #ff8400;}

footer ul { list-style: none inside none; margin: 0; padding: 40px 0 0 0; }
footer li { width: 33%; float: left; }
footer a { text-decoration: none; text-transform: uppercase; font: 12px 'Open Sans'; color: #fff; }


/*Копирайты*/
#ecce { margin-top: 55px; }
#st { margin-top: 45px; }


/*Таблица спортсменов*/
.sportment-table p { text-transform: uppercase; font-size: 16px;}
.sportment-table table { width: 100%; border-collapse: collapse; text-align: center;  font-size: 15px; }
.sportment-table thead { background-color: #bfd5e0; font-size: 15px; padding: 5px 0; }


.sportment-table tbody { background-color: #fff; font-size: 15px; }
.sportment-table td img { width: 65px; }
.name { text-align: left; color: #023f5e; }
.name a { color: #023f5e; text-decoration: none; }
.sportment-table span { text-transform: uppercase; font-weight: 600; }
.sportment-table td { border-right: 2px solid #567f94;}

/*Календарь*/

.calendar_event { text-transform: uppercase; color: #023f5e; font-size: 14px; text-align: center; margin: 5px 0; margin-top: -20px;}

.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th { margin: 0; padding: 0;}

.ui-datepicker { display: none; cursor: default; text-transform: uppercase; font-family: Tahoma; font-size: 12px;  }

.ui-datepicker table { width: 100%; border-collapse: collapse; background-color: #fff; }

.ui-datepicker-header { margin-bottom: 8px; position: relative; }
 
.ui-datepicker-title { padding: 5px 0; background-color: #023f5e; color: #fff; text-align: center; }
 
.ui-datepicker-month { position: relative; }
 
.ui-datepicker-year { padding-left: 4px; }

.ui-datepicker-month:before {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 5px;
    height: 5px;
    content: '';
 
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top: -2px;
    padding: 10px;
    cursor: pointer;
}
 
.ui-datepicker-prev { left: 0; padding-left: 12px; }
 
.ui-datepicker-next { right: 0; padding-right: 12px; }
 
.ui-datepicker-prev span,
.ui-datepicker-next span{
    display: block;
    width: 7px;
    height: 9px;
    text-indent: -9999px;
 
    background-image: url('../images/arrows.png');
}
 
.ui-datepicker-prev span { background-position: 0px 0px; }
 
.ui-datepicker-next span { background-position: -7px 0px; }
 
.ui-datepicker-calendar th {
    
    text-align: right;
    font-weight: normal;
    color: #023f5e;
    border-bottom: 1px solid #023f5e; 
    border-right: 1px solid #023f5e; 
    border-top: 1px solid #023f5e;
}
.ui-datepicker-calendar td {
 
    text-align: right;
    line-height: 13px;
    border-bottom: 1px solid #023f5e;
    border-right: 1px solid #023f5e;
}

.ui-datepicker-calendar td, th:first-child { border-left: 1px solid #023f5e; }
 
.ui-datepicker-calendar .ui-state-default {display: block; outline: none; text-decoration: none; color:  #023f5e; }

.ui-datepicker-calendar .ui-state-active { background-color: #ff8400; color: #023f5e;}
 
.ui-datepicker-other-month .ui-state-default { color: #000; }


/*Страница новостей*/

.column { float: left; width: 360px; margin: 0 5px; display: block; }
.paggination { text-align: center; }
.paggination a { text-decoration: none; color: #023f5e; font-size: 15px; text-transform: lowercase;  padding: 4px 0; }
.paggination a.active { color: #ff8400; }

.news-content-item {padding: 0 10px 1px 10px;}

#partners-list {}
#partners-list .partner-item {width: 30%; margin: 0 1.5% 1.5% 1.5%; float:left;}
#partners-list .partner-item img {width: 100%;}

.page-content-block {background: #fff; padding: 5px; border-bottom: 3px solid #023f5e; outline: 1px solid #678c9e; font-size: 13px;}

.person-item-list {}
.person-item-list .person-item { width: 45%; margin: 0 1% 25px 1%; float:left;}

.page-content-block table {width: 100%; text-align: center; border-color:#567f94;}
.page-content-block table th {text-align: center; background: #bfd5e0;}
.page-content-block table tr th,
.page-content-block table tr td {border-left: 1px solid #567f94;}
.page-content-block table tr th:first-child,
.page-content-block table tr td:first-child {border-left:none;}

th#dist { position: relative; background: url('../images/ugol.png') no-repeat 95% center #bfd5e0; padding-right: 20px; width: 20%;}
th#dist ul {list-style: none; position: absolute; top:34px; margin:0; padding:0; background: #bfd5e0; width: 147px; padding-bottom: 8px; display: none;}
th#dist:hover ul {display: block;}
th#dist ul li {cursor: pointer; font-weight: normal; z-index: 99; margin-bottom: 7px; padding: 0; }


th#sbor { position: relative; background: url('../images/ugol.png') no-repeat 95% center #bfd5e0; padding-right: 20px; }
th#sbor ul {list-style: none; position: absolute; top:34px; margin:0; padding:0; background: #bfd5e0; width: inherit; padding-bottom: 8px; display: none;}
th#sbor:hover ul {display: block;}
th#sbor ul li {cursor: pointer; font-weight: normal; z-index: 99; margin-bottom: 7px;}


.ui-datepicker-calendar a.active {font-weight: bold; background: #bfd5e0;}

.photoalbums {}
.photoalbums .album {overflow: hidden; margin-top: 50px;}
.photoalbums .album .header-album {text-align: center;}
.photoalbums .album .header-album a {text-decoration: none; color:#ff8400;}
.photoalbums .album .image {width: 30%; margin: 5px 1.5%; float:left;}
.photoalbums .album .image .iheader {display: none;}
.photoalbums .album .image .idate {display: none;}

.link-video {text-align: center; margin-top: 40px;}
.link-video a { text-decoration: none; text-transform: uppercase; color:#023f5e;}

/*Руководство*/
.person-name { font-size: 15px; font-weight: bold; }

/*Яндекс.Поиск*/
.ya-page_js_yes .ya-site-form_inited_no { display: none; }

/*Пагинация*/
.numpages ul { text-align: center; }
.numpages ul li { list-style-type: none; font-size: 16px; display: inline; }
.numpages ul li a { text-decoration: none; color: #023f5e; }
















