/*
	[ - GreenFish Grid - ]
	
	Author - GreenFish Grafika
	Site - www.gfg.hu
	
*/

@font-face {  
    font-family: "Krungthep";  
    src: url('fonts/Krungthep.ttf');  
}  
a:link, a:visited { text-decoration: none; border:0;} 
a:active, a:hover { text-decoration: none; border:0;}
a, img { border:none; }

a { outline: none; }
u { text-decoration: none; }

*, *:after, *:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


[class*='greenfish_'] {
	float: left;
	width: 100%;
}

.clr {
	clear:both;
}	
#container {
	width: 100%;
	min-width:961px;
	max-width:1200px;
	margin: 0 auto;
	background: #fff;
	min-height:500px;
}
#container:after, #container:before {
	display: table;
	clear:both;
	content: " ";
}
#header {
	width: 100%;
	min-width:961px;
	max-width:1200px;
	margin: 0 auto;
	background: #fff;
	padding: 0 1em 0 1em;
}

.content {
	background:#f5f5f5;
	font-family:sans-serif;
	padding:1em;
	word-break: break-all;
}
.terkep {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    margin-top: 1em;
    height: 0;
    overflow: hidden;
    }
.terkep iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    padding: 0 1em 0 1em 0;
}
/* -- GreenFish Grid 1-16-- */

.greenfish_col1 {
	width: 6.25%; /* 75/1200 = 0.0625 */
}
.greenfish_col2 {
	width: 12.5%; /* 150/1200 = 0.125 */
}
.greenfish_col3 {
	width: 18.75%; /* 225/1200 = 0.1875 */
}
.greenfish_col4 {
	width: 25%; /* 300/1200 = 0.25 */
}
.greenfish_col5 {
	width: 31.25%; /* 375/1200 = 0.3125 */
}
.greenfish_col6 {
	width: 37.5%; /* 450/1200 = 0.375 */
}
.greenfish_col7 {
	width: 43.75%; /* 525/1200 = 0.4375 */
}
.greenfish_col8 {
	width: 50%; /* 600/1200 = 0.5 */
}
.greenfish_col9 {
	width: 56.25%; /*  675/1200 = 0.5625 */
}
.greenfish_col10 {
	width: 62.5%; /*  750/1200 = 0.625 */
}
.greenfish_col11 {
	width: 68.75%; /*  825/1200 = 0.6875 */
}
.greenfish_col12 {
	width: 75%; /*  900/1200 = 0.75 */
}
.greenfish_col13 {
	width: 81.25%; /*  975/1200 = 0.8125 */
}
.greenfish_col14 {
	width: 87.5%; /*  1050/1200 = 0.875 */
}
.greenfish_col15 {
	width: 93.75%; /*  1125/1200 = 0.9375 */
}
.greenfish_col16 {
	width: 100%; 
}
.topln{
	width: 100%; 
	background-color: #575756;
}
.fb{
	width: 100%;
	min-width:961px;
	max-width:1200px;
	margin: 0 auto;
	padding: 0.5em 0 0.3em 0;
	text-align: right;
}
.logo{
	float: left;
	text-align: center;
	width: 100%; 
	margin-top: 1.8em;
}
.logotxt{
	float: left;
	text-align: center;
	font-family: "Krungthep", Arial, Helvetica, Sans-Serif;
	font-size: 2em;
	color:#3C3C3B;
	width: 100%;
	margin-top: 0.3em;
}
.logodata{
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#575756;
	width: 100%; 
	margin-top: 0.3em;
}
.logodata a{
	color:#F18500;
}
.logodata a:hover{
	color:#575756;
}
.headerimg1{
	float: left;
	text-align: left;
	width: 100%; 
	padding-top: 5em;
}
.headerimg1 img {
    vertical-align: bottom;
}
.headerimg2{
	float: left;
	text-align: right;
	width: 100%; 
	padding-top: 5em;
}
.headerimg2 img {
    vertical-align: bottom;
}
#mnu {
	width: 100%;
	background-color: #575756;
	margin-bottom: 2em;
}
.menubg {
	width: 100%;
	min-width:961px;
	max-width:1200px;
	text-align: left;
	margin: 0 auto;
	padding: 0 1em 0 1em;
}	
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0.875em 0.938em;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1.2em;
}

