html { margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0; font-size: 14px; font-family: "Arial CE"; height: 100%; background-color: #fff; color: #231F20; }
h1, h2, h3, div, p { margin: 0; padding: 0; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }

#container { width: 330px; margin: 0 auto; }

#header { width: 100%; height: 100px; background: #231F20 url("../images/logo.jpg") no-repeat 50% 50%; margin: 20px auto 0 auto; cursor: pointer; }
#header h1 { display: none;  }

#content { width: 100%; font-size: 20px; }
#content h1 { margin: 20px 0 0 0; font-size: 24px; }
#content h2 { margin: 20px 0 0 0; font-size: 20px; }

#content.tarify_r25 { padding: 0 20px; box-sizing: border-box; }
#content.tarify_r25 p { margin: 20px 0 0 0; font-size: 16px; }

#content #hot { width: 100%; font-size: 14px; margin: 20px 0 0 0; }
#content #hot #top { background-color: red; padding: 10px; color: #fff; font-size: 16px; }
#content #hot #text { background-color: #FFF3A5; padding: 10px; color: #231F20; border: 1px solid red; }
#content #hot #text h2 { font-size: 16px; margin: 0 0 10px 0; }
#content #hot #text p {  }

#content #buttons { float: left; width: 100%; }
#content #buttons a { float: left; width: 100%; background-color: #231F20; color: #FDB928; margin-top: 20px; padding: 30px 0; text-align: center; }
#content #buttons.r-25 a { padding: 15px 0; }

#content #contact { float: left; width: 100%; margin: 20px 0; }
#content #contact p { float: left; margin: 3px 0 0 0; width: 100%; text-align: center; }
#content #contact a { color: #549634; }

#content #timetables { width: 100%; font-size: 20px; float: left; clear: both; }
#content #timetables .timetable { width: 94%; background-color: #FFF3A5; padding: 3%; color: #231F20; margin: 10px 0 0 0; float: left; clear: both; }
#content #timetables .timetable h3 { color: #549634; font-size: 18px; }
#content #timetables .timetable .item { margin: 20px 0 0 0; font-size: 12px; float: left; clear: both; }
#content #timetables .timetable .item p {  }
#content #timetables .timetable .item a { float: left; clear: both; margin: 10px 0 0 0; }

.r25 #content #buttons a, #content #buttons a.r25 { background-color: #58af60; color: #fff; }
