*{
  /*border: 1px red solid;*/
  padding: 0px;
  margin: 0px;
  background-repeat: no-repeat;
  outline: 0px;
  -webkit-text-size-adjust: none;
}

input, textarea, button{
  -webkit-box-sizing: content-box;  
  -moz-box-sizing: content-box;     
  box-sizing: content-box;  
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}

html{
  min-height: 100%;
  height: 100%;
}

body{
  background-image: url(../images/bg_white.jpg?version=2), url(../images/bg.jpg?version=2);
  background-repeat: repeat-y, repeat;
  background-position: center top, center top;
  min-height: 100%;
  width: 100%;
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  min-width: 320px;
  /*overflow: hidden;*/
}

#page{
  margin: 0px auto;
  border-top: 2px #C9B037 solid;
  position: relative;
  left: 50%;
  width: 960px;
  height: 100%;
  margin-bottom: 158px;
  margin-left: -480px;
}

#page .logo{
  position: absolute;
  left: 30px;
  top: 22px;
  background-image: url(../images/soukenik_strpka_logo.png?version=2);
  width: 292px;
  height: 34px;
}

#page .logo span{
  display: none;
}

#page ul.languages{
  position: absolute;
  top: 33px;
  right: 71px;
}

#page ul.languages li{
  float: left;
  list-style: none;
  text-transform: uppercase;
  padding-left: 5px;
  margin-left: 5px;
  background-image: url(../images/footer_menu_delimiter.png?version=2);
  background-position: left center;
  line-height: 20px;
}

#page ul.languages li:first-child{
  background-image: none;
}

#page ul.languages li a{
  color: #4d4d4d;
  text-decoration: none;
  font-size: 10px;
}

#page ul.languages li a:hover{
  text-decoration: underline;
}

#page .header{
  margin-top: 78px;
  position: relative;
  /*padding: 25px;*/
}

#page .header>a:first-child+div, #page .header>div:first-child{
  overflow: hidden;
}

#page .header>a:first-child+div a, #page .header>div:first-child a{
  position: absolute;
  right: 14px;
  top: 10px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  font-size: 20px;
  z-index: 50;
}

/*
#page .header>a:first-child+div, #page .header>div:first-child{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
}*/

#page .menu>ul{
  position: absolute;
  left: 25px;
  right: 25px;
  margin-top: -80px;
  background-image: url(../images/menu_bg_old.png?version=2);
  background-repeat: repeat;
  text-align: center;
  z-index: 10;
}

#page .menu>ul>li{
  display: -moz-inline-stack; /*Firefox 2 hack*/
  display: inline-block; 
  /* magic IE7 hack making element inline-block*/
  zoom: 1; 
  *display: inline;
  list-style: none;
  padding: 0px 5.5% 0px 5.5%;
}

#page .menu>ul>li>a{
  display: block;
  line-height: 49px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 14px;
  border-bottom: 3px transparent solid;
}

#page .menu>ul>li.selected>a, #page .menu>ul>li>a:hover{
  border-bottom: 3px white solid;
}

#page ul.submenu{
  background-color: #4d4d4d;
  padding: 15px 20px;
  margin: 0px 25px;
}

#page ul.submenu>li{
  list-style: none;
  display: -moz-inline-stack; /*Firefox 2 hack*/
  display: inline-block; 
  /* magic IE7 hack making element inline-block*/
  zoom: 1; 
  *display: inline;
  padding-right: 10px;
  margin-right: 10px;
  line-height: 25px;
  background-image: url(../images/footer_menu_delimiter.png?version=2);
  background-position: right center;
  text-transform: uppercase;
  font-size: 10px;
}

#page ul.submenu>li:last-child{
  background-image: none;
}

#page ul.submenu>li a{
  color: white;
  text-decoration: none;
}

#page ul.submenu>li a:hover, #page ul.submenu>li.selected a{
  text-decoration: underline;
}