ul.topnav li a:hover {color: #F18500;}

ul.topnav li.icon {display: none;}

.kapcsolat{
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#000;
	width: 100%; 
	line-height: 1.4em;
	padding-left: 0.8em;
}
.kapcsolat a{
	color:#F18500;
}
.kapcsolat a:hover{
	color:#575756;
}
.termekek{
	width: 100%;
	float: left;
	padding: 0.5em 0.5em;
}
.termekekkep {
	float: left;
	width: 100%;
}
.termekekkep img{
	width: 100%;
	border: 1px solid #F18500;
}
.termekekkat{
	float: left;
	width: 100%;
	height: 60px;
	background-color: #F18500;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	padding: 0.3em 0 0.3em 0;
	margin-top: -0.3em;
}
.termekekkat a{
	color:#fff;
}
.termekekkat a:hover{
	color:#575756;
}
.termekegyedi{
	float: left;
	width: 100%;
	background-color: #F18500;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	border: 1px solid #F18500;
	padding: 0.3em 0.3em 0.3em 1em;
}
.termektxt{
	float: left;
	width: 100%;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	color:#000;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.3em 0.8em 0.3em 1em;
}
.termekegyedikep {
	float: left;
	padding: 0.5em 0.5em;
	width: 100%;
}
.termekegyedikep img{
	border: 1px solid #F18500;
	width: 100%;
}
.bottomln{
	width: 100%; 
	height: 20px;
	background-color: #575756;
	margin-top: 1.2em;
}
.back{
	float: right; 
	text-align:center; 
	text-decoration: none; 
	margin: 1em 0.5em 0 0;
}
.back a{
	font-family: Arial, Helvetica, sans-serif "Times New Roman", serif; 
	font-size: 1em; 
	font-style:normal; 
	color: #fff; 
	border: 1px solid #575756; 
	-webkit-box-shadow: 0 4px 3px -3px #3A3125; -moz-box-shadow: 0 4px 3px -3px #3A3125; box-shadow: 0 4px 3px -3px #3A3125;
	padding: 0.5em 1em 0.5em 1em; 
	background: #575756;
}
.back a:hover {
	color: #F18500;
}
/* -- 521px-960px -- */

@media screen and (min-width:521px) and (max-width:960px){

#container {
	width: 100%;
	min-width:521px;
	max-width:960px;
	margin: 0 auto;
	min-height:500px;
}

#container:after, #container:before {
	display: table;
	clear:both;
	content: " ";
}

#header {
	width: 100%;
	min-width:521px;
	max-width:960px;
	margin: 0 auto;
	background: #fff;
	padding: 0 1em 0 1em;
}

.content {
	background:#f5f5f5;
	font-family:sans-serif;
	padding:1em;
	word-break: break-all;
}
.terkep {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    margin-top: 1em;
    height: 0;
    overflow: hidden;
    }
.terkep iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    padding: 0 1em 0 1em 0;
}
/* -- GreenFish Grid 1-16-- */

.greenfish_col1 {
	width: 6.25%; /* 60/960 = 0.0625 */
}
.greenfish_col2 {
	width: 12.5%; /* 120/960 = 0.125 */
}
.greenfish_col3 {
	width: 18.75%; /* 180/960 = 0.1875 */
}
.greenfish_col4 {
	width: 25%; /* 240/960 = 0.25 */
}
.greenfish_col5 {
	width: 31.25%; /* 300/960 = 0.3125 */
}
.greenfish_col6 {
	width: 37.5%; /* 360/960 = 0.375 */
}
.greenfish_col7 {
	width: 43.75%; /* 420/960 = 0.4375 */
}
.greenfish_col8 {
	width: 50%; /* 480/960 = 0.5 */
}
.greenfish_col9 {
	width: 56.25%; /*  540/960 = 0.5625 */
}
.greenfish_col10 {
	width: 62.5%; /*  600/960 = 0.625 */
}
.greenfish_col11 {
	width: 68.75%; /*  660/960 = 0.6875 */
}
.greenfish_col12 {
	width: 75%; /*  720/960 = 0.75 */
}
.greenfish_col13 {
	width: 81.25%; /*  780/9600 = 0.8125 */
}
.greenfish_col14 {
	width: 87.5%; /*  840/960 = 0.875 */
}
.greenfish_col15 {
	width: 93.75%; /*  900/960 = 0.9375 */
}
.greenfish_col16 {
	width: 100%; 
}
.topln{
	width: 100%; 
	background-color: #575756;
}
.fb{
	width: 100%;
	min-width:521px;
	max-width:960px;
	margin: 0 auto;
	padding: 0.5em 0.3em 0.3em 0;
	text-align: right;
}
.logo{
	float: left;
	text-align: center;
	width: 100%; 
	margin-top: 1.5em;
}
.logo img{
	width: 80%; 
}
.logotxt{
	float: left;
	text-align: center;
	font-family: "Krungthep", Arial, Helvetica, Sans-Serif;
	font-size: 1.7em;
	color:#3C3C3B;
	width: 100%;
	margin-top: 0.2em;
}
.logodata{
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#575756;
	width: 100%; 
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
.logodata a{
	color:#F18500;
}
.logodata a:hover{
	color:#575756;
}

.headerimg1{
	float: left;
	text-align: left;
	width: 100%; 
	padding-top: 5em;
}
.headerimg1 img {
    width: 0%; 
}
.headerimg2{
	float: left;
	text-align: right;
	width: 100%; 
	padding-top: 5em;
}
.headerimg2 img {
    width: 0%;
}
#mnu {
	width: 100%;
	background-color: #575756;
	margin-bottom: 2em;
}

