body {margin: 0;padding: 0;font-family: Arial, Tahoma, sans-serif;font-size: 15px;background: #c5e2ff url('../img/bg_mal.jpg') no-repeat top center fixed;background-size: 1500px;}
a {color: #ff2200;outline: none;text-decoration: underline;}
a:hover {text-decoration: none;}
p {margin: 0 0 11px;}
img {border: none;display:inline-block;max-width: 100%;}
input {vertical-align: middle}
#preRoll {display: none;}
ol, ul {margin:0;padding:0;}
.red {color: #ff3300;}
.clear {width:100%;height: 20px;}
.middle {width:100%;max-width: 600px;margin:10px auto;text-align:center;}
.center {text-align: center;}
.subtitle {color:#9d4cb4;font-size:18px;font-weight:normal;}
.quote {width:90%;border: 1px solid #999;background: #f1f1f1;border-radius:5px;padding:10px;margin:15px auto;text-align:left;min-height: 70px;}
.roundAva {border-radius: 35px;width: 70px;height:70px;float:left;margin-right:10px;}

a.button24 {
 display: inline-block;
 color: white;
 text-decoration: none;
 padding: .5em 2em;
 margin: 30px 0;
 outline: none;
 border-width: 2px 0;
 border-style: solid none;
 border-color: #FDBE33 #000 #D77206;
 border-radius: 36px;
 background: linear-gradient(#F3AE0F, #E38916) #E38916;
 transition: 0.2s;
 font-size: 28px;
}
a.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

.btn {display:inline-block;color: #d6043b;font-size: 26px;margin:10px auto;}
.btn:hover {color: #27c942;}

.wrapper:before {
 content: " ";
 width: 55px;
 height: 335px;
 position: absolute;
 left: -65px;
 top: 150px;
}
.wrapper:after {
 content: " ";
 width: 61px;
 height: 313px;
 position: absolute;
 right: -71px;
 top: 500px;
}

.blinking {
 -webkit-animation: blink 0.5s linear infinite;
 animation: blink 0.5s linear infinite;
}
@-webkit-keyframes blink {
 50% { color: rgba(250, 55, 0, 0); }
}
@keyframes blink {
 50% { color: rgba(250, 55, 0, 0); }
}


.wrapper {width: 98%;max-width: 960px;margin:0 auto;position:relative;}
.wrapper > div {text-align: center;padding: 10px 0;}
#header {padding:0;position: absolute;top: -320px;left: 0;height: 320px;width: 960px;}
.logo{    position: absolute;
 top: 40px;
 left: 25px;
 background: url(../img/logo.png) no-repeat 0 0;
 background-size: contain;
 font-family: 'Playball', cursive;
 font-size: 92px;
 line-height: 1;
 color: #ffffff;
 padding-left: 92px;
 width: 396px;
 height: 227px;
 text-align: left;
 padding-top: 20px;
 box-sizing: border-box;
 text-shadow: 1px 1px 18px #020202;
}
.doctor-top{position: absolute;top:0;right: 90px;}

#title {background: #35454c;color:#fff;font-size: 19px;text-transform: uppercase;}
#content {background: #fff;padding: 15px;text-align: left;font-size: 17px;margin-top: 320px;}
#content > div {display: inline-block;}
#content .leftRow {width: 670px;padding-top: 10px;}
#content .rightRow {float: right;width: 220px;vertical-align: top;text-align: center;}

.rightRow .search-form{position: relative;overflow: hidden; margin-bottom: 20px; margin-top: 15px;}
.rightRow .search-form .search-input{ float: left; width: 79.8%; margin-right: 3%;}
.rightRow .search-form .search-btn{ float: left;}
.ccalendar-img{margin-bottom: 10px; display: block;}

#content h1 {font-size: 27px;text-align: center;font-weight: normal;margin:0;margin-bottom:15px;}
#content .blinking {display:block;font-size: 25px;text-align: center;font-weight: normal;margin:0;margin-bottom:15px;}
#content > div > img {display: block;margin: 10px auto;}
#content img.left {float:left;margin-right: 10px;margin-top:0;}
#content img.right {float:right;margin-left: 10px;margin-top:0;}
#content .ans {color: #666;}
#content .que {color: #000;font-size: 17px;}
#content ol {padding: 18px;}
.quote b {display: block;color: #353535}
.quote h2 {margin:0;margin-bottom: 8px;text-decoration: underline;font-size: 19px;font-weight: normal;}
.cert{display:inline-block;border:2px solid #fff;}
.bottomSign {width:100%;text-align: right;}

.golenostop-sustav{
 position: relative;
 overflow: hidden;
 margin: 15px auto;
 max-width: 670px;
}
.golenostop-sustav-item{
 float: left;
 width: 50%;
 text-align: right;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
}
.golenostop-sustav-item img{
 display: inline-block;
 padding-right: 40px;
}
.golenostop-sustav-item .text{
font-size: 15px;
 font-weight: 700;
 color: #070707;
position: absolute;
 margin-bottom: 0;
 text-align: center;
}
.golenostop-sustav-item .title{
 font-size: 16px;
 font-weight: 700;
 color: #070707;
 text-align: right;
 margin-top: 20px;
 margin-right: 90px;
}
.golenostop-sustav-item.right  .title{
 margin-right: 77px;
}

.golenostop-sustav-item.left .text1{
 top: 39px;
 left: 37px;
}
.golenostop-sustav-item.left .text2{
 top: 96px;
 left: 33px;
}
.golenostop-sustav-item.left .text3{
 top: 149px;
 left: 45px;
}
.golenostop-sustav-item.right .text1{
 top: 7px;
 left: 17px;
}
.golenostop-sustav-item.right .text2{
 top: 61px;
 left: 4px;
}
.golenostop-sustav-item.right .text3{
 top: 163px;
 left: 7px;
}



#calendar {
 width: 100%;
 min-height: 196px;
 line-height: 1.2em;
 font-size: 15px;
 text-align: center;
 border-collapse: collapse;

}
#calendar thead tr:last-child {
 font-size: small;
 color: rgb(85, 85, 85);
}
#calendar thead tr:nth-child(1){

}
#calendar thead tr:nth-child(1) td{
 color: #ffffff;
 background: #0a64bc;
 border:none;
 padding: 3px 0;
}
#calendar thead tr:nth-child(1) td:nth-child(1), #calendar thead tr:nth-child(1) td:nth-child(3){
 cursor: pointer;
}
#calendar thead tr:nth-child(2) td{
 font-size: 12px;
 font-weight: 700;
 padding: 4px 0;
 color: #000;
 background: #d7e1ea;
 border: 2px solid #fff;
 border-top-width: 7px;
 border-bottom-width: 7px;
}
#calendar thead tr:nth-child(2) td:nth-child(n+6){
 background: #b7d8eb;
}
#calendar tbody td {
 color: #000000;
 background: #d7e1ea;
 border: 2px solid #ffffff;
}
#calendar tbody td:nth-child(n+6), #calendar .holiday{
 color: #ffffff;
 background: #b7d8eb;
}
#calendar tbody td.today {
 background: rgb(220, 0, 0);
 color: #fff;
}


