/* ----------------------------------------------------------- */
/*
	body
	{	
		overflow:		scroll;
	}	
*/

body, img, h1, h2, h3, h4, h5
{	
	margin:		0px;
	border:		0px;
}	

/* ----------------------------------------------------------- */

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

/* ----------------------------------------------------------- */
/* --------------------------------------------------------- */

body
{	
	margin:		0px;
	border:		0px;
}	

/* -------- < .win-doc ------------------------------------- */

.w-body
{	
	text-align:	center;				/* doc center - IE bug start */
/*	height:		100%;	*/			/* tag se natahne do konce okna prohlizce - bez toho tag konci pod patickou - nefunguje kdyz je stranka pres okno, vyska se neprotahne a ma porad vysku okna */
}	
.w-doc
{											/* margin-bottom: ; Firefox ignoruje */
	margin:		0px auto;			/* doc center */
	text-align:	left;				/* doc center - IE bug stop */
}	

/* -------- /> .win-doc ------------------------------------ */

/* -------- < .doc.slopce ----------------------------------- */

.s-sloup0,
.s-sloup1,
.s-sloup2,
.s-vsuvka
{	
	float:		left;
}	

/* -------- /> .doc.slopce ---------------------------------- */

/* -------- < .doc ----------------------------------------- */

.d-bottom0
{							/* margin-bottom: ; Firefox ignoruje */
	clear:		both;
}	

/* -------- /> .doc ----------------------------------------- */

/* --------------------------------------------------------- */

/* --------------------------------------------------------- */

/*	:: navrh pouziti ::

		w-doc					= width ( s-sloup0 + s-sloup1 + s-sloup2 )	width: w-doc
			d-top0				cnf :: height				width: w-doc
			d-sloupce			cnf :: min. vyska prvku se sloupci		width: w-doc
				s-top			cnf :: height				width: w-doc
				s-sloup0			cnf :: width
				s-sloup1			cnf :: width
				s-sloup2			cnf :: width
			d-bottom0			cnf :: height				width: w-doc
*/	

/* --------------------------------------------------------- */

.w-doc,
.d-top0,
.d-sloupce,
.s-top,
.d-bottom0
{							/* math :: .s-sloup0 + .s-sloup1 + .s-sloup2 + .s-sloup... */
	width:		760px;
}	

.d-top0
{	
	height:		110px;
}	

/* -------- < .doc.slopce.width ----------------------------- */

.s-sloup0							/* math width doc */
{	
	width:		220px;
}	
.s-sloup1							/* math width doc */
{	
	width:		540px;
}	
.s-sloup2							/* math width doc */
{	
/*	width:		20px;	*/
}	

/* -------- /> .doc.slopce.width ---------------------------- */

/* -------- < .doc.slopce.height ---------------------------- */

.s-top
{	
	height:		25px;
}	

.d-sloupce
{	
	height:		450px;
	height:		460px;
	height:		400px;				/* cnf :: min. vyska prvku se sloupci */
}	

/* -------- /> .doc.slopce.height --------------------------- */

/* --------------------------------------------------------- */

/*	vyjmuto - neni potreba - tuto funkci plni .d-sloupce height
	
	.s-vsuvka
	{	
		height:		420px;
		height:		320px;
		height:		40px;
	}	
	.s-vsuvka						/-* math width doc :: ( .s-sloup0 += .s-vsuvka ) *-/
	{	
		width:		1px;
	}	
*/

/* --------------------------------------------------------- */

.d-bottom0
{	
	padding:		0px;
}	

.s-sloup1
{	
	padding:		0px;
}	
/* --------------------------------------------------------- */

/*	:: navrh pouziti ::

	body						pozadi body color
		w-body					nic - nepouzitelne - prohlizece nesjsou schopne vykreslit plne - ( kdyz dokument nepresahne velikost okna prvek se nentahne plne az kdyz presahne - height:100% funguje jen kdyz dokument nepresahne velikost okna a jak presahne tak pozadi zustane do velikosti okna a nezmeni se )
		w-doc					pozadi document : color + obrazkove
			d-top0				pozadi banner - jen alternativni nahrada za banner img
			d-sloupce			nic - aby neprekryval w-doc
				s-top			pozadi menu top
				s-sloup0			pozadi menu left
				s-vsuvka			nic
				s-sloup1			nic - sloupec obsah - pozadi je w-doc
				s-sloup2			pozadi sloupec left
			d-bottom0			pozadi paticka
*/	

/* --------------------------------------------------------- */

body
{	
	background-color:	#fef8f8;
	background-image:	url( "./../img/body.pozadi.png" );
}	
.w-doc
{	
	background-color:	#fefbec;
}	
/*	
	.d-top0
	{	
	}	
		.s-top
		{	
		}	
		.s-sloup0
		{	
		}	
		.s-sloup1
		{	
		}	
	.d-bottom0
	{	
	}	
*/	

/* --------------------------------------------------------- */
	
.sl-obsah-bottom
{	
	height:		52px;
	padding:		8px 48px 4px 40px;
	
	background-color:	#f3f3ff;
	background-image:	url( "./../img/paticka.pozadi.png" );
}	

