@charset "iso-8859-2";
* {
	margin:0;
	padding:0;
}


BODY   {
	text-align:center;
	background-image:url(../foto/kamienie.jpg); 
	height:100%;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size:1em;	
	overflow:auto; 
}


#calosc { 
	position:absolute;
	left:0; right:0; top:0; bottom:0;	
	width:100%;
	height:100%; 
	display:block;
}

#strona {
	position:absolute;
	left:50%; top: 50%;
	margin-top:-12em;
	margin-left:-24em;
	width:48em;
	height:24em;	
}  

#naglowek {	
	text-align:left;
	width:100%;
	height:2.6em;
	overflow:hidden;
}

#gornemenu {
	background-image:url(../foto/pasek5.jpg);
	width:100%;
	height:2.6em; 
	border: solid 1px black;
	text-align:left;
}

#ramka {
 	background-image:url(../foto/tlo1.jpg);
	
	width:100%;
	height:16.2em; 
	border-left:solid 1px black;
	border-right:solid 1px black; 
	text-align:justify;	
	overflow:auto;
} 

#ramkap {
 	background-image:url(../foto/tlo1.jpg);
	background-position:bottom;
	background-attachment:fixed;
	width:100%;
	height:16.2em; 
	border-left:solid 1px black;
	border-right:solid 1px black; 
	text-align:justify;	
	overflow:auto;
} 

#dolnemenu {
 	background-image:url(../foto/pasek5.jpg);
	width:100%;
	height:2.6em;
	border:solid 1px black;
	text-align:left;
	overflow:hidden;  
}

.menu_gorne {
	margin-top:0.5em;
	/*word-spacing:2.6em;*/
	word-spacing:1.2em;
	margin-left:1.6em;
}

.menu_dolne {
	word-spacing:1.2em;
	margin-left:1.2em;
	margin-top:0.4em;
}	

.menu_dolne small {
 	word-spacing:0;
} 

.brakprzerwy {
 	word-spacing:0;
}
 
.uwaga {
 	font-style:italic;
	font-size:0.8em;
} 

h4 .uwaga2 {
	font-style:normal;
	font-weight:normal;
	font-size:0.9em;
	margin-left:1em;
	margin-right:1em;
}

h4 .data {
 	float:left;
	text-align:center;
	width:10em;
	height:1em;
	border:solid 1px blue;
	clear:both;
}

img.validator, img.stat {
	vertical-align:middle;
} 

img {
 	border:none;
}
/* ------------------------------koniec układu strony -----------------------------*/

/*------------------------------------nawigacja----------------------------------------*/
a:link, a:visited {
  font-size        : 1.2em;
  color            : #0000FF; 
  text-decoration  : none;
  font-family      : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
} 

a:visited {
 	color:maroon;
}
	  

a:hover, a:active, a:focus {
  color: lime; 
  text-decoration:underline;
}  


a:hover.sw, a:active.sw, a:focus.sw {
 	color:red;
}

a.sw2 {
	color:#0000cc;
	font-size:1.1em;
	font-weight:bold;
}

.srodek {
 	text-align:center;
	float:right;
	margin-right:3em;
}

/*-------------------------------------koniec nawigacji----------------------------------*/
/*h1 {
 	display:inline;	
	font-family:  verdana, tahoma, sans-serif;
	font-size:1.1em; 
	color: white;
}*/

/*				   
h2 {
 	display:inline;
	font-family: Fixedsys, "Trebuchet MS", "MS Reference Sans Serif", verdana,  tahoma, sans-serif;
	font-size:1.8em; 
	color: white;
}
*/
h3 {
	font-family: Georgia, verdana, tahoma, arial, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	margin-top:0.6em;
	margin-left:2em;
	color:#CC3333;
}

h4 {
	font-family: Verdana, tahoma, arial, sans-serif;
	font-size:14px;
	margin:10px 20px;
	text-align:center;
}

h5 {
 	display:inline;
}

.text {					/*  format textu na stronie  */
 	margin-top:0.6em;
	margin-left:2.4em;
	margin-right:3em;
} 

.text2 {					/*  format textu na stronie  */
 	margin-top:0.4em;
	margin-left:2.4em;
	margin-right:3em;
} 

.text p {
 	margin-top:0.3em;
	margin-left:1em;
} 

.tytul {			 /* nagłowek h1 - zmiana koloru na czarny oraz zmiana wielkości */
 	color:black;
	font-size:1em;
	font-family:arial;
}

.tytul1 {
  display:inline;
	font-family: Fixedsys, "Trebuchet MS", "MS Reference Sans Serif", verdana,  tahoma, sans-serif;
	font-size:1.8em; 
	color: white;
}

.tytul2 {
  display:inline;	
	font-family:  "Trebuchet MS", verdana, tahoma, sans-serif;
	font-size:1.2em; 
	color: white;
}

.cv {				  /* wyśrodkowanie nagłowka h3 */
 	text-align:center;
	margin-top:0.2em;
} 	 

