@font-face {
    font-family: 'sansa';
    src: url('/fonts/sansation-regular-webfont.eot');
    src: url('/fonts/sansation-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sansation-regular-webfont.woff') format('woff'),
         url('/fonts/sansation-regular-webfont.ttf') format('truetype'),
         url('/fonts/sansation-regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	height: 100%;
}

body {
margin : 0;
padding : 0;
background-color : #fff;
background: url('/pic/back_body.png') repeat-x;
font-size : 12px;
font-family: 'Verdana';
color : #383838;
height:100%;
}
* {margin:0} 

::selection {background-color:#555;  color:#FFFFFF;}
::-moz-selection {background-color:#555; color:#FFFFFF;}

body.form{
margin : 0;
padding : 0;
background : none;
background-color : #c5c4c4;
font-size : 12px;
font-family: Verdana;
color : #000;
height:100%;
}

#main_cont {
position:relative; 
	margin:0 auto; 
	max-width: 1100px;	
	width:96%;
	
	height:auto !important;
	min-height:80%;
	display: block;
overflow-y: auto;
overflow-x: hidden;
	
}

#head_main {
	position:relative;
margin : 0;
padding : 0;
background : url('/pic/head_main.png') no-repeat;
width : 100%;
max-width:1100px;
height : 94px;
padding : 0;

}

p.slogan {
	position:absolute;
	right:2px;
	bottom:2px;
	color:#898989;
	font-size:14px;
	}

#head_logo{
position:absolute;
top :20px;
left:0px;
background : url('/pic/logo.png') 100% 0px no-repeat;
padding : 0;
margin : 0;
height:60px;
width:247px;
cursor: pointer;
cursor: hand;
z-index:0;
}

#head_social{
	
	float:right;
	position:absolute;
	right:40px;
	top:8px;
	z-index:9999;}


#menu {
/**/
background : url('/pic/back_menu.png') 100% 100% repeat-x;
float : left;
bottom :0px;
padding : 0;
margin : 0;
width:100%;
height:50px;
}

.video-container {
    position: relative;
    padding-bottom: 57%;
    padding-top: 30px;
    height: 0px;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
	height: 100%;
}
 

#menu a:link, #menu a:visited {
font-family: 'sansa', verdana; 
color:#FFFFFF; 
font-size:16px; 
text-decoration:none; 
text-transform:uppercase; 
font-weight: normal;
height:50px;
line-height:54px;
margin:0 10px 0 10px;	
transition: all 0.35s ease 0s;
        transition-property: all;
        transition-duration: 0.35s;
        transition-timing-function: ease;
        transition-delay: 0s;
}

#menu a:hover, #menu a.selected {
color:#4f81bd; 
text-decoration:none; 
font-weight: normal; 
font-size:16px;
}

#menu_icon {
position:absolute;
top:6px;
right:6px;
padding : 0;
float right;
display:none;
}

#resp_menu{
clear: both;
text-align:left;
display:none;
position:absolute;
right:-8px;
background:#4f81bd;
padding:4px;
margin-top:2px;
width : 300px;
height: auto;
overflow-y:auto;
z-index:9999;
line-height:16px;
box-shadow:0 4px 4px rgba(0,0,0,0.4);
	
}

#resp_menu a{
list-style-type:none;
width:290px;
clear:left;
float:left;
line-height:26px;
background-color:#000;
margin:0 0 1px 0;
padding:5px 0 5px 10px;
font-family: Verdana; 
color:#FFFFFF; 
font-size:14px; 
text-decoration:none; 
text-transform:uppercase; 
}

#resp_menu a:hover {
color:#4f81bd; 
text-decoration:none; 
font-weight: normal; 
font-size:14px;
}

#foot_cont {
background-color: #ccc;
position : relative;
float : left;
left : 0;
top:0;
width : 100%;
height : auto;
text-align : center;
padding : 0;
margin : 0;
z-index:0;
}


