a  			{color:#9FCE68; border:0px; border-style:none; text-decoration: none;}
a.menu 		{color: #838281;} 
a.loginmenu 	{color: #AAA9A9;} 
a.menuunder	{color:#838281; border-style:solid;border-bottom: solid #ff0000;}
a.baratoklink:link, a.baratoklink:visited , a.baratoklink:active {color:#bbb; font-weight:bold;} a.baratoklink:hover  { color:#9FCE68; font-weight:bold; }
a.fgymenu	{color:#bbb;}
a.docon 		{margin-bottom: 10px; width: 30px; height:30px; display:block; float: left; background:transparent url('/frame/doc.jpg') center top no-repeat;} a.docon:hover {   background-image: url('/frame/docon.jpg');}
a.pdfon 		{ margin-bottom: 10px; margin-left: 40px; width: 30px; height:30px; display:block; background:transparent url('/frame/pdf.jpg') center top no-repeat;} a.pdfon:hover {   background-image: url('/frame/pdfon.jpg');}
a.bovebben 	{color:#fff;} 

img.hirfoto { max-width: 350px;}


input  
{ 
border:1px solid #9FCE68;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

textarea
{ 
border:1px solid #9FCE68;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}



input[type="button"], input[type="submit"], button
{ 
border:0px solid #000;
background-color: #9FCE68;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
 cursor: hand;  cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover   {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99B999), color-stop(1, #99B999) );
	background:-moz-linear-gradient( center top, #99B999 5%, #9FCE68 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99B999', endColorstr='#99B999');
	background-color:#99B999; cursor: hand;  cursor: pointer;
}
input[type="button"]:active, input[type="submit"]:active, button:active  {
	position:relative;
	top:1px;
}
input[type="file"] {
border: 0px;
}



img { 
  border: none; 
  background:none;
  border-style: none;
  }
h3 {
  margin:6px;
}
body{
  margin:0px;
  padding:0px;
  background-color: #fff;
  font-size: 12px;
  font-family:"arial";
  color:#564b47;
  text-align: center;
  overflow-x:hidden;
}

		#wrapper{
			float:left; /* important */
			position:relative; /* important(so we can absolutely position the description div */ 
			margin-right: 8px;
			margin-bottom: 6px;
			
		}
		#wrapper2{
			float:left; /* important */
			position:relative; /* important(so we can absolutely position the description div */ 
			margin-right: 8px;
			margin-bottom: 8px;
			width: 100%;
			
		}
		#description{
			position:absolute; /* absolute position (so we can position it where we want)*/
			bottom:60px; /* position will be on bottom */
			left:0px;
			background-color:white;
			width:80%;
			font-size:17px;
			color:black;
			opacity:0.7; /* transparency */
			filter:alpha(opacity=70); /* IE transparency */
		}
		#descriptione{
			position:absolute; /* absolute position (so we can position it where we want)*/
			bottom:205px; /* position will be on bottom */
			right:0px;
			background-color:white;
			width:22px;
			font-size:15px;
			color:black;
			opacity:0.9; /* transparency */
			filter:alpha(opacity=90); /* IE transparency */
			z-index: 100000;
		}

		#descriptionbal{
			position:absolute; /* absolute position (so we can position it where we want)*/
			bottom:10px; /* position will be on bottom */
			right:22px;
			background-color:white;
			width:20px;
			font-size:15px;
			color:black;
			opacity:0.9; /* transparency */
			filter:alpha(opacity=90); /* IE transparency */
		}
		#descriptionjobb{
			position:absolute; /* absolute position (so we can position it where we want)*/
			bottom:10px; /* position will be on bottom */
			right:0px;
			background-color:white;
			width:20px;
			font-size:15px;
			color:black;
			opacity:0.9; /* transparency */
			filter:alpha(opacity=90); /* IE transparency */
		}
		#descriptiond{
			position:absolute; /* absolute position (so we can position it where we want)*/
			bottom:170px; /* position will be on bottom */
			right:0px;
			background-color:white;
			width:22px;
			font-size:15px;
			color:black;
			opacity:0.9; /* transparency */
			filter:alpha(opacity=90); /* IE transparency */
		}




#header {
  width: 100%;
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  border-bottom: 2px dotted #838281;
}

#header-logo{
 width: 250px;
 height: 160px;
 float: left;
 padding-top: 16px;
}

#header-menu{
 width: 755px;
 height: 160px;
 float: left;
 padding-left: 130px;
}

#menu-oszlop1{ width: 130px;  height: 160px; float:left; position: relative; }
#menu-oszlop2{ width: 120px;  height: 160px; float:left; position: relative; }
#menu-oszlop3{ width: 185px;  height: 160px; float:left; position: relative; }
#menu-oszlop4{ width: 165px; height: 160px; float:left; position: relative; }
#menu-oszlop5{ width: 140px;  height: 160px; float:left; position: relative; }

#menu-gomb{
 /*width: 150px;*/
 
 margin-top: 10px;
 position:absolute; 
 font-size: 20px;
 bottom:0px; 
 right:0px;
}
#menu-gomb-fent{
 width: 150px;
 margin-top: 10px;
 position:absolute; 
 font-size: 14px;
 text-align: right;
 right:0px;
}
#header-fejlec{
 margin: 0px auto;
 padding: 0px;
 width: 1135px;
 text-align: left;
 vertical-align: middle;	
 clear: both;
}
#header-csik{
 margin: 0px auto;
 padding: 0px;
 width: 1135px;
 text-align: left;
 vertical-align: middle;	
 clear: both;
}


