html{
   overflow-y:scroll;
}


body{
   background:url(Sky800.jpg);
   background-size:cover;
   background-repeat:no-repeat;
   background-attachment: fixed;
  
   margin-top: 0;
}


main{
   display: block;
}


.container{
   font-family: verdana, sans-serif;	
}


@media screen and (max-width:767px){
   #infosav{
      background-color:GreenYellow;
   }
}

@media screen and (min-width:768px){
   #infosav{
	  background-color:DarkSalmon;
   }
}

@media screen and (min-width:992px){
   #infosav{
	  background-color:white;
   }
}

@media screen and (min-width:1200px){
   #infosav{
	  background-color:#d6d6d6;
   }	
}


ul{
   list-style-type: none;
   padding:0;
   margin:0;	
}


label{
   font-size: 13px; 
   font-weight: 400;
}


select, 
input, 
textarea{
   max-width:100%;	
   font-size: 13.33px;
   Font-family: AriaL, sans-serif;
   border:1px solid rgb(118,118,118) !important; 
}


select:hover, 
select:focus,
select:active,
input:hover,
input:focus,
input:active, 
textarea:hover,
textarea:focus,
textarea:active{
   border:1px solid black !important; 
}


select:focus,
input:focus,
textarea:focus{
   outline: none !important;
}


input[type='checkbox']:focus { 
   outline: 1px solid !important;
}


div.sor{
   margin:0 !important;	
}

#fejlec{
   padding:0;
}


#focim{
   background-color: white;	
   height: 41px;
}


#focim h1{
   background: url('aviainfohu.svg') no-repeat;
   background-size: contain;
   display: block;
   position:absolute;
   margin: 8px 0 0 5px;
   width: 243px;
   height: 20px; 
}


#focim h1 a{
   width:243px; 
   height:23px;
   display:block;
   text-indent:-9999px;    
}

 
 @media screen and (max-width: 248px) {  
   #focim{
      height: auto;
      padding: 9px 0;
   }
   #focim h1{
      width:100%; 
      position:static;
      background-size:100%;
      background-position: center center; 
      margin:0;
   }
   #focim h1 a{
      width:100%; 	
   }
}


#focim h1 a:focus,
#focim h1 a:active{
   border:1px solid red;
   outline:0;
}


#menupontok{
   color:white;
   background-color: #32466a;
   text-align:center;
   padding:0;	  
}


#menupontok > ul{
   text-align:center;
}


#menupontok > ul > li{
   margin: 4px 0; 
   display: inline-block;
   width: 14.28%;
}


#menupontok > ul >  li > a{
   color:white;
   text-decoration: none;
   text-align:center;
   font-size: 11px; 
   font-weight:bold;
      
   display: inline-block; 
   width:100%;
}


@media screen and (max-width: 924px) {
   #menupontok > ul > li{	
      width: 33.33%; 
  }
   #menupontok > ul >  li > a{
	  font-size: 12px; 
   }   
}

@media screen and (max-width: 616px) {
   #menupontok  > ul > li{	
      width: 50%; 
  }
}
	
@media screen and (max-width: 308px) {
  #menupontok  > ul > li{	
     width: 100%; 
  }
}	


#menupontok a:focus,
#menupontok a:hover{
   color:yellow;
   outline:0;
}


#fejlec-alsosav{
   height:12px;
   background-color:#d6d6d6;
   background-image:url(belsosav.png);
   background-repeat:repeat-x;  
}


#lablec{
   font-family: verdana, sans-serif;
   text-align:center;
   font-weight:700;
   color:red;
   font-size: 13px;
   padding:0;
   margin-top: 20px;
}


#lablec > #lablec-engedely > div{
   padding: 10px 40px 10px 40px;
   text-align: justify;
}


#lablec-copyright,
#ureslablec{
   padding: 0 0 30px 0;
}


@media screen and (max-width: 464px) {
   #lablec > #lablec-engedely > div{
      padding: 10px 20px 10px 20px;
      word-wrap: break-word;	 
   }
}


div.cim{
   text-align: center;
   margin: 16px 0;
   word-wrap: break-word;
}


div.cim h2{
   text-align: center;
   font-weight: bold;
   font-size: medium;
   color: white;
}


div.kozepre{
  text-align: center;
}


#oldaltartalom{
   padding: 0;
}