.mojafotka {
	float:right;  
	left:30em;	 
	width:190px;
	margin-top:15px; 
	margin-right:50px;
}
   
.dane {	 			/* ustawienie małej ilości textu na stronie */
	margin-top:2em;
	margin-left:6em;
	line-height:1.4em;
}

.wciecie {
 	margin-left:1em;
	line-height:1.3em;
	font-size:1.2em;
} 

.wciecie1, .wciecie2 {
 	margin-left:6.3em;
	font-size:0.8em;
}

.wciecie1 {
 	margin-top:0.2em;
}
 
.zawod {
 	font-weight:bold;
	color:#3333CC;  
	font-size:1.1em;
}

.kurs {
 	color:#3333CC;
	font-weight:bold;
	font-size:0.9em;
} 

.kurs2 {
 	color:#3333CC;
	font-weight:bold;
	font-size:1.1em;
}
 
ul {
 	list-style-type:none;
	margin-top:0.2em;
	margin-left:3.4em;
	margin-bottom:0.8em;
	font-size:0.9em;
}

.doswiadczenie {
 	list-style-image:url(../foto/lista3.gif);
	margin-left:5em;
	margin-right:3em;
	margin-top:1em;
	font-size:0.95em;
	line-height:1.2em; 
} 

.doswiadczenie li {
 	margin-top:0.45em;
} 

#ul1 {
 	margin-top:-4px;
}

.minuty {
 	vertical-align:super;
}  
 
#oferta p {
 	margin-top:0.8em;
	margin-left:4em;
}
  
#z1, #z2, #z3, #z4, #z5, #z6 {
 	margin-top:0.5em;
	font-weight:bold;
	color:#006600;
	margin-left:4em;
} 

#z1 {
 	margin-top:1.5em;
} 

#z2 {
	margin-left:8em;
	letter-spacing:0.2em;
}

#z3 {
	margin-left:10em;
}

#z4 {
	margin-left:13em;
}

#z5 {
	margin-left:17em;
}	

#z6 {
  margin-left:21em;
}
 
#d1 {
 	line-height:2.5em;
	margin-left:8em;
	margin-top:1em;
} 

#k1 {
 	margin-left:1em;
	margin-top:1.2em;
	margin-bottom:0.5em;
} 

#k2 {
	font-size:0.85em;	
}

#k3 {
	margin-top:0.5em;
}  

#k4 {
 	color:#990099;
	font-size:1.1em;
	margin-left:1em;
}

#k5 {
 	margin-top:1em;
	font-size:0.9em;
	margin-bottom:0.4em;
}


.oceny {
 	font-weight:bold;
} 
   
.kontakt {
 	width:20em;
	margin-left:2em;
	margin-top:1em;
} 



/*---------------------------------------formularz---------------------------------------------*/
form {
 	float:right;
} 

fieldset {
 	width:20em;
	padding-left:1.5em;
	color:#00008B; 
	height:15em;
	margin-right:2em; 
	margin-top:0.6em;
}

.adres {
 	font-size: 1em; 
	font-family: tahoma,verdana,sans-serif; 
	border: solid 1px  #000000; 
	width:15em;
	background:yellow;
} 

.zamowienie {
 	background-color: yellow; 
	font-size: 1em; 
	font-family: arial; 
	width: 18.5em; 
	height: 6.5em; 
	border: solid 1px #000000; 
	overflow:auto;
}

.button {
 	width:12em;
	margin-left:6em;
	margin-top:0.6em;	
}
/*---------------------------------koniec formularza---------------------------------------------*/
 
#jarek {
 	position:relative; 
	left:0;top:0;
}

#formularz1 {
	margin-left:1em;
	margin-top:0.8em;
}

form #pole1 {
	background-color:transparent;	
	font-family: georgia, arial, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color: #474747;	
	border:0;
}
 
form #pole2 {
 	border:0; 
	width:60em;
	height:13.5em;
	background-color:transparent;	 
	font-family: 'Century Gothic', system, tahoma,  arial, sans-serif;
	font-size:0.8em; 
	line-height:1.3em;
	font-weight:bold;	
	color: #535353;
	overflow:hidden;	
	margin-top:0.6em;
	position:relative;
	left:1.5em;	
} 


form #pole3 {
 	border:0;
	width:36em;
	text-align:center;
	background-color:transparent;	
	font-family: tahoma, arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color: #474747;
	overflow:hidden;
}

#szkola1, #szkola2, #szkola3 {
    position:relative;
}  

#kurs1, #kurs2, #kurs3 {
 	position:relative;
}

#ul1 li {
  position:relative;
}


#ramkap div {
	margin:10px 20px;
	/*border:1px solid black;*/
	height:120px;
	
}

#ramkap div.foto {
	float:left;
	/*border:1px solid red;*/
	height:100px;
}

#ramkap div p {
	padding-top:30px;
	font-size:12px;
	/*border:1px solid blue;*/
}

#ramkap h4 {
	color:#df0000;
}