body{
  width:125%;
  overflow-x:hidden;
  margin:0;
  padding:0;
  background:url('style/bg_top.jpg') center top no-repeat #131313;
  color:#FFF;
  font-family:Tahoma;
}

.panel-body{
  overflow-x:hidden;
}

#mobile-nav-menu{
  display:none;
  width:24%;
  float:left;
  background:#2b2b2b;
  height:100%;
}

#mobile-nav-menu ul, li{
  padding:0;
  list-style:none;
}

#mobile-nav-menu li{
  border-bottom:1px solid #090909;
}

#mobile-nav-menu a{
  padding:10%;
  display: block;
  color:#909090;
}

#page{
  width:80%;
  position:relative;
  float:left;
  margin:auto;
}

#mobile-nav{
  border:none;
  padding:0;
  margin:0;
  width:100%;
  top:0;
  height:auto; !important;
  position:fixed;
  z-index:2;
  border-bottom:1px solid #000;
}

#mobile-nav-button{
  background:#3a3a3a;
  border-color:#111111;
}

#mobile-header{
  font-weight:bold;
  font-family:'Swiss';
  text-transform:uppercase;
  color:#9a1f20;
  text-shadow:1px 1px #000;
  font-size:2em;
}

.gradient-grey{
  background: #202020; /* Old browsers */
  background: -moz-linear-gradient(top,  #202020 1%, #181818 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#202020), color-stop(100%,#181818)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #202020 1%,#181818 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #202020 1%,#181818 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #202020 1%,#181818 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #202020 1%,#181818 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#181818',GradientType=0 ); /* IE6-9 */
}

a, a:hover, a:active,a:visited{
  color:#9a1f20;
}

.top{
  background:url('style/welcome_bg.png');
  border-bottom:1px solid #161414;
}

.top-content{
  padding:1%;
  max-width:1193px;
  margin:auto;
}

.welcome{
  font-size:0.9em;
  float:left;
}

.time{
  font-size:0.8em;
  float:right;
}

.time > span{
  color:#9a1f20;
}

.wrapper{
  max-width:1193px;
  margin:auto;
}

.logo{
  width:30%;
  text-align:center;
  float:left;
}

.logo > a > img{
  max-height:40%; !important;
}

.header-sponsors{
  width:20%;
  float:left;
  margin:2.5%;
}

.header-sponsors img{
  margin:2.5% 0;
}

.header-advertisement{
  width:45%;
  float:right;
  margin:5% 0 0 0;
}

.header-advertisement > .hr{
  float:left;
  border-top:1px solid #282828;
  width:54%;
  margin:1.5%;
}

.header-advertisement span{
  width:20%;
  text-align:center;
  color:#282828;
  font-size:1em;
  text-shadow:1px 1px #060606;
  float:left;
}

.banner{
  width:97%;
  margin:0 1.5%;
  text-align:center;
  float:left;
  height:auto;
  padding:0;
}

.banner img{
  margin:0;
  padding:0;
  border:1px solid #2e2e2e;
}

.banner div{
  margin:0;
  padding:0;
}

.navigation{
  height:54px;
  background:url('style/2.jpg');
  border-bottom:3px solid #171717;
  display: flex;
  position: relative;
  padding: 0 6px;
}

.navigation-left{
  width:6px;
  height:51px;
  background:url('style/1.jpg');
  position: absolute;
  left: 0px;
}

.navigation-right{
  width:6px;
  height:51px;
  background:url('style/4.jpg');
  position: absolute;
  right: 0px;
}

.nav{
}

.nav ul, .navigation ul.nav-logged{
  margin:0;
  padding:0;
}

.nav > ul > li, .navigation .nav-logged > li {
  margin:0;
  font-size:0.9em;
  padding:0 7px;
  line-height:51px;
  height:51px;
  text-shadow:1px 1px #000000;
  border-right:1px solid #252525;
  border-left:1px solid #3f3f3f;
  color:#d2d2d2;
  list-style: none;
  display: block;
  float: left;
}

.navigation .nav-logged > li:hover{
  background:url('style/3.jpg');
}

.dropdown li {
  text-shadow: none;
}

.navigation .nav-logged > li > a, .navigation .nav-logged > li > div > a {
  display: block;
  font-size: 0.7em;
}

.navigation a{
  color:#d2d2d2;
  text-decoration:none;
}

.navigation li:first-child{
  border-left:none;
}

.navigation li:hover{
  background:url('style/3.jpg');
}

.login{
  height:54px;
  background:url('style/2.jpg');
  border-bottom:3px solid #171717;
  margin:0 0 0 auto;
}

.login form {
  padding:13px 0;
}

.login-icon{
  width:17px;
  height:16px;
  background:url('style/9.jpg');
  float:left;
  margin:6px 10px;
}

.login .input-text-left{
  width:5px;
  height:26px;
  background:url('style/5.jpg');
  float:left;
}

.login .input-text{
  padding:6.5px;
  background:url('style/6.jpg');
  font-size:0.8em;
  border:none;
  outline:none;
  float:left;
}

.login .input-text-right{
  width:5px;
  height:26px;
  background:url('style/7.jpg');
  float:left;
  margin:0 10px 0 0 ;
}

.login .login-submit{
  width:20px;
  height:27px;
  background:url('style/8.jpg');
  float:left;
  border:none;
}

.login .login-links{
  float:left;
  font-size:0.8em;
  font-weight:bold;
  text-shadow:1px 1px #000;
  margin:6px 10px;
}

.login .login-links .login-pw{
  color:#d82626;
}

.login .login-links > img{
  margin:0 5px 2px 5px;
}

.mobile-login .input-text {
  color: #ffffff;
  border: 1px solid #020202;
  background-color: #6b6b6b;
  line-height: 2em;
  border-radius: 3px;
  display: block;
  width: 95%;
  margin: 3px auto;
}

.mobile-login .input-button {
  border: 1px solid #000000;
  background: #717578;
  background: -webkit-gradient(linear, left top, left bottom, from(#394045), to(#717578));
  background: -webkit-linear-gradient(top, #394045, #717578);
  background: -moz-linear-gradient(top, #394045, #717578);
  background: -ms-linear-gradient(top, #394045, #717578);
  background: -o-linear-gradient(top, #394045, #717578);
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  text-decoration: none;
  vertical-align: middle;
  width: 95%;
  margin: 3px auto;
}
.mobile-login .input-button:hover {
  border-color: #272d30;
  background: #272d30;
  color: #ccc;
}
.mobile-login .input-button:active {
  border-color: #000000;
  background: #000000;
}



.bar{
  padding:7px;
  background:#222222;
  border-top:1px solid #000;
}

.slider{
  width:71.5%;
  height:308px;
  background:url('style/11.jpg');
  padding:3px;
  float:left;
}

.last-forum{
  float:left;
  min-width:28%; !important;
  margin:0 0 0 0.5%;
  border-color:#0b0b0b;
  max-height:308px; !important;
}

.last-forum .last-forum-head{
  background:#1e1e1e;
  border-bottom:2px solid #111111;
  border-top:1px solid #2b2b2b;
  font-size:0.8em;
  text-transform:uppercase;
  font-weight:bold;
  color:#FFF;
  height:45px;
  padding-top:0;
  padding-bottom:0;
  line-height:45px;
}

.last-forum .last-forum-content{
  padding:0;
  background:#181818;
}

.last-forum ul, li{
  margin:0;
  padding:0;
  list-style:none;
}

.last-forum li{
  padding:0 3.35%;
  font-size:0.8em;
  height:37px;
  line-height:37px;
}

.last-forum img{
  margin:0 4% 1% 0;
}

.last-forum a{
  color:#FFF;
}

.last-forum span{
  float:right;
}

.last-forum span > a{
  color:#d82626;
}

.last-forum li:nth-child(2n+1){
  background:#151515;
}

.content{
  background:#131313;
  padding:1% 0;
  margin:0;
}

.content-left{
  width:30%;
  float:left;
}

.content-center{
  width:30%;
  margin:0 5%;
  float:left;
}

.content-right{
  width:30%;
  float:left;
}

.box{
  width:100%;
  border-color:#2e2e2e;
}

.box .box-head{
  background:#1e1e1e;
  border-bottom:2px solid #111111;
  border-top:1px solid #2b2b2b;
  font-size:0.8em;
  text-transform:uppercase;
  font-weight:bold;
  color:#FFF;
  height:45px;
  padding-top:0;
  padding-bottom:0;
  line-height:45px;
}

.box .box-content{
  padding:0;
  background:#181818;
}

.box ul, li{
  margin:0;
  padding:0;
  list-style:none;
}

.box li{
  padding:0 3.35%;
  font-size:0.8em;
  height:37px;
  line-height:37px;
}

.box > div > div{
  padding:3.35%;
  font-size:0.8em;
  height:37px;
  line-height:auto;
}

.box > div > div > div > a{
  color:#d82626;
}

.box img{
  margin:0 4% 1% 0;
}

.box a{
  color:#FFF;
}

.box span{
  color:#d82626;
}

.box div > small{
  color:#FFF;
}

.box span > a{
  color:#d82626;
}

.box li:nth-child(2n+1){
  background:#151515;
}

.box > div > div:nth-child(2n+1){
  background:#151515;
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style]{
  background:#FFF;
}

.advertisements{
  margin:1% 0 0 0;
}

.advertisements-hr{
  float:left;
  border-bottom:1px solid #282828;
  width:70%;
  height:1px;
}

.advertisements-text{
  color:#282828;
  font-size:1em;
  text-shadow:1px 1px #060606;
  width:10%;
  height:auto;
  text-align:center;
  float:left;
  line-height:0;
  padding:0 0 1.5% 0;
}

.footer{
  background:url('style/bg_bottom.jpg');
  padding:1% 0;
  min-height:55px; !important;
  font-size:0.8em;
}

.footer span{
  color:#bb1314;
}

.footer a{
  color:#FFF;
}

.footer-left{
  width:25%;
  float:left;
}

.footer-left a{
  color:#bb1314;
}

.footer-center {
  width:50%;
  text-align:center;
  float:left;
}

.footer-right{
  width:25%;
  text-align:right;
  float:left;
}

.footer-small{
  text-align:center;
  font-size:1.2em;
}

.content-news{
  background:#FFF;
}

.news{
  color:#000;
}

.news-left{
  width:30%;
  margin:5%;
  float:left;
}

.news-left > ul{
  margin:5% 0;
  padding:0;
}

.news-left > ul > li{
  margin:5% 0;
  padding:0;
}

.news-right{
  width:55%;
  margin:5% 5% 5% 0;
  font-size:0.9em;
  line-height:1.75em;
  float:left;
}

.news-right h3{
  margin:0;
  padding:0;
}

.news-right small{
  color:#890809;
}

.news-right a{
  color:#890809;
}

.news-prev{
  float:left;
  width:40%;
  text-align:left;
  font-weight:bold;
  font-size:0.8em;
  margin:5%;
}

.news-prev div{
  margin:5px;
}

.news-prev a{
  text-decoration:none;
}

.news-next{
  float:right;
  width:40%;
  text-align:right;
  font-weight:bold;
  font-size:0.8em;
  margin:5%;
}

.news-next div{
  margin:5px;
}


.news-next a{
  text-decoration:none;
}

.news-prev .arrow{
  padding:5px;
  margin:0 2% 0 0;
  background:#890405;
  border:1px solid #610001;
  float:left;
}

.news-next .arrow{
  padding:5px;
  margin:0 0 0 2%;
  background:#890405;
  border:1px solid #610001;
  float:right;
}

.arrow a{
  color:#FFF;
  text-decoration:none;
}

.content-cups{
  background:#FFF;
  color:#000;
  font-size:0.9em;
}

.content-cups h3{
  margin:0 0 5% 0;
  padding:0;
  font-size:1em;
  font-weight:bold;
}

.cups-content-left{
  max-width:33%; !important;
  min-width:33%; !important;
  margin:3%;
  float:left;
}

.cups-content-left .panel-body{
  padding:2%;
}

.cups-content-left object{
  margin:0 0 5% 0;
}

.cups-content-center{
  width:25%;
  margin:3% 3% 3% 0;
  float:left;
}

.cups-content-center object{
  margin:0 0 5% 0;
}

.cups-content-right{
  max-width:44%; !important;
  min-width:30%; !important;
  margin:3% 3% 3% 0;
  float:left;
}

.leagues-content-right{
  width:58%;
  margin:3% 3% 3% 0;
  float:left;
}

.content-all-cups{
  background:#FFF;
  color:#000;
  font-size:0.9em;
  padding:1%;
}

.content-sponsors{
  background:#FFF;
  color:#000;
  font-size:0.9em;
  padding:3% 0 3% 0;
}

.content-sponsors h3, .caption{
  margin:0;
  padding:0;
}

.content-sponsors h3{
  margin:0 0 1% 0;
}

.content-sponsors a{
  float:right;
}

.sponsors-content-left{
  width:45.5%;
  margin:0 3% 3% 3%;
  float:left;
}

.sponsors-content-left div{
  margin:3% 0 0 0;
}

.sponsors-content-left div:first-child{
  margin:0;
}

.sponsors-content-right{
  width:45.5%;
  margin:0 3% 0 0;
  float:left;
}

.sponsors-content-right div{
  margin:3% 0 0 0;
}

.sponsors-content-right div:first-child{
  margin:0;
}

.content-premium{
  background:#FFF;
  color:#000;
  font-size:0.9em;
  padding:3%;
}

.clear{
  clear:both;
}

a.cups-buttons {
  box-shadow:inset 0px 1px 3px 0px #91b8b3;
  background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
  background-color:#768d87;
  border-radius:5px;
  border:1px solid #566963;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  text-decoration:none;
  text-shadow:0px -1px 0px #2b665e;
}

a.cups-buttons:hover {
  background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
  background-color:#6c7c7c;
}

a.cups-buttons:active {
  position:relative;
  top:1px;
}

a.cups-buttons.cups-active {
  background: linear-gradient(to top, #555 5%, #777 100%);
  box-shadow: inset 0px 1px 5px 0px #444;
}