/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-09-09 24:00                                                    */

/*                                                                                      */
/****************************************************************************************/

h1 {

	 color: #1c2e8b;
  font-size: 14pt;
  font-weight: normal; 
  font-family: "Trebuchet MS", Sans-Serif;

}

h2
{
  color: #1c2e8b;
  font-size: 14pt;
  font-weight: normal; 
  font-family: "Tahoma", Sans-Serif;
}

 h2.pink
{

	font-weight: bold;
}
	

h3 {
 color: #555555;
  font-size: 11pt;
  font-family: "Tahoma", Sans-Serif;
  font-weight: bold;
}


h1 a,
h2 a,
h3 a
{
	text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover
{
	text-decoration: underline;
}



#content p
{
	margin: 0 0 20px 0;
}

#content .photo
{
	width: 95px;
	margin: 0 15px 0 0;
	float: left;
}

#content .text
{
	width: 790px;
	margin: 0 0 30px 0;
	float: left;
}

#content .text .signature
{
	margin: 30px 0 50px 0;
}

#content img.left
{
	float: left;
}

#content .leftPanel
{
	width: 440px;
	float: left;
}

#content .leftPanel .icon
{
	margin: 20px 0 0 0;
	padding: 5px 0 5px 25px;
	float: left;
	background: url(images/link-icon.png) no-repeat left center;
	font-weight: bold;
}

#content .rightPanel
{
	width: 450px;
	padding: 4px 0 0 30px;
	float: right;
	background: url(images/panel-separator.png) no-repeat left center;
}

#content .rightPanel ul, #demand .leftPanel ul
{
	margin: 0 0 0 20px;
}

#content .rightPanel ul li, #demand .leftPanel ul li
{
	margin: 5px 0;
}

#content ul.icons
{
	margin: 0 0 0 30px;
	float: left;
	list-style-type: none;
}

#content ul.icons li
{
	margin: 10px 0;
	padding: 5px 0 5px 25px;
	background: url(images/link-icon.png) no-repeat left center;
}

#content ul.icons li strong
{
	display: block;
	color: #23348f;
}

#content ul.icons li em
{
	font-style: normal;
}

#assessment
{
	width: 932px;
	height: 134px;
	padding: 4px 30px 25px 30px;
	background: url(images/demand-background.png) no-repeat left top;
}

#assessment h3
{
	margin: 0 0 5px 0;
	color: #de1c8f;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
}

#assessment .leftPanel
{
	width: 580px;
	float: left;
}

#assessment .leftPanel .select
{
	width: 190px;
	padding: 0 0 0 60px;
	float: left;
	background: url(images/icon-select.png) no-repeat left top;
}

#assessment .leftPanel .development
{
	width: 192px;
	padding: 0 0 0 73px;
	float: right;
	background: url(images/icon-development.png) no-repeat left top;
}

#assessment .rightPanel
{
	width: 260px;
	float: right;

}

#assessment .rightPanel .hr-advice
{
	padding: 0 0 0 50px;
	background: url(images/icon-hr.png) no-repeat left top;
}

#demand
{    
	width: 932px;
	margin: 10px 0 0 0;
	padding: 8px 30px;
	background: url(images/middle-panel-background.png) no-repeat left top;
}

#demand .leftPanel
{
	width: 440px;
	float: left;
}













#content .rightPanel h2
{
	margin: 0 0 35px 0;
}

#content .rightPanel a
{
	width: 80px;
	padding: 70px 0 0 0;
	display: inline;
	float: left;
	color: #424242;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#content .rightPanel a:hover
{
	text-decoration: underline;
}

#content .rightPanel a.company
{
	background: url(images/icon-company.png) no-repeat center top;
}

#content .rightPanel a.agency
{
	background: url(images/icon-agency.png) no-repeat center top;
}

#content .rightPanel a.individual
{
	background: url(images/icon-individual.png) no-repeat center top;
}

#content #company,
#content #agency,
#content #individual
{
	margin: 0 0 0 60px;
	position: relative;
	float: left;
}

#content #company
{
	margin: 0 0 0 35px;
}

#content #company,
#content #agency,
#content #individual
{
	behavior: url(styles/hover.htc);
}

#content #company:hover #tooltip1,
#content #company.hover #tooltip1,
#content #agency:hover #tooltip2,
#content #agency.hover #tooltip2,
#content #individual:hover #tooltip3,
#content #individual.hover #tooltip3
{
	display: block;
}

#content .tooltip
{
	width: 172px;
	height: 78px;
	height: 95px;
	padding: 5px 5px 20px 5px;
	position: absolute;
	left: 45%;
	top: -100%;
	top: -119%;
	display: none;
	overflow: hidden;
	background: transparent url(images/popup-background.png) no-repeat left top;
	color: #de1c8f;
	font-size: 10px;
}

#content #agency .tooltip
{
	left: 35%;
	top: -85%;
	top: -100%;
}

#content #individual .tooltip
{
	left: 45%;
	top: -100%;
	top: -119%;	
}








#middlePanel #oh
{
	position: relative;
}
#middlePanel a.oh
{
/*	background: url(images/icon-company.png) no-repeat center top; */
}
#middlePanel #oh
{
	behavior: url(styles/hover.htc);
}
#middlePanel #oh:hover #tooltip4,
#middlePanel #oh.hover #tooltip4
{
	display: block;
}
#middlePanel .tooltip
{
	width: 172px;
	height: 78px;
	height: 95px;
	padding: 5px 5px 20px 5px;
	position: absolute;
	left: 45%;
	top: -100%;
	top: -119%;
	display: none;
	overflow: hidden;
	background: transparent url(images/popup-background.png) no-repeat left top;
	color: #de1c8f;
	font-size: 10px;
	z-index: 30;
}

#middlePanel #oh .tooltip
{
	left: 35%;
	top: -85%;
  top: -115px; 
}







/*
#content .rightPanel h2
{
	margin: 0 0 35px 0;
}

#content .rightPanel a
{

	width: 80px;
	padding: 70px 0 0 0;
	display: inline;
	float: left;
	color: #424242;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#content .rightPanel a:hover
{
	text-decoration: underline;
}

#content .rightPanel a.company
{
	background: url(images/icon-company.png) no-repeat center top;
}

#content .rightPanel a.agency
{
	background: url(images/icon-agency.png) no-repeat center top;
}

 #content .rightPanel a.individual
{
	background: url(images/icon-individual.png) no-repeat center top;
}





#content #company,
#content #agency,
#content #individual
#oh
{
	margin: 0 0 0 60px;
	position: relative;
	float: left;
}


#oh {
margin: 0 0 0 227px;
position: absolute;
float: left;
left:50%;
}


#content #company
{
	margin: 0 0 0 30px;
}

#content #company,
#content #agency,
#content #individual,
#oh

{
	behavior: url(styles/hover.htc);
}



#content #company:hover #tooltip1,  
#content #company.hover #tooltip1,
#content #agency:hover #tooltip2,
#content #agency.hover #tooltip2,
#content #individual:hover #tooltip3,
#content #individual.hover #tooltip3,
#oh.hover #tooltip4,
#oh:hover #tooltip4
{
	display: block;
}

 #content .tooltip 
{
	width: 172px;
	height: 95px;
	padding: 5px 5px 20px 5px;
	position: absolute;
	left: 45%;
	top: -119%;
	display: none;
	overflow: hidden;
	background: transparent url(images/popup-background.png) no-repeat left top;
	color: #de1c8f;
	font-size: 10px;
}

#content #agency .tooltip, #oh .tooltip  
{
	left: 35%;
	top: -100%;
}

#demand #individual .tooltip, #content #individual .tooltip
{
	left: 45%;
	top: -119%;
}
*/



















#demand .rightPanel
{
	width: 450px;
	padding: 100px 0 50px 30px;
	float: right;
	background: url(images/panel-separator.png) no-repeat left bottom;
}

#demand .rightPanel .box
{
	width: 122px;
	height: 49px;
	margin: 0 15px 0 0;
	padding: 26px 0 0 50px;
	float: left;
	background: url(images/button-demand.png) no-repeat left top;
	overflow: hidden;
}

#demand .rightPanel p
{
	margin: 5px 0 0 0;
}

#demand .rightPanel .box a
{
	width: 100px;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#demand .rightPanel .box a:hover
{
	text-decoration: underline;
}

.form
{
	width: 320px;
	padding: 10px 0 30px 0;
	float: left;
}

.form label,
.form input,
.form textarea
{
	font-family: Tahoma, Verdana, Arial;
}

.form label
{
	width: 100px;
	float: left;
	margin: 5px 10px 5px 0;
	text-align: right;
	font-weight: bold;
}

.form label em
{
	display: block;
	font-size: 70%;
	font-weight: normal;
}

.form input
{
	width: 200px;
	height: 22px;
	padding: 8px 0 0 0;
	margin: 0 0 5px 0;
	float: left;
	background: #ffffff url(images/input-background.png) repeat-x left top;
	color: #8a8a8a;
	border: 1px solid #b3b3b3;
	text-transform: none;
}

.form textarea
{
	width: 200px;
	height: 100px;
	padding: 8px 0 0 0;
	margin: 0 0 5px 0;
	float: left;
	background: #ffffff url(images/input-background.png) repeat-x left top;
	color: #8a8a8a;
	border: 1px solid #b3b3b3;
	text-transform: none;
}

.form input.sendButton
{
	width: 116px;
	height: 35px;
	padding: 0;
	position: relative;
	left: 150px;
	top: 10px;
	display: block;
	line-height: 35px;
	background: #9d7fc4;
	color: #ffffff;
	border: none;
	font-weight: bold;
	text-transform: none;
}

#middlePanel .box {
  padding: 10px 0 30px 30px;
}

#middlePanel .box ul {
  margin: 0px 0 0 20px;
  list-style-type: none;
}

#middlePanel .box ul li{
  margin: 0px 0 0 4px;
  background:url("/images/ulimg.JPG") no-repeat scroll 4px 5px;
  padding: 7px 0 7px 30px;

}


