<vte:box module="box_sections">
    <vte:params>
        <vte:param name="cache" value="0" />
        <vte:param name="id" value="7" />
<!--        <vte:param name="search_ids" value="{VIVVO_MODULES_MORE_NEWS_CATEGORIES}" />-->
    </vte:params>

    <vte:template>

        <vte:literal>
            <script type="text/javascript">

             document.observe("dom:loaded", function() {
                var tallest =0;
                var target =$$('.box_servicios_top')
                target.each(function(elemento,i) {
                    if(i%2 == 1)
                     elemento.addClassName('box_2') ;
                thisHeight = elemento.offsetHeight;
                if(thisHeight > tallest) {
                                tallest = thisHeight;
                                }
//                    alert(thisHeight);
                });

                target.invoke("setStyle", {height: tallest + 'px'});

            });

            //</script>
        </vte:literal>

        <div class="contenedor_box_servicios_top">
            <vte:for from="{categories}" step="1" key="category_index">

                <div class="box_servicios_top">
                    <vte:foreach item = "category" from = "{categories}" loop="1" start="{category_index}" key="col">

                        <div class="">
<!--                          <vte:literal>
                            <script type="text/javascript">
//                            document.write("<span class='num'>"+ ++num +"</span>");
                            //</script>
                          </vte:literal>-->

                          <vte:if test="{category.image}">
                             <a href="{category.get_href}"> <img class="ima_ser" src="{VIVVO_URL}files.php?file={category.get_image}" alt="{category.get_category_name}" /></a>
                          </vte:if>

                        </div>

                        <div id="box_more_category_list_{category.get_id}" class="">
                            <h2 class="">
                                <a href="{category.get_href}"><vte:value select="{category.get_category_name}" /></a>
                            </h2>
                            <vte:if test="{category.subcategories}">
                                <div class="title_subcategory">
                                    <vte:foreach item = "sub_category" from = "{category.subcategories}" key="index">
                                        <a href="{sub_category.get_href}"><vte:value select="{sub_category.get_category_name}" /></a>
                                    </vte:foreach>
                                </div>
                            </vte:if>
                            <vte:box module="box_article_list">
                                <vte:params>
                                    <vte:param name="search_sort_by" value="created" />
                                    <vte:param name="search_limit" value="{VIVVO_MODULES_MORE_NEWS_ARTICLE_NUMBER}" />
                                    <vte:param name="search_cid" value="{category.id}" />
                                    <vte:param name="add_to_printed" value="true" />
                                    <vte:param name="exclude_printed" value="true" />
                                </vte:params>
                                <vte:template>
                                    <ul>
                                        <vte:foreach item = "article" from = "{article_list}">
                                            <li><a href="{article.get_href}"><vte:value select="{article.title}" /><vte:if test="{article.get_link}"> <img src="{VIVVO_THEME}img/external.png" alt="{LNG_VISIT_WEBSITE}"/></vte:if></a></li>
                                        </vte:foreach>
                                    </ul>
                                </vte:template>
                            </vte:box>
                        </div>
                    </vte:foreach>
                </div>
            </vte:for>
        </div>
    </vte:template>

</vte:box>