/* CSS Document */
body
{
  		
  		font-size:13px;
  		margin:0px;
  		
  		/*background-image:url("hatter.jpg");*/
		background-color:rgb(220,220,220);
}
h2
{
   		font-weight:normal;
   		/*text-shadow: 0.1em 0.1em 0.1em rgb(150,150,150);*/
   		text-align:center;
 	 	font-size:25px;
		font-family: Verdana, Helvetica, sans-serif; 
  		margin-bottom:50px;
}
h3
{
		font-weight:normal;
  		text-align:left;
  		font-size:20px;
		font-family: Arial, Helvetica, sans-serif;
}
h4
{
     	margin-top:0px;
     	font-weight:600;
     	text-align:center;
  		font-size:16px;
		font-family: Arial;
}
h4.centerblue
{
        color:rgb(0,73,175); 
        text-align:center; 
        font-size:14px; 
        font-family: Verdana, Helvetica;
}
a
{
		text-decoration: none;
		color:black;
}
a:hover
{
	color:blue;	
}
a.jump:hover
{
  color:purple;
}
a.jump
{
		/*font-weight:bold;*/
		font-size:13px;
		font-family: Verdana, Helvetica;
    color:blue;	             
}
a.uj:hover
{
	color:black;		
}
span.jump
{
		font-weight:bold;
		font-style:italic;
		margin-left:80px;	
}

/*.jump:hover
{
		cursor:pointer;
  		text-shadow: 0.1em 0.1em 0.1em rgb(150,150,150);
}*/
h1
{
		margin:0px;
  		text-align:center;
  		font-size:42px;

}
#menu
{
  		float:center;
 		width:1000px;
    	margin:auto;
    	margin-bottom:0px;
		text-align:left;
		font-weight:bold;
		padding:0px;
}
ul.menu
{
		text-align:left;
		margin:0px;
		padding:0px;
}
a img
{
		border:0px;	
}

li.menu
{
  		border:0px;
  		text-align:center;
  		/*width:19%;*/
  		float:left;
  		margin-top:0px;
  		/*background:rgba(0,30,100,0.6); */
  		color:white;
  		position:relative;
  		margin-bottom:2px;
  		font-size:13px;
  		list-style-type:none;
  		padding:0px;
  		height:30px;
}
li.menu li
{
		height:50px;
		margin-bottom:0px;
}




.menu:hover
{
		/*color:lightblue;*/
  		cursor:pointer;
  		/*background:darkblue;*/
} 



.submenu
{
      text-align:center;
  		float:left;
  		margin-top:0px;
  		/*background:rgba(0,30,100,0.6); */
  		position:relative;
  		margin-bottom:0px;
  		list-style-type:none;
  		padding:0px;
  		width: 100%;
  		height:50px;
  		line-height:50px;
  		background:white;
      color:rgb(40,28,93);
      /*background:rgb(40,28,93);*/
      /*color:white;*/
  		font-family: Verdana, Helvetica, sans-serif;
  		font-size:12px;
  		/*padding-left:5px;*/
  		/*padding-right:5px;*/
  		/*border: 1px solid white;*/
  		text-transform: uppercase;
}

