* {
     margin:0;
    padding: 0;
}
html, body {
    height: 100%;
    display: block;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}

a {
    -webkit-transition:.3s ;
    -moz-transition:.3s ;
    -ms-transition:.3s ;
    -o-transition:.3s ;
   transition:.3s ;
    color: #004e92;
    text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

ul li {
  line-height: 24px;
}



h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;font-weight: 400;line-height: 1;color:#004e92  }
h1 small, h2 small, h3 small,h4 small, h5 small, h6 small {font-family: 'Open Sans', sans-serif;  font-weight: 300;color: #121212;}
h4 {font-size: 22px;letter-spacing: -1px;}
h4 small {font-size: 20px;letter-spacing: -1px;}
h4 small.ad {font-size: 16px;letter-spacing: 0px;}
p {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}
@media (min-width: 180px) {
h1 {  font-size: 32px;}
h1 small {font-size: 32px;}
.lead {font-size: 16px;font-weight: 400;}
h2 {font-size: 30px;letter-spacing: -2px;}
h2 small {font-size: 30px;}
h3 {font-size: 20px;}
h3 small {font-size: 20px;}
h5 small {font-size: 13px;}
}
@media (min-width: 480px) {
h1 {font-size: 42px;}
h1 small {font-size: 42px;}
.lead {font-size: 16px;font-weight: 400;}
h2 {font-size: 38px;  letter-spacing: -2px;}
h2 small {font-size: 38px;}
h3 {font-size: 20px;}
h3 small {font-size: 20px;}
}
@media (min-width: 768px) {
h1 {font-size: 46px;}
h1 small {font-size: 46px;}
.lead {font-size: 18px;font-weight: 400;}
h2 {font-size: 42px;letter-spacing: -2px;}
h2 small {font-size: 42px;}
h3 {font-size: 28px;}
h3 small {font-size: 26px;}
h4 {font-size: 19px;letter-spacing: -1px;}
h4 small {font-size: 16px;letter-spacing: 0;}
}
@media (min-width: 992px) {
h1 {font-size: 46px;}
h1 small {font-size: 46px;}
.lead {font-size: 18px;font-weight: 400;}
h2 {font-size: 42px;letter-spacing: -3px;}
h2 small {font-size: 42px;}
h3 {font-size: 36px;letter-spacing: -1px;}
h3 small {font-size: 32px;}
}
@media (min-width: 1200px) {
h1 {font-size: 48px;  letter-spacing: -4px;}
h1 small {font-size: 56px;}
.lead {font-size: 18px;font-weight: 300;}
.lead span.strong{font-weight:900}
h2 {font-size: 37px;  letter-spacing: -3px;}
h2 small {font-size: 42px;}
}

section {
    padding-bottom: 60px;
}
/*------------- FIXED NAV --------------------*/
.navbar {
    background: #fff;
    box-shadow: none;
    border-bottom: 2px solid #dbf1ff  ;
    margin: 0;
    position:fixed;
    width:100%;
    
}

.logo img{
    margin-top: 25px;
    margin-bottom: 10px
}

#main-nav {    
    background: #fff;
}

#main-nav ul{    
    font-weight: 600;
}

#main-nav .navbar-nav>li>a {
    color: #000;
    border-radius:4px;
    text-transform: uppercase;
}
#main-nav  .navbar-nav >li.open > a{
   border-bottom-left-radius:0px;
   border-bottom-right-radius:0px;
 }
#main-nav .navbar-nav>li.open>a {
    color: white;
    text-transform: uppercase;
}
.ordinacni-hodiny{
  width:100%;
  border-collapse:collapse;
  border-spacing:0px;
  border:none;
}
.ordinacni-hodiny th{
  text-align:left;
}
.ordinacni-hodiny td{
  text-align:left;
  border-spacing:0px;
  border:none;
  padding:0px;
  
}
.ordinacni-hodiny tr td:nth-child(1){
width:65%;}
.ordinacni-hodiny tr td:nth-child(2){
width:35%;text-align:right}
.ordinacni-hodiny td.r{
  text-align:right;
  min-width:60px;
}

