/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXX   elementy podstawowe  XXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/



* { margin: 0; padding: 0; }

a {
		color: #339922;
		text-decoration: none; 
		outline: none;

}

a:hover {
		color: black;

}

div {
		text-align:left;
		border-style: solid;
		border-color: none;
		border-width: 0px;

		
		
}

img, object {
		border: 0;
		padding: 0; 
		margin: 0;

}

p { 
		
		line-height: 16px;
		margin: 0;
		padding: 0;
		font-weight:normal;
		letter-spacing: 0px;
		word-spacing: 3px;
		font-family: verdana;
		text-indent: 24px;
		
						
}

h1 {
		font-size: 17px;
		font-weight: normal;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 100px;
		margin-right: 10px;
		padding: 0px 0px 3px 50px;
		word-spacing: 3px;
		letter-spacing: 1px;
		line-height: 14px;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		float: right;
		border-color: gray;
		display: block;
		text-align: right;

}

.divh1 {
                width: 730px;
}

#content_title {
		width: 780px;
		float: left;
		
		margin-bottom: 18px;

}

h2 {
                margin-left: 10px; padding: 0;
		text-indent: 0px;
		font-size: 15px;
		line-height: 20px;
		word-spacing: 3px;
		font-weight: normal;
		color: green;
		
}

br {		
		line-height: 14px;

}

table {
		border: 0; 
		padding: 0; 
		text-align:left;

}

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXX   szablon strony  XXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

body {
	
		margin: 0;
		padding: 0;
		text-align:center;
		font-family: verdana, arial;
		font-size: 12px;
		background-color: #b2b2b2;
		text-decoration: none;
		color: black;
		
		

}

#page {
		width: 857px;
		overflow-y: auto;
		overflow-x: hidden;
		margin-left: auto;
		margin-right: auto;
		background-image: url('graphics/page-background-y.png');
		background-repeat: repeat-y;

}

#page-inner {
		width: 835px;
		position: relative;
		left: 13px;
		

}



#menu {
		width: 841px;
		height: 55px;
		margin-left: 37px;
		background-image: url('graphics/menu.png');
}

#under-menu {
		
		width: 832px;
		height: 84px;
		
		

}

#under-menu-right {
		width:450px;
		height: 84px;
		float: right;
		background-image: url('graphics/under-menu-right.png');
}

#under-logo-gradient {
		width: 832px;
		height: 70px;
		background-image: url('graphics/horizontal-gradient.png');
		background-repeat: repeat-x;
		

}

#footer {
	
		width: 857px;
		height: 42px;
		padding-top: 30px;
		float: left;
		
		

}

#footer-content {
		width: 793px;
		height: 42px;
		background-image: url('graphics/footer-background-x.png');
		background-repeat: repeat-x;
		float: left;
		text-align: right;
		
}

#footer-corner-left {
		width: 32px;
		height: 42px;
		background-image: url('graphics/footer-background-left.png');
		float: left;
}

#footer-corner-right {
		width: 32px;
		height: 42px;
		background-image: url('graphics/footer-background-right.png');
		float: left;
}

#footer h6 {
                color: #999999; padding-right: 0px; margin-left: 35px;  font-size: 9px; font-weight: normal; display:inline; line-height: 34px;
}

#footer a {
                color: #999999;
}

#footer a:hover {
                color: #555555;
}

#logo-frame {
		padding-left: 0px;
		width: 283px;
		height: 74px;
		position: relative;
		left: 5px;
		float: left;
		
}

#logo-frame a {
		display: block;
		border-width: 0;
		width: 283px;
		height: 74px;
		background-image: url('graphics/logo.png');
		background-repeat: none;
		background-position: 0px 0px;


}

#logo-frame a:hover {
		background-position: 0px 74px;
}

#main-content {
                width: 857px; padding-top: 0px; padding-left: 35px;
}



.menu-item-content a {
		line-height: 32px;
		font-size: 18px;
		letter-spacing: 1px;
		color: #eeffcc;
	
}



.menu-item-content a:hover {
		color: #66ff11;
	
}



.menu-item-content h5 {
		display: inline;
		line-height: 32px;
		text-decoration: none;
		font-size: 18px;
		letter-spacing: 1px;
		color: #551144;
		font-weight: normal;
}


#menu-content {
		width: 800px;
		height: 45px;
		float: right;
		font-size: 18px;

}

.menu-item, .menu-item-click {
		height: 45px;
		float: left;
		margin-left: 26px;
		
		background-image: url('graphics/menu-item-content.png');
		background-repeat: repeat-x;
		background-color: #34bf17;
}

.menu-item-click {
		background-image: url('graphics/menu-item-content-click.png');
		background-repeat: repeat-x;
}

.menu-item-content {
		height: 45px;
		float: left;
		margin-left: 5px;
		margin-right: 5px;
}

.menu-item-left, .menu-item-left-click {
		height: 45px;
		width: 17px;
		background-image: url('graphics/menu-item-left.png');
		background-color: #34bf17;
		float: left;
}

.menu-item-left-click {
		background-image: url('graphics/menu-item-left-click.png');

}

.menu-item-right, .menu-item-right-click {
		height: 45px;
		width: 17px;
		background-image: url('graphics/menu-item-right.png');
		background-color: #34bf17;
		float: left;
}

.menu-item-right-click {
		background-image: url('graphics/menu-item-right-click.png');

}


/*XXXXXXXXXXXXXXXXXXX   WSZYSTKIE PODSTRONY  XXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/




#kontakt, #korepetycje, #niema, #linki, #news, #matura, #tablice, #materialy  {	
		width: 790px;  
		
		position: relative; top:0px; left:0px; 
				
		
}

#tresc a {
		border-bottom: dotted 1px; 
		color: green; 
		font-size: 14px; 
		text-decoration: none;

}

#tresc a:hover {
		font-size: 14px; 
		color: red; 
		border-bottom: solid 1px;

}



.wciecie_srednie {
		margin-left: 40px;

}

.wciecie_male {
		margin-left: 20px;

}


#linia {
		width: 100%;
		height: 6px; 
		float: right; 
		background-image: url('graphics/linia1.png'); 
		background-repeat: no-repeat; 
		padding-top: 4px; 
		background-position: right;
		padding: 0;

}

.doprawej {
		text-align:right;
		width: 100%;
		padding-bottom: 0px;
		float: left;
		height: 30px;

}

.small {
		font-size: 10px; 
		line-height: 14px; 
		word-spacing: 1px;
		margin-bottom: 10px;

}

.ramka {	position:relative; left: 40px; 
		border-width: 2px; 
		border-style: solid; 
		border-color: #66dd55; 
		padding: 5px; 
		width: 400px; 
		margin-top: 25px; 
		margin-bottom: 25px;

}



/*XXXXXXXXXXXXXXXXXXX   TABLICE  XXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/





#tablice_gora {
                width: 790px; height: 30px;
}

#tablice_spis { 
		width: 770px; 
		

}

#tablice_spis ul {
		font-weight: bold;
		margin-top: 30px;
		margin-left: 60px;
		font-size: 15px;

}

#tablice_spis li {
		margin-top: 15px;
		margin-bottom: 15px;

}


#tablice_tresc {	
		width: 740px;  
		overflow: visible;
		float: left;

}

#tablice div.eq  {
		float: none; 
		padding-left: 80px; 
		padding-top: 15px; 
		padding-bottom: 15px; 
		margin-right: 15px;

}

#tablice span.eq { }

#tablice_tresc h1 {
		margin: 5px 0px 25px 25px;
		float: left;
		border: 0px;
		
		width: 680px;
		text-align: left;
		padding: 0px;

}

#tablice p {
                margin-bottom: 5px; margin-top: 20px;
}

#tablice_spis p {
                margin-top: 0px;
}

#zobacz_tez {
                margin-top: 40px;
                margin-left: 310px;
                border-width: 1px;
                border-color: #eaeaea;
                background-color: #f4f4f4;
                width: 350px;
                text-align: right;
                }

#zobacz_tez h5 {
                font-size: 13px;
                padding: 4px 4px 4px 8px;
                text-align: left;
}
#zobacz_tez a {
                font-size: 14px;
                display: block;
                margin: 4px 8px 4px 4px;
}

#tablice.doprawej {
                width: 740px;
                float: right;
                height: 20px;
}




/*XXXXXXXXXXXXXXXXXXXXXXXXXX   MATURA  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.boksik {
                width: 240px;
                float: left;
                padding-left: 70px;
                padding-top: 30px;
}

#matura ul {
                margin-top: 30px;
}

#matura li {
                margin-top: 10px;
                margin-bottom: 10px;
                padding-left: 40px;
                padding-bottom: 10px;
                background-image: url('tresc/arkusze/pdf-icon.gif');
                background-repeat: no-repeat;
                font-size: 11px;
}




/*XXXXXXXXXXXXXXXXXXXXXXXXXX   LINKI  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#linki a {
                font-size: 13px;
                font-weight: bold;
                margin-left: 20px;
}

#linki h2 {
                color: black;
                font-size: 11px;
}

#linki a:hover {
                font-size: 13px;
                font-weight: bold;
                color: blue;
}

.wyrozniony {
                background-image: url(linia.gif);
                background-repeat: no-repeat;
                width: 520px; margin-left: 50px;
                margin-top: 10px;
                margin-bottom: 10px;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 20px;
}

#linki .wyrozniony {
                padding-top: 0px;
                padding-bottom: 0px;
                font-size: 12px;
                line-height: 14px;
}




/*XXXXXXXXXXXXXXXXXXXXXXXX   KONTAKT  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#kontakt h6 {
                font-size: 16px;
                float: left;
                letter-spacing: 1px;
                margin-top: 15px;
                margin-bottom: 5px;
                margin-right: 50px;
}

#kontakt h5 {
                font-size: 17px;
                letter-spacing: -1px;
                font-weight: normal;
                float: left;
}

#kontakt img {
                float: left;
}

.tel_mail {
                float: left;
                width: 260px;
                margin-top: 20px;
                margin-left: 20px;
                
}

#kontakt_left {
                float: left;
                width: 320px;
                height: 230px;
                border-width: 0px 1px 0px 0px;
                border-style: solid;
                border-color: gray;
                margin: 80px 10px 80px 0px;
}


#kontakt_right {
                float: left;
                padding-top: 90px;
                width: 395px;
                padding-left: 15px;
}

#kontakt_right p {
                text-indent: 0px;
                margin-bottom: 35px;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX   KOREPETYCJE  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#korepetycje h3 {
                color: purple;
                font-size: 16px;
                font-style: italic;
                margin: 17px 0px 10px 0px;
}

#korki_cena span {
                font-size: 17px;
}

#korki_cena h4 {
                font-weight: bold;
                font-size: 13px;
                color: brown;
                margin: 10px 0px 5px 40px;
}

#korki_cena .cena {
                margin: 2px 0px 2px 87px;
}

#korki_cena .small {
                margin: 10px 40px 0px 40px;
                text-indent: 0px;
}

#korki_cena a {
                background-color: orange;
                color: white;
                font-size: 15px;
                letter-spacing: 2px;
                font-weight: bold;
                position: relative;
                left: 40px; top: 10px;
}

#korki_cena a:hover {
                background-color: gray;
}

#oferta_korki_box {
                width: 380px;
                float: left;
                margin-right: 10px;
                border-style: solid;
                border-color: #dddddd;
                border-right-width: 1px;
                padding-right: 13px;
}

.korki_oferta {
                text-indent: 0px;
                margin: 0px 0px 8px 19px;
                font-size: 12px;
}

#o_mnie {
                width: 350px;
                float: right;
                margin-top: 15px;
                margin-right: 17px;
                margin-left: 10px;
}

#korki_cena {
                width: 350px;
                margin-left: 10px;
                float: right;
}

.small a {
                color: blue;
}


#foto {
                float: right;
                margin-right: 0px;
                width: 150px;
                height: 199px;
}



#korepetycje h2 {
		font-weight: normal;
		font-size: 17px;
		line-height: 28px;
		padding: 2 4 2 4px;
		font-style: italic;
		letter-spacing: 0px;
		display: inline;
		text-indent: 0px;

}



/*XXXXXXXXXXXXXXXXXXXXXXXX   NEWS  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/



#news a span.tytul {
                font-size: 17px;
                letter-spacing: -1px;
                color: black;
                font-weight: normal;
                margin-left: 0px;
}

#news a  span.punkty {
                text-indent: 0px;
                color: black;
                letter-spacing: 1px;
                word-spacing: 8px;
                font-size: 15px;
                margin-left: 20px;
                display: block;
}

#news a.raz:hover span.tytul {
                color: red;
}

#news a.raz:hover span.punkty {
                color: orange;
}

#news a.dwa:hover span.tytul {
                color: blue;
}

#news a.dwa:hover span.punkty {
                color: #00ccff;
}

#news a.trzy:hover span.tytul {
                color: green;
}

#news a.trzy:hover span.punkty {
                color: #00eb00;
}

#news a.raz, #news a.dwa, #news a.trzy {
                width: 340px;
                float: left;
                padding-bottom: 60px;
                background-image: url('graphics/cien.jpg');
                background-repeat: no-repeat;
                background-position: bottom left;
}

#news img {
                padding: 40px 20px 40px 0px;
                margin: 30px 0px 30px 0px;
                border-style: solid;
                border-right-width: 1px;
                border-color: green;
}

#news_left {
                width: 430px;
                float: left;
}

#news_right {
                width: 360px;
                float: right;
                padding-top: 50px;
}



/*XXXXXXXXXXXXXXXXXXXXXXXX   404  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#niema img {
                margin: 50px 0px 30px 270px;
}

#niema h5 {
                font-size: 14px;
                font-weight: bold;
                color: brown; margin-left:200px;
                margin-bottom: 50px;
                display: block;
                padding: 30px 40px 0px 70px;
                border-style: solid;
                border-color: gray;
                border-width: 1px 0px 0px 0px;
                width: 260px;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX   LOCK  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#lock img {
                margin: 112px 10px 140px 30px;
                padding-right: 20px;
                border-style: solid;
                border-color: gray;
                border-width: 0px 1px 0px 0px;
                float: left;
}

#lock h5 {
                font-size: 14px;
                display: block;
                float: left;
                margin: 150px 0px 100px 10px;
}