.tartalom,
.kuk_tartalom{
   border: 1px solid white;
   color:black;
   text-align: center;
   font-size: 14px;
   padding:15px;
   margin: 0 auto;
}


.tartalom,
div.ugras a:focus,
div.ugras a:active{
   background-color: #B0C4D0;
}


.kuk_tartalom,
div.kuk_ugras a:focus,
div.kuk_ugras a:active
{
   background-color: #ecd5ac;
}


.tartalom a,
.kuk_tartalom a{
   color:blue;
   text-decoration: underline;
}


.tartalom a:hover,
.tartalom a:focus,
.kuk_tartalom a:hover,
.kuk_tartalom a:focus{
   color:red;
   outline:0;
}


#fooldal-tartalom{
   width: 100%; 
   padding: 0 !important;
}


#fooldal-datumsor,
#fooldal-szovegek{
   margin:0;
}


#fooldal-kozlemeny{
   padding: 15px;
   margin-bottom:15px;
   text-align: center;
}


#fooldal-datumsor > #fooldal-ballogo,
#fooldal-datumsor > #fooldal-jobblogo,
#fooldal-datumsor > #fooldal-frissites-datuma > #fooldal-kozeplogo{
   height: 205px;
   background: url(logo.jpg) no-repeat; 
}


#fooldal-datumsor > #fooldal-frissites-datuma{
   padding:70px 0 0 0;
}


#fooldal-datumsor > #fooldal-jobblogo{
   background-position: right;   
}


#fooldal-datumsor > #fooldal-frissites-datuma > #fooldal-kozeplogo{
   margin-bottom:20px;
   background-position: center center;       
}


#fooldal-szovegek > article{
   text-align: justify;
   padding: 15px 20px 20px 20px !important;
   line-height:normal;
   word-wrap: break-word;	 
}


#fooldal-szovegek > article > h3.fooldal-cim{	
  font-size: 16.3px;
  font-weight:700;
}


@media screen and (max-width:767px){
   #fooldal-datumsor > #fooldal-frissites-datuma{
      padding-top: 0;
   }	
}

@media screen and (max-width:183px){
   #fooldal-datumsor > #fooldal-frissites-datuma > #fooldal-kozeplogo{
  	  background-size:100%;	
      margin-bottom:5px;
   }
}


#fooldal-szovegek > article > ul.keszitok{
   margin-bottom: 10px !important;
}


#fooldal-szovegek > article > p > span.darabszam{
   font-weight:bold;
}


#frisstartalom{
   display:inline-block;
   margin: 0 auto; 
}


#kuk-frisstartalom{
   display:inline-block;
   margin: 30px auto 0 auto;	
}

#keresestartalom{
  width: 750px;
  margin: 0 auto;
  padding: 0 !important;
  text-align:left;
}


#keresestartalom > div{
  border-color:white;
   border-style:solid;
  border-width:1px 0 0 0;
}


#keresestartalom > div:nth-child(1){
  border-top-width:0;
}


#keresestartalom > div > label,
#keresestartalom > div > div > label{
   display:block;
   margin-bottom: 10px;
}


#keresestartalom > div.keresocella_teljes,
#keresestartalom > div.keresocella_feles,
#keresestartalom > div.keresocella_egyharmad{
   display:inline-block;
   padding: 8px;
}


#keresestartalom > div.keresocella_teljes{
   width:100%;
}


#keresestartalom > div.keresocella_feles{
   width:50%;
}


#keresestartalom > div.keresocella_egyharmad{
   vertical-align:top;
   width:33.33%;
}


#keresestartalom > div.magas{
   height:101px; 
}


#keresestartalom > div.elsofel,
#keresestartalom > div.elsoharmad,
#keresestartalom > div.masodikharmad{
   border-right-width:1px;
}


#keresestartalom > #szokereso > div{
   display:inline-block;
   margin-right:20px;
}


#keresestartalom > #sorrendcella > div > #cimke_forditott{
   margin: 13px 0 0 18px;
}


#keresestartalom > #sorrendcella > div > #cimke_forditott > #forditott{
   vertical-align: text-bottom;
}

#keresestartalom > div.keresocella_teljes >  #cimke_talalatok_szama{
   display:inline-block;
}


#keresestartalom > div.OKgomb,
#irastartalom > div.OKgomb{
   text-align:center !important;
   padding: 12px;
}


