/*
	sekce Reference
*/

/* spolecne */






	

/* vypis */

	span#bookmark-vypis-referenci {
		display: block;
		position: absolute;
		left: -48px;
		top: -10px;
		width: 28px;
		height: 139px;
		background: url('../img/bookmarks/bookmark-vypis-referenci.gif') no-repeat left top;		
	}

	span#bookmark-vypis-klientu {
		display: block;
		position: absolute;
		left: -48px;
		top: -10px;
		width: 28px;
		height: 139px;
		background: url('../img/bookmarks/bookmark-vypis-klientu.gif') no-repeat left top;		
	}
	
	span#bookmark-vypis-klientu-zzvs {
		display: block;
		position: absolute;
		left: -48px;
		top: -10px;
		width: 28px;
		height: 139px;
		background: url('../img/bookmarks/vypis_partneri.gif') no-repeat left top;		
	}
	
	span#minibookmark-filtr {
		display: block;
		position: absolute;
		left: -28px;
		top: 0px;
		width: 28px;
		height: 57px;
		background: url('../img/minibookmark-filtr.gif') no-repeat left top;		
	}	
	
#pseudo-perex {
	background-color: #fff;
	border-bottom: 1px solid #fff; /* pro IE */
}
	
#obory-container {
	background: #F5FBF9 url('../img/bg-obory.gif') no-repeat left top;
	margin: 0px -19px 0px -20px;
	padding: 3px 10px 0px 50px; 
	position: relative;	
}

#obory-container ul {
	margin: 0px; 
	padding: 5px 25px 8px 25px; 
	list-style: none;
	display: block;
	line-height: 150%;
}

#obory-container li {
	margin: 0px; 
	list-style: none;
	display: inline;
	padding: 0px 15px 3px 0px;
	font-size: 95%;
}
#main-content #obory-container li a, #main-content #obory-container li a:visited  {
	color: #000;
}
#main-content #obory-container li a:hover, #main-content #obory-container li a:focus, #main-content #obory-container li a:active  {
	color: #949B01;
}




#obory-container strong.obor {
	color: #007CC6;
	width: 40px;
	position: absolute;
	right: 675px;
	font-size: 100%;
	margin-top:10px;
}



#filtr-container {
	background: #fff url('../img/bg-filtr.gif') no-repeat left top;
	margin: 0px -19px 0px -20px;
	height: 77px;	
}	
			
#filtr-container legend {
	display: none;
}

#filtr-container fieldset {
	border: none;
}

#filtr-container span.filter-item {
	padding: 3px 5px 0px 10px;
	float: left;
	width: 160px;
}



#filtr-container label.block-label {
	display: block;
	height: 20px;
	color: #007CC6;
	font-weight: bold;
}
#filtr-container span.inline-label {
	padding-top: 20px;
	width: 130px;
}
#filtr-container span.submit-label {
	width: 90px;
}
#filtr-container span.inline-label label {
	color: #007CC6;
	font-weight: bold;
}

			#filtr-container .input-select {
				border: 1px solid #aad1e8; 
				background-color: #fff;
				color: #000;
				width: 160px;
			}
			#filtr-container span.inline-label label.input-checkbox {
				color: #000;
				font-weight:normal;
			}
			
			#filtr-container .submit {
				background: #fff url('../img/bg-input-filter-submit.gif') no-repeat left top;
				width: 84px;
				height: 19px;
				color: #007CC6;
				font-weight: bold;
				padding: 3px 0px;
				text-align: center;
				border: none;
				text-transform: uppercase;
			}
			
			#filtr-container .input-select:hover,
			#filtr-container .input-select:focus {
				border: 1px solid #276E95;
			}
			
			#filtr-container .submit:hover {
				/*border: 1px solid #276E95;
				background-color: #aad1e8;*/
				color: #FF9C37;
				cursor: pointer;
			}


#filtr-container span.filter-item-help {
	padding: 3px 5px 0px 10px;
	float: left;
	width: 60px;
	text-align: center;
}
#filtr-container span.filter-item-help img {
	cursor: help;
}
#filtr-container span.filter-item-help span.block-label {
	padding: 0px 0px 3px 0px;
	display: block;
	color: #007CC6;
}