.sl-obsah-bottom-obsah
{	
}	
.sl-obsah-bottom-obsah div
{	
	font-family:	verdana;
	font-size:	10px;
	color:		#666;
}	
.sl-obsah-bottom-obsah .kontakt
{	
}	
.sl-obsah-bottom-obsah .webmaster
{	
}	
.sl-obsah-bottom-obsah .aktualizovano
{	
	text-align:	right;
}	
.sl-obsah-bottom-obsah a, 
.sl-obsah-bottom-obsah a:link, 
.sl-obsah-bottom-obsah a:hover, 
.sl-obsah-bottom-obsah a:visited, 
.sl-obsah-bottom-obsah a:active
{	
	text-decoration:	none;
	color:		#44a;
}	
.sl-obsah-bottom-obsah a:hover
{	
	text-decoration:	underline;
	color:		#a44;
}	
/* ----------------------------------------------------------- */

.top-banner
{							/* tag a */
	display:		block;
	height:		110px;
	border:		0px;
	text-decoration:	none;
	background-image:	url('../img/top.banner.pozadi.jpg');
}	

/*
	a:link.top-banner,
	a:hover.top-banner,
	a:visited.top-banner,
	a:active.top-banner,
*/
/* ----------------------------------------------------------- */
.noStyle
{	
	display:		none;
}	

/* ----------------------------------------------------------- */

.sl-obsah-stred-right-text div
{	
	margin:		0px;
	padding:		0px;
	
	text-align:	justify;
	font-size:	12px;
	font-family:	verdana;
	color:		#435;
}	

div.text-linka
{	
	margin:		0px;
	margin:		2px 0px 12px 0px;
	
	background-image:	url( "./../img/obsah.text.end.gif" );
	background-position: right bottom;
	background-repeat: no-repeat;
}	

/* ----------------------------------------------------------- */
	
.sl-obsah-stred-right-text
{	
	margin:		0px;
	font-family:	verdana;
}	
.sl-obsah-stred-right-text b
{	
	font-family:	arial;
	font-size:	12px;
}	

/* ----------------------------------------------------------- */
.sl-obsah-stred-right-text li,
.sl-obsah-stred-right-text ul
{	
	font-family:	verdana;
	font-size:	12px;
}	
.sl-obsah-stred-right-text li
{	
	line-height:	14px;
}	


/*
	.sl-obsah-stred-right-text ul
	{	
		margin:		0px;
		background-color:	#00f;
		padding:		10px 0px 0px 46px;
	}	
	.sl-obsah-stred-right-text li
	{	
		list-style-image: url('./../img/tag.li.gif')
		
		margin:		0px;
		padding:		0px;
		background-color:	#f0f;
		border:		1px solid #f0f;
	}	
*/

/*
	ul li {list-style: square outside url("./../img/tag.li.gif")}
*/




/* */
	.sl-obsah-stred-right-text ul
	{	
		margin-left:		0px;			/* for IE - zrusit odsazeni */
		padding-left:		12px;
		list-style: none;
	}	
	.sl-obsah-stred-right-text li
	{	
		background-image:		url('./../img/tag.li.gif');
		background-repeat:	no-repeat;
		background-position:	0px 5px;
		padding-left:		12px;
	}	
/* */

/* posun zakladnich li *-/

	.sl-obsah-stred-right-text ul li
	{	
		margin-bottom:		10px;
	}	
	.sl-obsah-stred-right-text ul ul li
	{	
		margin-bottom:		0px;
	}	
/-* */
/* posun zakladnich li */

	.sl-obsah-stred-right-text ul li
	{	
		margin-top:		10px;
	}	
	.sl-obsah-stred-right-text ul ul li
	{	
		margin-top:		2px;
	}	
/* */


/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/*---------- :: menu style :: ----------------------------*/

#menublock
{							/*	text-align:	center;		*/	/* odstaveno - nesmyslne - 12:41 2007.05.31 */
	border:		0;
	margin:		0;
	padding:		0;
	list-style-type:	none;
}	

#menublock li
{							/*	text-align:	center;		*/	/* odstaveno - nesmyslne - 12:57 2007.05.31 */
	display:		block;				/* asi zbytecne - tag.li je display:block defaultne nebo ne ? */
	padding:		0;
}	

#menublock li a
{	
	display:		block;
	height:		20px;				/* Firefox - gumove - mensi vyska ( puvodne 18px ) 13:14 2007.05.31 */
	padding:		0px 2px;
	text-align:	left;
	
	font:		normal 12px/18px verdana;		/* normal 12px/18px verdana, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif */
	text-decoration:	none;
}	

/*------------------------------------------------------*/
/*---------- :: menu color 2 :: --------------------------*/

#menublock
{	
	padding:		1px 0px 0px 0px;
	background-image:	url('./../img/menu.left.cary.png');
	background-position: left top;
	background-repeat: no-repeat;
}	

#menublock li
{	
	margin:		0px;
}	

