/* -- Content in the Orange Bar -- */
.homepage-intro {
	padding:15px 0 23px 21px;
}
	.hpi-gallery-holder {
		background: url(/media/assets/hpi_sample.jpg) top left no-repeat; 
		float: left;
		height: 310px;
		padding-right: 10px;
		width: 630px;
	}
	
	.hpi-menu {
		float: left;
		font-size: 14px;
		width: 300px;
	}
		.hpi-menu .slide {
			background: url(/media/assets/hpm_slide.gif) top left repeat-x;
			border-top: 1px solid #fff;
			height: 27px; 
			line-height: 27px; 
			padding: 0 15px 0 20px;
		}
			.hpi-menu .slide a {
				background: url(/media/assets/hpm_arrow.gif) center right no-repeat; 
				display: block;
			}
		.hpi-menu .open {
			background: #fff;
			height: 210px;
			padding: 15px 0 0 15px;
			position: relative;
		}
			.hpi-menu .open h2 {
				color: #f00;
				font-size: 22px;
				font-weight: normal;
				margin: 0;
				padding: 0;
			}
				.hpi-menu .open h2 a { color: #666; }
			.hpi-menu .open p {
				font-size: 11px;
				margin: 10px 0 5px;
				padding: 0 25px 0 0;
			}
			.hpi-menu .open a.vise {
				background: url(/media/assets/hpm_vise.jpg) top left no-repeat;
				bottom: 15px;
				display: inline-block;
				height: 20px;
				left: 20px;
				position: absolute;
				width: 78px; 
			}
			.hpi-menu .open img.pos {
				bottom: 0px;
				right: 0px;
				position: absolute; 
			}

/* -- Finally, some CONTENT -- */
.content {
	background: #fff;
	padding: 35px 0 1px;
	margin-top:0;
	float:left;
}
	.hp-row { margin-bottom: 20px; padding-bottom: 4px; }
	.content .add_dotted { background: url(/media/assets/clanak-doted-uvucena.gif) -3px bottom repeat-x; padding-bottom:4px;margin-bottom:30px;}
	
	/* a single box item */
	.box1 {
		float: left;
		width: 300px;
	}
		.box1 .info { background: #fef1e8; font-size: 11px; margin-bottom: 8px; }
		.box1 .info .fr { padding: 2px 8px 2px 0; }
		.box1 .info .fr a { text-decoration: underline; }
			.box1 .info a.category {
				background: #f37322;
				color: #fff;		
				float: left;		
				font-weight: bold;
				padding: 2px 4px;
				text-transform: uppercase;
			}
				
		.box1 .sub-info { font-size: 11px; padding-left: 3px; text-transform: uppercase; }
		
		.box1 h3 { font-size: 21px; font-weight: normal; margin: 0; padding: 0 0 0 3px; }
		.box1 h4 { color: #F37322; margin: 10px 0; padding: 0 0 0 3px; }
		.box1 h4.quote { 
			background: url(/media/assets/quote.gif) 5px top no-repeat;
			color: #666; 
			font-size: 12px;
			margin: 0 0 10px; 
			padding: 0 0 0 40px;
		}
		
		.box1 img { margin-bottom:10px; }
		.box1 img.fix { position: absolute; bottom: 0; right: 20px; margin: 0; }
		
		.box1 ul.anketa {
			margin: 0 0 9px;
			padding: 0;
		}
			.box1 ul.anketa li {
				list-style-type: none;
				margin: 0 0 8px;
				padding: 0 0 0 25px;
			}
			
			.box1 .anketa-end { height: 24px; line-height: 24px; padding: 7px 0; } 
			.box1 .anketa-end p { margin: 0; padding: 0; } 
			.box1 .anketa-end a.glasuj { 
				background: url(/media/assets/glasuj.jpg) top left no-repeat; 
				float: left;
				height: 24px;
				width: 71px;
			} 
		
		.box1 p { 
			font-size:15px;
			line-height:120%;
			margin:0 0 6px;
			padding:5px 0;
		}
			.box1 p.bold { font-size: 12px;	font-weight: bold; }
			.box1 p.gal {}
			.box1 p.bg-orange { background: #f37322; border: 0; color: #fff; line-height: 14px; margin: 0; padding: 15px 110px 5px 13px; }
			
		.box1 a.more { background: url(/media/assets/hc_more.gif) bottom right no-repeat; display: inline-block; height: 7px; width: 8px; margin-left:5px;}
		.box1 a.more_orange { background: url(/media/assets/orange_arrow.gif) bottom right no-repeat; display: inline-block; height: 7px; width: 8px; }
		
		.box1 .all-online {
			color:#999999;
			display:block;
			font-size:10px;
			background:url(/media/assets/clanak-doted-uvucena.gif) no-repeat -54px top;
			padding-top:3px;
			margin-top:9px;
		}
		.box1 .all-online:hover {
			color:#F77321;
		}
		.box1 .b-left {
			float:left;
		}
		
		.box1 .b-right {
			width:250px;
			float:right;
		}
		
		.top-30 {
			margin-top:30px;
		}
		/* bottom row */
		.hpr-left {
			float: left;
			width: 640px;
			margin-top:30px;
		}
			.hpr-left .col {
				float: left;
				width: 208px;
			}
				.hpr-left .col h4 {
					font-size: 17px;
					margin: 4px 0 20px;
					padding: 0 20px;
				}
				.hpr-left .col p { background: url(/media/assets/dotted_right.gif) top right repeat-y;  font-size: 11px; margin: 0; padding: 0 20px 10px; }
				.hpr-left .col p.title { color: #f00; font-weight: bold; }
				.hpr-left .last p { background: none; }
				
			.hpr-left .first p, .hpr-left .first h4 { padding-left: 0; }
			
		/* bottom row - Knowledge Base */
		.hpr-right {
			float: right;
			width: 310px;
		}
		
		.bb_box1 {
			background: #9ab2d5;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			margin-top: -1px;
			padding: 5px 9px;
		}
		.bb_box2 {
			background: #9bcdf3;
			color: #fff;
			padding: 5px 9px;
		}

.wrapper .left {
	width:640px;
	float:left;
}

.wrapper .right{
	float:left;
	margin-left:3px;
	width:300px;
	margin-top:60px;
}

h3 a {
	margin-bottom:10px;
	float:left;
	width:100%;
}

.right-orange-index {
	background:#F7F7F7;
	width:100%;
	margin-top:-25px;
}

.clearer {
	clear:both;
	background:#FFF;
}

.right-orange-index-content {
	padding:10px 10px 10px 15px;
}

.right-orange-index-content h3 {
	color:#848C96;
	font-size:21px;
	font-weight:normal;
	padding-bottom:10px;
}

.right-orange-index-content img {
	padding-bottom:10px;
}

.r-o-i-c-l {
	font-size:11px;
	color:#b9b9b9;
	text-transform:uppercase;
}

.r-o-i-c-t {
	font-size:12px;
	color:#666;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:0px;
	line-height:130%;
}

.r-o-i-l {
	width:270px;
	color:#666;
	font-size:11px;
	text-transform:uppercase;
	float:left;
	margin-top:5px;
}

.r-o-i-l-two {
	display:block;
	line-height:120%;
	padding-bottom:10px;
	padding-top:10px;
}

.r-o-i-l-two:hover {
	text-decoration:underline;
}
.r-o-i-c-u li {
	list-style:none;
	margin-left:0px;
	background:url(/media/assets/orange-doted.jpg) no-repeat;
	line-height:34px;
}

ul.r-o-i-c-u {
	background:url(/media/assets/orange-doted.jpg) no-repeat 0 bottom;
}

.marg-t {
	margin-top:56px;
}

.home-dotted {
	background:url(/media/assets/content-new-down.gif) no-repeat 0 bottom;
	padding-bottom:4px;
}

.content .mbNone {
	margin-bottom:0;
}