<style type="text/css">
<!--

.szelso
{text-align="center";}

.elerhetosegek
{ color: #FFEBCD;}

.masodik
{background-color: #98FB98;}

.head 
{ font-family: Georgia;
font-size: 18px; color: #FFEBCD;
text-align: center;
text-transform: uppercase;
background-image: url('head.png');
background-repeat: no-repeat;
font-weight: bold;
webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
border: 1px solid #000000; 
}

.head2
{font-family: tahoma;
text-align: center;
font-style: inherit;
letter-spacing: 2px;
color: #000;
webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
border: 1px solid #000000;
background: #FFEBCD;
}

.narr
{font-family: georgia; 
color: #8B4513;
text-align: center;
font-size: 17px;}

.body
{width: 580px; 
position: absolute; 
left:392; top:25; 
border: 1px solid #000; 
padding: 3px;
background-color: #fff; 
opacity: 0.85; 
webkit-border-radius: 10px; 
-moz-border-radius: 10px; border-radius: 10px; 
box-shadow: 10px 10px 6px -6px #777;
}

.jobb_menu
{
width: 242px;
position: absolute;
left:92;
top:5;
border: 1px solid transparent;
padding: 3px;
background-color: transparent;
opacity: 0.8;
}

.fej_social {
width: 242px;
position: absolute;
left:1030;
top:25;
border: 1px solid #000;
padding: 3px;
background-color: #008000;
opacity: 0.7;
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 10px 10px 6px -6px #777;
}

a:link, a:visited, a:active {
color: #000;
font-weight: bold;
text-decoration: none;
letter-space:2px;
font-size: 14px;
} 

a:hover { 
color: #FFEBCD;
font-weight: bold;
background: #000;
 
} 

body 
{
background: url(Background-Image4.jpg) no-repeat center center fixed;  
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover;  
background-size: cover;
background-position: center;
text-align: left;
font-family: arial; 
color: #006300; 
font-weight: normal; 
font-size: 16px;
}

#navcontainer { width: 236px;}

#navcontainer ul
{
margin-left: 0;
padding-left:0;
list-style-type: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

/** kezdődik*/

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -30px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -10px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -20px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}
/** vége */

#navcontainer a
{
display: block;
padding: 3px;
width: 236px;
height: 20px;
background-color: #008000;
border: 1px solid #000;
webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 10px 10px 6px -6px #777;
}

#navcontainer a:link, #navlist a:visited
{
color: #FFEBCD;
text-decoration: none;
}

#navcontainer a:hover
{
background-image: url('menu.png');
color: #008000;
}

--> 


</style>