#foot_inner {
	position:relative;
background-color:#898989;
margin : 0 auto;
padding : 0;
max-width:1100px;
width : 100%;
min-height : 200px;
height:auto;
overflow-y:auto;
}

#foot_inner_links {
float:left;
	padding:5px;
	margin:10px 0 0 30px;
	text-align: left;
	color:#fff;
	max-width:300px;
}

#foot_inner_links h2{
	margin-top:0px;
	margin-bottom:5px;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Verdana';
	text-transform:uppercase;
	color:#ddd;
}

#foot_inner_links h3{
	margin-top:0px;
	margin-bottom:5px;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Verdana';
	text-transform:uppercase;
	color:#ddd;
}

#foot_inner_links ul{
		margin-bottom: 0px;
	margin-left: 5px;
	padding-left: 0px;
	list-style: none;
}

#foot_inner_links li{
	list-style: none;
	list-style-image: none;
	margin-left: 0px;
	line-height:120%;
	
}
#foot_inner_links li a:link, #foot_inner_links li a:visited{
	color:#222;
	font-size: 11px;
	font-family: 'Verdana';
	text-decoration:none;
	text-transform:none;
}

#foot_inner_links li a:hover{

	text-decoration:underline;

}


p.foot { color : #FFFFFF; font-size : 10px; font-family : verdana; text-decoration : none; font-weight : normal; vertical-align : top; }

#foot_contact { 
position : absolute;
clear:left;
margin : 0;
padding : 0;
bottom : 4px;
left:0;
width :100%; 
font-family : 'Verdana'; 
color:#FFF; 
font-size: 10px; 
line-height:10px;
text-align:center; 
vertical-align : top; 

}

#foot_contact A, #foot_contact A:visited, #foot_contact A:active { font-family : Verdana; color : #FFF; font-size :10px; text-align: left; font-weight: normal; text-decoration: none; }
#foot_contact A:hover {text-decoration: underline; }




#homepic {
width : 100%;
height:auto;
}

#homepic img{
width : 100%;
height:auto;
}

#newsbox {
float : left;
margin-bottom : 20px;
width : 660px;
height:315px;
}


#slogan {
position : relative;
font-family : 'Times New Roman';
float: left;
left:0px;
margin-top:-100px;
z-index:1000;

}

#middle {
    float: left;
    margin-top: 0px;
    width: 100%;
    background-color: #fff;
    z-index:1;
    height:auto;
}

#maintext{
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
float: left;
width: 780px;
padding: 0px;
min-height: 450px;
height: auto;
padding-top:10px;
}


#right {
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
float: left;
width: 300px;
margin:0;
padding:20px 0 0 0;
}

#maintext a:link, a:visited, a:active {
color : #383838;
font-size : 12px;
font-family : 'Verdana';
text-decoration : none;
text-align : left;
font-weight : bold; 
letter-spacing : 0em;
text-decoration : underline; 
}

#maintext  a:hover { 
text-decoration : none;
color : #000;
font-weight : bold; }

#maintext img {
text-align : left;
vertical-align : top;
margin: 10px 10px 0 10px;
float:left;
border:1px solid #3e3e3e;
}

#maintext img.thumbs {
text-align : left;
vertical-align : top;
margin-left : 20px;
margin-right : 0px;
margin-top : 10px;
margin-bottom : 10px;
float:left;
width:120px;
height:90px;
}

p.datum {
color : #515151;
font-size : 9px;
font-family : Verdana;
text-decoration : none;
text-align : left;
vertical-align : top;
margin-left : 20px;
margin-top : 0px;
margin-bottom : 20px;
letter-spacing : 150%;
line-height : 100%;
/*
	-moz-text-shadow: 	1px 1px 1px #BBB;
	-webkit-text-shadow: 	1px 1px 1px #BBB;
	text-shadow: 		1px 1px 1px #BBB;
*/
}

