@charset "utf-8";
/* CSS Document */

@font-face { font-family: Ematodas; src: url('Ematodas.ttf'); } 

body {
	background-image: url(images/bg.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f6f6f4;
	color: #01677E;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 16px;
	border: 0px;
}

img { border: 0px; }


/* TEXT */


.text-blue-script-large{
	color: #01677E;
	font-family: 'Ematodas', cursive;
	font-size: 55px;
}

.text-blue-script-small{
	color: #01677E;
	font-family: 'Ematodas', cursive;
	font-size: 30px;
}

.text-blue-large{
	color: #01677E;
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
    font-weight: 700;
}

.text-blue-medium{
	color: #01677E;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
    font-weight: 400;
}

.text-blue-small{
	color: #01677E;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    font-weight: 500;
}
.text-blue-small-medium{
	color: #01677E;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
    font-weight: 450;
}
.text-red-small{
	color: #ff000c;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    font-weight: 500;
}
.text-black-small{
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    font-weight: 500;
}
.text-black-highlight-small{
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    font-weight: 500;
	background: #fcff00;
}
.text-green-small{
	color: #0ca900;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    font-weight: 500;
}


.text-blue2-script-large{
	color: #085993;
	font-family: 'Ematodas', cursive;
	font-size: 55px;
}

.text-blue2-script-small{
	color: #085993;
	font-family: 'Ematodas', cursive;
	font-size: 30px;
}

.text-blue2-large{
	color: #085993;
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
    font-weight: 700;
}

.text-blue2-medium{
	color: #085993;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
    font-weight: 400;
}

.text-blue2-small{
	color: #085993;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    font-weight: 500;
}



/* ND */

.znd{
	color: #a7bac7;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
    letter-spacing: 0.2em;
	padding: 10px 0 10px 0;
    text-transform: uppercase;
    font-weight: 300;
}

.znd a{
	color: #a7bac7;
	text-decoration: none;
}




/* LINKS AND BORDER */

a {
	color: #01677E;
}

.border {
	border: 3px solid #BDE1DD;
}
.pageborder {
	box-shadow: 0px 0px 18px 18px rgba(0,0,0,0.25); }




/* BACKGROUNDS */

.sub-bg {
	background-color: #FFF;
	padding: 0 25px 0px 25px;
}

.sub-bg-index-contact {
	background-image: url("images/index2019_07.jpg");
	width: 950px;
	height: 55px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
	font-size: 19px;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-transform: uppercase;
}

.sub-bg-index-contact a {
	color: #fff;
    text-decoration: none;
}

.sub-bg-index-contact a:hover {
	color: #fff;
    text-decoration: none;
}

.sub-bg-index-body {
	background-image: url("images/index2019_05.jpg");
	width: 950px;
	height: 382px;
    padding: 0 85px 0 85px;
    color: #01677E;
    font-family: 'Roboto', sans-serif;
	font-size: 17px;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, .75);
}


.home-info-bold {
    color: #01677E;
    font-family: 'Roboto', sans-serif;
	font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, .75);
}

.home-info-brown {
    color: #5f3a18;
    font-family: 'Roboto', sans-serif;
	font-size: 17px;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, .75);
}

.home-info-brown a{
    color: #5f3a18;
}


.subpage-menu {
    background-image: url("images/subpage-ver2_01.jpg");
    width: 950px;
    height: 62px;
    color: #01677E;
    font-family: 'Roboto', sans-serif;
	font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.7;
    letter-spacing: 0.1em;
}

.subpage-menu a{
    padding: 0px 3px 0 3px;
    color: #01677E;
    text-decoration: none;
}

.subpage-menu a:hover{
    background-color: #7bb6be;
    color: #01677E;
    text-decoration: none;
}

.menu-divider {
    padding: 0 10px 0 10px;
}


