/* EXTERNAL FONTS */

@font-face {
    font-family: 'AllerLightRegular';
    src: url('fonts/aller_lt-webfont.eot');
    src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_lt-webfont.woff') format('woff'),
         url('fonts/aller_lt-webfont.ttf') format('truetype'),
         url('fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AmaticSCBold';
    src: url('fonts/AmaticSC-Bold.eot');
    src: url('fonts/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/AmaticSC-Bold.woff') format('woff'),
         url('fonts/AmaticSC-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe-script';
    src: url('fonts/segoe-script.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
}


/*
@font-face {
    font-family: 'AmaticSCRegular';
    src: url('fonts/AmaticSC-Regular.eot');
    src: url('fonts/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/AmaticSC-Regular.woff') format('woff'),
         url('fonts/AmaticSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/


:root {
  --main-selector-color: #0e9e94;
  --main-light-hover-color: #d8f6e5;
  --main-hover-color: #263f3f;
  
  --page-header-back: #f0f0f0;
  --page-footer-back: #f0f5f5;

  --title-color-font: #0e9e94;

  --button-color-font: #ffffff;
  --button-color-back: #007f76;
  --button-color-back-hover: #339b91;

  --menu-color-font: #007f76;
  --menu-color-font-active: #ffffff;
  --menu-color-font-hover: #f0f5f5;

  --menu-color-back: #f0f5f5;
  --menu-color-back-hover: #007f76;
  --menu-color-back-active: #007f76;

  --submenu-color-font: var(--menu-color-font);


}


/* BASE FONT, FONT-SIZE, LINE-HEIGHT */
body, .blockItem, .blockItem div, .cmstext {
 font-family: AllerLightRegular, sans-serif, Helvetica, Arial;
 font-size: 15px;
 line-height: 24px;
 color: #2c3639;
}

.cmstext p {
    margin-top: 10px;
}

.cmstext p:first-child {
  margin-top: 0px;
}

textarea, input, select, .formSelect, option {
  font-family: AllerLightRegular, sans-serif, Helvetica, Arial;
  color: #2c3639;
}

h1, h2, .head1, .head2, #menu, #menuMobile  {
  letter-spacing:0.02em;
  font-family: segoe-script, sans-serif, Helvetica, Arial;
 }

 #menu, #menuMobile  {
  font-family: AllerLightRegular, sans-serif, Helvetica, Arial;
  font-size:0.5em;
}

/* LINKS */

a, a:visited, a:active, a:link {
 text-decoration: none;
 color: var(--main-selector-color);
}
a:hover { color: var(--main-hover-color); }

/* HEAD/TITLE */

.head1, .head2 {
 color: var(--title-color-font);
 line-height: 28px;
 font-size: 24px;
 margin-bottom:19px; 

 display:block;
 /* text-transform: uppercase; */
}

.head2 {
 font-size: 22px; 
 margin-bottom: 14px; 
 color: var(--main-selector-color);
}

/* CONTAINER BACKGROUND */

#pageBack {
}

#headerBack {

}

#headerTopBack {
 /* border-top:10px solid #646567; */
 /* background: #f6f6f6; */
 /* border-bottom: 4px solid #ffffff; */
 /* background: url(/images/header-back.gif) repeat-x; */
 height:145px; /* 148 logo */
 background: var(--page-header-back);
}

#headerTop { 

padding-top:15px;
text-align:left;
/* background: #ffffff; */

height:130px; /* 148 logo */
}

#logo {
  max-height:120px;
 margin-left:0px;
}

.topButton {
  float:right;
  text-align:center;
  display:inline-block;
  margin-right:50px;
  padding-top:35px;
  background: url(/images/big-button.png) top center no-repeat;
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
  color:#424242;
}

.topButton:hover {
  background-image: url(/images/big-button-selected.png);
}

.topButton span {
  color:#424242;
}

.topButton i {
  color:#ffffff;
  font-size:30px;
  line-height:40px;
  display:inline-block;
  padding-bottom:40px;
}



#menuBack {
 margin-top:4px;
 background: var(--menu-color-back);
 border-bottom:4px solid #ffffff;
}

#menu {
 text-align:center;
}

#headerBottomBack {
   background:#f5f5f5;
   border-bottom:4px solid #EFEFEF;
}

#mainBack {
}

#footerBack {
 margin-top: 20px;
 background: #77807a;
}

#footerLineBack {
  background: var(--page-footer-back);
}

/* CONTAINER HEADER */

#header {
}

.infoTextHeadTitle {
 font-size:18px;
 color: #3e3d40;
 /* text-transform: uppercase; */
}

.infoTextHead {
 color:#3e3d40;
 background: rgb(255, 255, 255);
 background: transparent\8;
 background: rgba(255, 255, 255, 0.75);
 padding:15px;
}

