/* Five Minutes screen stylesheet, 03/2009 */

* { margin: 0; padding: 0 }

a:link { color: #39649c }
a:visited { color: #39649c }
a:hover { color: #333 }

a img { border: 0 }

html { height: 100%; padding: 0 0 1px 0; overflow-x: hidden }
body { background: #fff url(/gfx/body-bg.gif); color: #777; font: 62.5%/1.5 Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif }

h1 { background: #fff url(/gfx/item-info-bg.gif) bottom repeat-x; color: #333; font-family: Century Gothic, "Trebuchet MS", sans-serif; font-size: 2.5em; font-weight: normal; margin: 20px 0; padding: 0 0 10px 0 }
.index h2, #pocetna h2 { border: 0 }
.team h2, h2 { clear: both; border-bottom: 1px solid #ccc; font-size: 1.6em; padding: 0 0 5px 0 }
h3 { clear: both; border-bottom: 1px solid #ccc; font-size: 1.2em; margin: 0 0 1em 0; padding: 0 0 5px 0 }
p, ul { font-size: 1.2em; margin: 0 0 1.5em 0; }
ul { padding-left: 20px; }
ul li { margin: 0 0 0.5em 0; }
strong { color: #555 }

.intro { font-family: "Times New Roman", Times, Georgia, serif; font-size: 1.6em; font-style: italic }

#wrap { background: url(/gfx/wrap-bg.png) 50% 0 repeat-y }

#head { background: #030d15 url(/gfx/head-bg.jpg) repeat-x }
	#head #brand { margin: 0 auto; height: 138px; width: 900px }
	#head #brand h1 { display: none }
	#head #brand img { display: inline; float: left }
	#head #brand p { color: #4485ae; font-family: "Times New Roman", Times, Georgia, serif; float: right; font-size: 2.6em; font-style: italic; padding: 64px 0 0 0; text-align: right }
	
	.menu { background: transparent url(/gfx/menu-bg.jpg) repeat-x; display: block; padding: 10px 0 0 0; width: 100%; position: relative }
		.menu ul { list-style: none; margin: 0 auto; width: 914px; padding: 0; }
			.menu ul li { float: left; clear: right; margin: 0; }
			.menu ul li a { display: inline; float: left; height: 58px; margin: 0 10px 0 0; text-indent: -999999px; }
			
			.menuEn ul li a { background: url(/gfx/nav.jpg) no-repeat; }
			
			.menuEn ul li.home a { width: 84px; background-position: -161px 0; }	
				.menuEn li.home a:hover, .menuEn li.home a.current { background-position: 0 0; }
			.menuEn li.products a { width: 105px; background-position: -161px -64px; }	
				.menuEn li.products a:hover, .menuEn li.products a.current { background-position: 0 -64px; }	
			.menuEn li.references a { width: 121px; background-position: -161px -128px; }		
				.menuEn li.references a:hover, .menuEn li.references a.current { width: 121px; background-position: 0 -128px; }
			.menuEn li.tech a { width: 147px; background-position: -161px -192px; }	
				.menuEn li.tech a:hover, .menuEn li.tech a.current { width: 147px; background-position: 0 -192px; }
			.menuEn li.team a { width: 68px; background-position: -161px -256px; }	
				.menuEn li.team a:hover, .menuEn li.team a.current { background-position: 0 -256px; }
			.menuEn li.jobs a { width: 68px; background-position: -161px -320px; }	
				.menuEn li.jobs a:hover, .menuEn li.jobs a.current { background-position: 0 -320px; }
			.menuEn li.blog a { width: 84px; background-position: -161px -384px; }	
				.menuEn li.blog a:hover, .menuEn li.blog a.current { background-position: 0 -384px; }	
			.menuEn li.contact a { width: 92px; background-position: -161px -448px; }	
				.menuEn li.contact a:hover, .menuEn li.contact a.current { background-position: 0 -448px; }	
				
			.menuHr ul li.home a { background: url(/gfx/pocetna.gif) no-repeat; width: 98px }	
				.menuHr li.home a:hover, .menuHr li.home a.current { background: url(/gfx/pocetna-a.gif) no-repeat }				
			.menuHr ul li.products a { background: url(/gfx/proizvodi.gif) no-repeat; width: 110px }	
				.menuHr li.products a:hover, .menuHr li.products a.current { background: url(/gfx/proizvodi-a.gif) no-repeat }					
			.menuHr ul li.references a { background: url(/gfx/reference.gif) no-repeat; width: 113px }	
				.menuHr li.references a:hover, .menuHr li.references a.current { background: url(/gfx/reference-a.gif) no-repeat }		
			.menuHr ul li.tech a { background: url(/gfx/tehnologije.gif) no-repeat; width: 131px }	
				.menuHr li.tech a:hover, .menuHr li.tech a.current { background: url(/gfx/tehnologije-a.gif) no-repeat }	
			.menuHr ul li.team a { background: url(/gfx/ekipa.gif) no-repeat; width: 71px }	
				.menuHr li.team a:hover, .menuHr li.team a.current { background: url(/gfx/ekipa-a.gif) no-repeat }	
			.menuHr ul li.jobs a { background: url(/gfx/posao.gif) no-repeat; width: 78px }	
				.menuHr li.jobs a:hover, .menuHr li.jobs a.current { background: url(/gfx/posao-a.gif) no-repeat }	
			.menuHr ul li.contact a { background: url(/gfx/kontakt.gif) no-repeat; width: 90px }	
				.menuHr li.contact a:hover, .menuHr li.contact a.current { background: url(/gfx/kontakt-a.gif) no-repeat }	
													
			.menu li.lang { float: right; font-size: 16px; font-style: italic; font-weight: bold }
			.menu li.lang a { color: #7c97a3; font-family: "Times New Roman", Times, Georgia, serif; height: 10px; padding: 18px 0 0 0; text-indent: 0; text-transform: lowercase; text-decoration: none }
				.menu li.lang a:hover { color: #fff }

.content { background: #fff; margin: 0 auto; padding: 0 30px; width: 882px }
.index { padding: 0 20px; width: 912px }
	.container { background: url(/gfx/container-bg.jpg) repeat-y; float: left; margin: 0 0 20px 0 }
		.container h2, .container2 h2 { padding: 20px 0 0 0 }
	.container2 { background: url(/gfx/container2-bg.jpg) repeat-y; float: left; margin: 0 0 20px 0 }
		.container2 ul { list-style: none; margin: 0 25px }
			.container2 ul li { background: url(/gfx/bullet.gif) 0 12px no-repeat; border-top: 1px solid #e0d8c4; padding: 5px 0 5px 12px }
	
	.container p { font-size: 1.5em; font-family: "Times New Roman", Times, Georgia, serif;  line-height: 1.2em }
		.cont-wrap { background: url(/gfx/container-top-bg.jpg) no-repeat; padding: 10px 0 0 0 }
		.cont-wrap2 { background: url(/gfx/container2-top-bg.jpg) no-repeat; padding: 10px 0 0 0 }
			.cont-inner { background: url(/gfx/container-bottom-bg.jpg) left bottom no-repeat; padding: 0 0 20px 0 }
			.cont-inner2 { background: url(/gfx/container2-bottom-bg.jpg) left bottom no-repeat; padding: 0 0 20px 0 }
				.item-info { background: url(/gfx/item-info-bg.gif) left bottom repeat-x; margin: 0 auto; width: 260px }
					.alt { background: none }
					.item-head { margin: 15px 0; position: relative }
					.item-info p { clear: both }
					.item-info img { }
						.item-head p.more-info { background: url(/gfx/more-button.jpg) no-repeat; bottom: 0; height: 23px; margin: 0; padding: 0; position: absolute; right: 0; text-indent: -9999px; width: 79px }
						.item-head p.more-info a { display: block; height: 23px; width: 79px }
	.third { width: 300px }
	.middle { margin: 0 6px }
	
	/* Deprecated. Sprites are used for titles 
	h2#products { background: #fff url(/gfx/products.jpg) bottom no-repeat; height: 51px; text-indent: -9999px }
	h2#references { background: #fff url(/gfx/references.jpg) bottom no-repeat; height: 51px; text-indent: -9999px }
	h2#blog { background: #fff url(/gfx/blog.jpg) bottom no-repeat; height: 51px; text-indent: -9999px }
	h2#twitter { background: #fff url(/gfx/twitter.jpg) bottom no-repeat; height: 51px; text-indent: -9999px }
	*/
	
	h2#reference { background: #fff url(/gfx/reference.jpg) bottom no-repeat; height: 51px; text-indent: -9999px }
	h2#proizvodi { background: #fff url(/gfx/proizvodi.jpg) bottom no-repeat; height: 51px; text-indent: -9999px }
	
	.lcolumn {float:left; width:425px; }	
	.rcolumn {float:right; width:425px; }	
	
	.row { float: left; }
	.product { float: left; padding: 20px 0; margin: 0 0 20px 0; width: 425px }
	.team .product { float: left; padding: 20px 0; margin: 0 0 20px 0; width: 285px }
	.marginr { margin-right: 30px }
		.product img { margin: 0 0 20px 0 }
		.team .product img { margin: 0 0 10px 0 }
		.team .product .pic { float: left; width: 100px }
		.team .product p { width: 160px; float: right; margin: 0 20px 0 0 }

.licence { padding-top: 30px; }
.licence a.cc { float: left; margin: 5px 20px 20px 0; }

/* QA section */
.container3 { background: url(/gfx/container2-bg.jpg) repeat-y; float: none; margin: 0 0 20px 100px }
  .container3 ul { list-style: none; margin: 0 25px }
    .container3 ul li { background: url(/gfx/bullet.gif) 0 12px no-repeat; border-top: 1px solid #e0d8c4; padding: 5px 0 5px 12px }
h2#blog_qa { background: #fff url(/gfx/blog_qa.jpg) bottom no-repeat; border-bottom: none; height: 51px; text-indent: -9999px }
h2#twitter_qa { background: #fff url(/gfx/twitter_qa.jpg) bottom no-repeat; border-bottom: none; height: 51px; text-indent: -9999px }

/* Implemented sprite for titles */
.sprite { background: url(/gfx/titles_sprite.jpg) no-repeat; width: 100%; height: 24px; position: relative; text-indent: -9999px }
.qa { background-position: 0px -173px; }
.products { background-position: 0px 0px; }
.references { background-position: 0px -43px; }
.blog { background-position: 0px -86px; }
.twitter { background-position: 0px -129px; }

#bottom p { background: #fff url(/gfx/item-info-bg.gif) top repeat-x; padding: 20px; text-align: center; margin: 0 auto; width: 912px }
#bottom a { color: #777; text-decoration: none; }

#foot { background: url(/gfx/foot-bgs.png) 50% 0 no-repeat; height: 41px }
	#foot p { display: none }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }