p {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 20px;
	color: #CCC;
	margin-right: 10px;
	margin-left: 10px;
}
.kozep {
	text-align: center;
	font-size: 24px;
}
#footerborder {
	position: relative;
	top: -20px;
}
#footerback {
	position: relative;
	top: -25px;
	left: auto;
}
#vege {
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: -20px;
	z-index: -4;
	
}

 #map {
	width: 350px;
	height: 300px;
	background-color: #CCC;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 55%;
	top: 650px;
     }




body
	{
	background-image: url(kepek/background.png);
	background-repeat: repeat-y;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	}

#fodiv2 {
	background-image: url(kepek/polc/content_background2.png);
	background-repeat: repeat-y;
	width: 987px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	}
	#fodiv {
	background-image: url(kepek/polc/content_background2.png);
	background-repeat: repeat-y;
	width: 987px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	}
	
	
#headerback
	{
	z-index:1;
	position: absolute;
	}
	
#logo
	{
	position: relative;
	z-index:3;
	top: 50px;
	}
#magyartermek
	{
	position: relative;
	z-index:3;
	left: 100px;
	top: 40px;
	}

#szlogen
	{
	position: relative;
	z-index:3;
	left: -410px;
	top: 107px;
	}
#szlogen2
	{
	position: relative;
	z-index:3;
	left: -330px;
	top: 107px;
	}	
#bordertop 
	{
	position: relative;
	left:-22px;
	top:73px;
	z-index:2;
	}
#bordertop2
	{
	position: relative;
	left:-26px;
	top:73px;
	z-index:2;
	}
#kapcsolat
	{
	position: relative;
	z-index:2;
	left:835px;
	}
#arlista
	{
	position: relative;
	z-index:2;
	left:548px;
	}
#szolgaltatas 
	{
	position: relative;
	z-index:2;
	left:262px;
	}
#termekek 
	{
	position: relative;
	z-index:2;
	left:-25px;
	}
#cegunkrol
	{
	position: relative;
	z-index:2;
	left:-312px;
	}
#arajanlat {
	position: relative;
	z-index:2;
	top: -70px;
	left:50px;
	visibility:hidden;
	}
#slideralja
	{
	position: relative;
	left:-22px;
	top:108px;
	}
#slideralja2
	{
	position: relative;
	left:-26px;
	top:108px;
	}

	/* lomok*/
	

.centered {
	text-align: center;
	height: 768px;
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.polcdiv {
	position: relative;
	height: 200px;
	width: 200px;
	left: 20px;
	top: 50px;
}



.hovergallery img
{
-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 1; /*initial opacity of images*/
margin: 0px 0px 0px 0px; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}





.container_div {
	height: 768px;
	width: 1024px;
	text-align: center;
}
#polc {
	position: relative;
	height: 260px;
	width: 357px;
	top: -493px;
	left: 105px;
}
#polc2 {
	position: relative;
	height: 260px;
	width: 357px;
	top: -753px;
	left: 562px;
}








/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 2px;
  top: 0;
  right: 0;
  bottom: 5px;
  left: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

  /*Jssor*/
.captionOrange,.captionBlack{color:#fff;font-size:20px;line-height:30px;text-align:center;border-radius:4px}.captionOrange{background:#eb5100;background-color:rgba(235,81,0,.6)}.captionBlack{font-size:16px;background:#000;background-color:rgba(0,0,0,.4)}a.captionOrange,A.captionOrange:active,A.captionOrange:visited{color:#fff;text-decoration:none}a.captionOrange:hover{color:#eb5100;text-decoration:underline;background-color:#eee;background-color:rgba(238,238,238,.7)}.bricon{background:url(../img/browser-icons.png)}.jssorb01{position:absolute}.jssorb01 div,.jssorb01 div:hover,.jssorb01 .av{position:absolute;width:12px;height:12px;filter:alpha(opacity=70);opacity:.7;overflow:hidden;cursor:pointer;border:#000 1px solid}.jssorb01 div{background-color:gray}.jssorb01 div:hover,.jssorb01 .av:hover{background-color:#d3d3d3}.jssorb01 .av{background-color:#fff}.jssorb01 .dn,.jssorb01 .dn:hover{background-color:#555}.jssora05l,.jssora05r{display:block;position:absolute;width:40px;height:40px;cursor:pointer;background:url(../img/a17.png) no-repeat;overflow:hidden}.jssora05l{background-position:-10px -40px}.jssora05r{background-position:-70px -40px}.jssora05l:hover{background-position:-130px -40px}.jssora05r:hover{background-position:-190px -40px}.jssora05l.jssora05ldn{background-position:-250px -40px}.jssora05r.jssora05rdn{background-position:-310px -40px}

.szoveg {
	font-size: 16px;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 200%;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	color: #CCC;
}

.szovegtabl {
	font-size: 14px;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 200%;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #CCC;
	text-align:center;
}
li {
	font-size: 16px;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 200%;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	color: #CCC;
}
#also {
	position: relative;
	top: 10px;
}
#also2 {
	position: relative;
	top: 14px;
}
#cutter {
	position: relative;
	left: 20px;
	top: 0px;
}
#szoveg1 {
	position: relative;
	width: 670px;
	left: 320px;
	top: -150px;
	margin-bottom: 0px;
}
#div2 {
	position: relative;
	top: -120px;
	left: 0px;
}
#szallit {
	position: absolute;
}

#keres {
	top: -120px;
	position: absolute;
	z-index: 5;
}

.email {
	color: #0CC;
}
#telephely {
	position: absolute;
	left: auto;
	top: 660px;
}
.szoveg2 {
	font-size: 16px;
	text-align: justify;
	margin-right: 20px;
	margin-left: 390px;
	line-height: 200%;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	color: #CCC;
}
.szoveg3 {
	font-size: 16px;
	text-align: justify;
	margin-right: 20px;
	margin-left: 340px;
	line-height: 200%;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	color: #CCC;
}

#fooldal {
}
#sitemap {
	position: absolute;
	height: 1px;
	width: 1px;
	left: 0px;
	top: 0px;
}