@charset "UTF-8";
.w3-allerta {
  font-family: "Allerta Stencil", Sans-serif;
}
.w3-lobster {
    font-family: "Lobster", serif;
}

@media screen and (min-width: 500px) {
 td.kiskep {
	height: 100px;
	font-size:10px;
	width: 100px;
	
}
}

@media screen and (max-width: 500px) {
  td.kiskep {
	height: 80px;
	width: 80px;
	font-size:8px;
}
}
@media screen and (min-width: 768px) {
 td.kiskep {
	height: 130px;
	width: 130px;
	font-size:12px;
	
}
}
@media screen and (min-width: 992px) {
 td.kiskep {
	height: 190px;
	width: 190px;
	font-size:14px;
}
}


@media screen and (min-width: 1200px) {
 td.kiskep {
	height: 210px;
	width: 210px;
	font-size:14px;
}
}
td.kiskep {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
		
}

@media screen and (min-width: 600px) {
 .muz {

	font-size:10px;
	width: 100px;
	
}
}

@media screen and (max-width: 600px) {
.muz {
	
	width: 60px;
	font-size:8px;
}
}
@media screen and (min-width: 768px) {
 .muz {

	width: 160px;
	font-size:10px;
	
}
}


@media screen and (min-width: 992px) {
 .muz {

	width: 190px;
	font-size:10px;
	
}
}
@media screen and (min-width: 1200px) {
 .muz {
	
	width: 200px;
	font-size:10px;
}
}
.muz {
	text-align: center;
	float: none;
	margin-right: auto;
	margin-left: auto; border:rgb(187,187,187) thin solid;
	 	
}

@media screen and (min-width: 600px) {
 .mszoveg {width: 100px;height:40 px;font-size:10px;}

}

@media screen and (max-width: 600px) {
 .mszoveg {width: 60px; height:40 px; font-size:8px;}

}
@media screen and (min-width: 768px) {
.mszoveg {width: 160px;height:40 px; font-size:12px;}
	
}

@media screen and (min-width: 992px) {
.mszoveg {width: 190px;height:40 px;font-size:14px;}
	
}

@media screen and (min-width: 1200px) {
.mszoveg {width: 210px; height:40 px;font-size:14px;}
	
}
.mszoveg {
	text-align: center;
	float: none;	
		
}


@media screen and (max-width: 600px) {
  div.mutat {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  div.hide {
    display: none;
  }
}
.example {
	
	font-family: Verdana, "Verdana Bold", "Verdana Bold Italic", "Verdana Italic";
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example { font-size: 10px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .example {font-size: 12px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .example { font-size: 14px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .example { font-size: 16px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .example { font-size: 18px;}
}



.rescim {
	font-family: Verdana, "Verdana Bold", "Verdana Bold Italic", "Verdana Italic";
	text-transform: uppercase;
	font-weight: bold;
	color: rgb(70,68,120);
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   .rescim {font-size: 14px;}
    
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
     .rescim {font-size: 18px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
     .rescim {font-size: 18px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
     .rescim {font-size: 18px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
     .rescim {font-size: 18px;}
}


.rescim2 {
	font-family: Verdana, "Verdana Bold", "Verdana Bold Italic", "Verdana Italic";
	text-transform: uppercase;
	text-decoration: none;	
	color: rgb(70,68,120);
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   .rescim {font-size: 14px;}
    
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
     .rescim {font-size: 18px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
     .rescim {font-size: 18px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
     .rescim {font-size: 18px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
     .rescim {font-size: 18px;}
}

.resfejcim {
	font-family: Verdana, "Verdana Bold", "Verdana Bold Italic", "Verdana Italic";
	text-transform: uppercase;
	font-weight: bold;
	color: rgb(70,68,120);
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   .resfejcim {font-size: 20px;}
    
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
     .resfejcim {font-size: 24px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
     .resfejcim {font-size: 28px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
     .resfejcim {font-size: 36px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
     .resfejcim {font-size: 48px;}
}

.thumb {
height:inherit;
max-height:95%; 
float:none; margin-left:auto; 
max-width:95%
}
#lista a { color:rgb(0,0,0);
 text-decoration:none;
}
#lista a:hover {
	color: white;
	
}