#menublock li
{	
	background-image:	url('./../img/menu.left.cary.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}	

/*------------------------------------------------------*/

#menublock li a
{	
	overflow:		hidden;
	width:		140px;
}	

/*------------------------------------------------------*/
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */

.left-menu
{	
	width:		200px;
}	
.leftImg
{	
	width:		164px;
}	
.left-menu a
{	
	width:		140px;
}	

/* -------- :: left :: ------------------------------------------ */
	

.left-menu,
.leftImg
{	
	margin:		6px;
}	

.leftImg
{	
	height:		228px;
}	

/* ----------------------------------------------------------- */

.img-assessment-centre,
.img-index,
.img-kontakt,
.img-outplacement,
.img-personalni-audit,
.img-psychologicke-testy,
.img-reference,
.img-uchazecum,
.img-vyber-pracovniku,
.img-default
{	
	background-repeat: no-repeat;
}	

.img-assessment-centre
{	
	background-image:	url('../img/left.lego.jpg');
}	
.img-index
{	
	background-image:	url('../img/foto.postavy.jpg');
}	
.img-kontakt
{	
	background-image:	url('../img/left.kontakt.jpg');
}	
.img-outplacement
{	
	background-image:	url('../img/left.outplacement.jpg');
}	
.img-personalni-audit
{	
	background-image:	url('../img/left.personalni-audit.jpg');
}	
.img-psychologicke-testy
{	
	background-image:	url('../img/left.psychologicke-testy.jpg');
}	
.img-reference
{	
	background-image:	url('../img/left.reference.jpg');
}	
.img-uchazecum
{	
	background-image:	url('../img/left.uchazecum.jpg');
}	
.img-vyber-pracovniku
{	
	background-image:	url('../img/left.vyber-pracovniku.jpg');
}	
.img-default
{	
	background-image:	url('../img/foto.postavy.jpg');
}	

/* ----------------------------------------------------------- */

.left-menu
{	
	height:		230px;
	padding:		10px 0px 0px 14px;
	background-image:	url( "./../img/left.menu.pozadi.gif" );		/* 	background-image:	url( "./../img/left.menu.pozadi.gif" ); */
	background-repeat: no-repeat;
	filter: chroma ( color=#ffffff );
}	

/* ----------------------------------------------------------- */

.left-menu #menublock li a, 
.left-menu #menublock li a:link, 
.left-menu #menublock li a:hover, 
.left-menu #menublock li a:visited, 
.left-menu #menublock li a:active
{	
	display:		block;
	height:		21px;
	padding:		1px 0px 2px 7px;
	text-decoration:	none;
	font-family:	verdana;
	font-family:	arial;
	font-size:	11px;
	font-weight:	bold;
	color:		#104;
	margin:		0px;
}	

.left-menu #menublock li a:hover
{	
	color:		#e33;
}	

.left-menu #menublock li a.linkPageActive:link,
.left-menu #menublock li a.linkPageActive:visited,
.left-menu #menublock li a.linkPageActive
{	
/*	background:	#00f;	*/
	color:		#f30;
}	

/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
h1,
h2
{	
	margin:		10px 0px 10px 0px;
	padding:		1px 0px 2px 18px;
	font-family:	verdana;
	font-weight:	bold;
	font-style:	italic;
	color:		#333;
	background-image:	url( "./../img/obsah.text.nadpis.png" );
	background-repeat: no-repeat;
}	
h1
{	
	font-size:	17px;
}	
h2
{	
	font-size:	16px;
	font-family:	arial;
}	
div.nadpis5
{	
	font-family:	arial;
	font-size:	16px;
	font-weight:	bold;
	font-style:	italic;
	color:		#c33;
}	

ul div.nadpis2
{	
	font-family:	arial;
	font-size:	14px;
	font-weight:	bold;
	font-style:	italic;
	color:		#c11;
}	

div.reference-right
{	
	text-align:	right;
	font-style:	italic;
}	
/* ----------------------------------------------------------- */
/*	
	.top-banner
	{	
		position:		relative;
		top:		0px;
		left:		0px;
	}	
*/	
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */

.top-banner,
.sl-obsah-bottom
{	
	width:		760px;
}	

.sl-obsah-stred-right-text
{	
	width:		480px;
	margin:		0px 0px 0px 20px;
}	

/* ----------------------------------------------------------- */
div.kontakty-nadpis-info
{	
	margin:		20px 0px 20px 0px;
	padding-left:	16px;
	font-family:	arial;
	font-size:	16px;
	font-weight:	bold;
	font-style:	italic;
	color:		#112;
}	

.tab-kontakt, .tab-kontakt td
{	
	font-size:	12px;
	font-family:	verdana;
	color:		#435;
}	
.tab-kontakt td
{	
	padding:		1px 4px 1px 0px;
}	

.tab-kontakt a.email
{	
	text-decoration:	none;
}	
.tab-kontakt a:hover.email
{	
	text-decoration:	underline;
	color:		#f00;
}	

.mapa-w360
{	
	margin:		30px 0px 0px 0px;
	width:		450px;
	height:		278px;
	border:		0px;
}