/********  plik CSS  to najwazniejszy plik jesli chodzi o wygląd graficzny strony 
- zawiera nie tylko informacje o czcionkach ale także o blokach, w których umieszczone 
sa takie elementy strony jak nagłówek, menu, stopka, wnętrze, etc ...  - stosuje sie to zamiast tabel. w praktyce okaalo sie, ze dziala to potem prosciej, nie trzeba tyle klas i ustawien aby uzyskac dany wygląd jak w przypadku tabel.

Obecnie dążymy do tego aby oddzielić treść merytoryczna stron www od szablonu graficznego, tak, aby jesli ten drugi ma ulec zmianie, 
tekstów na stronie nie trzeba bylo przerabiac. I tak w istocie tutaj mamy - w CSS możemy zmieniac szerokośc, wysokośc elementów, tła i kolory.  
Mam tu prośbe o roazwagę - kostrukcja CSS wymaga niestety pewnej wprawy do zarządzania nią - o ile zmiana koloru czcionki nie ma większego wpływu, 
to przesunięcie szerokości bloków moze rozsypać całą konstrukcję strony. 

Wazne jest tez aby konstrukcja wyglądała dobrze we najwazniejszych przeglądarkach typu IE 8, 7, 6,
Fire Fox, Opera, Chrome.  

****/


html, body{ 
 margin:15px; 
 padding:0; 
 text-align:center; 
 background-image: url(images/back1.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
} 
 
#pagewidth{ 
 width:850px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background-color: #ffffff;
 background-image: url(images/top.jpg);
	background-position: top;
	background-repeat: no-repeat;
   border: 1px;
	border: solid;
	border-color: #182828;	
} 
 
#header{
	position: relative;
	height: 150px;
	
	width: 100%;	

} 


#adres {
	background-image: url(images/adres.jpg);
	width: 100%;
	height: 35px;
	border-bottom: 2px solid #182828;
	border-top: 3px solid #182828;
	
}

#adres-lewe {
font-size: 10px;
color: #ffffff;
float:left;
height: 25px;
padding-top:10px;
padding-left: 50px;
font-weight: bold;
}



#adres-prawe {
	float:right;
	width:250px;
	height: 25px;
	padding-top:10px;
	padding-left:20px;
}


#adres-prawe a

{
	font-size:11px;
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent !important;
	
}


#adres-prawe a:hover

{
	font-size:11px;
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;	
}


#leftcol{
	width: 200px;
	float: left;
	position: relative;
	background-color: #e1e8ea;
	border-right: 2px solid #969696;
}

 
#maincol{
	background-color: #ffffff;
	float: right;
	position: relative;
	width: 620px;

}

#centrum {
	padding-top:30px;
	padding-bottom:30px;
	padding-right:25px;
	text-align: justify;
	line-height: 150%;
}

 
#footer{
	height: 20px;
	clear: both;
	background-image: url(images/footer.png);
	text-align: center;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px solid #5a5a5a;
} 
 


/************* definicja linkow dla calosci strony ******************/


a {
color: #000000;
	text-decoration: none;
	font-family: verdana, tahoma, arial;
	font-weight: bold;
}

a:hover {
	color: #5f5f5f;
	text-decoration: underline;
	font-weight: bold;
}


/**************************  czcionki ,   H1... H2...H3...  sekcja centralna strony  ************************/


#centrum tr td {
	font-size: 11px;
		line-height: 150%;
}

#centrum h1 {
	font-size: 16px;
	color: #3c6190;
}

#centrum h2 {
	font-size: 14px;
	color: #284060;
}


#centrum h3 {
	font-size: 18px;
	color: maroon;
}

#centrum h4 {
	font-size: 16px;
	color: maroon;
}

#centrum h5 {
	font-size: 12px;
	color: maroon;
}

/*** linki w centrum strony sa zawsze podkreslone**/

#centrum  a {
	text-decoration: underline;
	color: #353535;
}

