.table-modal-window{
	position:absolute;
	z-index: -2;
  top:0px;
  left:0px;
	padding:5px 10px 10px 10px;
	font-family: '__PT Sans_5';
  text-align: justify;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
  border-radius:10px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 8% 50%;
	opacity: 0.0;
}
#sheduler-table-SKV .table-modal-close{
	position: absolute;
	display: block;
	top: 7px;
	right: 7px;
	width: 17px;
	height: 17px;
	background: url("../images/sprite.png") -56px 0;
	opacity:0.4;
}
#sheduler-table-SKV .table-modal-close:hover{
	cursor: pointer;
	opacity: 1.0;
}

td.cell-event p {
	font-family: '__PT Sans_5'!important;
}
.sheduler-SKV{text-align: center;}
.sheduler-SKV h1,
.cell {
	font-family: '__PT Sans_5';
}
.sheduler-SKV h1{
	margin: 35px 0;
	text-transform: uppercase;
}
.borderSKV{
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
}
.sheduler-table {
	width: 99%;
	margin: 0px auto;
}
.sheduler-table tr td{
	width: 100px;
	vertical-align: middle;
}
.cell {
	height: 70px;
	width: 13%;
	padding: 5px 0;
	border-width: 3px;
	border-color: #ffffff;
	border-style: solid;
}
.cell-empty{
	background-color: #f8f8f8;
	text-align: center;
}
.cell-event{
	background-color: #bcbdc0;
	padding: 0 5px;
}
.cell-hours{
	width: 30px;
	padding-left: 5px;
}
td.cell-event div{
	height: 80px;
	padding: 0px 5px;
}
td.cell-event p{
	margin: 0;
	padding-top: 5px;
}
.cell-usluga-trainer{
	color: #ffffff;
	font-weight: normal;
}
.sheduler-table-header th {
	background-color: #00a0df;
	color: #ffffff;
}
.sheduler-table-legend {margin: 25px 40px;}
.sheduler-table-legend tr td{
	width: 250px;
	padding: 5px;
}
/*.grown{background-color: #E5B8B7;}*/
.child-5-7 {background-color: #E5B8B7;}
.child-5-6{background-color: #B2A1C7;}
.child-6-8{background-color: #C2D69B;}
.child-9-11{background-color: #FABF8F;}
#return-float-menu-button{background-image: url("/images/skv/common/menu.png");}

@media screen and (max-width: 1920px) {
	.cell 	{font-size: 19px;}
	h1	{font-size: 39px;}
	h3	{font-size: 27px;}
	.cell-usluga-title	{font-weight: bold;}
}
@media screen and (max-width: 1600px) {
	.cell 	{font-size: 17px;}
	h1	{font-size: 36px;}
	h3	{font-size: 24px;}
}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {
	.cell 	{font-size: 15px;}
	h1	{
		font-size: 29px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	h3	{font-size: 21px;}
	th	{font-size: 19px;}	
	.cell-usluga-title	{font-weight: normal;}
}
@media screen and (max-width: 1152px) {
	h1	{font-size: 28px;}
	h3	{font-size: 17px;}
}
@media screen and (max-width: 1024px) {
	.cell 	{font-size: 14px;}
	h1	{font-size: 27px;}
	h3	{font-size: 15px;}
}
@media screen and (max-width: 960px) {
	.cell 	{font-size: 13px;}
	h1	{font-size: 29px;}
}
@media screen and (max-width: 800px) {
	.cell 	{font-size: 12px;}
	h3	{font-size: 15px;}
	.cell-usluga-title	{font-weight: bold;}
}

@media screen and (max-width: 768px) {
	.cell-usluga-title	{font-weight: normal;}
	th	{font-weight: normal;}
	.cell-event	{padding: 0 2px;}
}
@media screen and (max-width: 667px) {
	.cell 	{padding-bottom: 4px;}
	h1	{
		font-size: 22px;
		padding-left: 8%;
		padding-right: 8%;
	}
	h3	{
		font-size: 19px;
		padding-left: 4%;
		padding-right: 4%;		
	}
	.cell-event	{padding: 9px 2px;}
	#table-wrapper	{
		width: 667px;
		overflow: scroll;
	}
	td	{padding-bottom: 4px;}		
}
@media screen and (max-width: 640px) {
	#table-wrapper	{width: 636px;}
}
@media screen and (max-width: 568px) {
	.cell 	{width: 20%;}
	h1	{font-size: 21px;}
	h3	{
		font-size: 18px;
		padding-left: 8%;
		padding-right: 8%;		
	}
	#table-wrapper	{width: 568px;}	
}
@media screen and (max-width: 480px) {
	h3	{
		padding-left: 4%;
		padding-right: 4%;		
	}
	#table-wrapper	{width: 466px;}	
	.header-top .head-phone .slogan-skv	{
		margin-bottom: 0px;
		margin-top: 0px;
	}	
}
@media screen and (max-width: 414px) {
	.cell 	{
		padding-bottom: 4px;
		width: 20%;		
	}
	h1 	{
		font-size: 19px;
		padding-left: 12%;
		padding-right: 12%;
	}
	h3 	{font-size: 15px;}
	.cell-event	{padding: 4px 2px;}
	#table-wrapper	{width: 414px;}
}
@media screen and (max-width: 375px) {
	h1	{
		padding-left: 8%;
		padding-right: 8%;
	}
	#table-wrapper	{width: 375px;}
}
@media screen and (max-width: 360px) {
	.cell-event	{padding: 4px 2px;}
	#table-wrapper	{width: 358px;}
}
@media screen and (max-width: 320px) {
	h1	{
		padding-left: 12%;
		padding-right: 12%;
	}
	#table-wrapper	{width: 320px;}
}