/* minden formázás törlése */
/* <div class="clr"></div> */
/*
Arculat váltáskor módosítani:
- body {color:#232332 - ennek a színnek minden előfordulását módosítani}
- kosar_megrak background color és color
*/
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
body  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #0B4252;
	background-color:#fff;
	margin:0;
	padding:0;
	
}
.kozep{
	text-align:center !important;
}
body a{	
	color:#0B4252;
	text-decoration:none;
}
div {
	margin:0;
	padding:0;
}
.naptar {
	width:100%;
	float:left;
	overflow:hidden;
	border-top:2px solid #0B4252;
	margin-top:20px;
}
span.narancs_hatter{
	background-color:orange;
	font-weight:bold;
	padding:10px;
	display:block;
}
.naptar_harmad {
	width:33%;
	float:left;
	overflow:hidden;
}
.athuzott {
	text-decoration: line-through;
}
.akcios_ar {
	font-weight:bold;
	color:red;
}
.numbers-row input[type=text] {
  float: left;
  width: 40px;
  font: bold 20px Helvetica, sans-serif;
  padding: 3px 0 0 0;
  text-align: center;
}
form div {
  overflow: hidden;
  margin: 0 0 5px 0;
}
a.elozo_kovetkezo{
	display:inline-block;
	background-color:#526D8B;
	margin:10px 50px;
	padding:3px 15px;
	color:#fff;
}
.button {
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 40px;
  height: 30px;
  float: left;
  text-align: center;
  background: url(../images/buttons.png) no-repeat;
}
.dec {
  background-position: 0 -30px;
}

.buttons {
  padding: 20px 0 0 140px;
}




