@charset "utf-8";
/* CSS Document */

div.valaszto {
	width:18%;
	height:200px;
	background-color: transparent;
	margin: 1% ;
	font-family: 'Poppins', sans-serif;	
	font-size:1.0em;
	text-align: center;
	color:#333;
	font-weight:lighter;
	float:left;}

div.valaszto img {
	max-width:89%;
	max-height:110px;
	margin: 1.0em auto auto auto;
	border:3px solid #FFF;
	}

div.valaszto:hover {
	opacity:0.8;
	cursor:pointer;}

.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:3.0em;
		opacity:0.8;}

	.vissza img:hover {
		margin-left:2.6em;
		opacity:1.0;
		}

	.vissza a {
		border:none;}
	
@media only screen and (min-width: 767px) and (max-width: 950px) {

div.valaszto {
	width:18%;
	height:200px;
	background-color: transparent;
	margin: 1% ;
	font-family: 'Poppins', sans-serif;	
	font-size:0.8em;
	text-align: center;
	color:#333;
	font-weight:lighter;
	float:left;}

div.valaszto img {
	max-width:89%;
	max-height:110px;
	margin: 1.0em auto auto auto;
	border:3px solid #FFF;
	}

div.valaszto:hover {
	opacity:0.8;
	cursor:pointer;}

.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:3.0em;
		opacity:0.8;}

	.vissza img:hover {
		margin-left:2.6em;
		opacity:1.0;
		}

	.vissza a {
		border:none;}	
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
div.valaszto {
	width:18%;
	height:190px;
	background-color: transparent;
	margin: 1% ;
	font-family: 'Poppins', sans-serif;	
	font-size:0.7em;
	text-align: center;
	color:#333;
	font-weight:lighter;
	float:left;}

div.valaszto img {
	max-width:89%;
	max-height:100px;
	margin: 1.0em auto auto auto;
	border:3px solid #FFF;
	}

div.valaszto:hover {
	opacity:0.8;
	cursor:pointer;}

.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:3.0em;
		opacity:0.8;}

	.vissza img:hover {
		margin-left:2.6em;
		opacity:1.0;
		}

	.vissza a {
		border:none;}	
	
}

@media only screen and (min-width: 480px) and (max-width: 579px) {
div.valaszto {
	width:18%;
	height:160px;
	background-color: transparent;
	margin: 1% ;
	font-family: 'Poppins', sans-serif;	
	font-size:0.7em;
	text-align: center;
	color:#333;
	font-weight:lighter;
	float:left;}

div.valaszto img {
	max-width:89%;
	max-height:80px;
	margin: 1.0em auto auto auto;
	border:3px solid #FFF;
	}

div.valaszto:hover {
	opacity:0.8;
	cursor:pointer;}

.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:3.0em;
		opacity:0.8;}

	.vissza img:hover {
		margin-left:2.6em;
		opacity:1.0;
		}

	.vissza a {
		border:none;}	
}

@media only screen and (max-width: 480px) {
div.valaszto {
	width:30%;
	height:160px;
	background-color: transparent;
	margin: 1% ;
	font-family: 'Poppins', sans-serif;	
	font-size:0.7em;
	text-align: center;
	color:#333;
	font-weight:lighter;
	float:left;}

div.valaszto img {
	max-width:89%;
	max-height:80px;
	margin: 1.0em auto auto auto;
	border:3px solid #FFF;
	}

div.valaszto:hover {
	opacity:0.8;
	cursor:pointer;}

.vissza {
	height:3.0em;
	width:100%;
	}
	
	.vissza img {
		float:left;
		height:2.5em;
		margin-left:3.0em;
		opacity:0.8;}

	.vissza img:hover {
		margin-left:2.6em;
		opacity:1.0;
		}

	.vissza a {
		border:none;}	
}