.menubg {
	width: 100%;
	min-width:521px;
	max-width:960px;
	text-align: left;
	margin: 0 auto;
	padding: 0 1em 0 1em;
}	
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0.875em 0.938em;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1.2em;
}

ul.topnav li a:hover {color: #F18500;}

ul.topnav li.icon {display: none;}

.kapcsolat{
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#000;
	width: 100%; 
	line-height: 1.4em;
	padding-left: 0.8em;
}
.kapcsolat a{
	color:#F18500;
}
.kapcsolat a:hover{
	color:#575756;
}
.termekek{
	width: 100%;
	float: left;
	padding: 0.5em 0.5em;
}
.termekekkep {
	float: left;
	width: 100%;
}
.termekekkep img{
	width: 100%;
	border: 1px solid #F18500;
}
.termekekkat{
	float: left;
	width: 100%;
	height: 60px;
	background-color: #F18500;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	padding: 0.3em 0 0.3em 0;
	margin-top: -0.3em;
}
.termekekkat a{
	color:#fff;
}
.termekekkat a:hover{
	color:#575756;
}
.termekegyedi{
	float: left;
	width: 100%;
	background-color: #F18500;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	border: 1px solid #F18500;
	padding: 0.3em 0.8em 0.3em 1em;
}
.termektxt{
	float: left;
	width: 100%;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	color:#000;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.3em 0.8em 0.3em 1em;
}
.termekegyedikep {
	float: left;
	padding: 0.5em 0.5em;
	width: 100%;
}
.termekegyedikep img{
	border: 1px solid #F18500;
	width: 100%;
}
.bottomln{
	width: 100%; 
	height: 20px;
	background-color: #575756;
	margin-top: 1.2em;
}
.back{
	float: right; 
	text-align:center; 
	text-decoration: none; 
	margin: 1em 0.5em 0 0;
}
.back a{
	font-family: Arial, Helvetica, sans-serif "Times New Roman", serif; 
	font-size: 1em; 
	font-style:normal; 
	color: #fff; 
	border: 1px solid #575756; 
	-webkit-box-shadow: 0 4px 3px -3px #3A3125; -moz-box-shadow: 0 4px 3px -3px #3A3125; box-shadow: 0 4px 3px -3px #3A3125;
	padding: 0.5em 1em 0.5em 1em; 
	background: #575756;
}
.back a:hover {
	color: #F18500;
}
}



/* -- 0px-520px -- */

@media screen and (min-width:220px) and (max-width:520px){

#container {
	width: 100%;
	min-width:220px;
	max-width:520px;
	margin: 0 auto;
	min-height:130px;
}

#container:after, #container:before {
	display: table;
	clear:both;
	content: " ";
}
#header {
	width: 100%;
	min-width:220px;
	max-width:520px;
	margin: 0 auto;
	background: #fff;
	padding: 0 1em 0 1em;
}
.content {
	background:#f5f5f5;
	font-family:sans-serif;
	word-break: break-all;
}
.terkep {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
    }
.terkep iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* -- GreenFish Grid 1-16-- */

