*{
	margin: 0px auto;
	padding: 0px;
	box-sizing:border-box;
}

body{
    margin:0px auto;
	padding:0px 110px;
    color: #181818;
    font-family: 'arial', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
    font-size: 16px;
	width:100%;
	background:#ffffff;
}

.showMenu{
	-webkit-transform: translateX(0px) !important;
	-moz-transform: translateX(0px) !important;
	-o-transform: translateX(0px) !important;
	-ms-transform: translateX(0px) !important;
	transform: translateX(0px) !important;
}

#menuSite{
	width:410px;
	height:100%;
	background:#fff;
	position:fixed;
	left:0px;
	top:0px;
	z-index:999;
	transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s;
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}

#menuSite .left{
	width:300px;
	height:100%;
	overflow:hidden;
	float:left;
	background:#eee;
}

#menuSite .left div{
	width:200px;
	overflow:hidden;
	margin:0px auto;
}

#menuSite .left div span{
	display:block;
	width:100%;
	color:#181818;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	margin:20px auto;
}

#menuSite .left div ul{
	display:block;
	width:100%;
	list-style:none;
	float:left;
	margin-bottom:50px;
}

#menuSite .left div ul li a{
	display:block;
	width:100%;
	text-decoration:none;
	padding:5px 0px;
	color:#777;
	font-size:15px;
}

#menuSite .left div ul li a:hover{
	color:#000;
}

#menuSite .left div p{
	width:100%;
	color:#777;
	font-size:15px;
	line-height:24px;
}

#menuSite .right{
	width:110px;
	height:100%;
	overflow:hidden;
	float:right;
}

#menuSite .right .logo{
	width:30px;
	overflow:hidden;
	margin:10px auto;
}

#menuSite .right .logo a img{
	width:100%;
}



.page{
	width:100%;
	margin:0px auto;
	background:#eee;
	overflow:hidden;
}

.page h1, .page h2, .page h3{
	font-size:60px;
	text-align:center;
	padding:30px 0px;
	/*font-family: 'bebas_neuebold';*/
	font-family: 'Bebas Neue', cursive;
}

.page .slideBox{
	position:relative;
	overflow:hidden;
	width:100%;
	height:580px;
	background:#000;
}

.page .slideBox .slider{
	position:absolute;
	top:0;
	left:0;
	width:400%;
	height:580px;
	animation: animate 9s linear infinite;
}

.page .slideBox .slider .slide{
	width:25%;
	height:580px;
	float:left;
	position:relative;
}

.page .slideBox .slider .slide .caption{
	width:100%;
	margin-top:400px;
	background:rgba(255,255,255,0.9);
	padding:10px;
}

.page .slideBox .slider .slide .caption h1, .page .slideBox .slider .slide .caption h2{
	text-align:left;
	line-height:auto;
	margin:0px;
	padding:0px;
}

.page .slideBox .slider .slide .caption p{
	text-align:left;
	line-height:auto;
	margin:0px;
	padding:0px;
}

.page .slideBox .slider .slide1{
	background-image: url(images/slider_2.png);
	background-size:cover;
	background-position:center;
}

.page .slideBox .slider .slide2{
	background-image: url(images/slider_3.png);
	background-size:cover;
	background-position:center;
}

.page .slideBox .slider .slide3{
	background-image: url(images/slider_4.png);
	background-size:cover;
	background-position:center;
}

.page .slideBox .slider .slide4{
	background-image: url(images/slider_2.png);
	background-size:cover;
	background-position:center;
}

@keyframes animate{
	0%{left:0%;}
	25%{left:0%}
	30%{left:-100%;}
	60%{left:-100%;}
	65%{left:-200%;}
	95%{left:-200%;}
	100%{left:-300%;}
}

.page .topOnas{
	background:#000 url('images/slider_2_black.png');
}

.page .topOferta{
	background:#000 url('images/slider_3_black.png');
}

.page .topKontakt{
	background:#000 url('images/slider_4_black.png');
}

.page .topSubSite{
	position:relative;
	overflow:hidden;
	width:100%;
	height:380px;
}

