/*
	---------------------------------------------------------------------
	Manpower Professional
	~ default styles
	
	Created: 14.1.2008
	Updated:
	
	Author: YellowMedia [http://www.yellowmedia.cz]		
	---------------------------------------------------------------------
*/

/* Reset the Web Browser */

*, html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

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

/* Main styles */

body {
	background: black;
	color: #868583;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
}

a {
	color: #ddd;
}

a:hover {
	color: #dd7800;
}

hr {
	display: none;
}

h2 {
	font-size: 28px;
	color: white;
	margin-bottom: 15px;
	font-weight: normal;
	letter-spacing: -1px;
}

h3 {
	font-weight: normal;
	font-size: 24px;
	color: #5D96C3;
	margin: 25px 0 25px 0;
	border-bottom: 1px solid #343433;
	padding-bottom: 15px;
}

h4 {
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 1.3em;
	color: #dd7800;
}

p {
	line-height: 1.6em;
	margin-bottom: 15px;
}

strong {
	font-weight: bold;
}

.clear {
	clear: both;
}

.obj-text {
	padding: 4px;
	width: 250px;
	border: 1px solid #666;
	background: #333;
	color: silver;
}

.obj-button {
	padding: 4px 20px;
	background: #666;
	border: 1px outset #666;
	color: silver;
}

/* Layout - upravy */



.imghp {
	border:none !important;
	padding-left:20px !important;
	float:right !important;
}









#keyword {
	padding-top:3px;
	padding-bottom:3px;
}
.butt-img {
	width:182px !important;
	height:30px !important;
	padding:13px 0 0 0
}

.g2-search .obal-form {
	WIDTH: 206px;
	float:left;
	margin:0 0 10px 0
}


.box1 {
	width: 605px; 
	margin:0 0 20px 5px;
	padding:0;
	background: url(../images/box1-c.gif) left top repeat-y; 
}
.box1-t {	 
	width: 605px;
	height:8px;	
	background: url(../images/box1-t.gif) left top no-repeat; 
}
.box1-b {	 
	width: 605px;
	height:9px;	
	clear:left;
	background: url(../images/box1-b.gif) left bottom no-repeat; 
}
.box1-c {	 
	margin: 9px 25px 0 20px;
}
.box1 h1  {
	color: #3269A1;
}



.box2 {
	width: 605px; 
	margin:0 0 20px 5px;
	padding:0;
	background: url(../images/box2-c.gif) left top repeat-y; 
}
.box2-t {	 
	width: 605px;
	height:8px;	
	background: url(../images/box2-t.gif) left top no-repeat; 
}
.box2-b {	 
	width: 605px;
	height:9px;	
	clear:left;
	background: url(../images/box2-b.gif) left bottom no-repeat; 
}
.box2-c {	 
	margin: 9px 25px 0 20px;
}
.box2 h1  {
	color: #3269A1;
}

.box-v-l  {
	width:250px;
	float:left;
}
.box-v-r  {
	width:250px;
	float:left;
	margin:0 0 0 60px;
}

.box-v-r ul, .box-v-l ul,
.box-v-r ul li, .box-v-l ul li  {
	padding-left:0 !important;
	margin-left:0 !important;
}

.box-v-r ul a, .box-v-l ul a,
.box-v-r ul a:visited, .box-v-l ul a:visited
  {
	color:#DDDDDD
}
.box-v-r ul a:hover, .box-v-l ul a:hover
  {
	color:#DD7800
}
.box-v-r p a:hover, .box-v-l p a:hover
  {	
	color:#5496CAk !important;
}

.box-v-r h4, .box-v-l h4  {
	font-size:17px;
}
.n-cervena  {
	color:white !important;
	padding-left:6px;
	background: #EF715A url(../images/rohy.png) left top no-repeat; 
}
.n-zelena  {
	color:white !important;
	padding-left:6px;
	background:#8FC0AA url(../images/rohy.png) left top no-repeat; 
}
.n-oranzova  {
	color:white !important;
	padding-left:6px;
	background: #F28B2C url(../images/rohy.png) left top no-repeat; 
}
.n-modra  {
	color:white !important;
	padding-left:6px;
	background:#3C85AE url(../images/rohy.png) left top no-repeat; 
}

