﻿/***slider*******/


#slider-inner
{
    height: 580px;
    width: 1260px;
    margin: 0pt auto;
    
}

#slider
{
    background: url('../Images/slider.jpg') no-repeat 50% 0 transparent;
    margin: 0pt auto;
}
.slider-text
{padding-top: 240px;
 text-align:right;
 padding-right:300px;
}
.slider-text span
{
    font: 23px "Droid Arabic Naskh Bold","Droid Arabic Naskh";
color: #201d51;
direction:rtl;
}

/***product boxes*******/
#product
{
    background-image: url('../Images/product-bg.png');
    height: 462px;
}
#product-inner
{
    width: 1230px;
    margin: 0pt auto;
    padding-top: 80px;
}
#product-inner > div
{
    float: left;
}
.product-box
{
    width: 320px;
}
/**************************box1***/

.box1
{
    margin-left: 120px;
}
.box1 .box1-image
{
    width: 277px;
    height: 211px;
    background-image: url('../Images/FirstPage/Box/box1-bg.png');
    background-position: 0 0;
    cursor: pointer;
}
.box1 .box1-text
{
    margin-top: 30px;
    text-align: center;
    margin-right:50px;
}
.box1 .box1-text span
{
    color: #201d51; font: 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box1 .box1-text p
{
    font: 12px tahoma;
    text-align: center;
    direction: rtl;
    color: #818181;
    line-height: 20px;
}
.box1 .box1-product
{
    background-image: url('../Images/firstpage/box/product-box1.png');
    position: absolute;
    height: 109px;
    width: 241px;
    opacity: 0;
    margin-top: 80px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
}
.box1 .box1-moreInfo
{
    position: absolute;
}
.box1 .box1-moreInfo .moreInfo-title
{
    /*margin-top:60px;*/
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 70px;
    opacity: 0;
}
.box1 .box1-moreInfo .moreInfo-title span
{
    color: #ffffff; font: 20px 'NoticiaTextRegular'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box1 .box1-moreInfo .moreInfo-link
{
    /*margin-top:10px;*/
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 105px;
    opacity: 0;
}
.box1 .moreInfo-link a
{
    font: 11px tahoma;
    color: White;
    direction: rtl;
    text-decoration: none;
}

/**********************************box2**/
.box2
{
    margin-left: 120px;
}
.box2 .box2-image
{
    width: 277px;
    height: 211px;
    background-image: url('../Images/FirstPage/Box/box2-bg.png');
    background-position: 0 0;
    cursor: pointer;
}
.box2 .box2-moreInfo
{
    position: absolute;
}
.box2 .box2-moreInfo .moreInfo-title
{
   
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 110px;
    opacity: 0;
}
.box2 .box2-moreInfo .moreInfo-link
{
    margin-top: 10px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 100px;
    opacity: 0;
}
.box2 .moreInfo-title span
{
  color: #ffffff; font: 18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
}
.box2 .moreInfo-link a
{
    font: 11px tahoma;
    color: white;
    direction: rtl;
    text-decoration: none;
}
.box2 .box2-text {
margin-top: 20px;
text-align: center;
 margin-right:50px;
}
.box2 .box2-text span {
 color: #201d51; font: 18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 30px;
}
.box2 .box2-text p {
font: 12px tahoma;
text-align: justify; 
direction: rtl;
color: #4e4e4e;
line-height: 20px;
}
.box2 .box2-product
{
    background-image: url('../Images/firstpage/box/product-box2.png');
    position: absolute;
    height: 109px;
    width: 241px;
    opacity: 0;
    margin-top: 80px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
}
/**************************box3***/

.box3
{
     margin-left: 10px;
}
.box3 .box3-image
{
    width: 277px;
    height: 211px;
    background-image: url('../Images/FirstPage/Box/box3-bg.png');
    background-position: 0 0;
    cursor: pointer;
}
.box3 .box3-text
{
    margin-top: 30px;
    text-align: center;
     margin-right:50px;
}
.box3 .box3-text span
{
    color: #201d51; font: 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box3 .box3-text p
{
    font: 12px tahoma;
    text-align: center;
    direction: rtl;
    color: #818181;
    line-height: 20px;
}
.box3 .box3-product
{
    background-image: url('../Images/firstpage/box/product-box3.png');
    position: absolute;
    height: 109px;
    width: 241px;
    opacity: 0;
    margin-top: 80px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
}
.box3 .box3-moreInfo
{
    position: absolute;
}
.box3 .box3-moreInfo .moreInfo-title
{
    /*margin-top:60px;*/
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 80px;
    opacity: 0;
}
.box3 .box3-moreInfo .moreInfo-title span
{
    color: #ffffff; font: 20px 'NoticiaTextRegular'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.box3 .box3-moreInfo .moreInfo-link
{
    /*margin-top:10px;*/
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 105px;
    opacity: 0;
}
.box3 .moreInfo-link a
{
    font: 11px tahoma;
    color: White;
    direction: rtl;
    text-decoration: none;
}
/***content*******/
#content
{
    background-color: #201d51;
    height: 840px;
}
#content-inner
{
    width: 1230px;
    margin: 0pt auto;
}
#content-inner > div
{
    float: left;
    height: 840px;
}
#content-inner .content1
{
    width: 393px;
}
#content-inner .content2
{
    width: 837px;
}

#banner-slide
{
    margin: 80px 0 0 0;
}
#banner-slide p
{
    font: 12px tahoma;
    color: #ffffff;
    direction: rtl;
    text-align: justify;
    line-height: 20px;
}
#banner-slide .slider-txt
{
    padding: 35px 0px 0 30px;
    text-align: right;
}
.article-title
{
    margin-top: 80px;
    float: right;
}
.article-title span
{
     color: #ffffff; font:18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.article-box1-content > div
{
    float: left;
}
#last-news
{
    height: 365px;
    background-image: url('../Images/last-news-bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 85px;
}
.news-list p
{
    font: 12px tahoma;
    color: #ffffff;
    direction: rtl;
    line-height: 18px;
    text-align:justify;
}
.news-list span
{
    font: 10px tahoma;
    color: #9290c7;
    direction: rtl;
    text-align: right;
    float: right;
}
.news-list a {
font: 12px tahoma;
color: #ffffff;
direction: rtl;
line-height: 18px;
text-align: right;
text-decoration: none;
}
.news-list table td.arrow
{
    padding-left: 10px;
    vertical-align: top;
}
.news-list table td.arrow img
{
    padding-top: 18px;
}
.last-news-title
{
    padding-left: 253px;
}
.last-news-title span
{
     color: #ffffff; font:18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.topic-title 
{
    text-align:right;
  
}
.topic-title span
{
     color: #ffffff; font:18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.topic-tas
{
    text-align:right;
}
.topic-tas span
{
    font: 10px tahoma;
    color: #9290c7;
    direction: rtl;
    text-align: right;
    float: right;
}
.news-list
{
    float:right;
    padding-top: 15px;
    padding-right: 70px;
}
#top-video
{
    height: 400px;
    background-image: url('../Images/top-video-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}
.video-thumbnail
{
    margin-left: 50px;
    padding-top: 65px;
}
.video-thumbnail img
{
    cursor: pointer;
}
.video-icon
{
    position:absolute;
    padding: 35px 0 0 90px;
}