.page .topSubSite h1{
	font-size:60px;
	text-align:center;
	font-family: 'Bebas Neue', cursive;
	color:#eee;
	padding-top:140px;
}



.pageIn{
	width:100%;
	max-width:1300px;
	height:650px;
	position:relative;
	margin:20px auto;
}

.pageIn p{
	text-align:center;
	line-height:25px;
}

.pageIn p.secondOpis{
	text-align:left;
	line-height:35px;
}

.pageIn p.secondOpis strong{
	margin-top:20px;
	display:block;
}

.pageIn ul{
	list-style:none;
}

.pageIn ul li{
	padding:10px 60px;
}

.pageIn a.button, .pageIn button{
	max-width:120px;
	display:block;
	margin:20px auto;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	border-radius:3px;
	
	color: #000;
	padding: 18px 28px;
	background-color: transparent;
	border: #000 2px solid;
}

.pageIn a.button:hover, .pageIn button:hover{
	background:#222;
	color:#eee;
}

.pageIn .blockSmall{
	width:305px;
	height:305px;
	margin:10px;
	position:absolute;
	transition: top 0.5s, left 0.5s;
}

.pageIn .blockBig{
	width:630px;
	height:630px;
	margin:10px;
	position:absolute;
	transition: top 0.5s, left 0.5s;
}

.pageIn #blockOne{top:0px;left:0px;background:#fff url('images/programowanie.png');background-size:100% 100%;}
.pageIn #blockTwo{top:325px;left:0px;background:#fff url('images/seo.png');background-size:100% 100%;}
.pageIn #blockThree{top:0px;left:325px;background:#fff url('images/strona.png');background-size:100% 100%;}
.pageIn #blockFour{top:0px;left:975px;background:#fff url('images/logotyp.png');background-size:100% 100%;}
.pageIn #blockFive{top:325px;left:975px;background:#fff url('images/media.png');background-size:100% 100%;}

.pageIn .blockSmall .oneSmall{
	width:305px;
	height:305px;
	position:absolute;
	left:0px;
	right:0px;
	background:rgba(0,0,0,0.6);
	opacity:0;
	cursor:pointer;
	/*transform: rotate(90deg);*/
}