#filtr-container span.filter-item-help a {
	padding: 0px;
}
	
	
.ref-item {
		margin: 0px 0px 20px 0px;
		/*background: url('../img/bg-ref-item-bubbles.gif') repeat-y 390px 20px;*/
}
		#main-content .ref-item h3 {
			float: right;
			width: 435px;
			font-size: 130%;
			font-weight: normal;
			background: url('../img/bg-h5-fish.gif') no-repeat 0px 2px;
			padding: 3px 60px 10px 30px;
			min-height: 18px;
		}
			#main-content .ref-item h3 a, #main-content .ref-item h3 a:visited  {color:#949B01;}
			#main-content .ref-item h3 a:hover, #main-content .ref-item h3 a:focus, #main-content .ref-item h3 a:active {color:#007CC6;background-color: none; background: transparent; }
	
		.ref-img {
			width: 130px;
			float:left;
			background: url('../img/bg-img.gif') repeat-x left top;
			padding: 5px;
			margin: 10px;
			text-align: right;
			font-size: 90%;
			position: relative;
		}
		
		.ref-img .switch-image {
			position: absolute;
			top: 78px;
			right:10px;
		}
			
			.ref-img img {
				padding: 0px;
				margin: 0px;
			}
			
	.img-link {padding: 5px 0px; text-align: left;}
		
		#main-content .img-link a, .img-link a:visited {color: #FF9C37;}
		#main-content .img-link a:hover {color: #949B01; background-color: none; background: transparent;}
	
		.ref-text {
			float: right;
			width: 525px;
			margin-top: 10px;
			position: relative;
			
		}
		
		.ref-text .wysiwyg h2, .ref-text .wysiwyg h3, .ref-text .wysiwyg h4 {
			color: #007CC6;
			font-size: 140%;
		}
		
		.ref-item h6 {color:#007CC6;}
	
			.ref-text-left {
				width: 255px;
				float: left;
			}
			.ref-text-right {
				width: 255px;
				float: right;
				padding-top: 0px;
			}
			
			.ref-text .wysiwyg h2, .ref-text .wysiwyg h3, .ref-text .wysiwyg p, .ref-text .wysiwyg ul {
				margin-top: 0px;
				padding-top: 0px;
			}

			
		

			.ref-text .wysiwyg p, 
			.ref-text .wysiwyg h3, 
			.ref-text .wysiwyg h4, 
			.ref-text .wysiwyg ul, 
			.ref-text .wysiwyg li  {
				margin: 0px;
				padding: 0px;
				line-height: 150%;
				font-size: 100%;
			}
			.ref-text .wysiwyg ul {
				padding-left: 17px;
				_padding-left: 15px;
			}
			
			
	.case-study-img {
		position: absolute;
		top: -40px;
		right: 0px;
	}
	
	

/* detail */	

	span#bookmark-detail {
		display: block;
		position: absolute;
		left: -48px;
		top: -10px;
		width: 28px;
		height: 139px;
		background: url('../img/bookmarks/bookmark-detail.gif') no-repeat left top;		
	}
	
	ul.links {
		margin-top: -15px;
		margin-bottom: 15px;
	}
	
	/*
	#perex p.f-left, #pseudo-perex p.f-left, #main-content p.f-left {
		width: 380px;
		float: left;
		padding-left: 10px;
	}
	#perex p.f-right, #pseudo-perex p.f-right, #main-content p.f-right {
		width: 320px;
		float:left;
		text-align: right;
	}
	
	#perex p.f-left {
		padding-left: 0px;
	}
	#perex p.f-right {
		width: 320px;
		float:right;
		margin-right: 5px;
		text-align: right;
	}
	
	#perex {
		width: 729px;
		margin-top: 0px;
		padding-top: 0px;
	}
	
	#perex .wysiwyg {
		padding: 0px 0px 20px 0px;
		margin: 0px;
	}
	#perex .wysiwyg p {
		padding: 0px;
		margin: 0px;
	}*/
	
