*	{ position: relative; }
body	{ margin: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #949494; }
header, article, #slider, footer	{ width: 980px; margin: 0px auto; }
header > nav, #logo	{ display: inline-block; vertical-align: top; }
header	{ border-bottom: 1px solid #d20000; margin-bottom: 15px; }
#logo	{ margin: 30px 10px 15px 0px; }
header > nav		{ margin: 22px 0px 0px 0px; float: right; }
header > nav > div	{ float: left; }

header > nav > a, header > nav > div > a, header > nav > div > div > a, #slider > ul > li > a,
footer, footer > nav a	{
	font-family: 'Ubuntu', sans-serif;
}

header > nav > a, header > nav > div > a	{
	display: block;
	height: 20px;
	padding: 12px 26px 12px 25px;
	float: left;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	background: url('../img/menu_separator.gif') no-repeat right center;
	/*font-family: CenturyGothic;*/
	color: #787878;
}
header > nav > a:hover, header > nav > div:hover > a, header > nav > div > a.active	{
	color: #000000; }
header > nav > div > a.active{font-weight: 700;}
header > nav > div > div	{
	display: none;
	position: absolute;
	width: 100%;
	top: 40px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #787878;
	overflow: visible !important;
}
header > nav > div > div > a	{
	display: inline-block;
	padding: 4px 15px 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
	background: url('../img/menu_separator2.gif') no-repeat right center;
	color: #ffffff;
}
header > nav > div > div > a:hover	{ color: #dddddd; }
header > nav > a:last-child, header > nav > div:last-child > a	{ padding-right: 0px; background: none; }
header > nav > a:first-child, header > nav > div:first-child > a	{ padding-left: 0px; }
header > nav > div > div > a:last-child	{ background: none; }
header > nav > div > div > span	{
	display: block;
	position: absolute;
	width: 110%;
	height: 200%;
	top: 0px;
	left: -5%;
}
#slider	{ width: 980px; height: 500px; overflow: hidden; margin-bottom: 45px; }
#slider > img	{ display: none; position: absolute; top: 0px; left: 0px; }
#slider > ul	{
	position: absolute;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	width: 980px;
	background: rgba(0,0,0,0.5);
	list-style-type: none;
}
#slider > ul > li > a	{
	display: block;
	float: left;
	width: 306px;
	padding: 20px 10px;
	border-right: 1px solid #000000;
	text-align: center;
	text-transform: uppercase;
	
	/*font-family: CenturyGothic;*/
	font-size: 18px;
	color: #ffffff;
	z-index: 3;
}
#slider > ul > li:last-child > a	{ border: 0px; width: 305px; }
#slider > ul ul	{
	display: none;
	position: absolute;
	bottom: 0px;
	width: 326px;
	margin: 0px 0px 62px 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 2;
	background: rgba(0,0,0,0.5);
}
#slider > ul > li	{ display: block; float: left; }
#slider > ul > li:hover	{ background: rgba(0,0,0,0.5); }
#slider > ul ul a	{
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	color: #ffffff;
}
#slider > ul ul a:hover	{ background: rgba(0,0,0,0.2); }
#slider > ul ul > li:first-child > a	{ padding-top: 10px; }
#slider > ul ul > li:last-child > a	{ padding-bottom: 10px; }
body > article	{ margin-top: 15px; padding-bottom: 45px; }
footer	{
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin: 0px 0px 0px -490px;
	font-size: 11px;
	
	/*font-family: CenturyGothic;*/
	padding: 10px 0px;
	background: #ffffff;
	color: #787878;
	font-size: 10px;
}
footer > nav	{ position: absolute; right: 0px; top: 10px; }
footer > nav a	{
	color: #787878;
	text-transform: lowercase;
	display: inline-block;
	font-size: 10px;
	
	/*font-family: CenturyGothic;*/
}
a	{ text-decoration: none; color: #787878; }
a > img	{ border: 0px; }

section#lista{clear:both;overflow: hidden;}
section#lista ul{margin: 0;padding: 0;list-style: none;}
section#lista ul li{float: left;width: 185px;overflow: hidden;margin: 0 10px 10px 0;height: 185px;text-align: center;background: #fff;}
section#lista ul li img{width: 185px;height: 185px;vartical-align: middle;}

section#projekt{}
section#projekt article	{width: 100%;margin: 20px 0px 10px 0px;cursor: default;overflow: hidden;}
section#projekt article .box2 p{display: block;padding: 1px 7px 1px 27px;margin: 20px 0px;border-left: 1px solid #787878;font-family: Verdana, sans-serif;font-size: 12px;min-height: 130px;}
section#projekt article > h1	{
	display: block;
	height: 14px;
	padding: 0px 0px 0px 11px;
	margin: 0px;
	font-size: 14px;
	/*font-family: CenturyGothic;*/
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	color: #787878;
	border-left: 14px solid #d20000;
}
section#projekt article:hover a.more, section#projekt article:hover h1	{ color: #000000; }
section#projekt article ul	{ list-style-type: none; margin: 0px; padding: 0px; }
section#projekt article li	{
	background: url('../img/list.png') no-repeat left center;
	padding-left: 15px;
	margin: 0px 0px 10px;
}
section#projekt .sliders #projectScreens{width: 980px;height: 500px;overflow: hidden;}
section#projekt .sliders #projectScreens img{max-width: 980px;max-height: 500px;}
/*section#projekt .sliders #projectScreens img{margin: 0 auto;width: 600px;}*/

header > div{float: left;width: 200px;position: absolute;top: 0;right: 0;}
header > div ul{margin: 0;padding: 0;list-style: none;float: right;}
header > div ul li{float: left;}
header > div ul li:first-child{margin-right: 20px;}
header > div ul li:first-child img{margin-top: -15px;}
header > div ul li:last-child{opacity: 0.7;}
header > div ul li:last-child:hover{opacity: 1;}

section#projekt article .box2{float: left;width: 325px;}
section#projekt article .box2 > h1{display: block;
	height: 14px;
	padding: 0px 0px 0px 11px;
	margin: 0px;
	font-size: 14px;
	/*font-family: CenturyGothic;*/
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	color: #787878;
	border-left: 14px solid #d20000;}
section#projekt article .box2 > h2{display: block;
	height: 14px;
	padding: 0px 0px 0px 11px;
	margin: 0px;
	font-size: 14px;
	/*font-family: CenturyGothic;*/
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	color: #787878;
	border-left: 14px solid #d20000;}
section#projekt article .box2 > p{}

section#lista ul li span{background: #000;color: #fff;font-size: 11px;position: relative;z-index: 10;margin: -30px 0 0 0;display: block;height: 40px;margin: 0px 0 0;padding: 5px 10px;transition: margin 0.3s;opacity: 0.7;}
section#lista ul li:hover span{margin-top: -52px;}