body, h1, h2, h3, h4, div, p, ul, ol, li, img, form, fieldset, input, label, dl, dd, dt, hr {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

p, h3, h2, h4, dl, address{
  padding:0 20px 0 20px;
}

address {
    font-style: normal;
}

h4{
margin-bottom: 10px;
}

p{
  text-align: justify;
}

h4{
  font-size: 12px;
  margin-top: 5px;
}

h2{
  font-size: 16px;
}

ul{
  margin-left: 35px;

}

.images{
  margin-left: 17px;
  margin-right: 17px;
  margin-bottom: 10px;
}

fieldset{
  padding: 10px;
  border: 1px solid #1D407F;
}

.textarea{
  float:left;
  padding-left: 5px;
}

form#nabidka-prostoru,
form#spoluprace{
  margin-top: 25px;
  margin-bottom: 10px;
}

form#spoluprace label,
form#nabidka-prostoru label{
  display: block;
  float: left;
  width: 150px;
  height: auto;
  text-align: right;
  padding-right: 5px;
}
form#spoluprace input,
form#nabidka-prostoru input{
 margin: 5px;
 border: 3px solid #1D407F;
}
form#spoluprace input.povinny,
form#nabidka-prostoru input.povinny{
 border: 3px solid #FFCC0C;
}
form#spoluprace input.submit,
form#nabidka-prostoru input.submit{
 border: none;
}

.margin-top{
  margin-top: 35px !important;
}

body.uvod {
  background: #00205C url('img/bg.png') repeat-x !important;
}

p{
  font-family: tahoma;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 10px;
}
h3{
  color: #B7D0FF;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 5px;
}

a{
  color: #FFCC00;
}
a:hover{
  color: white;

}
h3.spol a{
  text-decoration: none;
  font-weight: 200;
}
h3 a:hover img{
  padding-left: 15px;
}

a img, .no-border{
  border: none;
}



hr {
  border: 0;
  margin: 30px;
  margin-top: 0px;
  margin-bottom: 5px;
  height: 1px;
  /*width: 90%;*/
  color: #27467D;
  background: #27467D;
}
.debug{
  border:1px solid red;
}
.float-left{
  float:left;
}
.float-right{
  float:right;
}
.clear-floating{
  clear: both;
}

.img-margin {
  margin: 0 15px 10px 0;
}

.img-border {
  border: 1px solid #B7D0FF;
}

.small-photo{
  padding: 10px 10px;
}
.logo-small{
  margin: 0 10px 5px 0;
}
.yellow{
  color: #FFCC00 !important;
}
.center{
  text-align: center;
}
.light-blue{
  color: #B7D0FF !important;
}
.dark-blue{
  color: #A2B7DD !important;
}

.no-border-left{
  border-left: none !important;
}

.no-border-right{
  border-right: none !important;
}
.no-text-decoration{
  text-decoration: none;
}
.text-center
{
  text-align: center;
}

.no-margin-right{
  margin-right: 0px !important;
}

.sloupce2 {
  margin-top: 0px;
  float: left;
  width: 50%;
}

.sloupce3 {
  float: left;
  width: 33%;
}

body#tipgames-cz {
  font-family: Tahoma, Verdana, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  color: #A2B7DD;
  background: #00205C;
}

div#footer{
  margin-top: 16px;
  _margin-top: 10px;
  margin-bottom: 10px;
  color: #7197DE;
  font-size: 11px;
  text-align: center;
}

.non-visible {
  position: absolute;
  left: -2000px; /* pristupne i pro hlasove ctecky */
}
img{

}
div#page-container {
  width: 564px;
  margin: auto;
  background: url(img/ruleta_bg.jpg) top right no-repeat;
}
.cont-uvod{
  width: 750px !important;
}
span#logo {
  display: block;
  margin: auto;
  width: 304px;
  height: 89px;
  cursor: hand;
  background: url('img/logo.png') no-repeat left top;
}

span#logo-tipgaming {
  display: block;
  margin: auto;
  width: 331px;
  height: 89px;
  cursor: hand;
  background: url('img/logo-tipgaming.png') no-repeat left 20px;
}