#main-nav .navbar-nav>li>a:hover {
    color: white;
}

#main-nav .navbar-nav>li>a.active {
    color: #7FA2C0;
}

.logo img{
    height: 40px;
    margin-top: 10px;
}


@media (min-width: 768px) {
    #main-nav>ul{
    font-size: 12px;
        margin-top: 27px;
}

#main-nav .navbar-nav>li>a {
    padding: 15px 5px; 
}
.logo img{
    height: 50px;
     margin-top: 20px;
}
}
@media (min-width: 992px) {
    #main-nav ul {
    font-size: 14px;    
    }
    #main-nav .navbar-nav>li>a {
    padding: 15px 10px;margin-left:5px; 
}
  .logo img{
    height: 60px;
}
    .navbar-toggle {
    margin-top: 40px;
    }
}
    
.navbar-toggle {
    margin-top: 15px;
    border: none;
    background: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background: #004F93;
    height: 3px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
  background: none;
}


/*---------------IMAGE BANNER ------------------*/

#image-banner { 

padding-top:92px;
     margin-bottom: 20px;
}

#image-banner img {
    
    width: 100%;
  
    border-top: 0;
}


/*---------------NEWS ------------------*/


#news h2 {
    text-align: center;
}

.flash {
    padding:20px;
}
.date {
  float: left;
  margin-right: 10px;
  margin-top: 8px;
  text-align: center;
}

.date .day {
    border: 3px solid #004e92  ;
    padding: 10px 10px;
    margin-top: 0px;
}

.date .month {
    border: 3px solid #004e92;
    color: #fff;
    background: #004e92;
    margin-top: -12px;
    border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
}
/*---------------VYHODY ------------------*/


.advantage-container .banner-box {
  border-right: 1px solid #dbf1ff  ;
  overflow: hidden;
  position: relative;
  padding: 40px;
}

.advantage-row1 .banner-box2 {
  background-color: #dbf1ff          ;
}

.advantage-container .banner-box:nth-child(3) {
  border-right: 0px none;
}

.advantage-container .banner-box2:nth-child(6) {
  border-right: 0px none;
}

.section-title > .lead {
    text-align: center;
}
.section-title > h2 {
    text-align: center;
}

.btn-default-dark {
    color: #fff;    
  background-color: #004e92;
  border: 3px solid #004e92;
    cursor: pointer;    
    line-height: 32px;
    
  font-size:1.0em;

  
}

.btn-default-dark:first-letter {
  text-transform: uppercase;
}
.btn-default-dark:hover {
    color: #222;
  background-color:transparent;
}
/*---------------O NAS ------------------*/
#about {
    background-color: #FFFFFF;
  position:relative;
}
#about-owl {
  position: relative;   
  max-width:100%;
  margin:0px auto 0;
  float:left; 
}

.about-owl-wrap {
  padding-bottom: 30px;
}

#about-owl a, #pay-service-owl a{transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;}
#about-owl a:hover, #pay-service-owl a:hover{color:red}
.trending-project-wrap {
  margin-top: 60px;
  margin-bottom: 60px;
  margin:0 20px;
}
.trending-head{
  margin-top:0px;
  margin-bottom:40px;
}

.tp-block-mini {
    height: auto;
}
#pay-service-owl .tp-block-mini {
    height: auto;
}
#pay-service-owl .tp-block-text {
    height: 230px;
    line-height: 24px;
}
.tp-block {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 10px;
}
.tp-block-mini .tp-block-image {
    height: 160px;
}
.tp-block .tp-block-image, .tp-block .tp-block-avatar {
    background-position: center center;
    background-size: cover;
  -webkit-background-size: cover;
}
.tp1{
  background-image:url("../images/pobocky/b7.jpg");
}
.tp2{
  background-image:url("../images/pobocky/DSC_0143_u_resize.jpg");
}
.tp3{
  background-image:url("../images/sportovni-masaz.png");
}
.tp4{
  background-image:url("../img/portfolio/tp4.jpg");
}
.tp5{
  background-image:url("../img/portfolio/tp5.jpg");
}
.lymfo-back{
  background-image:url("../img/lymfaticka-masaz-dk.png");

}
.tp-block-mini .tp-block-text {
    background: rgba(0, 0, 0, 0.03);
    padding: 12px 24px;
}

