body{margin:0;padding:0;background:url(../images/background.jpg) repeat-y #eee;}
body, p, table, div{font-size:12px;font-family:Tahoma;color:#000;}
a img{border:0;}

h2{padding:3px 20px 3px 5px;background-color:#1B9BD6;color:#fff;font-weight:normal;font-size:18px;display:inline;}
h2.blue, h2.blue a{background-color:#1b9bd6;border-bottom:1px solid #1b9bd6;}
h2.red, h2.red a{background-color:#b60000;border-bottom:1px solid #b60000;}
h2.green, h2.green a{background-color:#4A7F37;border-bottom:1px solid #4A7F37;}
h2.yellow, h2.yellow a{background-color:#FFC500;color:#333;border-bottom:1px solid #FFC500;}
h2.magenta, h2.magenta a{background-color:#880D8C;border-bottom:1px solid #880D8C;}

h2.border{display:block;clear:both;background:none;padding:0;}
h2.border a{padding:3px 20px 3px 5px;position:relative;top:-3px;text-decoration:none;color:inherit;}

h3{font-size:18px;font-weight:normal;display:inline;color:#fff;float:right;margin:5px 5px 0px 0px;padding:3px 3px 3px 15px;}
h3.blue{background-color:#1b9bd6;}
h3.red{background-color:#b60000;}
h3.green{background-color:#4A7F37;}

form label{display:block;font-weight:bold;color:#4A7F37;margin:7px 0 2px 0;}
form input, form select, form textarea{width:350px;border:1px solid #333;padding:5px;}
form textarea{height:100px;}
form input.submit{width:auto;border:auto;}
form br{clear:both;}

/* [LAYOUT] */
#wrapper{width:925px;background:url(../images/header.jpg) no-repeat;}
	#header{height:160px;}
		h1{font-weight:bold;font-size:12px;text-align:right;margin:0;padding:5px 5px 0 0;}
		#header p.r{position:absolute;width:435px;left:480px;}
		#logo{float:right;margin-top:38px;background:url(../images/logo.jpg) no-repeat;width:227px;height:38px;display:block;text-decoration:none;text-indent:-5000px;overflow:hidden;margin-bottom:20px;}
		#menu{clear:both;margin:0 10px 0 280px;}
			#menu li{display:inline;}
			#menu li a{background:url(../images/menu.jpg) no-repeat;display:block;height:28px;padding-right:5px;text-decoration:none;color:#fff;font-size:11px;float:left;margin-right:10px;}
			#menu li a span{background:url(../images/menu.jpg) no-repeat;display:block;height:21px;padding-left:14px;padding-top:7px;cursor:pointer;}
				/* --------------------- */
				#menu li.red a{width:115px;background-position:right 0px;}
				#menu li.red a:hover{background-position:right -30px;}
				#menu li.red a span{background-position:0px 0px;}
				#menu li.red a:hover span{background-position:0px -30px;}
				/* --------------------- */
				#menu li.green a{width:120px;background-position:right -60px;}
				#menu li.green a:hover{background-position:right -90px;}
				#menu li.green a span{background-position:0px -60px;}
				#menu li.green a:hover span{background-position:0px -90px;}
				/* --------------------- */
				#menu li.yellow a{width:105px;background-position:right -120px;}
				#menu li.yellow a:hover{background-position:right -150px;}
				#menu li.yellow a span{background-position:0px -120px;color:#000;}
				#menu li.yellow a:hover span{background-position:0px -150px;color:#000;}
				/* --------------------- */
				#menu li.blue a{width:102px;background-position:right -180px;}
				#menu li.blue a:hover{background-position:right -210px;}
				#menu li.blue a span{background-position:0px -180px;}
				#menu li.blue a:hover span{background-position:0px -210px;}
				/* --------------------- */
				#menu li.magenta a{width:113px;background-position:right -240px;}
				#menu li.magenta a:hover{background-position:right -270px;}
				#menu li.magenta a span{background-position:0px -240px;}
				#menu li.magenta a:hover span{background-position:0px -270px;}
				/* --------------------- */
	#middle{padding-left:108px;}
		#middle .left{width:239px;}
			#middle .left #search{clear:both;padding-top:10px;margin-bottom:20px;}
			#middle .left #search a{display:block;width:32px;height:28px;float:right;border:1px solid #e0e0e0;border-left:0;background:url(../images/search.jpg) no-repeat;text-indent:-2000px;overflow:hidden;}
			#middle .left #search input{padding:5px 0 5px 5px;border:1px solid #e0e0e0;float:right;border-right:0;height:18px;width:150px;}
		#middle .right{width:568px;padding:8px 5px 0 5px;}
		#joc{margin:10px 0;}
		#home-wrapper{position:relative;top:-12px;}
	#footer{height:68px;padding:15px 0 0 110px;width:870px;background:url(../images/footer.jpg) no-repeat;}
		#footer p{font-size:10px;margin:0;color:#666;}
		#footer p.right{margin-right:70px;}
	#linkuri{font-size:10px;background-color:#666;color:#ddd;padding:10px;}
		#linkuri fieldset{border:1px solid #888;width:815px;margin-left:97px;}
		#linkuri fieldset legend a{font-size:12px;color:#FFCF8C;text-decoration:none;}
		#linkuri fieldset ul{margin:0;padding:0;}
		#linkuri fieldset ul li{display:inline;margin-right:10px;}
		#linkuri fieldset ul li a{color:#ddd;text-decoration:none;}
	#right-ad{position:absolute;top:100px;left:925px;}

/* [ELEMS] */
a:link, a:visited{color:#1B9BD6;text-decoration:underline;}
a:hover, a:active{color:#57585C;text-decoration:underline;}

ul.reset{margin:0;padding:0;list-style-type:none;}
ul.reset li{margin:0;padding:0;}

ul.top{clear:both;padding-top:10px;}
ul.top.marg{margin-right:10px;}
ul.top li{display:block;text-align:right;margin-bottom:4px;}
ul.top li a{color:#666;text-decoration:none;padding-left:15px;}
ul.top li a:hover{color:#fff;background-color:#747474;text-decoration:none;}
ul.top li a span{padding:0 7px 0 3px;margin-left:3px;}
ul.top li a:hover span{background-color:#ffc600;color:#000;}
ul.top li a span em{display:inline;font-style:normal;}
ul.top li a:hover span em{visibility:hidden;}

ul.top li.blue a:hover{background-color:#1b9bd6;}
ul.top li.red a:hover{background-color:#b60000;}
ul.top li.green a:hover{background-color:#4A7F37;}
ul.top li.yellow a:hover{background-color:#FFC500;color:#333;}
ul.top li.magenta a:hover{background-color:#880D8C;}

ul.jocuri{display:block;clear:both;margin-top:20px;}
ul.jocuri li{width:260px;height:65px;float:left;margin:0 10px 10px 0;border:1px solid #ddd;padding:4px;}
ul.jocuri li.big{width:280px;height:260px;border:0;margin:0;padding:0;}
ul.jocuri li a.img{display:block;float:left;width:80px;height:80px;margin-right:5px;margin-left:0;}
ul.jocuri li a{text-decoration:none;}
ul.jocuri li a img{display:block;margin:0 auto;background-color:#eee;border-right:1px solid #ccc;padding:3px;}
ul.jocuri li a:hover img{background-color:#ccc;}

ul.keywords{margin-left:10px;}
ul.keywords li{width:135px;float:left;height:20px;overflow:hidden;margin-right:3px;}
ul.keywords li a{white-space:nowrap;text-decoration: none;}

ul.comentarii{margin:10px 20px;}

.joc-intro{margin-top:20px;background-color:#ddd;padding:15px;}
.joc-intro a{float:left;margin-right:10px;}
.joc-intro p{margin-top:0;}

.paginare{border-top:1px solid #ccc;padding:4px 5px;margin:10px;}
.paginare a{text-decoration:none;}

.pad{padding:15px;}
.error{color:#f00;}

/* [CLASEES] */
.c{text-align:center;}
.r{text-align:right;}
.left{float:left;}
.right{float:right;}
.cl{clear:both;height:1px;}
.u{text-decoration:underline;}
.b{font-weight:bold;}