/*@font-face {
    font-family: "Helvetica";
    src: url("fonts/helvetica.ttf");
}

@font-face {
    font-family: "Glasten";
    src: url("fonts/Glasten.ttf");
}*/

@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=latin,cyrillic);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic);

body {
    background: #ececec;
    font-family: Open Sans;
}

p, ul, table{
    color: #1a3672;
    margin: 1em 3em 1em 3em;
    line-height: 1.5;
}

table{
    margin: auto;
    text-align: center;
    border: 0;
}

/*tr:first-child{
    background-color: #3a96e2;
}

tr:first-child td{
    background-color: #3a96e2;
    border-top: 0;
}*/

tr:hover td{
    transition: .3s;
    background-color: #5eaef0;
}

th, td {
    padding: 0 1em;
    border-top: 2px solid #1a3672;
}

.date {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
}


.statmenu img {
    float: left;
    margin: 0px 0px 0px 0px;
}


.statmenu {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    margin:  10px 20px 10px 20px;
    
height: 80px;
}


.date img {
    float: left;
    margin: 10px;
}

iframe {
    margin: 10px 20px 30px 20px;
}

						/*Блок НОВОСТЕЙ*/
.news {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    width: 38%;
    margin: 10px;
    float: left;
}

/*.news img {
    float: left;
    margin: 10px;
}*/


						/*Блок ИГРОКА СЛЕВА*/
.playerleft {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    width: 38%;
    margin: 10px;
    float: left;
}

.playerleft img {
    /*float: left;*/
    margin: 10px;
}

.playerleft h1 {
    text-align: center;

    margin: 10px;

}


p span {
    color: none;
    background-color: rgba(55, 55, 55, 0.26);
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    
}


li.li-bold{
    font-weight: bold;
    padding: 20px 0px 0px 0px;
}

li.li-tab{
    padding: 0px 0px 0px 70px;
}

						/*Блок ВИДЕО*/
.video {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    margin: 10px;    
}

.video h1 {
    text-align: center;
    margin: 10px;
}


						/*Блок ТЕКСТОВАЯ ТРАНСЛЯЦИЯ МАТЧА*/
.textonline {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    margin: 10px;    
}

.textonline img {
    margin: 10px 50px 10px 50px;
}

.textonline h1 {
    text-align: center;
    margin: 10px;
}

.textonline h1.score2 {
    font-size: 50px;
    font-color: rgba(255,0,0,1)
}

.textonline h2 {
    text-align: center;
    
}



                                                 /*Блок ИГРОКА СПРАВА*/
.playerright {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    width: 60%;
    margin: 10px 10px 10px 0;
    float: left;
}

.playerright img {
    float: left;
    margin: 20px;
}


						/*Блок КОМАНДЫ СЛЕВА*/
.teamleft {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    width: 38%;
    margin: 10px;
    float: left;
}

.teamleft img {
    float: left;
    margin: 10px;
}

.teamleft h1 {
    text-align: center;
    font-size: 2em;
    margin: 0px 0px 30px 0px;
}

.teamleft h2 {
    text-align: center;
    font-size: 1.2em;
    padding: 0px !important;
}

.teamleft .teamlogo {
    width: 170px;
    margin: 20px auto;
    display: block;
    float: none;
}

                                                 /*Блок КОМАНДЫ СПРАВА*/
.teamright {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    width: 60%;
    margin: 10px 10px 10px 0;
    float: left;
}

/*.teamright img {
    float: left;
    margin: 20px;
}*/

						/*Блок для следующих событий*/

.nextevent{
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    margin: 0 0 10px 0;
}

.nextevent img {
    margin: 10px;
}

						/*Блок для статистики*/

.stat{
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
}

.stat img {
    margin: 10px;
}

.stat img.img-main-page-team {
    vertical-align: middle;
    margin: 10px 0px 10px 0px !important;
}

						/*Блок для статистики1*/

.statleft{
    text-align: center;
    color: none;
    float: left;
    width: 32%;
}

