@CHARSET "UTF-8";

/* 
	Ogólne elementy 
*/
img { border: 0px; padding: 0px; margin: 0px; }
ul {list-style: none; margin: 0px; padding: 0px; }

/* 
	BODY 
*/
body 
{
	margin: 0px; 
	padding: 0px;
	font-family: arial;
	font-size: 13px;
	line-height: 1.5;	
}

/* 
	ZAWARTOSC - glowny element 
*/
#strona { width: 100%; }

	/* 
		Logo 
	*/
	#logo {
		height: 100px; /* cale - suma 2 img*/
		padding: 0 0 0 57px;
		float: left;
	}
	
		#logo img {display: block;}
	
	/* 
		Mini Menu 
		Czyli to pod logiem z prawej
	*/ 
	#mini-menu {
		height: 20px;
		padding-right: 25px;
		text-align: right; 
	}
	
		/* Linki w mini menu */
		#mini-menu a { text-decoration: none; }	
		#mini-menu a:HOVER { text-decoration: underline; }			
		
	/* 
		Main Menu
	*/
	#main-menu {
		width: 100%;
		height: 45px; /* 65 faktyczna wysokość - 20 padding top*/
		padding: 20px 0px 0px 0px;	
		float: left;
		font-size: 14px;
		color: #FFFFFF;
		background: #FFFFFF url('grafika/main-menu_bg.png') 0 0 repeat-x;
	}	
	
		/* Lista przyciskow w menu */
		#main-menu ul {	
			margin: 0px;
			padding: 0px;
		}
			#main-menu ul li 
			{		
				margin-right: 20px;
				float: left;
				letter-spacing: 0.7px;
			}		
			#main-menu ul li a
			{				
				color: #D4EFFF;
				text-decoration: none; 
			}	
			
			#main-menu ul li a.main-menu-big 
			{							
				font-size: 14px;	
				text-decoration: none; 
				padding: 6px;
				border-bottom: 3px solid white;
			}
			
			#main-menu ul li a.main-menu-big-zam-cv
			{									
				font-size: 14px;	
				text-decoration: none; 
				padding: 6px;
				color: yellow;
				border-bottom: 3px solid yellow;
			}
		
	/* 
		Top BOX 
		Część zaraz pod logiem i menu.
		Zawiera: Reklamę, wyszukiwarkę, osobę (img)
	*/
	#top-box
	{
		width: 1010px;
    float: left;
	}
   	#top-box .info
    {
      padding: 15px;
    }

		/* 
			Lewa - czyli banner + wyszukiwarka 
		*/
		#top-box-lewa {
			width: 620px;
			float:left;
		}
			
			/* Banner po lewej stronie nad wyszukiwarką */
			#top-box-lewa #banner
			{
				width: 620px;
				height: 153px;
				float: left;				
				background: #FFFFFF url('grafika/banner.png') 0 0 no-repeat;
			}
				#banner a {	display: block; width: 100%; height: 100%; } 
			
			/* Wyszukiwarka w topie*/
			#top-box-lewa #wyszukiwarka
			{
				width: 620px;
				height: 142px;
				float: left;				
				background: #FFFFFF url('grafika/wyszukiwarka_bg.png') 0 0 no-repeat;		
			}		
				/* Menu z linkami do różnych okresów wyszukiwania 24h,48h,7dni itp.*/	
				#wyszukiwarka-menu
				{
					height: 30px;
					float: right;

				}
					#wyszukiwarka-menu ul
					{			
						padding-top: 8px;		
						list-style: none;
						font-size: 10px;
						float: left;
					}				
						#wyszukiwarka-menu ul li
						{
							margin-right: 5px;
							float: left;		
											
						}
					
				/*
					Pola formularza w wyszukiwarce (top)
				*/
				#wyszukiwarka-pola
				{
					margin-top: 10px;
					width: 595px;
					padding-left: 25px;
					float: left;
				}				
					#wyszukiwarka-pola .wyszukiwarka-stanowisko { width: 400px; border: 1px solid #C50909; }
					#wyszukiwarka-pola .wyszukiwarka-miasto { width: 150px; border: 1px solid #C50909; }					
					#wyszukiwarka-pola .wyszukiwarka-wojewodztwo { border: 1px solid #C50909; }
					#wyszukiwarka-pola .wyszukiwarka-button { height: 24px; background-color: #ffffff; border: 1px solid #C50909; color: #00397A;}
				
                
		/*
			Prawa strona topu - czyli zdjęcie osoby
		*/
		#top-box-prawa {
			width: 380px;
			float:left;
		}							
			#top-box-prawa #osoba
			{
				width: 380px;
				height: 295px;
				float: left;
			}	
			
			.osoba-img { border: 0px; }
			
	/* 
		BOKSY - tresc lewa i prawa strona
	*/
	#boksy
	{
		width: 100%-20px;
		margin: 5px 10px 0px 10px;
		float: left;
	}
	
		/* Cala lewa strona */
		#lewa 
		{	
			width: 73%;	
			margin-right: 2px;
			float: left;
			
		}	
			/* Pojedynczy boks z zawartością z lewej strony */
			#lewa .box 
			{
				width: 100%;
				float: left;
			}
						
			/* Treść boksów */
			.box-lewa-tresc 
			{
				width: 97%;
				padding: 5px 10px 5px 10px;
				float: left;
			}
	
			
		/* Cala prawa strona */
		#prawa 
		{
			width: 26%;
			float: left;
			/* min-width: 262px;	*/
		}
			/* Pojedynczy boks z zawartością z prawej strony */
			#prawa .box 
			{
				float: left;
				width: 100%;
			}
			
			/* Treść boksów */
			.box-prawa-tresc 
			{
				padding: 5px 10px 5px 10px;
				float: left;
			}
    
    /* Wyszukiwarka w topie*/
			#wyszukiwarka-prawa
			{        
				height: 180px;
				float: left;						
			}		
				/* Menu z linkami do różnych okresów wyszukiwania 24h,48h,7dni itp.*/	
				#wyszukiwarka-prawa-menu
				{        
					float: right;
				}
					#wyszukiwarka-prawa-menu ul
					{			
						padding-top: 8px;		
						list-style: none;
						font-size: 10px;
						float: left;
					}				
						#wyszukiwarka-prawa-menu ul li
						{
							margin-right: 5px;
							float: left;		
						}
					
				/*
					Pola formularza w wyszukiwarce (top)
				*/
				#wyszukiwarka-prawa-pola
				{
					margin-top: 0px;
					width: 200px;
					padding-left: 5px;
					float: left;
				}				
					#wyszukiwarka-prawa-pola .wyszukiwarka-stanowisko { width: 200px; border: 1px solid #C50909; }
					#wyszukiwarka-prawa-pola .wyszukiwarka-miasto { width: 200px; border: 1px solid #C50909; }					
					#wyszukiwarka-prawa-pola .wyszukiwarka-wojewodztwo { border: 1px solid #C50909; }
					#wyszukiwarka-prawa-pola .wyszukiwarka-button { height: 24px; background-color: #ffffff; border: 1px solid #C50909; color: #00397A;}
				
        
	
