/*
    $ http://www.jquery-plugins.hu $
*/ 



body { 
	font-size:12px;
color:#92E2D2;
font-family: tahoma, sans-serif;
background: black url(../pic/bg.gif);
 }
 
 
.lof-slidecontent
{
background: rgba(0, 0, 0, 0.15);}
input
{
padding-left:3px;
padding-right:3px;
padding-top:1px;
padding-bottom:1px;
background:#E0E0E0;
border: 2px solid grey;
font-weight:bold;
color:#000;
#-webkit-border-radius: 7px;
#-webkit-border-top-right-radius: 10px;
#-webkit-border-bottom-left-radius: 10px;
#-moz-border-radius: 7px;
#-moz-border-radius-topright: 10px;
#-moz-border-radius-bottomleft: 10px;
#border-radius: 7px;
#border-top-right-radius: 10px;
#border-bottom-left-radius: 10px;
}
h1 { margin: 0; padding: 0 0 16px 0; font: normal bold 24px/32px arial, verdana; }
h2 { margin: 0; padding: 16px 0 16px 0; font: normal bold 18px/24px arial, verdana; }

#example2.lof-slidecontent { position:relative; overflow:hidden;
	#-webkit-border-radius: 10px;
	#-moz-border-radius: 10px;
	#border-radius: 10px;
	border:1px solid #74AFAD;
	width:892px; height:300px; }
	
#example2.lof-slidecontent .preload { height:100%; width:100%; background:#FFF; position:absolute; top:0; left:0; z-index:100000; color:#FFF; text-align:center; }
#example2.lof-slidecontent .preload div { height:100%; width:100%; }
#example2 .lof-main-outer { position:relative; height:100%; width:600px; z-index:3px; overflow:hidden; }
#example2 .lof-main-item-desc { z-index:100px; position:absolute; top:254px; left:195px; #background:url(../pic/transparent_bg.png); }
#example2 .lof-main-item-desc p { color:#FFF; margin:0 8px; padding:8px 0; }
#example2 .lof-main-item-desc h3 a { color:#FFF; margin:0; font-size:140%; padding:20px 8px 2px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; }
#example2 .lof-main-item-desc h3 a:hover { color:#FF6; text-decoration:underline; }
#example2 ul.lof-main-wapper { overflow:hidden; padding:0px; margin:0; height:300px; width:600px; position:absolute; overflow:hidden; }
#example2 ul.lof-main-wapper li { overflow:hidden; padding:0px; margin:0px; height:100%; width:600px; float:left; }
#example2 .lof-opacity li { position:absolute; top:0; left:0; float:inherit; }
#example2 li-desc { z-index:100px; position:absolute; top:150px; left:50px; width:400px; background:url(../pic/transparent_bg.png); }
#example2 li-desc p { color:#FFF; margin:0 8px; padding:8px 0; }
#example2 li-desc h3 a { color:#FFF; margin:0; font-size:140%; padding:20px 8px 2px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; }
#example2 li-desc h3 a:hover { color:#FF6; text-decoration:underline; }
#example2 ul.lof-navigator { top:0; padding:0; margin:0; position:absolute; width:100%; }
#example2 ul.lof-navigator li { cursor:hand; cursor:pointer; list-style:none; width:100%; padding:0; margin:0; overflow:hidden; }
#example2 .lof-navigator-outer { position:absolute; right:0; top:00px; z-index:100; height:300px; width:310px; overflow:hidden; color:#FFF; }
#example2 .lof-navigator li.active { background:url(../pic/arrow-bg2.png) no-repeat scroll left center; color:#FFF; }
#example2 .lof-navigator li h3 { color:#FFF; font-size:100%; padding:15px 0 0 !important; margin:0; }
#example2 .lof-navigator li div { background:url(../pic/transparent_bg.png); color:#FFF; height:100%; position:relative; margin-left:15px; padding-left:15px; padding-right: 15px; border-top:1px solid rgba(225, 225, 225, 0.11); }
#example2 .lof-navigator li.active div { background:url(../pic/grad-bg3.gif); color:#FFF; }
#example2 .lof-navigator li img { height:60px; width:60px; margin:15px 15px 10px 0px; float:left; padding:3px; border:#C5C5C5 solid 1px; }
#example2 .lof-navigator li.active img { border:##6C8E5C  solid 1px; }
#example2 .lof-navigator li.active h3 { color:#FFF; }
	ul.lof-main-wapper li { position:relative; }

.lof-slidecontent
{
width:800px;
height:400px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
}
.szelesseg
{
width:150px;

}
#eltolas
{
margin-left:10px;
margin-top:10px;
}