@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 767px) {

div.valaszto {
	width:18%;
	height:200px;
	background-color: #7a84c1;
	margin: 1% ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	text-align: center;
	color:#ffffff;
	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: 480px) and (max-width: 767px) {
div.valaszto {
	width:23%;
	height:200px;
	background-color: #7a84c1;
	margin: 1% ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:1.0em;
	text-align: center;
	color:#ffffff;
	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 (max-width: 480px) {

div.valaszto {
	width:32%;
	height:200px;
	background-color: #7a84c1;
	margin: 1% ;
	font-family: 'Didact Gothic', sans-serif;	
	font-size:0.7em;
	line-height:1.3em;
	text-align: center;
	color:#ffffff;
	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;
		margin-top:1.0em;}
}

