<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="css/jquery.rating.css"/>
<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>
<script src="js/localization.js"></script>
<script type="text/javascript" src="js/jquery.rating.js"></script>
<script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
<div class="cont_wr">
<div class="cont">
<div class="cont_container">
<div class="filter_wr">
<div class="filter">
<form action="" class="jClever">
<div class="filter_serv">
<div class="select_serv selected"><span>Теннис, Волейбол</span></div>
<div class="service_list_wr">`
<div class="service_list">
<ul>
<li><input type="checkbox" id="ch01"/><label for="ch01">Футбол</label></li>
<li><input type="checkbox" id="ch02"/><label for="ch02">Баскетбол</label></li>
<li><input type="checkbox" id="ch03"/><label for="ch03">Волейбол</label></li>
<li><input type="checkbox" id="ch04"/><label for="ch04">Теннис</label></li>
<li><input type="checkbox" id="ch05"/><label for="ch05">Единоборство</label></li>
<li><input type="checkbox" id="ch06"/><label for="ch06">Хореография</label></li>
<li><input type="checkbox" id="ch07"/><label for="ch07">Хоккей</label></li>
</ul>
</div>
</div>
</div>
<div class="filter_place">
<div class="select_place selected"><span>м. Академическая</span></div>
<div class="place_list_wr">
<div class="place_list">
<ul>
<li><input type="checkbox" id="ch08"/><label for="ch08">Арбатская</label></li>
<li><input type="checkbox" id="ch09"/><label for="ch09">Бауманская</label></li>
<li><input type="checkbox" id="ch10"/><label for="ch10">Волоколамская</label></li>
<li><input type="checkbox" id="ch11"/><label for="ch11">Измайловская</label></li>
<li><input type="checkbox" id="ch12"/><label for="ch12">Киевская</label></li>
<li><input type="checkbox" id="ch13"/><label for="ch13">Крылатское</label></li>
<li><input type="checkbox" id="ch14"/><label for="ch14">Кунцевская</label></li>
</ul>
<ul>
<li><input type="checkbox" id="ch15"/><label for="ch15">Курская</label></li>
<li><input type="checkbox" id="ch16"/><label for="ch16">Митино</label></li>
<li><input type="checkbox" id="ch17"/><label for="ch17">Молодёжная</label></li>
<li><input type="checkbox" id="ch18"/><label for="ch18">Мякинино</label></li>
<li><input type="checkbox" id="ch19"/><label for="ch19">Парк Победы</label></li>
<li><input type="checkbox" id="ch20"/><label for="ch20">Партизанская</label></li>
<li><input type="checkbox" id="ch21"/><label for="ch21">Первомайская</label></li>
</ul>
<ul>
<li><input type="checkbox" id="ch22"/><label for="ch22">Площадь Революции</label>
</li>
<li><input type="checkbox" id="ch23"/><label for="ch23">Семёновская</label></li>
<li><input type="checkbox" id="ch24"/><label for="ch24">Славянский бульвар</label>
</li>
<li><input type="checkbox" id="ch25"/><label for="ch25">Смоленская</label></li>
<li><input type="checkbox" id="ch26"/><label for="ch26">Строгино</label></li>
<li><input type="checkbox" id="ch27"/><label for="ch27">Щёлковская</label></li>
<li><input type="checkbox" id="ch28"/><label for="ch28">Электрозаводская</label>
</li>
</ul>
</div>
</div>
</div>
<div class="filter_date">
<div class="select_date selected"><input type="text" class="datepicker" placeholder="Выберите день"/></div>
</div>
<div class="filter_find"><a class="button button_blue" href="#" title="#">Найти</a></div>
</form>
</div>
</div>
<div class="schedule">
<h3>Бронирование “Спартак Футбольное поле с подогревом №1 (103х68м)”</h3>
<div class="time_day_wr">
<div class="time_day">
<ul>
<li>Ночь</li>
<li>Утро</li>
<li>День</li>
<li>Вечер</li>
</ul>
</div>
<div class="time_day_scroll" style="left: 0;"></div>
</div>
<div class="schedule_table">
<div class="schedule_table_head">
<div class="month">Сентябрь</div>
<div class="time_container">
<ul style="left: 20px;">
<li><span>00:00</span></li>
<li><span>01:00</span></li>
<li><span>02:00</span></li>
<li><span>03:00</span></li>
<li><span>04:00</span></li>
<li><span>05:00</span></li>
<li><span>06:00</span></li>
<li><span>07:00</span></li>
<li><span>08:00</span></li>
<li><span>09:00</span></li>
<li><span>10:00</span></li>
<li><span>11:00</span></li>
<li><span>12:00</span></li>
<li><span>13:00</span></li>
<li><span>14:00</span></li>
<li><span>15:00</span></li>
<li><span>16:00</span></li>
<li><span>17:00</span></li>
<li><span>18:00</span></li>
<li><span>19:00</span></li>
<li><span>20:00</span></li>
<li><span>21:00</span></li>
<li><span>22:00</span></li>
<li><span>23:00</span><b>24:00</b></li>
</ul>
</div>
</div>
<div class="schedule_table_content">
<div class="date_column">
<ul>
<li><span>20</span>Суббота</li>
<li><span>21</span>Воскресенье</li>
<li><span>22</span>Понедельник</li>
<li><span>23</span>Вторник</li>
<li><span>24</span>Среда</li>
<li><span>25</span>Четверг</li>
<li><span>26</span>Пятница</li>
<li><span>27</span>Суббота</li>
<li><span>28</span>Воскресенье</li>
<li><span>29</span>Понедельник</li>
</ul>
</div>
<div class="reserv_column">
<ul class="reserv_table" style="left: 0;">
<li>
<ul class="reserv_table_tr">
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="active">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li>.</li>
<li></li>
<li></li>
<li></li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li></li>
<li></li>
<li></li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="green">450 руб.</li>
<li>450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">200 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li></li>
<li></li>
<li></li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="green">450 руб.</li>
<li>450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li></li>
<li></li>
<li></li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">300 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="green">450 руб.</li>
<li>450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
<li class="green">450 руб.</li>
</ul>
</li>
<li>
<ul class="reserv_table_tr">
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">200 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">300 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li class="pink">450 руб.</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
</div>
<div class="reserv_drop" style="top: 49px; left: 619px;">
<div class="reserv_date">Дата 25/10/2014</div>
<div class="reserv_drop_cont">
<form action="" class="jClever">
<h5>Дополнительные услуги:</h5>
<div class="additional_serv_list">
<ul>
<li>
<div class="check_wr"><input type="checkbox" id="s01"/></div>
<div class="label_wr"><label for="s01">Тренер</label></div>
<div class="serv_item_price">450 руб.</div>
</li>
<li>
<div class="check_wr"><input type="checkbox" id="s02"/></div>
<div class="label_wr"><label for="s02">Раздевалки</label></div>
<div class="serv_item_price">50 руб.</div>
</li>
<li>
<div class="check_wr"><input type="checkbox" id="s03"/></div>
<label_wr><label for="s03">Сауна</label></label_wr>
<div class="serv_item_price">900 руб.</div>
</li>
<li>
<div class="check_wr"><input type="checkbox" id="s04"/></div>
<label_wr><label for="s04">Душевая</label></label_wr>
<div class="serv_item_price">50 руб.</div>
</li>
<li>
<div class="check_wr"><input type="checkbox" id="s05"/></div>
<label_wr><label for="s05">Освещение</label></label_wr>
<div class="serv_item_price">250 руб.</div>
</li>
</ul>
</div>
<div class="reserv_drop_btn"><a href="#" title="#" class="button button_blue">СОХРАНИТЬ</a></div>
<div class="reserv_drop_btn"><a href="#" title="#" class="button button_red">ОТМЕНИТЬ</a></div>
</form>
</div>
<div class="close_btn"><a class="close" href="#" title="#"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_wr">
<div class="header">
<div class="header_container">
<div class="logo"><a href="#" title="#"></a></div>
<div class="login_wr">
<div class="login_club"><a href="#" title="#">вход для клубов</a></div>
<div class="login"><a href="#" title="#">Войти</a></div>
</div>
</div>
</div>
</div>
<div class="footer_wr">
<div class="footer">
<div class="footer_container">
<div class="cop">© 2014 pdbooking.com</div>
<div class="foot_nav">
<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>
<li><a href="#" title="#">Контакты</a></li>
<li><a href="#" title="#">Карта сайта</a></li>
</ul>
</div>
<div class="pay"><a href="#" title="#"><img src="images/pay.png" alt=""/></a></div>
</div>
</div>
</div>
</div>
<div class="popup_wr">
<div class="popup_cover"></div>
<div class="popup_time busy">
<div class="popup_tx">Бронирование невозможно, данный слот уже занят</div>
<div class="popup_btn"><a class="button button_pink" href="#" title="#">Закрыть</a></div>
</div>
</div>
</div>
</body>
</html>