#footer {
  clear: both;
  position: relative;
  width: 100%;
  background-color: #DEDEDD;
  border-top: 2px dotted #564b47;
}

#content { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  padding-top: 10px;
  width: 1135px;
  background-color: #ffffff;
  position: relative;
}

#contentnagyhir { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  padding-top: 10px;
  border-style:solid; 
  border-width:0px;
  width: 1115px;
  background-color: #DEDEDD;
  position: relative;
  
}

#belnev{
  width: 100%;
  background-color: #fff;
  text-align: left;
  font-size: 20px;
  font-weight:bold;
  padding: 5px;
  padding-right: -0px;
}

#belmenu{
  width: 100%;
  background-color: red;
}
#belmenu-bal{
  width: 690px;
  background-color: #fff;
  font-size: 14px;
  float: left;
  padding: 5px;
}

#belmenu-jobb{
  width: 425px;
  background-color: #fff;
  font-size: 14px;
  float: right;
  text-align: right;
  padding: 5px;
}

#portre{
  width: 290px;
  background-color: #fff;
  float: left;
  padding: 5px;
}

#eletrajz{
  width: 825px;
  float: right;
  background-color: #fff;
  padding: 5px;
  
}

#log{
  width: 950px;
  background-color: #fff;
  padding: 5px;
  
}
#log-datum {
  width: 110px;
  float: left;
  margin-bottom: 30px;
}
#log-leiras{
  width: 840px;
  float: left;
  margin-bottom: 30px;
}
#kiall-datum {
  width: 50px;
  float: left;
}

#kiall-leiras{
  width: 775px;
  float: left;
}

#nagykepbox{
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px;
}
#nagykepcsik{
  width: 100%;
  clear: both;
}
#nagykepbal{ 
  height: 100%;
  width: 920px;
  float: left;
  text-align: center;

}

#nagykeptext{
  width: 120px;
  float: right;
  right: 0px;
  padding: 5px;
  position: absolute;
}
#nagykepcim{
  width: 120px;
  right: 0px;
  float: right;
  position: absolute;
  bottom:0px; 
  padding: 5px;
}
#tovabb{
  float: right;
  position: absolute;
  right: 0px;
  top: 50%;
  font-size: 40px;
  font-weight: bold; 
  color:#564b47;
}
#vissza{
  float: left;
  position: absolute;
  left: -50px;
  top: 50%;
  font-size: 40px;
  font-weight: bold; 
  color:#564b47;
}
#hirsor {
  width: 376px;
  float: left;
}

#hirsor23 {
  width: 754px;
  float: left;
}

#hirbox {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #DEDEDD ;
  position: relative;
}

#hirboxszurke {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #CCCCCC ;
  background-image: url("/frame/nempublikalt.jpg");
  position: relative;
}

#hirfej {
  font-size: 12px;
  padding-bottom: 5px;
  float: left;
}
#hirszerk {
  float: right;
  font-size: 12px;
  padding-bottom: 5px;
}
#hirkep {
  width: 100%;
  text-align: center;
}

#hirkepnagy {
  
  text-align: center;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

