@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
background:url(../img/tla/mainbg.jpg) repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#66b340;
}

a {
border:none;
outline:none;
text-decoration:underline;
color:#ca8f00;
}

a:hover {
text-decoration:none;
}

img {
border:none;
outline:none;
}


/**************** 1. Główny kontener ****************/
div#main_container {
width:950px;
margin:60px 0 0 0;
}

div#main_container_logo{
width:155px;
margin:0 auto;
}

div#main_container_kontakt {
margin:20px 0 0 0;
width:950px;
}

/**************** 2. Kolumna z logo *****************/
div#logoColumn {
float:left;
width:155px;
}

div#flashcontent {
float:left;
margin-top:500px;
width:155px;
}

div#flashcontent_logo {
float:left;
margin-top:200px;
width:155px;
}


/**************** 3. Kolumna z treścią *****************/
div#contentColumn, div#contentColumn_Kadra {
float:left;
width:765px;
height:560px;
margin-left:10px;
}

div#contentColumn {
background:url(../img/tla/onasbg.jpg) no-repeat;
}

div#contentColumn_Kadra {
background:url(../img/tla/pagebg2.jpg) no-repeat;
}

.contentColumn_trescStrony {
float:left;
width:600px;
margin:66px 0 0 80px;
}

.contentColumn_trescStrony h2 {
font-size:18px;
font-weight:normal;
color:#559636;
}

.contentColumn_trescStrony p, .contentColumn_trescStrony p.main {
width:600px;
color:#66b340;
}

.contentColumn_trescStrony p.main {
line-height:22px;
}

.contentColumn_trescStrony ul {
margin:0;
padding:0;
width:600px;
}
.contentColumn_trescStrony li {
margin-bottom:8px;
list-style:none;
color:#66b340;
}

.godzina {
color:#f1a400;
}

/****** LISTY *******/
.listOK li{
background:url(../img/dodatki/listOK.gif) 0 0 no-repeat;
padding-left:20px;
}
.listDOC li {
background:url(../img/dodatki/listDOC.gif) 0 0 no-repeat;
padding-left:20px;
}
.listFILE li {
background:url(../img/dodatki/listFILE.gif) 0 0 no-repeat;
padding-left:20px;
}


/***** DZIAŁ AKTUALNOSCI ********/

div#contentColumn_Aktualnosci {
background:url(../img/tla/aktualnoscibg.jpg) no-repeat;
float:left;
width:730px;
height:560px;
margin-left:50px;
}

.contentColumn_Aktu_trescStrony {
float:left;
width:700px;
margin:10px 0 0 10px;
}

.submenu {
margin:0 0 20px 0;
padding:0;
float:left;
width:700px;
}

.submenu li{
float:left;
display:inline;
font-weight:bold;
margin-right:14px;
font-size:16px;
}

.submenu li a {
color:#66b340;
text-decoration:none;
}
.submenu li a:hover {
color:#ca8f00;
text-decoration:none;
}
.submenu li a.active {
color:#ca8f00;
}

/** boks na aktualnosc **/
.aktualnoscBox {
width:660px;
float:left;
margin-bottom:16px;
border-bottom:1px dotted #ca8f00;
padding-bottom:6px;
}

.aktualnoscBox h2 {
font-size:14px;
margin:0 0 2px 0;
font-weight:normal;
}

.data {
float:left;
width:660px;
margin:0;
}

.data_galeria {
float:left;
width:660px;
margin:0 0 10px 0;	
}

.aktualnoscPhoto {
float:left;
width:119px;
height:119px;


}

.aktualnoscPhoto p {
margin:0;
padding:0;

}

.aktualnoscPhoto p img {
padding:2px;
border:1px solid #95c764;
}

.aktualnoscTresc {
width:650px;
float:left;
margin-bottom:6px;
}

.GaleriaKrotkiOpis {
width:500px;
float:left;
margin:0 0 6px 10px;	
}

.GaleriaTresc {
width:650px;
float:left;
margin-bottom:6px;	
}

.GaleriaTresc p {
margin:0;
padding:0;
}

.GaleriaTresc img {
padding:4px;
margin:4px 4px 4px 0px;
background:#eaeaea;
}

.GaleriaTresc img:hover {
background:#cbcbcb;
}

/**** STYLE DLA SLIDERA ****/
#pas{
	clear:both;
	float: left;
	margin-right: 20px;
}

#gora, #dol{
	border: 1px solid #CCC;
	width: 10px;
	height: 10px;
	color: #888;
	cursor: pointer;
	background: #EFEFEF;
}

#sciezka, #sciezka_aktualnosci{
	width: 10px; 
	height: 300px;
	background: #f1ffe4;
	border: 1px solid #95c764;
	margin-top: 0px;
	margin-bottom: 0px;
}

#sciezka_aktualnosci {
	height: 480px;
}

#galka{
	width: 10px;
	height: 20px;
	background: #68953c; 
	cursor: pointer;
}

#przewijany, #przewijany_aktualnosci{
	width: 560px;
	height: 300px;
	overflow: hidden;
	font-size: 12px;
	color:#66b340;
	float: left;
}

#przewijany_aktualnosci {
	width: 660px;
	height: 480px;
}

#content{
	height: 440px;
	padding:0px;
}


.osoba {
width:560px;
float:left;
margin-bottom:50px;
}

.osobaPhoto {
width:200px;
float:left;
margin-right:10px;
}

.osobaOpis {
float:left;
width:350px;
}

.osobaOpis h3 {
font-weight:normal;
font-size:18px;
margin:0px 0 6px 0;
}


/****** DZIAŁ KONTAKT *****/
div#kontakt_addInfo {
width:303px;
height:449px;
float:left;
background:url(../img/tla/kontakt_ptaszkibg.jpg) no-repeat;
}
.kontakt_info1 {
float:left;
width:240px;
margin:120px 0 0 75px;
}

.kontakt_info2 {
clear:left;
float:left;
width:190px;
margin:110px 0 0 44px;
}

div#kontakt_logo {
clear:both;
float:left;
width:155px;
margin:600px 0 0 0;
position:absolute;
}

div#kontakt_mapa {
width:466px;
height:509px;
float:left;
background:url(../img/tla/kontakt_mapa.jpg) no-repeat;
margin:140px 0 0 360px;
position:absolute;
}

div#kontakt_menu {
width:730px;
height:100px;
float:left;
margin:658px 0 0 200px;
position:absolute;
}

/********** DZIAŁ LOGOWANIA *************/

.loginBox {
margin:0;
padding:0;
border:none;
width:300px;
}

h3.loginH {
font-size:16px;
font-weight:normal;
background: url(../img/dodatki/loginH.gif) no-repeat;
padding-left:20px;
margin:26px 0 16px 0;
}

.loginBox label {
width:140px;
float:left;
}

.loginBox form input {
width:160px;
margin-bottom:8px;
background: #f1ffe4;
border: 1px solid #95c764;
}
.loginBox form input:focus {
background: #fff;
}

.loginBox form .submitButton {
width:80px;
color:#215e02;
margin-top:6px;
}
/**************** 4. MENU GŁÓWNE *****************/
div#flashmenu {
width:730px;
float:left;
margin-left:30px;
}

/*********************** 5. STOPKA ***********************/
div#footer {
clear:both; float:left; width:910px; margin:10px 0 0 0;
}

div#footer2 {
clear:both; float:left; width:910px; margin:324px 0 0 0;
}