.sll{
position: relative;
margin-top: -30px;
text-align: left;
	margin-left: 180px;
	font-family: Octava;
	font-size: 25px;
	width: 600px;
}



.sl2{position: relative;
margin-left: 500px!important;
	font-size: 25px;
text-align: right;
	margin-left: 680px;
	font-family: Octava;
	width: 600px;
}


.tb{
position: absolute;
width: 300px;
font-family: Futura;
font-size: 16px;
line-height: 21px;
	}



* {
	padding: 0;
	margin: 0;
}

td {
	vertical-align: top;
}
a {
	color: inherit;
}
.clr {
	clear: both;
}

#wrapper {
	width: 1220px;
	margin: 0 auto;
	position: relative;
}

.blockz {
	width: 1240px;
	margin: 0 auto;
}
h2 {
	font-family: Futura;
	font-size: 70px;
	line-height: 84px;
	padding: 40px 0;
}
table p {
	font-family: Octava;
	font-size-adjust: 16px;
	line-height:19px;
}
.slider {
	position: relative;
	width: 600px!important;
	height: 443px!important;
	padding-bottom: -14px;
	
	.rsSlide  {
		img {
			width: 100% !important;
			margin: 0 !important;
				height: 443px !important;
		}
	}
}
.bg {
	position: relative;
	width: 1020px;
	height: 1463px;
	background: url(../images/pcituress.jpg) no-repeat;
	margin: 100px auto;
	
	.dot {
		position: absolute;
		width: 46px;
		height: 51px;
		cursor: pointer;
		background: #f00;
		
		&.d1 {
			background: url(../images/1.png) no-repeat;
			&:hover {background: url(../images/1_h.png) no-repeat;}
		}
		&.d2 {
			background: url(../images/2.png) no-repeat;
			&:hover {background: url(../images/2_h.png) no-repeat;}
		}
		&.d3 {
			background: url(../images/3.png) no-repeat;
			&:hover {background: url(../images/3_h.png) no-repeat;}
		}
		&.d4 {
			background: url(../images/4.png) no-repeat;
			&:hover {background: url(../images/4_h.png) no-repeat;}
		}
		&.d5 {
			background: url(../images/5.png) no-repeat;
			&:hover {background: url(../images/5_h.png) no-repeat;}
		}
		&.d6 {
			background: url(../images/6.png) no-repeat;
			&:hover {background: url(../images/6_h.png) no-repeat;}
		}
		&.d7 {
			background: url(../images/7.png) no-repeat;
			&:hover {background: url(../images/7_h.png) no-repeat;}
		}
		&.d8 {
			background: url(../images/8.png) no-repeat;
			&:hover {background: url(../images/8_h.png) no-repeat;}
		}
		&.d9 {
			background: url(../images/9.png) no-repeat;
			&:hover {background: url(../images/9_h.png) no-repeat;}
		}
		&.d10 {
			background: url(../images/10.png) no-repeat;
			&:hover {background: url(../images/10_h.png) no-repeat;}
		}
		
		
		
		&.d11 {
			background: url(../images/11.png) no-repeat;
			&:hover {background: url(../images/11_h.png) no-repeat;}
		}
		
		&.d12 {
			background: url(../images/12.png) no-repeat;
			&:hover {background: url(../images/12_h.png) no-repeat;}
		}
		
		&.d13 {
			background: url(../images/13.png) no-repeat;
			&:hover {background: url(../images/13_h.png) no-repeat;}
		}
	}
}

.popup {
	display: none;
	position: fixed;
	width: 775px;
	height: 390px;
	top: 50%;
	left: 50%;
	margin: -195px 0 0 -362px;
	background: #fff;
	overflow: hidden;
	box-shadow: 7px 7px 15px rgba(0,0,0,0.5);
	.close {
		position: absolute;
		right: 10px;
		top: 20px;
		width: 21px;
		height: 20px;
		background: url(../images/cross.png) no-repeat center center;
		cursor: pointer;
	}
	
	
	.zag{
		font-family: Futura;
		font-size: 25px;
		margin-bottom: 25px;
	}
	
	img {
		float: left;
	}
	p {
		padding:  20px 80px 20px 20px;
		font-family: Futura;
		font-size: 15px;
		line-height: 19px;
		margin-left: 290px;
	}
}
.data-base {
	display: none;
}