@media screen and (max-width: 750px){
   #keresestartalom{
      width:100%;
   }
   #keresestartalom > div.magas{
      height:auto; 
   }   
   #keresestartalom > #sorrendcella > div{
      display: inline-block;
   }    	   
   #keresestartalom > div.elsoharmad,
   #keresestartalom > div.masodikharmad{
      width:50%;
   }
   #keresestartalom > div.masodikharmad{
      border-right-width:0;	
   }
  #keresestartalom > div.harmadikharmad{
      width:100%;
   } 
}


@media screen and (max-width: 580px){
   #keresestartalom > div.keresocella_feles,
   #keresestartalom > div.keresocella_egyharmad{
      width:100% !important;	
   }	
   #keresestartalom > div.elsofel,
   #keresestartalom > div.elsoharmad{
      border-right-width:0;
   }
   #keresestartalom > #szokereso > div{
      display:block;
      margin-right:0;
   }
   #keresestartalom > #szokereso > div:nth-child(1){
      margin-bottom:5px;
   }  
   #keresestartalom > #sorrendcella > div{
      display: block;
      width:100% !important;	  
   }    	   
   #keresestartalom > #sorrendcella > div > #cimke_forditott{
      margin: 13px 0 0 0;
   }
   #keresestartalom > div.keresocella_teljes > #cimke_talalatok_szama{
     display:block !important;
   }
}


div.ugras a,
div.kuk_ugras a{
   height: 1px;
   width: 1px;
   overflow: hidden;
   position: absolute;
   left: -10000px;
   top: auto;
}


div.ugras a:focus,
div.ugras a:active,
div.kuk_ugras a:focus,
div.kuk_ugras a:active{
   position: static;
   width: auto;
   height: auto;
   border: 1px solid white !important;
   outline:0;
   color:red;
   font-size: 13px;
   padding:5px;
}


div.menuugras a:focus,
div.menuugras a:active{
   display:inline-block;
   margin:5px 0 5px 0;
}


#lapozougras{
   margin-bottom:12px;
}


div.lapozodoboz{
   text-align: center;
}


nav.lapozosor{
   padding:5px;
   font-size:13px;
   display: inline-block;
}


@media screen and (max-width: 924px) {
   nav.lapozosor{
	  display:inline-flex;
	  flex-direction: row;
	  flex-wrap: wrap;
   }
   nav.lapozosor > span > a{
	  display: inline-block;
  	  border: 1px solid white;
	  padding: 3px;
	  margin: 6px;
	  min-width: 24px;
   }   
   nav.lapozosor > span.hatra{
	  order: 1;
      flex-basis:  50%;
      flex-grow: 2;
   }
   nav.lapozosor > span.hatra > a.balra{
	  margin-left:10px;

   }
   nav.lapozosor > span.hatra > a.ketdarabosbalra{
	  margin-right:40px;
   }
   nav.lapozosor > span.szamok{
	  order: 0;
	  flex-basis:  100%;
	  flex-grow: 10;
	  line-height: 18px !important;
   }
   nav.lapozosor > span.elore{
	  order: 2;	
      flex-basis: 50%;
      flex-grow: 2;
   }
   nav.lapozosor > span.elore > a.jobbra{
 	  margin-right:10px;     
   }
   nav.lapozosor > span.elore > a.ketdarabosjobbra{
	  margin-left:40px;
   }
}

@media screen and (max-width: 460px) {
   nav.lapozosor > span.hatra,
   nav.lapozosor > span.elore{
      padding-left: 5px;
      padding-right: 5px;
   }		
   nav.lapozosor > span.hatra > a,
   nav.lapozosor > span.elore > a{
	  display:block;
      margin-left: auto !important;
      margin-right: auto !important;
	  max-width:100px;
   }	
}	


div.infosor{
   padding-top:20px;
}


#info-bal{
   text-align: left;
   padding:0;
}


#info-jobb{
   text-align: right;
   padding:0;
}


div.infodoboz{
   padding:5px;
   font-size:13px;
   display:inline-block;
}


div.talalatkeret{
   margin: 43px 0;
   padding: 0;
}


div.talalatkeret:first-child{
   margin-top: 25px;
}


article.talalatdoboz{
   width:100%;
}


div.ugrosor{
   margin: 0 !important;
}


div.ugrocella{
   display: block;	
   padding:0;
   margin-bottom:12px;
}


div.egytalalat{
   padding:0;
   border-width: 1px 0 1px 1px;
   border-color: white;
   border-style: solid;
}


