/*
	RESET I PODSTAWOWE STYLE
*/

* {
	padding: 0;
	margin: 0;
}


body {
	color: #ffffff;
	font: 13px/20px Tahoma, Arial, sans-serif;
	text-align: left;
	background: #649cbf;
}

a {
	outline: none;
	color: #666666;
	text-decoration: underline;
}
 
a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a:active {
	position: relative; 
	bottom: 1px;
	color: #ffffff;
	text-decoration: underline;
}

a img { 
	border: 0; 
	background: none; 
}

img	{ 
	vertical-align: middle; 
	border: 1px solid #cccccc;
	padding: 2px;
}

.clear {
	clear: both;
}

/*
	KONSTRUKCJA
*/

#all {
	margin: auto;
	width: 980px;
}

/*
	NAGŁÓWEK
*/

#header {
	background: url('../img/header.jpg') no-repeat;
	height: 530px;
}

#haslo {
	background: url('../img/haslo.png') no-repeat;
	height: 45px;
	width: 389px;
	float: right;
	margin: 34px 62px 0 0;
}

#krzysztof_krupka {
	background: url('../img/krzysztof_krupka.png') no-repeat;
	height: 49px;
	width: 270px;
	float: right;
	margin: 44px 62px 0 0;
}

#haslo h1, #krzysztof_krupka h1 {
	text-indent: -4000px;
}

#kontakt {
	background: url('../img/kontakt.png') no-repeat;
	height: 22px;
	width: 255px;
	float: right;
	padding: 8px 0 0 15px;
	margin: 34px 190px 0 0;
	font: bold 12px Tahoma, sans-serif;
	color: #0d476b;
}

#dane_kontaktowe {
	background: url('../img/dane_kontaktowe.png') no-repeat;
	height: 85px;
	width: 196px;
	float: right;
	margin: 5px 248px 0 0;
	padding: 12px 0 0 15px;
	font: bold 13px/22px Tahoma, sans-serif;
	color: #0d476b;
}

#dane_kontaktowe a {
	color: #0d476b;
}

#dane_kontaktowe a:hover {
	color: #01283f;
}

a.ikona-tel {
	display: block;
	width: 160px;
	height: 160px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	transform: scale(0.4);
	background: url('../img/ikona-tel.png') no-repeat;
	transition: all 0.5s ease-out allow-discrete;
	transition: 200ms linear 50ms;
}

a.ikona-tel:hover {
	transform: scale(0.5);
}

#fv {
	background: url('../img/fv.png') no-repeat;
	height: 69px;
	width: 217px;
	float: right;
	margin: 20px 165px 0 0;
	padding: 32px 0 0 90px;
	font: bold 13px/22px Tahoma, sans-serif;
	color: #0d476b;
}

/*
	CZĘŚĆ WŁAŚCIWA
*/

#content {
	background: url('../img/bar.jpg') repeat-y;
	margin-top: -70px;
}

/*
	LEWA KOLUMNA
*/

#left {
	float: left;
	width: 500px;
}

 #left p {
	padding: 0 0 10px 35px;
	font: 14px/20px Tahoma, Arial, sans-serif;
 }

 #left .firmy {
	text-align: center;
}

 #left .firmy img {
	margin: 0 5px;
}

 #left .komorka {
	margin-bottom: 10px;
 }

/*
	PRAWA KOLUMNA
*/

#right {
	float: right;
	width: 415px;
	padding: 0 45px 0 20px;
}

 #right p{
	padding-bottom: 10px;
	font: 14px/20px Tahoma, Arial, sans-serif;
 }
 
 #right ul li {
	font: 14px/20px Tahoma, Arial, sans-serif;
	padding: 0 0 4px 0;
 }

/*
	STOPKA
*/


#footer {
	background: url('../img/footer.jpg') no-repeat;
	clear: both;
	height: 20px;
	margin: 0 auto;
	padding: 0 50px 0 0;
}

#footer p {
	font-size: 11px;
	padding: 15px 0 10px 0;
	text-align: right;
}
 
#footer a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}



/*
	ETYKIETA
*/

.etykieta {
	position: absolute;
	font-size: 10px!important;
	border: 1px solid #ffffff!important;
	text-align: center!important;
	color: #ffffff!important;
	padding: 4px!important;
	background: #000000!important;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

@media only screen and (max-width: 787px) {

a.ikona-tel {
	transform: scale(1)!important;
	bottom: 60px;
	right: 60px;
}

a.ikona-tel:hover {
	transform: scale(1)!important;
}

}

/*
	PASEK IE6
*/

.ie6 {
	background: url('../ie6/tlo.jpg') repeat-x;
	height: 420px;
	width: 100%;
}

.ie6 .content {
	margin: auto;
	width: 980px;
}

.ie6 h2 {
	color: #fefd37;
	font-size: 23px;
	text-align: center;
	padding: 10px 0;
}

.ie6 p {
	color: #ffffff;
	font-size: 12px;
	padding: 3px 0;
}

.ie6 .content #przegladarki {
	margin: auto;
	width: 980px;
	margin-top: 15px;
	text-align: center;
}

.ie6 .content #przegladarki img {
	padding: 0 4px;
}