<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta charset="utf-8"/>
<meta name="format-detection" content="telephone=no">
<title>Документ без названия</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="js/PIE.js"></script><![endif]-->
<script type="text/javascript" src="js/my.js"></script>
<!--[if !IE]><!-->
<script>
if (/*@cc_on!@*/false) {
document.documentElement.className += ' ie ie10';
}
else {
document.documentElement.className += ' no-ie';
}
</script>
<!--<![endif]-->
</head>
<body>
<div class="main">
<div class="main_tr">
<div class="container_wr">
<div class="container">
<div class="container_trg">
<div class="main_tr">
<div class="page">
<div class="breadcrumbs">
<ul>
<li><a href="#" title="#">чуни-муни</a></li>
<li>каталог продукции</li>
<li>для будущих мам</li>
</ul>
</div>
<div class="cont_container_wr">
<div class="cont_container">
<div class="sidebar">
<div class="side_nav">
<ul>
<li class="active"><a href="#" title="#">Для будущих мам <span>(100)</span></a>
<div class="side_subnav">
<ul>
<li><a href="#" title="#">Белье <span>(12)</span></a></li>
<li><a href="#" title="#">Подушки <span>(2)</span></a></li>
<li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li>
<li><a href="#" title="#">Сумки <span>(10)</span></a></li>
</ul>
</div>
</li>
<li><a href="#" title="#">Для мам и малышей</a>
<div class="side_subnav">
<ul>
<li><a href="#" title="#">Белье <span>(12)</span></a></li>
<li><a href="#" title="#">Подушки <span>(2)</span></a></li>
<li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li>
<li><a href="#" title="#">Сумки <span>(10)</span></a></li>
</ul>
</div>
</li>
<li><a href="#" title="#">Для отдыха на природе</a>
<div class="side_subnav">
<ul>
<li><a href="#" title="#">Белье <span>(12)</span></a></li>
<li><a href="#" title="#">Подушки <span>(2)</span></a></li>
<li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li>
<li><a href="#" title="#">Сумки <span>(10)</span></a></li>
</ul>
</div>
</li>
<li><a href="#" title="#">Спортинвентарь</a>
<div class="side_subnav">
<ul>
<li><a href="#" title="#">Белье <span>(12)</span></a></li>
<li><a href="#" title="#">Подушки <span>(2)</span></a></li>
<li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li>
<li><a href="#" title="#">Сумки <span>(10)</span></a></li>
</ul>
</div>
</li>
<li><a href="#" title="#">Настольные игры и игрушки</a>
<div class="side_subnav">
<ul>
<li><a href="#" title="#">Белье <span>(12)</span></a></li>
<li><a href="#" title="#">Подушки <span>(2)</span></a></li>
<li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li>
<li><a href="#" title="#">Сумки <span>(10)</span></a></li>
</ul>
</div>
</li>
<li><a href="#" title="#">Сертификаты развлечений</a>
<div class="side_subnav">
<ul>
<li><a href="#" title="#">Белье <span>(12)</span></a></li>
<li><a href="#" title="#">Подушки <span>(2)</span></a></li>
<li><a href="#" title="#">Пример написания категории в две строки <span>(5)</span></a></li>
<li><a href="#" title="#">Сумки <span>(10)</span></a></li>
</ul>
</div>
</li>
</ul>
</div>
<div class="side_boon">
<h3>Покупать у нас удобно!</h3>
<div class="side_boon_item"><img src="images/boon_01.png" alt=""/><span class="side_boon_item_tx">Вы можете самостоятельно выбрать день и время доставки</span></div>
<div class="side_boon_item"><img src="images/boon_02.png" alt=""/><span class="side_boon_item_tx">Мы принимаем наличные и все виды пластиковых карт</span></div>
</div>
<div class="side_bnr"><img src="images/chuni.png" alt=""/></div>
</div>
<div class="contentbar">
<div class="catalog">
<h2 class="hls">Товары для будущих мам</h2>
<p>Для того, чтобы беременность и материнство доставляло вам исключительно удовольствие, один из основных разделов нашего магазина занимают товары для мам.</p>
<div class="filter">
<div class="filter_container">
<form action="">
<div class="filter_range">
<div class="slider_range"></div>
<div class="value_range">
<div class="value_min">4000</div>
<div class="value_max">15000</div>
</div>
</div>
<div class="show_btn"><a href="#" title="#">Показать</a></div>
</form>
</div>
<div class="sorting">сортировка: <a class="active" href="#" title="#">цена</a><span>/</span><a href="#" title="#">новинки</a></div>
</div>
<div class="catalog_list">
<ul>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_01.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="old_price">17500</span> <span class="price">16000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
<span class="discount"></span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="price">5000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
<span class="like"></span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_03.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="price">85000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="price">5000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
<span class="like"></span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_03.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="price">85000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="price">5000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
<span class="like"></span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_01.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="old_price">17500</span> <span class="price">16000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
<span class="discount"></span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_02.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="price">5000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
<span class="like"></span>
</a>
</li>
<li>
<a href="#" title="#">
<span class="catalog_item_img"><img src="images/item_03.jpg" alt=""/></span>
<span class="catalog_item_price"><span class="price">85000</span></span>
<span class="catalog_item_name">Металлоискатель MINELAB CTX 3030</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="article_container">
<div class="article_list">
<ul>
<li>
<div class="article_img"><a href="#" title="#"><img
src="images/article.png"
alt=""/></a>
</div>
<div class="article_tx">
<h3><a href="#" title="#">Как выбрать детскую коляску
и не разочароваться?</a></h3>
<p>Часто нас мучает один и тот же вопрос - как выбрать коляску? ...</p>
</div>
</li>
<li>
<div class="article_img"><a href="#" title="#"><img
src="images/article.png"
alt=""/></a>
</div>
<div class="article_tx">
<h3><a href="#" title="#">Как выбрать детскую коляску
и не разочароваться?</a></h3>
<p>Часто нас мучает один и тот же вопрос - как выбрать коляску? ...</p>
</div>
</li>
</ul>
</div>
<div class="all_article"><a href="#" title="#">все статьи</a></div>
</div>
</div>
</div>
</div>
<div class="container_thg">
<div class="main_tr">
<div class="header_wr">
<div class="header">
<div class="header_c01">
<div class="logo"><a href="#" title="#">Товары для отдыха и детей</a></div>
<div class="callback"><a class="callback_btn" href="#" title="#">Перезвоните мне</a></div>
</div>
<div class="header_c02">
<div class="header_cont01">
<div class="header_search">
<form action=""><input type="text" placeholder="ищете что-то конкретное?" value="ищете что-то конкретное?"/><input type="submit" value=""/></form>
</div>
<div class="header_tel_wr">
<div class="header_tel">
<div class="tel_number"><span>+7 (926)</span> 467-99-79</div>
<div class="tel_time">10:00 - 20:00</div>
</div>
</div>
</div>
<div class="header_cont02">
<div class="basket"><a href="#" title="#">Ваша корзина <span>(1595)</span></a></div>
<div class="main_nav">
<ul>
<li><a href="#" title="#">о магазине</a></li>
<li class="active"><a href="#" title="#">каталог продукции</a></li>
<li><a href="#" title="#">оплата и доставка</a></li>
<li><a href="#" title="#">контакты</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main_tr">
<div class="footer_wr">
<div class="footer">
<div class="cop"><span>© MO-ON.RU 2014</span> Интернет-магазин товаров для всей семьи</div>
<div class="footer_tel">Звоните! +7 (926) <span>467-99-79</span></div>
</div>
</div>
</div>
</div>
</body>
</html>