* {
  margin: 0px;
  padding: 0px;
}

body#skicross-cz {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 1em;
  color: #FFFFFF;
  background: #0385CF url('/img/modry_prechod_left.png') left top repeat-x;
}

.non-visible {
  position: absolute !important;
  left: -2000px !important;
}

img {
  border: 0px;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.clear-both {
  clear: both !important;
}
.clear-both-zero {
  clear: both !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

.clear-left {
  clear: left !important;
}

.clear-right {
  clear: right !important;
}

.hidden-text {
  font-size: 0px !important;
  letter-spacing: -99999px !important; /* hide text for IE */
  text-indent: -9000px !important;
  text-decoration: none !important;
  visibility: collapse;
  overflow: hidden; /* hide text for Opera */
}

  .hidden-text a {
    text-decoration: none !important;
  }

.align-right {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.align-center {
  text-align: center !important;
}

.align-justify {
  text-align: justify !important;
}

a {
  color: #FFCC66;
  text-decoration: underline;
}

a:hover{
  color: #FFCC66;
  text-decoration: none;
}

a.archiv {
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
}

/*  D E C L A R A T I O N S  */


div#page-cont-full {
  margin: 0px auto !important;
  width: 910px;
}
div#page-container {
  position: relative;
  width: 780px;
  padding: 160px 0px 0px 0px !important;
  background: #24B2E6 url('/img/header_bg.jpg') left top no-repeat;
  z-index: 1;
  float: left;
}
div#banner-right {
  float: left;
  padding: 160px 0 0 10px;
  position: relative;
  width: 120px;
  z-index: 100;
}

  h1 {
    position: absolute;
    top: 45px;
    left: 32px;
    font-size: 38px;
    font-weight: normal;
    font-family: Arial;
    letter-spacing: -1px;
    text-transform: lowercase;
  }

    h1 a {
      color: #FFFFFF;
      text-decoration: none;
    }

    h1 a:hover {
      color: #FFFFFF;
    }

  q {
    position: absolute;
    top: 82px;
    left: 32px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    quotes: '' '' "" ""; /* disable quotes in mozilla */
  }

  div#page-content {
    float: left;
    position: relative;
    width: 520px;

    min-height: 300px;
    height: auto;
    _height: 300px;

    margin-left: 24px;
    _margin-left: 11px;
    margin-right: 22px;
  }

  div#page-side-content {
    float: left;
    _float: none;
    position: relative;
    width: 192px;
  }

  div#right-background {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 50%;
    height: 325px;
    background: #0385CF url('/img/modry_prechod_right.png') left top repeat-x;
    z-index: 0;
  }

  /* SPONSORS */

  div.sponsors {
    position: relative;
    clear: both;
    margin: 0px 0px 10px 0px;
    background: #20AAE3;
  }

    div.sponsors div.flash {
        border-top: 1px solid #0a98cc;
        border-bottom: 1px solid #0a98cc;
        margin: -1px 22px !important;
        padding: 10px 0px 7px 0px !important;
        _padding: 10px 0px !important;
    }

    div.sponsors h2 {
      margin: -1px 22px 15px 22px !important;
      padding-top: 10px !important;
      border-top: 1px solid #0A98CC;
    }

    div.sponsors ul {
      list-style: none;
      margin: 0px 22px -1px 22px !important;
      padding-bottom: 20px !important;
      border-bottom: 1px solid #0A98CC;
    }

      div.sponsors ul li {
        display: inline;
        margin-right: 10px;
      }

        div.sponsors ul li img {
          margin-bottom: 10px;
        }
  /* page FOOTER */

  div#page-footer {
    position: relative;
    clear: both;
    height: 20px;
    font-size: 0.7em;
    padding: 10px;
    color: #91E0FF;
  }

    div#page-footer a {
      color: #FFFFFF;
    }

    div#page-footer p {
      position: absolute;
      left: 20px;
    }

    div#page-footer span {
      position: absolute;
      right: 20px;
    }
    div#page-footer p.footer-links a {
        color: #91E0FF;
    }

  /* page MENU */

  ul#page-menu {
    position: absolute;
    top: 113px;
    left: 20px;
    _left: 9px;
    list-style: none;
  }

    ul#page-menu li {
      float: left;
      display: block;
      height: 16px;
      margin-left: 11px;
      padding-right: 11px;
      background: url('/img/menu_separator.png') right center no-repeat;
    }

    ul#page-menu li.last {
      padding-right: 0px;
      background: none;
    }

      ul#page-menu li a {
        display: block;
        float: left;
        line-height: 14px;
        height: 16px;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
      }

      ul#page-menu li a:hover,
      ul#page-menu li a.selected {
        color: #FFCC66;
      }

  /* common styles */

  h2 {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.4em !important;
    font-weight: normal;
    margin-bottom: 20px;
  }

  h3 {
    clear: left;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.1em !important;
    font-weight: normal;
    margin-bottom: 5px;
  }

  .common-text {
    font-size: 0.8em;
  }

  /* slider */

  p#slider {
    position: relative;
    font-size: 0.8em !important;
    color: #21529B !important;;
    margin: 0 0 3px 0;
  }
    p#slider a.normal {
      color: #FFFFFF;
    }

    p#slider .selected-page {
      text-decoration: none;
      font-weight: bold;
      color: #21529B;
    }

    a.slider-next,
    a.slider-previous {
      display: inline-block;
      color: #FFFFFF;
      width: 18px;
      height: 11px;
      background: url('/img/arrows_next.png') right bottom no-repeat;
    }

    a.slider-previous {
      background: url('/img/arrows_prev.png') left bottom no-repeat;
    }

  a.next {
    color: #FFFFFF;
    clear: both;
    padding-right: 10px;
    background: url('/img/arrows_next.png') right center no-repeat;
  }

  a.back {
    color: #FFFFFF;
    clear: both;
    padding-left: 10px;
    background: url('/img/arrows_prev.png') left center no-repeat;
  }

  /* page SIDE COLUMN */

  div#page-side-content div {
    position: relative;
    padding: 0px;
    margin-bottom: 15px;
    background: #FFFFFF;
  }

  div#page-side-content div.padding-bottom {
    padding-bottom: 5px;
  }

  div#page-side-content h3 {
    color: #2E4C79;
    font-family: Tahoma !important;
    font-weight: bolder !important;
    font-size: 0.7em !important;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
    padding: 5px 10px 20px 10px;
    background: url('/img/side_title_bg.png') left bottom repeat-x !important;
  }

    div#page-side-content div ul {
      width: 172px;
      font-size: 0.75em !important;
      margin: 0px auto 10px auto;
    }

      div#page-side-content div ul li {
        list-style: none;
        margin-bottom: 8px;
      }

        div#page-side-content div ul li a {
          line-height: 1.4em;
          color: #0C8CC4;
        }

  div#page-side-content p.banner-buttons {
    padding: 0px 0px 15px 10px;
  }

    div#page-side-content p.banner-buttons a {
      display: block;
      width: 95%;
      text-align: center;
      font-size: 0.75em;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      padding: 5px 0px;
      color: #FFFFFF;
      background: #FF9700;
    }
  
    div#page-side-content p.banner-buttons a:hover {
      text-decoration: underline;
    }

  /* calendar */

  div#calendar {
    text-transform: uppercase;
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
    background: #FFFFFF url('/img/calendar_decoration.png') center 12px no-repeat !important;
  }

    div#calendar h3 {
      color: #FF9140 !important;
    }

    div#calendar h4 {
      color: #2E4C79;
      font-size: 0.7em !important;
      padding: 0px 10px;
    }

    /* select box month-year */
    
    select#month-year {
      color: #2E4C79;
      text-transform: uppercase;
      font-size: 0.7em !important;
      font-weight: bold;
      margin-left: 6px;
      width: 176px;
      border-style: solid; 
      border-color: white;

      _position: relative;
      _left: 3px;
      _top: -20px;
    }

    select#month-year:hover {
      border-style: inset; 
      border-color: buttonface;
    }

    div#calendar table {
      color: #807578;
      text-align: center;
      vertical-align: middle;
      font-size: 0.75em !important;
      border-collapse: collapse;
      border: 1px solid #FFFFFF;
      margin: 10px auto;
    }

      div#calendar table th {
        font-size: 0.8em !important;
        color: #0C8CC4;
        padding: 5px;
      }

      div#calendar table td {
        padding: 5px;
      }

      td.event {
        background: url('/img/event_bg.png') center center no-repeat;
      }

        td.event a {
          color: #FF6C00;
          text-decoration: none;
        }

    /* calendar navigation */

    a.p,
    a.n {
      color: #0C8CC4;
      font-size: 11px;
      _position: relative;
      _top: -20px;
      display: block;
    }
    a.n {
        float: left;
        margin-left: 15px;
        _margin-left: 5px;
    }
    a.p {
        float: right;
        margin-right: 15px;
        _margin-right: 5px;
    }

  /* text akci */

  div#text-akci {
    background: #92D9F3 url('/img/actions_list_bg.png') left top repeat-x !important;
  }

    div#text-akci p {
      width: 172px;
      color: #2E4C79;
      font-size: 0.75em !important;
      margin: 0px auto !important;
      padding: 10px 0px !important;
      border-bottom: 1px solid #77BED9;
    }

    div#text-akci p.last {
      border-bottom: 0px !important;
    }

      div#text-akci p span {
        float: left;
      }

      div#text-akci p a {
        float: right;
        width: 98px;
        color: #001637;
      }
#roky {
    margin-bottom: 15px;
    font-size: 0.8em;
}
#roky strong {
    color: #21529B !important;
}
#roky a {
    color: #fff;
}
#news {
    color: #000;
    font-size: 0.75em !important;
    line-height: 1.4em;
    margin-left: 10px;
    margin-right: 10px;
    .margin-left: 10px;
    .margin-right: 5px;
}
#news a {
    color: #0c8cc4;
}
#news div {
    margin: 0 !important;
}

#lang {
    left: 15px;
    position: absolute;
    top: 10px;
}
#lang a {
    margin-right: 5px;
}