#maintext h1 {
padding: 10px 0px 10px 10px;
color : #000;
font-size : 28px;
font-family: 'sansa', verdana; 
text-decoration : none;
text-align : left;
font-weight : normal;
letter-spacing : 0px;
-moz-text-shadow: 	1px 1px 1px #AAA;
-webkit-text-shadow: 	1px 1px 1px #AAA;
text-shadow: 		1px 1px 1px #AAA;
text-transform:uppercase;
}

#maintext h2 {
padding: 10px 0px 0px 10px;
color : #000;
font-size : 20px;
font-family: 'sansa', verdana; 
text-decoration : none;
text-align : left;
font-weight : normal;
letter-spacing : 0px;
-moz-text-shadow: 	1px 1px 1px #AAA;
-webkit-text-shadow: 	1px 1px 1px #AAA;
text-shadow: 		1px 1px 1px #AAA;
}

#maintext h3 {
padding: 10px 10px 0px 10px;
color : #000;
font-size : 15px;
font-family: 'veranda', verdana; 
text-decoration : none;
text-align : justify;
font-weight : normal;
letter-spacing : 0px;
-moz-text-shadow: 	1px 1px 1px #AAA;
-webkit-text-shadow: 	1px 1px 1px #AAA;
text-shadow: 		1px 1px 1px #AAA;
}

#maintext hr { float:left;border : 0; color : #898989; border-top : 1px solid #898989; width : 95%; height: 1px; margin-left : 10px; }
#maintext hr.hal { border : 0; color : #ccc; border-top : 1px solid #ccc; width : 100%; height: 1px; margin-left : 10px; }

#maintext p {
color : #383838;
font-size : 13px;
font-family : 'Verdana';
text-decoration : none;
text-align : justify;
margin:10px 10px 0 10px; 
letter-spacing : 150%;
line-height : 150%;
	-moz-text-shadow: 	0px 1px 1px #BBB;
	-webkit-text-shadow: 	0px 1px 1px #BBB;
	text-shadow: 		0px 1px 1px #BBB;
}

#maintext li, #maintext ul li {
list-style: none;
list-style-image: url('/pic/li_arr.png');
font-size : 13px;
line-height:24px;
font-family: 'Verdana';
color : #000;
float:left;
text-decoration : none;
/*vertical-align : top;*/
text-align : justify;
margin:0 20px 6px 20px;
letter-spacing : 150%;
line-height : 150%;
	-moz-text-shadow: 	0px 1px 1px #BBB;
	-webkit-text-shadow: 	0px 1px 1px #BBB;
	text-shadow: 		0px 1px 1px #BBB;
/*border-bottom:1px solid #2c89bd;*/
clear:both;
}


#maintext p.13px {
color : #383838;
font-size : 13px;
font-family : 'Verdana';
text-decoration : none;
text-align : left;
margin:10px 10px 0 10px; 
letter-spacing : 150%;
line-height : 150%;
	-moz-text-shadow: 	0px 1px 1px #BBB;
	-webkit-text-shadow: 	0px 1px 1px #BBB;
	text-shadow: 		0px 1px 1px #BBB;
}

#maintext p.1 {
color : #383838;
font-size : 13px;
font-family : 'Verdana';
text-decoration : none;
text-align : left;
margin:10px 10px 0 10px; 
letter-spacing : 150%;
line-height : 150%;
	-moz-text-shadow: 	0px 1px 1px #BBB;
	-webkit-text-shadow: 	0px 1px 1px #BBB;
	text-shadow: 		0px 1px 1px #BBB;
}

#maintext p.halvany {
color : #A1A1A1;
font-size : 12px;
font-family : Verdana;
text-decoration : none;
text-align : left;
vertical-align : top;
margin-left : 20px;
margin-right : 20px;
margin-top : 10px;
letter-spacing : 150%;
line-height : 150%;
-moz-text-shadow: 	none;
-webkit-text-shadow: 	none;
text-shadow: none;
}