.main {	 
	 width:1150px;
	 margin:0 auto;
	padding:0;
	 overflow:hidden;	 
}
.teljes_oldal {	
	margin:0; 
	padding:0;
	width:100%;
	position: absolute;
	top:0px;
	overflow:hidden;
}
.kapcsolat_urlap{	
	margin:0; 
	padding:10px;
	width:100%;
	overflow:hidden;
	text-align:center;
	line-height:1.5;
}
.kapcsolat_urlap input[type=text], input[type=submit], input[type=email], textarea{
	max-width:100%;
	margin:0 auto;
	padding:15px 5px;
	font-size:16px;
}
.hiba {
	font-size:18px;
	font-weight:bold;
}
.header_sav {
	font-size: 12px;	
	margin:0; 
	padding:0 0 5px 0;
	width:100%;
	background-color:#526D8B;
	color:#fff;
	overflow:hidden;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.header_sav a{	
	color:#0B4252;
	text-decoration:none;
}
.header {
	width:1150px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
 }
 .header h1{
	font-size:18px;
	text-align:center;
	padding:0;
	margin:5px 0;
 }
 .header h2{
	font-size:16px;
	text-align:center;
	padding:0;
	margin:5px 0;
 }
 
 .focimek {
	 width:100%;
	 float:left;
	 margin:0;
	 padding:0;
 }
 .nyelvvalaszto {
	 width:20%;
	 float:left;
	 margin:0;
	 padding:5px 15px 0 0;
	 text-align:right;
 }
 .keresosav {
	width:100%;
	margin:0; 
	padding:0;
	overflow:hidden;
	text-align:center;
}
 .keresosav_negyed {
	width:25%;
	margin:0; 
	padding:5px;
	overflow:hidden;
	float:left;
	text-align:center;
}
.keresosav input[type=text], input[type=submit], select{	
	margin:0; 
	padding:10px;
	font-size:16px;
}
.foglalas_visszaigazolas {
		width:100%;
		float:left;
		overflow:hidden;
    background-color: #45a049;
		color:#fff;
		padding:5px;
		margin:5px 0;
}
.foglalas {
	margin:10px 0;
	padding-bottom:10px;
	border-bottom: 2px solid #0B4252;
	float:left;
	overflow:hidden;
	width:100%;
	text-align:center;
}
.harmad {
	width:33%;
	float:left;
	overflow:hidden;
}
.harmad_1 {
	width:33%;
	float:left;
	overflow:hidden;
}
.datumvalaszto h2 {
	font-size:24px;
	text-align:center;
	color:#fff;
}
.datumvalaszto_egesz h3 {
	text-align:center;
	margin:3px;
	padding:0;
}
.datumvalaszto {
	border:2px solid #fff;
	width:500px;
	/*height:285px;		*/
	overflow:hidden;
	float:left;
	background-color:red;
	margin:10px 5px 5px 5px;
	opacity:0.8;
	padding:5px;
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
	color:#fff;
}
.datumvalaszto input[type=text] {
	padding:8px;
	font-size:14px;
	width:200px;
}
.datumvalaszto input[type=submit] {
	background-color: #0B4252;
	width:100%;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight:bold;
	margin:5px 0;
}
.datumvalaszto input[type=submit]:hover {
    background-color: #0E5F76;
}
.harmad_1 input[type=submit] {
	background-color: #4CAF50;
	width:100%;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
.harmad_1 input[type=submit]:hover {
    background-color: #0E5F76;
}
.datumvalaszto_label {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:5px;
}
.datumvalaszto_fele {
	width:50%;
	float:left;
	margin-bottom:10px;
	text-align:center;
}
.datumvalaszto_egesz {
	width:100%;
	float:left;
	text-align:center;
	padding:0 5px;
}
.datumvalaszto_egesz img {
	padding:3px;
}
.datumvalaszto_egesz_szoveg {
	padding:5px 5px;
	width:100%;
	float:left;
}
.datumvalaszto_egesz_szoveg ul {
	list-style-type: circle;
	margin:0;
	overflow: hidden;
	font-size:14px;
}
.datumvalaszto_mellett {
	width:630px;
	height:380px;
	margin:10px 5px 5px 5px;	
	padding:5px;	
	float:left;
}
.datumvalaszto_mellett h2 {
	color:#fff;
}
.uj_lakas {
	width:370px;
	padding:3px;
	margin:5px;
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
	float:left;
	overflow:hidden;
	height:410px;
}
.uj_lakas_kep {
	width:100%;
	height:200px;
	padding:3px;
	float:left;
	overflow:hidden;
	text-align:center;
}
.uj_lakas_kep img{
	height: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.uj_lakas_kep img:hover{
	-webkit-transform:scale(1.3); /* Safari and Chrome */
    -moz-transform:scale(1.3); /* Firefox */
    -ms-transform:scale(1.3); /* IE 9 */
    -o-transform:scale(1.3); /* Opera */
     transform:scale(1.3);
}
.uj_lakas_kep_eladva {
	width:100%;
	height:200px;
	padding:3px;
	float:left;
	overflow:hidden;
	text-align:center;
}
.uj_lakas_kep_eladva img{
	height: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.uj_lakas_kep_eladva img:hover{
	-webkit-transform:scale(1.3); /* Safari and Chrome */
    -moz-transform:scale(1.3); /* Firefox */
    -ms-transform:scale(1.3); /* IE 9 */
    -o-transform:scale(1.3); /* Opera */
     transform:scale(1.3);
}
.uj_lakas_szoveg {
	width:100%;
	height:30px;
	padding:3px;
	float:left;
	overflow:hidden;
}
.uj_lakas_szoveg h3{
	font-size:16px;
}
.uj_lakas_szoveg h4{
	font-size:16px;
	padding:0;
	margin:0;
}
.uj_lakas_leiras {
	width:100%;
	padding:3px;
	float:left;
	overflow:hidden;
	font-size:12px;
	background-color:#526D8B;
}
.uj_lakas_leiras_fele {
	width:50%;
	height:55px;
	padding:3px;
	float:left;
	overflow:hidden;
	text-align:left;
	color:#fff;
	font-size:12px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.uj_lakas_leiras_fele h5{	
	padding:0;
	margin:3px 0 0 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
    line-height: 1.4;
}
.uj_lakas_leiras_fele h6{	
	padding:0;
	margin:0;
	text-align:left;
	color:#fff;
	font-weight:normal;
	font-size:12px;
}
.negyzetmeter {
  bottom: -10px;
}
.uj_lakas_leiras ul{
	margin:0;
}
.uj_lakas_ar {
	width:100%;
	height:25px;
	text-align:right;
	color:#0B4252;
	font-weight:bold;
	float:left;
	overflow:hidden;
	padding:0 15px;
}
.uj_lakas_eladva {
	width:100%;
	height:25px;
	text-align:center;
	color:#fff;
	background-color:red;
	font-weight:bold;
	float:left;
	overflow:hidden;
	padding:0 5px;
}

.header_menu{
	width:100%;
	/*min-height:97px;*/
	overflow: hidden;
	padding:0;
	margin:0;
	background-color:#526D8B;
	text-align:center;
}
.header_menu a{
	/*float:center;*/
	text-align:center;
	font-weight:bold;
	margin:0 0 1px 0;
	padding: 14px 16px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	display:inline-block;
}
.header_menu a:hover{
	padding: 13px 16px;
	background-color:#fff;
	color:#526D8B;
	border-bottom:2px solid red;
	margin:0;
}
.header_menu .icon {
    display: none;
}
.almenu {
	display:none;	
}
.header_menu a:hover + .almenu {
    display: block;
	position:relative;
	overflow:hidden;
	z-index:1000;
	background-color:#fff;
	padding-top:60px;
}
@media screen and (max-width: 1149px) {
	.naptar_harmad {
	width:49%;
	}
	.harmad {
	width:49%;
	}
	.harmad_1 {
	width:100%;
	}
	.kereso_sav {
	background-image: none; 	
	overflow:hidden;
	}
	.uj_lakas {
	width:48%;
	margin:0 auto;
	overflow:hidden;
	}
	.datumvalaszto_mellett {
		display:none;
	}
	.datumvalaszto {
	width:100%;
	/*height:380px;*/
	margin:0 auto;
	}
}

@media screen and (max-width: 990px) {
	.keresosav_negyed {
		width:50%;
	}
  .header_menu a {
		display: none;
	}
  .header_menu a.icon {
    float: right;
    display: block;
  }
  .header_menu.responsive {
		position: relative;
	}
  .header_menu.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .header_menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 560px) {
	.uj_lakas {
		width:100%;
		margin:0 auto;
		overflow:hidden;
	}
}

@media screen and (min-width: 452px) {
	.logo_szoveg {
		display:none;
	}
}
@media screen and (max-width: 500px) {
	.keresosav_negyed {
		width:100%;
	}
}
@media screen and (max-width: 451px) {
	.logo_szoveg {
		width:100%;
	}
	.logo_szoveg h1{
		font-size:16px;
		text-align:center;
		padding:0;
		margin:0;
	}
}
.logo {
	width:25%;	
	float:left;
	margin-right:5px;
	overflow:hidden;
}
.logo h3{
	margin:0;
	padding:0;
}
.logo h1{
	margin:0;
	padding:0;
	font-size:14px;
}
.logo img{
	
	max-width:230px;
}
.top_kozep {	
	width:70%;
	float:left;
	margin-right:5px;
	text-align:center;
	overflow:hidden;
	/*height:70px;*/
}
.kereso_hely {
	width: 75%;
	float:left;
	overflow:hidden;
}
.jobb_felso {
	width:28%;
	float:left;
	text-align:center;
	overflow:hidden;
	font-size: 14px;
	/*height:70px;*/
}
.kereso {
	width: 100%;
	padding: 15px 0;
	margin: 0px auto;       
}    
.kereso input {
	width: 97%;
	/*height: 20px;*/
	margin: 0 auto;
	padding: 9px 5px;
	float: left;    
	font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: 0;
	background: #eee;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px;      
}
.kereso input:focus {
	outline: 0;
	background: #fff;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
	box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.kereso input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
.kereso input:-moz-placeholder {
	color: #999;
	font-weight: normal;
	font-style: italic;
}
.kereso input:-ms-input-placeholder {
	color: #999;
	font-weight: normal;
	font-style: italic;
}
/*slideshow*/
* {box-sizing:border-box}
/* Slideshow container */
.slideshow_doboz {
  width:100%;
	height:300px;
  position: relative;
  margin: 0;
  overflow:hidden;
	float:left;
}
.mySlides {
    display: none;
}
/*előre-hátra gombok*/
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 1s ease;
  border-radius: 0 3px 3px 0;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* az indikátor pöttyök 
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #717171;
}*/
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration: 3s;
}

@-webkit-keyframes fade {
  0% {opacity: 1}
  20% {opacity: 0.6}
	80% {opacity: 0.6}
	100% {opacity: 1}
}
@keyframes fade {
  0% {opacity: 1}
  20% {opacity: 0.6}
	80% {opacity: 0.6}
	100% {opacity: 1}
}
/*
@-webkit-keyframes fade {
  from {opacity: 0.6}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: 0.6}
  to {opacity: 1}
}
*/

/*slideshow vége*/

/*.slideshow_mellett {
  width:100%;
	height:300px;
  position: relative;
  margin:0;
	padding:0;
  overflow:hidden;
	float:left;
}*/
.slideshow_mellett {
  width:100%;
	height:auto;
	margin:0;
	padding:0;
  overflow:hidden;
	float:left;
}
.banner1 {
  width:33%;
	overflow:hidden;   
	float:left;
	height:auto;
	text-align:center;
}
.banner2 {
  width:33%;  
  overflow:hidden;
	float:left;
	height:auto;
	text-align:center;
}
.banner1 img{
	max-height:120px;
	max-width:100%;
}
.banner2 img{
	max-height:120px;
	max-width:100%;
}
/*.banner1 {
  width:250px;
	height:130px;  
  margin:0;
	padding:0;
  overflow:hidden;
	float:left;
}
.banner2 {
  width:250px;
	height:85px;  
  margin:0;
	padding:0;
  overflow:hidden;
	float:left;
}*/

.valtozat {
	/*width:80px;*/
	float:left;
	padding:3px;
}
.valtozat:hover {
	padding:2px;
	border:1px solid red;	
}
.altermek_lista {
	padding:2px 5px;
	float:left;
	display:inline-block;
}
.f_orm {
 padding: 2px;
 margin: 5px;
}
.oldalsav_bal {
	 float: left;
	 width: 190px;/* +10 padding = 200*/
	 margin:0px;
	 padding:5px;
}
 .oldalsav_jobb {
	 float: left;
	 width: 190px;/* +10 padding = 200*/
	 margin:0;
	 padding:5px;
	 text-align:center;
}
.tartalom {
	 float: left;
	 width: 725px; /* +10 padding = 735*/
	 margin:0 5px; 
	 padding:5px;
}
.tartalom_szeles {
	 float: left;
	 width: 920px; /* +10 padding = 735*/
	 margin:0 5px; 
	 padding:5px;
}
.tartalom_teljes {
	 float: left;
	 width: 100%;
	 margin:0 auto;
	 padding:0 2px;
}
.adatlap_bal {
	width:47%;
	float:left;
}

.adatlap_jobb {
	width:47%;
	float:left;
}
.termek_kep_adatlap_nagykep img{
	max-width:250px;
	max-height:250px
}
.adatlap_tovabbi_kepek {
	width:100%;
	text-align:center;
}
.adatlap_tovabbi_kepek img{
	width:auto;
	height:80px;
	padding:2px;
}
.adatlap_tovabbi_kepek img:hover{
	border:1px solid gray;
	padding:1px;
}
.kosar_megrak{
	float:left;
	width:100%;
	text-align:left;
	font-weight:bold;
	padding:5px;
	margin:0;
	background-color:#0B4252;
	color:#fff;
	-webkit-animation: megjelenik 2s;
	-moz-animation: megjelenik 2s;
	-o-animation: megjelenik 2s;
	animation: megjelenik 2s;
}
@-webkit-keyframes megjelenik {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes megjelenik {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes megjelenik {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes megjelenik {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
.rendeles_bal {
	width:48%;
	float:left;
	padding:5px;
}
.rendeles_jobb {
	width:48%;
	float:left;
	padding:5px;
}
.lapozas {
	 float: left;
	 width: 100%; /* +10 padding = 735*/
	 padding:5px 0;
	 text-align:center;
	 overflow:hidden;
}
.regisztracio {
	 float: left;
	 width: 450px;
	 margin:0; 
	 padding:0;
}
.elvalaszt {
	 border-bottom: 2px dotted;
	 padding: 10px 0 0 10px;
	 float: left;
}
.kiemelt_sor {
	width:100%;
	color:#fff;
	background-color:#42AA71;
	padding: 10px;
	margin:3px 0;
	overflow:hidden;
	text-align:center;
}
.kiemelt_sor a{
	color:#fff;
	font-weight:bold;
}
.kiemelt_sor h2{
	color:#fff;
	font-size:18px;
}
.kiemelt_sor h3{
	color:#fff;
	font-size:16px;
	padding:0;
	margin:0;
}
.kiemelt_termek {	
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 70px;
	width: 70px;
	background: url('../images/kiemelt1.png') 0 0 no-repeat;	
}
.kiemelt_termek_szoveg {
	padding:5px 0 0 25px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	color:#fff;
	font-weight:bold;
}
.kat_leiras {
	width:100%;
	overflow:hidden;
	float:left;
}
.kat_leiras h3{
	margin:0;
	padding:5px 0 5px 25px;
	text-align:left;
}
.kat_leiras_kep {
	width:20%;
	padding:5px;
	overflow:hidden;
	float:left;
}
.kat_leiras_kep img {
	max-width:95%;
	max-height:200px;
}
.kat_leiras_szoveg {
	width:78%;
	padding:5px;
	overflow:hidden;
	float:left;
}
.termek {
	position: relative;
	 float:left;
	 width:220px;
	 height:250px;
	 overflow:hidden;
	 margin:5px; 
	 padding:3px;
	 /*border: 1px solid gray;*/
	 text-align:center;
	 box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);
}
.termek_keskeny {
	position: relative;
	 float:left;
	 width:209px;
	 height:250px;
	 overflow:hidden;
	 margin:10px 5px; 
	 padding:3px;
	 /*border: 1px solid gray;*/
	 text-align:center;
	 box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);
}

.termek_keskeny_kiemelt {
	position: relative;
	 float:left;
	 width:209px;
	 height:160px;
	 overflow:hidden;
	 margin:10px 5px; 
	 padding:3px;
	 /*border: 1px solid gray;*/
	 text-align:center;
	 box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);
}
.termek_kep_kiemelt {
	height: 90px;
	overflow: hidden;
	padding-top:5px;
}
.termek_nev_kiemelt {
	height:30px;
	/*background-color:white;*/	
	overflow: hidden;
	font-size:12px;
}
.termek_nev_kiemelt h4{
	padding:0;
	margin:0;
	text-transform: uppercase;
	font-weight:normal;
}
.termek_ar_kiemelt {
	overflow:hidden;
}
.termek_kep_kiemelt img{
	height: 100%;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.termek_kep_kiemelt img:hover{
	-webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(2); /* Firefox */
    -ms-transform:scale(2); /* IE 9 */
    -o-transform:scale(2); /* Opera */
     transform:scale(2);
}
.termek:hover{	 
	/*background-color:#D6CDA9;*/
	/*box-shadow: 5px 5px 15px #888888;*/
}
.termek_keskeny:hover{	 
	/* background-color:#D6CDA9;*/
	/*box-shadow: 5px 5px 15px #888888;*/
}
.termek_kat {
	position: relative;
	 float:left;
	 width:220px;
	 height:250px;
	 overflow:hidden;
	 margin:5px; 
	 padding:3px;
	 /*border: 1px solid gray;*/
	 text-align:center;
	/* box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);*/
}
.termek_keskeny_kat {
	position: relative;
	 float:left;
	 width:209px;
	 height:170px;
	 overflow:hidden;
	 margin:10px 5px; 
	 padding:3px;
	 /*border: 1px solid gray;*/
	 text-align:center;
	 /*box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.22);*/
} 
.termek_kat:hover{	 
	/*background-color:#D6CDA9;*/
	box-shadow: 5px 5px 15px #888888;
}
.termek_keskeny_kat:hover{	 
	/*background-color:#D6CDA9;*/
	box-shadow: 5px 5px 15px #888888;
}
.kat_nev {
	width:100%;
	position:absolute;
	margin-top:-15px;
	padding:0 10px 0 0;
	overflow:hidden;
	background: url('../images/kat_nev_hatter.png');
	background-repeat: repeat-x;
	text-align:right;
	/*height:50px;*/
	/*background-color:white;*/
}
.kat_nev h3{
	padding:0;
	margin:0;
	font-size:22px;	
	text-align:left;
}
.kat_nev h4{
	padding:0;
	margin:0;
	font-size:18px;	
	text-align:right;
	color:gray;
}
.kat_kep {
	position: relative;
	height: 130px;
	overflow: hidden;
	padding-top:5px;
}
.kat_kep img{
	height: 100%;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	transition: transform 1s;
}
.kat_kep img:hover{
	-webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(2); /* Firefox */
    -ms-transform:scale(2); /* IE 9 */
    -o-transform:scale(2); /* Opera */
     transform:scale(2);
}
.termek_nev {
	height:50px;
	/*background-color:white;*/	
	overflow: hidden;
}
.termek_nev h4{
	padding:0;
	margin:0;
	text-transform: uppercase;
	font-weight:normal;
}
.termek_kep {
	height: 130px;
	overflow: hidden;
	padding-top:5px;
}
.termek_kep img{
	height: 100%;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.termek_kep img:hover{
	-webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(2); /* Firefox */
    -ms-transform:scale(2); /* IE 9 */
    -o-transform:scale(2); /* Opera */
     transform:scale(2);
}
.termek_ar {
	height:20px;
}
.termek_tovabb {
	height: 28px;
	padding: 2px;
}
/*.termek_tovabb a {
	color:white;
}*/
.termek_adatlap {
	 float: left;
	 width: 500px;
	 margin:5px; 
	 padding:5px;
	 border: 1px solid gray;
	 border-radius:10px;
	 text-align:center;
	 background-color:gray;
} 
.termek_reszletes_adatlap {
	 float: left;
	 width:100%;
	 max-width: 570px;
	 margin:5px; 
	 text-align:center;
 }
.termek_reszletes_nev {
	text-align:left;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
}
.termek_reszletes_leiras {
	text-align:left;
	padding:5px 0;
	margin:0;
}
.termek_reszletes_leiras p{
	padding:0;
	margin:0;
}
.termek_kep_adatlap{
	text-align:center;
	padding-top:5px;
}
.termek_reszletes_ar {
	height: 20px;
	text-align:right;
	font-weight:bold;
}
.termek_reszletes_tovabb{
	overflow:hidden;
	padding: 2px;
}
.termek_reszletes_tovabb a{
	color:#18488A;
}
.kosar {
	float: left;
	width:98%;
	margin:5px; 
	padding:5px;	 
}
.kosar_osszesito {
	float: left;
	width: 95%;
	padding:5px;	 
}
.kosar_vegosszeg {
float: left;
width: 90%;
margin:5px; 
padding:5px;
text-align:right;
font-weight: bold;
} 
.szallitas_osszeg {
float:left;
width:90%;
margin:5px; 
padding:5px;
text-align:right;
}
.kosar_termek_sor {
width:100%;
overflow: hidden;
float: left;
border-bottom:1px solid gray;
}
.kosar_termek_nev {
width: 350px;
overflow: hidden;
float: left;
margin:3px;
text-align:left;
}
.kosar_termek_ar {
width: 100px;
overflow: hidden;
float: left;
margin:3px;
text-align:right;
}
.termek_kep_kosar {
width: 10%;
overflow: hidden;
float: left;
}
.termek_kep_kosar img{
max-height: 200px;
}
.termek_adatok_kosar {
	width: 80%;
	float: left;
	vertical-align: top;
	padding: 5px;
	border-bottom:1px solid gray;
}
.kos_term_nev {
	width:100%;
	
	float:left;
}
.kos_term_ar {
	width:100%;
	float:left;
}
.kos_term_vegosszeg {
	width:100%;
	float:left;
	text-align:right;
}
.kos_term_cikk {
	width:50%;
	float:left;
	text-align:center;
}
.kos_term_cikk_2 {
	width:50%;
	float:left;
	text-align:center;
}
@media screen and (max-width: 500px) {
	.kos_term_cikk {
	width:100%;
	float:left; 
	}
	
}

.elvalaszto {
	width: 470px;
	border-bottom: 1px dotted gray;
	padding: 10px 0 0 0;
}
.footer_sav {	
	border-top:4px solid #D57C37;
	border-bottom:4px solid #D57C37;
	font-size: 12px;	
	margin:0; 
	padding:0;
	width:100%;
	background-color:#526D8B;
	color:#fff;
}
.footer_sav a{
	color:#fff;
}
.footer {
	width:1150px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
 }
.footer_bal {
	width:30%;
	height:180px;
	float:left;
	padding:10px 2px;
	text-align:center;
	
}
.footer_kozep {
	width:30%;
	height:180px;
	float:left;
	padding:10px 2px;
	text-align:center;
}
.footer_jobb {
	width:30%;
	height:180px;
	float:left;
	padding:10px 2px;
	text-align:center;
}
.footer_cop {
	width:100%;
	text-align:center;
	font-size:10px;
}
.footer_cop a{
	color:#EAE0B8;
}
.oldal_tores { 
  page-break-after:always;
}

a:link hoover { 
	font-size: 14px;
	color: #fff; 
}

h2 {
	padding: 10px 0;
	font-size: 18px;
	/*line-height: 1;*/
	margin:0;
}


h5 {
    font-size: 16px;
    color: #ff0000;
    line-height: 1;
    padding: 10px 0;
}



#content-slider-mobil {
	display:none;	
}




/* ÚJ SLIDER */
#content-slider {
	width:100%;
	height:360px;
	margin:0 auto;
	overflow:hidden;
}
/* SLIDER */
#slider {
	background:#000;
	/*border:5px solid #eaeaea;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);*/
	height:360px;
	width:100%;
	margin:0 auto;
	overflow:visible;
	position:relative;
}
#mask {
	overflow:hidden;
	height:360px;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	width:100%;
	height:360px;
	position:absolute;
	top:-325px;
	list-style:none;
}

#slider li.firstanimation {
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;		
}
#slider li.secondanimation {
	-moz-animation:cycletwo 25s linear infinite;
	-webkit-animation:cycletwo 25s linear infinite;		
}
#slider li.thirdanimation {
	-moz-animation:cyclethree 25s linear infinite;
	-webkit-animation:cyclethree 25s linear infinite;		
}
#slider li.fourthanimation {
	-moz-animation:cyclefour 25s linear infinite;
	-webkit-animation:cyclefour 25s linear infinite;		
}
#slider li.fifthanimation {
	-moz-animation:cyclefive 25s linear infinite;
	-webkit-animation:cyclefive 25s linear infinite;		
}

