#header {
	height: 303px;
}
#page {
	padding-top: 363px;
}
#top {
	background:#bf3015 url('/img/u/bg.png') repeat-x 50% 100%;
	height: 343px;
	position: absolute;
	top: 0px;
	width: 100%;
}
#top .wrapper {
	position: relative;
}
#homepage #main {
	padding-bottom: 20px;
}
#homepage #content {
	float: left;
	margin: 73px 30px 0px 231px;
	width: 470px;
	_margin-left: 112px;
}
#homepage #content img {
	margin-right: 10px;
	padding: 0px;
	border: none;
}
#homepage #content, #rightCol {
	margin-top: 0px;
}

#leftCol {
	float: left;
	width: 470px;
}
#rightCol {
	margin-top: 0px;
	float: left;
	width: 217px;
}
#leftCol p, #rightCol p {
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
}
#rightCol p.right {
	padding-bottom: 0px;
}
#fgforrest #leftCol h2, #homepage #leftCol h2, #rightCol h2 {
	margin-top: 0px;
	margin-bottom: 25px;
}
#homepage #rightCol h2 {
	/* margin-top: 5px; */
	margin-bottom: 0px;
	padding: 0px;
	height: 20px;
}
#homepage #leftCol h2 img, #rightCol h2 img {
	float: none;
}
#leftCol ul, #rightCol ul {
	float: left;
	margin-bottom: 2px !important;
	padding-bottom: 25px;
}
#rightCol ul.articles {
	padding-bottom: 10px;
	background: url("/img/u/hp_line_fg_clanky.gif") 100% 100% repeat-x;
}
#leftCol ul li, #rightCol ul li {
	float: left;
	margin-bottom: 30px;
	padding-left: 0px;
	background: none;
}
#rightCol ul.articles li {
	padding-top: 30px;
	margin-bottom: 0px;
}
#leftCol ul img, #rightCol ul img {
	float: left;
	margin-right: 15px;
}
#leftCol ul span, #rightCol ul span {
	display: block;
	margin-bottom: 6px;
}

#leftCol ul .message {
	float: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 375px;
}
#leftCol ul .date, #rightCol ul .date {
	display: inline;
	color: #b3b3b3;
	font-size: 92%;
	line-height: 100%;
}
#rightCol ul.currently .date {
	color: #ebb2a6;
}
#rightCol ul.currently p {
	padding-bottom: 8px;
}
#leftCol ul .author, #rightCol ul .author {
	color: #b6b6b6;
	font-size: 92%;
	margin-top: 3px;
}
#leftCol ul .author a, #rightCol ul .author a {
	color: #5e5e5e;
	font-size: 92%;
}
#rightCol ul.currently {
	margin-top: 10px;
	padding-bottom: 0px;
}
#rightCol ul.currently li {
	margin-bottom: 0px;
}
#rightCol .darkorangebox .separator {
	padding-bottom: 6px;
	background: url("/img/u/bg-separator-darkorange.gif") 100% 100% repeat-x;
	margin-bottom: 8px;
}
#homepage #leftCol #news ul li img {
	float: left;
}
a.more, a.newsletter, a.rss {
	margin-right: 12px;
	color: #5e5e5e;
}
.darkorangebox a.more {
	color: #ffffff;
	margin-right: 0px;
	background: url('/img/u/ico/ico_more_orange.gif') 0px 0px no-repeat;
}
.darkorangebox a {
	color: #ffffff;
}
a.more {
	padding-left: 17px;
	background: url("/img/u/ico/ico_more.gif") no-repeat;
}
a.newsletter {
	padding-left: 15px;
	background: url("/img/u/ico/ico_newsletter.gif") no-repeat;
}
a.rss {
	margin-right: 8px;
	padding-left: 21px;
	background: url("/img/u/ico/ico_rss.gif") no-repeat;
}
#rightCol a.rss {
	margin-right: 4px;
	padding-top: 1px;
}
#leftCol ul a, #rightCol ul a {
	font-size: 109%;
}
/* promítačka */
#projector {
	position: absolute;
	top: -202px;
	left: 205px;
	/* width: 770px; */
	height: 254px;
	text-align: left;
	z-index: 0;
}

#projector #noflash {
	height: 237px;
	padding: 27px 27px 0px 27px;
	background: url("/img/u/bg_reference.png") no-repeat;
}

#projector #noflash p {
	margin-top: 39px;
	padding: 15px;
	color: #ffffff;
}
#projector #noflash p a {
	color: #ffffff;
}

#projector {
	position: absolute;
	top: 50px;
	left: 0px;
	height: 253px;
	overflow: hidden;
}
#projector .wrapper {
	position: relative;
}
#projector-slider {
	margin-left: 232px;
}
/*
#projector-slider:hover {
	border: 10px solid yellow;
}
*/
#projector-slider li {
	background: #d47f71;
	color: #b94d37;
	cursor: pointer;
	float: left;
	font-size: 84%;
	line-height: 100%;
	margin-right: 3px;
	padding: 1px 2px;
}
#projector-slider li.active {
	color: #c36d5b;
	cursor: default;
	background: #f8eae8;
}
.projector-slide .content {
	position: absolute;
	/* right: 0px; */
	left: 228px;
	top: 17px;
}
.projector-slide .name {
	color: #ffffff;
	font-size: 175%;
	position: absolute;
	top: 195px;
	padding-left: 17px;
}