#page .topmenu{
  position: absolute;
  top: 33px;
  right: 134px;
}

#page .topmenu li{
  padding-left: 15px;
  float: left;
  list-style: none;
  line-height: 20px;
}

#page .topmenu li a{
  display: inline;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  font-family: Arial;
  color: #909090;
}

#page .topmenu li.sports_law a{
  background-color: #C9B037;
  color: white;
  padding: 5px;
}

#page .topmenu li.selected a, #page .topmenu li a:hover{
  color: #C9B037;
}

#page .topmenu li.sports_law.selected a, #page .topmenu li.sports_law a:hover{
  color: white;
  text-decoration: underline;
}

#page .menu.has_submenu+#content{
  margin-top: 104px;
}

#page a.print{
  position: absolute;
  top: 36px;
  right: 23px;
  width: 14px;
  height: 15px;
  background-image: url(../images/print.png?version=2);
}

#page a.print span{
  display: none;
}

#content{
  margin-top: 50px;
}

#footer{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #454545;
  height: 138px;
}

#footer>div{
  height: 100%;
  position: relative;
  width: 960px;
  margin: 0px auto;
  background-image: url(../images/footer_logo.jpg?version=2);
  background-position: 20px center;
}

#footer>div ul:first-child{
  border-bottom: 1px #575757 solid;
  position: absolute;
  right: 20px;
  width: 797px;
  padding: 29px 0px 0px 20px;
  height: 43px;
}

#footer>div ul:first-child li{
  list-style: none;  
  padding: 0px 10px 0px 11px;
  float: left;
  background-image: url(../images/footer_menu_delimiter.png?version=2);
  background-position: left 5px;
}

#footer>div ul:first-child li:first-child{
  background-image: none;
  padding-left: 0px;
}

#footer>div ul:first-child li a{
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-size: 10px;
}

#footer>div ul:first-child li a:hover{
  text-decoration: underline;
}

#footer a.print{
  position: absolute;
  top: 30px;
  right: 23px;
  width: 14px;
  height: 15px;
  background-image: url(../images/print_white.png?version=2);
}

#footer a.print span{
  display: none;
}

#footer>div dl{
  color: #9d9d9d;
  font-size: 10px;
  font-family: Arial;
  /*text-transform: uppercase;*/
  position: absolute;
  top: 100px;
  left: 182px;
  white-space: nowrap;
}

#footer>div dl dt{
  padding-right: 1em;
  float: left;
}

#footer>div dl dd a{
  color: #9d9d9d;
  text-decoration: none;
}

#footer>div dl dd span{
  white-space: nowrap;
}

#footer>div dl dd a:hover{
  text-decoration: underline;
}

#page .menu .custom_selectbox{
  position: absolute !important;
  left: 25px !important;
  right: 25px !important;
  width: auto !important;
  display: none;
}

#page .menu .custom_selectbox+.custom_selectbox{
  /*top: 30px !important;*/
  left: 40px !important;
  right: 20px !important;
  margin-top: 37px !important;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
}

#page .menu .custom_selectbox+.custom_selectbox>select{
  left: -1px !important;
}

#page .menu select, #page .menu .custom_selectbox{
  display: none;
}

.custom_selectbox{
  border-style: solid;
  /*display: -moz-inline-stack; Firefox 2 hack*/
  display: table; 
  /* magic IE7 hack making element inline-block*/
  /*zoom: 1;*/ 
  /**display: inline;*/
  background-color: #ceb163;
  padding: 1px;
  cursor: pointer;
  border: 1px #ceb163 solid !important;
  color: white;
  position: relative;
  /*padding-right: 15px;*/
  min-width: 50px;
}

.custom_selectbox select{
  min-width: 68px;
  width: 100%;
}