.tp-block-mini .tp-block-text.about {
   height: 300px;
}
.tp-block-mini .tp-block-text h4 {
    display: block;
      line-height:140%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;-webkit-text-overflow: ellipsis;
}
.tp-block-mini .tp-block-text h5 {
    color: #A9A9A9;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tp-block-mini .tp-block-text h6 {
    color: #A9A9A9;
    font-size: 12px;    
    text-transform: uppercase;
  font-style:italic;
  font-weight:500;
}
.owl-pagination{text-align:center;}
.owl-controls .owl-page {
    display: inline-block;
}
.owl-controls .owl-page span {
    background: none repeat scroll 0 0 #333;
    border-radius: 20px;-webkit-border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
}
.owl-controls .owl-page span.owl-numbers {
    border-radius: 30px;-webkit-border-radius: 30px;
    color: #FFFFFF;
    font-size: 12px;
    height: auto;
    padding: 2px 10px;
    width: auto;
}
.tp-block:hover .tp-block-image{opacity:.9;}
@media (max-width: 768px) {
  .trending-head:before {margin:0 auto;}
}
@media (max-width: 480px) {
  .trending-project-wrap{margin:0;}
}

/*---------------KOMERCNI SLUZBY ------------------*/


/*---------------FOOTER ------------------*/
#footer {
  background-color: #121212;
    padding: 80px;
    color: #fff;
}

footer .footer-menu {

    padding-top: 30px;
    font-size: 12px;
    font-weight: 400;
    height: 64px;
    color: #999;
}
footer .footer-menu a {
    color: #999;
    font-weight: 500;
    margin-left: 30px;
    text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}
footer .footer-menu a:hover {
    color: #fff;
}


.wide-footer {
    background: #004e92;
    color: #FFFFFF;
    padding: 40px 0;
}
.wide-footer h5{
color:white}
.wide-footer a{
  color:#fff;
}
.wide-footer .footer-block {
    padding-bottom: 47px;
}
.footer-about {
    padding-right: 80px;
}
.wide-footer .footer-ad {
    padding-left: 33.5px;
}
.wide-disclaimer {
    border-top: 2px solid #FFFFFF;
    color: #777776;
    font-size: 13px;
    padding-top: 25px;
  padding-left:0px;
  padding-right:0px;
}
.wide-footer h5 {
    border: 0 none;
    font-size: 15px;
    margin-bottom: 16px;
    padding: 0;
    text-transform: uppercase;
  letter-spacing: 0.06em;
    line-height: 25px;
}
.wide-footer p{
  margin:0;
}
.copyright {
    font-size: 13px;
    letter-spacing: 0.02em;
    margin-right: 22px;
}
.wide-disclaimer .copyright {
    color: #FFFFFF;
}
.wide-disclaimer a {
    color: white;
    margin: 0;
  transition: color 0.2s ease-out 0s;
  
}
.wide-disclaimer .gotop {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 22px;
    height: 52px;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: -27px;
    transition: color 0.2s ease-out 0s;
  -webkit-transition: color 0.2s ease-out 0s;
  -moz-transition: color 0.2s ease-out 0s;
  -o-transition: color 0.2s ease-out 0s;
    width: 52px;
    cursor: pointer;
    text-decoration: none;
}
.gotop i{position:relative;top:23px;}
.wide-disclaimer .gotop:hover{
  background-color:#fff;
  color:#222
}