#hirnev {
  font-weight: bold; 
  font-size: 20px;
  color: #9FCE68;
}
#hiralair{
  font-size: 9px;
}
#hirbevez{
  font-size: 12px;
  margin-top: 7px;
}
#bovebben{
  font-size: 12px;
  text-align: right;
  background-color: #5E5D5D;
  color: #fff;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 2px;
  margin: 6px;
  margin-right: 10px;
}

#nagyhirbal {
  width: 740px;
  float: left;
}
#nagyhirjobb {
  width: 370px;
  float: right;
}
#szurkeresz{
  width: 100%;
  min-height: 100%;
  background-color: black ;
  color: white;
  opacity: 0.99;
  filter:alpha(opacity=99);  
  position: absolute;
  top: 0px;
  z-index: 1;
  padding-left: 50%;
  left: -50%;
  padding-right: 50%;
  margin: 0px;
  clear: both;
}
#szurkeresz2{
  width: 100%;
  min-height: 100%;
  background-color: black ;
  color: white;
  opacity: 0.99; 
  filter:alpha(opacity=99);  
  position: absolute;
  top: -12px;
  z-index: 1;
  padding-left: 50%;
  left: -50%;
  padding-right: 50%;
  margin: 0px;
  clear: both;
  
  /*position:fixed;*/
}
#szurkeleft {
  width: 300px;
  float: left;
  padding-left: 20px;
  
}
#szurkeright {
  width: 790px;
  float: right;
  margin-right: 20px;
  border: 1px solid black;
}
#szurkekiskep {
  float: left;
  text-align: center ;
  
  margin-bottom: 3px;
  z-index: 2;
  opacity: 1;
}
#alsocsik {
  width: 900px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: #EBEBEB ;
  position: relative;
}

#bal {
  float: left ;
    font-size: 12px;
}
#jobb {
  float: right ;
    font-size: 12px;
}
#fischerfej {
  font-weight: bold; 
  font-size: 26px;

}
#fischermenu {
  color: #BBBBBB ;
  float: left;
  font-size: 16px;
  margin-right: 5px;
}

#palybal {
  width: 200px;
  float: left;
  text-align: right;
  margin-right: 15px;
  margin-bottom: 10px;
}
#palyjobb {
  width: 500px;
  float: left;
  margin-bottom: 10px;
}
#formbal {
  width: 150px;
  float: left;
  text-align: left;
}
#formjobb {
  width: 850px;
  float: left;
}
#haromhasab {
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
#feltoltes{
  background-color: black ;
  color: white;
  position: absolute ;
  width: 600px;
  height: 500px;
}

#nagyszar {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 3;
  opacity: 0.8;
  color: white;
  font-size: 25px;
  vertical-align: middle;
  text-align: center;
  display: none;
}
#nagyszartext {
  position: relative;
  top: 50%;
  width: 100%;  
  text-align: center;
  vertical-align: middle;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:1000;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px; 
	top: (event.pageY - 10); left: (event.pageX + 20);
}
a.tooltip:hover span{
    z-index:1000; display:inline; position:absolute; color:#111;
    border:1px solid #9FCE68; background:#fff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}







a.tooltip2 {outline:none; }
a.tooltip2 strong {line-height:30px;}
a.tooltip2:hover {text-decoration:none;} 
a.tooltip2 span {
    z-index:1000;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:-320px;
    width:240px; line-height:16px; 
	top: (event.pageY - 10); left: (event.pageX - 260);
}
a.tooltip2:hover span{
    z-index:1000; display:inline; position:absolute; color:#111;
    border:1px solid #9FCE68; background:#fff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-252px;}
    
/*CSS3 extras*/
a.tooltip2 span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


#logo span.star {
    position:absolute;
    top:0;
    left:50%;
    width:20px;
    height:20px;
    border-radius:100%;
    border:5px solid;
    border-color:green transparent green transparent;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}

@-webkit-keyframes rotate {
    0% {
    -webkit-transform: rotate(0deg);
    }
    25% { 
    -webkit-transform: rotate(90deg);
    }
    50% { 
    -webkit-transform: rotate(180deg);
    }
    75% { 
    -webkit-transform: rotate(270deg);
    }
    100% { 
    -webkit-transform: rotate(360deg);
    }

}

#logo span.star
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;  
}
html, body { height: 100%; }
img.nagykepek { max-width: 920px; max-height: 500px; }