/*
	
	
	p.f-right span {
		background: url('../img/icon-navitem.gif') no-repeat 0px 1px;
		padding-left: 15px;
	}
	
	#main-content p.f-right span a, 
	#main-content p.f-right span a:visited {
		color: #007CC6; 
		font-weight: normal;
   }
	#main-content p.f-right span a:hover,
	#main-content p.f-right span a:active,
	#main-content p.f-right span a:focus {
		color: #949B01;
		background-color: transparent;
		text-decoration: none;
   }
	*/
	
	.ref-photo-boxex {
		width: 199px;
		margin: 0px;
		margin-top: -15px;
		padding: 0px;
		float: right;
	}
	
	.ref-photo-boxex p.right {
		padding-right: 7px;
	}
	
	.ref-photo-box {
		width: 180px;
		padding: 7px;
		margin: 0px 0px 20px 0px;
		background: #FCFCF0 url('../img/bg-img-w180.gif') no-repeat center top;
	}
	
	.ref-photo-box h5 {
		font-size: 100%;
		/*color:#007CC6;*/
		font-weight: normal;
		padding: 0px ; 
	}
	
	
#content-boxes {
	width: 462px;
	float: left;
	margin-top: -15px;
}	
#content-boxes p {
	margin-bottom: 35px;
}
#content-boxes ul.links {
	margin-top: -35px;
	margin-bottom: 35px;
}	
	
	
	.klient-perex {
		padding: 15px 10px 10px 40px;
		margin: -25px 0px 15px 0px;
		background: url('../img/bg-reference-toptext.gif') no-repeat center top;
	}
	.klient-perex h3 {
		padding: 0px;
		margin: 0px;
		color:#007CC6;
		font-size: 1.5em;
	}
	
	.content-box {
		padding: 0px 10px 25px 45px;
		/*margin: -25px 0px 15px 0px;*/
		margin: 0px 0px 15px 0px;
		background: url('../img/bg-content-box-wysiwyg.gif') repeat-y center top;
	}
	
	.content-box h2, .content-box h3, .content-box h4 {
		background: url('../img/bg-content-box-h3.gif') no-repeat center top;
		/*margin: 25px -10px 0px -30px;*/
		margin: 0px -10px 0px -30px;
		padding: 25px 10px 5px 30px;
		font-weight: bold;
		color:  #007CC6;
		font-size: 1.5em;
		/*height: 9px;*/
		/*border: 1px dashed blue;*/
	}

	
	.content-box ul {
		padding: 5px 22px;
	}
	
	/*.content-box h2, .content-box h3.fish {
		background: url('../img/bg-hx-fish-2.gif') no-repeat left center;
		padding-left: 30px;
		color:#007CC6;
		font-weight: normal;
	}*/
	
	#project-manager img {
		margin-top: 0px;
	}
	#project-manager h4,
	#ref-team h4 {
		margin: 0px;
		padding: 10px 0px 0px 0px;
	}
	
	.pm-photo-box {
		float: left;
		margin: 10px 10px 10px 0px;
		width: 100px;
		padding: 7px;
		background: #FCFCF0 url('../img/bg-image-small.gif') no-repeat left top;
	}
	
	.pm-text, .pm-refs {
		width: 275px;
		float: left;
		padding-top: 5px;
	}
	.pm-text div.wysiwyg {
		padding-top: 5px;
	}
	.pm-refs {
		float: right;
	}
	
	#main-content .pm-refs ul li a {
		font-weight: normal;
	}
	#main-content .pm-refs p {
		height: 100%; /* vyresi odskok textu v MSIE */
	}
	
	
	
	#main-content .pm-refs p {
		padding-left: 5px;
		/*padding-top: 15px;*/
	}
	#main-content .pm-refs span {
		padding-left: 18px;
	}
	
	
	#project-manager h5, #project-manager h6   {color: #007CC6;}
	.pm-text h5 span {
		font-weight: normal; font-size: 90%; text-transform: lowercase;
	}
	.pm-text p {
		font-size: 90%;
	}

