@font-face {
    font-family: 'hagin_caps_mediumregular';
    src: local('Hagin Caps Medium'),
         url('/t/f/hagin-caps-medium-webfont.woff2') format('woff2'),
         url('/t/f/hagin-caps-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hagin_caps_thinregular';
    src: local('Hagin Caps Thin'),
         url('/t/f/hagin-caps-thin-webfont.woff2') format('woff2'),
         url('/t/f/hagin-caps-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: local('Roboto Regular'), local('Roboto-Regular'),
         url('/t/f/roboto-regular-webfont.woff2') format('woff2'),
         url('/t/f/roboto-regular-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: local('Roboto Bold'), local('Roboto-Bold'),
         url('/t/f/roboto-bold-webfont.woff2') format('woff2'),
         url('/t/f/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
/*background-color: #eee;*/
color: #444;
font-family: 'robotoregular', Verdana;
font-size: 110%;
/*font-size: calc( (100vw - 480px)/(1280 - 480) * (24 - 16) + 16px);*/
line-height: 1.3;
padding: 0;
margin: 0;
}

a {
 color : #00628f;
 text-decoration: none;
 border-bottom: solid 1px #90bbd8;
 }

 a:hover {
 border-bottom: solid 1px transparent;
 }

 .submenu a 
 {
   font-size: 90%;
   border-bottom: none;
 }
 
.submenu td {
 border-bottom: solid 1px white;
 padding: 5px 0px 5px 0px;
}

.a_gr {
 font-size: 130%;
 padding: 20px;
}

.a_gr1 {
 font-size: 120%;
}

h1, a.h1 {
  font-family: 'hagin_caps_mediumregular', Calibri;
  font-weight: normal;
  font-size: 300%;
  line-height: 1;
 }

 h3 {
 color: #222;
 font-family: 'hagin_caps_mediumregular', Calibri;
 font-weight: normal;
 font-size: 150%;
 margin:0;
 padding: 0;
 line-height: 1.2;
}
 
/*.norm_float1 a 
{
  font-family: 'robotorebold', Verdana;
}*/

.norm_float .norm_div {
 width: 250px;
 min-height: 280px;
 display:inline-block;
 position:relative;
 vertical-align: top;
 text-align: center;
 margin: 10px 20px 10px 0px;
 /*cursor: pointer;*/
 /*border-right: #adadae 1px dashed;
 border-bottom: #adadae 1px dashed;
 background-color: white;*/
 padding: 10px 20px 20px 20px;
 zoom: 1;
 *display: inline;
 border: solid 1px #eee;
 border-radius: 10px;
}

.norm_float .norm_div2{
 width: 260px;
 min-height: 280px;
 display:inline-block;
 position:relative;
 vertical-align: top;
 text-align: center;
 margin: 10px 20px 10px 0px;
 /*cursor: pointer;*/
 /*border-right: #adadae 1px dashed;
 border-bottom: #adadae 1px dashed;*/
 background-color: white;
 padding: 10px 20px 20px 20px;
 zoom: 1;
 *display: inline;
 border: solid 1px #eee;
 border-radius: 10px;
 transition: all 0.3s;
}

.norm_float .norm_div1 {
 color: #444;
 width: 280px;
 display:inline-block;
 position:relative;
 vertical-align: top;
 text-align: center;
 margin: 10px 20px 10px 0px;
 padding: 10px 20px 20px 20px;
 zoom: 1;
 *display: inline;
}

div .float {
 /*font-size: 0px;*/
 text-align: center;
 width: 100%; 
}

 .float div.float_div, .float div.float_div0, .float div.float_div01, .float div.float_div02 {
 text-align: center;
 width: 300px;
 border-radius: 10px;
 background-color: #fff;
 color:#333;
 vertical-align: top;
 margin: 0px 20px 30px 0px;
 display:inline-block;
 position:relative;
 zoom: 1;*
 *display: inline;
}

.float div.float_div {
 width: 400px;
 margin: 0px 30px 30px 0px;
}

 .float div.float_div01 
 {
   width: 200px;
   border-radius: 0px;
   font-size: 90%;
 }

 .float div.float_div02
 {
   width: 330px;
   border-radius: 0px;
   margin: 0px; 
   font-size: 90%;
   border-bottom: solid 2px #eee;
 }


.float div.float_div2 {
 border-radius: 10px;
 text-align: center;
 width: 360px;
 height: 300px;
 margin: 0px 10px 10px 0px;
 display:inline-block;
 position:relative;
 zoom: 1;*
 *display: inline;
}

.float div.float_div1 {
 border-bottom: solid 1px #ccc; 
 text-align: center;
 width: 200px;
 height: 100px;
 margin: 0px 30px 20px 0px;
 display:inline-block;
 position:relative;
 zoom: 1;*
 *display: inline;
}


.float div.float_div3 {
 text-align: center;
 width: 240px;
 height: 40px;
 background-color: White;
 margin: 0px 30px 30px 0px;
 display:inline-block;
 position:relative;
 zoom: 1;*
 *display: inline;
 border-radius: 10px;
}

div .debug {
 display: none;
 width: 300px;
 height: 140px;
 background-image: url('/i/black-overlay.png');
 position: absolute;
 bottom: 40px;
 right: 0px;
 position: fixed;
 padding: 20px;
 text-align: left;
 font-size: 18px;
 color: #222;
 overflow-x: scroll;
}

.g_button {
  height: 42px;
  color: white;
  letter-spacing: 1px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  border: solid 1px #888;
  background-color: #aaa;
  cursor: pointer;
  background-color: #119549
}

/*
.button:hover { 
   background-color: #90c7fd;
}
*/

.input {
  color: #666;
}
.input_warning {
  color: Red;
}

.tel2 {
  /*
  background: #ffd00d;
  height: 80px;
  color: #00628f;
  font-size: 120%;
  padding-right: 10%;
  */
}

.norm_float1 div {
  display:inline-block;
  position:relative;
  vertical-align: top;
  text-align: left;
  margin: 5px 0px 5px 0px;
  padding: 5px 16px 5px 32px;
  /*cursor: pointer;*/
  /*border-right: #adadae 1px dashed;
  border-bottom: #adadae 1px dashed;
  background-color: white;*/
  zoom: 1;
  *display: inline;
  /*border: solid 1px #eee;*/
}

.f_gal_text {
  margin-top:230px;
  background-image: url('/i/1px_bg_50.png');
  color: white;
  line-height: 1;
  font-size: 90%;
  padding: 12px;
}

.brick-work {
  margin: 15px;
}

.brick img {
  margin: 0;
  display: block;
  /*border-radius: 10px;*/
}


/*      */
/*
.nav_mid {
  background-color: #1e6d73;
}

.nav_mid_sel {
  background-color: #278f95;
}

.nav_mid_a {
  color:white;
}

.tel2 .div_max {
 color:#ffd00d;
}

.nav_news { 
  background-color: #1e6d73;
  padding: 16px 10px 18px 4%;
  font-size: 110%;
  border-bottom: solid 2px #eee;
  }

.nav_news_a {
  color:white;
}

.nav_news_h3 {
  font-size: 110%;
  line-height: 2;
  color: #333;
}

.button {
  background-color: #1e6d73;
  border: 0;
  height: 38px;
  font-size: 90%;
  font-weight: bold;
  padding: 0px 20px 0px 20px;
  cursor: pointer;
  color: white;
  border-radius: 10px;
  width: 60%;
}

#write #send0 {
  background-color: #1e6d73;
  cursor: pointer;
}

#write {
  background-color: #278f95;
}

#write .line {
  font-size:1px;
  line-height: 1px;
  border: solid 1px white;
} 
*/

/*-----*/

/*    */

.nav_mid {
  background-color:#ffd00d;
}

.nav_mid_sel {
  background-color:#fde910;
}

.nav_mid_a {
  color:#00628f;
  border:0;
}

.tel2 .div_max {
 color:#333;
}

.nav_news { 
  background-color: #ffd00d;
  padding: 16px 10px 18px 4%;
  font-size: 110%;
  border-bottom: solid 2px #eee;
  }

.nav_news_h3 {
  font-size: 110%;
  line-height: 2;
  color: #333;
}

.button {
  background-color: #ffd00d;
  border: 0;
  height: 38px;
  font-size: 90%;
  font-weight: bold;
  padding: 0px 20px 0px 20px;
  cursor: pointer;
  color: #333;
  border-radius: 10px;
  width: 60%;
}

#write {
  background-color: #119549;
}

#write .line {
  font-size:1px;
  line-height: 1px;
  border: solid 1px #085e2c;
}

#write #send0 {
  background-color: #ffd00d;
  cursor: pointer;
}

/*-----*/


.nav_mid_leto {
  background-color:#ffd00d;
}

.nav_mid_sel_leto {
  background-color:#fde910;
}

.nav_mid_a_leto {
  color:#00628f;
  border:0;
}

.tel2 .div_max_leto {
 color:#333;
}


/*#nav_next {
overflow: hidden;
z-index: 200;
} */

.info {
 /*font-size: 80%;
 line-height: 1;*/
 margin-top: 10px;
 text-align: left;
}

.info a 
{
  font-weight: bold;
  text-align: left;
}