ul#main-menu {
  position: relative;
    top: -3px;
  _left: 6px;
  _top: -3px;
  margin-top: 20px;
  margin-left: 0px;
  width: 576px;
  float: left;
  _margin-right: -250px;
}

  ul#main-menu li
  {
    float: left;
    list-style: none;
  }

  ul#main-menu li a{
    display: block;
    padding-top: 50px;
    padding-right: 3px;
    _padding-right: 3px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
    color: #B7D0FF;
    text-decoration: none;
    text-align: center;
  }

  .info{
    background: url(img/menu-info.jpg) no-repeat;
    width: 107px;

  }
    .info-sel, .info:hover{
      background: url(img/menu-sel-info.jpg) no-repeat !important;
      width: 107px;
    }

  .bary{
    background: url(img/menu-bary.jpg) no-repeat;
    width: 86px;

  }
    .bary-sel, .bary:hover{
      background: url(img/menu-sel-bary.jpg) no-repeat !important;
      width: 86px;
    }

  .zarizeni{
    background: url(img/menu-zarizeni.gif) no-repeat;
    width: 106px;

  }
    .zarizeni-sel, .zarizeni:hover{
      background: url(img/menu-sel-zarizeni.gif) no-repeat !important;
      width: 106px;

    }
  .spoluprace{
    background: url(img/menu-spoluprace.jpg) no-repeat;
    width: 92px;
  }
    .spoluprace-sel, .spoluprace:hover{
      background: url(img/menu-sel-spoluprace.jpg) no-repeat !important;
      width: 92px;
    }
  .aktuality{
    background: url(img/menu-aktuality.gif) no-repeat;
    width: 81px;
  }
    .aktuality-sel, .aktuality:hover{
     background: url(img/menu-sel-aktuality.gif) no-repeat !important;
     width: 81px;
    }
  .kontakt{
    background: url(img/menu-kontakt.jpg) no-repeat;
    width: 78px;
  }
    .kontakt-sel, .kontakt:hover{
      background: url(img/menu-sel-kontakt.jpg) no-repeat !important;
      width: 78px;
    }

.menu-l-side{
  float: left;
  display: block;
  background: url(img/menu-bottom-l.jpg) no-repeat;
  width: 16px;
  height: 35px;

}

.menu-r-side{
  float: left;
  display: block;
  background: url(img/menu-bottom-r.jpg) no-repeat;
  width: 16px;
  height: 35px;

}
ul#bottom-menu{
  width: 546px;
  height: 35px;
  list-style: none;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 18px;



}
  ul#bottom-menu li{
  float: left;
  }

  ul#bottom-menu li a{
    float: left;
    padding: 10px;
    color: #B7D0FF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #1D407F;
    margin-right: 3px;
    background: url(img/bottomm_bg.jpg) top left repeat;
  }
/*  ul#bottom-menu li a:hover{
    background: url(img/bottomm_bg_h.jpg) top left repeat;
  }*/

div#content{
  clear: both;
  min-height: 300px;
  height: auto;
  _height: 300px;
  position: relative;
}

h2#nadpis_sekce{
  float: left;
  font-weight: lighter;
  width: 160px;

  font-family: Impact;
  font-size: 18px;
  letter-spacing: 2px;
  color: #F4EEDE;
  margin-top: 20px;
}
h2#nadpis_sekce.herni-zarizeni {
    display: block;
    float: none;
    margin: 10px 0 0 0;
    width: auto;
}
/* old menu*/
  ul#section-menu {
  float: left;
  margin-top: 20px;
  margin-left: 15px;
  margin-bottom: 18px;
  .margin-bottom: 0px;
}
ul#section-menu.herni-zarizeni {
    float: right;
    margin-left: 35px;
}
  ul#section-menu li
  {
    float: left;
    list-style: none;
    margin-right: 10px;
    background: url(img/smenu-bg.jpg) top left repeat-x;
  }
    ul#section-menu li.last {
      margin-right: 0;
    }

  ul#section-menu li a{
    display: block;
    float: left;

    font-size: 12px;
    font-weight: bold;

    color: #697C9D;
    text-decoration: none;
    text-align: center;
    border-top: 1px solid #27467D;
    border-bottom: 1px solid #27467D;

    padding: 4px;

}
    ul#section-menu li a:hover, ul#section-menu li a.selected{

      color: #F4EEDE;
    }

.smenu-l{
  display: block;
  float: left;
  background: url(img/smenu-l.jpg) no-repeat;
  width: 11px;
  height: 24px;

}
.smen-l:hover, .smenu-sel-l{
  background: url(img/smenu-l.jpg) no-repeat;
}
.smenu-r{
  display: block;
  float: left;
  background: url(img/smenu-r.jpg) no-repeat;
  width: 12px;
  height: 24px;

}
.smenu-r:hover, .smenu-sel-l{
  background: url(img/smenu-r.jpg) no-repeat;
}