/* cerny nadpis v boxu */
	
	#right-column .column-item-content h6 {
		color: #000;
		padding-top: 5px;
	}

	#right-column .dekovny-dopis h5 {
		padding-top: 0px;
		padding-bottom: 15px;
		margin-top: 0px;
	}
	
	#right-column .dekovny-dopis h5 span.small-black {
		color: Black;
		font-size: 90%;
	}
	
	#right-column .dekovny-dopis .wysiwyg {
		font-weight: normal;
		font-size: 95%;
	}
	
	
	
	
	
	ul.char-filter {
		display: block;
		margin: 0px;
		float: left;
		padding: 15px;
		font-size: 110%;
	}
	ul.char-filter li {
		display: inline; 
		list-style: none; 
		margin: 3px;
		line-height: 20px;
	}
	

	
	#main-content ul.char-filter li a, 	#main-content ul.char-filter li a:visited {
		color: #007CC6;
	}
	#main-content ul.char-filter li a:hover, 	#main-content ul.char-filter li a:focus, #main-content ul.char-filter li a:active {
		color: #fff;
		background-color: #007CC6;
	}
	
	.active-char {
		color: #FF9C37;
		font-weight: bold;
	}
	
	.client-item, .photo-box {
		width: 150px;
		padding: 7px;
		margin: 10px 15px;
		float: left;
		display: inline;
		background: #FCFCF0 url('../img/bg-image.gif') no-repeat left top;
	}
	.client-item-ref, .photo-box-ref {
		width: 194px;
		padding: 7px 0px 0px 23px;
		margin: 10px 0px;
		float: left;
		display: inline;
		background: url('../img/bg-image-ref.gif') no-repeat left top;		
	}	
	.item-2 {
		margin: 10px 60px;
	}
	.item-1 {
		clear: left;
	}
	.client-item h5 {
		font-size: 85%;
		font-weight: normal;
		background: url('../img/icon-navitem.gif') no-repeat 0px 1px;
		padding: 0px 0 0px 15px; 
	}
		.client-item h5 a {
			font-weight: normal !important;
		}
	.item-cleaner {
		clear: both;
		height: 10px;
	}
	
	
	
	/* detail Klienta */
	
	.photo-box {
		float: right;
		margin: 0px 0 10px 10px;
	}
	
	.content-box-container {
		width: 509px;
		margin-bottom: 25px;
	}
	
	.content-box-top {
		background: url('../img/bg-content-box-top.gif') no-repeat center top;
		height: 9px;
	}
	.content-box-content {
		background: url('../img/bg-content-box.gif') repeat-y left top;
		padding: 0px 20px;
	}
	
	.content-box-content ul {
		padding: 5px 22px;
	}
	
	.content-box-content h2, .content-box-content h3 {
		background: url('../img/bg-hx-fish-2.gif') no-repeat left center;
		padding-left: 30px;
		color:#007CC6;
		font-weight: normal;
	}
		
	.wysiwyg ul,.wysiwyg ol  {
		margin-top: 0.5em;
	}
	.wysiwyg ul {
		padding-left: 0px; 
	}	
	.wysiwyg ul li {
		margin-left: 15px;
	}
	.wysiwyg ol li  {
		margin-left: 22px;
	}	

	
/* Dekovne dopisy */
.dopisy-item {
	margin: 0px 0px 20px 0px;	
}
		.dopisy-item h3 {
			font-size: 130%;
			font-weight: normal;
			background: url('../img/bg-h5-fish.gif') no-repeat 0px 2px;
			padding: 0px 60px 10px 30px;
			color:#949B01;
		}
		#main-content .dopisy-item h4 a {color:#949B01; }
		#main-content .dopisy-item h4 a:hover {color:#007CC6; background-color:transparent;}	
	
		.dopisy-item div.wysiwyg {
			padding-left: 30px;
		}	
		
		
/*add by lh*/

strong.klienti-obor {
  color:#949B01;
  font-weight:bold;
  padding-top:5px;
}

h3.klienti-vypis-polozka {
  xfont-size:.92em;
  font-size:1em;
}