html,body{
    font-family: candara, arial,helvetica,sans-serif;
    margin:0px;
    padding:0px;
	background:magenta;
	background:url("images/axadion_logo5.png"),url("images/szines.png");
	background-repeat: no-repeat, repeat;
	background-position: center center, left top;
	background-attachment:fixed, scroll;
	height: 100%; 
	width:100%;
}

.clear{
	clear:both;
}

.header{
	position:fixed;
	z-index:1;
	width:100%;
	padding:15px;
	border-bottom:2px solid grey;
	background: rgb(254,252,234);background: -moz-linear-gradient(-45deg,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
	/* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)));
	/* Chrome,Safari4+ */background: -webkit-linear-gradient(-45deg,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
	/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
	/* Opera 11.10+ */background: -ms-linear-gradient(-45deg,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
	/* IE10+ */background: linear-gradient(135deg,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
	/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );
}	
	
h1{display:inline-block;margin:0;}

a{text-decoration:none;}
	
.elemek{
	margin:auto;
	margin-top:60px;
	max-width:1200px;
}
	
.elem{
	display:block;
	border:1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	background:rgba(255,255,255,0.9) ;
	-webkit-box-shadow: 4px 4px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 6px rgba(50, 50, 50, 0.75);
	text-align:center;
	margin:0 10px 30px 10px;
	position:relative;
	overflow:hidden;
}

.elem:hover{
	border:1px solid white;
}

.elem a h2{background: rgb(242,130,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,130,91,1) 0%, rgba(229,91,43,1) 50%, rgba(240,113,70,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,130,91,1)), color-stop(50%,rgba(229,91,43,1)), color-stop(100%,rgba(240,113,70,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
margin:0;padding:5px;font-size:1em;color:white;text-shadow: black 0.1em 0.1em 0.2em;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}

.elem img{float:left;margin:0 5px;}

.elem .akcio{background:url("images/cimke_s.png") no-repeat right;color:white;height:35px;margin:3px 0;font-size:1.4em;width:70px;float:right;}

#elem1.elem .akcio{background-image:url("images/cimke.png");height:70px;font-size:2.8em;margin-top:20px;width:200px;margin-left:50px;margin-bottom:20px;}

#elem2.elem .akcio, #elem3.elem .akcio,#elem4.elem .akcio,#elem5.elem .akcio{background-image:url("images/cimke_m.png");height:35px;font-size:1.4em;width:100px;margin:10px 0;}

.elem .leiras{margin:10px;text-align:justify;max-height:20px;overflow:hidden;line-height:20px;}

#elem1.elem .leiras{max-height:120px;}

.elem  .ar .eredeti{text-decoration:line-through;}

.elem .ar .akcios{font-size:1.3em;}

#elem1.elem .ar .akcios{font-size:2.1em;}
#elem1.elem .ar .eredeti{font-size:1.5em;}

#elem1.elem{
	width:566px;
	height:566px;
}

#elem2.elem, #elem3.elem,#elem4.elem,#elem5.elem{
	width:272px;
	height:268px;
}

#elem6.elem, #elem7.elem,#elem8.elem,#elem9.elem,#elem10.elem, #elem11.elem,#elem12.elem,#elem13.elem,#elem14.elem, #elem15.elem,#elem16.elem,#elem17.elem,#elem18.elem,#elem19.elem, #elem20.elem,#elem21.elem{
	width:272px;
	height:120px;
}

.gomb{position:absolute;bottom:4%;right:4%;padding:2px 5px;
color:white;text-shadow: black 0.1em 0.1em 0.2em;display:inline-block;border:1px solid rgba(255,200,200,0.4);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.75);
	background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}

.gomb:hover{
border:1px solid rgba(255,255,255,0.6);
-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.75);
}

#elem1.elem .gomb, #elem1.elem a h2{padding:5px 10px;font-size:2em;}

#elem2.elem .gomb, #elem3.elem .gomb,#elem4.elem .gomb,#elem5.elem .gomb,#elem2.elem a h2, #elem3.elem a h2,#elem4.elem a h2,#elem5.elem a h2{font-size:1.2em;}