.statleft img {
    margin: 10px;
}

						/*Блок для статистики2*/

.statright{
    color: none;
   text-align: center;
    float: left;
    width: 32%;
    
}

.statright img {
    margin: 10px;
}

						/*Блок для статистики3*/

.statcenter{
    color: none;
    text-align: center;
    float:left;
    width: 32%;
}

.statcenter img {
    margin: 10px;
}
						/*Блок для статистики*/

.right {
    color: none;
    width: 59%;
    float: right;
    margin: 10px 10px 10px 0;
}

						/*Блок для состава команд1*/

.teamright1{
    text-align: center;
    color: none;
    float: left;
    width: 32%;
}

						/*Блок для состава команд1*/
.teamright2{
    color: none;
    text-align: center;
    float: left;
    width: 32%;
}

						/*Блок для состава команд1*//

.teamright3{
    color: none;
    text-align: center;
    float:left;
    width: 32%;
}
				


a{
    color: #B27604;
    text-decoration: none;
    transition: .2s;
}

a:hover{
    color: #f30;
}

.header{
    margin: auto;
    width: 100%;
    background-color: #fff;
    position : relative;
    color:#3a96e2;
    height : 70px;
}

.logo{
    position : absolute;
    left : 0;
    top : 5px;
    width: 11%;
    margin-left: 1%;
}

.logo img{
    height: 130px;
    margin: 10px;
}

.sitename{
    text-align: center;
    width: 100%;
    position : absolute;
    right : 0;
    top : 0;
    margin-top: 19px;
}


h1{
    font-size: 1.8em;
    color:#000;
    font-weight: 700;
}

h2{
    font-size: 1.2em;
    color:#000;
    font-weight: 700;
    margin-top: 5px;
    text-align: center;
}

.nav{
    margin: auto;
    width: auto;
    text-align: center;
    background-color: #d2d2d2;
    padding: 1%;
}

.nav ul {
    margin: 0;
}

