body {
  background: url('../img/bg.gif') repeat-x;
  background-color: #fff;
  text-align: center;
  padding: 0px; margin: 0;
}
body, input {font-family: Tahoma, sans-serif; font-size: 13px; color: #000; }

img {border: 0;}
a {color: #B43031; text-decoration: underline;}
a:hover {text-decoration: none;}
div.divider { background: url('../img/divider.gif') repeat-x; width: 100%; height: 1px; padding: 0; margin: 7px 0 7px 0;}
div.divider2 { background: url('../img/divider2.gif') no-repeat; width: 922px; height: 12px; padding: 0; margin: 15px 0 5px 0;}

#all {
    margin: auto;
    max-width: 980px;
    text-align: left;
}
#bg-logo {
  background: url('../img/bg-logo.jpg') repeat-x;
  width: 980px; height: 93px;
}
#logo { float: left; padding: 30px 0 0 35px; font-family: 'Kaushan Script', Muli, 'Open Sans', sans-serif; font-weight: bold; font-weight: 600; color: #fff; font-size: 42px; line-height: 19px; }
#logo span { font-family: Tahoma, sans-serif; font-weight: 300; color: #fff; font-size: 11px; padding-left: 10px; }
#logo a { color: #fff; text-decoration: none; }

#top-menu { float: right; padding: 15px 20px 0 0; width: 250px; font-family: Muli, 'Open Sans', sans-serif; font-weight: 300; color: #d9d9d9; font-size: 14px; }
#top-menu a { text-decoration: none; font-weight: 600; color: #fff; font-size: 24px; }
#top-menu a:hover {}
#top-menu img {float: left; padding: 10px 20px 0 0; width: 36px; height: 36px; }
#top-menu strong {font-weight: normal; color:#e10000 }
#top-menu span {font-weight: 600; color: #fff; font-size: 29px; }
#top-menu img {margin-top: 5px;}
#top-menu {
  text-decoration: none;
}

#top-menu .text {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}

#top {
  background: url('../img/bg-top.jpg') repeat-x;
  width: 980px; height: 115px;
}
#top-kluci {
  background: url('../img/bg-top-kluci.jpg') repeat-x;
  width: 980px; height: 115px;
}

#top-text { padding: 27px 0 0 30px; color: #fff; width: 650px; line-height: 16px; font-size: 13px; }

