:focus { outline: 0; } /* remember to define focus styles! */
table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* Ogólne css styles */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	color: #005C9D;
	font: 11px/21px Tahoma, Verdena, Arial, Helvetica, sans-serif;
}
/* ************************************************************************************************ */

#all {
	display: block;
	width: 1033px;
	height: 640px;
	margin-left: auto;
	margin-right: auto;
}
	#page {
		position: relative;
		display: block;
		width: 950px;
		height: 640px;
		margin-left: auto;
		margin-right: auto;
		vertical-align: bottom;
	}
	

/* INDEX */
	#butonMenu { position: absolute;
		bottom: 10px;
		left: 0;
		width: 950px;
		height: 86px;
		padding-bottom: 32px;
		background: url('img/cien.gif') no-repeat bottom;
	}
	
	#b1 { float: left; width: 229px; height: 86px; background: url('img/m1.gif') no-repeat; padding-right: 10px; }
	#b2 { float: left; width: 229px; height: 86px; background: url('img/m2.gif') no-repeat; padding-right: 10px; }
	#b3 { float: left; width: 229px; height: 86px; background: url('img/m3.gif') no-repeat; padding-right: 11px; }
	#b4 { float: left; width: 229px; height: 86px; background: url('img/m4.gif') no-repeat; padding-right: 0; }
	
	.z1 { position: absolute; cursor: pointer; padding: 0; margin: 0; bottom: 200px; left: 0; }
	.z2 { position: absolute; cursor: pointer; padding: 0; margin: 0; bottom: 200px; left: 316px; }
	.z3 { position: absolute; cursor: pointer; padding: 0; margin: 0; bottom: 200px; left: 464px; }
	.z4 { position: absolute; cursor: pointer; padding: 0; margin: 0; bottom: 200px; left: 632px; }
	
	#produkty {
		position: absolute;
		bottom: 138px;
		left: -42px;
		width: 1033px;
		height: 138px;
		background: url('img/produkty.gif') no-repeat;
	}
	
	#kzs {
		position: absolute;
		height: 83px;
		width: 246px;
		top: 46px;
		right:0;
		background: url('img/kzs.gif') no-repeat;
	}	
	
/* SUBPAGE */
	
	#header {
		background: url('img/bgtopsubpage.png') no-repeat;
		height: 224px;
		width: 950px;	
	}
	
	#produktysub {
		position: absolute;
		top: 55px;
		left: -42px;
		width: 1033px;
		height: 138px;
		background: url('img/produkty.gif') no-repeat;
		z-index: 120;
	}
	
	#pleft {
		float: left;
		margin-right: 24px;
		width: 234px;
		background: url('img/kzssub.png') no-repeat top;
		padding-top:63px;
		margin-top: -2px;
	}

	#pcontent {
		float: left;
		width: 680px;
		color: #7F7F7F;
        padding-bottom:20px;
	}
	
	.photoleft {
		padding: 0 20px 20px 0;
	}


/*MENU LEWE*/
	#subMenu {
		font-size: 11px;
		padding: 15px 0 15px 15px ;
		color: #005C9D;
		background-color: #F6F6F6;
	}

#subMenu a{
    display     :block;
    text-indent :15px;
	background  :url('img/k1.gif') no-repeat left 8px;
}	
#subMenu a:hover{
    color       :#ED4497;
	text-decoration: none;
	font-weight :bold;
	background  :url('img/k1a.gif') no-repeat left 8px;
	text-decoration:none;
}   	
	/*
		#subMenu ul {
			padding: 15px 0 15px 15px ;
		}
		#subMenu ul li {
			padding: 0 0 0 7px;
		}
		#subMenu ul li.last {
			background: none;
		}
		
		#subMenu ul li a {
			display: block;
			padding-left: 20px;
			color: #005C9D;
			background: url('img/k1.gif') no-repeat left 8px;
		}
		#subMenu ul li a:hover {
			color: #ED3693;
			text-decoration: none;
			font-weight: bold;
			background: url('img/k1a.gif') no-repeat left 8px;
		}
		#subMenu ul li a.active {
			color: #ED3693 ;
			font-weight: bold;
			background: url('img/k1a.gif') no-repeat left 8px;
		}*/
/*KONIEC MENU*/


