get_header();
?>

<!-- Breadcrumbs -->
<div class="breadcrumbs panel z-1 py-2 mb-6"
	style="background-color: red !important; display: block !important; visibility: visible !important;">
	<div class="container max-w-xl text-center">
		<ul class="breadcrumb nav-x justify-center gap-1 fs-7 sm:fs-6 m-0" style="color: white !important;">
			<li><a href="https://www.sindmedico.com.br/"
					style="color: white !important;">Home</a></li>
			<li><i class="unicon-chevron-right opacity-50" style="color: white !important;"></i></li>
			<li><span class="opacity-50"
					style="color: white !important;">Categoria: &lt;span&gt;Comércio&lt;/span&gt;</span></li>
		</ul>
	</div>
</div>

<div class="section overflow-hidden">
	<div class="section-outer py-5 lg:py-8">
		<div class="container max-w-xl">
			<div class="section-inner">
				<header
					class="page-header vstack justify-center items-center gap-2 md:gap-4 text-center max-w-650px mx-auto mb-6 lg:mb-9">
					<h1 class="h4 m-0">Categoria: &lt;span&gt;Comércio&lt;/span&gt;</h1>
									</header>

									<div class="row child-cols-12 g-3 md:g-4">
													<div>
								<article class="post type-post vstack gap-2 h-100 post-13975 status-publish format-standard has-post-thumbnail hentry category-comercio category-convenios">
																			<div class="post-image overflow-hidden position-relative rounded-3 shadow-sm">
											<figure
												class="featured-image m-0 ratio ratio-16x9 rounded-3 uc-transition-toggle overflow-hidden bg-gray-25 dark:bg-gray-800">
												<img width="700" height="500" src="https://www.sindmedico.com.br/wp-content/uploads/2021/02/oticas-diniz-meier-logo-1132x670-1.jpg" class="media-cover image uc-transition-scale-up uc-transition-opaque wp-post-image" alt="" data-uc-img="loading: lazy" decoding="async" srcset="https://www.sindmedico.com.br/wp-content/uploads/2021/02/oticas-diniz-meier-logo-1132x670-1.jpg 700w, https://www.sindmedico.com.br/wp-content/uploads/2021/02/oticas-diniz-meier-logo-1132x670-1-300x214.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" />												<a href="https://www.sindmedico.com.br/oticas-diniz/" class="position-cover"></a>
											</figure>
										</div>
									
									<div class="post-header vstack gap-1 lg:gap-2 mt-2">
										<div
											class="post-meta hstack justify-start fs-7 fw-medium text-gray-900 dark:text-white text-opacity-60">
											<span class="post-date">18 de dezembro de 2021</span>
										</div>
										<h3 class="post-title h5 lg:h4 m-0 fw-bold">
											<a class="text-none hover:text-primary transition-all color-inherit"
												href="https://www.sindmedico.com.br/oticas-diniz/">ÓTICAS DINIZ</a>
										</h3>
										<p class="m-0 text-gray-700 dark:text-white text-opacity-70 fs-6">
											Desconto para médicos sindicalizados e seus dependentes de 20% em óculos solar e armação (exceto lentes, lentes de contato e acessórios). Desconto válido em&hellip;										</p>
									</div>
								</article>
							</div>
													<div>
								<article class="post type-post vstack gap-2 h-100 post-13973 status-publish format-standard has-post-thumbnail hentry category-comercio category-convenios">
																			<div class="post-image overflow-hidden position-relative rounded-3 shadow-sm">
											<figure
												class="featured-image m-0 ratio ratio-16x9 rounded-3 uc-transition-toggle overflow-hidden bg-gray-25 dark:bg-gray-800">
												<img width="230" height="145" src="https://www.sindmedico.com.br/wp-content/uploads/2021/12/benini-230x145-1.jpg" class="media-cover image uc-transition-scale-up uc-transition-opaque wp-post-image" alt="" data-uc-img="loading: lazy" decoding="async" />												<a href="https://www.sindmedico.com.br/benini-imoveis-e-reformas/" class="position-cover"></a>
											</figure>
										</div>
									
									<div class="post-header vstack gap-1 lg:gap-2 mt-2">
										<div
											class="post-meta hstack justify-start fs-7 fw-medium text-gray-900 dark:text-white text-opacity-60">
											<span class="post-date">18 de dezembro de 2021</span>
										</div>
										<h3 class="post-title h5 lg:h4 m-0 fw-bold">
											<a class="text-none hover:text-primary transition-all color-inherit"
												href="https://www.sindmedico.com.br/benini-imoveis-e-reformas/">BENINI IMOVEIS E REFORMAS</a>
										</h3>
										<p class="m-0 text-gray-700 dark:text-white text-opacity-70 fs-6">
											Compra e venda de imóveis: Registro grátis; ALUGUÉIS / ADMINISTRAÇÃO (LOCADORES): 6 primeiros meses de Administração de Graça; ALUGUÉIS / LOCAÇÕES (LOCATÁRIOS): 6 primeiros&hellip;										</p>
									</div>
								</article>
							</div>
													<div>
								<article class="post type-post vstack gap-2 h-100 post-13959 status-publish format-standard has-post-thumbnail hentry category-comercio category-convenios">
																			<div class="post-image overflow-hidden position-relative rounded-3 shadow-sm">
											<figure
												class="featured-image m-0 ratio ratio-16x9 rounded-3 uc-transition-toggle overflow-hidden bg-gray-25 dark:bg-gray-800">
												<img width="230" height="145" src="https://www.sindmedico.com.br/wp-content/uploads/2021/12/otica-512-230x145-1.png" class="media-cover image uc-transition-scale-up uc-transition-opaque wp-post-image" alt="" data-uc-img="loading: lazy" decoding="async" />												<a href="https://www.sindmedico.com.br/otica-512/" class="position-cover"></a>
											</figure>
										</div>
									
									<div class="post-header vstack gap-1 lg:gap-2 mt-2">
										<div
											class="post-meta hstack justify-start fs-7 fw-medium text-gray-900 dark:text-white text-opacity-60">
											<span class="post-date">18 de dezembro de 2021</span>
										</div>
										<h3 class="post-title h5 lg:h4 m-0 fw-bold">
											<a class="text-none hover:text-primary transition-all color-inherit"
												href="https://www.sindmedico.com.br/otica-512/">ÓTICA 512</a>
										</h3>
										<p class="m-0 text-gray-700 dark:text-white text-opacity-70 fs-6">
											Aviamento de receitas oftalmológicas, prestando os seguintes serviços: venda de armações e lentes graduadas para visão simples e multifocais das principais marcas, montagem, venda&hellip;										</p>
									</div>
								</article>
							</div>
													<div>
								<article class="post type-post vstack gap-2 h-100 post-13957 status-publish format-standard has-post-thumbnail hentry category-comercio category-convenios">
																			<div class="post-image overflow-hidden position-relative rounded-3 shadow-sm">
											<figure
												class="featured-image m-0 ratio ratio-16x9 rounded-3 uc-transition-toggle overflow-hidden bg-gray-25 dark:bg-gray-800">
												<img width="230" height="145" src="https://www.sindmedico.com.br/wp-content/uploads/2019/06/5asec-200x133_crop_230x145.jpg" class="media-cover image uc-transition-scale-up uc-transition-opaque wp-post-image" alt="" data-uc-img="loading: lazy" decoding="async" />												<a href="https://www.sindmedico.com.br/5-a-sec/" class="position-cover"></a>
											</figure>
										</div>
									
									<div class="post-header vstack gap-1 lg:gap-2 mt-2">
										<div
											class="post-meta hstack justify-start fs-7 fw-medium text-gray-900 dark:text-white text-opacity-60">
											<span class="post-date">18 de dezembro de 2021</span>
										</div>
										<h3 class="post-title h5 lg:h4 m-0 fw-bold">
											<a class="text-none hover:text-primary transition-all color-inherit"
												href="https://www.sindmedico.com.br/5-a-sec/">5 À SEC</a>
										</h3>
										<p class="m-0 text-gray-700 dark:text-white text-opacity-70 fs-6">
											Desconto de 10% no ramo de lavanderia para limpeza de roupas a seco, independente da quantidade de peças, calculado sobre o valor efetivamente e&hellip;										</p>
									</div>
								</article>
							</div>
											</div>

					<div class="mt-4">
											</div>
							</div>
		</div>
	</div>
