body{
	margin:			0;
	padding:		0;
	background:		#222 url(../images/bg.jpg) repeat-x top left;
	font-family:	"Verdana",Lucida,Verdana,sans-serif;
	font-size:		11px;
	color:			#fff;
	font-weight:	normal;
	line-height:	1.8em;
	}
* { margin: 0px; padding: 0px; font-family: Arial; }
	
img{ border:none; }
/* img.png{ behavior: url(css/png2.htc); } */

a{ cursor: pointer; outline: none !important; }


	/*Percents*/
	
	.w100{ width: 100%; }
	.w95{ width: 95%; }
	.w90{ width: 90%; }
	.w80{ width: 80%; }
	.w75{ width: 75%; }
	.w70{ width: 70%; }
	.w60{ width: 60%; }
	.w50{ width: 50%; }
	.w40{ width: 40%; }
	.w30{ width: 30%; }
	.w25{ width: 25%; }
	.w20{ width: 20%; }
	.w10{ width: 10%; }
	
	/*Pixels*/
	
	.w50px{ width: 50px; }
	.w100px{ width: 100px; }
	.w130px{ width: 130px; }
	.w150px{ width: 150px; }
	.w200px{ width: 200px; }
	.w250px{ width: 250px; }
	.w300px{ width: 300px; }
	.w350px{ width: 350px; }
	.w400px{ width: 400px; }
	.w450px{ width: 450px; }
	.w500px{ width: 500px; }
	.w550px{ width: 550px; }
	.w600px{ width: 600px; }
	.w650px{ width: 650px; }
	.w700px{ width: 700px; }

/* HEIGHTS */
	.s5{ height: 5px; overflow: hidden; float: none; clear: both; }
	.s10{ height:10px; overflow: hidden; float: none; clear: both; }
	.s15{ height:15px; overflow: hidden; float: none; clear: both; }
	.s20{ height:20px; overflow: hidden; float: none; clear: both; }
	.s25{ height:25px; overflow: hidden; float: none; clear: both; }
	.s30{ height:30px; overflow: hidden; float: none; clear: both; }
	.s35{ height:25px; overflow: hidden; float: none; clear: both; }
	.s40{ height:40px; overflow: hidden; float: none; clear: both; }
	
	.h10{height: 10px !important;}
	.h20{height: 20px !important;}
	.h30{height: 30px !important;}

	
/* ADDONS */
span.NameSpan{
		font-size: 20px;
		font-weight: normal;
		color:		#444;
		font-family: Times New Roman, Sans Serif !important;
		}
