* {
	font-family: "trebuchet MS", verdana, arial, tahoma, sans-serif;
	margin: 0px;
	padding: 0px;
}

body {
	background: url(images/tlo.jpg) repeat-x;
	background-color: #B2B2B2;
	color: #494949;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
}

img, a img {border: 0px; padding: 0px; margin: 0px; float:none;}

a {
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
	color: #605855;
}

a:hover {text-decoration: underline;}

p {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

h1 {
	color: #494949;
	font-size:24px;
	padding: 5px 0px 10px 250px;
	float:left;
	width: 530px;
        line-height: 28px;
}


h2 {
	color: #494949;
	font-size:24px;
	padding: 0px;
	line-height: 28px;
}
/* elementy fruwajace */
#box1 {
	background: url(/tpl/fly-box-kontakt.png) 0 0 no-repeat;
	width:130px;
	padding-top:140px;
	height:0;
	overflow:hidden;
	position: fixed;
	top:120px;
	right:20px;
	display:block;
}
#box2 {
	abackground: url(/tpl/fly-box-player.png) 0 0 no-repeat;
	width:130px;
	apadding-top:140px;
	height:140px;
	overflow:hidden;
	position: fixed;
	top:280px;
	right:20px;	
	display:block;
}
/* ----- top ----- */



#menu{
	clear: both;
	width: 868px;
	padding: 0px 0px 0px 0px;
	margin:auto;
}

#menu img {
	float: left;
}

#top{
	clear: both;
	width: 868px;
	height:52px;
	margin:auto;
	background: url(images/index_wieszaki.jpg) top right no-repeat;
}


#top img {float: left;}

#menu2 {
	padding: 0px 0px 0px 24px;
}

#menu2 img{float:left;}
/* ---------- */

#calosc {
	clear: both;
	width: 868px;
	margin:auto;
	padding: 0px 0px 0px 0px;
	background: url(images/tlo_calosc.jpg) right repeat-y;
}


/* ---------- */
.tresc_strony {
	clear: both;
	width:770px;
	padding: 0px 0px 0px 65px;
	float: left;
}

.tresc_strony ul {
	clear: both;
	width:740px;
	padding: 0px 0px 0px 30px;
	float: left;
}

.tresc_strony ul li{
	clear: both;
	width:740px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.tresc_strony ol {
	clear: both;
	width:740px;
	padding: 0px 0px 0px 30px;
	float: left;
}

.tresc_strony ol li{
	clear: both;
	width:750px;
	padding: 0px 0px 0px 0px;
	float: left;
}


.box1 {
	width: 248px;
	padding: 108px 2px 0px 2px;
	background: url(images/box1.jpg) no-repeat;
	float: left;
	margin-right:8px;
}

.box2 {
	width: 248px;
	padding: 108px 2px 0px 2px;
	background: url(images/box2.jpg) no-repeat;
	float: left;
	margin-right:8px;
}

.box3 {
	width: 248px;
	padding: 108px 2px 0px 2px;
	background: url(images/box3.jpg) no-repeat;
	float: left;
}

/* ---------- */
#footer{
	width:828px;
	margin:auto;
	background: url(images/footer.png) no-repeat;
	height:68px;
	padding: 30px 40px 0px 0px;
	color: #ffffff;
	text-align: right;
}

#footer a{
	color: #ffffff;
}
.cl {clear: both;}



/* ---- podstrona ------ */
#podstrona {
	clear: both;
	margin:auto;
	width: 868px;
	background: url(images/top_podstrona.jpg) no-repeat;
	padding: 3px 0px 0px 0px;
}

#podstrona a img {float: left;}


#podstrona_tlo {
	clear: both;
	width: 868px;
	margin:auto;
	padding: 0px 0px 0px 0px;
	background: url(images/tlo_calosc.jpg) right repeat-y;
}
/* tabele */

table {
	border-collapse: collapse;
	font-size: 13px;
	width: 100%;
	border: 1px solid #B2B2B2;
	text-align: right;

}