/* 
	BOX - nagłówki (left & right) 
	Czyli treść strony, lewa i prawa strona
*/	

	/* 
		Lewa i Prawa (lp) - Otwarcie i zamknięcie boksu ("rogi")
	*/
	.naglowek-lp-zielony-c1, 
	.naglowek-lp-zielony-c3,	
	.naglowek-lp-niebieski-c1,
	.naglowek-lp-niebieski-c3
	{
		width: 6px;
		height: 35px;
		float: left;
		color: #FFFFFF;
		display: block;
		margin: 0px;
	}
	.naglowek-lp-zielony-c1 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-zielony-c1.png') 0 0 no-repeat;
	}
	.naglowek-lp-zielony-c3 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-zielony-c3.png') 0 0 no-repeat;
	}
	.naglowek-lp-niebieski-c1 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-niebieski-c1.png') 0 0 no-repeat;
	}
	.naglowek-lp-niebieski-c3 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-niebieski-c3.png') 0 0 no-repeat;
	}

	/* 
		Lewa (l) - Środek 
		Lewa strona c2 (część 2) to środek powielany w pasku
	*/
	.naglowek-l-zielony-c2, 
	.naglowek-l-niebieski-c2		
	{
		/* (!) - Szerokość lewych boksów - w procentach, dla ekranów:
			(96.5% [800x600]), 	2,12% - osób
			(97.5% [1024x768]),	35,55% - osób
			(97.5% [1280x1024])	16,30% - osób				
		*/
		width: 97.2%; /* (!) Dałem troszkę mniej niż dla 1024, bo różne są marginesy dla pewności. */
		height: 35px;
		padding: 7px 0px 0px 5px;
		float: left;
		overflow: auto;
		color: #FFFFFF;
		display: block;
		margin: 0px;
	}	
	.naglowek-l-zielony-c2 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-zielony-c2.png') 0 0 repeat-x;
	}
	.naglowek-l-niebieski-c2 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-niebieski-c2.png') 0 0 repeat-x;
	}
	.naglowek1-h1 {		
		font-size: 14px;
		display: inline;
	}
	/* TABELKI - LEWA */
		/*
			Tabelka z listą np. ofert pracy, wyników wyszukiwania
		*/			
				
		/* Niebieskie 2 */	
		.tabelka-listy-typ1 {
			width: 100%;
			padding: 0px;
			margin: 0px;
			border-collapse: collapse;
			border-spacing: 0px;
		}
			/* Nagłówek tabelki - nazwy kolumn */
			.tabelka-listy-typ1 tr th{
				border-bottom: 1px solid #095D92;
				color: #000000;
				height: 30px;
				background-color: #f1f1f1; /* C0FFA0, DDF4D4 */ 
			}
		
			/* Wiersz tabelki - oferta pracy na liście */
			.tabelka-listy-typ1 tr td{
				color: #095E93;
				padding: 3px;
				border-bottom: 1px solid white;
			}
				.tabelka-listy-typ1 tr td a{
					color: #082D45;
					font-size: 16px;
				}	
				
			.tabelka-listy-typ1 tr .data {
				text-align: right;
				padding-right: 20px;				
			}
								
		/*
			Tabelki / ogólnie
		*/
			tr td.button-bg 
			{
				width: 100%;
				padding: 5px;
				text-align: center;
				border-top: 1px solid green;
				background-color: #C1F6A5;
			}
			
				td.button-bg button
				{
					width: 100px; 
					height: 35px;
					text-align: center;
					font-size: 14px;
					font-weight:bold;					
				}
				
			/* Bagłówki H1-H6 w tabelce*/
			.h2-tabela 
			{
				width: 100%;
				padding: 5px;
				text-align: left;
				border-bottom: 1px solid green;
				background-color: #C1F6A5;
			}
			
			/* Prezentacja CV */ 
			.cv-naglowek, .oferta-pracy-naglowek {
				width: 100%;
				padding: 3px;
				text-align: left;
				font-family: 'georgia', 'times new roman';
				border-bottom: 1px solid black; 				
			}
			
			/* Bagłówki H1-H6 w tabelce*/
			.hx-tabela-cv
			{
				width: 100%;
				padding: 5px;				
				text-align: left;
				border-bottom: 1px solid #095D92;
				background-color: #C1F6A5;
			}
	
	/**
	 * Lewa strona - podstrona Dodaj Oferte Pracy
	 */
	.tlo-padding-bluebg { padding: 5px; color: white; background-color: blue;  }
	.tlo-padding-redbg { padding: 5px; color: white; background-color: red; font-weight: bold; }
 	.tlo-padding-whitebg { padding: 5px; color: blue; background-color: transparent; font-size: 14px; } 	 	
 	.tlo-padding-greenbg { padding: 5px; color: black; font-weight: bold;  background-color: #E6E6E6; }
 	
 	/**
 	 *
 	 */
 	.podstrona { padding: 2px; text-decoration: underline; }
 	.podstrona strong { padding: 4px; color: #00397A; background-color: #e9e9e9; font-weight: bold;  }
 	
 	/**
 	 * Lewa strona - lista ofert pracy, oznaczenia "Promowana"
 	 */
 	.oferta-promowana { 
 		font-weight: bold; 
 		/* border-left: 3px solid #DD4747; */
 		background-color: #ECF2F5;
 		}
 	
	/* 
		Prawa (p) - Środek 
		Prawa strona c2 (część 2) to środek powielany w pasku
	*/
	.naglowek-p-zielony-c2, 
	.naglowek-p-niebieski-c2		
	{
		/* (!) - Szerokość lewych boksów - w procentach, dla ekranów:
			(91.5% [800x600]), 	2,12% - osób
			(93.5% [1024x768])	35,55% - osób
			(94.5% [1280x1024])	16,30% - osób
		*/	
		width: 93.2%; /* (!) Dałem troszkę mniej niż dla 1024, bo różne są marginesy dla pewności. */
		height: 35px;
		padding: 7px 0px 0px 5px;		
		float: left;
		overflow: auto;		
		color: #FFFFFF;
		display: block;
		margin: 0px;
	}	
	.naglowek-p-zielony-c2 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-zielony-c2.png') 0 0 repeat-x;
	}
	.naglowek-p-niebieski-c2 {
		background: #FFFFFF url('grafika/boksy/boks-naglowek-niebieski-c2.png') 0 0 repeat-x;
	}	
	
	/**
	 * Inne prawa 
	 */
	 .powrot-link { margin-top: 50px;}
	
	/* 
		STOPKA
	*/
	#stopka
	{
		width: 99%;
		float: left;
		margin: 40px 10px 10px 10px;
		border-bottom: 1px solid #f1f1f1;	
	}
	
	#google-adwords-bottom 
	{
		text-align: left;
	}
	
	#google-adwords-center
	{
		text-align: center;
	}
	
	#stopka-menu
	{
		width: 100%;
		height: 32px;
		float: left;	
		border-top: 1px solid #d1d1d1;
		border-bottom: 1px solid #c9c9c9;		
		background: #f1f1f1 url('graf/s/bg-stopka.png') 0 0 repeat-x;
	}

		/* Left & Right */
		ul.sm-left li {
			margin-top: 8px;
			margin-left: 5px;
			float: left;
			font-family: tahoma, arial, verdana;
			font-size: 10px;
			color: #000000;
		}
			
		ul.sm-right li {
			margin-top: 8px;
			margin-right: 5px;
			float: right;
			font-family: tahoma, arial, verdana;
			font-size: 10px;
			color: #000000;
		}		
			
		ul.sm-left li a, ul.sm-right li a{
			color: gray;
			text-decoration: none;
		}
		
		ul.sm-left li a:HOVER, ul.sm-right li a:HOVER{
			color: #000000;
			text-decoration: underline;
		}

	#stopka-copy, #stopka-tekst
	{
		/* width: 990px; */
		margin: 3px 0px 2px 5px;
		font-size: 11px;
		font-family: tahoma;
		text-align: left;
		float: left;
	}
	
	#stopka-tekst
	{
		color: #969696;
		float: left;
	}
	
	
		#stopka-copy a, #stopka-tekst a {
			color: #595959;
			text-decoration: none;
		}
		
		#stopka-copy a:hover, #stopka-tekst a:hover {
			color: #000000;
			text-decoration: none;
		}
 	
 	