.noborder{ border: none; }
.strong{ font-weight: bold; }
.smallbig{ font-size: 14px; }
span.big{ font-size: 14px; }
.kicsitab{ padding-left: 20px; }
.small{ font-size: 11px; letter-spacing: 0.5px; }
.verysmall{ font-size: 9px; color: #999; }
.link{cursor: pointer; }
.help{cursor: help; }
.und{ text-decoration: underline; }
.underlined:hover{ text-decoration: underline !important; }
.absmiddle{ vertical-align: middle !important; }
.verybig{ font-size: 28px; }
.redhover:hover{ color: #f00;}
.orange{ color: #ed6a00 !important;}
.green{color:#558911 !important;}
.red{color:#8c280d !important;}
.grey{color:#666 !important;}
.nofloat{float: none !important; clear: both !important; overflow: hidden !important;}

/* FORM */
form{ padding: 0px !important; margin: 0px !important; }

/* FLOATS */

.Fleft{float: left !important;}
.Fright{float: right !important;}
.nofloat{float: none !important; clear: both !important; height: 1px !important; overflow: hidden !important;}

span.title{
	font-size:		18px;
	font-weight:	bold;
	color:			#65868e;
	}
span.subtitle{
	font-size:		18px;
	font-weight:	bold;
	color:			#444;
	}
	
	div.s5{width:100%;height:5px;overflow:hidden;float:none;clear:both;}
	div.s10{width:100%;height:10px;overflow:hidden;float:none;clear:both;}
	div.s15{width:100%;height:15px;overflow:hidden;float:none;clear:both;}
	div.s20{width:100%;height:20px;overflow:hidden;float:none;clear:both;}

.green{color: #9dc754 !important;}
	
.absmiddle{vertical-align: middle !important;}
.und{text-decoration:underline !important;}
.link{cursor: pointer !important;}
	
	/* INPUTOK */
	textarea{
		border:				1px solid #444;
		padding:			2px;
		background:			#fff;
		font-size:			11px;
		font-family:		"Verdana",Lucida,Verdana,sans-serif;
		color:				#000;
		text-decoration:	none;
		font-weight:		normal;
		}
		
		textarea.full{ width: 731px; height: 250px; }
		
.white{color: #ffffff !important;}
.blue{color:#0088cc;}

div.pager a{display: inline !important;}

/* LAYOUT START */

div.frame{
	width:		980px;
	height:		auto;
	overflow:	hidden;
	border:		none;
	margin:		0;
	padding:	0;
	text-align:	left;
	}
	
	div.frame h1{display: none;}
	
	div.frame div.content{
		margin:	0px 0 0 30px;
		}
		
		div.frame div.content div.menu{
			width:		280px;
			height:		auto;
			margin:		0;
			padding:	0;
			float:		left;
			}
			div.frame div.content div.menu img{
				margin:	12px 0 20px 0;
				}
			
			div.frame div.content div.menu h2{
				display:				block;
				font-size:				11px;
				color:					#fff;
				font-weight:			normal;
				background:				#222 url(../images/h2-bg.jpg) no-repeat top left;
				padding:				0 0 0 12px;
				background-position:	0 4px;
				}
				div.frame div.content div.menu h2 a{
					display:			inline;
					color:				#ffae00;
					text-decoration:	underline;
					}
				div.frame div.content div.menu h2 a:hover{
					color:				#fff;
					}
				div.frame div.content div.menu h2 a.active{
					color:				#fff;
					cursor:		default;
					}
					
			div.frame div.content div.menu div.sub{
				padding:	5px 0 5px 20px;
				}
				div.frame div.content div.menu div.sub h3{
					display:				block;
					font-size:				11px;
					color:					#fff;
					font-weight:			normal;
					background:				#222 url(../images/h3-bg.jpg) no-repeat top left;
					padding:				0 0 0 12px;
					background-position:	0 4px;
					}
					div.frame div.content div.menu div.sub h3 a{
						display:			inline;
						color:				#ffae00;
						text-decoration:	none;
						}
					div.frame div.content div.menu div.sub h3 a:hover{
						color:				#fff;
						text-decoration:	underline;
						}
					div.frame div.content div.menu div.sub h3 a.active{
						color:				#fff;
						text-decoration:	underline;
						cursor:		default;
						}
						
		div.frame div.content div.con{
			width:		600px;
			height:		auto;
			float:		left;
			}
			
			div.frame div.content div.con div.text{
				margin:			0 0 30px 0;
				}
				div.frame div.content div.con div.text h2{
					display:		inline;
					font-family:	"Verdana",Lucida,Verdana,sans-serif;
					font-size:		11px;
					color:			#fff;
					font-weight:	normal;
					line-height:	1.8em;
					}
					div.frame div.content div.con div.text h2 a{
						color:				#ffae00;
						text-decoration:	underline;
						}
						div.frame div.content div.con div.text h2 a:hover{
							color:				#fff;
							}
				
			div.frame div.content div.con div.thumbs img{
				display:	block;
				width:		98px;
				height:		98px;
				border:		1px solid #ccc;
				cursor:		pointer;
				float:		left;
				margin:		0 40px 40px 0;
				}
	div.frame div.content div.footer{
		color:		#fff;
		font-size:	10px;
		margin:		20px 0 0 0;
		}			
	div.frame div.content div.footer span{
		color:	#ffae00;
		}
	div.frame div.content div.footer span.inner{
		color:	#ccc;
		}
	div.frame div.content div.footer a{
		color:				#ffae00;
		text-decoration:	underline;
		}
	div.frame div.content div.footer a:hover{
		color:				#fff;
		}