@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background:#2f832f;

}
img{
	border:0px;
}
.clear{
	clear:both;
}
.blok { background-image: url('pics/bg.png'); color: #FFFFFF; height: 29px; background-color: #F4F4F4; height: 20px; margin:0; }
.blok1 {  border: 1px solid #388738; padding: 0 0 0 0; margin-bottom: 2px; }
.blok2 { background-color: #eaf8e4; }
#warp{
	width:905px;
	margin:0 auto;
}

#warp #header{
	background:url(../images/s3odi-head-bg.jpg) repeat-x;
	height:108px;
}
#warp #header .add-favorit{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	margin-top:5px;
	margin-left:10px;
}
#warp #header .add-favorit a{
	text-decoration:none;
	color:#fff;
}
#warp #header .logo-head{
	background:url(../images/s3odi-logo.jpg) no-repeat;
	width:360px;
	height:108px;
	float:right;
}
#warp #header .logo-head .logo-word{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	margin-left:10px;
	margin-top:86px;
	}
	
#warp .menu-uh{
	background:#226222;
	height:25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:20px;
	text-align:center;
}
#warp .menu-uh a{
	text-decoration:none;
	color:#fff;
	margin:5px;
}
#warp .menu-uh a:hover{
	color:#689668;
}
#warp .content{
	min-height:581px;
	width:905px;
	background:#fff;
}

#warp .content .top-content{
	margin:10px auto;
	height:170px;
}
#warp .content .top-content .link-border{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-align:center;
	color:#2f832f;
}
#warp .content .top-content .link-border a{
	text-decoration:none;
	color:#2f832f;
	line-height:28px;
}
#warp .content .top-content .link-border span{
	font-size:9px;
	color:#ff9000;
}
#warp .content .top-content .level-1{
	background:url(../images/s-c-s-l.jpg) no-repeat top center;
	color:#2f832f;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	width:235px;
	height:160px;
	text-align:right;
	margin-left:5px;
	float:left;
	
}
#warp .content .top-content .level-1 a{
	color:#2f832f;
	text-decoration:none;
	line-height:20px;
	margin-right:6px;
}
#warp .content .top-content .level-1 span{
	font-size:9px;
	color:#ff9000;
}
#warp .content .top-content .level-1 .chat-1{
	border:1px solid #008000;
	width:200px;
	height:140px;
	text-align:center;
	margin-left:15px;
	float:left;
	margin-top:55px;
}
#warp .content .top-content .level-1 .chat-title{
	background:#008000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	height:24px;
	width:200px;
	line-height:20px;
}
#warp .content .top-content .level-2{
	 background:url(../images/content-enter-chat.jpg) no-repeat;
	 width:244px;
	 height:162px;
	 float:left;
	 text-align:center;
	 margin-top:7px;
}
#warp .content .top-content .level-2 span{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:20px;
}
#warp .content .top-content .level-2 .enter-chat{
	margin-top:10px;
}

#warp .content .top-content .level-3{
	width:222px;
	float:left;
	margin-left:7px;
}
#warp .content .top-content .level-3 .top-l3{
	background:url(../images/content-t-bg.jpg) no-repeat;
	width:222px;
	height:84px;
	text-align:right;
}
#warp .content .top-content .level-3 .top-l3 span{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	margin-right:12px;
	line-height:20px;
}
#warp .content .top-content .level-3 .bottom-l3{
	background:url(../images/content-t-bg.jpg) no-repeat;
	width:222px;
	height:84px;
	margin-top:5px;
	text-align:right;
}
#warp .content .top-content .level-3 .bottom-l3 span{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	margin-right:12px;
	line-height:20px;
}
#warp .content .top-content .level-3 .bottom-l3 a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	margin-right:5px;
	line-height:20px;
	text-decoration:none;
}
#warp .content .top-content .level-3 .bottom-l3 img{
	margin-right:5px;
}
#warp .content .top-content .link-border{
	background:url(../images/link-border.jpg) no-repeat;
	width:468px;
	height:31px;
	float:right;
	margin-right:13px;
	margin-top:5px;
}
#warp .content .azkar{
	height:34px;
	margin-top:40px;
}
#warp .content .azkar .azkar-right{
	background:url(../images/azkar.jpg) no-repeat;
	width:136px;
	height:34px;
	float:right;
}
#warp .content .azkar .azkar-left{
	float:right;
	line-height:28px;
	width:581px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#008000;
}
#warp .content .chat{
	margin:15px auto;
}
#warp .content .chat .chat-1{
	border:1px solid #008000;
	width:200px;
	height:140px;
	text-align:center;
	margin-left:30px;
	float:left;
}
#warp .content .chat .chat-1 .chat-title{
	background:#008000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	height:24px;
	width:200px;
	line-height:20px;
}
#warp .content .chat .chat-2{
	border:1px solid #008000;
	float:right;
	height:124px;
	margin-right:8px;
	text-align:right;
	width:550px;
	overflow:hidden;
}
#warp .content .chat .chat-2 .chat-title{
	background:#008000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	height:24px;
	width:540px;
	line-height:20px;
	padding-right:10px;
}
#warp .content .chat .chat-2 .list-style {
	width:137px;
	float:right;
}
#warp .content .chat .chat-2 ul{
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#2F832F;
	padding:0px;
	margin-right:5px;
	height:91px;
	overflow:hidden;
}
#warp .content .chat .chat-2 ul li{
	list-style-image:url(../images/ksa-arrow.png) ;
	list-style-position:inside;
	line-height:20px;
}

#warp .adv-1 img{
	margin-top:10px;
}
#warp .content .link-style{
	margin:5px auto;
	text-align:center;
	margin-bottom:10px;
	height:50px;
}
#warp .content .link-style a{
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	color:#ff003a;
	font-size:12px;
	margin-right:10px;
	
}
#warp .adv-3 img{
	margin-top:15px;
	margin-right:5px;
}
#warp #footer{
	height:25px;
	margin-top:10px;
	text-align:right;
}
#warp #footer .footer-right{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	background:url(../images/footer-smile-bg.jpg) no-repeat bottom left;
	height:25px;
	width:308px;
}
#warp #footer .footer-left{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}
#warp #footer .footer-left a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
#warp #footer .footer-left span{
	font-size:9px;
	color:#e6b913;
}

#warp .content .top-content .level-1 .kas-pic-logo{
	background:url(../images/s3odi-cam-smile.jpg) no-repeat;
	width:116px;
	height:141px;
	margin-left:39px;
	margin-top:51px;
}