.box-v-r p a, .box-v-l p a
  {
	font-weight:bold;
	font-size:90%;
	margin:0 0 5px 8px !important;
}
.box-v-r ul, .box-v-l ul   {
	padding:0;
	margin:0 0 10px 6px !important;
}



ul.hotjobs {	 
	padding:0 0 6px 0;
}

ul.hotjobs li {	 
	width: 222px;
	_width: 207px;
	margin:0 0 6px 0;
	background: #262626 url(../images/hot-t.gif) left top no-repeat; 
}
ul.hotjobs li a, ul.hotjobs li a:visited, ul.hotjobs li a:hover {	 
	width: 222px !important;	
	_width: 207px !important;
	background: url(../images/hot-b.gif) left bottom no-repeat !important;
	padding:4px 7px 4px 7px !important;

}
ul.hotjobs li em {	 
	color: #5496CA !important;
}
ul.hotjobs li a:hover {	 
	color: #DD7800 !important;
}




.podnadpis   {
	color: #5496CA;
	font-size:110%;
	padding:0 !important;
	margin:4px 0 0 0 !important;
}
.odkaz-dalsi-inz a img  {
	border:none !important
}


ul.hotjobs-hp {	 
	width: 604px;
	padding:10px 0 22px 0 !important;
	margin:0  !important;
	
}

ul.hotjobs-hp li {		
	margin:5px 0 0 0;
	padding:0 !important;
	background: url(../images/hp-t.png) left top no-repeat; 
	clear:both
}


ul.hotjobs-hp li div {	 		
	background:  url(../images/hp-b.png) left bottom no-repeat ;
	padding:8px 0 8px 0 !important;
	margin:0 !important;
				
}

ul.hotjobs-hp li div a {	 
	background: #262626 !important;
	width: 590px !important;
	display:block;
	padding:0 7px 0 7px !important;
	margin:0 !important;
	text-decoration:none;
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
}

ul.hotjobs-hp li div a strong {	 
	color:white;
	display:inline !important;
	float:left;
	cursor:pointer;
	font-weight:normal;
	height:100%;
	width: 250px !important;
	text-decoration:underline;	
	
}
ul.hotjobs-hp li div a:hover strong {	 
	color:#DD7800 !important;
	display:inline !important;
	float:left;
	cursor:pointer;
	font-weight:normal;
	height:100%;
	width: 250px !important;
	text-decoration:underline;	
}
ul.hotjobs-hp li div a span {	 
	color:#6097CD;
	font-weight:normal;
	width: 200px !important;
	text-decoration:none;	
	float:left;
	cursor:pointer;
	height:100%;
	
}
ul.hotjobs-hp li div a:hover span {	 
	color:white;
	font-weight:normal;
	width: 200px !important;
	text-decoration:none;	
	float:left;
	height:100%;
	cursor:pointer;
	
}
ul.hotjobs-hp li div a em  {	 
	color:#6097CD;
	font-weight:normal;	
	cursor:pointer;
	width: 135px !important;
	text-decoration:none;
	font-style: normal;	
}
ul.hotjobs-hp li div a:hover em  {	 
	color:white;
	font-weight:normal;	
	cursor:pointer;
	width: 130px !important;
	text-decoration:none;
	font-style: normal;	
}







h3.bar1 a, h3.bar1 a:visited,
h3.bar2 a, h3.bar2 a:visited,
h3.bar3 a, h3.bar3 a:visited,
h3.bar4 a, h3.bar4 a:visited {
	color:white !important;	
	text-decoration:none !important;	
}

h3.bar1 a:hover,
h3.bar2 a:hover,
h3.bar3 a:hover,
h3.bar4 a:hover {
	color:black !important;	
	text-decoration:none !important;	
}


h3.bar1  {
	color:white !important;	
	background: #EF715A url(../images/rohy.png) left top no-repeat; 
	font-size:17px;
	width:244px;
	height:20px !important;
	margin:0 15px 15px 0 !important;
	padding:2px 0 0 6px !important;
	float:left
}
h3.bar2  {
	color:white !important;	
	background:#3C85AF url(../images/rohy.png) left top no-repeat; 
	font-size:17px;
	width:244px;
	height:20px !important;
	margin:0 15px 15px 0 !important;
	padding:2px 0 0 6px !important;
	float:left
}
h3.bar3  {
	color:white !important;	
	background: #8FC0AA url(../images/rohy.png) left top no-repeat; 
	font-size:17px;
	width:244px;
	height:20px !important;
	margin:0 15px 15px 0 !important;
	padding:2px 0 0 6px !important;
	float:left
}
h3.bar4  {
	color:white !important;	
	background: #F28B2C url(../images/rohy.png) left top no-repeat; 
	font-size:17px;
	width:244px;
	height:20px !important;
	margin:0 15px 15px 0 !important;
	padding:2px 0 0 6px !important;
	float:left
}