/*MENU GŁÓWNE*/
.rmRootGroup{background-image:none !important; background:transparent !important;}
.rmLink{font-family:Arial,Tahoma,Verdena,Helvetica,sans-serif !important; padding:0px !important;}
.rmText{background:transparent !important;}

.RadMenu_Default{background:none !important;}
ul.rmHorizontal{border:0px !important;}
ul.rmRootGroup{border:0px !important;}
.rmHorizontal .rmItem{border:0px !important;}
.rmHorizontal .rmItem{border:0px !important;}
#mainMenu ul li {background:none; }
#mainMenu ul li a{line-height:20px;}
.RadMenu_Default .rmText {padding:0px !important;}
/*MENU GŁÓWNE KONIEC*/

/* ALL */

	 a.printB {
		display: block;
		color: #5456BF;
		padding-left: 25px;
		padding-bottom: 15px;
		background: url('img/printB.gif') no-repeat left 3px;
	}
		
	#mainMenu {
		position: absolute;
		top: 30px;
		left: 180px;
		font-size: 12px;
		height: 14px;
		padding: 0 10px;
		color: #005C9D;
	}
	
		#mainMenu ul {
			padding: 2px 2px;
		}
		#mainMenu ul li {
			float: left;
			padding: 0 7px 0 7px;
			background: url('img/k.gif') no-repeat right 5px;
		}
		#mainMenu ul li.last {
			background: none;
		}
		
		#mainMenu ul li a {
			color: #005C9D ;	
		}
		#mainMenu ul li a:hover {
			color: #ED4497;
			text-decoration: none;
			font-weight: bold;
		}
		#mainMenu ul li a.active {
			color: #ED4497 ;
			font-weight: bold;
		}
	
	#logokraft {
		position: absolute;
		height: 68px;
		width: 192px;
		top: 20px;
		left:0;
		background: url('img/logokraft.gif') no-repeat;
		z-index: 100;
	}
	
	.tabelaprodukty {
		padding-bottom: 15px
	}

/* TAGI */

h1 {
	font-size: 24px;
	color: #ED3693;
	padding-bottom: 11px;
	line-height: 27px;
	padding-top: 2px;
	font-weight: normal;
}

h2 {
	font-size   :24px;
	color       :#ED4497;
	/*line-height: 21px;*/
	font-weight :normal;
	margin-bottom:16px;
	/*padding-bottom: 2px;*/
}
h2.sf_listTitle {
	font-size   :24px;
	color       :#ED4497;
	font-weight :normal;
	margin-bottom:16px;
}

h3 {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

p {
	padding-bottom: 15px;
}

a { color: #234A82; text-decoration: none; }
a:hover { text-decoration: underline; }


/* ************************************************************************************************ */
.right { float: right; }
.left {	float: left; }
.clear { clear: both; font-size: 0; line-height: 0; }


.sf_controlListItems{display:none;}



/*etapy rekrutacji*/
ul#rekrutacja{width: 100%; list-style: none; padding:0px; margin:0px; font-family	:Tahoma;}
ul#rekrutacja li{float:left; list-style:none; width:auto;}
ul#rekrutacja li a{padding:0px 0px; display: block; margin-right:1px;}
ul#rekrutacja .submenu{position:absolute; display:none;}
ul#rekrutacja .submenu_hover a{float:left; color:white; text-decoration:none; line-height:30px; font-size:10px; background-image:url(img/arrow.gif); background-repeat:no-repeat; background-position:right top; height:30px; padding:0px 9px 0px 0px;}
ul#rekrutacja .submenu_hover a span{float:left; background-image:url(img/arrow_bg.gif); background-repeat:no-repeat; background-position:0px 0px; display:block; height:30px; padding:0px 4px 0px 4px;}
ul#rekrutacja .submenu_hover:hover .submenu{display:block; width:500px; background:silver; padding:0px; position:absolute; left:260px; top:560px;}
ul#rekrutacja ul.submenu li{float:none; margin:0; padding:0;}

body {behavior:url("../../js/csshover.htc");}
div#aplikuj, div#selekcja, div#rozmowa, div#casestudy, div#zaproszenie {display: none;}
div#jacobs {display: none;}
div#carte {display: none;}
div#milka {display: none;}
div#alpengold {display: none;}
div#cote {display: none;}
div#princepolo {display: none;}
div#3bit {display: none;}

a.rmFocused span{font-weight:bold;}
#subMenu ul li a.rmFocused span.rmText{font-weight:bold !important;}