.nav li{
    display: inline;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.nav li.first {
    margin: 0 50px 0 0;
}

.nav li a{
    text-decoration: none;
    color:#333;
    margin: 0;
    padding: 6px;
    font-size: 20px;
    border-radius: 3px;
    font-weight: bold;
}


.nav li a:hover{
    color: #f30;
    font-size: 20px;
}

.nav li a img {
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.nav li img {
    vertical-align: middle;
    margin: 0 6px 0 0;
}
/*.div-team img {
    vertical-align: middle;
    margin: 0 6px 0 0;
}*/

.main {
    margin: auto;
    width: 100%;
    background: #ececec;
    padding: 0;
    display: table;
}

.main img.link {
    vertical-align: middle;
    float: none;
}

.playerPhoto {
    border-radius: 50%;
    width: 200px;
    border: 1px solid;
}



/*картинка для списка*/
.img-list {
    /*float: left;*/
    margin: 10px;
}

.main h2{
    padding: 1em 2em 1em 2em;
    color:#1a3672;
    margin: 0;
    text-align: center;
}

.table-cup tr.head td {
    background: rgba(0,0,0,0.75) !important;
    color: #fff;
    font-weight: bold;
    padding: 0.6em 1em 0.6em 1em;
}
.table-cup td {
    border: 0;
    vertical-align: middle;
}
.table-cup td:first-child {
    text-align: left;
}

.table-cup td img {
    vertical-align: middle;
    padding: 3px 10px 3px 10px;
}
.table-cup tr:hover td{
    transition: .3s;
    background-color: #5eaef0;
}

.table-cup td.highlight {
    background: rgba(169, 218, 252, 0.42);
    font-weight: bold;
}

.table-cup td.td-sel {
    background: rgba(169, 218, 252, 0.42);
}

.table-cup tr.highlight-2 {
    background: rgba(0,0,0,0.07);
}

.table-cup tr.tr-end {
    margin: 10px;
    font-weight: bold;
}

.table-cup td.leftalign {
     text-align: left;
}

.table-cup td.centeralign {
     text-align: center;
}

.table-cup td.rightalign {
     text-align: right;
}

.table-cup tr {
    background: #fff
}

.center {
    text-align: center;
}

.footer{
    margin: 1em auto auto auto;
    background: #d2d2d2;
    padding: 20px 0 0 0;
    text-align: center;
    height: 40px;
}


/* Таблица для ИГР*/

.table-game {
    border: 1px solid;
    padding: 10px;
}

.table-game td,
.table-game tr {
    border: 0;
    padding: 0;
    vertical-align: middle;
    background: none !important;
}

.table-game tr:hover td{
    background: none;
}

.table-game td img {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    width: 50px;
}

.table-game td.team {
    width: 100px;
}

.table-cup td.score {
    font-weight: bold;
    font-size: 20px;
}


/* Таблица для размещения списка команд без границ*/

.table-team td,
.table-team tr {
    border: 0;
    vertical-align: middle;
    background: none !important;
}

.table-team tr:hover td{
    background: none;
}

.table-team td img {
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    width: 100px;
}


/* Таблица для финальных игр */

.table-playoff td, 
.table-playoff td{
    border: 0 !important;
    vertical-align: middle;
    background: none !important;
    padding: 0em;
    border-top: 0;
}

.table-playoff tr:hover td{
    background: none;
}

.table-playoff td img {
    vertical-align: middle;
    margin: 10px 10px 10px 10px;
    width: 50px;
}

.table-playoff td.playoffscore {
    font-weight: bold;
    font-size: 25px;
    width: 100px;
}
.table-playoff td.playoffleft {
    text-align: left;
}
.table-playoff td.playoffright {
    text-align: right;
}

.table-playoff tr.playoffhead td {
    /*background: rgba(0,0,0,0.75) !important;
    color: #fff;*/
    font-size: 17px;
    font-weight: bold;
    padding: 1.6em 1em 0em 1em;
}

.table-playoff tr:first-child{
	background-color: transparent;
}


/* Таблица Шахматка */

.table-cup2 {
    border: 2px solid  !important;
}

.table-cup2 td,
.table-cup2 tr {
    border: 2px solid;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.76) !important;
/*    background: #fff !important;*/
}

.table-cup2 td.constwidth {
    width: 100px;
}

.table-cup2 tr:hover td{
    background: none;
}

.table-cup2 td.highlight {
    background: #5eaef0 !important;
    font-weight: bold;
}


.table-cup2 td.score {
    font-weight: bold;
    font-size: 20px;
}

.table-cup2 td.itog {
    font-weight: bold;
    font-size: 18px;
}

.table-cup2 td img {
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
}

ul li img {
    vertical-align: middle !important;
    margin: 5px !important;
}




@media screen and (max-width:1024px) {
  .header .sitename h1 {
    font-size: 1.5em;
  }
  .header .sitename h2 {
    font-size: 1em;
  }
  table {
    width: 100%;
  }
.news {
    color: none;
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 5px;
    width: 100%;
    margin: 10px;
    float: left;
}
.right {
    color: none;
    width: 100%;
    float: left;
    margin: 0px 10px 10px 10px;
}
}

/** PlayOff **/
.div-playoff {
    margin: 0 auto;
    display: table;
}
main{
  display:flex;
  flex-direction:row;
}
.round{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:auto;
  list-style:none;
  padding:0;
}
.round .spacer{ flex-grow:1; }
.round .spacer:first-child,
.round .spacer:last-child{ flex-grow:.5; }
.round .game-spacer{
flex-grow:1;
}
li.game{
  padding-left:5px;
}
li.game.winner{
font-weight:bold;
}
li.game span{
float:right;
padding: 0px 10px 0px 10px;
margin: 10px 10px 0 10px;
border-radius: 10px;
border: 1px solid;
background-color: #ccc;
}
li.game-top{ border-bottom:2px solid #000; }
li.game-spacer{ 
border-right:2px solid #000;
min-height:40px;
}
li.game-bottom{ 
border-top:2px solid #000;
}
#tournament ul {
    margin:0;
}
/** PlayOff **/