div.lajstromadatok{
   text-align:left; 
   padding: 5px 10px; 
}


div.lajstromkepek{
   margin: 0;
   padding: 0;
   border:0;
}

@media screen and (min-width: 992px){
   article.talalatdoboz{
      display: table !important;
	  border-collapse: collapse;
      background-color: #B0C4D0 !important;
  }
  div.egytalalat{
	  display: table-row;
	  width:100%;
   }
   div.egytalalat > div{
      border-right: 1px solid white;
   }
   div.lajstromadatok{
      display: table-cell;
      width:50%;
      float:none;
   }
   div.lajstromkepek{
      display: table-cell;
      width:50%;
      float:none;
      vertical-align:middle;
   }  
}

@media screen and (max-width: 991px){
   div.egytalalat{
	  border-width: 1px;
   }		
   div.lajstromkepek{
      border-top: 1px solid white;
   }
   div.nemtobbkep{
      padding: 25px 10px;	
   }
   div.tobbkep{
      padding: 25px 0;	
   }
}


div.tobbkep > ul{
   text-align:left;
}


div.tobbkep > ul > li{	
   display: inline-block; 
   width: 50%; 
   padding:0;
   margin:0;	
   text-align:center;
}


div.tobbkep  > ul > li > div.lajstromkepcella{	
   display: inline-block; 
   max-height:164px;
   line-height:164px;
   margin:0;
   padding:0;
   text-align:center;
}


@media screen and (max-width: 464px) {
   div.tobbkep > ul > li{	
      width: 100%; 
   }
}


div.lajstromkepek > div.tobbkep > ul > li > div.lajstromkepcella > a,
#keptabla > ul > li > div.keptablacella > div.kepdoboz > a{
   display:inline-block;
   position:relative;
   text-align:center;
   vertical-align: middle;
   line-height:normal;
   max-width: 203px; 
   max-height: 153px; 
   border: 1px solid transparent;
   outline:0;   
}


div.lajstromkepek > div.egykep{
   vertical-align:middle; 
   display:inline-block;
   line-height:normal;
}


div.lajstromkepek > div.egykep > div > ul > li > div > a{
   display:inline-block;
   margin: auto;
}


div.lajstromkepek > div.tobbkep > ul > li > div.lajstromkepcella > a:focus,
div.lajstromkepek > div.tobbkep > ul > li > div.lajstromkepcella > a:hover,
div.lajstromkepek > div.egykep > div > ul > li > div > a:focus,
div.lajstromkepek > div.egykep > div > ul > li > div > a:hover,
#keptabla > ul > li > div.keptablacella > div.kepdoboz > a:hover,
#keptabla > ul > li > div.keptablacella > div.kepdoboz > a:focus,
#jatektartalom > #jatekkepek > div > a:hover,
#jatektartalom > #jatekkepek > div > a:focus{
   border: 1px solid red;
}


div.lajstromadatok > h3{
   margin:0;
   font-size:13px;
   font-weight:700;
}


div.lajstromadatok > h3 > span{
   display: inline-block;
   width:150px;
}


div.lajstromadatok > ul{
   font-size:13px;
   display: table;
}


div.lajstromadatok > ul > li{
   display: table-row;
   font-size:13px;
   line-height:17px;
   padding-top:10px;
}

div.lajstromadatok > ul > li  > span{
   display:table-cell;
    padding-top:3px;    
}


div.lajstromadatok > ul > li > span.adatnev{
   width:150px; 
   vertical-align:top;
}


#keptabla{
   padding:0;
   text-align:center;
   width:100%;
   margin: 25px 0 47px 0;
}


#keptabla > ul{
   text-align:center;
}


#keptabla > ul > li{
   display: inline-block; 
}


#keptabla > ul > li > div.keptablacella{
   display: inline-block; 
   width: 100%;
   vertical-align:top;
   max-height:210px;
   margin:0;
   padding:0;
   
   border-color:white;
   border-style:solid;
}


#keptabla > ul > li > div.keptablacella > div.kepdoboz{
   width: 100%; 
   height:160px;
   line-height:160px;
   margin:0;
}


#keptabla > ul > li > div.keptablacella > div.szovegdoboz{
   vertical-align:middle;
   width:100%; 
   height:50px;
   line-height:50px;
   padding:0;
   font-size:13px;
}


