/*_______________________________dobrane kolory_________________________

biały                 color: #FFFFFF; kolor 
szary jasny           color: #A7A7A7; kolor 
szary ciemny          color: #666666; kolor 
czarny                color: #000000; kolor 

zielony ostry         color: #83E333; kolor color        było #33CC00;
zielony tło           color: #83C333; kolor promo        było #8CC63F;
pomarańcz             color: #FD8900;

______________________________________________________________________*/

/*  wyzerowanie parametrów  */

html, body {
	background-color: #fff;
	background-image:url(grafika/tlo.gif);
	background-repeat:repeat-x;
	color: #000;
	margin: 0;
	padding: 0;
	text-decoration:none;
}

/*___________________________POLA GŁÓWNE__________________________*/

#print {margin-left:20px; margin-bottom:40px; display: none;} /*  NAGŁÓWEK WYDRUKU - NIEWIDOCZNY  */

#box-main {width:860px; margin-left:5%; margin-top:20px;}

#box-logo {width:200px; height:370px; background:#FFFFFF; float:left;}
#box-show {width:660px; height:370px; background:#FFFFFF; float:left;}

#box-menucont {width:860px; float:left; background-image:url(grafika/tlo-menucont.gif); background-repeat:repeat-y;}
#box-menu {width:200px; float:left; background:#000000;}
#box-cont {width:640px; float:right; background:#FFFFFF;} /* zamiast width:660px jest 640px i przesuniecie do prawej przez float:right daje lewy margines 20px */
#content { padding-bottom:40px;}


/*___________________________POLA WEWNĘTRZNE__________________________*/

#logo-2 {width:200px; height:250px; background:#000000;}

#show-motto {width:560px; height:100px; float:left; text-align:right;}
#show-kwadrat {width:100px; height:100px; background:#000000;  float:left; text-align:right;}
#show-tv {width:660px; height:250px; float:left;}

/* ----id elementów do wyświetlenia------*/
#kwadrat, #foto-1, #foto-2, #foto-3, #foto-4, #foto-5, #foto-6 , #foto-7, #foto-8, #foto-9, #foto-10
, #foto-11, #foto-12, #foto-13, #foto-14, #foto-15, #foto-16, #foto-17, #foto-18, #foto-19, #foto-20
, #foto-21, #foto-22, #foto-23, #foto-24, #foto-25, #foto-26, #foto-27, #foto-28, #foto-29, #foto-30, #foto-31, #foto-32, #foto-33
, #foto-s1, #foto-s2, #foto-s3, #foto-s4, #foto-s5
{ position: absolute; display: none; width: 660px; height: 250px; margin: 0px 0 0 0; }

#show-link {width:660px; height:20px;float:left; background:#000000;}

#stopka-01 {width:200px; height:60px; background:#000000; float:left;}
#stopka-02 {width:660px; height:60px; background:#FFFFFF; float:left; text-align: right;}

#stopka-1 {width:200px; height:20px; background:#FFFFFF; float:left;}
#stopka-2 {width:660px; height:20px; background:#000000; float:left;}
#stopka-3 {width:200px; height:20px; background:#000000; text-align: right; float:left;}
#stopka-4 {width:660px; height:20px; text-align: right; padding-right: 15px;}



/*________________________________ text ______________________________*/


body, p, div table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 15px;
	color: #666666;
}

p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

p.prawo {
	text-align: right;
}

h1 {
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #83E333;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
}

/* ----wygląd jak h1------*/
h2 {
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #83E333;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
}

/* ----podtytuły, punkty - szare ------*/
h3 {
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: bold;
	font-size:12px;
	letter-spacing: 0px;
}

/* ----podtytuły, punkty - mniejsze jasne------*/
strong {
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #666666;
	font-size:10px;
	letter-spacing: 1px;
	font-weight: bold;
}

#show-motto strong {color: #A7A7A7;}/* ----dla hasła motto u góry każdej strony------*/

/* ----wypunktowanie------*/

ul, li {
	list-style-type: square;
	margin-left: 7px;
	padding: 0;
}

ul.grot {
	list-style-image: url(grafika/grot_10x10.gif);
	list-style-type: square;
	margin-left: 13px;
	padding: 0;
}

/* ----podtytuły, punkty - mniejsze jasne------*/
em {
	color: #000000;
}

