@charset "utf-8";

@import url(system.css);
@import url(general.css);
@import url(edit.css);
@import url(media.css);

@font-face {
  font-family: 'tf';
  src: url('app/tf.eot');
  src: url('app/tf.eot@#iefix') format('embedded-opentype'), url('app/tf.woff') format('woff'), url('app/tf.ttf') format('truetype');
}

@font-face {
  font-family: 'kd';
  src: url('app/kd.eot');
  src: url('app/kd.eot@#iefix') format('embedded-opentype'), url('app/kd.woff') format('woff'), url('app/kd.ttf') format('truetype');

}

input, button, select, textarea, h1 , h2 , h3 , h4 , h5 , h6, .modtitle,.adsmanager_main_cat ,.adsmanager_ads_title, #myLogin h3, .post_ads a ,.modcontent h2, .yt_support  a , .yt_support .phone , div.yt_support, .modal #login-form .userdata label 
 ,.tagItemTitle, div.k2ItemsBlock.theme2 ul li .item-inner .item-title a, .adsmanager_ads_title h2 {font-family: 'kd' !important;}
body , .adsmanager_sub_cat a, #yt_footer #yt_copyrightposition, ul.menu li a, .pagination ul li a , .counter , .ads_price, #jc h4,#jc a, #jc span, .last-title , .tagItemDateCreated, #cent h2 {font-family: 'tf' !important;}

body {
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	background-position:right top  ;
	line-height:20px;
	font-size:13px;
	direction:rtl
}


   
@media screen and (min-width: 700px) {

#maincols {
    width:1000px;
    margin:auto;
}    
#header-t {
	position: relative;
	margin:0 auto;
	left:0px;
	top:0px;
	height:34px;
	background:url(../images/header_t.png) top left repeat;
}

#headerbox {
	position: relative;
	margin:0 auto;
	height:220px;
}

#header-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:202px;
	height:62px;
	background:url(../images/header_01.png) top right no-repeat;
}

#header-02 {
	position:absolute;
	left:202px;
	top:0px;
	width:197px;
	height:62px;
	background:url(../images/header_02.png) top right no-repeat;
}

#header-03 {
	position:absolute;
	left:399px;
	top:0px;
	width:204px;
	height:62px;
	background:url(../images/header_03.png) top right no-repeat;
}
#header-04 {
	position:absolute;
	left:603px;
	top:0px;
	width:198px;
	height:62px;
	background:url(../images/header_04.png) top right no-repeat;
}
#header-05 {
	position:absolute;
	left:801px;
	top:0px;
	width:199px;
	height:62px;
	background:url(../images/header_05.png)  top left no-repeat;
}
#header-06 {
	position:absolute;
	left:0px;
	top:62px;
	width:149px;
	height:78px;
	background:url(../images/header_06.png) top right no-repeat;
}
#header-07 {
	position:absolute;
	left:149px;
	top:62px;
	width:201px;
	height:78px;
	background:url(../images/header_07.png) top right no-repeat;
}
#header-08 {
	position:absolute;
	left:350px;
	top:62px;
	width:201px;
	height:78px;
	background:url(../images/header_08.png) top right no-repeat;
}
#header-09 {
	position:absolute;
	left:551px;
	top:62px;
	width:201px;
	height:78px;
	background:url(../images/header_09.png) top right no-repeat;
}

#header-10 {
	position:absolute;
	left:752px;
	top:62px;
	width:248px;
	height:78px;
	background:url(../images/header_10.png) top left no-repeat;
}

#header-11 {
	position:absolute;
	left:0px;
	top:140px;
	width:202px;
	height:80px;
	background:url(../images/header_11.png) top right no-repeat;
}

#header-12 {
	position:absolute;
	left:202px;
	top:140px;
	width:197px;
	height:80px;
	background:url(../images/header_12.png) top right no-repeat;
}

#header-13 {
	position:absolute;
	left:399px;
	top:140px;
	width:199px;
	height:80px;
	background:url(../images/header_13.png) top right no-repeat;
}

#header-14 {
	position:absolute;
	left:598px;
	top:140px;
	width:202px;
	height:80px;
	background:url(../images/header_14.png) top right no-repeat;}

#header-15 {
	position:absolute;
	left:800px;
	top:140px;
	width:200px;
	height:80px;
	background:url(../images/header_15.png) top left no-repeat;
}

#logo {
	position:absolute;
	left:200px;
	top:30px;
	width:100px;
	height:150px;
	background:url(../images/logo.jpg) top left no-repeat;
}