@media (max-width: 1024px) {

}
@media (max-width: 992px) {
  #social_links ul{text-align:left}
  .wide-footer .footer-ad {padding-left: 15px;}
}
@media (max-width: 768px) {
  #social_links ul{text-align:left}
  .wide-footer .footer-ad {padding-left: 15px;}
}
@media (max-width: 480px) {
  label {margin-bottom: 20px;}
  #register input[type="text"]{width:100%;}
  input[type="submit"] {width: 100%;}
  #social_links ul{text-align:left}
  #social_links ul li{margin-bottom:4px;}
  .footer-about {padding-right: 0;}
  .wide-footer .footer-ad {padding-left: 15px;}
  .wide-disclaimer a {margin: 0;}
  .wide-disclaimer .gotop{top:-66px; }
}

.icon-chevron-up {
    font-size: 25px;
    line-height: 52px;
    vertical-align: middle;
    text-decoration: none;
}

/*----------------LEKARI-----------------*/



#lekari .images {
    width: 100%;
    z-index: 10;

 }

#lekari .border {
    width: 100%;
    height: 10px;
    background: #004e92;
    
    font-size: 60px;
    text-align: center;
    color: #999;
    margin-bottom: 30px;
    position: relative;
     -webkit-transition:.3s ;
    -moz-transition:.3s ;
    -ms-transition:.3s ;
    -o-transition:.3s ;
   transition:.3s ;
    
    
}

#lekari .icon-triangle-down {
    position: absolute;
    top: 10px;
    left: 50%;
    color:#004e92;
    margin-left: -20px;
    
}

#lekari .border:hover , #lekari .images:hover + .border {
   background: #444;
   color: #444;
}
#lekari .details {
    padding-top: 10px;
    margin-left: 5px
}
#lekari .details, #lekari .details ul {
    list-style: none;
}
#lekari .details ul>li{
    margin-left: 5px;
    margin-bottom: 5px;

}



/*--------------REHAB-------------------*/


/*---------------REHABINFO------------------*/
 #rehabinfo ul li {
     padding: 5px 0;
     margin-left: 20px;
 }

/*--------------- SIDEMENU------------------*/

.sidemenu {
    list-style: none;
}
.sidemenu li {
    margin: 2px 0px;
}
.sidemenu li a {
  font-size: 15px;
  transition: all 200ms ease-out;
  display: block;
  background: #91caee;
  color: white;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 2px;
  padding: 13px 20px;
}

.sidemenu li a:hover, .sidemenu li a.active{
    color: white;
  background-color:#004e92  ;
}

/*---------------- POBOCKY -----------------*/


#pobocky .lead, #pobocky .left {
    text-align: left;
}

/*---------------- ODHLASOVANI Z PROCEDUR FORM--------------*/

#odhaseni_form input,#odhaseni_form textarea, #odhaseni_form select  {
  font-size: 13px;
  transition: all 200ms ease-out;
  display: block;
  background: #fff;
  color: #004e92  ;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 2px;
  padding: 18px 20px;
  border: 1px solid #004e92;
  margin-bottom: 5px;   
  width: 100%;
}
#odhaseni_form input.error,#odhaseni_form textarea.error, #odhaseni_form select.error,#odhaseni_form input.error:focus,#odhaseni_form textarea.error:focus  {

  border: 1px solid red;

}
#dotaznik input.error,#dotaznik textarea.error, #dotaznik select.error,#dotaznik input.error:focus,#dotaznik textarea.error:focus  {

  border: 1px solid red;

}
::-webkit-input-placeholder {
   color: #004e92;
}

:-moz-placeholder { /* Firefox 18- */
   color: #004e92;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #004e92;  
}

:-ms-input-placeholder {  
   color: #004e92;  
}

#odhaseni_form input:focus,#odhaseni_form textarea:focus, #odhaseni_form select:focus {
    background: transparent;
    outline: none;
    border-color: #004e92;
}

