/* LESS VARIABLES */
.border-radius (@radius: 5px) {
	border-radius: @radius;
  	-webkit-border-radius: @radius;
  	-moz-border-radius: @radius;
}
.box-sizing (@type: border-box) {
	-webkit-box-sizing: @type;
	-moz-box-sizing:    @type;
	box-sizing:         @type;
}
* {
	margin: 0;
	padding: 0;
}
body {
	background: url(../images/zah_bg.jpg) top left repeat-x;
}
.clearFix {
	clear: both;
}
td {
	vertical-align: top;
}
#preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 100000;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	
	.spinner {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -25px;
		width: 50px;
		height: 50px;
		background: rgba(0,0,0, 0.9) url(../images/loading.gif) no-repeat center center;
		.border-radius(40px);
	}
}
#wrapper {
	position: relative;
	width: 1200px;
	margin: 0px auto;
	
	.shedule {
		position: absolute;
		z-index: 2;
		color: #fff;
		margin-top: 495px;
		margin-left: 150px;
		td {
			width: 150px;
			&.blank {
				width: 60px;
			}
			
			.time {
				font: 20px/24px Futura;
			}
			.name {
				font: 20px/24px Futura;
				margin: 30px 0 20px;
			}
			.theme {
				font: italic 16px/19px Octava;
			}
		}
	}
	.univ {
		.block {
			width: 300px;
			height: 150px;
			cursor: pointer;
			
			.over {
				display: none;
			}
		}
		.popup {
			position: fixed;
			width: 615px;
			padding: 100px 55px 100px 20px;
			top: 50%;
			left: 50%;
			margin: -230px 0 0 -348px;
			background-color: #fff;
			border: 3px solid #7091D6;
			z-index: 3;
			display: none;
			.cross {
				font: 25px/25px Lineatura;
				position: absolute;
				top: 20px;
				right: 20px;
				color: #7091D6;
				cursor: pointer;
			}	
			
			table {
				.name {
					font: 35px/43px Futura;
					color: #7091D6;
					width: 220px;
				}
				.caption {
					font: 16px/27px Futura;
					width: 400px;
				}
			}
		}
	}
}