body { background: repeat url("/img/bg.gif"); } /* 45abdd */
.gerlanda{ position:absolute;top:0px;width:100%;left:0px;height:100px; background: repeat-x url("/img/sh.gif"); background-size: contain;}
.logo{ position:absolute;height:30%; background: no-repeat url("/img/dd3.gif"); background-size: contain;top:0px;width: 100%; }
.overlay{ position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000000bf;display:none;z-index:9999999999;vertical-align:middle; justify-content: center; align-items: center; }
.logotext { font-size: 67px; background: no-repeat url(/img/lenta.gif); background-size: cover; background-position-x: right; position: relative; padding: 15px; line-height: 56px; z-index: -1; height: 160px; width: 390px; left: 12%; top: 35%; color: #f4e9d5; font-family: 'Amatic SC', sans-serif; text-shadow: 1px 1px 2px #6a7cff; }
.logotextmini{position: relative;top:0px;color:#005c6b;font-size:32px;font-weight:700;float:right;z-index: -1;}
.pdrk{ position: relative; background: no-repeat url(/img/pp1.png); background-size: contain; height: 155px; bottom: -15%; left: 55%; z-index: 2;    display: none; }
.tel{ position: relative;top:-15%;right:1%;text-align: left;font-size: 48px;padding: 10px;float: right;color: #394e62; font-family: serif; text-shadow: 1px 1px 2px #98d9ff;}
.wrapper { position:absolute;width:70%;height:100%; left:15%;top: 0px;bottom:0px;}
.wrapper-text{ position:relative;width:100%;background:#ffffffee;top:30%;padding:1%;border-left:1px solid #e3dab2a1;border-right:1px solid #e3dab2a1;  box-shadow: 0px 2px 8px 7px rgb(233 217 180 / 30%);z-index: 10;  }
.calendar{ width:100%;height:430px; font-family: serif;font-size:44px;text-align:center; text-shadow: #e0e0e0 1px 1px 0;}
.hometd{ width:50%;padding:5px;vertical-align: top; text-align: left; }
.cdata{ background-color:#72d2ff;color:#265b77;cursor:pointer; }
.cdata:hover { background-color:#4db9eb; }
.ToolTipTitles{ font-family: 'Amatic SC';font-size:22px; }
.TollTipPrice{display:none;fixed:absolute;padding:25px;background:#e2d9b1;z-index:9999999999;color:#394e62;box-shadow: 0px -1px 3px 1px rgba(34, 60, 80, 0.2);border-radius:5px;cursor:pointer;width:200px;height:90px;border:2px dotted #a39453;}
.TollTipPrice:before { display: block; content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #e2d9b1; transform: translateX(-50%); border-left:3px dotted #a39453; }
.TollTipPrice>hr{margin-top:1px;margin-bottom:1px;border: 0 none transparent;border-top:1px dotted #a39453;}
.wrapper-article{ width:100%;font-size: 24px;  }
.page{ font-size: 24px; }
.article{ font-size: 24px; }
h1{ font-family: 'Amatic SC'; font-size: 42px; background: no-repeat url("/img/h1.gif") #38718d9e; color: #fff;text-shadow: 1px 1px 2px #3b677b;padding: 5px 50px 5px;  background-size: 40px 40px; background-position: 5px 10px;-webkit-box-shadow: 0px 1px 5px 1px rgba(34, 60, 80, 0.2) inset;
-moz-box-shadow: 0px 1px 5px 1px rgba(34, 60, 80, 0.2) inset;
box-shadow: 0px 1px 5px 1px rgba(34, 60, 80, 0.2) inset; margin: 0px;}
h3{ font-family: 'Amatic SC'; font-size: 32px; background: no-repeat url("/img/h3.gif") #38718d9e; color: #fff;text-shadow: 1px 1px 2px #3b677b;padding: 5px 50px 5px;  background-size: 30px 30px; background-position: 5px 10px;-webkit-box-shadow: 0px 1px 5px 1px rgba(34, 60, 80, 0.2) inset;
-moz-box-shadow: 0px 1px 5px 1px rgba(34, 60, 80, 0.2) inset;
box-shadow: 0px 1px 5px 1px rgba(34, 60, 80, 0.2) inset; margin: 0px;}
.tablePrice{ font-size: 22px;width:100%;text-align:center;color:#3e707d;font-weight:600; }
.viewPhoto{ margin:5%; max-height:90%;background:#fff;padding:10px;cursor:pointer; }
.photoButton{ width:50px;cursor:pointer; }
div#viewPhoto { height:100%; display:flex; vertical-align: middle; justify-content: center; align-items: center; }
.wrapper-footer{ margin-top:60px; bottom: 0px;  background: #6b95a7; z-index: 100; padding: 30px 25px; color:#fff;}
.wrapper-photo{ width:100%;text-align: center; }
.wrapper-photo>img{ padding:5px 5px 0px 0px;cursor:pointer; }
.cnt { width:100%; }
.cnt>tr>td{  }
.ramka-7 {
    background-color: #e2d9b1;
    position: relative;
    
    display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto', sans-serif; 
    box-shadow: inset 6px 6px 8px 0 rgba(0,0,0,0.4);
}
.ramka-7:after, 
.ramka-7:before {
    mix-blend-mode:multiply;
    filter:none;
    z-index: -1;
    content:'';
    width: calc(100% + 90px);
    height: calc(100% + 90px);
    position: absolute;
    animation: anim-ramka-7 8s ease-in-out infinite;
}
@keyframes anim-ramka-7 {
    0%, 100% {
        clip-path: polygon(0 0, calc(100% - (33px)) calc(0% + (33px)), 100% 100%, calc(0% + (33px)) calc(100% - (33px)));
    }
    50% {
        clip-path: polygon(calc(0% + (33px)) calc(0% + (33px)), 100% 0, calc(100% - (33px)) calc(100% - (33px)), 0 100%);
    }
}
.ramka-7:after{
    animation-delay: -5s;
    background-color: #72d2ff;
    clip-path: polygon(0 0, calc(100% - (33px)) calc(0% + (33px)), 100% 100%, calc(0% + (33px)) calc(100% - (33px)));
}
.ramka-7:before {
    background-color: #72d2ff;
    clip-path: polygon(calc(0% + (33px)) calc(0% + (33px)), 100% 0, calc(100% - (33px)) calc(100% - (33px)), 0 100%);
}
.ramka-7:hover:before, 
.ramka-7:hover:after {
    animation-play-state: paused;
}

.topMenu{ position: relative; bottom: 0px; width: 100%;background: #e2d9b1;top: 30%; padding: 5px 1% 0px;box-shadow: inset 0 -1px #7b786b33;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.topMenuButton{ font-family: 'Amatic SC', sans-serif;text-decoration: none;
color: #ccc;
padding: 0px 20px;
background: #897e47cc;
margin: 0px 5px;font-size: 28px;border: 1px dotted #faffd3;
outline: none; border-top-left-radius:5px;border-top-right-radius:5px;

-webkit-box-shadow: 0px -1px 2px 1px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px -1px 2px 1px rgba(34, 60, 80, 0.2);
box-shadow: 0px -1px 2px 1px rgba(34, 60, 80, 0.2);

}
.act {
  background: #4F95DA;
}

.topMenuButton:hover {
  transition: 0.5s ease-in-out;
  background: #4F95DA;
  box-shadow: none;
}

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

@-webkit-keyframes rainbow { 0% {background: #897e47cc;} 50% {background: #4F95DA} 100% {background: #897e47cc;} }
@keyframes rainbow { 0% {background: #897e47cc;} 50% {background: #4F95DA} 100% {background: #897e47cc;} }
.ggg { box-shadow: inset 6px 6px 8px 0 rgba(0,0,0,0.4);color: #394e62;}
.hot {webkit-animation: rainbow 5s linear 5s infinite; animation: rainbow 5s linear 5s infinite; }