.fb-block{
 border: 1px solid #aaaaaa;
 margin: 30px auto 80px;

 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.fb-header{
 background: #3b5998;
 padding: 6px 10px;
 overflow: hidden;
}
.fb-header .text-left{
 font-size: 12px;
 line-height: 19px;
 color: #ffffff;
 margin-bottom: 0;
 float: left;
}
.fb-title{
 font-size: 14px;
 font-weight: 700;
 color: #ffffff;
 margin-bottom: 0;
 float: right;
}
.fb-content{
 padding: 10px;
}
.fb-about{
 border-bottom: 1px solid #d8dfea;
 min-height: 50px;
 padding-bottom: 5px;
 margin-bottom: 7px;
}
.fb-about-ava{
 float: left;
 width: 50px;
}
.fb-about-left{
 margin-left: 60px;
 text-align: left;
}
.fb-about-left p{
 margin-bottom: 0;
}
.fb-about-name{
 font-size: 14px;
 font-weight: 700;
 color: #3b5998;
}
.btn-fb-like{
 display: inline-block;
 background: #eceef5 url(../img/like.jpg) no-repeat 7px 50%;
 border: 1px solid #cad4e7;
 border-radius: 3px;
 color: #3b5998;
 font-size: 11px;
 font-weight: 700;
 padding: 6px 8px 6px 25px;
 text-decoration: none;
 margin-top: 7px;
 margin-bottom: 5px;
}

.fb-content .qty-people,
.fb-content .name{
 margin-bottom: 3px;
 text-align: left;
 line-height: 1;
 font-size: 12px;
 color: #000000;
}
.fb-content .qty-people{

}
.fb-content .name{
 font-weight: 700;
}

.people-list{
 position: relative;
 overflow: hidden;
 margin-top: 8px;
}
.fb-people{
 float: left;
 width: 23%;
 margin: 0 1%;
}
.fb-people img{
 width: 100%;
 display: block;

}
.fb-people .fb-name{
 display: block;
 text-align: center;
 font-size: 10px;
 color: #808080;
}

.fb-footer{
 padding: 5px 10px;
 border-top: 1px solid #cccccc;

}
.fb-logo{
 background: url(../img/fb-logo.jpg) no-repeat 0 50%;
 font-size: 10px;
 color: #808080;
 text-align: left;
 padding-left: 20px;
 margin-bottom: 0;
}


#comments {background: #fff;}
#comments h2 {background: #17253f;padding: 15px;color:#FFF;font-size: 28px;font-weight: normal;margin:0;}
#comments h2 small {font-size: 18px;color:#444;vertical-align: top;}
#comments .item {text-align: left;padding: 10px;margin: 10px 0;min-height: 40px;border-bottom: 1px solid #e5e5e5;}
#comments .item .info{margin-left: 20px;}
#comments .item > img{position:absolute;border: 2px solid #acacac;}
#comments .item .name{font-size: 16px;font-style: italic;font-weight: bold;color:#666;}
#comments .item .date{font-size: 15px;color:#acacac;}
#comments .item .info p{display: block;font-size: 15px;margin-top: 4px;}
#comments .item .info img {width:100%;max-width: 320px;display: block;}


footer{

}
.footer-top{
 background: #e4ebed;
 padding: 15px 25px;

}
.footer-top ul{
 float: left;
 position: relative;
 overflow: hidden;
 list-style: none;
 margin-right: 30px;
}
.footer-top li{
 float: left;
 margin-right: 10px;
}
.footer-top a{
 color: #003576;
 font-size: 12px;
}
.search-form{}
.search-input{
 width: 31.86813186813187%;
 display: inline-block;
 vertical-align: top;
 padding: 2px 5px;
}
.search-btn{
 display: inline-block;
 width: 23px;
 height: 23px;
 background: url(../img/search-btn.jpg) no-repeat 0 0;
}

.footer-middle{
 background: #2a292e;
 padding: 15px 25px;
}
.footer-menu{
 position: relative;
 overflow: hidden;
 list-style: none;
}
.footer-menu li{
 float: left;
 margin: 0 10px 5px 0;
}
.footer-menu a{
 color: #ffffff;
 font-size: 12px;
}

.footer-bottom{
 background: #3e4850;
 padding: 40px 25px 30px;
}
.footer-bottom p{
 color: #5d88b4;
 font-size: 12px;
}

@media (max-width: 1150px) {
 .wrapper:before {display:none;}
 .wrapper:after {display:none;}
 a.button24 {font-size: 24px;}
}
@media (max-width: 990px) {
 img.w100 {width:100%;}
 #content img.w100 {width:60%;}
 #content .leftRow {width: 100%;}
 #content .rightRow {display:none;visibility:hidden;}
 #content {margin-top: 0;position: relative;}
 body {background-color: #c5e2ff;background-image: none !important;}
 #header {display: block; position: relative; top:0; left: 0; width: 100%; /*background: url(../img/top_mal.jpg) no-repeat 0 50%*/; height: inherit; overflow: hidden;}
 .logo{width: 41.25%; left: 5%; top: 30px;}
 .doctor-top{width: 42.29166666666667%; right: 5%;display: block; position: relative;float: right;}
 #header .w100{display: block;}
}
@media (max-width: 800px) {
 .logo {
  left: 0;
  top: 0;
  font-size: 86px;
 }
}
@media (max-width: 710px) {
  .golenostop-sustav-item {
    float: none;
    width: 295px;
    margin: 0 auto 35px;
  }
 .golenostop-sustav-item img {
    padding-right: 0;
 }
 .golenostop-sustav-item .title {
   margin-top: 10px;
   margin-right: 54px;
 }
 .golenostop-sustav-item.right  .title{
  margin-right: 41px;
 }
 .logo {
  height: 176px;
  font-size: 48px;
  padding-left: 85px;
  top: 20px;
 }
}
@media (max-width: 640px){
 #header {
  height: 175px;
 }
 .doctor-top{
  display: none;
 }
 .logo {
  top: 0;
  width: 225px;
 }
}
@media (max-width: 460px) {
 #content img.right {max-width: 30%;}
 #content img.w100 {width:90%;}
 .footer-top ul {float: none;margin-right: 0;margin-bottom: 10px;}
 .search-input { width: 80%;}
}
.copyright {
  font-size: 12px;
  text-align: center;
  padding: 20px;
  background: #2a292e;
  color:white;
}