* {margin:0;padding:0}
html, body {height:100%}
html {min-width:1000px}
body {background:#000;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.125em;color:#242424}
img {border:0;vertical-align:top;text-align:left}
object {vertical-align:top;outline:none}
ul, ol {list-style:none}
a {color: #ffffff}
a:hover {color: #FFA405;}
.clear {	clear: both;}
body {background: #144570;text-align: center;font: 11px verdana, arial, sans-serif;color: #695F4C;padding-bottom: 10px;}

h1 {font-family: tahoma,arial,sans-serif,verdana;font-size: 40px;text-shadow: 4px 4px 8px red;text-align: center;padding-top: 10px;color:#c1e077;}
h2 {font-family: tahoma,arial,sans-serif,verdana;font-size: 16px;text-shadow: 4px 4px 8px red;text-align: center;padding-top: 0px;color:#c1e077;}

/** layout **/
#keret 	{position: relative;margin: auto;				background: #144570;width: 1000px;	height: auto	;text-align: left;}
#fejlec 	{position: relative;margin: 0;					background: #144570;width: 1000px;	height: 90px	;text-align: left;}
#menu 	{position: relative;margin: 0;					background: #144570;width: 996px;	height: 40px	;text-align: left;}
#kep 	{position: relative;margin: 0;					background: #96a5d7;width: 1000px;	height: 210px	;text-align: left;}
#lablec 	{position: relative;margin: 0 auto;				background: #dadadb url(../images/lablec.jpg) repeat;width: 1000px;	height: 70px	;text-align: left;left:0px;top:530px;z-index:-1;}
.hr1 {
  border:0;
  border-top: 30px solid #e2772f;
  height: 0;
  background: #e2772f;
  top:355px;
  left:0px;
  width:1000px;
  position:absolute;
  z-index:-1;

}
#logo1 {
  top:10px;
  left:0px;
  position:absolute;
}
#logo2 {
  top:10px;
  left:910px;
  position:absolute;
}
#logo3 {
  top:570px;
  left:410px;
  position:absolute;
}
#menu{
	border-width:2px;
	border-style:solid;
	border-bottom-color:#ffffff;
	border-top-color:#000000;
}
#menu .nav 		{float:left;padding:5px 0 0 20px;position:relative;z-index:12;color:#ffffff;}
#menu .nav li 		{float:left;background:#144570;padding:0 40px 0 35px;font-size:22px;line-height:1.2em;min-height:30px;min-width:80px;
border-left-width:2px;
font-family: tahoma,arial,sans-serif,verdana;text-shadow: 4px 4px 8px #96a3d6;
}
/*#header .nav1 li.first 	{background:none}*/
#menu .nav li a 		{color:#c1e077;text-decoration:none;text-transform:uppercase;float:left;padding:3px 0 3px 0}
#menu .nav li a:hover 	{color:#c1e077;text-shadow: 4px 4px 10px red;}
#box{
 width:1000px;
 height:580px;
 margin:0;
 padding:0;
 background:#144570;
 position:relative;
 z-index:2;
 }
.boxf{
	width:280px;
	height:250px;
	background:#96a3d6;
	float:left;
	margin:10px 20px;
	padding:6px;
	z-index:22;
}
#gomb1 a:hover {height:200px;}
.boxa{
	width:445px;
	height:250px;
	background:#96a3d6;
	float:left;
	margin:10px 20px;
	padding:6px;
}
.boxkepek{margin:5px 0px 5px 15px;}
#boxkep0{position:absolute;top:45px;left:-15px;}

#boxkep1{position:absolute;top:420px;left:25px}
#boxkep2{position:absolute;top:420px;left:360px}
#boxkep3{position:absolute;top:420px;left:690px}
#boxkep4{position:absolute;top:700px;left:25px}
#boxkep5{position:absolute;top:700px;left:525px}

.bigbutton {
    display:block;
    min-width:160px;
	width:auto;
    height:40;
    line-height:40px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#144570), color-stop(100%,#96a3d6));
    background-image: -webkit-linear-gradient	(top, #144570, #96a3d6);#144570;
    background-image: -moz-linear-gradient		(top, #144570, #96a3d6);
    background-image: -ms-linear-gradient		(top, #144570, #96a3d6);
    background-image: -o-linear-gradient		(top, #144570, #96a3d6);
    background-image: linear-gradient			(top, #144570, #96a3d6);
    border:1px solid #cccccc;
    box-shadow: inset 0px 0px 5px #eeeeee;
    -moz-box-shadow: inset 0px 0px 5px #eeeeee;
    -webkit-box-shadow: inset 0px 0px 5px #eeeeee;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
    color:#ffffff;
    font-family:Impact;
    font-size:22px;
    text-align:center;
    cursor:pointer;
	vertical-align:middle;
	margin:5px 15px;
	z-index:33;
}
#fejlec{
background: #144570;
-moz-border-radius: 	76px 76px 0px 0px / 25px 25px 25px 25px;
-webkit-border-radius: 	76px 76px 0px 0px / 25px 25px 25px 25px;
border-radius: 			76px 76px 0px 0px / 25px 25px 25px 25px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 16px #555856;
-webkit-box-shadow: 0px 0px 16px #555856;
box-shadow: 0px 0px 16px #ffffff;
}
.hr1{
-moz-border-radius: 	0px 0px 76px 76px / 25px 25px 25px 25px;
-webkit-border-radius: 	0px 0px 76px 76px / 25px 25px 25px 25px;
border-radius: 			0px 0px 76px 76px / 25px 25px 25px 25px;
}
#lablec, .boxf, .boxa{
-moz-border-radius: 	76px 76px 76px 76px / 25px 25px 25px 25px;
-webkit-border-radius: 	76px 76px 76px 76px / 25px 25px 25px 25px;
border-radius: 			76px 76px 76px 76px / 25px 25px 25px 25px;
}
.kep1x a :hover  {
	opacity: 0.5;
	filter: alpha(opacity=60);
	transform: scale(1);
	-webkit-transform: scale(1)
}

#boxkep0:hover,#boxkep1:hover,#boxkep2:hover,#boxkep3:hover,#boxkep4:hover,#boxkep5:hover
{
    opacity: 0.1;
    filter: alpha(opacity=30);
}
