<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=640;">
<meta name="format-detection" content="telephone=no"/>
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="css/jquery.rating.css"/>
<link rel="stylesheet" type="text/css" href="css/jClever.css" />
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.rating.js"></script>
<script type="text/javascript" src="js/jClever.js" charset="utf-8"></script>
<script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
<div class="cont">
<div class="schedule">
<h2><a href="#" title="#">Футбольное поле с подогревом <br/>
№1</a> (103х68м) (Футбол S /Футбол M)</h2>
<div class="schedule_head">
<div class="schedile_arrow">
<div class="arrow_prev"><a href="#" title="#"></a></div>
<div class="arrow_next"><a href="#" title="#"></a></div>
</div>
<div class="schedule_date">
<ul style="left: 0;">
<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>
</ul>
</div>
</div>
<div class="schedule_cont">
<div class="schedule_time">
<ul>
<li>09:00</li>
<li>10:00</li>
<li>11:00</li>
<li>12:00</li>
<li>13:00</li>
<li>14:00</li>
<li>15:00</li>
<li>16:00</li>
<li>17:00</li>
<li>18:00</li>
<li>19:00</li>
<li>20:00</li>
<li>21:00</li>
<li>22:00</li>
<li>23:00</li>
<li>24:00</li>
</ul>
</div>
<div class="schedule_reservation">
<ul style="left: 0;">
<li>
<ul class="schedule_column">
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
<li class="green"><span>300 р.</span></li>
</ul>
</li>
<li>
<ul class="schedule_column">
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li></li>
<li></li>
<li class="pink">300 р.</li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul class="schedule_column">
<li class="red"><span>300 р</span></li>
<li class="green"><span>300 р.</span></li>
<li class="mine"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="red"><span>300 р.</span></li>
<li class="green"><span>300 р</span></li>
<li class="mine"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
<li class="pink"><span>300 р.</span></li>
</ul>
</li>
<li>
<ul class="schedule_column">
<li class="gray"><span>300 р</span></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="gray"><span>300 р.</span></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul class="schedule_column">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul class="schedule_column">
<li class="pink"><span>300 р.</span></li>
<li></li>
<li></li>
<li class="pink"><span>300 р.</span></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul class="schedule_column">
<li></li>
<li></li>
<li class="pink"><span>300 р.</span></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header">
<div class="header_section01">
<h1>Бронирование</h1>
<div class="header_btn"><a class="header_prev" href="#" title="#"></a></div>
</div>
</div>
<div class="footer">
<div class="nav">
<ul>
<li><a class="my_profile" href="#" title="#">Мой профиль</a></li>
<li class="active"><a class="seats" href="#" title="#">Места</a></li>
<li><a class="favorites" href="#" title="#">Избранное</a></li>
<li><a class="booking" href="#" title="#">Бронирования</a></li>
</ul>
</div>
</div>
</div>
<div class="popup_wr">
<div class="popup_cover"></div>
<div class="popup_additional_services">
<div class="popup_head">25.11.2014,<span class="time_reservation">13:00-14:00</span></div>
<div class="popup_cont">
<h2>Дополнительные услуги:</h2>
<form action="" class="jClever">
<div class="scroll_cont">
<div class="popup_list_wr">
<div class="popup_list">
<ul>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch01"/></div>
<div class="label_wr"><label for="ch01">Тренер</label></div>
<div class="services_price">450 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch02"/></div>
<div class="label_wr"><label for="ch02">Раздевалки</label></div>
<div class="services_price">50 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch03"/></div>
<div class="label_wr"><label for="ch03">Сауна</label></div>
<div class="services_price">900 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch04"/></div>
<div class="label_wr"><label for="ch04">Душевая</label></div>
<div class="services_price">50 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch05"/></div>
<div class="label_wr"><label for="ch05">Освещение</label></div>
<div class="services_price">250 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch06"/></div>
<div class="label_wr"><label for="ch06">Тренер</label></div>
<div class="services_price">450 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch07"/></div>
<div class="label_wr"><label for="ch07">Тренер</label></div>
<div class="services_price">80 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch08"/></div>
<div class="label_wr"><label for="ch08">Раздевалки</label></div>
<div class="services_price">300 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch09"/></div>
<div class="label_wr"><label for="ch09">Сауна</label></div>
<div class="services_price">450 руб.</div>
</li>
<li>
<div class="checkbox_wr"><input type="checkbox" id="ch10"/></div>
<div class="label_wr"><label for="ch10">Сауна</label></div>
<div class="services_price">450 руб.</div>
</li>
</ul>
</div>
<div class="comment"><textarea placeholder="Текст вашего отзыва"></textarea></div>
</div>
</div>
<div class="popup_btn_wr">
<div class="popup_btn"><a class="button" href="#" title="#">СОХРАНИТЬ</a></div>
<div class="popup_btn"><a class="button button_scarlet" href="#" title="#">ОТМЕНИТЬ</a></div>
</div>
</form>
</div>
<div class="cancel_btn"><a class="cancel" href="#" title="#"></a></div>
</div>
</div>
</body>
</html>