* { box-sizing: border-box;}

body, html, table {
margin: 0px; padding: 0px; font-family: 'Ubuntu', sans-serif; font-size: 32px; font-weight : 400; color: #fff; line-height: 120%; letter-spacing: -1px;}

html {
      background: url(../images/bg-tv.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  }

html:before {
    content: " ";
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    display: none;
}

body {height: 100%; text-align: center;}
h1,h2,h3, h4, h5 {margin: 0px; padding: 0; font-size: 60px; line-height: 160%; color: #2a3251;  font-weight: 400; text-align: left;}
h2 strong, h3 strong {font-weight: 900;}
p {padding: 0px; margin: 20px 0px 20px 0px; text-align: left;}
a img {border: 0px solid; display: inline-block; vertical-align: middle;}
a {text-decoration: none; color: #141b2d;}
a:hover {text-decoration: underline;}
strong {font-weight: 700;}
ul {list-style: none; margin: 0; padding: 10px 0;}
ul li { margin: 0; padding: 0; line-height: 18px;}

.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.center, .center p {text-align: center !important;}
.justify {text-align: justify;}
.skrejt {display: none;}
.error {color: red;}
.clear {width: 100%; clear: both;}


  

.site {position: relative; width: 100%; text-align: center; overflow: hidden; float: left; opacity: 0.9;}
#wrapper {position: relative; margin: 0px auto; display: inline-block; text-align: left; margin: 0; vertical-align:top; width: 95%;}
    #wrapper>div:last-of-type {margin-bottom: 30px;}

    #head {background: #fff; padding: 25px 30px; margin-top: 30px; border-radius: 3px 3px 0 0; opacity: 0.9;}
        #head a.logo {float: left; xmargin-right: 78px; width: 160px;}
        #head h1 {float: left; xborder-left: 2px solid #e5e5e5; padding-left: 35px;}
        
    #page {background: #4d587d;}
        #page h2 {margin: 23px 30px 0 30px; color: #fff; font-size: 35px; line-height: 120%;}
        #page .page {float: right; background: #fdca41; padding: 25px 30px; font-size: 28px; color: #2a3251; font-weight: 500; text-transform: uppercase;}
        #bar {background: #2a3251; height: 18px;}
            #bar>div {height: 18px; background: #fdca41; width: 0;}
            
    .partners {display: table; width: 100%; background: #fff; padding: 25px 0; /*table-layout: fixed;*/ opacity: 0.9;}
    .partners.upper {border-radius: 0 0 3px 3px;}
    .partners.lower {border-radius: 3px;}
        .partners > div {display: table-cell; vertical-align: middle; text-align: center; font-size: 25px; color: #1a203d;}
            .partners > div a img {max-width: 100%;}
            
    #table {width: 100%; margin: 35px 0; table-layout: fixed; white-space: nowrap; border-radius: 3px; opacity: 0.9;}
        #table tr { font-size: 32px;  font-weight: 500; position: relative;}
        #table tr:first-of-type {background: #fff; color: #1a203d; font-size: 25px; font-weight: 400;}
        #table tr td:last-of-type {display: block; content: " "; width: 100%; /*height: 100%;*/ background: #4d587d url("../images/tr.png") repeat-x; position: absolute; z-index: 1; left: 0; }
        #table tr th:last-of-type {width: 0;}
        #table tr th:first-of-type {border-radius: 3px 0 0 0;}
        #table tr th.last {border-radius: 0 3px;}
        #table tr:last-of-type td {border-radius: 0 0 3px 3px;}
        #table tr:nth-of-type(3) td:last-of-type, .tr-opacity {opacity: 0.8;}
            #table tr td, #table tr th {padding: 14px 14px 15px 14px; text-align: center; position: relative; z-index: 2;}
            #table tr td.down, #table tr td.up, #table tr td.equal {background: url("../images/arrow_down.png") no-repeat right center;}
            #table tr td.up {background-image: url("../images/arrow_up.png");}
            #table tr td.equal {background-image: url("../images/equal.png");}
            #table tr td:first-of-type, #table tr td:nth-of-type(2), #table tr th:first-of-type, #table tr th:nth-of-type(2) {text-align: left;}
            #table tr td:nth-of-type(2), #table tr th:nth-of-type(2) {padding-left: 60px; width: 30%;}
            #table tr td:first-of-type, #table tr th:first-of-type {width: 100px;}
            #table tr td:nth-of-type(3) {padding-bottom: 0;}
            #table tr.note td {width: 100%; background: #4d587d; font-size: 18px; font-weight: 400; padding-top: 0; height: auto; padding-bottom: 10px; padding-top: 0px;}
            
.head-img-right {
  float: right;
  height: 90px;
  padding-left: 10px;
  padding-top: 10px;
}

div.jQBracket {
  font-family: 'Ubuntu', sans-serif;
	line-height: 100%;
	letter-spacing: normal;
  color: black;
}
div.jQBracket .bracket{padding:10px 0;}
div.jQBracket .team{padding:5px 0;}

.wpo {
	font-size: 14px;
	float: right;
}