html, body {
	background: #404040;
	/*url(../img/graf_start_1.png) center no-repeat;*/
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Geneva, Kalimati, sans-serif;
	height: 100%;
	font-size: small;
	color: #D58540;
}

#CALOSC {
	height: 100%;
	width: 100%;
	padding: 0;
		
}

p {
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 100%;
}

.wejscie {
	width: 410px;
	padding: 5px;
	margin: 10px 0 8px 0;
	text-align: center;
}

h1 a, h1 a img {
	text-decoration: none;
	color: #FFF;
	border: none;
	vertical-align: middle;
	padding: 5px 7px 4px 0;
}

.link_pas:hover {
	color: #3F2E12;
}

.link_kot:hover {
	color: #D58540;
}

#GORA {
	height: 50%;
	background: #C3B392 url(../img/grad_gora_04.png) bottom center repeat-x;
	/*url(../img/graf_start_2.png) bottom no-repeat;*/
	color: #3F2E12;
}

#opis_pastelowa {
	float: left;
	width: 425px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -280px;
	font-size: 90%;
}

#DOL {
	position: absolute;
	top: 50%;
	height: 50%;
	width: 100%;
	background: #404040 url(../img/grad_dol_04.png) top center repeat-x;
	color: #D58540;
}

#opis_kot {
	float: left;
	width: 425px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	font-size: 90%;
}

#stopka {
	clear: both;
	position: relative;
	top: 40px;
	text-align: center;
	font-size: 80%;
	color: #808080;
	font-size: 80%;
}

#stopka a {
	text-decoration: none;
	color: #C0C0C0;
}

#stopka a:hover {
	color: #FFF;
}

.left {
	float: left;
}
.right {
	float: right;
}
#pastel {
	padding-right: 20px;
}