/* CSS Document */
html{

}
body {
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFFFFF;
	color: #333;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0; 
	}
#loader {
	position: relative;
	top: 200px;
	display:block;
}
#page {
	background-color: white;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 900px;
	border: 1px solid #959596;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	position: relative;
	display:none;
	}
	
#lefthead {
	width:418px;
	height:231px;
	background-image: url(http://www.agencjadramatu.pl/img/lg.gif);
	top: 0px;
	position: absolute;
	left: 0px;
}
#righthead {
	height:231px;
	width:482px;
	background-image: url(http://www.agencjadramatu.pl/img/pg/pg1.gif);
	left: 418px;
	top: 0px;
	position: absolute;
}
#header {
	position: absolute;
	height: 231px;
	width:900px;
	left: 0px;
	top: 0px;
}
#middle {
	height:285px;
	position: absolute;
	left: 0px;
	top: 231px;
}
#middleleft {
	width:594px;
	height:285px;
	background-image: url(http://www.agencjadramatu.pl/img/lb.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}
#middleright {
	width:306px;
	height:285px;
	position: absolute;
	left: 594px;
	top: 0px;
}
#mru {
	height:90px;
	width:306px;
	background-image: url(http://www.agencjadramatu.pl/img/pbg/pbg1.gif);
}
#mrd {
	height:196px;
	width:306px;
	background-image: url(http://www.agencjadramatu.pl/img/pb.gif);
}
#fframe {
	width:430px;
	height:285px;
	position: absolute;
	left: 163px;
	top: 0px;
}
#textframe {
	width:430px;
	height:285px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow-y: auto;
	overflow-x: hidden;
}

#footer {
	width:900px;
	height:144px;
	background-image: url(http://www.agencjadramatu.pl/img/footer.gif);
	position: absolute;
	top: 516px;
}
/********************GUZIKI******************************/
#guzik1 {
	width: 72px;
	height: 72px;
	top: 86px;
	position: absolute;
	left: 19px;
	overflow: hidden;
}
#guzik2 {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 86px;
	left: 162px;
	overflow: hidden;
}
#guzik3 {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 86px;
	left: 234px;
	overflow: hidden;
}
#guzik4 {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 158px;
	left: 91px;
	overflow: hidden;
}
#guzik5 {
	width: 72px;
	height: 72px;
	position: absolute;
	top: -1px;
	left: 91px;
	overflow: hidden;
}
#guzik6 {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 0px;
	left: 19px;
	overflow: hidden;
}
#guzik7 {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 71px;
	left: 91px;
	overflow: hidden;
}
#guzik8 {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 72px;
	left: 19px;
	overflow: hidden;
}
#button1{
	position: absolute;	
	top:0px;
	left:0px;
}
#button2{
	position: absolute;	
	top:0px;
	left:0px;
}
#button3{
	position: absolute;	
	top:0px;
	left:0px;
}
#button4{
	position: absolute;	
	top:0px;
	left:0px;
}
#button5{
	position: absolute;	
	top:0px;
	left:0px;
}
#button6{
	position: absolute;	
	top:0px;
	left:0px;
}
#button7{
	position: absolute;	
	top:0px;
	left:0px;
}
#button8{
	position: absolute;	
	top:0px;
	left:0px;
}

/***********************KWADRAT***************************/
#prawykwadrat {
	width: 140px;
	height: 64px;
	top: 72px;
	font-weight: bold;
	/*background-color: #5F9215;*/
	position: absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	overflow: hidden;
	display: block;
	/*white-space: normal;*/
}
#prawykwadrat ul{
	padding-left: 5px;
}

/********************KOLORY KWADRATOW****************************/
.kw1{
	background: transparent;
	color: #FFFFAA;
}
.kw1 a:link {text-decoration: none;color: #FEFF13;}
.kw1 a:visited {text-decoration:none; color:#FEFF13;}
.kw1 a:hover {text-decoration:none; color:#FFE02B;}

.kw2{background-color: #B8027E;color: #710000;}
.kw2 a:link {text-decoration: none;color: #FE77FF;}
.kw2 a:visited {text-decoration:none; color: #FE77FF;}
.kw2 a:hover {text-decoration:none; color: #710000;}

.kw3{ background-color: #AE1825; color: #660000}
.kw3 a:link {text-decoration: none;color: #ff6666}
.kw3 a:visited {text-decoration:none; color: #ff6666}
.kw3 a:hover {text-decoration:none; color: #660000}

.kw4{background-color: #228B22;	color: #005901;}
.kw4 a:link {text-decoration: none;	color: #00C102;}
.kw4 a:visited {text-decoration:none; color:#00C102;}
.kw4 a:hover {text-decoration: none;color: #005901;}

.kw5{background-color: #878787;color: #626262;}
.kw5 a:link {text-decoration: none;color: #B6B6B6;}
.kw5 a:visited {text-decoration:none; color: #B6B6B6;}
.kw5 a:hover {text-decoration: none; color: #626262;}

.kw6{background-color: #483093;color:#330066; }
.kw6 a:link {text-decoration: none;color: #9966ff;}
.kw6 a:visited {text-decoration:none; color: #9966ff;}
.kw6 a:hover {text-decoration:none; color: #330066;}

.kw7{background-color: #cc6600;	color: #993300;}
.kw7 a:link {text-decoration: none;color: #ff9900;}
.kw7 a:visited {text-decoration:none;color: #ff9900;}
.kw7 a:hover {text-decoration: none;color: #993300;}

.kw8{	background-color: #00cc99; color: #339999;}
.kw8 a:link {text-decoration: none;	color: #66ffcc}
.kw8 a:visited {text-decoration:none; color:#66ffcc}
.kw8 a:hover {text-decoration:none; color: #339999;}