</div>

</div><!-- #wrapper end -->
<!-- Footer start -->
<footer id="uc-footer" class="uc-footer panel bg-dark text-white py-0 border-top-orange">
    <style>
        .border-top-orange {
            border-top: 5px solid var(--sindmedico-orange);
        }

        .uc-footer {
            background-color: var(--sindmedico-dark) !important;
            font-family: 'Poppins', sans-serif;
        }

        .footer-main-content {
            padding-top: 80px;
            padding-bottom: 20px;
        }

        .footer-widget-title {
            color: #fff;
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 25px;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-widget-title:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 2px;
            background-color: var(--sindmedico-orange);
        }

        .uc-footer ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .uc-footer .nav-y li {
            margin-bottom: 12px;
        }

        .uc-footer .nav-y li a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .uc-footer .nav-y li a:hover {
            color: var(--sindmedico-orange);
            transform: translateX(5px);
        }

        .map-container {
            width: 100%;
            height: 250px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 0 !important;
        }

        .footer-newsletter-btn {
            background-color: var(--sindmedico-green);
            color: #fff;
            border: none;
            font-weight: 600;
            transition: all 0.3s;
            border-radius: 0 !important;
        }

        .footer-newsletter-btn:hover {
            background-color: #006633;
            transform: translateY(-2px);
        }

        .footer-bottom {
            background-color: rgba(0, 0, 0, 0.2);
            padding: 25px 0;
            margin-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }

        .footer-social-icons a {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(255, 255, 255, 0.05);
            color: #fff;
            border-radius: 0 !important;
            /* Bordas retas apenas aqui */
            margin-right: 10px;
            transition: all 0.3s;
            text-decoration: none;
        }

        .footer-social-icons a:hover {
            background-color: var(--sindmedico-orange);
            color: #fff;
            transform: translateY(-3px);
        }

        .footer-logo-img {
            max-height: 50px !important;
            width: auto !important;
            transition: transform 0.3s ease;
            margin-bottom: 20px;
        }
    </style>

    <div class="footer-main-content">
        <div class="container-wide">
            <div class="row gy-5">
                <!-- Col 1: Brand Info -->
                <div class="col-lg-4">
                    <div class="footer-brand">
                        <img class="footer-logo-img"
                            src="https://www.sindmedico.com.br/wp-content/themes/sindmedico-tema-master/assets/images/common/logo-sindmedico-branca.png"
                            alt="SindMédico">
                        <p class="text-white text-opacity-70 pe-lg-4" style="font-size: 0.95rem; line-height: 1.8;">
                            O Sindicato dos Médicos do Distrito Federal atua na defesa dos direitos da categoria médica,
                            buscando sempre melhores condições de trabalho e excelência no atendimento à saúde da
                            população.
                        </p>
                        <div class="footer-social-icons mt-4">
                            <a href="https://www.facebook.com/Sindmedico/?locale=pt_BR" target="_blank"><i
                                    class="unicon-logo-facebook"></i></a>
                            <a href="https://www.instagram.com/sindicatodosmedicosdodf/" target="_blank"><i
                                    class="unicon-logo-instagram"></i></a>
                            <a href="https://www.youtube.com/c/sindmedico" target="_blank"><i
                                    class="unicon-logo-youtube"></i></a>
                        </div>
                    </div>
                </div>

                <!-- Col 2: Useful Links -->
                <div class="col-lg-2 col-md-4 col-6">
                    <h4 class="footer-widget-title">Institucional</h4>
                    <ul id="menu-rodape-institucional" class="nav-y"><li id="menu-item-18333" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18333"><a href="https://www.sindmedico.com.br/historia/">História</a></li>
