<!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 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/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>
</body>
</html>