em.cena {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-size:14px;
}

.orange {
	color: #FD8900;
	font-weight: bold;
}

.green {
	color: #83E333;
	font-weight: bold;
}

table.cena {
	width: 640px;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}

td.cena-1 {
	width: 125px;
	padding-right: 10px;
	color: #ffffff;
	text-align: center;
	background:#83C333;
}

td.cena-2 {
	width: 125px;
	padding-right: 10px;
	color: #ffffff;
	text-align: center;
	background:#A7A7A7;
}
/* ----nowa tabela------*/

td.kol-1 {
	width: 160px;
	height: 60px;
	padding-left: 20px;
	color: #000000;
	text-align: left;
	background:#83C333;
	
}

td.kol-2 {
	height: 60px;
	padding-right: 10px;
	color: #ffffff;
	text-align: center;
	background:#A7A7A7;
}

td.kol-3 {
	width: 160px;
	height: 60px;
	padding-right: 10px;
	color: #ffffff;
	text-align: center;
	background:#83C333;
}

#c1 {
	background-image:url(grafika/tab-c1.jpg);
}
#c2 {
	background-image:url(grafika/tab-c2.jpg);
}
#c3 {
	background-image:url(grafika/tab-c3.jpg);
}
#c4 {
	background-image:url(grafika/tab-c4.jpg);
}
#c5 {
	background-image:url(grafika/tab-c5.jpg);
}
#b1 {
	background-image:url(grafika/tab-b1.jpg);
}
#b2 {
	background-image:url(grafika/tab-b2.jpg);
}


/* ----przycisk pobierz plik na stronie miejsce pracy------*/
a.przycisk {
	text-align: center;
	display:inline;
	padding:10px;
	line-height: 30px;
	text-decoration:none;
	border: 3px solid #e2e2e2;
}

a.przycisk:hover {
	border: 3px solid #83E333;
}

.kolprawa {
	width: 400px;
	float: left;
	margin-top: -12px
}

div.ramkaorange {
	background:#FFFFFF;
	border:solid 5px #FD8900; 
	width:620px;
	height:35px;
	padding: 5px;
	text-align: center;
}

div.ramkagreen {
	background:#FFFFFF;
	border:solid 5px #83C333; 
	width:620px;
	height:35px;
	padding: 5px;
}

/*________________________________ AKCJE _____________________________*/

a.{text-decoration:none;}

#show-kwadrat a {text-decoration:none;
	display:block;
	width: 100px;
	height: 100px;
	background-image:url(grafika/kwadrat-news-0.gif)
}
#show-kwadrat a:hover {text-decoration:none; background-image:url(grafika/kwadrat-news-a.gif);}/* ---zmiana tła----*/

#logo-3 a, #stopka-1 a {text-decoration:none;
	display:block;
	width: 200px;
	height: 20px;
	background:#FFFFFF;
	
	text-transform:uppercase;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#logo-3 a:hover, #stopka-1 a:hover {text-decoration:none; background:#000000; color:#83E333;}/* ---zmiana tła----*/



a.f-1, a.f-2, a.f-3, a.f-4, a.f-5, a.f-6, a.f-7, a.f-8, a.f-9, a.f-10, a.f-11, a.f-12, a.f-13, a.f-14, a.f-15, a.f-16, a.f-17, a.f-18, a.f-19, a.f-20, a.f-21, a.f-22, a.f-23, a.f-24, a.f-25, a.f-26, a.f-27, a.f-28, a.f-29, a.f-30, a.f-31, a.f-32, a.f-33 {
	text-decoration:none;
	font-weight:bold;
	float:left;
	display:block;
	width: 20px;
	height: 20px;
}

a.s-1, .s-2, a.s-3, a.s-4, a.s-5 {
	text-decoration:none;
	font-weight:bold;
}

