/* ################################################################### */
/* ___ GLOWNE WARSTWY STRONY _________________________________________ */
/* ___ BodySite.html _________________________________________________ */
/* ################################################################### */

DIV.wrapper {                         /*###### warstwa z menu i podstronami ######*/
		background: url('../SiteImage/DivBackgrn.gif') repeat-y;
		background-color:  #B5C9DF;
		overflow: auto;
		margin: 0 auto;
		width: 774px;
} 
DIV.body {                            /*###### warstwa tresci podstron ######*/
		margin: 0;
		padding: 0 11px 0 0;
		border: 0;
		text-align: left;
		float: right;
		width: 562px; 
		overflow: hidden;
} 
DIV.menu {                             /*###### warstwa z lewym menu ######*/ 
        margin: 0;
		padding: 0 0 0 11px;
		border: 0;
		width: 187px; 
		float: left;
} 




/* ################################################################### */
/* ___ ZAOKRAGLENIA WARSTW____________________________________________ */
/* ################################################################### */

IMG.lefttopcorn {                       /*###### lewy gorny naroznik ######*/
		position: absolute;
		left: -1px;
		top: -1px; 
		z-index: 1;
}
IMG.righttopcorn {                      /*###### prawy gorny naroznik ######*/
		position: absolute;
		right: -1px;
		top: -1px; 
		z-index: 1;
}
IMG.leftbomcorn {                       /*###### lewy dolny naroznik ######*/
		position: absolute;
		left: -1px;
		bottom: -1px;
		z-index: 1;
}
IMG.rightbomcorn {                      /*###### prawy dolny naroznik ######*/
		position: absolute;
		right: -1px;
		bottom: -1px;
		z-index: 1;
}
IMG.topleftshadow {                     /*######  gorny lewy naroznik cieniowany ######*/
        position: absolute;
		z-index: 0;
		left: -1px;
		top: -1px;
}
IMG.botrightshadow {                    /*###### dolny prawy naroznik cieniowany ######*/
        position: absolute;
		right: -1px;
		bottom: -1px; 
		z-index: 0;
}



/* ################################################################### */
/* ___ TRESC STRONY / TYTULY NAWIGACYJNE / INNE ELEMENTY _____________ */
/* ################################################################### */

INPUT,TEXTAREA,SELECT {                  /*###### cechy wpolne pol formularzy ######*/
		font: 9pt/11pt sans-serif;
		color: #232B33;
}
BUTTON {                                 /*######  cechy wspolne dla przyciskow ######*/
	    border: 0;
		padding: 0;
		background-color: #EEF3F8;
		height: 21px;
}
BUTTON.big {                             /*###### dlugi przycisk ######*/
		margin: 0 15px 0 0;
		float: right;
		width: 154px;
		position: relative;
		z-index: 3;
}
BUTTON.short {                           /*###### przycisk anulowania ######*/
		margin: 0 0 0 118px;
		float: left;
		width: 104px;
}
BUTTON.backsite {                        /*###### dlugi przycisk powrotny ######*/
		margin: 5px 0 0 185px;
		width: 154px;
}
P.sitetitleshadow {                      /*###### cien nazwy podstrony/dzialu (dluga) ######*/
		position: relative;
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		margin: 15px 0 0 16px; 
		width: 530px;
		padding: 0 0 0 0;
		z-index: 0; 
} 
P.sitetitle {                            /*###### nazwa podstrony/dzialu (dluga) ######*/
		font-size: 11pt;
		font-weight: bold;
		text-decoration: underline;
		color: #232B33;
		margin: 0 0 0 15px;
		width: 530px; 
		padding: 15px 0 5px 0;
		float: left;
		display: inline;
} 
A.sitetitle {                            /*###### odnosnik w pasku nawigacyjnym ######*/
		color: #003399;
		text-decoration: underline;
} 
A.sitetitle:hover { /*-- odnosnik w pasku nawigacyjnym --*/
		text-decoration : underline;
} 
P.sitetext { /*-- teksty strony/wycieczek itp. --*/
		font-size: 10pt;
		font-weight: normal;
		text-align: justify;
		line-height: 14pt;
		color: #232B33;
		margin: 0 15px 10px 15px;
		padding: 0 0 0 0; 
} 
SUP { /*-- godziny/stopnie w treści stron --*/
	 	line-height:0;
}
P.sitetitleshadowleft { /*-- cień nazwy podstrony/działu (krótki lewy)--*/
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		margin: 1px 0 0 16px;
		width: 260px;
		padding: 10px 0 0 0; 
} 
P.sitetitleleft { /*-- nazwa podstrony/działu (krótki lewy)--*/
		font-size: 16px;
		font-weight: bold;
		color: #404040;
		margin: -19px 0 0 15px;
		width: 260px;
		padding: 0 0 15px 0;
} 
P.sitetitleshadowright { /*-- cień nazwy podstrony/działu (krótki prawy)--*/
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		margin: -42px 0 0 291px;
		width: 260px;
		padding: 10px 0 0 0; 
} 
P.sitetitleright { /*-- nazwa podstrony/działu (krótki prawy)--*/
		font-size: 16px;
		font-weight: bold;
		color: #232B33;
		margin: -19px 0 0 290px;
		width: 260px;
		padding: 0 0 15px 0;
} 



/* ################################################################### */
/* __ WYSZUKANE POZYCJE ______________________________________________ */
/* __ SearchResult ___________________________________________________ */
/* ################################################################### */

LI.hreftitle {                         /*###### tytul‚ wyszukanej pozycji oraz fragment tresci #####*/
		margin: 0 15px 0 15px;
		padding: 0 0 0 0;
		clear: left;
}
LI.hrefsmall {                         /*###### maly adres pod wynikiem szukania #####*/
		font-size: 8pt;
		font-weight: normal;
		font-style: italic;
		color: #003399;
		margin: 0 0 0 0;
		padding: 0 0 20px 15px;
		float: left;
}



/* ################################################################### */
/* __ TABELKA DLA MAP GOOGLE'A _______________________________________ */
/* __ BikePath.html / MapsGoogle.html ________________________________ */
/* ################################################################### */

IFRAME.bikepaths {                      /*###### plywajaca ramka mapy ze sciezkami rowerowymi #####*/
		margin: 0 0 0 0;
		border: 1px solid #FFFFFF;
		width: 516px;
		height: 500px;
}
DIV.sgooglemap {                        /*###### warstwa dla malej mapy google'a #####*/
		position: relative;
		background-color: #F4F7FB;
		padding: 0 4px 3px 4px;
		margin: 7px 14px 10px 14px;
		float: right;
		text-align: left;
		width: 302px;
		border: 1px solid #C7D6E7;
		display:inline;
}
DIV.bgooglemap {                        /*###### warstwa dla duzej mapy google'a #####*/
		position: relative;
		z-index: 2;
		background-color: #F4F7FB;
		padding: 0 4px 4px 5px;
		margin: 7px 14px 10px 14px;
		float: right;
		text-align: left;
		width: 523px;
		border: 1px solid #C7D6E7;
		display: inline;
		
}
IFRAME.google {                          /*###### ramka plywajaca mapy #####*/
	    margin: 0;
	    border: 1px solid #FFFFFF;
	    width: 298px;
	    height: 299px;
}
A.google {                               /*###### odnosnik dla wiekszej mapy #####*/
	    float: left;
	    font-size: 9pt;
	    font-weight: bold;
	    margin: 5px 0 0 2px;
} 



/* ################################################################### */
/* __ TABELKA DLA SEZONOW ____________________________________________ */
/* __ SeasonTable.html _______________________________________________ */
/* ################################################################### */