.invisible{
  visibility: hidden;
}
/*end old menu*/

/*section menu
ul#section-menu {
  float: left;
  margin-top: 20px;
  margin-left: 15px;
  margin-bottom: 18px;
}
  ul#section-menu li
  {
    float: left;
    list-style: none;
    margin-right: 10px;
  }
  ul#section-menu li a{
    color: #697C9D;
    font-weight: bold;
  }
  ul#section-menu li .smenu-middle{
    display: block;
    float: left;
    height: 30px;
    text-align: center;
    background:  url(img/smenu-p.png) bottom center no-repeat;
  }
  ul#section-menu li .smenu-middle .smenu-item{
    position: relative;
    top: 5px;
    border-top: 1px solid #27467D;
    border-bottom: 1px solid #27467D;
    padding: 4px;

    background: url(img/smenu-bg.jpg) top left repeat-x;
  }

  ul#section-menu li .smenu-l, ul#section-menu li .smenu-r{
    display: block;
    float: left;
    background: url(img/smenu-l.png) no-repeat;
    width: 11px;
    height: 24px;
  }
  ul#section-menu li .smenu-r{
    background: url(img/smenu-r.png) no-repeat;
  }
  ul#section-menu li a:hover{
    color: white;
  }
  ul#section-menu li a:hover .smenu-middle .smenu-item{
     background: url(img/smenu-sel-bg.jpg) top left repeat-x;
  }
  ul#section-menu li a:hover .smenu-l{
    background: url(img/smenu-sel-l.png) no-repeat;
  }
  ul#section-menu li a:hover .smenu-r{
    background: url(img/smenu-sel-r.png) no-repeat;
  }

/*end section-menu*/


dl.popisek{
  margin: 10px 0px;
  padding: 0px;
  clear: both;
  width: 570px;
  height: 135px;

}
  dl.popisek dt{
    float: left;
  }

  dl.popisek dd{
    float: left;
    margin-left: 10px;
    width: 381px;
    min-height: 118px;
    background: url(img/dd-background.jpg) no-repeat;

  }
dl.common{
  margin: 17px;

}
  dl.common dt{
    width: 180px;
  }
  dl.common dd{
    margin-left: 8px;
  }

table.common{

  margin: 10px 0px;

  border: 1px solid #1D407F;
  border-collapse: collapse;
  width: 80%;
}
  table.common th{
    padding: 2px 4px 2px 4px;
    font-size: 12px;
    color: #FFCC00;
    text-align: left;
    border: 1px solid #1D407F;
    height: 20px;
  }
  table.common td{
    padding: 2px 4px 2px 4px;
    font-size: 12px;
    border: 1px solid #1D407F;
    border-collapse: collapse;
    text-align: left;
    height: 20px;
  }
table#oteviraci-doba{
  margin: 10px;
  border: 1px solid #1D407F;
  border-collapse: collapse;
}
table#oteviraci-doba th,
table#oteviraci-doba td{
  padding: 5px;
  _padding: 2px;
  border: 1px solid #1D407F;
}

table#oteviraci-doba th{
  color: #FFCC00;
}

.cena{
    color: #FFCC00 !important;
    font-weight: bold;
    font-size: 14px;
    float: right;
}


div.upoutavka {
    background: transparent url('/img/box.gif') no-repeat left top;
    height: 160px;
    float: left;
    margin: 20px 7px 30px 7px;
    position: relative;
    text-align: center;
    width: 174px;
}
div.upoutavka-last {
    margin-right: 0;
}
div.upoutavka a {
    color: #9dd0ff;
    display: block;
    text-decoration: none;
}
div.upoutavka a:hover {
    color: #fc0;
}
div.upoutavka a.text {
    height: 30px;
    left: 0;
    padding-top: 130px;
    position: absolute;
    top: 0;
    width: 174px;
}
div.upoutavka a.text-2-row {
    height: 37px;
    padding-top: 123px;
}

.clear-both {
    clear: both;
}


.obr img {
    margin-left: 35px;
}

a.obr img {
    margin-left: 20px;
}

.obr p {
    margin-left: 15px;
}
#narozeniny {
    text-align: center;
    margin: 30px 0 10px 0;
}
div.first {
    margin-left: 100px;
}