@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

html,body {-webkit-font-smoothing: antialiased; min-height: 100%; background: #fff; direction: rtl; font-family: 'Droid Arabic Kufi',Tahoma;}
ul{padding: 0}
a {color: #333;text-decoration: none}
a:hover,a:active,a:focus {outline: none;text-decoration: none;color: #00AEEF;}
/* Layouts */
.wrapper {min-height: 100%;min-width: 100%;position: absolute;}
.wrapper:before,.wrapper:after {display: table;content: " ";}
.wrapper:after {clear: both;}
img{max-width: 100%; }

.btn-primary{background: #00aeef; }
.btn-default{background: #e3e3e3; }

.icon-bar-box{float: right; width: 35px;margin: 15px 10px;cursor: pointer;display: none;position: relative;  }
.icon-bar{display: block;width: 30px;height: 3px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #fff;margin-top:3px;}
/** Start Header **/
.header-top{color: #fff; font-family: Tahoma, Geneva, sans-serif;font-size: 12px; background: #013945; position: relative; width: 100%; min-height: 35px;line-height: 30px;}
.header-top .right-cont{float: right; width: 280px; }
.header-top .left-cont{float: left; }
.header-top .social-icons{float: left; margin-right: 10px;font-size: 30px; }


.header-top .menu-top{padding: 0;margin: 0; }
.header-top .menu-top li{list-style: none; float: right; line-height: 50px; padding: 0 15px; margin: 0 8px; position: relative; }
.header-top .menu-top li:hover{background: #a1b43a; }
.header-top .menu-top li:last-child{border-left: none; }
.header-top .menu-top li a{color: #fff;  }
.header-top .account-top{float: left; margin: 0px; width: 160px; background: #a1b43a; color: #fff;border-radius: 0px; padding:0 10px; text-align: center; line-height: 50px; }
.header-top .account-top a{ color: #fff; display: block; cursor: pointer; }
.header-top .dropdown-menu a{ color: #333;padding: 8px; margin-bottom: 3px; }
.left{float: left }
.right{float: right; }
.clear{ clear: both; }

.header {margin: 15px 0; }
.header .logo{}
.header .banner{text-align: left; }

.navbar{position: relative; background: #014655;background: -webkit-linear-gradient(#014655, #013b47);background: -o-linear-gradient(#014655, #013b47);background: -moz-linear-gradient(#014655, #013b47);background: linear-gradient(#014655, #013b47); height: 55px;border: none;  color: #fff; padding: 0; }
.navbar ul{float: right; }
.navbar li{list-style: none; float: right; position: relative; }
.navbar li a{color: #fff; line-height: 55px; padding: 0 18px;display: block;  }
.navbar li:first-child a{font-size: 22px; padding:0 30px;  }
.navbar li:hover{background: #fd5d2a;}
.navbar li:hover a{color: #fff; }
.navbar li ul{display: none; position: absolute; top: 53px; right: 0; width: 160px; background: #FD5D2A; z-index: 101; }
.navbar li:hover ul{display: block;}
.navbar li ul li{float: none; display: block; border-bottom: 1px #ED3D02 solid; }
.navbar li ul li:hover{background: #ED3D02; }
.navbar li ul li a{line-height: 28px; padding: 5px 10px;display: block;  }
.navbar li ul li:first-child a{font-size: 14px; padding:5px 10px;  }
/** End Header **/

/** start Footer **/
.footer{color: #fff; }
.footer .footer-top{padding: 20px; background: #01404e; }
.footer .footer-top label{margin: 8px 0; display: block; font-weight: normal; font-size: 15px; margin-bottom: 10px; }
.footer .footer-top p{font-size: 12px; text-align: justify; }
.footer .footer-top .links li{list-style: square inside;color:#ae370e; padding: 4px;margin: 5px 0; font-size: 12px; width: 50%; float: right; }
.footer .footer-top .links li a{color: #fff; display: block; }
.footer .co-inf{color: #8f8f8f; }
.footer .co-inf .ln{padding: 6px; margin-bottom: 3px; }
.footer .co-inf .ln i{font-size: 16px; color: #fff; margin-left: 10px; }
.footer .social {padding: 10px 0; }
.footer .social  i{color: #fff; margin: 10px; font-size: 20px; }
.footer .social  i:hover{color: #026F88; }
.footer .footer-bottom{background: #013540; line-height: 55px; color: #fff; font-size: 12px; }

/** End Footer **/

.login-box{width: 400px; margin: 20px auto; padding: 10px; border-radius: 5px; text-align: center; background: #fff; }
.login-box .title{padding: 8px; font-size: 16px; font-weight: bold; border-bottom: 2px #ededed solid; margin: 8px 0; }

/** content ***/
h2.title{ border-bottom: 1px #ededed solid; margin: 8px; margin-bottom: 15px; font-size: 22px; }
h2.title:after{display: block; content:""; width: 200px; background: #ffb300; height: 1px; margin-top: 5px; }

.reg-box,.search-box{padding: 10px; margin: 0 auto; }
.reg-box label{ }

.search-box .f-t{display: inline-block; width: 49%; }

.ads-box{border: 1px #ededed solid; padding: 10px; margin: 8px; border-radius: 5px; }
.ads-box h2{margin: 9px 0; font-size: 20px; }
.ads-box h2 a{color: #FF0000; }
.ads-box h2 a:hover{color: #3C7629; }
.ads-box p{font-size: 13px; }

.media-list-item{position: relative; border: 1px #ededed solid; height: 200px; margin: 8px; }
.media-list-item img{height: 200px; width: 100%; }
.media-list-item h3{position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.6); width: 100%; text-align: center; color: #fff; display: block; margin: 0; padding: 15px 5px; font-size: 13px; }
.media-list-item h3 a{color: #fff; }

.news-list-item{padding: 10px; border-bottom: 1px #ededed solid; margin-bottom: 3px; }
.news-list-item .img{float: right; border-bottom: 1px #ededed solid; margin-left: 8px; width: 120px; height: 100px; padding: 4px; box-shadow: 0 0 3px #ccc; }
.news-list-item h2{margin: 8px; font-size: 20px; }
.news-list-item p{color: #666; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; }
.page-data{border: 1px #dfdfdf solid; padding: 10px; margin: 5px 0; }
.page-data h2{color: #6536B1; font-size: 20px;  margin: 8px; padding: 8px; border-bottom: 1px #dfdfdf solid; }
.page-data .img{max-width: 550px; margin: 8px auto; border-radius: 4px; border: 1px #dfdfdf solid; }
.page-data .date{text-align: center; font-size: 12px; color: #666; padding: 6px; margin: 4px; }
.page-data p{padding: 8px; margin: 6px; }
.page-data .tags{margin: 6px; padding: 6px; background: #f9f9f9; border-top: 1px #dfdfdf solid;  border-bottom: 1px #dfdfdf solid; }
.page-data .tags a{color: #428BCA; }
.page-data .tags a:hover{color: #333; }

.sm-box{margin-bottom: 10px; }
.sm-box .title{padding: 8px; font-size: 18px; text-align: center; background: #01404e; color: #fff; margin-bottom: 5px; }
.sm-box .body{padding: 10px; font-size: 15px; line-height: 24px; color: #222; margin: 5px 0; border: 1px #dfdfdf solid; }
.sm-box .body.bg2{background: #01404e; color: #fff; border: 1px #dfdfdf solid; }
.sm-box .btn-box{background: #7fbf44; color: #fff; }
.sm-box .btn-box:hover{background: #FD5D2A; }
.sm-box .btn-box.f-width{width: 100%; }
.sm-box .btn-box.details{background: #014351; min-width: 120px; }

.mail-box{margin-bottom: 10px;  background: #01404e;}
.mail-box .title{padding: 12px; font-size: 16px; color: #fff; margin-bottom: 5px; border-bottom: 1px #05697f solid; }
.mail-box .body{padding: 10px; font-size: 13px; text-align: center; line-height: 24px; color: #85a1ae; margin: 5px 0; }
.mail-box .body .form-control{margin: 5px 0; }

.box{ margin-bottom: 5px;}
.box .title{background: #01404e; padding: 10px 25px; color: #fff; max-width: 200px; }
.box .body{ border-top: 1px #01404e solid; padding: 10px; }

.box2{ margin-bottom: 5px;}
.box2 .title{background: #d50000; padding: 10px 25px; color: #fff; max-width: 200px; }
.box2 .body{ border-top: 1px #d50000 solid; padding: 10px; }

.h-news-list{text-align: center; margin-bottom: 20px; }
.h-news-list h2{font-size: 16px; margin: 5px 0; padding: 8px; height: 65px; }
.h-news-list h2 a{color:#fd5d2a;  }
.h-news-list img{width: 100%; height: 150px; }
.h-news-list p{padding: 10px 0 5px; font-size: 14px; line-height: 25px; text-align: right; }
.h-news-list .btn{float: left;  }

.h-video-list{text-align: center; margin-bottom: 20px; position: relative; }
.h-video-list h2{background: #01404e; font-size: 13px; line-height: 25px; margin: 5px 0; padding: 8px; position: absolute; height: 60px; width: 100%; bottom: -5px; right: 0; z-index: 10; }
.h-video-list h2 a{color:#fff;  }
.h-video-list img{width: 100%; }
/** end content ***/

/** Start Footer **/
/** End Footer **/