#one_prod{
position:relative;
padding:0;
/*padding : 10px 0px 0px 0px;*/
float:left;
width:45%;
margin:10px 0 10px 10px;
min-height:260px;
border: 1px dotted #d5d5d5;
vertical-align : top;
text-align : left;
background-color:#FFF;
box-shadow:0px 2px 2px rgba(0,0,0,0.4);
}

#one_prod h2{
padding: 10px 0px 0px 10px;
color : #000;
font-size : 16px;
font-family: 'sansa', verdana; 
text-decoration : none;
text-align : left;
font-weight : normal;
letter-spacing : 0px;
-moz-text-shadow: 	1px 1px 1px #AAA;
-webkit-text-shadow: 	1px 1px 1px #AAA;
text-shadow: 		1px 1px 1px #AAA;
}

#one_prod img{
margin : 10px;
padding:0;
float:left;
border: 1px solid #cccbcb;
vertical-align : top;
text-align : left;
}
#one_prod p {

vertical-align : top;
margin-left : 10px;
margin-right : 10px;
margin-top : 10px;

}

#onerel_prod{
	position:relative;
margin : 10px 0px 0px 10px;
padding : 0px;
float:left;
width:300px;
height:110px;
vertical-align : top;
text-align : left;
background-color:#FFF;
border: 1px dotted #cccbcb;

}

#onerel_prod h2{
font-size : 12px;
font-family: 'sansa', verdana; 

}

#onerel_prod img{
margin : 5px;
padding:0;
float:left;
border: 1px solid #cccbcb;
vertical-align : top;
text-align : left;
}


#one_prod_em{
margin : 10px 0px 10px 20px;
padding : 10px 0px 0px 0px;
float:left;
width:300px;
height:260px;
min-height:260px;
text-align : left;
background-color:#FFF;
}

#onerel_prod_em{
margin : 10px 0px 10px 20px;
padding : 0px;
float:left;
width:300px;
height:110px;
}




#slogan h1 {
color : #3a3c50;
font-size : 42px;
font-family: 'sansa', verdana; 
text-decoration : none;
text-align : left;
vertical-align : top;
font-weight : normal;
letter-spacing : 0;
margin-left:20px;
-moz-text-shadow:text-shadow: 0px 0px 3px #555;
-webkit-text-shadow: 0px 0px 3px #555;
text-shadow: 0px 0px 3px #555;

}

#slogan p {
color : #3a3c50;
font-size : 20px;
font-family: 'sansa', verdana; 
text-decoration : none;
text-align : left;
vertical-align : top;
font-weight : normal;
letter-spacing : 0;
margin-left:20px;
-moz-text-shadow:text-shadow: 0px 0px 1px #666;
-webkit-text-shadow: 0px 0px 1px #666;
text-shadow: 0px 0px 1px #666;

}

#rightbox{
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
float:left;
margin-bottom : 20px;
background: #6392CC; /*#4f81bd;*/
width : 100%;
text-align:center;

}

#rightbox h2, #rightbox h1{
padding: 10px 0px 10px 10px;
background : url('/pic/rightboxhead.png') 100% 100% repeat-x;
/**/
color : #fff;
font-size : 18px;
font-family: 'sansa', verdana; 
text-decoration : none;
text-align : left;
font-weight : normal;
line-height : 20px;
min-height : 18px;
letter-spacing : 0px;
/*background:#000;*/
border-bottom:1px solid #fff;
}


/* #rightbox hr { border : 0 none; color : #fff; border-top : 1px solid #fff; width : 90%; height: 1px; margin: 0; margin-left : auto; margin-right : auto; } */

#rightbox hr {
color : #e86004;
width : 90%;
height : 0px;
margin-left : auto;
margin-right : auto;
}