#centrum  a:hover {
	text-decoration: underline;
	color: #868686;
}


#centrum  a.wyjatek {
	text-decoration: none !important;
}

#centrum  a.wyjatek:hover {
	text-decoration: underline;
}


#centrum ul li {
	line-height:200%;
	
}

#centrum ol li {
	line-height:200%;
	
}


li.dalej {
	list-style: url(images/dalej.gif);
}



#male_menu {
	background-image: url(images/male_menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 5px;
	word-spacing:4px;
}

#male_menu  a {
	text-decoration: none !important;
}



strong {
	color: #7b2020;
	font-size:120%;
}





/**************************  LEWE MENU   ************************/

#leftcol {
	line-height:200%;
	
}

#leftcol a {

	font-weight: normal;	
}

#leftcol  a:hover {

	font-weight: normal;
}




/*  lewe menu  na zielonych belkach */	

/*  link na zielonym  */	

#naglowek2		{
	
	display: block;
	background-image: url('images/naglowek2.gif');
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
	padding-top:3px;
	padding-bottom:3px;

	}
	
#naglowek2	a

{	
	color:#ffffff;
	font-weight: bold !important;
	text-decoration: underline;
	padding-left:25px;
}


#naglowek2	 a:hover

{	
	color: #ddffdd;
	font-weight: bold !important;
	text-decoration: underline;
	padding-left:25px;	
}		
		
/* ta klasa sluzy tylko do do naglowkow w lewym menu NIE bedacych linkami*/		

		
#naglowek { background-image: url('images/naglowek.gif');
		background-repeat: no-repeat;
		color: #ffffff; 
		font-weight: bold;
		display: block;
		width: 100%;
		height: 30px;
		padding-top:3px;
	
		}
		
#naglowek p {padding-left:25px;
display: inline;
				
}
		
		

/**************** REKRUTACJA *************/
 
 
#nav  {
		background-image: url(images/rekrutacja.png);
		background-repeat: no-repeat;
		color: #ffffff; 
		font-weight: bold;
		display: block;
		width: 100%;
		height: 30px;
		padding-top:3px;
		}

	
#nav	a

{	
	color:#ffffff;
	font-weight: bold !important;
	text-decoration: none;
	padding-left:25px;
}


#nav a:hover

{	
	color: #ffffff;
	font-weight: bold !important;
	text-decoration: underline;
	padding-left:25px;	
}		
	

/* konferencje */



#konferencje	{
	
	display: block;
	background-image: url('images/konferencje.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
	padding-top:3px;
	padding-bottom:3px;

	}
	
#konferencje a

{	
	color:#ffffff;
	font-weight: bold !important;
	text-decoration: none;
	padding-left:25px;
}


#konferencje a:hover

{
	color: #f0f8ff;
	font-weight: bold !important;
	text-decoration: underline;
	padding-left: 25px;
}		




/* dziekanat */



#dziekanat	{
	
	display: block;
	background-image: url('images/dziekanat.jpg');
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom: 10px;

	}
	
#dziekanat a

{	
	color:#ffffff;
	font-weight: bold !important;
	text-decoration: none;
	padding-left:25px;
}


#dziekanat a:hover

{
	color: #f0f8ff;
	font-weight: bold !important;
	text-decoration: underline;
	padding-left: 25px;
}		




/* kontakt */



#kontakt  {
		background-image: url(images/kontakt.png);
		background-repeat: no-repeat;
		color: #ffffff; 
		font-weight: bold;
		display: block;
		width: 100%;
		height: 30px;
		padding-top:3px;
		border-top: 2px solid #678aa3;
	}

	
#kontakt	a

{	
	color:#ffffff;
	font-weight: bold !important;
	text-decoration: none;
	padding-left:25px;
}


#kontakt a:hover

{	
	color: #ffffff;
	font-weight: bold !important;
	text-decoration: underline;
	padding-left:25px;	
}		