.submenu span
{
    color:rgb(40,28,93);
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

#menu2
{
  		width:100%;
  		height:150px;
  		line-height:50px;
  		text-align:left;
  		color:white;
  		position:absolute;
  		display:none;
  		float:left;
  		top:30px;
  		left:-1px;
  		border:1px solid rgb(40,28,93);
}



.menu:hover
{
		/*color:lightblue;*/
  		cursor:pointer;
    /*background:darkblue;*/
}

div.bottomline
{
    float:left;
 		width:1000px;
    height:34px;
    margin-bottom:0px;
		text-align:center;
		line-height:30px;
    background:rgb(40,28,93);
  	font-family: Verdana, Helvetica, sans-serif;
 		font-size:14px;
  	/*text-transform: uppercase;*/
  	color:white;
  	position:static;
}

.log
{
		border:1px solid rgb(180,180,180);	
		border-radius:10px;
		
		font-family: Arial;
		margin:auto;
		width:300px;
		padding:20px;
		text-align:center;
		font-size:18px;
		
}

.ujtart
{
		position:relative;
		z-index:20;
		border-left:1px solid rgb(200,200,200);
		border-top:1px solid rgb(200,200,200);
		border-right:1px solid rgb(200,200,200);
		border-bottom:1px solid rgb(180,180,180);
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		box-shadow:-2px 5px 4px rgb(220,220,220);
		margin-top:20px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:20px;
		padding-top:0px;
		padding-bottom:30px;		
		padding-left:5px;
		padding-right:5px;
		background:rgb(245,245,245);
		width:642px;
		float:left;
		text-align:left;
		font-family: Verdana, Arial;
}
.tart
{
		box-shadow: 5px 5px 5px #C8C8C8;
		border: 1px solid grey;
		border-radius:10px;
		margin-bottom:10px;
		margin-top:20px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		padding-bottom:0px;		
		padding-left:51px;
		padding-right:51px;
		background:white;
		width:546px;
		height:729px;
		float:left;
		text-align:left;
		font-family: Verdana, Arial;
		position:static;
}
.balhasab
{
float:left;
width:277px;
padding-left:31px;
}
.jobbhasab
{
float:right;
width:277px;
padding-right:31px;
}


#lab
{
		height:75px;
		width:1000px;
		margin:auto;	
		padding-top:10px;
		text-align:center;
}
#lab1
{
		  margin-left:20px;
		  padding-right:20px;
		  border-right:1px solid grey;
		  width:200px;
		  height:75px;
		  font-family: Arial, Helvetica, sans-serif;
	  	font-size:11px;
	  	font-weight:normal;
    	text-align:center;
    	float:left;
}
	
#lab2
{
	  	height:60px;
	  	width:518px;
	  	padding-top:15px;
	  	font-family: Arial, Helvetica, sans-serif;
	  	font-size:11px;
	  	font-weight:normal;
    	text-align:center;
    	margin:auto;
    	float:left;
}

#lab3
{
      height:60px;
	  	width:200px;
	  	padding-top:15px;
	  	font-family: Arial, Helvetica, sans-serif;
	  	font-size:11px;
	  	font-weight:normal;
    	text-align:center;
    	float:right;
    	margin-right:20px;
    	padding-left:20px;
		  border-left:1px solid grey;
}

.tart img
{
	
}

p.tipus
{
	 	clear:both;
}

span.fejl 
{
 		font-size: 10px;
 		color:blue;
}
.level
{
		text-align:center;
}

.link
{
  		color:white;
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
}

#linkek
{
  		background:white;
  		margin-top:20px;
  		margin-right:12px;
  		margin-left:11px;
  		text-align:center;
  		float:right;
		width:150px;
		position:static;
}
img.lnk
{
  		margin-top:20px;
  		margin-bottom:20px;
  		border:0px;
}
#container
{
  		margin-top:20px;
  		padding:0px;
  		margin:auto;
  		overflow:auto;
 		width:1000px;
}

.mk
{
  		width:100%;
  		height:164px;
}




.legomenu
{
  		width:100%;

}
.legomenu:hover
{
		color:lightblue;
  		cursor:pointer;
  		background:darkblue;
}

.images
{
    	margin:auto;
  		
 		width:1000px;
 
  
}
.image
{
  		float:left;
  		margin-right:1px;
  		width:166px;
  		height:164px;
}
.imageend
{
    	float:left;
  		margin-right:0px;
   		width:166px;
   		height:164px;
}
.imagerad
{
  		float:left;
  		margin-right:1px;
  		height:164px;
  		width:165px;
}


.fejlec
{
  
    
    	margin:auto;
}
.leftimages
{
  		background:white;
  		margin-top:20px;
  		margin-left:0px;
  		margin-right:7px;
  		width:166px;
  		text-align:left;
  		float:left;
  		position:static;
}
.lk
{
  		width:166px;
  		margin:0px;
  		margin-bottom:1px;
}
.big
{
		background:white;
		width:1020px;
		text-align:center;
		margin:auto;
		
		background:url(hatter.jpg);
		background-repeat:repeat-y;
		background-position:center center;
}
.shadow
{
  		margin-top:0px;
 	 	margin-bottom:0px;
  		padding:0px;
}
/*style="opacity:0.8;filter:alpha(opacity=80)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80"*/

p.szoveg
{
		font-weight:normal;
		font-family: Helvetica, sans-serif;
		font-size: 15px;
		margin-bottom:0px;
		margin-top:30px;
		
}
li.termekek
{
		font-weight:normal;
		list-style-type:none;
		margin-top:0px;
		margin-bottom:0px;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 15px;
}
#termek1
{
		background-image:url("nuklid_hatter.jpg");
		background-position:center top;
		background-repeat:no-repeat;

}
#termek2
{
		background-image:url("elekt_hatter.jpg");
		background-position:center bottom;
		background-repeat:no-repeat;

}
#termek3
{

		background-position:center bottom;
		background-repeat:no-repeat;

}

.shadows
{
		margin-top:0px;
		margin-bottom:0px;
		width:1000px;
		height:14px;
		text-align:center;
		margin:auto;
		
}
   
#eler
{
		background-image:url("elerhet_hatter.jpg");
		background-position:center top ;
		background-repeat:no-repeat;
}
span.kiemelt
{
		text-decoration:underline;
		font-weight:100;
		font-size: 18px;
}
span.behuz
{
		margin-left:80px;
		font-size: 18px;
}

ul.eszkoz
{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size: 15px;
		margin-bottom:20px;
		margin-top:20px;
}
ul.level
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	margin-top:0px;
	text-align:left;	
}
li.jump
{
		list-style-type:none;
		font-weight:normal;
		font-style:italic;
		margin-top:0px;
		margin-bottom:0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		/*list-style-image:url("letter.jpg");*/	
}
li.jump img
{
		float:none;
		margin-left:40px;
}
li.jump img:hover
{
	cursor:pointer;
}
.new
{
  	background:white;
  	margin-top:20px;
  	margin-left:0px;
  	margin-right:0px;
  	border-right:1px solid white;
  	width:166px;
  	text-align:left;
  	float:left;
  	
}
.news
{
	z-index:10;
	border:1px solid rgb(200,200,200);
	border-right:0px solid rgb(245,245,245);
	border-bottom-left-radius:10px;
	border-top-left-radius:2px;
	margin-bottom:6px;
	margin-left:31px;
	padding-top:8px;
	padding-bottom:8px;	
	width:136px;
	position:relative;
	background:rgb(240,240,240);
	font-weight:400;
    text-align:center;
  	font-size:11px;
	font-family: Verdana;
	padding-left:10px;
	box-shadow: -2px 5px 4px rgb(220,220,220);
	/*clip:rect(1000px,1000px,1000px,1000px);*/
}

.obj-container      /*universal*/
{
    width: 600px;
    height: 300px;
    text-align: center;
}
.objimg-container1  /*large image*/
{
    width: 570px;
    height: 220px;
}
.objimg-container1 img
{
    width: 100%;
    height:auto;
}
.objtext-container1 /*one line text above large image*/
{
    width: 570px;
    height: 80px;
    text-align:left;
}

.objimg-container2  /*small image on the right*/
{
    width: 230px;
    height: 200px;
    float: right;
}
.objimg-container2 img
{
    width: 100%;
    height:auto;
}
.objtext-container2 /*few lines of text on the left*/	
{
    width: 200px;
    height: 200px;
    float: left;
    text-align: right;
}