.custom_selectbox span{
  /*display: block;*/
  display: table-cell;
  /*width: 100%;*/
  /*height: 100%;*/
  width: 1000px; /* hack: this will cause the cel to be 100% width always*/
  height: 24px;
  background-image: url(../images/custom_selectbox.png?version=2);
  background-position: right top;
  background-size: auto 100%;
  line-height: 12px;
  padding-left: 2px;
  padding-right: 35px; /*12*/
  vertical-align: middle;
}

.custom_checkbox{
  display: -moz-inline-stack; /*Firefox 2 hack*/
  display: inline-block; 
  /* magic IE7 hack making element inline-block*/
  zoom: 1; 
  *display: inline;
  background-color: #f3f3f3;
  padding: 1px;
  cursor: pointer;
  border: 1px #8a8a8a solid;
  width: 12px;
  height: 12px;
}

input[type=checkbox]:checked+.custom_checkbox{
  background-image: url(../images/checkbox.png?version=2);
  background-position: center;
}

#content h1{
  color: #e6c46c;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
}

#content h2{
  color: #e6c46c;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
}

#intro_fs{
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
}

#intro_fs div.portrait, #intro_fs div.landscape{
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

#intro_fs div.landscape img{
  background-size: 100% auto;
}

#intro_fs div.portrait img{
  background-size: auto 100%;
}

#intro_fs img{
  position: absolute;
  background-position: center;
}

#intro_fs .menu{
  position: fixed;
  background-image: url(../images/menu_bg.png?version=2);
  background-repeat: repeat;
  z-index: 101;
  display: none;
}

#intro_fs .menu a{
  display: -moz-inline-stack; /*Firefox 2 hack*/
  display: inline-block; 
  /* magic IE7 hack making element inline-block*/
  zoom: 1; 
  *display: inline;
  line-height: 49px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  padding-left: 20px;
  padding-bottom: 20px;
}

#intro_fs>a{
  position: fixed;
  font-weight: bold;
  color: white;
  font-size: 20px;
  right: 10px;
  z-index: 100;
  text-decoration: none;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/*@media screen and (orientation: portrait){
  #intro_fs{            
    display: block;
  }
  
  #intro_fs div.portrait{
    visibility: visible;
  }
  
  #intro_fs .menu{
    left: 30px;
    right: 15px;
    width: 52px;
    top: 0px;
    bottom: 0px;
  }
  
  #intro_fs .menu a{
    position: fixed;
    display: block;
    color: white;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -opera-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 50%;
    margin-top: -40px;
    margin-left: -20px;
  }
  
  #intro_fs>a{
    bottom: 0px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -opera-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}*/

@media screen/* and (orientation: landscape)*/{
  #intro_fs{            
    display: block;
  }
  
  #intro_fs div.landscape{
    visibility: visible;
  }
  
  #intro_fs .menu{
    left: 0px;
    right: 0px;
    height: 52px;
    bottom: 15px;
    text-align: center;
  }
  
  #intro_fs>a{
    top: 0px;
  }
}

#intro_fs img:first-child{
  z-index: 6;
}

#intro_fs img:first-child+img{
  z-index: 5;
}

#intro_fs img:first-child+img+img{
  z-index: 4;
}

#intro_fs img:first-child+img+img+img{
  z-index: 3;
}

#intro_fs img:first-child+img+img+img+img{
  z-index: 2;
}

body.mobile{
  background-image: none;
  background-color: white;
}

body.mobile #page{
  display: none;
}

body.mobile #footer{
  display: none;
}

#prizes {
  clear: both;
  text-align: center;
  padding: 0px 0px;
}

#prizes img{
  margin: 20px 20px;
}

#prizes a img{
  border: 0px;
}

@media screen and (min-width: 960px)
{
}

