.blokkok {
  margin: 30px 0px 0px 20px;
  max-width: 1140px;
  float: left;
  clear: both;
  overflow: hidden;
}

.ref-fejlec {
  border-collapse: collapse;
  font-family: Tahoma, Geneva, sans-serif;
  width: 1120px;
}

#ref-list {
  max-width: 1080px;
  float: left;
  padding-bottom: 30px;
}

#ref-div {
  float: left;
  padding: 20px 20px 0px 0px;
}



img {
  border: 0px;
}

img.logo {
	opacity: 1.0;
	filter: alpha(opacity=100);
	height: 240px;
#	width: 180px;
}

img.logo:hover {
	opacity: 0.5;
	filter: alpha(opacity=40);
}


/* =======================
   #   ref-fejlec, csik
   ======================= */
   
table thead td.csik {
  padding: 3px;
  background-color: #00A69C;
  border: 1px solid #00A69C;
}

table thead td.fej {
  padding: 8px;
  text-align: center;
  background-color: #394555;
  color: #ffffff;
  font-weight: normal;
  font-size: 20px;
  border: 1px solid #394555;
}


/* ==============
   #   ref-tb
   ============== */

table.ref-tb {
  border-collapse: collapse;
  font-family: Tahoma, Geneva, sans-serif;
  width: 208px;
  height: 340px;
}

tr.ref-tr-img {
	height: 280px;
}
tr.ref-tr-nev {
	height: 60px;
}


td.ref-td-img {
  padding: 6px;
}

td.ref-td-nev {
  padding: 0px 10px;
  color: #FFFFFF;
  background-color: #00A69C;
  font-size: 20px;
}




.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.kover {
  font-weight: bold;
}
.nb1 {
  color: #00A69C;
}
.nb2 {
  color: #903C28;
}
.sev {
  color: #FF0000;
}
.vonal-bal-jobb {
  border-left: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
}
.vonal-fent-bal-jobb {
  border-top: 1px solid #dddfe1;
  border-left: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
}
.vonal-lent-bal-jobb {
  border-bottom: 1px solid #dddfe1;
  border-left: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
}




/* ======================
   #    media screen    #
   ====================== */

/* 1. törés
fejlec = 1120-60
ref-div = padd-right: 20-10
ref-tb = W: 204+10
*/
@media screen and (max-width: 1200px) {

	.ref-fejlec {
	  width: 1060px;
	}

	#ref-div {
	  padding-right: 10px;
	}

	table.ref-tb {
	  width: 204px;
	  height: 320px;
	}

}

/* 2. törés */
@media screen and (max-width: 1100px) {

	.ref-fejlec {
	  width: 840px;
	}

	#ref-list {
	  max-width: 880px;
	}

	table.ref-tb {
	  width: 190px;
	  height: 320px;
	}

}

/* 3. törés */
@media screen and (max-width: 880px) {

	.ref-fejlec {
	  width: 700px;
	}

	#ref-list {
	  max-width: 770px;
	}

	#ref-div {
	  padding-right: 20px;
	}

	table.ref-tb {
	  width: 220px;
	  height: 320px;
	}


}

/* 4. törés */
@media screen and (max-width: 740px) {

	.ref-fejlec {
	  width: 460px;
	}

	#ref-list {
	  max-width: 480px;
	}

}

/* 5 törés */
@media screen and (max-width: 516px) {

	.blokkok {
	  margin: 30px 0px 0px 10px;
	}

	.ref-fejlec {
	  width: 320px;
	}

	#ref-list {
	  max-width: 320px;
	}

	#ref-div {
	  padding-right: 0px;
	  padding-left: 30px;
	}

	table.ref-tb {
	  width: 260px;
	  height: 340px;
	}

	img.logo {
		height: auto;
		width: 220px;
	}

}