<li id="menu-item-18335" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18335"><a href="https://www.sindmedico.com.br/diretoria/">Diretoria Executiva</a></li>
<li id="menu-item-18337" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18337"><a href="https://www.sindmedico.com.br/sindmedico-df-40-anos/">Sindmédico-DF – 40 anos</a></li>
<li id="menu-item-18339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18339"><a href="https://www.sindmedico.com.br/carta-de-principios/">Carta de Princípios</a></li>
</ul>                </div>

                <!-- Col 3: Communication -->
                <div class="col-lg-2 col-md-4 col-6">
                    <h4 class="footer-widget-title">Comunicação</h4>
                    <ul id="menu-rodape-comunicacao" class="nav-y"><li id="menu-item-18344" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18344"><a href="https://www.sindmedico.com.br/tv-sindmedico/">TV Sindmédico</a></li>
<li id="menu-item-18346" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18346"><a href="https://www.sindmedico.com.br/papo-de-medico/">Papo de Médico</a></li>
<li id="menu-item-18348" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18348"><a href="https://www.sindmedico.com.br/revista-medico/">Revista Médico</a></li>
</ul>                </div>

                <!-- Col 4: Google Maps -->
                <div class="col-lg-4 col-md-4">
                    <div class="footer-address">
                        <h4 class="footer-widget-title">Endereço</h4>
                        <p class="text-white text-opacity-70 mb-3" style="font-size: 0.95rem; line-height: 1.8;">
                            SGAS 607 ED CENTRO CLÍNICO METRÓPOLIS COB 01<br>
                            ASA SUL, BRASÍLIA – DF, CEP: 70.200-670
                        </p>
                        <iframe class="map-container"
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3838.6763250240174!2d-47.89658472564373!3d-15.821012023609562!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x935a3aebad72a2ed%3A0x1a8c1e9fe8e9bef6!2zRWRpZsOtY2lvIE1ldHLDs3BvbGlz!5e0!3m2!1spt-BR!2sbr!4v1770315894135!5m2!1spt-BR!2sbr"
                            style="border:0;" allowfullscreen="" loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade">
                        </iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bottom Bar -->
    <div class="footer-bottom">
        <div class="container-wide">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start">
                    <p class="mb-0 fs-7 text-white text-opacity-50">
                        &copy; 2026 SindMédico-DF. Todos os direitos reservados.
                    </p>
                </div>
                <div class="col-md-6 text-center text-md-end mt-3 mt-md-0">
                    <ul class="nav-x d-inline-flex gap-3 fs-7">
                        <li><a href="https://www.sindmedico.com.br/politica-de-privacidade-2/"
                                class="text-white text-opacity-50 text-decoration-none hover-text-orange">Privacidade</a>
                        </li>
                        <li><a href="https://www.sindmedico.com.br/termos-de-uso/"
                                class="text-white text-opacity-50 text-decoration-none hover-text-orange">Termos</a>
                        </li>
                        <li><a href="https://www.sindmedico.com.br/contato/"
                                class="text-white text-opacity-50 text-decoration-none hover-text-orange">Contato</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Back to top button -->
    <a href="#" data-uc-backtotop class="uc-backtotop d-none d-lg-flex" aria-label="Voltar ao topo">
        <i class="unicon-chevron-up"></i>
    </a>

    <!-- WhatsApp Floating Button -->
    <a href="https://wa.me/5561998534837" target="_blank" class="whatsapp-float-btn"
        aria-label="Fale conosco no WhatsApp">
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
            <path
                d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" />
        </svg>
    </a>

    <style>
        /* WhatsApp Floating Button */
        .whatsapp-float-btn {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 60px;
            height: 60px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            transition: all 0.3s;
            z-index: 1000;
            text-decoration: none;
            font-size: 2.2rem;
        }

        .whatsapp-float-btn:hover {
            background-color: #128c7e;
            transform: translateY(-5px) scale(1.05);
            color: #fff;
        }

        /* Adjust Back to Top position to not overlap with WhatsApp */
        .uc-backtotop {
            position: fixed;
            bottom: 100px;
            right: 30px;
            width: 45px;
            height: 45px;
            background-color: var(--sindmedico-orange);
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            transition: all 0.3s;
            opacity: 0;
            visibility: hidden;
            z-index: 99;
            text-decoration: none;
        }

        .uc-backtotop.uc-active {
            opacity: 1 !important;
            visibility: visible !important;
        }

        .uc-backtotop:hover {
            background-color: var(--sindmedico-green);
            color: #fff;
            transform: translateY(-5px);
        }

        .spinner-border-sm {
            width: 1rem;
            height: 1rem;
            border-width: 0.2em;
        }
    </style>
