/*

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

*/



body {

	margin: 15px 0;

	padding: 0;

	background: #CCCCCC url(backgr1.jpg);

	font-family: "Georgia";

}



h1, h2, h3, h4, h5, h6 {

	margin: 0;

	padding: 0;

}



p, ul, ol, blockquote {

	font-size: small;

	line-height: 160%;

}



a {

	color: #67823B;

}



a:hover {

	text-decoration: none;

}



/* Header */



#header {

	width: 1000px;

	height: 125px;

	margin: 0px auto;

	background: #000000 url(img.jpg) no-repeat right top;

	color: #000000;

	border-top: 2px solid #FFFFFF;

	border-left: 2px solid #FFFFFF;

	border-right: 2px solid #FFFFFF;

}



#header a {

	text-decoration: none;

	color: #FFFFFF;

}



/* Logo */



#logo {

	float: left;

	width: 380px;

	height: 100px;

	background: url(logo.png) no-repeat left top;

	margin: 8px 5px 0px 10px

}



/* Menu */



#menu {

	float: right;

}



#menu ul {

	margin: 10px;

	padding: 0;

	list-style: none;

	line-height: normal;

}



#menu li {

	float: left;

	margin: 40px 2px 0px 10px;

}



#menu a {

	display: block;

	width: auto;

	height: 17px;

	padding: 5px 10px;

	font-size: medium;

	text-decoration: underline;

}



#menu a:hover {

	text-decoration: none;

}



#menu .active {

	text-decoration: none;

}



/* Content */



#content {

	width: 1000px;

	margin: 0 auto;

	background: url(backgr2.jpg);

	border: 2px solid #FFFFFF;

}



#colOne {

	float: left;

	width: 700px;

	padding: 20px;

}



#colTwo {

	float: right;

	width: 200px;

	padding: 20px;

}



/* Content > ColOne */



/* Content > ColTwo */



#colTwo h2 {

	font-size: medium;

	color: #FFFFFF;

}



#colTwo ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#colTwo li {

	margin-bottom: 1em;

	color: #FFFFFF;

}



#colTwo li li {

	margin-bottom: 0;

	padding-left: 1em;

}



#colTwo a {

	color: #FFFFFF;

}



/* Footer */



#footer {

	width: 1000px;

	margin: 0 auto;

	background: #000000;

	border-bottom: 2px solid #FFFFFF;

	border-left: 2px solid #FFFFFF;

	border-right: 2px solid #FFFFFF;

}



#footer * {

	color: #FFFFFF;

}



#footer p {

	margin: 0;

	padding: 10px 0;

	text-align: center;

	font-size: x-small;

}

table {
  width: auto;
  max-width: 100%;
  margin: auto;
  table-layout: fixed;
  word-wrap: break-word;
  font-size: small !important;
  font-family: inherit;
  line-height: 1.3;
}

td, th {
  font-size: small;
  word-break: break-word;
}

.ipa {
  font-family: "Charis SIL", "Gentium Plus", "Noto Serif", serif;
  font-size: 1em;
}

.ipa {
  font-size: 1.05em;
  font-family: "Noto Serif", "Gentium Plus", serif;
}

.underline-tight {
  font-size: inherit !important;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  text-decoration-color: black;
}

strong span.blue-text {
  color: #0070C0 !important;
}

strong span.red-text {
  color: #cc0000 !important;
}

strong span.purple-text {
  color: #990099 !important;
}

strong span.green-text {
  color: #009900 !important;
}

strong span.orange-text {
  color: #CC6600 !important;
}

strong span.yellow-text {
  color: #c09b00 !important;
}

strong span.brown-text {
  color: #996633 !important;
}

.fix-mobile-font {
  table-layout: fixed;
  width: 100%; /* vagy max-width: 100%; */
  font-size: small;
  word-break: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

.fix-mobile-font td, 
.fix-mobile-font th {
  font-size: small;
  word-break: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

.small-text {
  font-size: 0.8em;
}

.small-text-p {
  line-height: 1.3;
}