table td {
   border: 1px solid #D8D8D8 ;
   background:url("/images/pruhsedy.JPG") repeat-x scroll; 
}

table td a {
  font-size: 10pt;
}

#reference-page .reference-box {
  width: 250px;
  height: 55px;
  float: left;
  margin: 10px 24px 13px 0;
}

#reference-page .reference-box .left {
 width: 80px;
 height: 55px;
 float: left;
}

#reference-page .reference-box .right {
 width: 160px;
 height: 55px;
 float: right;
}






#nastroje-tabulka {
  width: 830px;
  height: 713px;
  margin: 40px 0;
}

#nastroje-tabulka a {
  font-size: 10pt;
}

.nastroje-tabulka-vlevo {
  width: 408px;
  height: 460px;
  float: left;
  margin-right: 5px;
}

#nastroje-tabulka-vpravo {
  width: 408px;
  height: 460px;
  float: right;
}

#nastroje-tabulka .obdelnik {
  height: 12px;
}

#nastroje-tabulka .content {
  height: 713px;
 	background: url(/images/nastroje-pruh.jpg) repeat-x left center;
}

#nastroje-tabulka .content h2 {
  padding-top:7px;
  color: white;
  font-size: 14pt;
  font-weight: normal; 
  font-family: "Trebuchet MS", Sans-Serif;
  margin: 0;
  text-align: center;
}

#nastroje-tabulka .content .nastroje-box-levy {
   	background: url(/images/nastroje-box.jpg);
   	width: 180px;
    height: 126px;
    margin: 10px 0px 3px 19px;
    float: left;
    text-align: center;
}

#nastroje-tabulka .content .nastroje-box-levy p,
#nastroje-tabulka .content .nastroje-box-pravy p {
  padding: 13px 3px 3px 3px;
  color: white;
  font-size: 8pt;
  font-weight: normal; 
  font-family: "Tahoma", Sans-Serif;
  
}

#nastroje-tabulka .content .nastroje-box-pravy {
   	background: url(/images/nastroje-box.jpg);
   	width: 180px;
    height: 126px;
    margin: 10px 0px 3px 10px;
    float: left;
    text-align: center;
}

#nastroje-tabulka .content .nastroje-oval {
   	background: url(/images/nastroje-oval.jpg);
   	width: 369px;
    height: 45px;   
    margin: 7px auto;
}

#nastroje-tabulka .content .nastroje-oval div {
  padding-top: 14px;
  font-size: 8pt;
  font-weight: normal; 
  font-family: "Tahoma", Sans-Serif;
  color: #563584;
}

#nastroje-tabulka .content .nastroje-oval p {
  padding-top: 7px;
  font-size: 8pt;
  font-weight: normal; 
  font-family: "Tahoma", Sans-Serif;
  color: #563584;
}

#nastroje-tabulka .content .nastroje-oval-levy-mensi div,
#nastroje-tabulka .content .nastroje-oval-pravy-mensi div {
  padding-top: 10px;
  font-size: 8pt;
  font-weight: normal; 
  font-family: "Tahoma", Sans-Serif;
  color: #563584;
}

#nastroje-tabulka .content img {
  float: left;
  margin: 7px;
}

#nastroje-tabulka .content .nastroje-oval-levy-mensi {
   	background: url(/images/nastroje-oval-mensi.jpg);
   	width: 183px;
    height: 48px;    
    float: left;
    margin: 0px 0 5px 19px;
   
}

#nastroje-tabulka .content .nastroje-oval-pravy-mensi {
   	background: url(/images/nastroje-oval-mensi.jpg);
   	width: 183px;
    height: 48px;    
    float: right;
    margin: 0px 18px  5px 0px;
     clear: right;
     
}

#nastroje-tabulka .content .nastroje-box-wrap  {
  height: 140px;
}

#nastroje-tabulka .content .nastroje-box-wrap-pravy  {
  background: url(/images/nastroje-bublina.jpg) no-repeat;
  height: 97px;
  margin: 10px 0 0 18px;
  text-align: center;
  color: white;
  padding: 33px 38px 0 17px;
}