DIV.seasons {                           /*###### warstwa dla sezonu #####*/
		position: relative;
		float: left;
		background-color: #F4F7FB;
		padding: 0 0 1px 0;
		margin: 5px 0 10px 17px;
		width: 254px;
		height: 165px;
		border: 1px solid #C7D6E7;
		display: inline; 
		z-index: 0;
} 
P.seasontitle {                         /*###### nazwa sezonu(rok) / typ projektu ######*/
		position: relative; 
		font-size: 11pt;
		line-height: 16pt;
		font-weight: bold;
		color: #FF6600;
		padding: 2px 0 0 0;
		margin: 0 0 0 15px;
		width: 225px;
		height: 20px; 
		z-index: 2;
} 
DIV.shorline {                          /*###### pozioma linia pod tytulem ######*/
		position: relative; 
		margin: 3px 0 0 15px;
    	padding: 0 0 0 0;
		height: 1px;
		overflow: hidden;
    	width: 224px;
		background-color: #C7D6E7;
		z-index: 2;
}
P.seasoncount {                         /*###### informacja o ilosci wycieczek #####*/
		position: relative; 
		font-size: 11px;
		font-weight: normal;
		color: #232B33;
		margin: 3px 0 5px 15px;
		height: 13px;
		z-index: 2;
} 
IMG.seasonimg {                         /*###### obrazek dla danego sezonu #####*/
		position: relative; 
		border: 1px solid #C7D6E7;
		margin: 0 0 0 15px; 
		z-index: 2;
}
DIV.allseasons {                        /*###### warstwa dla wszystkich sezonow #####*/
		position: relative;
		float: left;
		background-color: #F4F7FB;
		padding: 0 0 0 0;
		margin: 5px 0 10px 17px;
		width: 526px;
		height: 165px;
		border: 1px solid #C7D6E7;
		display: inline;
} 



/* ################################################################### */
/* __ TABELKA DLA WYCIECZKI __________________________________________ */
/* __ TripTable.html _________________________________________________ */
/* ################################################################### */