#slider .tooltip {
	background:rgba(0,0,0,0.4);
	width:100%;
	height:60px;
	position:relative;
	bottom:75px;
}
#slider .tooltip span {
	color:#fff;
	font-size:24px;
	font-weight:300;
	padding:0 0 0 20px;
}
#slider li#first:hover .tooltip, 
#slider li#second:hover .tooltip, 
#slider li#third:hover .tooltip, 
#slider li#fourth:hover .tooltip, 
#slider li#fifth:hover .tooltip {
	left:0px;
}
#slider:hover li, 
#slider:hover .progress-bar {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

/* PROGRESS BAR */
.progress-bar { 
	position:relative;
	top:-5px;
	width:100%; 
	height:5px;
	background:#000;
	-moz-animation:fullexpand 25s ease-out infinite;
	-webkit-animation:fullexpand 25s ease-out infinite;
}

/* ANIMATION */
@-moz-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; } 
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; } 
	21% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-moz-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; } 
	60% { top:325px; opacity:0; z-index:0; }
	61% { top:-325px; opacity:0; z-index:-1; } 
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; }
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; }
	21% { top:-325px; opacity:0; z-index:-1; }
	50% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100%{ top:0px; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; }  
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; z-index:0; } 
	60% { top:325px; opacity:0; z-index:0; } 
	61% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100%{ top:325px; opacity:0; z-index:0; }
}

/* ANIMATION BAR */
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; }	
}
@media screen and (max-width: 1149px) {    
	#content-slider-mobil {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
#content-slider-mobil img{
	width:100%;
}
	#content-slider {
	display:none;
}
	.slideshow_doboz {
  width:100%;
	height:auto;
}


	.header {
	width:100%;
 }
	.oldalsav_jobb {
		display:none;
	}	
	.oldalsav_bal {
		display:none;
	}
	.main {	 
	width:100%;
	}
	.tartalom_szeles {	 
	width:97%;
	}
	.tartalom {	 
	width:100%;
	}
	.footer { 
	width:100%;
 }
}
@media screen and (max-width: 1024px) {
	.logo img{
		width:100%;
		height:auto;
	}
	.kereso {
		padding: 0px;
	}
}
@media screen and (max-width: 680px) {
	.slideshow-container {
	display:none;
	}
	.termek_keskeny {
	 width:46%;
	}
	.termek_keskeny_kat {
	 width:46%;
	}
	.footer_bal {
	width:100%;
	height:auto;
	}
	.footer_kozep {
		width:100%;
	height:auto;
	}
	.footer_jobb {
		width:100%;
	height:auto;
	}
	.adatlap_bal {
	width:97%;
	}
	.adatlap_jobb {
		width:97%;
	}
	.top_kozep_fele {	
		width:97%;
		margin:0 auto;
		float:left;
	}
	.rendeles_bal {
	width:100%;
	float:left;
	padding:5px;
}
.rendeles_jobb {
	width:100%;
	float:left;
	padding:5px;
}
.focimek {
	 width:100%;
 }
 .nyelvvalaszto {
	 width:100%;
 }
}
@media screen and (max-width: 451px) {
	.slideshow_mellett {
	height:80px;
	}
.logo {
		display:none;
	}
	.top_kozep {	
		width:100%;
		padding:0 3px;
		margin: 0 auto;
	}	
	.jobb_felso {
		width:100%;
	}
	.kereso_hely {
    width: 100%;    
	}
	.termek_keskeny {
	 width:90%;
	}
	.termek_keskeny_kat {
	 width:90%;
	}
	.termek_kat {
	 width:90%;
	}
}