@media screen and (max-width: 959px)
{
  #page #content {
    margin-top: 50px;
  }

  #page #content.content_submenu{
    margin-top: 90px;
  }

  #page .desktop_video {
    display: none;
  }

  #page .mobile_video {
    display: block !important;
  }

  #page .mobile_video_submenu {
     bottom: -75px !important;
  }

  #system_menu, .node_operations{
    display: none;
  }
  
  #page{
    width: auto;
    min-width: 320px;
    height: 100%;
    left: 0px;
    right: 0px;
    /*position: relative;*/
    margin-bottom: 90px;
    margin-left: 0px;
  }
  
  #page .header>a:first-child+div, #page .header>div:first-child{
    visibility: hidden;
    height: 52px !important;
  }
  
  #page .menu ul{
    margin-top: -52px;
    left: 20px;
    right: 20px;
  }
  
  #page ul.submenu{
    margin: 0px 20px;
  }
  
  #page .menu.has_submenu+#content{
    margin-top: 50px;
  }
  
  #footer{
    min-width: 320px;
    position: absolute;
    height: auto;
  }
  
  #footer>div ul:first-child{
    position: static;
    right: auto;
    width: auto;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
  }
  
  #footer>div ul:first-child li{
    display: inline-block;
    float: none;
    background-image: none;
  }
  
  #footer>div{
    width: auto;
    margin: 0px;
    background-image: none;
  }
  
  #footer>div dl{
    padding: 10px;
    text-align: center;
    position: static;
    top: auto;
    left: auto;
    white-space: normal;
  }
  
  #footer>div dl dt{
    display: inline;
    float: none;
  }
  
  #footer>div dl dd{
    display: inline;
  }
  
  #footer>div dl dd a{
    display: block;
  }
  
  #footer a.print{
    top: 13px;
  }
}

@media screen and (max-width: 841px) /*759*/
{ 
  #page{
    margin-bottom: 42px !important;
  }
  
  #page a.logo{
    left: 20px;
  }
  
  #page .header>a:first-child+div, #page .header>div:first-child{
    display: none;
  }
  
  #page .menu{
    background-color: #ceb163;
    margin: 0px 20px;
    padding: 4px 0px 3px 0px;
    height: 30px;
  }
  
  #page .menu span.custom_selectbox{
    text-transform: uppercase;
    font-weight: 700;
  }
  
  #page .menu.has_submenu{
    height: 60px;
  }
  
  #page .menu ul{
    display: none;
  }
  
  #page .submenu{
    display: none;
  }
  
  #page .menu .custom_selectbox{
    display: inline-block !important;
    position: relative;
  }
  
  #page .topmenu{
    top: 28px;
    right: 15px;
  }
  
  #page .topmenu li:first-child a{
    background-image: url(../images/home_icon.png?version=2);
    width: 33px;
    height: 29px;
    display: block;
  }
  
  #page .topmenu li:first-child span{
    display: none;
  }
  
  #page .topmenu li+li{
    display: none;
  }
  
  a.print{
    display: none;
  }
  
  #footer ul:first-child{
    display: none;
  }
}

@media screen and (max-width: 458px)
{
  #page ul.languages{
    top: 70px;
    left: 50%;
    margin-left: -30px;
  }
  
  #page .header{
    margin-top: 98px;
  }
}

@media screen and (max-width: 380px)
{
  #page a.logo{
    left: 12px;
  }
  
  #page .topmenu li:first-child{
    display: none;
  }
}

@media screen and (orientation: landscape) {
  body.mobile{
    background-image: url(../files/bannery/upload/bannerakss_sk_portrait.jpg);
    background-position: center center;
    background-size: contain;
    background-repeat:no-repeat;
  }
}

@media screen and (orientation: portrait) {
  /*body.mobile{
    background-image: url(../files/bannery/upload/bannerakss_sk_portrait.jpg);
    background-position: center center;
    background-size: contain;
    background-repeat:no-repeat;
  }*/
  body.mobile{
    background-image: url(../files/bannery/upload/bannerakss_sk_portrait.jpg);
    background-position: center center;
    background-size: contain;
    background-repeat:no-repeat;
  }
}