* {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

ul, li {
    list-style: none;
}

a {
    text-decoration: none;
}



body {
    direction: rtl;
    font-family: "HelveticaNeue",arial,sans-serif;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: normal;
    background: #fff;
    overflow-x: hidden;
}

.maincontainer {
    width: 1200px;
    margin: 0 auto;
    background: #fff url(../img/azhar.png) no-repeat top center;
    position: relative;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

#contentwrapper {
    margin: 10px;
    margin-top: 70px;
}

#Hbar {
    background: url(../img/t2.png) 0px -4px repeat;
    position: absolute;
    width: 100%;
    right: 0;
    top: 110px;
    z-index: 1000;
}

#logo {
    padding: 6px 9px;
}

    #logo img {
        max-width: 100%;
    }

.sociality {
    position: absolute;
    left: 10px;
    top: 10px;
}

#social {
}


#lang {
    position: absolute;
    top: 0.4em;
    right: -4em;
    color: rgb(206, 192, 135);
    font-size: 0.9em;
}

    #lang a {
        color: rgb(206, 192, 135);
    }

#nav {
    width: 1200px;
    margin: auto;
}

    #nav .arrow {
        float: left;
        color: #999;
    }

    #nav > li {
        float: right;
        position: relative;
    }

    #nav li a {
        color: #fff;
        float: right;
        font-weight: normal;
        padding: 0.5em;
        /*transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;*/
        ;
        font-size: 0.85EM;
    }

        #nav li a:hover, #nav li.hover > a {
            background-color:#a4647c;	/*لون الهوفر فوق أزرار المنيو*/
        }

        #nav li a.active {
            background-position: center -325px;
        }

    #nav ul {
	position: absolute;
	right: 0;
	top: 2.4em;
	background: #545148;   /*لون خلفية القسم الثاني*/
	width: 200px;
	display: none;
	text-shadow: 0px 0px;
    }

        #nav ul ul {
            top: 0px;
            left: -200px;
            right: auto;
        }

    #nav li li {
        float: none;
        position: relative;
        clear: both;
    }

        #nav li li a {
            color: rgb(255, 255, 255);
            padding: 0.5em;
            display: block;
            float: none;
            border-bottom: 1px solid rgb(95, 94, 84);
            height: 1.5em;
            border-top: 1px solid rgb(70, 65, 51);
            font-size: 0.8em;
        }

            #nav li li a:hover, #nav li li.hover > a {
                background: rgb(111, 98, 79);
            }

            #nav li li a.active {
                background-position: center -73px;
            }

        #nav li li li {
        }
		

#contentcolumn {
    width: 50%;
    float: right;
}

#leftcolumn {
    border-radius: 5px;
    float: right;
    width: 24%;
    margin-right: 1%;
    background: #a4647c url(../img/links.png) repeat-x top right;
}

#rightcolumn {
    float: right;
    width: 25%;
}




.intro h1 {
	font-size:18px;
	color:#5C2100;
	text-align:center;	
	width:100%;
	padding-bottom:20px;
	
}

.intro p {


	font-family:"HelveticaNeue" ,arial,sans-serif;
	direction:rtl;
	line-height:190%;
	color:black;
	font-size:14px;
	padding-left:10px;
	text-align:justify;
	text-indent:20px;
	text-decoration:none;
	font-weight:normal;


	
	
}

#footer {
    clear: both;
    background: #8F74A2;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 0.5em;
}
    #footer p {
    font-size: 0.8em;
    }

#MainImage {
    overflow: hidden;
}

    #MainImage img {
        max-width: 100%;
    }





 #ads_container h1{
        font-weight: normal;
        padding: 0.5em;
        font-size: 0.9em;
        color: rgb(192, 180, 35);
    }



#ads_container {
    margin: 10px;
    margin-top: 15px;

}

    #ads_container .advs {
        margin: 10px;
        margin-top: 0px;
        height: 100px;
        overflow: hidden;
    }



#ads_container .advs {
    padding: 6px 0;
    margin-bottom: 5px;

}

    #ads_container .advs:last-of-type {
        border: none;
    }

    #ads_container .advs h3 {
        padding-right: 14px;
        background: url(../img/dotted_arrow_right.png) right 3px no-repeat;
        font-size: 15px;
        height: 26px;
        overflow: hidden;
    }


        #ads_container .advs h3 a {
            color: rgb(255, 255, 255);
            font-size: 0.8em;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
        }

            #ads_container .advs h3 a:hover {
                color: rgb(192, 180, 35);
            }






#lnks_container .lnks {
    padding: 6px 0;
    margin-bottom: 5px;
    border-bottom: 1px dotted #dadada;
	margin-right:10px;
}


    #lnks_container .lnks:last-of-type {
        border: none;
    }




    #lnks_container .lnks h3 {
        padding-right: 14px;
        background: url(../img/dotted_arrow_right2.png) right 3px no-repeat;
        font-size: 15px;
        height: 26px;
        overflow: hidden;
    }



        #lnks_container .lnks h3 a {
            color: rgb(46, 46, 46);
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
        }

            #lnks_container .lnks h3 a:hover {
                color: #666;
            }




#base {
    clear: both;
    overflow: hidden;
}

    #base .section {
        float: right;
        margin: 17px 0px;
        margin-right: -1px;
        background: #fff;
        width: 25%;
        min-height: 150px;
        border-right: 1px solid #fff;
    }

    #base .section2 {
        float: right;
        margin: 17px 0px;
        margin-right: -1px;
        width: 50%;
        min-height: 150px;
        border-right: 1px solid #fff;
    }



#carousel {
    float: left;
    direction: ltr;
}





#base .section h1 {
    font-weight: bold;
    padding: 9px;
;
    padding: 2px 20px;
    border-bottom: 1px solid #EE8900;
    font-size: 16px;
    color: #5C2100;
    margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#base .section2 h1 {
    font-weight: bold;
    padding: 9px;
    padding: 2px 20px;
    border-bottom: 1px solid #EE8900;
    font-size: 16px;
    color: #5C2100;
    margin-bottom: 10px;

}



#elec {
    clear: both;
    overflow: hidden;
}

    #elec .subsection {
        float: right;
        width: 50%;
        position: relative;
        height: 100px;
        margin-right: -1px;
    }

        #elec .subsection h3 {
            padding-right: 14px;
            background: url(../img/dotted_arrow_right2.png) right 3px no-repeat;
            font-size: 15px;
            height: 20px;
            overflow: hidden;
        }

            #elec .subsection h3 a {
                color: rgb(46, 46, 46);
                transition: 0.5s;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                -ms-transition: 0.5s;
            }

                #elec .subsection h3 a:hover {
                    color: #666;
                }


        #elec .subsection h1 {
            font-weight: normal;
            padding: 9px;
            text-align: center;
            padding: 2px 20px;
            border-bottom: 1px dotted #EE8900;
            font-size: 16px;
            color: #EE8900;
            margin-bottom: 10px;
        }






#showMenu {
    background: url(../t2.png) 0px -4px repeat;
    color: #fff;
    font-weight: normal;
    display: none;
    cursor: pointer;
}


.baseLinks {
    overflow: hidden;
    background: url(../img/footergradient.png);
}
.columnWide {
    width:40%;
    float:right;
}

.columnSmall {
    width:20%;
    float:right;
}
    .columnSmall ul {
    padding: 2em 0;
    }
    .columnSmall ul li {
    }
    .columnSmall ul li a{
    font-size: 0.9em;
    color: #fff;
}
    .columnSmall ul li a:hover{
    color: rgb(151, 93, 60);
    }
.unfinished {
    margin-top: 40px;
    margin-bottom: 40px;
}






#ticker {
	height: 40px;
	overflow: hidden;

}
.ticker li {
	color:#000;
	font-weight:normal;
	font-size:12px;

}

.ticker li a{
	color:#000;
	font-weight:normal;
	font-size:12px;
}
@media screen and (max-width: 1199px) {
    .maincontainer {
        width: auto;
        position: relative;
    }

    #nav, .container {
        width: auto;
    }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 800px) {
    #rightcolumn {
        width: 30%;
    }

    #contentcolumn {
        width: 70%;
    }

    #leftcolumn {
        width: auto;
        clear: both;
        margin-top: 10px;
        float: none;
    }

    #contentwrapper {
        margin-top: 10px;
    
        margin-bottom: 0;
}
    .sociality {
        top:6px;
    }
    #social img{
        width:24px;
    }
    #lang a {
    color: rgb(143, 96, 70);
    }
    #lang {
    top: 0.1em;
    }
    #Hbar {
        background: #212121;
        width: 200px;
        height: 100%;
        top: 0;
        float: right;
    }

    .maincontainer {
	z-index: 1100;
    }

    #Hbar ul#nav {
        background: #212121;
        height: auto;
    }

        #Hbar ul#nav ul {
            background: #313131;
            position: static;
            border: none;
        }

            #Hbar ul#nav ul ul {
                background: #414141;
            }

                #Hbar ul#nav ul ul ul {
                    background: #515151;
                }

    #Hbar #nav li {
        float: none;
        display: block;
        position: static;
        background: none;
        border: none;
        border-bottom: 1px solid #333;
    }

    #Hbar ul#nav li a {
        padding: 2px 12px;
        display: block;
    }

    #Hbar ul#nav > li a:hover, #Hbar ul#nav li.hover > a {
        background: rgb(196, 162, 53);
        float: none;
        color: #212121;
    }

    #Hbar ul#nav li > li a:hover, #Hbar ul#nav li li.hover > a {
        background: #d4af37;
        color: #212121;
    }

    #Hbar ul#nav li li > li a:hover, #Hbar ul#nav li li li.hover > a {
        background: #d5d5d5;
        color: #212121;
    }

    #Hbar ul#nav a.active {
        background: #111;
    }

    #Hbar #nav > li a {
        padding-right: 5px;
    
        float: none;
}

    #Hbar #nav ul > li a {
        padding-right: 15px;
    }

    #Hbar #nav ul ul > li a {
        padding-right: 25px;
    }

    #Hbar #nav ul ul ul > li a {
        padding-right: 35px;
    }

    #showMenu {
        display: block;
    }

        #showMenu a {
            display: inline-block;
            background: url(../../img/menu.png) 0 0 no-repeat;
            width: 24px;
            height: 22px;
            overflow: hidden;
            text-indent: -1000px;
            margin: 6px;
            opacity: 0.4;
        }

    .siteContainer {
        overflow: hidden;
    
        background: #212121;
}
}

@media screen and (max-width: 768px) {

    #rightcolumn, #contentcolumn {
        width: auto;
        clear: both;
        float: none;
        margin-top: 10px;
    }

    #contentcolumn {
        text-align: center;
    }
    .columnSmall {
        display:none;
    }
    .columnWide {
        float:none;
        text-align:center;
        width:auto;
    }
        .columnWide img {
            max-width:100%;
        }
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 480px) {

    #base .section {
        width: auto;
        clear: both;
        float: none;
        margin: 0px;
        border: none;
        margin-top: 10px;
    }

    #base .section2 {
        width: auto;
        clear: both;
        float: none;
        margin: 0px;
        border: none;
        margin-top: 10px;
    }
}

@media screen and (max-width: 320px) {
}