a.f-1 {
	background-image:url(grafika/strzalka-20-20.gif);
}
a.f-1:hover, a.f-2:hover, a.f-3:hover, a.f-4:hover, a.f-5:hover, a.f-6:hover, a.f-7:hover, a.f-8:hover, a.f-9:hover, a.f-10:hover
, a.f-11:hover, a.f-12:hover, a.f-13:hover, a.f-14:hover, a.f-15:hover, a.f-16:hover, a.f-17:hover, a.f-18:hover, a.f-19:hover, a.f-20:hover
, a.f-21:hover, a.f-22:hover, a.f-23:hover, a.f-24:hover, a.f-25:hover, a.f-26:hover, a.f-27:hover, a.f-28:hover, a.f-29:hover, a.f-30:hover, a.f-31:hover, a.f-32:hover, a.f-33:hover
 {background:#FFFFFF;}

/* -------------odnośniki w skrypcie maila */
a.send {
	display:block;
	width: 220px;
	height: 30px;
	background-image:url(grafika/send-off.jpg)
}

a.send:hover {
	background-image:url(grafika/send-on.jpg)
}

a.sendcowtorking {
	display:block;
	width: 300px;
	height: 300px;
	background-image:url(grafika/sendcowtorking-off.jpg)
}

a.sendcowtorking:hover {
	background-image:url(grafika/sendcowtorking-on.jpg)
}




/* -------------linki w tekście podstawowym */
a {
	text-decoration:none;
	font-weight: bold;
	font-size:10px;
	line-height: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
/*---------- akcje linku */
a:hover {
	color: #83E333;
}
a.selected {
	color: #666666;
}

/*_______________________________blok MENU nav________________________*/

.nav {
	padding:0px;
}

.nav a {
	text-transform:uppercase;
	text-align: right;
	display:block;
	padding-top:17px;
	width: 200px;
	line-height: 17px;
	text-decoration:none;
	color:#A7A7A7;
	border-bottom: 3px solid #000000;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	white-space: nowrap;

}
.nav a.selected {
	color:#FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}
.nav a:hover {
	color:#83E333;
	border-bottom: 3px solid #83E333;
}
.nav a.search {
	color:#818A77;
	border-bottom: 3px solid #FFFFFF;
}

.img a {
width:30px;
height:30px;
border:0px;
}

.img a:hover {
width:30px;
height:30px;
border:2px #83E333;
}

/*____________________________dymek z pola nav dla aktualności________*/

div.pole2 p {visibility:hidden; position:absolute}
div.pole2:hover p,
div.dymek2 p {
	visibility:visible;
	color:#818A77;
	background:#000000;
	border-top:solid 3px #83E333; 
	width:190px;
	height:80px;
	position:absolute;top: 667px;left: 5%;
	padding: 5px;
	font-size:10px;
	text-align: center;

}

/*_______________________________linia kolor w prawej kolumnie________*/

.hline {
	border-bottom: 1px solid #83E333;
	width:640px;
	padding-bottom: 15px;     /* ----odstęp od góry lini------*/
	margin-bottom:15px;       /* ----odstęp od dołu lini------*/
}

.linenews {
	border-bottom: 3px solid #A7A7A7;
	width:220px;
	padding-bottom: 10px;     /* ----odstęp od góry lini------*/
	margin-bottom:0px;       /* ----odstęp od dołu lini------*/
}

/*____________________________________pola dodatkowe w content________*/


.space_80 {width:50px; float:left;}

div.pikto {height:40px;}/* ----{position:relative; width:100px; height:100px;}------*/
div.pikto p {visibility:hidden;}/* ----visibility:hidden;position:absolute;------*/
div.pikto:hover p,
div.dymek p {
	visibility:visible;
	background:#FFFFFF;
	border:solid 5px #83E333; 
	width:620px;
	height:35px;
	position:absolute;top: 40px;left: 0px;/*relative;top: -125px;left: -25px;*/
	padding: 5px;
	font-size:10px;
	text-align: center;
/*	position:absolute;left: 0px;top: 60px;*/
/*	z-index:1;*/
}


/* ----konfiguracja div dla licznika odwiedzin------*/
div.licznik {
	position:absolute;
	right:0%;
	top:371px;
	color:#808080;
	font-size: 9px;
}

/* ----niewidoczny div------*/
.niewidoczny {
	/* display: none;*/
	padding-top: 5px;
	color:#ffffff;
	font-size:3px;
}

/*________________________klasy spacje pionowe________________________*/

.space20 {
	margin-top:20px;
	font-size:1px;
	line-height:1px;
}

.space30 {
	margin-top:30px;
	font-size:1px;
	line-height:1px;
}

.space80 {
	margin-top:80px;
	font-size:1px;
	line-height:1px;
}

.space100 {
	margin-top:150px;
	font-size:1px;
	line-height:1px;
}