.box-mp {
	width: 617px; 
	margin:0 0 20px 5px;
	padding:0;
	background: url(../images/man_10.gif) left top repeat-y; 
}
.box-mp-t {	 
	width: 617px;
	height:27px;	
	background: url(../images/man_03.gif) left top no-repeat; 
}
.box-mp-b {	 
	width: 617px;
	height:31px;	
	clear:left;
	background: url(../images/man_12.gif) left bottom no-repeat; 
}
.box-mp-c {	 
	margin: 9px 25px 0 20px;
}
.box-mp-v-l  {
	width:230px;
	float:left;
	margin:0 0 0 20px;
	color:#020202;
	line-height:1.5em
}
.box-mp-v-r  {
	width:230px;
	float:left;
	margin:0 0 0 71px;
	line-height:1.5em
}

.box-mp-v-l img, .box-mp-v-r img  {
	border:none !important;
	margin:0 0 10px 0;
	padding:0 55px 0 55px !important;
}








/* Layout */

div#mother {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	background: url(../images/bg-main.jpg) no-repeat left 201px;
}

div#header {
	height: 173px;
	POSITION: relative;
	background: black url(../images/header.jpg) no-repeat left top;
}

div#header h1 {
	overflow: hidden;
	height: 114px;
	width: 116px;
	position: relative;
	float: right;
	top: 35px;
	text-align: center;
}

div#header h1 a {
	color: #5d96c3;
	text-decoration: none;
	font-size: 130%;
	letter-spacing: -1px;	
}

div#header h1 a span {
	background: transparent url(../images/logo-manpower.gif) no-repeat;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 114px;
	width: 116px;
	z-index: 1;
}

div#header h3 {
	color: #5d96c3;
	margin: 80px 65px 0 0;
	float: right;
	letter-spacing: -1px;
	font-size: 32px;
	border-bottom: 0;
}

div#header ul  {
	display: block;
	float: right !important;
	width:400px !important;
	margin-left: 550px;
	margin-top: -120px;	

}

div#header ul li {
	DISPLAY: inline; FONT-SIZE: 11px; MARGIN-LEFT: 20px; LIST-STYLE-TYPE: none
}
div#header ul li a {
	color: #999;
	text-decoration: underline
}

div#header ul li a:hover {
	color: #EEE;
}

h4.nostyle {
	font-weight: normal;
	color: silver;
}



div#promo {
	width: 617px;
	height: 360px;
	border: 1px solid #222;
	margin-top: 27px;
}

/* Menu */

div#menu ul li {
	list-style: none;
	display: inline;
}
/*
div#menu ul li a {
	width: 138px;
	line-height: 27px;
	color: white;
	text-decoration: none;
	font-size: 11px;
	background: red;
	display: block;	
	margin-right: 1px;
	text-align: center;
	
}

div#menu ul li a span {
	cursor: pointer;
	display: block;
	position: relative;
	top: 0;
	height: 27px;
	width: 138px;
	z-index: 1;
	margin-top: -27px;
}*/

DIV#menu UL LI A {
	DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: red; WIDTH: 138px; COLOR: white; LINE-HEIGHT: 27px; MARGIN-RIGHT: 1px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
DIV#menu UL LI A SPAN {
	MARGIN-TOP: -27px; DISPLAY: block; Z-INDEX: 1; WIDTH: 138px; CURSOR: pointer; POSITION: relative; TOP: 0px; HEIGHT: 27px
}