</footer>

<!-- Footer end -->

<script>
    // Schema toggle via URL
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const getSchema = urlParams.get("schema");
    if (getSchema === "dark") {
        setDarkMode(1);
    } else if (getSchema === "light") {
        setDarkMode(0);
    }

    // AJAX Newsletter Submission
    document.addEventListener('DOMContentLoaded', function () {
        const newsletterForm = document.getElementById('footer-newsletter-form');
        if (!newsletterForm) return;

        const responseMessage = document.getElementById('newsletter-response-message');
        const submitBtn = newsletterForm.querySelector('button[type="submit"]');

        if (!submitBtn) return;

        const btnText = submitBtn.querySelector('.btn-text');
        const spinner = submitBtn.querySelector('.spinner-border');

        newsletterForm.addEventListener('submit', function (e) {
            e.preventDefault();

            if (responseMessage) {
                responseMessage.style.display = 'none';
                responseMessage.className = 'mt-2 small';
            }

            // Show loading state
            submitBtn.disabled = true;
            if (btnText) btnText.style.opacity = '0.5';
            if (spinner) spinner.classList.remove('d-none');

            const formData = new FormData(newsletterForm);
            const actionUrl = newsletterForm.getAttribute('action');

            fetch(actionUrl, {
                method: 'POST',
                body: formData
            })
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.json();
                })
                .then(data => {
                    if (responseMessage) {
                        responseMessage.textContent = data.data && data.data.message ? data.data.message : (data.success ? 'Inscrição realizada!' : 'Ocorreu um erro.');
                        responseMessage.style.display = 'block';

                        if (data.success) {
                            responseMessage.classList.add('text-success');
                            newsletterForm.reset();
                        } else {
                            responseMessage.classList.add('text-danger');
                        }
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    if (responseMessage) {
                        responseMessage.textContent = 'Erro ao processar sua solicitação. Tente novamente.';
                        responseMessage.style.display = 'block';
                        responseMessage.classList.add('text-danger');
                    }
                })
                .finally(() => {
                    // Reset button state
                    submitBtn.disabled = false;
                    if (btnText) btnText.style.opacity = '1';
                    if (spinner) spinner.classList.add('d-none');
                });
        });
    });
</script>

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/sindmedico-tema-master\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<link rel='stylesheet' id='tsvg-block-css-css' href='https://www.sindmedico.com.br/wp-content/plugins/gallery-videos/admin/css/tsvg-block.css?ver=2.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='ays-pb-min-css' href='https://www.sindmedico.com.br/wp-content/plugins/ays-popup-box/public/css/ays-pb-public-min.css?ver=6.1.8' type='text/css' media='all' />
</body>

</html>