.greenfish_col1 {
	width: 100%;
}
.greenfish_col2 {
	width: 100%;
}
.greenfish_col3 {
	width: 100%;
}
.greenfish_col4 {
	width: 100%;
}
.greenfish_col5 {
	width: 100%;
}
.greenfish_col6 {
	width: 100%;
}
.greenfish_col7 {
	width: 100%;
}
.greenfish_col8 {
	width: 100%;
}
.greenfish_col9 {
	width: 100%;
}
.greenfish_col10 {
	width: 100%;
}
.greenfish_col11 {
	width: 100%;
}
.greenfish_col12 {
	width: 100%;
}
.greenfish_col13 {
	width: 100%;
}
.greenfish_col14 {
	width: 100%;
}
.greenfish_col15 {
	width: 100%; 
}
.greenfish_col16 {
	width: 100%; 
}

.topln{
	width: 100%; 
	background-color: #575756;
}
.fb{
	width: 100%;
	min-width:220px;
	max-width:520px;
	margin: 0 auto;
	padding: 0.5em 0.3em 0.3em 0;
	text-align: right;
}
.logo{
	float: left;
	text-align: center;
	width: 100%; 
	margin-top: 1.5em;
}
.logo img{
	width: 100%; 
}
.logotxt{
	float: left;
	text-align: center;
	font-family: "Krungthep", Arial, Helvetica, Sans-Serif;
	font-size: 2em;
	color:#3C3C3B;
	width: 100%;
	margin-top: 0.2em;
}
.logodata{
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#575756;
	width: 100%; 
	margin-top: 0.2em;
	margin-bottom:0.2em;
}
.logodata a{
	color:#F18500;
}
.logodata a:hover{
	color:#575756;
}
.headerimg1{
	visibility: hidden;
	display: none;
}

.headerimg2{
	visibility: hidden;
	display: none;
}

#mnu {
	width: 100%;
	background-color: #575756;
	margin-bottom: 2em;
}
.menubg {
	width: 100%;
	min-width:220px;
	max-width:520px;
	text-align: left;
	margin: 0 auto;
	padding: 0 1em 0 1em;
}	

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 0.875em 0.938em;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1.2em;
}

ul.topnav li a:hover {color: #F18500;}

ul.topnav li.icon {display: none;}

.kapcsolat{
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#000;
	width: 100%; 
	line-height: 1.4em;
	padding-left: 0.8em;
	margin-bottom: 1em;
}
.kapcsolat a{
	color:#F18500;
}
.kapcsolat a:hover{
	color:#575756;
}
.termekek{
	width: 100%;
	float: left;
	padding: 0.5em 0.5em;
}
.termekekkep {
	float: left;
	width: 100%;
}
.termekekkep img{
	width: 100%;
	border: 1px solid #F18500;
}
.termekekkat{
	float: left;
	width: 100%;
	height: 60px;
	background-color: #F18500;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	padding: 0.3em 0 0.3em 0;
	margin-top: -0.3em;
}
.termekekkat a{
	color:#fff;
}
.termekekkat a:hover{
	color:#575756;
}
.termekegyedi{
	float: left;
	width: 100%;
	background-color: #F18500;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	border: 1px solid #F18500;
	padding: 0.3em 0.3em 0.3em 0.8em;
}
.termektxt{
	float: left;
	width: 100%;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	color:#000;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.3em 0.8em 0.3em 0.8em;
}
.termekegyedikep {
	float: left;
	padding: 0.5em 0.5em;
	width: 100%;
}
.termekegyedikep img{
	border: 1px solid #F18500;
	width: 100%;
}

.bottomln{
	width: 100%; 
	height: 20px;
	background-color: #575756;
	margin-top: 1.2em;
}

.back{
	float: right; 
	text-align:center; 
	text-decoration: none; 
	margin: 1em 0.5em 0 0;
}
.back a{
	font-family: Arial, Helvetica, sans-serif "Times New Roman", serif; 
	font-size: 1em; 
	font-style:normal; 
	color: #fff; 
	border: 1px solid #575756; 
	-webkit-box-shadow: 0 4px 3px -3px #3A3125; -moz-box-shadow: 0 4px 3px -3px #3A3125; box-shadow: 0 4px 3px -3px #3A3125;
	padding: 0.5em 1em 0.5em 1em; 
	background: #575756;
}
.back a:hover {
	color: #F18500;
}
}