#nav A {
	DISPLAY: block; WIDTH: 180px
}
#nav LI {
	FLOAT: left
}
#nav LI UL LI A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; WIDTH: 170px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#nav LI UL {
	LEFT: -999em; WIDTH: 180px; POSITION: absolute
}
UL#nav LI UL LI A:hover {
	BACKGROUND: #999; BORDER-LEFT: transparent 1px solid; WIDTH: 169px
}
UL#nav LI UL LI UL LI A:hover {
	BACKGROUND: #999; BORDER-LEFT: transparent 1px solid; WIDTH: 169px
}
#nav LI UL UL {
	MARGIN: -27px 0px 0px 180px; BORDER-LEFT: #333 1px solid
}
#nav LI:hover UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL {
	LEFT: -999em
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
		
		/* SUCKERfish */
	/*
		#nav a {
			display: block;
			width: 180px;
		}
		
		#nav li { 
			float: left;			
		}
		
		#nav li ul li a {
			width: 170px;
			text-align: left;
			padding: 0 5px;
		}
		
		#nav li ul {
			position: absolute;
			width: 180px;
			left: -999em; 
		}
		
		ul#nav li ul li a:hover,
		ul#nav li ul li ul li a:hover {
			background: #999;
			border-left: 1px solid transparent;
			width: 169px;
		}
		
		#nav li ul ul {
			margin: -27px 0 0 180px;
			border-left: 1px solid #333;
		}
		
		#nav li:hover ul ul, #nav li.sfhover ul ul {
			left: -999em;
			position: realtive;
		}
		
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
			left: auto;
			position: realtive;
		}


div#menu ul li.blue a {
	background: #5d96c3;
}

div#menu ul li.blue a span {
	background: url(../images/menu-uvodni-stranka.gif) no-repeat;
}

div#menu ul li.green a {
	background: #75a28f;
}

div#menu ul li.green a span {
	background: url(../images/menu-hledate-praci.gif) no-repeat;
}

div#menu ul li.red a {
	background: #d4444a;
}

div#menu ul li.red a span {
	background: url(../images/menu-hledate-zamestnance.gif) no-repeat;
}

div#menu ul li.orange a {
	background: #dd7800;
}

div#menu ul li.orange a span {
	background: url(../images/menu-o-manpower.gif) no-repeat;
}

*/
DIV#menu UL LI.blue A {
	BACKGROUND: #5d96c3
}
DIV#menu UL LI.blue A SPAN {
	BACKGROUND: url(../images/menu-hledate-praci.gif) no-repeat !important
}
DIV#menu UL LI.blue A SPAN.en {
	BACKGROUND: url(../images/menu-en-job.gif) no-repeat !important
}
DIV#menu UL LI.green A {
	BACKGROUND: #75a28f
}
DIV#menu UL LI.green A SPAN {
	BACKGROUND: url(../images/menu-hledate-zamestnance.gif) no-repeat !important
}
DIV#menu UL LI.green A SPAN.en {
	BACKGROUND: url(../images/menu-en-employers.gif) no-repeat !important
}
DIV#menu UL LI.red A {
	BACKGROUND: #d4444a
}
DIV#menu UL LI.red A SPAN {
	BACKGROUND: url(../images/menu-nas-tym.gif) no-repeat !important
}
DIV#menu UL LI.red A SPAN.en {
	BACKGROUND: url(../images/menu-en-team.gif) no-repeat !important
}
DIV#menu UL LI.orange A {
	BACKGROUND: #dd7800
}
DIV#menu UL LI.orange A SPAN {
	BACKGROUND: url(../images/menu-o-manpower.gif) no-repeat !important
}
DIV#menu UL LI.orange A SPAN.en {
	BACKGROUND: url(../images/menu-en-about.gif) no-repeat !important
}


/* Main */

div#main {
	clear: both;
	background: url(../images/bg-main.jpg) no-repeat top;
	min-height: 480px;
}

div#main div.in {
	padding: 27px;
}

div#content {
	width: 675px;
	float: left;
}

div#content div.in div.buttons a,
div#content div.in a.konsults {
	display: block;
	float: left;
	width: 291px;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	margin: 30px 0;
	background: #333333;
	color: white;	
}

div#content div.in a.konsults {
	float: none;
}

div#content div.in div.buttons a:hover,
div#content div.in div.buttons a:hover.blue {	
	background: #444;
}

div#content div.in div.buttons a.red {
	margin-right: 30px;
}

div#content div.in div.buttons a.blue {	
	background: #333333;
}

div#content div.in table {
	width: 100%;
}

div#content div.in table td {
	vertical-align: top;
	padding: 15px 0;	
}

div#content div.in table td img {
	border: 1px solid #333;
}

div#content div.in ul {
	margin: 0 15px;
	font-size: 13px;
	border-bottom: 0;
}

