/*задаём общие параметры для всей страницы: шрифт и отступы*/
	    body{
		background: #8ba1b7;
     font: bold 12px Arial, Helvetica, sans-serif;
     margin: 0;
     padding: 0;
     min-width: 960px;	
	    }
	#Date { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    text-align: center;
} 
ul {
    width: 650px;
    margin: 10px auto;
    padding: 0px;
    list-style: none;
    text-align: center;
    background: #657e96;
    border-radius: 10px;
    box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 15px 5px;
}
ul li { 
    display: inline;
    font-size: 10em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}
#point {
    position: relative;
    -moz-animation: mymove 1s ease infinite;
    -webkit-animation: mymove 1s ease infinite;
    padding-left: 10px;
    padding-right: 10px; 
}
@-webkit-keyframes mymove {
0% {opacity:1.0;}
50% {opacity:0;}
100% {opacity:1.0;}    
}
@-moz-keyframes mymove {
0% {opacity:1.0;}
50% {opacity:0;}
100% {opacity:1.0;}
}





   /*настраиваем отступы в полях ввода цифр, там, где задаётся время тренировки, отдыха, и количество повторов*/
	    .app_form_block input[type="number"] {
    		padding: 10px 20px;
		}

		/*задаём отступы у элементов*/
		.app_main .block_row {
			padding: 1em 0.5em;
		}
		
		/*устанавливаем размер цифр времени тренировки, отдыха, и количества повторов */
		.app_timer .app_console .timer_panel_info {
			font-size: 1.6em;
			line-height: 1.2em;
			letter-spacing: 0;
		}

		/*зелёный цвет*/
		.green {
			color: #BFF08E;
		}

		/*красный цвет*/
		.red {
			color: #E56655;
		}

		/*учим браузер скрывать временно ненужные кнопки*/
		.app_timer .timer_btn.hide,
		.app_timer .timer_nums.hide,
		.app_timer .timer_sep.hide {
			display: none;
		}

		/*задаём размер кнопок*/
		.app_timer .timer_btn {
			border-color: #777;
			color: #777;
			font-size: 1.2em;
			font-weight: 400;
			line-height: 1.8em;
			padding: 8px 12px;
			margin: 0 2px;
			min-width: 180px;
		}

		/*настраиваем, как изменится цвет кнопки, если провести по ней мышкой*/
		.app_timer .timer_btn:hover {
			background-color: #777;
			color: #FFF;
		}

		/*задаём размер кнопок*/
		.app_timer .timer_btn.run,
		.app_timer .timer_btn.pause {
			border-color: #5594E5;
			color: #5594E5;
			font-weight: 600;
		}

		/*настраиваем, как изменится цвет АКТИВНОЙ кнопки, если провести по ней мышкой*/
		.app_timer .timer_btn.run:hover,
		.app_timer .timer_btn.pause:hover {
			background-color: #5594E5;
			color: #FFF;
		}