@import url('https://fonts.googleapis.com/css?family=Allura');
*{
	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, text-shadow 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, text-shadow 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, text-shadow 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, text-shadow 300ms ease-in-out;
	transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, text-shadow 300ms ease-in-out;
}
body{
	background-color:#f0f0f0;
	color:#555555;
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"PT Sans",sans-serif;
	background-image:url(../../../../images/bg.png);
	background-position:center center;
	background-repeat:repeat-all;
}
a, a:visited{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
a:hover, a:active, a:focus{
	color:#000000;
	text-decoration:underline;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
	font-size:100%;
	margin:0;
	padding:0;
}
label{cursor:pointer;}
.clear{
	clear:both;
}
div#page{
	background-position:top center;
	background-repeat:repeat;
}
#wrapper{
	width:100%;
	height:100%;
}
#wrapper_content{
	max-width:1300px;
	width:100%;
	margin:auto;
	background-color:#3a1908;
}
#content{
	min-height:500px;
	float:left;
	padding:1%;
	width:58%;
}
#footer_wrapper{
	width:100%;
	background-color:transparent;
	height:auto;
}
#footer{
	margin:auto;
	margin-top:100px;
	max-width:1300px;
	width:100%;
	/*background-color:#3a2008;*/
}
#footer_content{
	padding:10px;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	text-shadow:0px 0px 1px black;
	color:#9C5510;
}
#footer_content a, #footer_content a:visited{
	color:#666666;
	padding:5px;
	display:inline-block;
}
#footer_content a:focus, #footer_content a:hover, #footer_content a:active{
	color:white;
	background-color:black;
}
#banner_wrapper{
	width:100%;
}
#banner{
	max-width:1300px;
	width:100%;
	margin:auto;
	height:15vw;
	max-height:300px;
	min-height:100px;
	background-color:#e0e0e0;
	background-image:url(../../../../images/banner.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
#banner_content{
	padding-top:5px;
	padding-bottom:5px;
}
#side1{
	float:left;
	width:20%;
	padding-top:1%;
}
#side2{
	float:right;
	width:20%;
	padding-top:1%;
}
.title{
	font-size:150%;
	background-image:url(../../../../images/titlebg.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	background-color:#3A1908;
	display:block;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	z-index:2;
	box-shadow:5px 5px 5px #3A1908;
	text-shadow:1px 1px #c0c0c0;
}
.txt{
	margin-top:-5px;
	margin-left:5px;
	margin-right:5px;
	padding:2%;
	background-color:#F7F2E3;
	background-image:url(../../../../images/txtbg.jpg);
	position:relative;
	z-index:1;
	color:#333333;
	font-size:105%;
	padding-top:15px;
	padding-bottom:5px;
	text-align:justify;
}
.txt img{
	max-width:100% !important;
	max-height:100% !important;
	width:auto !important;
	height:auto !important;
	margin:0px !important;
}
.txtbottom{
	background-image:url(../../../../images/txtbottom.png);
	background-repeat:repeat-x;
	background-position:center center;
	height:3px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
.sidetitle{
	font-size:150%;
	background-image:url(../../../../images/titlebg.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	background-color:#3A1908;
	display:block;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	z-index:1;
	box-shadow:5px 5px 5px #3A1908;
	text-shadow:1px 1px #c0c0c0;
	opacity:.99;
}
.sidetxt{
	margin-top:-5px;
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	padding-top:15px;
	background-color:#F7F2E3;
	background-image:url(../../../../images/txtbg.jpg);
	position:relative;
	z-index:0;
	color:#333333;
	font-size:105%;
}
.sidetxtbottom{
	background-image:url(../../../../images/txtbottom.png);
	background-repeat:repeat-x;
	background-position:center center;
	height:3px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
.titlebg_termeszet{
	background-image:url(../../../../images/titlebg_termeszet.png);
	font-family: 'Allura', cursive;
	font-size:200%;
}
.titlebg_halal{
	background-image:url(../../../../images/titlebg_halal.png);
	font-family: 'Allura', cursive;
	font-size:200%;
}
.titlebg_ero{
	background-image:url(../../../../images/titlebg_ero.png);
	font-family: 'Allura', cursive;
	font-size:200%;
}
.titlebg_elet{
	background-image:url(../../../../images/titlebg_elet.png);
	font-family: 'Allura', cursive;
	font-size:200%;
}
.titlebg_kaosz{
	background-image:url(../../../../images/titlebg_kaosz.png);
	font-family: 'Allura', cursive;
	font-size:200%;
}
.titlebg_rend{
	background-image:url(../../../../images/titlebg_rend.png);
	font-family: 'Allura', cursive;
	font-size:200%;
}
.bordertop{
	width:100%;
	height:18px;
	background-image:url(../../../../images/bordertop.png);
	background-repeat:repeat-x;
	background-position:left top;
}
#bottomborder{
	width:100%;
	height:18px;
	background-image:url(../../../../images/bordertop.png);
	background-repeat:repeat-x;
	background-position:left top;
	box-shadow:-5px -5px 45px black;
}
.borderlefttopdragon{
	position:absolute;
	left:5%;
	top:0;
	width:312px;
	height:76px;
	background-image:url(../../../../images/borderlefttopdragon.png);
	/* background-image:url(../../../../images/borderlefttopdragon_xmas.png); */
	background-repeat:no-repeat;
	background-position:left top;
	z-index:99;
}
.logo{
	position:absolute;
	z-index:9;
	width:20vw;
	min-width:150px;
	max-width:400px;
	height:auto;
	margin:auto;
	left:50%;
	top:10vw;
	transform: translate(-50%, -5vw);
}
.logo img{
	max-height:auto;
	max-width:auto;
	height:auto;
	width:100%;
}
.mainmenu{
	max-width:1300px;
	width:100%;
	margin:auto;
	height:auto;
	text-align:center;
	background-color:#451F1E;
}
.mainmenu_item{
	display:inline-block;
	margin-right:2px;
	border-right:1px solid #BD6921;
}
.mainmenu_item a, .mainmenu_item a:visited{
	width:auto;
	height:auto;
	display:inline-block;
	padding:6px 12px;
	color:#EBD0A3;
	background-color:transparent;
	font-size:125%;
	text-transform:uppercase;
	text-shadow:0px 0px 5px black;
}
.mainmenu_item:last-of-type{margin-right:0px;border-right:none;}
.mainmenu_item a:hover, .mainmenu_item a:active, .mainmenu_item a:focus{
	text-shadow:0px 0px 15px #CE7D31;
	color:#ffffff;
}
.bordertop_menu{
	width:100%;
	height:7px;
	background-image:url(../../../../images/bordertop_menu.png);
	background-repeat:repeat-x;
	background-position:left center;
}
.borderbottom_menu{
	width:100%;
	height:7px;
	background-image:url(../../../../images/borderbottom_menu.png);
	background-repeat:repeat-x;
	background-position:left center;
}
.boxitem{
	width:48%;
	display:inline-block;
	height:auto;
	padding:1%;
	vertical-align:top;
}
.lenybg{
	margin-right:10px !important;
	margin-bottom:10px !important;
	float:left;
	width:200px;
	height:200px;
	box-shadow:0px 0px 5px #666666;
	position:relative;
}
.lenybg img{
	width:200px !important;
	height:200px !important;
}
.lenybgmain{
	margin-right:10px !important;
	float:left;
	width:100px;
	height:100px;
	background-size:72px 72px;
	background-position:center center;
	background-repeat:no-repeat;
}
.lenybgmain img{
	width:100px !important;
	height:100px !important;
}
.ertekbg{
	display:inline-block;
	text-align:center;
	background-image:url(../../../../images/ertekbg.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:58px;
	height:34px;
	vertical-align:middle;
	line-height:34px;
	font-weight:bold;
	text-decoration:none !important;
}
.nyersanyagbg{
	display:inline-block;
	text-align:center;
	background-image:url(../../../../images/nyersanyagbg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:44px;
	height:44px;
	vertical-align:middle;
	line-height:44px;
	font-weight:bold;
	text-decoration:none !important;
}
.minititlebg{
	display:inline-block;
	text-align:center;
	background-image:url(../../../../images/minititlebg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:197px;
	height:46px;
	vertical-align:middle;
	line-height:46px;
	font-weight:bold;
	text-decoration:none !important;
}
.button{
	display:inline-block;
	text-align:center;
	background-image:url(../../../../images/button.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:166px;
	height:40px;
	vertical-align:middle;
	line-height:38px;
	font-weight:bold;
	text-decoration:none !important;
	box-shadow:0px 0px 3px #333333;
	color:#3A1908;
	cursor:pointer;
	border:0;
}
.button:hover{
	background-image:url(../../../../images/button_hover.png);
}
.littlebutton{
	display:inline-block;
	text-align:center;
	background-image:url(../../../../images/button.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:83px;
	height:20px;
	vertical-align:middle;
	line-height:21px;
	font-weight:bold;
	text-decoration:none !important;
	box-shadow:0px 0px 1px #333333;
	color:#3A1908;
	cursor:pointer;
	border:0;
	font-size:70% !important;
}
.littlebutton:hover{
	background-image:url(../../../../images/button_hover.png);
}
.side_login input{
	width:94%;
	padding:4% 2%;
	margin:1%;
	border:none;
	background-color:#3A1908;
	color:#EFE1C6;
	border:1px solid #8C5929;
	font-size:115%;
}
.side_login input[type="submit"]{
	text-align:center;
	background-image:url(../../../../images/button.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:166px;
	height:40px;
	padding:0;
	margin:0;
	margin:auto;
	margin-top:2%;
	vertical-align:middle;
	line-height:38px;
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
	box-shadow:0px 0px 3px #333333;
	color:#3A1908;
	font-size:90%;
}
.side_login input[type="submit"]:hover{
	background-image:url(../../../../images/button_hover.png);
}
.form input, .form select{
	width:94%;
	padding:4% 2%;
	margin:1%;
	border:none;
	background-color:#3A1908;
	color:#EFE1C6;
	border:1px solid #8C5929;
	font-size:105%;
}
.form select{cursor:pointer;}
.form input[type="submit"]{
	text-align:center;
	background-image:url(../../../../images/button.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width:166px;
	height:40px;
	padding:0;
	margin:0;
	margin:auto;
	margin-top:2%;
	vertical-align:middle;
	line-height:38px;
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
	box-shadow:0px 0px 3px #333333;
	color:#3A1908;
	font-size:90%;
}
.form input[type="submit"]:hover{
	background-image:url(../../../../images/button_hover.png);
}
.form input[type="checkbox"]{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
.comment_area{
	width:96%;
	margin:1%;
	padding:1%;
	max-height:500px;
	height:20vh;
	min-height:150px;
	font-size:120%;
	font-family:PT Sans,sans-serif;
	background-color:#f0f0f0;
	color:#451F1E;
	border:2px solid #B56510;
	background-image:url(../../../../images/textarea.jpg);
}
.comment{
	padding-top:2%;
	padding-bottom:2%;
	word-wrap: break-word;
}
.chat_table th{
	background-color:#451F1E;
	color:#EFE0C3;
	padding:10px;
	margin-bottom:3px;
}
.chat_table td{
	padding:5px;
}
.chat_table tr:nth-child(odd){
	background-color:#EBDCBF;
}
.chat_table tr:nth-child(odd):hover{
	background-color:#ddc396;
}
.chat_table tr:nth-child(even){
	background-color:#e8d3ae;
}
.chat_table tr:nth-child(even):hover{
	background-color:#ddc396;
}
.input_search{
	background-image:url(../../../../images/search.png) !important;
	background-position:5px center !important;
	background-size:30px 30px !important;
	background-repeat:no-repeat !important;
	background-color:#ffbb93 !important;
	text-indent:30px;
	margin:1%;
	padding:1%;
	width:95%;
	border:thin solid #BD6921;
	box-shadow:0px 0px 2px #451F1E;
}
.mainmenu_top{
	display:none;
	position:fixed;
	margin:auto;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	max-width:100%;
	font-size:2vw;
	box-shadow:0px 0px 10px #451F1E;
}
.tooltipbox{
	z-index:9;
	display:none;
	position:absolute;
	width:330px;
	height:auto;
	min-height:50px;
	max-height:250px;
	background-image:url(../../../../images/titlebg.png);
	padding:15px;
	background-size:100% 100%;
	left:0;
	top:0;
}
.tooltipbox img{
	max-width:70px !important;
	max-height:70px !important;
	margin-right:5px;
	margin-bottom:5px;
}
.tooltipbox b{
	font-size:110%;
}
.tooltipbox div{
	font-size:90%;
	margin-top:10px;
}
.varazstargy_bg{
	display:inline-block;
	text-align:center;
	width:44px;
	height:44px;
	vertical-align:middle;
	text-decoration:none !important;
	position:relative;
	background-color:white;
}
.varazstargy_bg::after{
	background-image:url(../../../../images/varazstargy_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	display:block;
	z-index:2;
	width:inherit;
	height:inherit;
	position:absolute;
	left:0;
	top:0;
	content:"";
}
.varazstargy_bg img{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	padding:3px;
	box-sizing:border-box;
}




@media screen and (min-width: 1200px) {
  .mainmenu_top{
    font-size: 100%;
  }
}
@media screen and (min-width: 600px) {
  .mainmenu_top{
    font-size: 80%;
  }
}
@media screen and (max-width: 1250px) {
  .mainmenu_logo{
    display:none;
  }
}
@media screen and (max-width: 1000px) {
  #side1{
    display:none;
  }
  #side2{
    display:none;
  }
  #content{
	  width:98%;
  }
}