#menu { float: left; width: 954px; height: 30px; padding-left: 26px;}
#menu ul { padding: 0px; margin: 0px; }
#menu li {
  list-style-type: none; float: left;
  margin: 0; padding: 0 5px 0 0;
}
#menu a {
  float: left;
  font-weight: bold; font-size: 16px; text-decoration: none;
  display: block; text-align: center;
  margin: 0; padding: 4px 0 0 0;
  height: 26px;
}
.menu1 a { background: url('../img/menu1.gif') no-repeat 0px -30px; width: 217px; color: #000; }
.menu1 a:hover, .active1 a { background: url('../img/menu1.gif') no-repeat 0px 0px; width: 217px; color: #fff; }
.menu2 a { background: url('../img/menu2.gif') no-repeat 0px -30px; width: 213px; color: #000; }
.menu2 a:hover, .active2 a { background: url('../img/menu2.gif') no-repeat 0px 0px; width: 213px; color: #fff; }
.menu3 a { background: url('../img/menu3.gif') no-repeat 0px -30px; width: 233px; color: #000; }
.menu3 a:hover, .active3 a { background: url('../img/menu3.gif') no-repeat 0px 0px; width: 233px; color: #fff; }

#content { clear: both; width: 925px; margin: 0; padding: 25px 25px 20px 30px;}
#content .home-info { color: #ff0000; text-align: right; font-weight: bold; font-size: 13px; }
#content .home-info span { color: #000; font-size: 13px; }
#content .podtext { line-height: 1.5; padding-bottom: 5px; text-align: justify; }



#footer {
    clear: both;
    background: #fff url('../img/bg-footer.gif') repeat-x;
    height: 100px;
    padding: 0px 0px 0px 0px;
}

#bottom-menu {
    clear: both;
    padding: 12px 0px 0px 0px;
    text-align: center;
    color: #7B7B7B; font-size: 11px;
}
#bottom-menu a { color: #000; }

#copyright {
    clear: both;
    padding: 20px 0px 0px 0px;
    text-align: center;
    line-height: 15px;
    color: #444; font-size: 11px;

}
#copyright a { color: #444; font-size: 11px; }

#partneri {
    clear: both;
    text-align: center;
    padding: 20px 0px 20px 0px;
    color: #000; font-size: 11px;
    line-height: 17px;
}
#partneri a { color: #7B7B7B; font-size: 11px; }

h1 { font-size: 17px; color: #fff; font-weight: bold; margin: 0px; padding: 0px 0 3px 0px; }
h2 { font-size: 20px; color: #000; font-weight: bold; margin: 0px; padding: 5px 0 20px 0px; }
h2.home {  margin: -25px 0 0 0; padding-top: 0; }
h2.kat { font-size: 14px; color: #000; padding: 0 0 5px 0; margin: 0px; }
h3 {
  font-size: 13px; color: #000;
  background: url('../img/bod.gif') 7px 12px no-repeat;
  font-weight: normal;
  margin: 0px; padding: 6px 0 6px 20px;
}
h3 strong {
  font-size: 15px;
  font-weight: bold;
}
h4 { font-size: 14px; color: #000; padding: 0 0 5px 0; margin: 0px; }
h5 { font-size: 14px; color: #000; font-weight: bold; margin: 0px; padding: 0px 0 10px 0px; }
h6 { font-size: 8px; }

.nadpis { font-size: 13px; width: 132px; height: 23px; font-weight: bold; margin: 0px; padding: 4px 0 10px 40px; background: url('../images/bg-nadpis.jpg') no-repeat; }


.hotline input { width: 200px; }
.hotline input.radio { width: 18px; }
.hotline textarea { height: 70px; width: 300px; }

.stroje TD { padding-top: 15px; }
.stroje img { margin: 0 15px 0 0; border: #c9c9c9 1px solid; }



.nabidka {
  float: left;
  background: #FAE6D2;
  width: 150px;
  margin: 2px; margin-top: 10px; margin-bottom: 15px; padding: 0;
  border-top: #CC0000 1px solid;
}
.fotka {
  background: #fefbf6;
  width: 148px; height: 206px;
  margin: 0 0 0 1px; padding: 0;
  border-top: #999 1px solid; border-bottom: #999 1px solid;
  text-align: center;
}
.fotka img { margin-top: 9px; }

.nabidka-cislo {
  display: none;
  width: 136px;
  margin: 0; padding: 2px 7px 3px 7px;
  font-size: 11px; color: #000;
  line-height: 18px;
}
.nabidka .nova { position: absolute; margin: 31px 0 0 98px;}

.cerveny-pruh { background: #ff0000; margin: 0px; padding: 5px 5px 5px 5px; border-bottom: #F5F5F5 1px solid; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
.cerveny-pruh-sms { background: #FF0000;width: 140px; margin: 0; padding: 3px 0 3px 10px; border-bottom: #F5F5F5 2px solid; font-size: 11px; color: #000; }
.cerveny-pruh .is-online, .cerveny-pruh .is-offline {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.cerveny-pruh .is-online {
    background: #82dc22 url('../img/ico-online.png') no-repeat;
}
.cerveny-pruh .is-offline {
    background: #ff0000;
}
.cislo { color: #fff; font-size: 14px; }
.cislo-offline { color: #fff; font-size: 14px; }
.sms { color: #fff; font-size: 14px; }
.cerny-pruh { background: #000; width: 145px; margin: 0; padding: 4px 5px 4px 0;  text-align: right;}
.cerny-pruh a { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none;}
.cerny-pruh .sms {font-size: 11px; color: #fff;  }

.rounded {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomright: 10px;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;

border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.nabidka-cislo-detail {
  width: 600px;
  background: #000;
  margin: 0; padding: 7px 0px 7px 0px;
  text-align: center;
  font-size: 20px; color: #fff;

  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;

  -khtml-border-radius-topleft: 10px;
  -khtml-border-radius-topright: 10px;

  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;


}
.cislo-detail { color: #fff; font-weight: bold; font-size: 44px;}
.cerveny-pruh-detail {
  background: #FF0000;
  width: 600px;
  margin: 0; padding: 7px 0px 7px 0px;
  text-align: center;
  border-top: #fff 1px solid;
  font-size: 20px; color: #000; font-weight: bold;

  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;

  -khtml-border-radius-bottomleft: 10px;
  -khtml-border-radius-bottomright: 10px;

  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.kod-detail { color: #FFF; font-size: 50px; }

.zalozka-fotky{
  display:block;float:left;font-size: 14px;font-weight:bold;margin-right:2px;background-color:#ff0000; color:#fff;padding: 5px 10px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;

  -khtml-border-radius-topleft: 7px;
  -khtml-border-radius-topright: 7px;

  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
div.fotky{clear:both;border:solid 1px #d9d9d9; border-top:solid 1px #ff0000; padding: 10px 0 10px 0; }
div.fotky a{display: inline-block; vertical-align: middle;}
div.fotky img { border: #d9d9d9 1px solid; margin: 10px;}


#sms { background: url('/img/bg-sms.gif') no-repeat; width: 470px; height: 33px; margin-top: 30px; padding: 5px 10px 25px 120px; line-height: 17px; }

#menu-mobile {
  display: none;
}



.girl-photo {
  float: right;
}
.girl-photo img { border: #d9d9d9 1px solid; }

.girl-desc {
  width: 600px;
  font-size: 13px;
  line-height: 18px;
}

.cislo, .cislo-detail {
  text-decoration: none;
}

.btn {
  display: inline-block;
  padding: 6px 6px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
}
.btn:focus,
.btn:active {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-primary {
  color: #fff;
  background-color: #ff0000;
}
.btn-primary:focus {
  color: #fff;
  background-color: #ff4d4d;
}
.btn-primary:hover {
  color: #fff;
  background-color: #ff4d4d;
}
.btn-lg {
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 8px;
}

.btn-more, .btn-more-home {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
  display: none;
}
.btn-more-home {
  margin-top: 10px;
  display: block;
}

.girl-phone {
  display: none;
}

.cerny-pruh-mobile {
  display: none;
}

.link-mobile {
    display: none;
}


/*********** RESPONSIVE ***********/


@media (max-width: 979px) {
  body {
    background-image: none;
  }

  h2 {
    padding: 5px 0 10px 0px;
  }

  h2.home {
    margin: 20px 0 10px;
  }
  h2.linka {
    text-align: center;
    font-weight: normal;
  }
  h2.linka strong {
    font-size: 24px;
  }

  fieldset {
    width: 700px !important;
    margin: 0 auto !important;
  }

  .hotline textarea {
    width: 440px !important;
  }

  #bg-logo {
    width: auto;
    height: auto;
    background: #000;
  }

  #top-menu {
    float: none;
    width: auto;
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0 40px 10px;
    white-space: nowrap;
  }

  #top-menu span {
    font-size: 23px;
  }

  #logo {
    float: none;
    padding: 20px 10px 10px;
     font-size: 42px; line-height: 19px;
  }
  #logo span { padding-left: 10px; font-size: 11px;}

  #top {
    width: auto;
    height: auto;
    background: #ff0000;
  }

  #top-text {
    padding: 15px 10px;
    width: auto;
  }

  #footer {
    height: auto;
    padding: 0 10px;
  }

  #bottom-menu {
    line-height: 17px;
  }

  #menu {
    float: none;
    width: auto;
    height: auto;
    padding-left: 0;
  }

  #menu ul {
    display: table;
    margin: 0 auto;
  }

  #menu li {
    display: table-cell;
    float: none;
    padding: 0 3px;
  }

  #menu a {
    float: none;
    width: auto;
    height: auto;
    padding: 5px 10px;
    background: #fff2f2 !important;
    border: solid #ff0000;
    border-width: 0 1px 1px;
    border-radius: 0 0 8px 8px;
  }

  #menu a:hover {
    color: #000;
  }

  #menu .active1 a, #menu .active2 a, #menu .active3 a {
    color: #fff;
    width: auto;
    background: #ff0000 !important;
  }

  #menu-mobile {
    position: absolute;
    left: -9999px;
  }

  #content {
    width: auto;
    padding: 10px;
  }

  #content .home-info {

  }

  div.divider2 {
    width: auto;
  }

  .nabidky {
    text-align: center;
    margin: 0;
    overflow: hidden;
    transition: height 1s;
  }

  .nabidka {
    float: none;
    display: inline-block;
    position: relative;
    width: 31%;
    box-sizing: border-box;
    margin: 10px 1% 15px;
  }

  .nabidka .nabidka-cislo, .nabidka .cerveny-pruh, .nabidka .cerny-pruh, .nabidka .cerveny-pruh-sms {
    width: 100%;
    box-sizing: border-box;
  }

  .nabidka .fotka {
    width: auto;
    margin: 0 1px;
    height: auto;
    border-top: #fefbf6 1px solid;
    border-bottom: #fefbf6 1px solid;
  }

  .nabidka .fotka img {
    max-width: 100%;
    height: auto;
    margin: 0px auto;
    display: block;
  }

  .nabidka .fotka a {
    display: block;
  }

  .nabidka .nova {
    margin: 0;
    top: 31px;
    right: 1px;
  }

  .nabidka .cerveny-pruh {
    padding: 5px;
    background: #ff0000;
  }
  .nabidka .cislo { font-size: 18px;}


  .girl-photo {
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
  }

  .girl-desc {
    width: auto;
    overflow: hidden;
  }

  .nabidka-cislo-detail {
    width: auto;
    overflow: hidden;
  }

  .cerveny-pruh-detail {
    width: auto;
    overflow: hidden;
  }

  .cislo-detail {
    font-size: 34px;
  }

  #sms {
    background: none;
    width: auto;
    height: auto;
    margin: 10px 0 20px;
    padding: 5px 10px;
    border: 1px solid #999;
    border-radius: 10px;
    overflow: hidden;
  }

  .fotky {
    text-align: center;
  }

  .fotky a {
    display: inline-block;
  }

  #outerImageContainer {
    max-width: 100%;
    height: auto !important;
  }

  #imageDataContainer {
    max-width: 100%;
    position: relative;
    z-index: 1;
  }

  #lightboxImage {
    max-width: 100%;
    height: auto;
    display: block;
  }

  #nextLink, #prevLink {
    height: 100% !important;
  }

  .girl-detail #top-menu {
    display: none;
  }

  .btn-more, .btn-more-home {
    display: block;
  }

  .cerny-pruh-mobile {
    display: block;
    background: #000;
    color: #fff;
    padding: 5px 5px 6px;
  }


}


@media (max-width: 767px) {
  .nemobil { display: none; }

  h1 {
    color: #000;
    line-height: 1.4;
  }
  h1.home {
    display: none;
  }
  h2 { font-size: 17px;  }
  h2.home {
    margin-top: 10px; font-size: 18px;
  }
  h3 {
    background: none;
  }

  fieldset {
    width: auto !important;
  }

  .home-info {
    display: none;
  }

  .hotline {
    width: 100%;
  }

  .hotline td {
    padding: 0 !important;
    text-align: left !important;
  }

  .hotline input, .hotline textarea {
    width: 100% !important;
    box-sizing: border-box;
  }

  #top-menu {
    position: static;
    display: block;
    padding: 10px 5px;
    background: #ff0000;
    text-align: center;
  }

  .girl-phone {
    display: block;
    padding: 10px 5px;
    background: #ff0000;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-family: Muli, 'Open Sans', sans-serif; font-weight: 600; font-size: 14px;
  }


  #top-menu .text {
    display: none;
  }

  #top-menu img {
    display: none;
  }

  #top-menu span, .girl-phone span {
    vertical-align: middle;
    position: relative;
    font-size: 28px;
    padding-left: 36px;
  }

  #top-menu span:before, .girl-phone span:before {
    content: '';
    background: url('../img/phone-icon-mobile.png') 0px 3px no-repeat;
    width: 26px;
    height: 36px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-background-size: 100%;
    background-size: 100%;
  }

  #top-menu img {
    width: 23px;
    height: auto;
  }

  #top {
    background: none;
    padding: 0px 0;
    margin: 0px 0 0;
    /*border: dotted #000;
    border-width: 1px 0; */
  }

  #top-text {
    padding: 20px 10px;
    color: #000;
    line-height: 18px;
    text-align: justify;
    background: #fbf2eb;
  }

  #top-text h1 {
    margin-bottom: 10px;
  }

  #menu ul {
    display: none;
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    z-index: 1;
  }

  #menu li {
    display: block;
    padding: 0;
  }

  #menu a {
    border-width: 0 0 1px;
    border-radius: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    padding: 12px 10px 12px 20px;

  }

  .link-mobile {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../img/menu.png') no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 18px;
    right: 10px;
    -webkit-background-size: 100%;
    background-size: 100%;
  }

  #menu-mobile {
    display: block;
  }

  #menu-mobile:checked + ul {
    display: block;
  }

  .girl-photo {
    margin-left: 0;
    float: none;
  }

  .girl-detail #top {
    display: none;
  }

  .nabidka {
    width: 47%;
    margin-left: 1%;
    margin-right: 1%;
  }
}