table td{
	padding: 5px;
	border-bottom: 1px solid #B2B2B2 ;
	color: #000000;
	
}

table tr.p {background-color: #FBF4E2;}

table tr.n {background-color: #FFFAEC;}

table th {background: #E5D5B3; color: #7E571E; padding: 5px; }

.la {text-align: left;}
.ca {text-align: center;}
.ra {text-align: right;}



/* formularze */
#top_srodek form {
	background: url(images/top_logowanie.gif) no-repeat;
	margin: 0px;
	width:369px;
	height:31px;
	padding: 7px 0px 0px 40px;
}

#top_srodek input{
	width: 90px;
	height: 18px;
	border:1px solid #B5B5B5;
	margin: 0px 5px 0px 0px;
	padding: 3px 0px 0px 5px;
	font-size:11px;
	float: none;
	color: #959595;
}

#top_srodek .button{
	width: 34px;
	height: 17px;
	background: url(images/top_logowanie_ok.gif) no-repeat; 
	padding:0px;
	border:0px;
	margin: 0px 0px 0px 0px; 
}

.right .szukaj form {
	background: url(images/right_szukaj.gif) no-repeat;
	margin: 0px;
	width:425px;
	height:37px;
	padding: 7px 0px 0px 180px;
	float: left;
}

.right .szukaj input{
	width: 170px;
	height: 18px;
	border:1px solid #B5B5B5;
	margin: 0px 10px 0px 0px;
	padding: 3px 0px 0px 5px;
	font-size:11px;
	float: left;
}

.right .szukaj .button{
	width: 36px;
	height: 21px;
	background: url(images/right_szukaj_ok.gif) no-repeat; 
	padding:0px;
	border:0px;
	float: left;
	margin: 0px; 
}

.right .szukaj a {
	color: #79990A;
	padding: 4px 0px 0px 50px;
	float: left;
}

.right .box form {
	margin: 0px;
	width:110px;
	height:37px;
	padding: 10px 0px 5px 90px;
	float: right;
}

.right .box input{
	width: 25px;
	height: 18px;
	border:1px solid #B5B5B5;
	margin: 4px 0px 0px 0px;
	padding: 3px 0px 0px 5px;
	font-size:11px;
	float: left;
}

.right .box .button{
	width: 66px;
	height: 30px;
	background: url(images/right_box_dodaj.gif) no-repeat; 
	padding:0px;
	border:0px;
	float: right;
	margin: 0px; 
}

#formularz { margin:60px 40px 0 0; }
#formularz fieldset {	border:0px solid #eee; }

#formularz input.text, #formularz textarea {
	border:0;
	background:#eee;
	padding:10px 20px;
	width:240px;
	margin: 0 0px;
}


.fbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.fbutton:hover {
	text-decoration: none;
}
.fbutton:active {
	position: relative;
	top: 1px;
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.red {
	color: #fef4e9;
	border: solid 1px #a51e1b;
	background: #ff0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#d60019), to(#b90618));
	background: -moz-linear-gradient(top,  #d60019,  #b90618);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60019', endColorstr='#b90618');
}
.red:hover {
	background: #f42020;
	background: -webkit-gradient(linear, left top, left bottom, from(#f81111), to(#f01515));
	background: -moz-linear-gradient(top,  #f81111,  #f01515);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f81111', endColorstr='#f01515');
}
.red:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#b90618), to(#d60019));
	background: -moz-linear-gradient(top,  #b90618,  #d60019);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b90618', endColorstr='#d60019');
}


/* folio slide */

adiv.scroll {
    background-color:#f4e8e8;
    border:1px solid #ccc;
}

#aslider {
    width: 620px;
    margin: 0 auto;
    position: relative;
}
      
.ascroll {
    height: 250px;
    overflow: auto;
    position: relative; /* fix for IE to respect overflow */
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
		
.ascrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}