html {
  height: 100%;
}
#home .nav img {
	padding-top:5px;
	float:right;
	}
body {
  margin: 0;
  padding:0;
  min-height: 100%;
  background-color: #fff;
  font-size: 12pt;
  line-height: 25px;
  color: #034A4A;
  font-family:Lato,Arial,Helvetica,sans-serif;
}
.content {
	padding-top:10px;}
	.main-title {
		font-size:14pt;
		font-weight:bold;
		text-align: center;
	}
	h1{font-size:16pt;}
	h1.title  {padding-top:5px;}
	h2 {font-size:15pt;}
	h3 {font-size: 14pt;}
	h4 {font-size: 12pt;}
	p.spacer{padding-bottom:15px;}
	.large_text { font-family: Lato,Arial, Helvetica,sans-serif;
	font-weight:bold;
	font-size:12pt;
	line-height: 1.3em
}
.button img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.button:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.section-title {
	font-size:13pt;
	font-weight:bold;
}
.photo {
	padding: 3px;
	border: 1px solid silver;
}
.gallery {
	padding: 0 0 0 0;
	margin: 2px 2px 2px 2px;
	border: 2px solid silver; 
}
 .slicknav_menu,.slicknav_menu img { 
	display:none;
	position: fixed;
	top:0px;
width:100%;
}
.footlink a {
	color:white;
	text-decoration:none;
}
.footlink a:hover {
	text-decoration: underline;
}
#menu {
font-family: Lato,Helvetica, sans-serif, Arial;
font-size:10pt;
font-weight: normal;
	position: fixed;
	color: #034A4A;
	top:-0px;left:-25px;
	background-color:white;
	width: 100.5%;
/*width:96.5%;*/
margin-left:20px;margin-right:45px;padding-left:5px;margin-bottom:3px;
padding-top: 0px;
overflow: hidden;
z-index: 999;
height:53px;
}
#menu #lang a{
	color: #034A4A;
}
#menu #lang a:hover{
	background-color: red;
	color:yellow
}
#menu img {
	/*width:310px;*/
	top:10px;
}

/*  widest */
@media screen and (min-width: 1260px) {
#menu img {
	/*width:310px;
	padding-top: 12px;
	position: top 10px;*/
}
#homeicon img {
	position: top 12px;
}

.content {
	padding-top:0px;
}
#menu.nav ul {	margin-top:-10px;
}
}

/*  medium */
@media screen and (max-width: 61em) {
	.js #menu {	display:none; }
	.js .slicknav_menu {	display:block;	z-index: 999;}
	.fixed-ratio-resize  { margin-top:10px;}	
	.main-title {font-size: 12pt;}
	.content {margin-top: -10px;}
	}
	
.fixed-ratio-resize { /* basic responsive img */
	max-width: 100%;
	height: auto;
	width: auto\9; /* IE8 */
}
.fixed-ratio-resizer { /* basic responsive img */
	max-width: 100%;
	height: auto;
	width: auto\9; /* IE8 */
	margin-top:0;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff');
		  url('../fonts/Lato-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
	 }
	 @font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff');
        url('../fonts/Lato-Regular.ttf') format('ttf');
    font-weight: bold;
    font-style: bold;
	 }
	 @font-face {
    font-family: 'Segoe Script';
    src: url('../fonts/SegoeScript-Bold.eot');
    src: url('../fonts/SegoeScript-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeScript-Bold.woff2') format('woff2'),
        url('../fonts/SegoeScript-Bold.woff') format('woff'),
        url('../fonts/SegoeScript-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.nav ul {
font-family:  Lato,Helvetica, sans-serif, Arial;
    list-style-type: none;
    margin: 0;
    padding: 0,0,0,0;
    overflow: hidden;
    background-color: transparent;
	 float: right;
	 margin-top:-10px;
}

.nav li {
    float: left;
	 padding-top:10px;
}

.nav li a  {
    display: inline-block;
    color: #034A4A;
	 text-align: center;
    padding: 4px 16px 4px;margin-top:12px;margin-bottom:5px;
    text-decoration: none;
	}
.nav li a:hover {
    padding: 4px 16px 4px;margin-top:12px;margin-bottom:5px;
    text-decoration: none;
	 background-color: #034a4a;
	 color:white;
	 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
	/*text-shadow: 1px 1px 1px #000000;*/
	 }
 p {font-family: Lato,Arial, Helvetica,sans-serif;line-height:32x;}
.content {margin-left:20px;margin-right:24px;max-width:100%;overflow:hidden;}
.title2 {border-bottom: 2px solid #DCDCDC;font-family: Segoe Script,Arial, Helvetica,sans-serif;}
.title {font-family: Segoe Script,Arial, Helvetica,sans-serif; text-transform: uppercase;padding-bottom:20px;}
.spectitle {font-family: Segoe Script,Verdana,Arial, Helvetica,sans-serif; font-size:14pt;}
.x_title {font-family: Segoe Script,Verdana,Arial, Helvetica,sans-serif; font-size:14pt;margin-bottom:-10px;}
.large_text {font-size: 13pt;}
.slogan {font-family: Segoe Script; font-size:18pt;color: gray;padding-left:16px;letter-spacing: -2px; margin-top:20px;
}
.header {padding-bottom:10px;margin-left:20px;margin-right:20px;}
li {font-family:  Lato,Helvetica, sans-serif, Arial; }

.foot{font-family: Lato,Helvetica,sans-serif,Verdana;}
.nav li .active {
color:grey;
font-weight:bold;
}

.link a:link, .link a:visited {
	text-decoration: underline;
	color:blue;
	font-size: 11pt;
}
.link a:hover {
	text-decoration:underline;
	font-size: 11pt;
	color:blue;
}
.elink a:link, .elink a:visited {
	text-decoration: underline;
	color:blue;
	font-size: 11pt;
}
.elink a:hover {
	text-decoration:none;
	font-size: 11pt;
	color:navy;
}
  .section {
  position: relative;
  padding: 38px 10px 80px;
  background-color: #fff;
  text-align: center;
}
.box_title2 {
	font-family: Lato,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12pt;
	color: black;
}
.box_title {
	font-family: Lato, Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color: #00008B;
	padding-right:10px;
}
.text-error {
	font-weight:bold;
	font-size:18px;
	color: #E0153E;
	font-family: Lato, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  /*height: 300px;  Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 61em) {
  .column {
    width: 100%;
  }
}