.newsscroll {
	float: right;
	top:160px;
	width:50%;
	height: 50px;	
	overflow: hidden;
	position: relative;
   }
   .newsscroll p {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	/* Starting position */
	-moz-transform:translateX(-100%);
	-webkit-transform:translateX(-100%);	
	transform:translateX(-100%);
	/* Apply animation to this element */	
	-moz-animation: newsscroll 10s linear infinite;
	-webkit-animation: newsscroll 10s linear infinite;
	animation: newsscroll 10s linear infinite;
   }
   /* Move it (define the animation) */
   @-moz-keyframes newsscroll {
	0%   { -moz-transform: translateX(-100%); }
	100% { -moz-transform: translateX(100%); }
   }
   @-webkit-keyframes newsscroll {
	0%   { -webkit-transform: translateX(-100%); }
	100% { -webkit-transform: translateX(100%); }
   }
   @keyframes newsscroll {
	0%   { 
	-moz-transform: translateX(-100%); /* Browser bug fix */
	-webkit-transform: translateX(-100%); /* Browser bug fix */
	transform: translateX(-100%); 		
	}
	100% { 
	-moz-transform: translateX(100%); /* Browser bug fix */
	-webkit-transform: translateX(100%); /* Browser bug fix */
	transform: translateX(100%); 
	}
   }
   
			
#time {float:left; color:#FFF; font:14px; padding-left:15px;}
#search {float:right; color:#FFF; font:14px; padding:2px 15px 0 0;}
#search label {display:none}
#search .inputbox {height:15px;text-align:right;}
#search input{height:17px !important;}


.breadcrumb {
	text-align:right;
	margin:auto;
	padding-right:40px;}
ol.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}
ol.breadcrumb li {
  display: inline;
  font-size: 14px;
}
ol.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ol.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ol.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}


.topnav {
  overflow: hidden;
  /* background: linear-gradient(to top right, #00ffcc 0%, #0096B5 100%);*/
  background:url(../images/menu_nav.png) repeat-x top right;
  margin:auto;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.topnav a {
  float: right;
  color: #f2f2f2;
  text-align: center;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 16px;
}

.topnav a:hover {
  background-color: #005D86;
  color: #00D7E5;
  text-shadow: 2px 2px 4px #000000;
}

.topnav .active {
  background-color: #04AA6D;
  color: white;
}

#login-form .inputbox {float:left; padding-left:10px;}
#login-form label {float:right; text-align:right; clear:both}

#player {
	height:50px;
	background: url(../images/player.png) top center no-repeat;
}

#tply {background:url(../images/menu_nav.png) repeat-x top right;width:229;line-height:30px;text-align:center; height:30px; font-family:Tahoma; font-size:12px; color:#FFF; font-weight:bold;}
#MediaPlayer1 {margin-right:7px;}
/*container*/
#content {
	margin:0 auto;
	margin-top:8px;
	direction:rtl;
	text-align:right;
	position:relative;
}

#left {
	clear:both;
	float:left;
	width:229px;
	position:relative}
#right {
	float:right;
	width:229px;
	position:relative}
#left .module-m-m,#right .module-m-m {
	width:229px;
	background-image: url(../images/mnui_m.png);
	background-position:top right;
	background-repeat: repeat-y;
}


.module-m-m .menu a{
	background: url(../images/menu_bg.png) top no-repeat;
	display: block;
	line-height: 26px;
	text-align:center;
	color:#757373;
}
.module-m-m .menu a:hover {
	background: url(../images/menu_bg.png) bottom no-repeat;
	color:#06F;
	text-shadow:0px 0px 3px #39F;
}

.module-b{
	width:229px;
	height:21px;
	background: url(../images/mnui_f.png) no-repeat top right;
	padding-bottom:10px;
}


#right .module-m h3,#left .module-m h3 {
	background:url(../images/menu_nav.png) repeat-x top right;
	width:229;
	line-height:30px;
	color:#FFF;
	text-align:center
}
#left .module-m-m , #right .module-m-m {
	width:211px;
	padding:15px 10px;
}
.module-m-m .menu li{
	padding-bottom:14px;}
	
#container {
	float:left;
	width:100%;
	position:relative;
}
#slide {
	text-align:center;
	margin-bottom:8px;
	width:95%;
	background-position:center;
	overflow:hidden}
	