/* HEADER MENU */

#menu {
 /* overflow:hidden; */
}

#menuMobile,
#menu ul li a {
 letter-spacing:-0.01em;
 font-size: 19px;
 font-weight:250;
 line-height: 50px;
}

#menu ul {
margin-bottom:-4px;
}

#menu ul li {
 /* border-right:1px solid #292929; */
 padding: 0px 0px;
 margin: 0px 0px;
}

#menu ul li a,
#menu ul li a:visited,
#menu ul li a:active {
 padding: 0px 13px;
 color: var(--menu-color-font);
 border-bottom: 4px solid #ffffff;
 background: var(--menu-color-back);
}

#menu ul li a:hover,
#menu ul li a.act:hover {
 color: var(--menu-color-font-hover);
 background: var(--menu-color-back-hover);
 /* border-bottom: 4px solid #737577; */
}

#menu ul li a.act {
 color: var(--menu-color-font-active);
 background: var(--menu-color-back-active);
 /* border-bottom: 4px solid #B5123E; */
}

/* SUBMENU */

#menu ul li ul {
 top:54px;
}

#menu ul li ul li {
 border-bottom:1px solid #b1b0b1;
}

#menu ul li ul li.last {
 border-bottom: 0px;
}
 
#menu ul li ul li a {
 font-size: 18px;
 line-height: 40px;
 height: 40px;
 padding-bottom:0px;
 border-bottom:0px;
 /* font-weight:bold; */
}

#menu ul li ul li a,
#menu ul li ul li a:visited,
#menu ul li ul li a:active {
 padding: 0px 18px;
 color: var(--submenu-color-font);
}

#menu ul li ul li a:hover {
 color: #343434;
 background: #e2e2e2;
 -webkit-box-shadow: none;
 box-shadow: none;
 border-bottom:0px
}

#menu ul li ul li a.act {
 color: #ffffff;
 border-bottom: 0px;
 /* padding-left:40px; */
 /* background-image: url(/images/icon-button.png); */
 /* background-position: 6px 9px; */
 background-repeat: no-repeat;

}

#headerBottom {
}

/* CONTAINER MAIN */

#main {
}

/* CONTAINER FOOTER */

#footer {
  
}


#footer a {
  color:#ffffff;
}

#footer a:hover {
  color:#cccccc;
}

#footer .blockItem div {
  color:#ffffff;
}


/* BLOCK ITEMS */

.blockButton,
.blockButton:link,
.blockButton:visited,
.blockButton:active {
 padding-top:1px;
 line-height:39px;
 height:40px;
 /* padding-left:85px; */
 padding-left:15px;
 font-size:16px;
 font-weight:bold;

 background-color: var(--button-color-back);
 /* background-image: url(/images/icon-3buttons.png); */
 /* background-position: 15px 15px; */
 background-repeat: no-repeat;

 color: var(--button-color-font);
 /* text-transform: uppercase; */
 
 text-align:left;
}

.blockButton:hover {
 /* background:#eddfcb url(/images/icon-button.png) 12px 9px no-repeat; */
  background-color: var(--button-color-back-hover);
}

/* LINK BUTTON */

.linkButton,
.linkButton:link,
.linkButton:visited,
.linkButton:active {
 line-height:34px;
 height:34px;
 padding-left:22px;
 background: url(/images/icon-button-grey.png) 0px 10px no-repeat;
 color:#2f2f2f;
 font-weight:bold;
}

.linkButton:hover {
 background: url(/images/icon-button-grey.png) 0px 10px no-repeat;
}

/* >>> INDIVIDUALS */

/* <<< INDIVIDUALS */

/* >>> MODULES */

.slideshowbutton {
 top:410px;
 position:absolute;
 display:block;
 width:12px;
 height:12px;
 background:#ffffff;
 z-index:3;
 
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius:4px;
 
}

.slideshow_buttonhalfactive,
.slideshow_buttonactive {
 background:#477858;
 margin-top:-1px;
 margin-left:-1px;
 border:1px solid #ffffff;
}

.slideshowleftbutton,
.slideshowrightbutton {
 top:220px;
 position:absolute;
 background:#FFFFFF;
 height:42px;
 width:42px;
 display:block;
 z-index:3;

 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius:4px;

 color:#464646;
 font-size:40px;
 line-height:40px;
 text-align:center;
 font-weight:bold;

 opacity: 0.8;
 filter: alpha(opacity=80);

  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:pointer;

}

/* <<< MODULES */


/* header slideshow images 100% */
/*
#headerBottom { width:100%; max-height:500px; overflow: hidden;}
.slideshowItem { width:100%; }
.slideshowItem img { width:100%; }
.slideshow { max-height:400px; }
*/