/* galeria */



#galeria  {
		background-image: url(images/galeria_belka.jpg);
		background-repeat: no-repeat;
		color: #ffffff; 
		font-weight: bold;
		display: block;
		width: 100%;
		height: 30px;
		padding-top:3px;

	}

	
#galeria	a

{
	color: #33537d;
	font-weight: bold !important;
	text-decoration: none;
	padding-left: 25px;
}


#galeria a:hover

{
	color: #8aa8cf;
	font-weight: bold !important;
	text-decoration: underline;
	padding-left: 25px;
}		

		
/****** HEADER  *******/

#header {
	text-align: right;

}

#header { font-size:7px;}



#header h1 {
	font-size: 23px;
	color: #ffffff;
	padding-right: 20px;
	padding-top: 10px;
	display: inline;
		
}

#header h2 {
	font-size: 17px;
	color: #ffffff;
	padding-right: 20px;
	display: inline;}



	
	

/*************    INNE   **************/

img {
	border: 0px;
}


.powrot {
	font-size: 8px;
}



#tabelka {
	border: 2px solid #6c6c6c;
	background-repeat: repeat-x;	
	background-color: #e0dede;
	padding:10px;
	width: 95%;
	}


#tabelka td {
	border: 1px solid #979595;
	background-color: #fdfdfd;
	padding: 15px;
	text-align: justify;
}



#tabelka_jednostki {
	width: 97%;
	text-align: center;
	
	}


#tabelka_jednostki td {
	text-align: justify;
	padding:5px;
}


#tabelka_jednostki_ramki {
	width: 97%;
	text-align: center;
	
	}


#tabelka_jednostki_ramki td {
	text-align: justify;
	padding:10px;
	border: 1px solid #979595;
}





.na_lewo {
	text-align: left !important;	
}

.tabela_wladze {
	background-image: url(images/tlo_tabeli.jpg);
	background-position: top;
	background-repeat: no-repeat;
	
}


.tabela_edu {
	background-image: url(images/tlo_tabeli.jpg);
		background-position: top;
	background-repeat: no-repeat;
	}
	

.tabela_konferencja {
	background-image: url(images/tlo_konferencja.jpg);
	vertical-align: top;
	background-position: top;
	background-repeat: no-repeat;
	}	
	
.tabela_dziekanat {
	background-image: url(images/tlo_dziekanat.jpg);
	vertical-align: top;
	background-position: top;
	background-repeat: no-repeat;
	}		

.blue  {
	background-color: #d8e2ef !important;
	FONT-WEIGHT: BOLD;
	padding-top: 5px !important;
	padding-bottom: 5px !important;	

}	

.green {
	background-image: url(images/jednostki_pas.jpg) !important;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 90% !important;
	padding-left:30px !important;
}


.yellow {
		background-color: #fffff0;
}

	
#odstepy td {
		line-height: 180% !important;
	}

  h6 {
 	font-size: 9px;
 }
 
 .dopiski {
 	font-size: 80%;
 }
 
 a.dopiski {
	color: #676565 !important;
}
 
 
  a.dopiski:hover {
	color: #b2b2b2 !important;
	
}
 
 
 
  .dopiski2 {
 	font-size: 80%;
 }
 
 a.dopiski2 {
	color: #8e8d8d !important;
}
 
 
  a.dopiski2:hover {
	color: #b2b2b2 !important;
	
}
 
 
 #footer a {
color: #ffffff;
	text-decoration: none;
	font-size:85%;
}

#footer a:hover {
	color: black;
	text-decoration: underline;
	font-size:85%;
}
 
 
 #search  { padding: 5px;

				border:2px solid  #acbdbd; 
				
				text-align: left;
				color: #122F54;
				font-size: 11px;}
				
 
 
 /* *** Float containers fix: */ 
 /* 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }



.clearfix{display: inline-block;}*/

/* Hides from IE-mac \*/

/*
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */