<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>الأسر المنتجة/ الصفحة الرئيسية</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="keywords" content="كلمات تعبر عن محتوى الصفحة  مفصولة بفاصلة" />
        <meta name="description" content="وصف مختصر لمحتوى الصفحة" />
        <link rel="shortcut icon" href="<?= base_url() ?>global/site/images/favicon.ico" type="image/x-icon" />       

        <!--    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>-->
        <script type="text/javascript" src="<?= base_url() ?>global/site/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="<?= base_url() ?>global/site/js/jquery.clearinput.js"></script>
<!--        <script type="text/javascript" src="<?= base_url() ?>global/site/js/jquery.titletooltip.js"></script>-->
        <script type="text/javascript" src="<?= base_url() ?>global/site/js/jquery.totemticker.js"></script>
        <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
        <script type="text/javascript" src="<?= base_url() ?>global/site/js/jquery.lightbox-0.5.js"></script>
        <link rel="stylesheet" type="text/css" href="<?= base_url() ?>global/site/css/jquery.lightbox-0.5.css" media="screen" />
        <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
        <script type="text/javascript">
            $(document).ready(function() {
//                $("*").titleTooltip();

                $('#vertical-ticker').totemticker({
                    row_height: '30px',
                    mousestop: true
                });
                $('#vertical-ticker2').totemticker({
                    row_height: '32px',
                    max_items: '6',
                    speed: 1000, /* Speed of transition animation in milliseconds */
                    interval: 2000,
                    mousestop: true
                });
                $('#vertical-ticker3').totemticker({
                    row_height: '205px',
                    max_items: '1',
                    mousestop: true
                });
                $('#vertical-ticker4').totemticker({
                    row_height: '205px',
                    max_items: '1',
                    mousestop: true
                });
                
                // Ativando o jQuery lightBox plugin
                $('.gallery a').lightBox({
                    imageLoading:			'<?= base_url() ?>global/site/images/lightbox-ico-loading.gif',		// (string) Path and the name of the loading icon
                    imageBtnPrev:			'<?= base_url() ?>global/site/images/lightbox-btn-prev.gif',			// (string) Path and the name of the prev button image
                    imageBtnNext:			'<?= base_url() ?>global/site/images/lightbox-btn-next.gif',			// (string) Path and the name of the next button image
                    imageBtnClose:			'<?= base_url() ?>global/site/images/close.png',		// (string) Path and the name of the close btn
                    imageBlank:                         '<?= base_url() ?>global/site/images/lightbox-blank.gif',			// (string) Path and the name of a blank image (one pixel)
                });
            });
        </script>
        
        <link rel="stylesheet" type="text/css" title="style" media="screen" href="<?= base_url() ?>global/site/css/fonts.css" />
        <link rel="stylesheet" type="text/css" title="style" media="screen" href="<?= base_url() ?>global/site/css/style.css" />
        <script type="text/javascript"><!--
            document.write('<link rel="stylesheet" type="text/css" media="screen" href="<?= base_url() ?>global/site/css/invalid.css" />');
            if ($.browser.msie && $.browser.version == 10) {
                $("html").addClass("ie10");
            }
            if ($.browser.msie && $.browser.version <= 7) {
                document.write('<link rel="stylesheet" type="text/css" media="screen" href="<?= base_url() ?>global/site/css/ie.css" />');
            }
  --></script>
        <link rel="stylesheet" href="<?= base_url() ?>global/site/css/nivo-slider.css" type="text/css" media="screen" />
        <!--[if lte IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<?= base_url() ?>global/site/css/ie.css" /><![endif]-->
        <!--[if lte IE 6]>
        <script type="text/javascript">
            /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\"   src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
            var IE6UPDATE_OPTIONS = {icons_path: "images/ie6update/"}
        </script>
        <script type="text/javascript" src="js/ie6update.js"></script>
        <![endif]-->
    </head>
    <body>
<!--    <div id="loading">
            <img src="images/watermark.png" alt=""/><br/>
            <img src="images/loading.gif" alt=""/>
            <div id="loadingBar"><div style="width:60%"></div><span>60%</span></div>
        </div>-->
        <div id="container">
            <div id="header">
                <a href="<?= base_url() ?>" id ="logo" class="rndBottom"></a>
                <a href="javascript:void(0)" class="rndBottom" title="الدليل الارشادي لمنتجات الاسر المنتجة">
                    <img src="<?= base_url() ?>global/site/images/header-img_09.png" alt="" /></a>
                <a href="javascript:void(0)" class="rndBottom">
                    <img src="<?= base_url() ?>global/site/images/header-img_062.png" alt="" /></a>                                                         
            </div>
            <div id="content">
