body { margin: 0; padding: 0; background-color: #ffffff; font-family: Arial; font-size: 16px; color: #111111; }

table { border-collapse: collapse; }

table, img { border: 0; }

.clear { clear: both; }

.red { color: #cc0000; }

.centered { text-align: center; }

form { margin: 0; padding: 0; }

#logo { background: #ce0026 url(img/logo_bg.png) repeat-x bottom; text-align: center; height: 7px; }

#logo.arabiafun { height: 84px; background: #009d47; }

#logo.mobivida { height: 84px; background: #009d47; }

.mobivida img { height: 84px; }

#search { position: relative; background: #e2e2e2 url(img/search_bg.png) repeat-x top; border-bottom: 1px solid #b3b3b3; height: 62px; text-align: center; padding-top: 11px; }

#search input[type='submit'] { position: absolute; display: inline-block; top: 6px; width: 63px; height: 63px; margin: 0 0 0 8px; background: url(img/search_but.png) no-repeat; border: 0; cursor: pointer; }

#categories { background: #c0c0c0 url(img/cat_bg.png) repeat-x; margin-top: 2px; padding: 6px 10px 7px 10px;
	font-weight: bold; text-shadow: 0 1px 0 #ffffff; font-size: 33px; letter-spacing: -1px;
}

#content_list { background: #888888 url(img/sh1.png) repeat-x; padding: 20px 1% 22px 1%; }

@media (min-width: 1025px) {
	#center_wrapper {
		margin: auto;
		width: 55%;
	}
}

@media (min-width: 1900px) {
	#center_wrapper {
		margin: auto;
		width: 35%;
	}
}

#footer { background: #555555; border-top: 1px solid #cccccc; background-size: 100% 134px; margin-top: -14px; }

#footer div { text-align: center; padding: 10px 0 70px 0; color: #cccccc; font-size: 14px; }

.but1 {
	display: inline-block; background: #ffffff url(img/but_bg.png) repeat-x bottom; position: relative;
	font-weight: bold; text-shadow: 0 1px 0 #ffffff; font-size: 17px; letter-spacing: -1px;
	text-align: center; width: 30%; margin: 0 1% 20px 1%;
	-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;
	box-shadow: 1px 1px 4px #111111; padding: 10px 0 0 0; overflow: hidden; height: 130px; cursor: pointer;
}

.but1 div.img { position: relative; overflow: hidden; width: 100%; text-align: center; height: 100px; }

.but1 div.img img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.back_but {
	display: inline-block; background: #ffffff url(img/but_back_bg.png) repeat-x bottom;
	-moz-border-radius: 13px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; border-radius: 13px;
	font-weight: bold; text-shadow: 0 2px 0 #ffffff; font-size: 22px; letter-spacing: -1px; color: #000000;
	box-shadow: 1px 1px 5px #555555; padding: 6px 11px 6px 11px; margin: 1px 8px 5px 0; cursor: pointer;
}

#active_category { background: url(img/graf_bg.jpg) no-repeat; font-family: Arial Black; text-align: center; font-weight: bold; background-size: 100% 98px; color: #ffffff;
	text-shadow: 1px 1px 4px #000000; font-size: 45px; padding-top: 16px; height: 82px;
	text-transform: uppercase; letter-spacing: -2px;
}

#active_category.app { background: url(img/app_bg.jpg) no-repeat; background-size: 100% 98px; }

#active_category.video { background: url(img/video_bg.jpg) no-repeat; background-size: 100% 98px; }

.but_list {
	display: inline-block; background: #ffffff url(img/but_back_bg.png) repeat-x bottom;
	-moz-border-radius: 13px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; border-radius: 13px;
	font-weight: bold; text-shadow: 0 2px 0 #ffffff; font-size: 22px; letter-spacing: -1px; color: #000000;
	box-shadow: 1px 1px 5px #555555; padding: 6px 11px 6px 11px; margin: 0 1% 12px 2%; cursor: pointer;
	width: 40%;
}

#content_item { padding: 35px 4% 50px 4%; font-weight: bold; font-size: 17px; }

.but_normal {
	-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;
	box-shadow: 1px 1px 5px #888888; color: #ffffff; letter-spacing: -1px; font-size: 31px; text-shadow: 0 -2px 0 #000000;
	background: #ce0026 url(img/b2.png) repeat-x; text-align: center; padding: 9px 5% 10px 5%; margin: 20px 0 10px 0; cursor: pointer;
}

/* new */
.paging { position: relative; margin: 15px 0 5px 0; width: 100%; }

.paging a { font-weight: bold; color: #000000; text-decoration: none; }

.prev, .next { cursor: pointer;
	background: #ffffff url(img/but_back_bg.png) repeat-x bottom;
	-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;
	padding: 6px 12px 3px 12px; position: absolute; top: 50%; margin-top: -20px; box-shadow: 1px 1px 3px #333333;
}

.pages div { display: inline-block; margin: 7px 10px 7px 10px;
	padding: 3px 7px 2px 7px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
	background: #ffffff; box-shadow: 1px 1px 3px #333333; cursor: pointer;
}

.pages div.active { background: #cc0000; }

.pages div.active a { color: #ffffff; }

.goback { clear: both; margin-top: 14px; }

.txtf { width: 96%; padding: 4px; font-size: 18px; margin: 10px 0 0 0; }

.grey { background: #7d7d7d url(img/b2grey.png) repeat-x; }

.list { background: #ffffff url(img/but_back_bg.png) repeat-x bottom; padding: 8px 3% 8px 3%; margin: 0 0 8px 0;
	-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; box-shadow: 1px 1px 4px #333333;
	cursor: pointer; font-weight: normal;
}

.item { background: #eeeeee; padding: 8px 3% 8px 3%; margin: 0 0 12px 0;
	-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;
	font-weight: normal; box-shadow: inset 1px 1px 5px #999999;
}

.list a, .item a { color: #000000; text-decoration: none; }

.poly { padding: 3px 0 3px 56px; background: url(img/poly.png) no-repeat left center; }

.fx { padding: 3px 0 3px 56px; background: url(img/fx.png) no-repeat left center; }

.item_block {
	display: inline-block; width: 30%; white-space: nowrap;
	overflow: hidden; margin: 0 1% 20px 1%; vertical-align: top;
	color: rgb(236, 222, 191); text-decoration: none;
}

.but_itm {
	display: inline-block; position: relative; width: 100%;
	-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;
	box-shadow: 1px 1px 4px #111111; overflow: hidden; height: auto; cursor: pointer; background-color: #ffffff;
	border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa;
}

.item_name { text-align: center; display: block; }