#keptabla > ul > li > div.keptablacella > div.szovegdoboz > a{
   display:inline-block;
   vertical-align:middle;
   line-height:normal;
   margin:auto;
}


#keptabla > ul > li > div.urescella{
   height: 210px;
   line-height:210px;
}


#keptabla > ul > li.csakkettes{
   display:none;
}  


@media screen and (min-width: 992px) {
   #keptabla > ul > li{
      width:33.33%;
   }		
   #keptabla > ul > li > div.keptablacella{
      border-width: 0 1px  1px 0 ; 	
   }	
   #keptabla > ul > li:nth-child(3n) > div.keptablacella{
      border-right:0;
   }
   #keptabla > ul > li:nth-last-child(1) > div.keptablacella,
   #keptabla > ul > li:nth-last-child(2) > div.keptablacella,
   #keptabla > ul > li:nth-last-child(3) > div.keptablacella,
   #keptabla > ul > li:nth-last-child(4):nth-child(3n+1) > div.keptablacella{
      border-bottom:0;
   }
}	

@media screen and (max-width: 991px) {
   #keptabla > ul > li{
      width:50%;
   }		
   #keptabla  > ul > li >  div.keptablacella{
      border-width: 1px 1px  0 0 ;     
   }
   #keptabla > ul > li.csakharmas{
      display:none;   
   }
   #keptabla > ul > li > div.csakkettes{
      display:inline-block;   
   }
   #keptabla > ul > li:nth-child(2n) > div.keptablacella{
      border-right:0;
   }
   #keptabla > ul > li:nth-child(1) > div.keptablacella,
   #keptabla > ul > li:nth-child(2) > div.keptablacella{
      border-top:0;
   }
   #keptabla  > ul > li.csakkettes{
      display:inline-block;
   }  
}

@media screen and (max-width: 640px) {
   #keptabla > ul > li{
      width:100%;
   }		
   #keptabla > ul > li >  div.keptablacella{
      border-width: 1px 0 0 0;
   }
   #keptabla > ul > li:nth-child(1) > div.keptablacella{
      border-top: 0;
   }
   #keptabla  > ul > li:nth-child(2) > div.keptablacella{
      border-top: 1px solid white; 
   }
   #keptabla  > ul > li > div.urescella,
   #keptabla  > ul > li.csakkettes{
      display:none !important;
   }  
}	

@media screen and (max-width: 300px) {
   div.lajstromadatok > h3 > span{
      display: inline;
      width:auto;
   }	
   div.lajstromadatok > ul{
      display: block;
   }
   div.lajstromadatok > ul > li{
       display: list-item;
   }
   div.lajstromadatok > ul > li  > span{
       display:inline;
   }
   div.lajstromadatok > ul > li > span.adatnev{
      width:auto; 
      vertical-align:baseline;
   }	
}

@media screen and (max-width: 220px) {
   div.lajstromkepek > div.tobbkep,
   div.lajstromkepek > div.egykep,
   #keptabla > ul > li > div.keptablacella{
      padding:10px 0;
      max-height: none;
   }
   div.lajstromkepek > div.tobbkep > ul > li > div.lajstromkepcella,
   #keptabla > ul > li > div.keptablacella > div.kepdoboz{
      padding-top:5px;
      padding-bottom:5px;	
      line-height:normal;
      height:auto;
   }
   div.lajstromkepek > div.egykep > a,	
   div.lajstromkepek > div.tobbkep > ul > li > div.lajstromkepcella > a{
      display:block; 
      line-height:normal;
      height:auto;
   }
   div.lajstromkepek > div.egykep > div > ul > li > div > a > img,
   div.lajstromkepek > div.tobbkep > ul > li > div.lajstromkepcella > a > img,
   #keptabla > ul > li > div.keptablacella > div.kepdoboz > a > img{
      max-width:100%;
   }
}	


#nagykeptartalom{
   width: auto;
   padding: 0;
}


#keplapozo{
   margin-bottom:20px;
}


#keplapozo > div{
   display:inline-block;
}


#keplapozo > div#keplapozo-ures,
#keplapozo > div#keplapozo-info{
   width:25%;
}


#keplapozo > div#keplapozo-nav{
   width:50%;
}


#keplapozo > div > nav{
   display:inline-block;	
}


#keplapozo > div > nav > a{
   display:inline-block;
   margin: 0 5px; 
   width: 100px;
}