DIV.trips {                         /*###### warstwa dla wycieczki ######*/ 
		position: relative;
		float: left;
		background-color: #F4F7FB;
		padding: 3px 0 5px 0;
		margin: 5px 0 10px 15px;
		width: 532px;
		border: 1px solid #C7D6E7;
		text-align: left;
		display: inline;
} 
H2.triptitle {                      /*###### nazwa trasy ######*/
		position: relative;
		z-index: 2;
		font-size: 11pt;
		font-weight: bold;
		color: #FF6600;
		margin: 0 0 0 15px;
		width: 502px; 
} 
DIV.horline {                       /*###### pozioma linia pod nazwa trasy ######*/
		position: relative;
		z-index: 2;
		margin: 2px 0 2px 15px;
    	padding: 0 0 0 0;
		height: 1px;
		overflow: hidden;
    	width: 497px;
		background-color: #C7D6E7;
}
P.tripdate {                        /*###### data wycieczki ######*/
		position: relative;
		z-index: 2;
		float: left;
		font-size: 8pt;
		color: #232B33; 
		margin: 0;
		padding: 2px 0 0 16px;
		text-align: left;
		width: 185px; 
} 
P.triplenght {                      /*###### dlugosc trasy ######*/
		font-size: 8pt;
		font-weight: normal;
		color: #232B33;
		margin: 0 0 0 0;
		padding: 2px 0 0 0;
		float: left; 
		width: 200px;
}
P.tripdiff {                        /*###### trudnosc trasy ######*/
		font-size: 8pt;
		font-weight: normal;
		color: #232B33;
		margin: 0 0 0 0;
		padding: 2px 0 0 0;
		float: right;
}
IMG.tripdiff {                      /*###### obrazek (gwiazdki) trudnosci trasy ######*/
		margin: 4px 19px 0 3px;
		float: right;
		position: relative;
		z-index: 2;
}
IMG.trips {                         /*###### obrazek z autorem wybranej trasy ######*/
		position: relative;
		z-index: 2;
		margin: 8px 0 0 15px;
		border: 1px solid #C7D6E7;
		float: left;
		clear: left;
}
P.triphortcut {                     /*###### skrot pierwszego akapitu trasy ######*/
		position: relative;
		z-index: 3;
		font-size: 8pt;
		font-weight: normal;
		text-align: justify;
		line-height: 13pt;
		color: #232B33;
		margin: 8px 0 10px 11px;
		width: 310px;
		float: left;
} 
IMG.icon {                          /*###### ikona galerii ######*/
		position: relative;
		float:left;
		margin: 0 0 0 0;
}
P.icontext {                        /*###### ilosc zdjec/filmow/czytan ######*/
		position: relative;
		font-size: 8pt;
		font-weight: normal; 
		margin: 0 0 0 0;
		padding: 0 0 0 3px;
		float: left;
		width: 122px;	
}
DIV.miniinfo {                      /*###### warstwa dla mini informacji ######*/
		width: 312px;
		float: left;
		margin: 3px 0 0 15px; 
}
A.usercom {                         /*###### odnosnik komentarzy ######*/
		font-size: 8pt;
		font-weight: normal;
		margin: 0 0 0 0;
		padding: 0 0 0 3px;
		float: left;
		width: 123px;
		color: #003399;
}
A.triphref {                        /*###### odnosnik do czytania ######*/
		position: relative;
		z-index: 2;
		float: right;
		font-size: 10pt;
		font-weight: bold;
		padding: 0 0 0 0;
		margin: 15px 15px 0 0;
		color: #003399;
} 
A { color: #003399; }



/* ################################################################### */
/* __ TABELKA DO PROMOCJI STRONY / INNE WYCIECZKI ____________________ */
/* __ TripContent.html _______________________________________________ */
/* ################################################################### */

A.navhref {                          /*###### odnosnik do wykopu/delicious #####*/
		font-size: 10pt;
}
IMG.share {                          /*###### ikonka wykopu/delicious #####*/
		border: 0;
		margin: 0 2px 0 15px;
		padding: 2px 0 0 0;
		vertical-align: middle;
}
P.text {                             /*###### teksty jak tresc  #####*/
		font-size: 10pt;
		font-weight: normal;
		text-align: justify;
		line-height: 14pt;
		color: #232B33;
		margin: 0 15px 10px 15px;
		padding: 0 0 0 0; 
		position: relative;
		z-index: 2;
}
A.listhref {                          /*###### odnosnik do innych wycieczek #####*/
		position: relative;
		z-index: 2;
		margin: 15px 0 0 0;
		font-size: 10pt;
		padding: 0 0 0 0;
}



/* ################################################################### */
/* __ TABELKA Z INFORMACJÄ„ NA TEMAT TRASY ____________________________ */
/* __ TripContent.html _______________________________________________ */
/* ################################################################### */

DIV.tripinfo {                        /*###### warstwa z informacja na temat trasy ######*/
		position: relative;
		float: left;
		clear: left;
		background-color: #F4F7FB;
		padding: 3px 0 12px 0;
		margin: 5px 0 10px 14px;
		width: 532px;
		border: 1px solid #C7D6E7;
		display: inline;
		text-align: left;
} 
P.triptrack {                         /*###### 'trasa' wycieczki ######*/
		font-size: 8pt;
		font-weight: normal;
		color: #232B33;
		margin: 0;
		padding: 5px 0 0 15px;
		float: left; 
		line-height: 9pt;
}
P.triptrackb {                        /*###### podmieniona trasa wycieczki ######*/
		font-size: 8pt;
		font-weight: bold;
		line-height: 9pt;
		color: #232B33;
		margin: 0;
		padding: 5px 15px 0 0;
		float: right;
		width: 465px;
		position: relative;
		z-index: 2; 
}



/* ################################################################### */
/* __ TABELA Z DUZA/MALA GALERIA/VIDEO GALERIA _______________________ */
/* __ BigGallery/SmallGallery/VideoGallery.html _______________________*/
/* ################################################################### */

DIV.biggallery {                       /*###### warstwa z duza galeria ######*/ 
		position: relative;
		background-color: #F4F7FB;
		padding: 0 1px 5px 4px;
		margin: 5px 0 10px 13px;
		float: left;
		display: inline;
	   	width: 529px;
		border: 1px solid #C7D6E7;
}
DIV.map {                              /*###### warstwa dla malej galerii #####*/
		position: relative;
		background-color: #F4F7FB;
		padding: 0 4px 4px 4px;
		margin: 10px 14px 10px 15px;
		float: right;
		width: 176px;
		border: 1px solid #C7D6E7;
		display: inline;
} 
IMG.galleryicon {                      /*###### ikonka przy tytulach galerii #####*/
		position: relative;
		z-index: 2;
		float: left;
		margin: 5px 5px 0 3px;
}
H3.lgallerytitle {                      /*###### tytul‚ galerii dlugi ######*/ 
		position: relative;
		z-index: 2;
		font-size: 14px;
		font-weight: bold;
		color: #FF6600;
		margin: 4px 0 5px 0;
		width: 490px; 
} 
H3.sgallerytitle {                      /*###### tytul‚ galerii krotki ######*/ 
		position: relative;
		z-index: 2;
		font-size: 14px;
		font-weight: bold;
		color: #FF6600;
		margin: 4px 0 5px 0;
		width: 85%; 
} 
IMG.galimg {                           /*###### obrazki w duzej galerii #####*/
		position: relative;
		z-index: 2;
		float: left;
		border: 1px solid #C7D6E7;
		margin: 0 0 0 0;
		padding: 0;
}



/* ################################################################### */
/* __ TABELKA Z KLIPEM VIDEO _________________________________________ */
/* __ VideoGallery.html _______________________________________________*/
/* ################################################################### */

OBJECT {                               /*###### klip video #####*/
		width: 298px;
		height: 247px;
		margin: 1px 0 1px 1px;
 		padding: 0;
}
DIV.frame {                            /*###### ciemne obramowanie mapy Google'a i klipu video #####*/
		position: relative;
		z-index: 5;
		clear: left;
		overflow: auto;
		padding: 0;
		margin: 0;
		background-color: #FFFFFF;
		border: 1px solid #C7D6E7;
}



/* ################################################################### */
/* __ TABELA Z KOMENTARZAMI POD TRASA ________________________________ */
/* __ CommentsTable.html _____________________________________________ */
/* ################################################################### */

DIV.comments {                        /*###### warstwa z komentarzami uzytkownikow pod trasa ######*/ 
		position: relative;
		z-index: 1;
		background-color: #F4F7FB;
		padding: 0 0 9px 0;
		margin: 10px 0 10px 15px;
		float: left;
		display: inline;
		width: 532px;
		border: 1px solid #C7D6E7;
}
IMG.iconcomment {                     /*###### ikonka komentarzy ######*/
		float: left;
		margin: 7px 5px 0 15px;
		position: relative;
		z-index: 3;
}
A.addcomment {                        /*###### odnosnik do dodawania komentarza ######*/
		font-weight: bold;
		width: 150px;
		margin: 0 0 0 20px;  
}
IMG.comicon {                         /*###### avatar komentatora ######*/
		padding: 0 0 0 0;
		position: relative;
		margin: 7px 10px 0 15px;
		float: left;
		border: 1px solid #C7D6E7;
		width: 50px;
		height: 50px;
		z-index: 3;
}
P.comheader {                         /*###### informacje o komentarzu ######*/
		font-size: 11px;
		font-weight: bold;
		padding: 5px 0 0 0;
		color: #232B33;
		width: 435px;
		margin: 0 0 0 0;
		float: left;
}
P.comcontent {                        /*###### tresci komentarza ######*/
		position: relative;
		font-size: 8pt;
		line-height: 13pt;
		font-weight: normal;
		font-style: italic;
		color: #232B33;
		width: 435px;
		margin: 4px 0 10px 0;
		padding: 0 0 15px 0;
		float: left;
		z-index: 4;
}
SPAN.show {
        text-decoration: underline; 
		color: #003399; 
		cursor: pointer;
		font-weight: bold;
		font-style: normal;
}
IMG.siteicon {
		margin: 0 0 0 0;
		vertical-align: middle;
}



/* ################################################################### */
/* __ TABELKA Z DANYMI SPRZETU _______________________________________ */
/* __ MyBike.html _____________________________________________________*/
/* ################################################################### */

DIV.mybike {                        /*###### warstwa dla tabeli z danymi #####*/
		position: relative;
		background-color: #F4F7FB;
		padding: 0 4px 3px 4px;
		margin: 5px 0 15px 14px;
		float: left;
		display: inline;
		border: 1px solid #C7D6E7;
		width: 526px;
} 
P.mybikeleft {                      /*###### nazwy elementow w tabeli #####*/
		float: left;
		text-align: right;
		line-height: 11pt;
		font-size: 8pt;
		font-weight: bold;
		margin: 0 0 5px 60px; 
		width: 125px;
		display: inline;
} 
P.mybikeright {                     /*###### szczegolowe informacje o elementach #####*/
		font-size: 8pt;
		line-height: 11pt;
		text-align: left;
		font-weight: normal;
		margin: 0 20px 0 0;
		float: right;
		width: 300px;
		display: inline; 
} 



/* ################################################################### */
/* __ TABELKA Z LINKAMI DO INNEJ STRONY ______________________________ */
/* __ Links.html ______________________________________________________*/
/* ################################################################### */

DIV.links {                       /*###### warstwa dla tabeli z linkami #####*/
		position: relative;
		float: left;
		display: inline;
		background-color: #F4F7FB;
		padding: 0;
		margin: 0 0 15px 17px;
		width: 254px;
		border: 1px solid #C7D6E7;
		height: 264px;
} 
IMG.links {                       /*###### obrazek strony #####*/
		position: relative;
		z-index: 3;
		border: 1px solid #C7D6E7;
		margin: 5px 0 0 15px;
		float: left;
		clear: left;
		width: 225px;
		height: 130px
}
P.linkshortcut {                   /*###### opis strony #####*/
		position: relative;
		z-index: 3;
		font-size: 8pt;
		font-weight: normal;
		text-align: justify;
		line-height: 13pt;
		color: #232B33;
		padding: 0 15px 0 15px;
		margin: 10px 0 0 0;
		float: left;
		clear: left;
		width: 224px;
} 
A.linkhref {                       /*###### odnosnik do odwiedzenia strony #####*/
		position: relative;
		z-index: 3;
		float: right;
		width: 100px;
		font-size: 10pt;
		font-weight: bold;
		margin: 3px 15px 0 0;
} 



/* ################################################################### */
/* __ BANNERY STRONY _________________________________________________ */
/* __ BannerTable.html ________________________________________________*/
/* ################################################################### */

IMG.banner {                       /*###### obrazek bannera #####*/
		float: left;
		border : 2px solid #FFFFFF;
} 
TEXTAREA.banner {                  /*###### pole tekstowe z kodem bannera #####*/
		width: 525px;
		height: 50px;
}



/* ################################################################### */
/* __ KANALY RSS STRONY ______________________________________________ */
/* __ RSS.html ________________________________________________________*/
/* ################################################################### */

IMG.rss {                          /*###### ikona kanalu RSS #####*/
		border: 0px;
		float: left;
		clear: left;
		margin: 4px 10px 0 0;
}
INPUT.rss {                        /*###### pole tekstowe z adresem kanalu #####*/
		width: 470px;
		margin: 0 0 10px 0;
}



/* ################################################################### */
/* __ MAPA STRONY ____________________________________________________ */
/* __ SiteMap.html ____________________________________________________*/
/* ################################################################### */

UL {                              /*###### lista pozycji #####*/
   		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 10pt;
		line-height: 14pt;
		color: #232B33;
		font-weight: normal;
		list-style-type: none;
		
}
LI.main {                         /*###### nazwa sekcji #####*/
		margin: 25px 0 0 15px;
		text-decoration: underline;
}
LI.main_1 {                       /*###### nazwa pozycji #####*/
		margin: 5px 0 0 20px;
}
LI.main_2 {                       /*###### nazwa podpozycji (sezony/typy projektow) #####*/
		margin: 5px 0 0 45px;
}
LI.main_3 {                       /*###### nazwa podpozycji (tytuly wycieczek/nazwy projektow) #####*/
		margin: 0 0 0 70px;
}



/* ################################################################### */
/* __ TABELA Z PROJEKTEM _____________________________________________ */
/* __ ProjectTable.html ______________________________________________ */
/* ################################################################### */

IMG.projects {                      /*###### obrazek do projektu #####*/
		position: relative;
		z-index: 2;
		border: 1px solid #C7D6E7;
		margin: 5px 0 0 15px;
		float: left;
}
P.projectinfo {                     /*###### informacje o projekcie #####*/
		position: relative;
		z-index: 2;
		float: right;
		width: 330px; 
		font-size: 8pt;
		font-weight: normal;
		line-height: 10pt;
		color: #232B33;
		margin: 0 0 0 0; 
		padding: 2px 0 0 0;
} 
A.projecthref {                      /*###### odnosnik do czytania ######*/
		position: relative;
		z-index: 2;
		float: right;
		font-size: 10pt;
		font-weight: bold;
		padding: 0 0 0 0;
		margin: 2px 15px 0 0;
		color: #003399;
} 



/* ################################################################### */
/* ___ FORMULARZ DODAWANIA KOMENTARZA ________________________________ */
/* ___ Comments.html _________________________________________________ */
/* ################################################################### */

DIV.commentsform {                      /*###### warstwa dla formularza #####*/
		position: relative;
		background-color: #F4F7FB;
		padding: 0 0 15px 0;
		display: inline;
		margin: 10px 0 0 15px;
		float: left;
		width: 532px;
		border: 1px solid #C7D6E7;
} 
P.warning {                             /*###### teksty ostrzegawcze na formularzach #####*/
		position: relative;
		z-index: 3;
		font-size: 8pt;
		text-align: justify;
		line-height: 12px;
		color: #CC0000;
		margin: 10px 0 10px 15px;
		width: 500px;
		padding: 0 0 0 0;
}
P.position {                            /*###### opisy pozycji formularza #####*/
		float: left;
		margin: 1px 0 0 0;
		padding: 0 0 0 15px;
		font-size: 10pt;
		font-weight : normal;
		color: #232B33;
		width: 105px;
		height: 25px;
		clear: left;
}
H3.articletitle {                       /*###### tytul komentowanego artykulu #####*/
		font-size: 10pt;
		font-weight: bold;
		color: #FF6600;
		margin: 2px 0 5px 0;
		float:left;
		height: 21px;
		width: 373px;
} 
P.userip {                              /*###### IP dodajacego komentarz #####*/
		margin: 0 0 10px 0;
		width: 395px;
		height: 15px;
		float: left;
		font-size: 9pt;
		font-weight: bold;
		color: #232B33; 
		padding: 0 0 0 0;
}
INPUT.field {                           /*###### pole na imie/ksywka i email #####*/
	    float: left;
		width: 200px;
		height: 17px;
		margin: 0 10px 8px 0;
		padding: 0 0 0 0;
}
DIV.upload {                            /*###### warstwa z polem wyboru pliku #####*/
		margin: 0 0 8px 0;
		padding: 0 0 0 0;
		float: left;
		width: 395px;
		height: 20px; 
}
INPUT.file {                            /*###### pole na nazwa ladowanego pliku #####*/
		position: absolute;
		right: 0;
		height: 17px;
		margin: 1px 35px 0 0;
		padding: 0 0 0 0;
		-moz-opacity: 0;
		filter: alpha(opacity: 0);
		opacity: 0;
		z-index: 2;
}
INPUT.fakefile {                        /*###### falszywe pole z nazwa pliku #####*/
		float: left;
		width: 275px;
		height: 17px;
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		z-index: 1;
}
BUTTON.browse {                         /*###### przycisk wyboru pliku #####*/
		float: right;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 104px;
		height: 21px;
		z-index: 1;
}
TEXTAREA.content {                      /*###### pole na tresc komentarza #####*/
		float: left;
		width: 388px;
		height: 150px;
		margin: 0 0 10px 0;			
}
SELECT.hidden {                         /*###### ukrywanie emaila #####*/
	    float: left;
		margin: 0 0 0 0;
		padding: 0;
		width: 80px;
		height: 20px;
}
P.saveinfo {                            /*###### tekst podziekowania #####*/
		font-size: 10pt;
		font-weight: normal;
		text-align: justify;
		line-height: 21px;
		color: #232B33;
		margin: 0 20px 0 20px;
		padding: 0 0 0 0;
} 
IMG.token {                             /*###### obrazek z tokenem #####*/
		margin: 0 150px 7px 120px;
		float: left;
}
INPUT.token {                           /*###### pole na token z obrazka #####*/
	    float: left; 
		width: 90px;
		height: 17px;
		margin: 0 0 8px 0;
		padding: 0 0 0 0;
}
P.captcha_refresh {                     /*###### odnosnik do odswiezenia tokena #####*/
	    clear: left;
		width: 100px;
	    font-size: 9pt;
	    font-weight: bold;
	    margin: 0 0 10px 120px;
		text-decoration: underline;
		color: #003399;
		cursor: pointer;
} 



/* ################################################################### */
/* __ FORMULARZ KONTAKTOWY ___________________________________________ */
/* __ Contact.html ____________________________________________________*/
/* ################################################################### */

DIV.contactform {                       /*###### warstwa dla formularza ######*/
		position: relative;
		background-color: #F4F7FB;
		padding: 0 0 0 0;
		margin: 15px 0 0 15px;
		float: left;
		width: 532px;
		height: 454px;
		border: 1px solid #C7D6E7;
		display: inline;
}
DIV.formhorline {                       /*###### pozioma linia w formularzach ######*/
		position: relative;
		z-index: 3;
		margin: 1px 0 8px 15px;
    	padding: 0 0 0 0;
		height: 1px;
		overflow: hidden;
    	width: 500px;
		background-color: #C7D6E7;
		clear: left;
}



/* ################################################################### */
/* __ POZYCJA W NEWSACH ______________________________________________ */
/* __ NewsItem.html ___________________________________________________*/
/* ################################################################### */

DIV.newsdate {                      /*###### warstwa dla daty newsa ######*/
		position: relative;
		background-color: #EEF3F8;
		padding: 0 0 0 0;
		margin: 3px 10px 8px 15px;
		float: left;
		clear: left;
		width: 68px;
		height: 50px;
		border: 1px solid #C7D6E7;
		display: inline;
}
P.newsyear {                        /*###### rok newsa ######*/
		position: relative;
        z-index: 2;
		font-size: 11pt;
		font-weight: bold;
		color: #FF6600;
		padding: 0;
		margin: 0 0 0 15px;
		width: 40px; 
} 
DIV.newshorline {                  /*###### pozioma linia pod dniem-miesiacem ######*/
		position: relative;
		z-index: 2;
		margin: 1px 0 2px 15px;
    	padding: 0 0 0 0;
		height: 1px;
		overflow: hidden;
    	width: 40px;
		background-color: #C7D6E7;
}
P.newsdate {                        /*###### dzien-miesiac newsa ######*/
		position: relative;
		z-index: 2;
		font-size: 8pt;
		font-weight: bold;
		color: #232B33;
		margin: 0 0 0 0;
		padding: 2px 0 0 16px;
		text-align: left;
		width: 40px;
		line-height: 16pt;
 
} 



/* ################################################################### */
/* ___ OSTATNI KOMENTARZ _____________________________________________ */
/* ___ LastComment.html/NoLastComment.html ___________________________ */
/* ################################################################### */

DIV.lastcomment {                        /*###### warstwa dla tabeli ######*/
		position: relative;
		float: left;		
		background-color: #F4F7FB;
		padding: 3px 0 5px 0;
		margin: 5px 0 15px 15px;
		display: inline;
		width: 532px;
		border: 1px solid #C7D6E7;
}
p.nolastcomment {                        /*###### brak komentarzy ######*/
		position: relative;
		text-align: center;
		font-size: 11px;
		color: #232B33;
		margin: 15px 0 15px 0;
}



/* ################################################################### */
/* ___ KOMUNIKAT BLEDU _______________________________________________ */
/* ################################################################### */

P.errorinfo {                           /*###### tresc komunikatu ######*/  
		position: relative;
		margin: 0;
		padding: 50px 0 0 0;
		font-size: 11pt;
		text-align: center;
		font-weight: bold;
		color: #CC0000;
}