#odhaseni_form textarea{
    height:187px;
}
#odhaseni_form textarea:disabled{
  background:#f2f2f2  
}

#odhaseni_form h4 {
    padding: 18px 20px;
    margin: 0 0 8px 0;
    
}
#odhaseni_form  input[type="checkbox"] {
    width: auto;
    display: inline;
    margin-right: 15px;
}

#odhaseni_form label {
    display: block;
    padding: 2px 10px;
}

#odhaseni_form #ktere {
    height: 120px;
}

#odhaseni_form #btn {
    width: 45%;
    float: right;
    color: #fff;
    background-color: #595959;
    border: 2px solid #515151;
    transition: all 200ms ease-out;
}

#odhaseni_form #btn:hover {
    background: #eeeeee;
    color: #999999;
    border: 2px solid #dddddd;
}

#odhaseni_form .ruseni {
    width: 49%;
    display: inline-block;
}
/*---------------- KONTAKT -----------------*/

#kontakt {
    padding-bottom: 60px;
}

#kontakt .map-canvas {
    height: 500px;
    width: 100%;
    border: none;
}

#kontakt .row {
    margin-bottom: 25px;
}

#kontakt .row h4 {
    padding-bottom: 10px;
}


/*---------------- KONTAKT FORM -----------------*/

#kontakt_form input,#kontakt_form textarea  {
  font-size: 13px;
  transition: all 200ms ease-out;
  display: block;
  background: #eeeeee;
  color: #999999;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 2px;
  padding: 18px 20px;
  border: 2px solid #dddddd;
  margin-bottom: 5px;   
  width: 100%;
}

#kontakt_form input:focus,#kontakt_form textarea:focus {
    background: transparent;
    outline: none;
    border-color: #666;
}

#kontakt_form textarea{
    height: 185px;
}



#kontakt_form #btn:hover {
    background: #eeeeee;
    color: #999999;
    border: 2px solid #dddddd;
}

/*---------------- DOTAZNIK -----------------*/

#dotaznik form label {
    display: block;
}

#dotaznik .row {
   margin-bottom: 30px;
}

#dotaznik h4 {
   line-height: 25px;
}

#dotaznik textarea, #dotaznik input[type='text'], #dotaznik select {
  font-size: 13px;
  transition: all 200ms ease-out;
  display: block;
  background: #fff;
  color: #999999;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-radius: 2px;
  padding: 18px 20px;
  border: 1px solid #004e92;
  margin-bottom: 5px;   
  width: 100%;
}

#dotaznik textarea {
  height: 257px;
}

#dotaznik select {
    padding: 9px 10px;
}

#dotaznik .inline {
  display: inline;
  margin-left: 10px;  
  width: auto;
  margin-top: 10px;
}

#dotaznik #btn {
    width: 45%;
    float: right;
    color: #fff;
    background-color: #595959;
    border: 2px solid #515151;
    transition: all 200ms ease-out;
}

#dotaznik #btn:hover {
    background: #eeeeee;
    color: #999999;
    border: 2px solid #dddddd;
}

#dotaznik label.reset {
    font-weight: normal!important;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}

.yamm .dropdown-menu {
  left: auto;
}
.yamm .nastred_menu {
  left: -250%;
}   
.yamm .yamm-content {
  padding: 10px 10px;
  overflow:auto
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
#ousko{position:fixed;right:-5px;top:40%;background:#004e92;color:white;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
#ousko:hover{right:0px;
}
.preview ul, .preview ol{padding-left:18px;}


.yamm-content .col-md-4 li:nth-last-child(1) a{
  border-bottom:none;
}
/* cenik */

.cenik-samoplatci tbody > tr td {
  padding: 5px 0;

}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .dropdown-menu > li ul>li > a {
  color: #777;
}
.yamm-content {
  padding:0!important;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 5px 15px 5px 25px;
}

.dropdown-menu > li ul>li > a {
  padding: 5px 15px 5px 0px;
}
}