body {
	margin:60px; 
	padding:0; 
	background:#cccccc url(bg.jpg); 
	text-align: center; 
	font: 12px Trebuchet,Verdana,Tahoma,sans-serif;
	vertical-align: middle;
}

#main {
	width:640px;
	height:640px;
	background:#ffffff;
	margin:0 auto;
	text-align: center;
	vertical-align: middle;
}

#red {
	clear:both;
	width:630px;
	height:200px;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: middle;
}

#stupac {
	float:left;
	width:200px;
	height:630px;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: middle;
}

#s1 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/logo.gif) no-repeat;}
#s2 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/2.jpg) no-repeat; }
#s3 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/3.jpg) no-repeat; }
#s4 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/menu.gif) no-repeat; }
#s5 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/5.jpg) no-repeat; }
#s6 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/6.jpg) no-repeat; }
#s7 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/7.jpg) no-repeat; }
#s8 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/8.jpg) no-repeat; }
#s9 { width: 200px; height: 200px; padding-bottom: 10px; background: url(../images/info.jpg) no-repeat; }

#change {
	width: 200px; 
	height: 200px; 
	padding-bottom: 10px;
}

.text {
	text-align: center;
	vertical-align: middle;
}

#s4 a
{display:block; width:190px; padding:5px 10px 5px 0; color:#606060; font-size:1.3em; font-weight:900; text-decoration:none;}

#s4 a:hover 
{color:#101010;}

#footer{
	width:640px;
	margin:0 auto;
	text-align: right;
}

#content {
	float:left;
	width:410px;
	height:630px;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: middle;
}