html, body, #wraper { height: 100%; }
body > #wraper { height: auto; min-height: 100%; box-sizing: border-box; }

#stopka {
 clear: both;
 position: relative;
 z-index: 10;
 height: 200px;
 margin-top: -200px;
}

#wraper { padding-bottom: 200px; }

body, html{
    padding:0px;
    margin:0px;
	font-family: arial, sans-serif;
}
img {border:0}
body{
	font-size: 15px;
    font-weight: 400;
	min-width:1280px;
	color:#444;
	background-color:#fff;
}
.clear{clear:both}
#wraper{margin:0px auto;width:960px;background-color:#fff;}
#top{height:140px;width:100%;text-align:center;padding:20px 0}
#stopka {height:140px;width:100%;color:#fff;background-color:#000;text-align:center;padding:30px 0}

#content{padding:20px 0}

.button{margin:0 10px;float:left;display:block;width:230px;height:27px;padding:17px 0;text-align:center;color:#29abe2;text-decoration:none;border:4px solid #000;font-size:20px;font-style:italic;font-family: 'times new roman', serif;font-weight:bold}

input,select,textarea{
width:600px;
padding:10px;
border:0px;
background-color:#cceeff;
margin:8px 0;
}
#menul a, #menup a{
	font-size:11px;
	color:#444444;
	text-decoration:none;
}
#menul a:hover, #menup a:hover, .menuk{
	color:#888888;
	}
#menul a{margin-right:30px}
#menup a{margin-left:30px}
#menul{float:left;}
#menup{float:right;}
h1{color:#444;font-size:40px;font-family: 'times new roman', serif;font-weight:bold}
h2{color:#888;font-size:20px;font-style:italic;font-family: 'times new roman', serif;font-weight:bold}
#menuld a, #menupd a{
	font-size:11px;
	color:#aaaaaa;
	text-decoration:none;
}
#menuld a:hover, #menupd a:hover, .menuk{
	color:#888888;
	}
#menuld a{margin-right:30px}
#menupd a{margin-left:30px}
#menuld{float:left;}
#menupd{float:right;}