.pageIn .blockSmall:hover .oneSmall{
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.pageIn .blockSmall .oneSmall div{
	width:100%;
	padding:10px;
	overflow:hidden;
}

.pageIn .blockSmall .oneSmall div p{
	color:#ddd;
	opacity:0;
	line-height:30px;
	font-size:15px;
	text-align:left;
}

.pageIn .blockSmall .oneSmall div p.naglowek{
	margin-top:20px;
	margin-bottom:40px;
	color:#fff;
	font-weight:bold;
}

.pageIn .blockSmall:hover .oneSmall div p{
	margin-left:30px;
	transform: translateX(-30px);
	transition: all 0.3s ease-in-out;
	opacity:1;
}

.pageIn .blockBig .oneBig{
	width:630px;
	height:630px;
	position:absolute;
	left:0px;
	right:0px;
	background:rgba(0,0,0,0.6);
	opacity:0;
	cursor:pointer;
	/*transform: rotate(90deg);*/
}

.pageIn .blockBig:hover .oneBig{
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.pageIn .blockBig .oneBig div{
	width:100%;
	padding:10px;
	overflow:hidden;
}

.pageIn .blockBig .oneBig div p{
	color:#ddd;
	opacity:0;
	line-height:30px;
	font-size:15px;
	text-align:left;
}

.pageIn .blockBig .oneBig div p.naglowek{
	margin-top:20px;
	margin-bottom:40px;
	color:#fff;
	font-weight:bold;
}

.pageIn .blockBig:hover .oneBig div p{
	margin-left:30px;
	transform: translateX(-30px);
	transition: all 0.3s ease-in-out;
	opacity:1;
}




.pageIn .blockLeft{
	width:25%;
	padding:10px 20px;
	float:left;
	overflow:hidden;
}

.pageIn .blockLeft i{
	font-size:36px;
	color:#999;
	float:left;
	-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		transition:all 0.2s ease 0s;
		-moz-transition:all 0.2s ease 0s;
    	-webkit-transition:all 0.2s ease 0s;
    	-o-transition:all 0.2s ease 0s;
}

.pageIn .blockLeft:hover i{
	-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	color:#000;
}

.pageIn .blockLeft div{
	margin-left:60px;
	color:#777;
}

.pageIn .blockLeft div p{
	line-height:25px;
	text-align:left;
}

.pageIn .blockLeft div p.naglowek{
	color:#222;
	font-size:24px;
	margin-bottom:15px;
}

.pageIn .col50{
	width:50%;
	overflow:hidden;
	padding:20px 40px;
}

.pageIn .col50 h2{
	font-size:40px;
	text-align:left;
	padding:0px 0px;
	font-family: 'Bebas Neue', cursive;
}

.pageIn .col50 p{
	color:#777;
	text-align:left;
	padding:10px 0px;
}

.pageIn .col50 p.small{
	font-size:12px;
	text-align:left;
}

.pageIn .col50 p.wstep{
	font-size:24px;
	color:#222;
	line-height:40px;
}




.pageIn .formularz{
	width:100%;
	max-width:700px;
	margin:0px auto;
	overflow:hidden;
}

.pageIn .formularz .form50{
	width:50%;
	overflow:hidden;
	padding:15px;
}

.pageIn .formularz .form100{
	width:100%;
	overflow:hidden;
	padding:15px;
}

.pageIn .formularz div#informacjaFormularz{
	width:100%;
	text-align:center;
}

.pageIn .formularz div input, .pageIn .formularz div textarea{
	width:100%;
	border:none;
	background:#fff;
	padding:12px 20px;
	font-family: "Open Sans";
	line-height: 25px;
	font-style: normal;
	font-size: 15px;
}




.stopka{
	width:100%;
	margin:0px auto;
	padding:20px 0px;
	border-top:1px solid #777;
	background:#222;
	overflow:hidden;
}

.stopka .col25{
	width:25%;
	float:right;
	padding:10px;
}

.stopka .col25 p{
	line-height:25px;
	text-align:left;
	/*color:#777;*/
	color:#eee;
}

.stopka .col25 p.naglowek{
	/*color:#222;*/
	color:#eee;
	font-size:24px;
	margin-bottom:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Bebas Neue', cursive;
}

.stopka .col25 p a{
	text-decoration:none;
	/*color:#777;*/
	color:#eee;
}

.stopka .col25 ul{
	width:100%;
	list-style:none;
}

.stopka .col25 ul li a{
	display:block;
	padding:10px 0px;
	text-decoration:none;
	/*color:#777;*/
	color:#eee;
}

.stopka .col25 ul li a:hover{
	/*color:#000;*/
	color:#777;
}

.stopka .col100{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	padding:0px 10px;
}

.stopka .col100 p{
	color:#999;
	text-align:right;
	font-size:10px;
}





/* ciasteczka */
#ciasteczka{
	width:100%;
	overflow:hidden;
	position:fixed;
	left:0px;
	bottom:0px;
	text-align:center;
	color:#eee;
	background:#222;
	display:none;
	z-index:999;
}

#ciasteczka p{
	display:block;
	width:100%;
	text-align:center;
	padding:12px 10px;
	font-size:14px;
	line-height:30px;
}

#ciasteczka p a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#ciasteczka #accept-cookies-checkbox{
	padding: 14px 24px;
	text-align:center;
	background:#222;
	border-radius:2px;
	border:1px solid #eee;
	margin-left:40px;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
}

#ciasteczka #accept-cookies-checkbox:hover{
	background:#eee;
	color:#222;
}




/* mapa glowna */
.mapka{
	width:100%;
	height:500px;
	margin:0px auto;
}





/* opinion */
.setOpinion{
	overflow:hidden;
	height:200px !important;
}

.boxOpinion{
	width:300%;
	height:200px;
	/*background:#f00;*/
	position:absolute;
	top:0px;
	left:0px;
	animation: animateopinion 9s linear infinite;
}

.boxOpinion .opinion{
	width:11.1%;
	height:300px;
	float:left;
	margin:0px;
	/*background:#f00;*/
}

.boxOpinion .opinion .in{
	width:80%;
	height:120px;
	margin:30px auto;
	background:#fff;	
	position:relative;
}