#nagykepfoto{
   padding: 40px 5px;
}


#nagykepfoto img{
   max-width:100%;
}


#nagykepszoveg h3{
   font-size: 13px;
   font-weight: 700;
   margin: 10px 0;
}


#nagykepszoveg p{
   margin: 10px 0 15px 0;
   font-size: 13px;
}


#nagykep-vissza > div{
   text-align: center;
}


#nagykep-vissza > div > div{
   padding:5px;
   font-size:13px;
   display:inline-block;
   margin: 20px 0 5px 0;
}


@media screen and (max-width: 924px) {
   #keplapozo > div > nav > a{
  	  border: 1px solid white;
  	  padding: 3px;
      width: 120px;
	  margin: 6px;  	
   }   
}


@media screen and (max-width: 616px) {
   #keplapozo > div#keplapozo-ures{
	  display:none;
   }
   #keplapozo > div#keplapozo-nav,
   #keplapozo > div#keplapozo-info{
      width:100%;
   }
   #keplapozo > div#keplapozo-info{
      margin-top:20px;
   } 
}



@media screen and (max-width: 280px){
   #keplapozo > div > nav{
      display:block;	
   }
   #keplapozo > div > nav > a{
      display:block;
      margin: 7px auto; 
   }   
}


@media screen and (max-width: 220px){
   #nagykepfoto{
      padding: 40px 0;
   }	
}


@media screen and (max-width: 132px) {
   #keplapozo > div > nav > a{
      width: auto; 
   }
}


#linkek-tartalom > div > div.linklec{
   text-align: center;
}


#linkek-tartalom > div > div.linklec > a.keplink{
   display:inline-block;
   border:1px solid transparent; 
   margin: 4px 0;
}


#linkek-tartalom > div > div.linklec > a.keplink:hover,
#linkek-tartalom > div > div.linklec > a.keplink:active{
   border:1px solid red !important;
}


#linkek-tartalom > div > div.linklec > div.linkdoboz{
   padding:5px;
   font-size:13px;
   display:inline-block;
   margin: 5px 0;
}


#linkek-tartalom > div > div.linklec > a > img{
   max-width: 100%; 
}


#linkek-tartalom > div.linkektabla{
   display:table;
   width: 100%;
   margin-top:15px;
   padding:0 !important;
}


#linkek-tartalom > div.linkektabla > div.linktablasor{
   display:table-row;
}


#linkek-tartalom > div.linkektabla > div.linktablasor > div.linktablamezo{
   display:table-cell;
   width:50%;
   text-align:left;
   padding:5px 10px;
}


#linkek-tartalom > div.linkektabla > div.linktablasor > div.linktablamezo > h3{
   margin:0 0 8px 0;
   font-size:13px;
   font-weight:700;
}


#linkek-tartalom > div.linkektabla > div.linktablasor > div.linktablamezo > ul > li{
   font-size:12px;
   margin-bottom:8px;
}


#linkek-tartalom > div.linkektabla > div.linktablasor > div.linktablamezo > ul > li > a > #MRTlogo{
   max-width:100%;   
}


#linkek-tartalom > div.linkektabla > div.linktablasor:first-child > div.linktablamezo{
   border-bottom: 1px solid white;
}


#linkek-tartalom > div.linkektabla > div.linktablasor > div.linktablamezo:first-child{
   border-right: 1px solid white;
}


@media screen and (max-width:767px){
   #linkek-tartalom > div.linkektabla{
      display:block;
      width: 468px;
      max-width:100%;
   }
   #linkek-tartalom > div.linkektabla > div.linktablasor{
      display:block;
   }
   #linkek-tartalom > div.linkektabla > div.linktablasor > div.linktablamezo{
      display:block;
      width:100%;
   }
   #linkek-tartalom > div.linkektabla > div.linktablasor > div.linktablamezo:first-child{
      border-bottom: 1px solid white;
      border-right-width:0;
   }
}


#jatektartalom{
   text-align: justify;
   font-size: 13px;
   padding:5px 10px 10px 10px;
}


#jatektartalom > #jatekszoveg > p:first-child{
   margin-top: 0;
}


#jatektartalom > #jatekkepcim > h3{
   text-align: center;
   font-size: 13px;
   font-weight: normal;
}


#jatektartalom > #jatekkepek{
   text-align:center;
}