/*************************************************************************** ZE STAREJ !!! **/
a.red-link-button { background-color: #ff0000; color: #ffffff; }
* input,select,textarea {padding: 2px;}
.displaynone { display: none; }
.btn-zaloguj { border: 0px; background-color: green; color: #ffffff; padding: 3px; font-size: 9px;}

/* Logowanie */
		.box-prawe-menu-logowanie
		{
			margin-bottom: 5px;
			padding: 10px 0px 10px 0px;
		}
			.box-prawe-menu-logowanie ul li
			{
				margin-bottom: 2px;
			}
		
		.box-prawe-menu-linki
		{
			padding: 3px;
			margin-bottom: 10px;
			border: 1px solid silver;
		}

/* Kolorystyka nagłówków działów */

/* .naglowek-green-typ1 {
	brak definicji
} 
*/
/* .naglowek-green-typ3 {
	brak definicji
} 
*/
.naglowek-green-typ2 {	
	width: 100%;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid green;
	background-color: #C1F6A5;
}
.naglowek-green-typ4 {
	width: 60%;
	padding: 3px;
	background-color: #EEF7EA;
}

/* Reklama */
	/* Google na górze - celowo jest w stopce, bo zamula otwarcie strony */
#reklama-google-top-obok-loga-absolute {
	position: absolute;
	top: 14px;
	left: 294px;
}