#rightbox p {
color : #fff;
font-size : 12px;
font-family : 'Verdana';
text-decoration : none;
text-align : left;
margin:10px 10px 0 10px;
letter-spacing : 150%;
line-height : 150%;
}

#rightbox  li a:link, #rightbox li a:visited, #rightbox li a:active {
font-family: 'Verdana';
color : #000;
text-decoration : none;
font-size : 15px;
}
#rightbox li a:hover {
color : #fff;
font-size : 15px;
}

a.cart:link, a.cart:visited, a.cart:active {
background : url("/pic/input_bg.gif") 0% 0% repeat-x;

line-height : 18px;
font-family: 'Trebuchet MS';
font-size : 14px;
color : #2a2b39;
text-decoration : none;
}
a.cart:hover {
color : #e86004;
}

#rightbox ul {
list-style: none;
margin : 0px;
padding : 0px;
}

#rightbox li, #rightbox ul li {
list-style: none;
list-style-image: url('/pic/li_arr.png');
font-size : 14px;
line-height:24px;
font-family: 'Verdana';
color : #000;
text-decoration : none;
vertical-align : top;
text-align : left;
margin:0 30px 0px 30px;
/*border-bottom:1px solid #2c89bd;*/
clear:both;
}

#rightbox li.tab{

margin-left:50px;
margin-right : 30px;

}

#readmore {
position:relative;
clear:both;
background-color:#777;
float:right; 
min-width:60px;
height:18px; 
vertical-align:middle;
text-align:center;
color:#fff;
border:1px solid #000;
padding:2px 12px 2px 12px;
line-height:18px;
font-size:11px;
box-shadow:0 2px 2px rgba(0,0,0,0.3);
cursor:pointer;
transition: all 0.35s ease 0s;
margin:0 10px 10px 0;
}

#readmore_prod_rel {
position:absolute;
bottom:4px;
right:4px;
background-color:#777;
min-width:60px;
height:16px; 
vertical-align:middle;
text-align:center;
color:#fff;
border:1px solid #555;
padding:2px 8px 2px 8px;
line-height:16px;
font-size:10px;
transition: all 0.35s ease 0s;
}

#readmore:hover, #readmore_prod_rel:hover{
box-shadow:none;
}

#readmore a:link, #readmore a:visited, #readmore a:active{
color:#fff;
font-size:11px;
text-decoration:none;
transition: all 0.35s ease 0s;
}

#readmore_prod_rel a:link, #readmore_prod_rel a:visited, #readmore_prod_rel a:active{
color:#fff;
font-size:10px;
text-decoration:none;
transition: all 0.35s ease 0s;
}

#readmore a:hover, #readmore_prod_rel a:hover{
color:#000;
text-decoration:none;
}

input[type=text], input[type=password] { margin : 0 0 8px 0; padding : 3px; width : 160px; background : url("/pic/input_bg.gif") 0% 0% repeat-x; border : 1px solid #888888; }
input[type=text]:disabled { margin : 0 0 8px 0; padding : 3px; width : 160px; background : none; border : 1px solid #888888; background-color:#DDD;}
label {
    display: block;
    width: 90px;
    float: left;
    margin:5px;
    text-align: right;
    -moz-text-shadow: 	1px 1px 0px #FFF;
-webkit-text-shadow: 	1px 1px 0px #FFF;
text-shadow: 		1px 1px 0px #FFF;
}
br { clear: left; }
select { margin : 0 0 8px 0; padding : 3px; width : 208px; background : url('/pic/input_bg.gif') 0% 0% repeat-x; border : 1px solid #888888; }
textarea { padding : 3px; width : 200px; background : url("/pic/input_bg.gif") 0% 0% repeat-x; background-color:#FFF; border : 1px solid #888888; }
.submitb { border : 1px solid #666; height:22px; background : url("/pic/submitbutton_bg.gif") 0% 0% repeat-x; color:#000; margin:5px; 
-moz-text-shadow: 	1px 1px 0px #FFF;
-webkit-text-shadow: 	1px 1px 0px #FFF;
text-shadow: 		1px 1px 0px #FFF;}
.submitb:hover{
background : url("/pic/submitbutton_bg_rev.gif") 0% 0% repeat-x;
border : 1px solid #e86004;

}
.buttonop { border : 1px solid; border-color : #888 #888 #888 #888; background-color : #cccccc; width : 80px; font-size : 9px; font-family : Verdana; text-decoration : none; }
.buttonophov { border : 1px solid; border-color : #000 #000 #000 #000; background-color : #aaaaaa; width : 80px; font-size : 9px; font-family : Verdana; text-decoration : none; }
                     
th {background-color:#EEE;}
td.belepjobb	{ 	font-size : 10px; font-weight: bold; text-align: right; vertical-align : top; padding:0; margin:0; padding-top:6px; width:50%;}
td.belepbal	{ 	font-size : 10px; font-weight: normal; text-align: left; vertical-align : top; padding:0; margin:0;}
td.belepapro	{ 	font-size : 12px; font-weight: normal; text-align: center; vertical-align : middle; background-color:#DDD; padding:0; margin:0;}
td.belepfej	{ 	font-size : 12px; font-weight: bold; text-align: center; vertical-align : top; padding:0; margin:0;}         



@media only screen and (min-width: 1120px){
		body{background: url('/pic/back_body.png') repeat-x;}
		#main_cont {width: 1100px;}
		#maintext{width:780px;}
		#right { width : 300px;padding-left:10px;}
	
}

@media only screen and (min-width: 960px) and (max-width: 1119px){
		body{background: url('/pic/back_body.png') repeat-x;}
		#main_cont {width: 940px;	}	
		#maintext{width:700px;}
		#right { width : 240px;padding-left:0px;}
		#foot_inner {width: 940px;	}	
}                         
                     
@media screen and (min-width:640px) and (max-width:959px) {
		body{background: url('/pic/back_body.png') repeat-x;}
		#main_cont {width: 640px;	}	
		#maintext{width:640px;}
		#right { width : 100%;padding-left:0px;}
		#rightbox { width : 300px;margin-left:10px;margin-right:10px;}
		#foot_inner {width: 640px;	}	
		p.slogan{font-size:12px;}
		#one_prod{min-width:300px;margin:10px 10px 0 0;}
}              


@media only screen and (min-width: 480px) and (max-width: 639px){
		body{background: url('/pic/back_body_2.png') repeat-x;}
		#main_cont {width: 90%;	min-width:460px;}	
		#maintext {width: 100%;	min-width:460px;	}	
		#right { width : 100%;padding-left:0px;}
		#rightbox { width : 100%;}
		#foot_cont {height:auto;min-height:192px;}
		#foot_inner {height:auto;min-height:192px;width: 90%;	min-width:460px;}	
		p.slogan{font-size:12px;}	
		#one_prod{width:100%;margin:10px 0;height:100px;}
		#onerel_prod{width:100%;margin:10px 0 0 0;}
		#menu{display:none;}
		#menu_icon {display:inline;}
}     

@media only screen and (max-width: 479px){
		body{background: url('/pic/back_body_2.png') repeat-x;}
		#main_cont {width: 90%;	min-width:320px;}	
		#maintext {width: 100%;	min-width:320px;	}	
		#right { width : 100%;padding-left:0px;min-width:320px;}
		#foot_cont {height:auto;min-height:192px;min-width:320px;}
		#foot_inner {height:auto;min-height:192px;width: 90%;	min-width:320px;}	
		#one_prod{width:100%;margin:10px 0;height:100px;}
		#onerel_prod{width:100%;margin:10px 0 0 0;}
		p.slogan{font-size:10px;}	
		#menu{display:none;}
		#menu_icon {display:inline;}
}