#notification {
	border-radius: 15px 50px;
	background: #F2F47D;
	padding: 20px;  
	margin:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#notification  h3{
  border-radius: 15px 50px;
  background: #FFF;
  color:#000;
  font: 14px bold;
  padding-right:20px;
  margin-bottom:10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#offers {
    border-radius: 15px / 50px;
    background: #BEE6C7;
    height:80px;
    color:#000;
    font-size:16px;
	margin-bottom:8px;
	width:100%;
	overflow:hidden;
	animation: blink 2s linear infinite;
}

#offers_r {
	width:25%;
	float:right;
	background: url(../images/offers.png) no-repeat top right;
	height:80px;
    background-size: 80px 80px;
    padding:15px;
}

#offers_l {
	width:70%;
	float:right;
    height:80px;
    padding: 30px 0;
}

	
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

#cent {
	width:100%;
	background: url(../images/cont_cbg.png);
	background-repeat:repeat-y;
	background-position:top right;
}

#cent h2{background:url(../images/menu_nav.png) repeat-x top right; line-height:36px; color:#FFF;font:15px; text-align:center;border-radius: 15px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#cent h2 a {color:#FFF;}

.page-header h1{
    border-radius: 50px / 15px;
    /* background: linear-gradient(to bottom, #ffffff 0%, #0086AA 100%);*/
    color:#000;
    margin-bottom:20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#cent p, #cent h1 {padding-right:25px;}

#bc {
	width:100%;
	height:66px;
	background:url(../images/cont_bt.png) repeat-x center;
}

.cent {
	width:100%;
	position:relative;
	margin:0 auto;
	background-color:#FFF;}
	
#user1 {
	border-radius: 15px 50px;
	background: #FFD44F;
	padding: 20px;  
	margin:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#userd {
	margin:0 auto;
	text-align:right;
	direction:rtl;
	clear:both;
	background-position:bottom right;
	background-repeat:repeat-x}

#userd .ui ,#topd .ui {
  border-radius: 15px 50px;
  background: #FFD44F;
  padding: 20px; 
  width: 275px;
  height: 160px; 
  margin:5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#userd  h3 ,#topd  h3, #user1 h3{
  border-radius: 15px 50px;
  background: #FFF;
  color:#000;
  font: 14px bold;
  padding-right:20px;
  margin-bottom:10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#userd .module-b ,#topd .module-b{
	width:329px;
	height:8px;
	background:url(../images/ftmd_03.png) no-repeat top}
	
#user2,#user3,#user4 {
	float:right;
	width:332px;
	position:relative;}

#userd .module-m-m , #topd .module-m-m{
	width:278px;
	margin:0 auto;
	position:relative}

#topd {
	margin:0 auto;
	clear:both;
}
#top1,#top2 ,#top3 {
	float:right;
	position:relative;}

	
#footerbox {
	position: relative;
	margin:0 auto;
	height:130px;
	clear:both;
}

#footer-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:345px;
	height:60px;
	background:url(../images/ft__01.png) top right no-repeat;
}

#footer-02 {
	position:absolute;
	left:345px;
	top:0px;
	width:339px;
	height:60px;
	background:url(../images/ft__02.png) top right no-repeat;
}

#footer-03 {
	position:absolute;
	left:684px;
	top:0px;
	width:335px;
	height:60px;
	background:url(../images/ft__03.png) top right no-repeat;
}
#footer-04 {
	position:absolute;
	left:0px;
	top:60px;
	width:345px;
	height:68px;
	background:url(../images/ft__04.png) top right no-repeat;
}
#footer-05 {
	position:absolute;
	left:345px;
	top:60px;
	width:339px;
	height:68px;
	background:url(../images/ft__05.png)  top left no-repeat;
}
#footer-06 {
	position:absolute;
	left:684px;
	top:60px;
	width:335px;
	height:68px;
	background:url(../images/ft__06.png) top right no-repeat;
}

#footer {
	position: relative;
	background:url(../images/ft.png) repeat-x;
	height:130px;
	clear:both;
	text-align:center;
	padding-top:10px;
	color:#FFF;
}	
#footer a{color:#FC3; font-weight:bold; font-size:10px;}

.readmore {
	text-align:left;
	padding: 2px 2px 10px 2px;
}

.readmore a {
padding:3px;
color: #FFF;
background-color:#6CF;
font-size:10px;
font-weight:bold;
border:1px solid #6FF;
-moz-border-radius: 6px 6px 6px 6px; 
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;         
 -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
 -webkit-border-top-right-radius: 6px; /* pour Chrome */ 
 -webkit-border-top-top-radius: 6px; /* pour Chrome */ 
 -webkit-border-top-bottom-radius: 6px; /* pour Chrome */
}
.readmore a:hover
{
	background-color:#6FF;
	color:#FC3;
}
}