.projector-slide .sidebar {
	color: #ffffff;
	left: 0px;
	position: absolute;
	top: 70px;
	width: 200px;
	/* top: -280px; */
}
.projector-slide .sidebar .in {
	background: url('/img/u/bg-box.png') 0px 100% no-repeat;
	color: #eac2ba;
	padding: 15px;
}
.projector-slide .sidebar .header {
	background: #aa250c;
	padding: 12px 15px;
}
.projector-slide .sidebar .links li {
	background: 0px;
	padding-left: 0px;
}
.projector-slide .sidebar .links li a {
	color: #ffffff;
}
#close-projector, #open-projector {
	color: #0000ff;
	cursor: pointer;
	position: absolute;
	right: 10px;
	text-decoration: underline;
	top: 303px;
	z-index: 20;
}
#mask {
	background: url('/img/u/mask.png') repeat-x 50% 100%;
	height: 51px;
	position: absolute;
	top: 252px;
	width: 100%;
	z-index: 1;
}
/* /promítačka */
#homepage #leftBar {
	/* margin-left: -952px; */
	margin-left: -948px;
}

#homepage .greybox {
	background: #efefef;
}
#homepage .greybox a, #homepage .orangebox a {
	display: inline;
}

#homepage .articles li .separator {
	width: 100%;
	padding-bottom: 0px;
	background: url('/img/u/separator-fg-clanky.gif') 0px 100% repeat-x;
}
#homepage #rightCol li.last .separator {
	background: none;
}
#homepage #news {
	padding-right: 0px;
	padding-bottom: 10px;
}
#homepage .separator {
	background: url("/img/u/hp_line.gif") 100% 100% repeat-x;
}
#homepage #news .last {
	margin-bottom: 0px;
}
#homepage .HTML {
	background: url('/img/u/ico/motive_html_hp.gif') 100% 8px no-repeat;
}
#homepage .Java {
	background: url('/img/u/ico/motive_java_hp.gif') 100% 8px no-repeat;
}
#homepage .Flash {
	background: url('/img/u/ico/motive_flash_hp.gif') 100% 8px no-repeat;
}
#homepage .Grafika {
	background: url('/img/u/ico/motive_grafika_hp.gif') 100% 8px no-repeat;
}
#homepage .Marketing {
	background: url('/img/u/ico/motive_marketing_hp.gif') 100% 8px no-repeat;
}
#homepage .Software {
	background: url('/img/u/ico/motive_software_hp.gif') 100% 8px no-repeat;
}
#homepage .mezireci {
	background: url('/img/u/ico/motive_mezireci_hp.gif') 100% 8px no-repeat;
}
#homepage .Management {
	background: url('/img/u/ico/motive_management_hp.gif') 100% 8px no-repeat;
}
#homepage .hr {
	background: url('/img/u/ico/motive_hr_hp.gif') 100% 8px no-repeat;
}
#homepage .UX {
	background: url('/img/u/ico/motive_ux_hp.png') 100% 8px no-repeat;
}
#rightBarProjectStudiesHP {
	clear: both;
}
#leftCol #projects {
	padding-right: 0px;
	padding-bottom: 6px;
	width: 461px;
}
#leftCol #projects li {
	width: 220px;
	margin-bottom: 0px;
}
#leftCol #projects a {
	font-size: 100%;
}
#slider-reference {
	position: relative;
	height: 146px;
	background: #bf3015 url('/img/u/bg-slider.png') repeat-x 0px 0px;
}
#slider-reference img#title {
	position: absolute;
	top: -10px;
	left: 779px;
background: #ffffff;
}
ul#projects li span, ul#projects li .description {
	width: 139px;
	_width: 137px;
}

.reseni {
	display: block;
	height: 20px;
	float: left;
	width: 21px;
	margin-top: 4px;
}
.reseni span {
	display: none !important;
}
.orangebox {
	color: #ffffff;
}

.w {
	background: url('/img/u/hp/ico-w.gif') 0px 0px no-repeat;
}
.a {
	background: url('/img/u/hp/ico-a.gif') 0px 0px no-repeat;
}
.i {
	background: url('/img/u/hp/ico-i.gif') 0px 0px no-repeat;
}
.m {
	background: url('/img/u/hp/ico-m.gif') 0px 0px no-repeat;
}
.e {
	background: url('/img/u/hp/ico-e.gif') 0px 0px no-repeat;
}
.y {
	background: url('/img/u/hp/ico-y.gif') 0px 0px no-repeat;
}
.c {
	background: url('/img/u/hp/ico-c.gif') 0px 0px no-repeat;
}
.w-color {
	color: #c23417;
}
.a-color {
	color: #f06128;
}
.i-color {
	color: #c23417;
}
.m-color {
	color: #f06128;
}
.e-color {
	color: #3789ba;
}
.y-color {
	color: #8c27a5;
}
.c-color {
	color: #f06128;
}