div#content div.in strong,
div#content div.in p strong {
	color: silver;
}

div#content div.in ul.list li {
	margin-bottom: 15px;
}

div#content div.in ul li {
	margin-bottom: 0;
	line-height: 1.6em;
}

div#content div.profil-konsultanta ul {
	width: 200px;
	text-align: right;
	position: relative;
	top: -5px;
}

div#content div.profil-konsultanta h3 {
	border:0;
	font-size: 22px;
	margin: 0;
	color: #E28E2D;
}

div#content div.profil-konsultanta ul li {
	list-style: none;
	margin-bottom: 15px;
	color: #5d96c3;
	font-size: 15px;
}

div#content div.profil-konsultanta table {
	margin: 0;
}






div#content div.profil-tymu ul {
	width: 200px;
	text-align: right;
	position: relative;
	top: -5px;
}

div#content div.profil-tymu strong {
	border:0;
	font-size: 15px;
	margin: 0;
	color: #5D96C3 !important;
	font-weight:normal
}

div#content div.profil-tymu h3 {
	border:0;
	font-size: 18px;
	margin: 0;
	padding-bottom:3px;
	color: #E28E2D;
}

div#content div.profil-tymu ul li {
	list-style: none;
	margin-bottom: 15px;
	color: #5d96c3;
	font-size: 15px;
}

div#content div.profil-tymu table {
	margin: 0;
}

div#content div.profil-tymu img {
	border: none !important;
	padding-right: 20px !important;
}
div#content div.profil-tymu em{
	font-style:italic !important;

}








div#content div.profil-konsultanta table td h3 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 13px;
	border: 0;
	font-weight: bold;
	color: #d4444a;
	padding: 0;
}

div#content div.in table.form th {
	width: 250px;
	vertical-align: middle;
	padding: 5px 0;
	border-bottom: 1px solid #343433;
}

div#content div.in table.form td {
	padding: 8px 0;
	border-bottom: 1px solid #343433;
}

div#content div.in table.form th.sep {
	padding: 15px 0 0 0;
}

div#content div.in table.form tr {
	border-bottom: 1px solid #222;
}

div#content div.in ul {
	margin-bottom: 20px;
}

div#content div.in img {
	border: 1px solid silver;
	padding: 2px;
}

div#sidebar {
	width: 275px;
	float: left;	
}

div#sidebar h2 {
	color: #FFF;
	margin: 0;
	/*border-bottom: 1px solid #343433;*/
	padding-bottom: 15px;
}

div#sidebar div.in ul li {		
	list-style: none;
}

div#sidebar div.in ul li.last { border: none; }

div#sidebar div.in ul.hotjobs li a {
	padding: 5px 0;
	display: block;
	text-decoration: none;
	line-height: 1.55em;
	padding-left: 20px;
	color: #ddd;
	font-weight: bold;
	background: url(../images/bullet-blue.gif) no-repeat left 10px;
}

div#sidebar div.in ul.hotjobs li a:hover {
	color: white;
	 background: url(../images/bullet-orange.gif) no-repeat left 10px;
}

div#sidebar div.in ul.hotjobs li a strong {
	text-decoration: underline;
}

div#sidebar div.in ul.hotjobs li a em {
	color: #868583;
	font-weight: normal;
	font-style: normal;
}

div#sidebar div.in ul.submenu {
	margin-bottom: 30px;
}

div#sidebar div.in ul.submenu li {
	padding: 5px 0;
}

div#sidebar div.in ul.submenu ul {
	margin-left: 18px;
	margin-top: 8px;
}

div#sidebar div.in ul.submenu ul li {
	list-style: square;
}

div#sidebar div.in ul.submenu ul li a {
	color: #999;
	
}

div#sidebar div.in ul.submenu li a {
	background: none;
	font-weight: normal;
}

div#sidebar div.in ul.submenu li a:hover {
	text-decoration: underline;
}

/* Footer */

div#footer {
	border-top: 1px solid #343433;
	clear: both;
	float: left;
	width: 950px;
}

div#footer div.in {
	padding: 15px;
}

div#footer div.in ul li {
	display: inline;
}

div#footer div.in ul li a {
	margin-right: 10px;
}

div#footer div.in a, div#footer div.in p, div#footer div.in ul li {
	line-height: 2em;
}