#jatektartalom > #jatekkepek > div{
   display: inline-block;
   width: 350px;
}


#jatektartalom > #jatekkepek > div > a{
   display:inline-block;
   max-height: 147px; 	
   border: 1px solid transparent;
   padding:1px;
}


#jatektartalom > #jatekkepek > div > a > img{
   max-width: 100%;
}


@media screen and (max-width: 750px){
   #jatektartalom > #jatekkepek > div{
      width: 50%;
  }		
}

@media screen and (max-width: 500px){
   #jatektartalom > #jatekkepek > div{
      width: 100%;
      padding: 10px 0;
   }		
}


#irasavendegkonyvbe{
   padding:5px;
   font-size:13px;
   display:inline-block;
   margin-bottom:10px;
}


#vk-ugras{
   margin-top:10px;
   margin-bottom:12px;
}


#vendegkonyvhiba{
   margin: 10px auto 20px auto;
   width: 570px;
   padding:10px;
   text-align:center;
}


div.vk-egybejegyzes{
   text-align: left;
   padding: 0;
   margin: 43px 0;
}


div.vk-egybejegyzes:first-child,
div.vk-egybejegyzes:last-child{
   margin-top: 25px;
}


div.vk-egybejegyzes > div.vk-adat{
   width: 100%;
}


div.vk-egybejegyzes > div.vk-adat > div{
   display: inline-block;
   width: 33.33%;
   border-left: 1px solid white;
}


div.vk-egybejegyzes > div.vk-adat > div:first-child{
   border: 0;
}


div.vk-egybejegyzes > div.vk-adat > div,
div.vk-egybejegyzes > div.vk-szoveg{
   padding: 5px 10px;
   font-size:13px;
   line-height: normal;
}


div.vk-egybejegyzes > div.vk-szoveg{
   border-top: 1px solid white;
   text-align: justify;
   word-wrap: break-word;
}


@media screen and (max-width: 900px){
   div.vk-egybejegyzes > div.vk-adat > div{
	  width: 100%;
	  border-top: 1px solid white;
	  border-left: 0;
  }
}


#irastartalom{
  width:480px; 
  padding:0;
  text-align:left;
  font-size:13px;
}


#irastartalom > div{
   text-align:left;
   padding: 8px;
}


#irastartalom > #vkirashiba{
   margin: 10px auto 10px auto;
   width: 320px; 
   max-width:100%;
   padding:10px !important;
   text-align:left;
}


#irastartalom > div >.irasmezo{
   width: 396px; 
}


#irastartalom > div > label.cimke_iras{
   display:inline-block; 
   width:60px;
}


#irastartalom > #div_lathato{
   margin-left:63px; 
}


#irastartalom > div > label#cimke_uzenet{
   vertical-align:top;
}


#irastartalom > div > textarea{
   resize:none;
   border:0;
}


#irastartalom > #divrejtveny{
   text-align:center
}


#irastartalom > #divrejtveny > label > #rejtvenykod{
   display:block;
   margin: auto 0;
   padding-bottom: 10px;
   text-align:center;
}


#irastartalom > #divrejtveny > label > #cimke_rejtveny{
   display:inline-block;
   text-align: center;
}


#irastartalom > #divrejtveny > label > #mezo_rejtveny{
   width:43px;
   max-width:100%;
}


@media screen and (max-width: 480px){
   #irastartalom{
      width:415px;
      max-width:100%; 
   }
   #irastartalom > div > label.cimke_iras{
      display:block;
      width:auto;
   }
   #irastartalom > div >.irasmezo{
      width: 100%; 
   }
   #irastartalom > #div_lathato{
      margin-left: 0; 
   }
}

@media screen and (max-width: 320px){
   #irastartalom > #vkirashiba{
      margin: 0;
   }	
}


#uzenettartalom,
#DBhibatartalom,
#hiba404tartalom{
   width:650px;
   max-width:100%;   
}


span.uzenetszoveg{
   display: block;
   margin-bottom: 20px;
}


#uzenetkuldesgomb{
   margin-top: 20px;
}


div.hiba{
   border: 2px solid red;
   background-color: white;
   line-height: 22px;
}


#uzenethiba{
   margin: 0 auto 20px auto;
   width: 350px;
   max-width:100%;
   padding:10px;
}


h3.email{
   font-size: 14px;
   margin: 0 0 20px 0;
}


#hiba404tartalom{
   line-height: 22px;
}