@keyframes animateopinion{
	0%{left:0%;}
	12%{left:0%}
	16.5%{left:-33.3%;}
	28.5%{left:-33.3%;}
	33%{left:-66.6%;}
	45%{left:-66.6%;}
	49.5%{left:-99.9%;}
	61.5%{left:-99.9%;}
	66%{left:-133.3%;}
	78%{left:-133.3%;}
	82.5%{left:-166.6%;}
	94.5%{left:-166.6%;}
	100%{left:-200%;}
}

.boxOpinion .opinion .in .person{
	width:30%;
	height:100px;
	float:left;
}

.boxOpinion .opinion .in .person i{
	display:block;
	font-size:30px;
	text-align:center;
	padding:30px 0px 10px 0px;
}

.boxOpinion .opinion .in .person p{
	font-size:14px;
	font-weight:bold;
}

.boxOpinion .opinion .in .text{
	width:70%;
	height:170px;
	float:left;
	padding:10px;
}

.boxOpinion .opinion .in .text p{
	text-align:left;
}

.boxOpinion .opinion .in .star{
	width:60%;
	height:30px;
	position:absolute;
	left:32.5%;
	bottom:10px;
}

.boxOpinion .opinion .in .star i{
	color:#F9B403;
}




/* zakladki - prawy bok */
.zakladkaFB{
	width:30px;
	height:130px;
	background:#7B7B7B url('images/zakladka_FB_hover.png') no-repeat;
	background-position:center center;
	position:fixed;
	top:200px;
	right:0px;
}

.zakladkaFB:hover{
	cursor:pointer;
	background:#3368AE url('images/zakladka_FB.png') no-repeat;
}





.heightAuto{
	height:auto;
	overflow:hidden;
	padding-bottom:50px;
}

.fLeft{ float:left; }
.fRight{ float:right; }

.error{ border:1px solid #f5002d !important; }

.tRed{ color:#f5002d !important; }
.tGreen{ color:green !important; }

.displayNone{ display:none; }
.displayBlock{ display:block; }


/* author */
.author{
	width:100%;
	height:40px;
	margin:0px auto;
	padding:10px;
	background:#222;
}
.author > .in{
	width:100%;
	margin:0px auto;	
	overflow:hidden;
	text-align:center;
	font-size:12px;
	color:#eee;
}
.author > .in > span{
	display:inline-block;
	height:20px;
	line-height:1.5;
}
.author > .in > span > a{
}
.author > .in > span > a > img{
	height:20px;
	vertical-align:middle;
	margin-left:20px;
}


@media screen and (max-width: 1520px) {	
	.pageIn{
		max-width:900px;
		height:450px;
	}

	.pageIn .blockSmall{
		width:205px;
		height:205px;
	}

	.pageIn .blockBig{
		width:430px;
		height:430px;
	}

	.pageIn #blockOne{top:0px;left:0px;}
	.pageIn #blockTwo{top:225px;left:0px;}
	.pageIn #blockThree{top:0px;left:225px;}
	.pageIn #blockFour{top:0px;left:675px;}
	.pageIn #blockFive{top:225px;left:675px;}
	
	.pageIn .blockSmall .oneSmall{
		width:205px;
		height:205px;
	}
	
	.pageIn .blockBig .oneBig{
		width:430px;
		height:430px;
	}
	
	.pageIn .blockSmall .oneSmall div p{
		line-height:20px;
		font-size:13px;
	}
	
	.pageIn .blockSmall .oneSmall div p.naglowek{
		margin-top:10px;
		margin-bottom:20px;
	}
	
	.pageIn .blockBig .oneBig div p{
		line-height:20px;
		font-size:13px;
	}

	.pageIn .blockBig .oneBig div p.naglowek{
		margin-top:10px;
		margin-bottom:20px;
	}

	.heightAuto{
		height:auto;
		overflow:hidden;
		padding-bottom:50px;
	}
	
	.pageIn .blockLeft{
		width:50%;
	}
	
	.page .slideBox .slider .slide .caption h1{
		font-size:34px;
	}

	.page .slideBox .slider .slide .caption p{
		line-height:30px;
	}
}

@media screen and (max-width: 1140px) {	
	.pageIn{
		max-width:650px;
		height:1640px;
	}

	.pageIn .blockSmall{
		width:305px;
		height:305px;
	}

	.pageIn .blockBig{
		width:630px;
		height:630px;
	}

	.pageIn #blockOne{top:0px;left:0px;}
	.pageIn #blockTwo{top:0px;left:325px;}
	.pageIn #blockThree{top:325px;left:0px;}
	.pageIn #blockFour{top:975px;left:0px;}
	.pageIn #blockFive{top:975px;left:325px;}
	
	.pageIn .blockSmall .oneSmall{
		width:305px;
		height:305px;
	}
	
	.pageIn .blockBig .oneBig{
		width:630px;
		height:630px;
	}
	
	.pageIn .blockSmall .oneSmall div p{
		line-height:30px;
		font-size:15px;
	}
	
	.pageIn .blockSmall .oneSmall div p.naglowek{
		margin-top:20px;
		margin-bottom:40px;
	}
	
	.pageIn .blockBig .oneBig div p{
		line-height:30px;
		font-size:15px;
	}

	.pageIn .blockBig .oneBig div p.naglowek{
		margin-top:20px;
		margin-bottom:40px;
	}

	.heightAuto{
		height:auto;
		overflow:hidden;
		padding-bottom:50px;
	}
	
	.page .slideBox .slider .slide .caption h1{
		font-size:30px;
	}

	.page .slideBox .slider .slide .caption p{
		font-size:12px;
		line-height:20px;
	}
	
	.pageIn .col50{
		width:100%;
		padding:10px 0px;
	}
	
	.fLeft, .fRight{
		float:none;
		margin:0px auto;
	}
	
	.page .topSubSite h1{
		font-size:40px;
	}
	
	.pageIn .formularz .form50{
		width:100%;
		overflow:hidden;
		padding:15px;
	}
	
	.boxOpinion{
		width:450%;
	}

	.boxOpinion .opinion{
		width:11.1%;
	}
	
	.boxOpinion .opinion .in{
		width:90%;
	}

	@keyframes animateopinion{
		0%{left:0%;}
		12%{left:0%}
		16.5%{left:-50%;}
		28.5%{left:-50%;}
		33%{left:-100%;}
		45%{left:-100%;}
		49.5%{left:-150%;}
		61.5%{left:-150%;}
		66%{left:-200%;}
		78%{left:-200%;}
		82.5%{left:-250%;}
		94.5%{left:-250%;}
		100%{left:-300%;}
	}
	
	.boxOpinion .opinion .in .person i{
		font-size:24px;
	}

	.boxOpinion .opinion .in .person p{
		font-size:13px;
	}

	.boxOpinion .opinion .in .text p{
		font-size:15px;
		line-height:20px;
	}
}

@media screen and (max-width: 920px) {
	.page h1, .page h2, .page h3{
		font-size:40px;
	}
	
	.pageIn{
		max-width:325px;
		height:1625px4
	}

	.pageIn .blockSmall, .pageIn .blockBig{
		width:305px;
		height:305px;
	}

	.pageIn #blockOne{top:0px;left:0px;}
	.pageIn #blockTwo{top:325px;left:0px;}
	.pageIn #blockThree{top:650px;left:0px;}
	.pageIn #blockFour{top:975px;left:0px;}
	.pageIn #blockFive{top:1300px;left:0px;}
	
	.pageIn .blockSmall .oneSmall, .pageIn .blockBig .oneBig{
		width:305px;
		height:305px;
	}

	.heightAuto{
		height:auto;
		overflow:hidden;
		padding-bottom:50px;
	}
	
	.pageIn .blockLeft{
		width:100%;
		padding:10px 4px;
	}
	
	.pageIn .blockLeft i{
		font-size:26px;
		color:#999;
		float:left;
		-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			transition:all 0.2s ease 0s;
			-moz-transition:all 0.2s ease 0s;
			-webkit-transition:all 0.2s ease 0s;
			-o-transition:all 0.2s ease 0s;
	}

	.pageIn .blockLeft:hover i{
		-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
		color:#000;
	}

	.pageIn .blockLeft div{
		margin-left:40px;
		color:#777;
	}

	.pageIn .blockLeft div p{
		line-height:25px;
		text-align:left;
	}

	.pageIn .blockLeft div p.naglowek{
		color:#222;
		font-size:20px;
		margin-bottom:15px;
	}
	
	.stopka .col25{
		width:100%;
	}
	
	.pageIn .col50 h2{
		font-size:30px;
		text-align:left;
		padding:0px 0px;
		font-family: 'Bebas Neue', cursive;
	}

	.pageIn .col50 p{
		color:#777;
		text-align:left;
		padding:10px 0px;
	}

	.pageIn .col50 p.small{
		font-size:12px;
		text-align:left;
	}

	.pageIn .col50 p.wstep{
		font-size:20px;
		color:#222;
		line-height:30px;
	}
	
	.boxOpinion{
		width:900%;
	}

	.boxOpinion .opinion{
		width:11.1%;
	}
	
	.boxOpinion .opinion .in{
		width:90%;
	}

	@keyframes animateopinion{
		0%{left:0%;}
		12%{left:0%}
		16.5%{left:-100%;}
		28.5%{left:-100%;}
		33%{left:-200%;}
		45%{left:-200%;}
		49.5%{left:-300%;}
		61.5%{left:-300%;}
		66%{left:-400%;}
		78%{left:-400%;}
		82.5%{left:-500%;}
		94.5%{left:-500%;}
		100%{left:-600%;}
	}
	
	.boxOpinion .opinion .in .person i{
		font-size:24px;
	}

	.boxOpinion .opinion .in .person p{
		font-size:13px;
	}

	.boxOpinion .opinion .in .text p{
		font-size:15px;
		line-height:20px;
	}
	
	.setOpinion{
		max-width:290px !important;
	}
	
	.boxOpinion .opinion .in{
		width:96%;
	}
}

@media screen and (max-width: 620px) {
	.page h1, .page h2, .page h3{
		font-size:30px;
	}
	
	body{
		padding:0px 60px;
	}
	
	#menuSite{
		width:300px;
		transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1), opacity 0.3s ease-in-out 0.2s;
		-webkit-transform: translateX(-240px);
		-moz-transform: translateX(-240px);
		-o-transform: translateX(-240px);
		-ms-transform: translateX(-240px);
		transform: translateX(-240px);
	}
	
	#menuSite .right{
		width:60px;
	}

	#menuSite .left{
		width:240px;
		height:100%;
		overflow:hidden;
		float:left;
		background:#eee;
	}

	#menuSite .left div{
		width:180px;
		overflow:hidden;
		margin:0px auto;
	}
	
	.pageIn{
		max-width:220px;
		height:1125px;
	}

	.pageIn .blockSmall, .pageIn .blockBig{
		width:205px;
		height:205px;
	}

	.pageIn #blockOne{top:0px;left:0px;}
	.pageIn #blockTwo{top:225px;left:0px;}
	.pageIn #blockThree{top:450px;left:0px;}
	.pageIn #blockFour{top:675px;left:0px;}
	.pageIn #blockFive{top:900px;left:0px;}
	
	.pageIn .blockSmall .oneSmall, .pageIn .blockBig .oneBig{
		width:205px;
		height:205px;
	}
	
	.pageIn .blockSmall .oneSmall div p{
		line-height:20px;
		font-size:13px;
	}
	
	.pageIn .blockSmall .oneSmall div p.naglowek{
		margin-top:10px;
		margin-bottom:20px;
	}
	
	.pageIn .blockBig .oneBig div p{
		line-height:20px;
		font-size:13px;
	}

	.pageIn .blockBig .oneBig div p.naglowek{
		margin-top:10px;
		margin-bottom:20px;
	}

	.heightAuto{
		height:auto;
		overflow:hidden;
		padding-bottom:50px;
	}
	
	.page .topSubSite h1{
		font-size:30px;
	}
	
	.autor a{
		float:none;
		margin:0px auto;
	}
	
	.author{
		height:60px;
	}
	.author > .in > span{
		height:40px;
	}
}