<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="js/PIE.js"></script><![endif]-->
<script type="text/javascript" src="js/jquery.color-2.1.2.min.js"></script>
<script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
<div class="header">
<div class="logo"><a href="#" title="#"></a></div>
<div class="nav">
<ul>
<li class="bibl"><a href="#" title="#">библиотеки</a>
<div class="subnav">
<ul>
<li><a href="#" title="#">Библиотека “репринтов”</a></li>
<li><a href="#" title="#">Публицистика</a></li>
<li><a href="#" title="#">Нормативно-правовые акты</a></li>
<li><a href="#" title="#">Медиафайлы</a></li>
</ul>
</div>
</li>
<li class="nav-search active"><a href="#" title="#">поиск</a></li>
<li><a href="#" title="#">новости</a></li>
<li><a href="#" title="#">форум</a></li>
<li><a href="#" title="#">о проекте</a></li>
</ul>
</div>
</div>
<div class="page">
<div class="breadcrumbs-wr">
<div class="breadcrumbs">
<div class="gen-link"><a href="#" title="#">Главная</a></div>
<ul>
<li><a href="#" title="#">Поиск</a></li>
<li>Результаты поиска</li>
</ul>
</div>
</div>
<div class="search">
<div class="tit-wr">
<h2>Все найдется!</h2>
<div class="tit-clarif">В нашей библиотеке <span>500</span> файлов. Воспользуйтесь простой формой поиска.</div>
</div>
<div class="searh-form">
<form action="">
<div class="search-form-line"><input class="name-auth" type="text" value="Фамилия автора" placeholder="Фамилия автора"/>и/или<input class="mat-name" type="text" value="Название материала" placeholder="Название материала"/><input type="submit" value=""/></div>
<div class="form-ch">
<div class="all-cat">
<div class="category-item"><input type="checkbox" name="" id="all-cat"/><label for="all-cat">все категории</label></div>
</div>
<div class="category">
<div class="category-item"><input type="checkbox" name="" id="lib-cat"/><label
for="lib-cat"><b>библиотека</b> (старинные репринты)</label></div>
<div class="category-item"><input type="checkbox" name="" id="publ-cat"/><label
for="publ-cat"><b>публицистика</b> (современные статьи, зарубежная практика)</label></div>
<div class="category-item"><input type="checkbox" name="" id="act-cat"/><label
for="act-cat"><b>нормативно-правовые акты</b></label></div>
<div class="category-item"><input type="checkbox" name="" id="media-cat"/><label
for="media-cat"><b>медиафайлы</b> (фото и видеоматериалы)</label></div>
</div>
</div>
</form>
</div>
<div class="results">
<div class="tit-wr">
<h2>Результаты поиска:</h2>
<div class="tit-clarif">Найдено: <span>5</span> файлов</div>
</div>
<div class="results-table">
<table>
<tr>
<td>1.</td>
<td class="results-author">Иванов И.И.</td>
<td>
<h3>как стать судьей за неделю. краткий курс</h3>
<div class="section-name">Раздел: <span>медиафайлы</span></div>
</td>
</tr>
<tr>
<td>2.</td>
<td class="results-author">Иванов И.И.</td>
<td>
<h3>как стать судьей за неделю. краткий курс</h3>
<div class="section-name">Раздел: <span>медиафайлы</span></div>
</td>
</tr>
<tr>
<td>3.</td>
<td class="results-author">Иванов И.И.</td>
<td>
<h3>как стать судьей за неделю. краткий курс</h3>
<div class="section-name">Раздел: <span>медиафайлы</span></div>
</td>
</tr>
<tr>
<td>4.</td>
<td class="results-author">Иванов И.И.</td>
<td>
<h3>как стать судьей за неделю. краткий курс</h3>
<div class="section-name">Раздел: <span>медиафайлы</span></div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="project"><a href="#" title="#">О проекте</a></div>
<div class="foot-link"><a href="#" title="#">Письмо владельцу сайта</a></div>
<div class="foot-content">© “Суд присяжных” 2014. <br/> Все права защищены</div>
</div>
</body>
</html>