/* ---[ General Stuff ]------------------------------ */

    body {
    	margin: 0px;
        padding: 0px;
    	background: #858585 url('images/top-dark-cien.gif') 0px 0px repeat-x;
    	color: #858585;
    	font-family: tahoma, arial, helvetica, sans-serif;
    }

    h1, h2, h3, h4 {
    	margin: 0;
    	padding: 0;
    }

    p {
        padding-left: 10px;
        padding-right: 10px;
        text-align: justify;
        font-size: 0.95em;
    }

	p.h-4 {
        text-align: justify;
        font-size: 0.95em;
		font-weight: bold;
    	margin: 0;
    	padding: 0px 10px 0px 10px;
		text-align: justify;
	}
	
    p.text {
    	padding: 0px 10px 0px 10px;
    	margin: 0;
        text-align: justify;
        font-size: 0.95em;
    }

    a:link, a:visited {
        color: #485858;
        text-decoration: none;
    }

	/*
    a:hover, a:active {
        background: #e5e5e5;
    }
	*/

/* ---[ End General Stuff ]-------------------------- */

/* ---[ Container ]---------------------------------- */

    #container {
        background: transparent url('images/side.gif') 100% 0px repeat-y;
    }

    /* ---[ Intro ]---------------------------------- */

        #intro {
            margin: 100px 275px 0px 100px;
            background: #fff url('images/top-cien.gif') 0px 0px repeat-x;
            padding: 30px 10px 10px 10px;
            /* border-left: solid 1px #ccc; */
        }

        /* ---[ Page Header ]------------------------ */

            #pageHeader {
            	color: #fff;
            	height: 100px;
            	width: 100%;
            	top: 0px;
            	left: 0px;
            	right: 0px;
            	position: absolute;
                background: transparent url('images/top-dark.gif') 0px 0px repeat-x;
                z-index: 10;
            }

            #pageHeader h1 {
                height: 130px;
            }

            #pageHeader h1 span {
            	font-size: 1.5em;
            	background-color: transparent;
            	text-decoration: none;
            	text-transform: lowercase;
            	display: none;
            	font-weight: normal;
            	position: absolute;
            	right: 20px;
            	bottom: 3px;
                color: #fff;
            }

            #pageHeader h2 {
                position: absolute;
                top: 0px;
                left: 0px;
                height: 115px;
                width: 400px;
                background: transparent url('images/petrolly-short-supernova.jpg') 0px 0px no-repeat;
            }

            #pageHeader h2 span {
                display: none;
            }

        /* ---[ End Page Header ]-------------------- */

        /* ---[ Quick Summary ]---------------------- */

            #quickSummary {
                width: 270px;
                float: left;
                /* border-top: solid 1px #ddd;
                border-right: solid 1px #ddd;
                border-bottom: solid 1px #999;
                border-left: solid 1px #ddd; */
                background: #fff url('xdemo.bg.gif') 100% 100% no-repeat;
                margin: 0px 15px 10px 0px;
                padding: 0px 0px 3px 0px;
                font-size: 1em;
            }

            #quickSummary p, #quickSummary p:first-letter {
                text-align: center;
                color: #858585;
                font-weight: normal;
            }

            #quickSummary .p1-index {
                background: #fff url('images/glassy_s.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

            #quickSummary .p1-about {
                background: #fff url('images/petrolly-crystal_ball_s.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

            #quickSummary .p1-tools {
                background: #fff url('images/pearl_s.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

            #quickSummary .p1-downloads {
                background: #fff url('images/sphere_s.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

            #quickSummary .p1-impressum {
                background: #fff url('images/coffee_frame_s.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

            #quickSummary .p1-contact {
                background: #fff url('images/globe.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

            #quickSummary .p1-error {
                background: #fff url('images/globe-petrolly_s.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }
            
            #quickSummary .p1-thx {
                background: #fff url('images/globe-neutral_s.png') 50% 50% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }
            
            #quickSummary .p1 {
                background: #fff url('images/perla.jpg') 0% 0% no-repeat;
                /* padding-bottom: 60px; */
                height: 176px;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }
            
            #quickSummary .p1 span {
                display: none;
            }
            
            #quickSummary .p2 {
                position: relative;
                bottom: 0px;
                text-align: right;
                padding-bottom: 15px;
            }
            
            #quickSummary>.p2 {
                padding-bottom: 0px;
            }
            
            #quickSummary .p2 span {
                /* visibility: hidden; */
                font-size: 80%;
            }
            
            #quickSummary .p2 span a {
                margin-left: 75px;
                font-size: 10pt;
                visibility: visible;
                display: block;
                position: relative;
                left: 0px;
                background: none;
                background: transparent url('file.gif') 100% 50% no-repeat;
                padding-right: 18px;
                color: #858585;
                font-variant: small-caps;
                text-transform: capitalize;
            }

            #quickSummary .p2 span a:hover {
                background: transparent url('file2.gif') 100% 50% no-repeat;
                color: #4d78b4;
            }
        /* ---[ End Quick Summary ]------------------ */

        /* ---[ Preamble ]--------------------------- */

            #preamble h3 {
                /* display: none; */
            }
            
            #preamble p {
                font-size: 1em;
                color: #858585;
                padding-left: 300px;
            }

        /* ---[ End Preamble ]----------------------- */

    /* ---[ End Intro ]------------------------------ */

    /* ---[ Supporting Text ]------------------------ */

        #supportingText {
            margin: 0px 275px 0px 100px;
            background: #fff;
            padding: 10px 0px 10px 0px;
            /* border-left: solid 1px #ccc; */
        }
        
        #supportingText div {
            clear: both;
        }
        
        #supportingText h3 {
            padding-top: 30px;
            height: 25px;
            /* border-bottom: solid 1px #4d78b4; */
        }

        #supportingText h3 span {
            /* display: none; */
        }
        
        /* ---[ Explanation ]------------------------ */
        
            #explanation {
                padding-left: 10px;
                padding-right: 10px;
            }
        
            #explanation h3 {
                background: #fff url('images/h3.gif') 100% 100% no-repeat;
            }

            #explanation p.p1 {
                width: 45%;
                float: left;
				margin-bottom: 0.5em;
				white-space: normal;
				margin-top: 1em;
            }
            
            #explanation p.p2 {
                width: 45%;
                float: right;
				margin-top: 1em;
				/* margin-left: 50%; */
            }
			
			/* 
            #explanation ul {
				background-color: white;
                list-style-type: square;
                margin: 0px;
                padding-left: 15px;
				font-size: 1em;
            }

            #explanation ul li {
                background: url('images/bullet.gif') 0px 3px no-repeat;
                list-style-image: url('images/bullet2.gif');
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 10px 0px;
            }
			*/

			#explanation .lista {
				background: url('images/bullet2.gif') left no-repeat;
				padding-left: 15px;
                margin: 0px 0px 10px 0px;
			}

			#explanation p.p1-form {
				text-align: right;
                width: 45%;
                float: left;
			}

            #explanation p.p2-form {
                /* width: 45%; */
                /* float: right; */
				/* background: blue; */
				margin-left: 30%;
				/* border: solid 10px pink; */
            }
            
			#explanation input, #explanation select, #explanation textarea {
				font-size: 85%;
				background-color: #e5e5e5;
				border: thin solid #858585;
			}

			#explanation a.lista:hover, #explanation a.lista:link, #explanation a.lista:active, #explanation a.lista:visited {
                color: #4d78b4;
				background: url('images/bullet2.gif') left no-repeat;
				padding-left: 15px;
                line-height: 150%;
			}
			
			#explanation a:hover, #explanation a:link, #explanation a:active, #explanation a:visited {
                color: #4d78b4;
			}
			
			#explanation a:link, #explanation a:visited {
                text-decoration: none;
			}
            
            #explanation a:hover, #explanation a:active {
                text-decoration: underline;
			}

			#explanation img {
				border: none;
			}

			div.formularz {
				border: 1px dotted #858585;
				margin: 1em auto;
				padding: 5px 5px 0px 5px;
				width: 50%;
				background-color: #f5f5f5;
			}

			div.row {
				clear: both;
				padding-top: 10px;
			}

			div.row span.label {
				float: left;
				width: 25%;
				text-align: right;
			}

			div.row span.formw {
				float: right;
				width: 75%;
				text-align: left;
			} 

			div.spacer {
				height: 0px;
			}

        /* ---[ End Explanation ]-------------------- */

        /* ---[ Participation ]---------------------- */
        
            #participation {
                background: #fff;
                padding-left: 10px;
                padding-right: 10px;
            }

            #participation h3 {
				margin-bottom: 20px;
                background: #fff url('images/h3.gif') 100% 100% no-repeat;
                /* border-top: solid 1px #ccc; */
            }

            #participation p.p2 {
                width: 45%;
                float: left;
            }
            
            #participation p.p3 {
                width: 45%;
                float: right;
            }

            #participation p.p4 {
                clear: both;
            }

			#participation img {
				border: 0;
			}

            #participation ul li {
                /* background: url('images/bullet.gif') 0px 3px no-repeat; */
                list-style-image: url('images/bullet2.gif');
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 10px 0px;
            }

			#participation a:link, #participation a:visited {
				font-size: 0.95em;
                color: #4d78b4;
                text-decoration: none;
			}
            
            #participation a:hover, #participation a:active {
				font-size: 0.95em;
                background: none;
                text-decoration: underline;
			}

			#participation .pdf {
				background: url('images/acroread.gif') left no-repeat;
				padding-left: 25px;
                margin: 0px 0px 10px 0px;
			}

			#participation a.pdf:hover, #participation a.pdf:link, #participation a.pdf:active, #participation a.pdf:visited {
                color: #4d78b4;
				background: url('images/acroread.gif') left no-repeat;
				padding-left: 25px;
                line-height: 150%;
			}

			#participation .jpg {
				background: url('images/image.gif') left no-repeat;
				padding-left: 25px;
                margin: 0px 0px 10px 0px;
			}

			#participation a.jpg:hover, #participation a.jpg:link, #participation a.jpg:active, #participation a.jpg:visited {
                color: #4d78b4;
				background: url('images/image.gif') left no-repeat;
				padding-left: 25px;
                line-height: 150%;
			}
			
			#participation .gif {
				background: url('images/image-anim.gif') left no-repeat;
				padding-left: 25px;
                margin: 0px 0px 10px 0px;
			}

			#participation a.gif:hover, #participation a.gif:link, #participation a.gif:active, #participation a.gif:visited {
                color: #4d78b4;
				background: url('images/image-anim.gif') left no-repeat;
				padding-left: 25px;
                line-height: 150%;
			}
			
			#participation .zip {
				background: url('images/image-zip.gif') left no-repeat;
				padding-left: 25px;
                margin: 0px 0px 10px 0px;
			}

			#participation a.zip:hover, #participation a.zip:link, #participation a.zip:active, #participation a.zip:visited {
                color: #4d78b4;
				background: url('images/image-zip.gif') left no-repeat;
				padding-left: 25px;
                line-height: 150%;
			}
			
			#participation a:hover, #participation a:link, #participation a:active, #participation a:visited {
                color: #4d78b4;
			}
			
			#participation a:link, #participation a:visited {
                text-decoration: none;
			}
            
        /* ---[ End Participation ]------------------ */

        /* ---[ Benefits ]--------------------------- */
        
            #benefits {
                padding-left: 10px;
                padding-right: 10px;
            }

            #benefits h3 {
                background: #fff url('images/h3.gif') 100% 100% no-repeat;
                /* border-top: solid 1px #ccc; */
            }

			#benefits a:hover, #benefits a:link, #benefits a:active, #benefits a:visited {
                color: #4d78b4;
			}
			
			#benefits a:link, #benefits a:visited {
                text-decoration: none;
			}
            
            #benefits a:hover, #benefits a:active {
                text-decoration: underline;
			}

        /* ---[ End Benefits ]----------------------- */

        /* ---[ Requirements ]----------------------- */
        
            #requirements {
                background: #fff url('xbamboo.leaf.jpg') 100% 100% no-repeat;
                padding-left: 10px;
                padding-right: 10px;
            }

            #requirements h3 {
                background: #fff url('images/h3.gif') 100% 100% no-repeat;
                /* border-top: solid 1px #ccc; */
            }

            #requirements p.p2 {
                width: 45%;
                float: left;
            }
            
            #requirements p.p3, #requirements p.p4 {
                width: 45%;
                float: right;
            }
            
            #requirements p.p5 {
                clear: both;
            }

			#requirements img {
				border: 0;
			}

        /* ---[ End Requirements ]------------------- */

        /* ---[ Footer ]----------------------------- */

            #footer {
                margin-top: 15px;
                padding-top: 40px;
                padding-bottom: 40px;
                font-size: 0.95em;
                clear: both;
                text-align: left;
                background: #fff url('images/kwiatek_s2.jpg') 0px 0px repeat-x;
            }
            
            #footer a:link, #footer a:visited {
                text-decoration: none;
                color: #4d78b4;
            }
            
            #footer a:hover, #footer a:active {
                background: none;
                text-decoration: underline;
            }
            
        /* ---[ End Footer ]------------------------- */

    /* ---[ End Supporting Text ]-------------------- */

    /* ---[ Link List ]------------------------------ */

        #linkList {
            z-index: 2;
            background: transparent url('images/kwiatek2-logo.jpg') 50% 100% no-repeat;
            position: absolute;
            top: 100px;
            right: 100px;
            float: right;
            width: 175px;
        }

        #linkList h3 {
            border: none;
            margin-top: 5px;
            margin-bottom: 10px;
            height: 30px;
        }
        
        #linkList h3 span {
            /* display: none; */
        }

        /* ---[ Link List 2 ]------------------------ */

            #linkList2 {
                padding-top: 20px;
                color: #858585;
            }

            #linkList2 a:link, #linkList2 a:visited {
                color: #4d78b4;
                text-decoration: none;
            }

            #linkList2 a:hover, #linkList2 a:active {
                background: none;
                text-decoration: underline;
            }

            #linkList2 div {
                font-size: 0.85em;
                padding: 8px 8px 10px 8px;
                background: transparent url('images/sidesplit.gif') 0px 100% repeat-x;
            }

            #linkList2 ul {
                list-style-type: square;
                margin: 0px;
                padding-left: 15px;
            }

            #linkList2 ul li {
                /* background: url('images/bullet.gif') 0px 3px no-repeat; */
                list-style-image: url('images/bullet2.gif');
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 10px 0px;
            }
            
            /* ---[ L Select ]----------------------- */
            
                #lselect h4 {
					margin-bottom: 15px;
                    background: #e5e5e5 url('h3..side.select.gif') 50% 0% no-repeat;
                }
            
                #lselect a {
                    display: inline;
                }
                
                #lselect a.c {
                    display: inline;
                }
            
            /* ---[ End L Select ]------------------- */
            
            /* ---[ L Favorites ]-------------------- */

                #lfavorites h3 {
                    background: #e5e5e5  url('h3..side.favourites.gif') 50% 0% no-repeat;
                }
            
                #lfavorites a {
                    display: block;
                }
                
                #lfavorites a.c {
                    display: inline;
                }
            
            /* ---[ End L Favorites ]---------------- */

            /* ---[ L Archives ]--------------------- */

                #larchives h3 {
                    background: #e5e5e5 url('h3..side.archives.gif') 50% 0% no-repeat;
                }
            
            /* ---[ End L Archives ]----------------- */

            /* ---[ L Resources ]-------------------- */
            
                #lresources {
                    margin-bottom: 150px;
                }
            
                #lresources h4 {
					margin-bottom: 15px;
                    background: #e5e5e5 url('h3..side.resources.gif') 50% 0% no-repeat;
                }
            
            /* ---[ End L Resources ]---------------- */

        /* ---[ End Link List 2 ]-------------------- */

    /* ---[ End Link List ]-------------------------- */

/* ---[ End Container ]------------------------------ */

/* ---[ Extra Div 1 ]-------------------------------- */

    #extraDiv1 {
       position: absolute;
       top: 0px;
       right: 0px;
       width: 275px;
       height: 130px;
       background: transparent url('images/top-wycieniowanie.jpg') 0% 100% no-repeat;
       z-index: 20;
    }

/* ---[ End Extra Div 1 ]---------------------------- */

/* ---[ Extra Div 2 ]-------------------------------- */

    #extraDiv2 {
       position: absolute;
       top: 125px;
       left: 105px;
       width: 30px;
       height: 30px;
       background: transparent url('xcorner1.gif') 0% 0% no-repeat;
       z-index: 20;
    }

/* ---[ End Extra Div 2 ]---------------------------- */

/* ---[ Extra Div 3 ]-------------------------------- */

    #extraDiv3 {
       position: absolute;
       top: 125px;
       left: 359px;
       width: 30px;
       height: 30px;
       background: transparent url('xcorner2.gif') 0% 100% no-repeat;
       z-index: 20;
    }

/* ---[ End Extra Div 3 ]---------------------------- */

	.licznik {
		visibility: hidden;
	}

	acronym {
		text-decoration: underline;
	}