/*	VERTIKALNI TRANSPORTI
	CSS Document by dotTOM */



/* 1. RESET
	------------------------------------ */
	html,body,div,span,
	applet,object,iframe,
	h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,
	del,dfn,em,font,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,
	dd,dl,dt,li,ol,ul,
	fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td {
		margin:0; padding:0;
		font-weight:normal;	font-style:normal; font-size:100%; font-family:inherit; line-height:1; text-align:left;
		border:0; }
	table	{ border-collapse:collapse; border-spacing:0; }
	ol,ul	{ list-style:none; }
	q:before,q:after,blockquote:before,blockquote:after	{ content: ""; }
	a img,h1 img,h2 img,h3 img,h4 img,h5 img,h6 img		{ border:0; margin:0; }



/* 2. GLOBAL
	------------------------------------ */
body {
	font-family:Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;	font-size:12px; color:#333333;
	background:#F5F6E8 url(back_body.jpg) top repeat-x; }

	/* headings ------- */
h1	{ margin-bottom:10px; color:#111111; font-size:24px; font-weight:normal; }
	h1.logo		{
		width:160px;
		text-indent:-9000em;
		background:url(logo_vertikalnitransporti_white.png) top left no-repeat; }
	h1.l_b		{ background:url(logo_vertikalnitransporti_black.png) top left no-repeat; }
	h1.logo a	{
		display:block; height:41px; }
h2	{ margin-bottom:10px; color:#111111; font-size:15px; font-weight:bold; }
h3	{ margin-bottom:10px; color:#111111; font-size:16px; font-weight:bold; }
	h3.noviprojekti {
		margin:0; width:170px;
		text-indent:-9000em;
		background:url(h_noviprojekti.jpg) top left no-repeat; }
	h3.kontakt {
		width:145px; height:25px; text-indent:-9000em;
		background:url(h_kontakt.jpg) top left no-repeat; border-bottom:1px solid #418689; }
h4	{ margin-bottom:10px; color:#333; font-size:14px; font-weight:bold; }
		.projektiOpis h4 { font-size:18px; font-weight:normal; text-align:right; }
		.projektiOpis h4 span { display:inline; padding:3px 0 0 0; display:block; text-transform:uppercase; font-size:11px; color:#777; text-align:right; background:none; }
h5	{ margin-bottom:5px; color:#111111; font-size:12px; font-weight:bold; }
h6	{ margin-bottom:10px; color:#111111; font-size:11px; font-weight:bold; }

.level2 h1, .level3 h1, .level4 h1, .level5 h1 {
	color:#FFFFFF; margin-bottom:20px; }
.level2 h2, .level3 h2, .level4 h2, .level5 h2, .level5 h4 {
	color:#CCCCCC; }

	/* text elements ------- */
p				{ margin:0 0 1.5em; line-height:1.5; }
p img.left		{ float:left; margin:0 1.5em 1.5em 0; padding:0; }
p img.right		{ float:right; margin:0 0 1.5em 1.5em; }

a				{ color:#000; text-decoration:none; }
a:hover			{ color:#222; text-decoration:none; }

p a				{ color:#006699; border-bottom:1px dotted #006699; }
p a:hover		{ color:#0099CC; border-bottom:1px solid #0099CC; }

blockquote		{ margin:1.5em; color:#666; font-style:italic; }
strong,dfn		{ font-weight:bold; }
em,dfn,i,cite	{ font-style:italic; }
sup,sub			{ font-size:0.9em; line-height:0; }
u				{ text-decoration:underline; }
small			{ font-size: .8em; }
big				{ font-size:1.4em; }

abbr,
acronym			{ border-bottom:1px dotted #666; }
address			{ margin:0 0 1.5em; font-style:italic; }
del				{ color:#666; }

pre				{ margin:1.5em 0; white-space:pre; }
pre,code,tt		{ font-family:'andale mono', 'lucida console', monospace; color:#000000; }
code			{ display:block; padding:0px 10px; background:url(back_code.gif); line-height:17px; font-size:11px; }

hr				{ background:#777; color:#777; margin:0 0 1.45em; height:1px; clear:both; float:none; width:100%; border: none; }

	/* misc classes ------- */
.quiet		{ color:#666; }
.loud		{ color:#000; }

.highlight	{ background:#ff0; }
.hidden		{ display:none; }
.clear		{ clear:both; }

	/* other ------- */
.projektiOpis p {
	margin:0 0 0.5em;
	text-align:right; font-size:11px; font-weight:bold; color:#888; }
.projektiOpis p span {
	display:inline; padding:0; background:none; }

.side p {
	margin:0 0 3px 0;
	color:#666666; font-size:13px; line-height:1.3em; }
.side p span {
	padding:0; background:none; display:inline;
	font-weight:bold; font-size:10px; color:#999999; }

.level2 p, .level3 p, .level4 p, .level5 p {
	color:#E6E6E6; }

p a[href^="http:"]{ padding-right:8px; background:url(icon_linkExternal.gif) no-repeat right top; }
	p a[href^="file:///"] { padding-right:0; background-image:none; }
p a[href$=".pdf"]	{ padding-right:10px; background:url(icon_linkPdf.gif) no-repeat right top; }
p a[href$=".doc"]	{ padding-right:10px; background:url(icon_linkDoc.gif) no-repeat right top; }
p a[href$=".xls"]	{ padding-right:10px; background:url(icon_linkXls.gif) no-repeat right top; }
p a[href$=".ppt"]	{ padding-right:10px; background:url(icon_linkPpt.gif) no-repeat right top; }



/* 3. FORMS
	------------------------------------ */
label		{ display:block; padding:0 0 5px 0; font-weight:bold; color:#CCCCCC; }
fieldset	{ padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend		{ font-weight:bold; font-size:1.2em; }

input, textarea, select {
	margin:0;
	font-size:1em; font-family:Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
	background:#e6e6e6 url(back_roundCorner2_rightbottom.gif) bottom right no-repeat; border:0; }

input:focus, textarea:focus, select:focus {
	background-color:#fff; border:0; outline:none; }

input		{ padding:5px; width:200px; }
textarea	{ padding:5px; width:350px; height:150px; }

	/* notifications ------- */
.error, .notice, .success {
	padding: .8em;
	margin-bottom:1em; }

.error		{ padding:5px 5px 5px 20px; color:#8a1f11; background:#FBE3E4 url(icon_exclamation.gif) no-repeat 7px 4px; border:2px solid #FBC2C4; }
.notice		{ padding:5px; color:#514721; background:#FFF6BF; border:2px solid #FFD324; }
.success	{ padding:5px; color:#264409; background:#E6EFC2; border:2px solid #C6D880; }
.error a	{ color:#8a1f11; }
.notice a	{ color:#514721; }
.success a	{ color:#264409; }

	/* other ------- */
p.diff label	{ line-height:1; }
p.diff input	{ width:auto; border:0; }
span.feedback	{ position:absolute; top:0; left:550px; width:100px; }
em.required		{ font-size:0.9em; color:#666666; }

.level5 input.btn {
	display:block; width:73px; height:22px; margin:10px 0 0 0;
	font-size:11px; font-weight:bold;
	background-color:none; background:url(btn_input.jpg) top left no-repeat;
	cursor:pointer; }
.level5 input.btn:hover {
	background-position:right; color:#006699; }



/* 4. TABLES
	------------------------------------ */
table		{ width:100%; }
thead th	{ background:#c3d9ff; }
th			{ font-weight:bold; }
th,td		{ padding:4px 10px 4px 5px; }
td			{ line-height:130%; vertical-align:top; text-align:left; }
tfoot		{ font-style:italic; }
caption		{ padding:5px; background:#eee; text-align:center; }

tr.odd		{ background-color:#eeeeee; }



/* 5. LISTS
	------------------------------------ */
ul			{ list-style-type:disc; }
ol			{ list-style-type:decimal; }

ul, ol		{ margin:0 1.5em 1.5em 1.5em; }
li ul,li ol	{ margin:0 1.5em; }
li			{ margin:0.5em 0; line-height:1.3em; }

ul li.head	{ list-style:none; font-weight:bold; }

dl			{ margin:0 0 1.5em 0; }
dl dt		{ font-weight:bold; }
dd			{ margin-left:1.5em;}

	/* other ------- */
.level2 ul li, .level3 ul li, .level4 ul li, .level5 ul li {
	color:#e6e6e6; }

ul.menu {
	margin:45px 0 0 0; padding:13px 0 0 0; height:187px;
	list-style:none;
	background:url(back_menu.png) no-repeat; }
ul.menu li { }
ul.menu li a {
	display:block; padding:7px 2px 7px 20px;
	color:#FFFFFF; font-size:13px; font-weight:bold; }
ul.menu li a span {
	padding:0 10px 0 0;
	font-size:10px; color:#70B8D5; }
ul.menu li a:hover {
	background:#0099CC; }

ul.headProjects_numbers {
	list-style:none; margin:0; padding:0;
	width:680px; }
ul.headProjects_numbers li {
	margin:0; padding:0; }
ul.headProjects_numbers li a {
	display:block; width:22px; height:24px; padding-left:7px;
	color:#ccc; text-align:center; line-height:24px; font-weight:bold; font-size:11px;
	background:url(back_numberlist.png) 5px 0 no-repeat;
	position:absolute; top:0; z-index:11; }
ul.headProjects_numbers li a.pr_1 { right:58px; }
ul.headProjects_numbers li a.pr_2 { right:29px; }
ul.headProjects_numbers li a.pr_3 { right:0; }
ul.headProjects_numbers li a.pr_4 { right:0; }
ul.headProjects_numbers li a.pr_5 { right:0; }
ul.headProjects_numbers li a:hover {
	color:#0099CC;
	background-position:5px -50px; }


ul.headProjects_numbers li .headProject {
	display:none;
	position:absolute; top:0; left:215px; z-index:10; }
ul.headProjects_numbers li.pr_default .headProject {
	display:block; }
ul.headProjects_numbers li:hover .headProject {
	display:block; }
ul.headProjects_numbers li .headProject img {
	width:500px; height:300px; }
ul.headProjects_numbers li .headProject .headProjects_list {
	position:absolute; bottom:0px; right:-180px; width:170px;  }
	.projektiOpis {
		background:#eee url(back_projektiOpis.jpg); }
	.projektiOpis span {
		display:block; padding:15px 13px;
		background:url(back_projektiOpis_span.gif) bottom left no-repeat; }



/* 6. LAYOUT
	------------------------------------ */
.container {
	margin:0 auto; padding:50px 45px 0 215px; width:690px; }
.level1 {
	padding:0 0 70px 0; }
.level2 {
	padding:0 0 70px 0;
	background:#0F171E; border-top:10px solid #000; }
.level3 {
	padding:0 0 70px 0;
	background:#142029; border-top:10px solid #080D10; }
.level4 {
	padding:0 0 70px 0;
	background:#1A2834; border-top:10px solid #0D141A; }
.level5 {
	padding:0 0 70px 0;
	background:#253A4B; border-top:10px solid #16232D; }
.level2 .main, .level3 .main, .level4 .main, .level5 .main  {
	margin-top:110px; }
	.level1 .container {
		padding-left:0; width:905px;
		background:url(back_header.jpg) top left no-repeat; z-index:5; }
	.level2 .container {
		padding-top:1px; min-height:150px;
		background:url(l2.jpg) top left no-repeat; }
	.level3 .container {
		padding-top:1px; min-height:150px;
		background:url(l3.jpg) top left no-repeat; }
	.level4 .container {
		padding-top:1px; min-height:150px;
		background:url(l4.jpg) top left no-repeat; }
	.level5 .container {
		padding-top:1px; min-height:150px;
		background:url(l5.jpg) top left no-repeat; }
.fixedSide {
	position:fixed; top:0; left:50%; z-index:6; }
.fixedSide2 {
	position:relative; top:63px; left:-450px;
	display:block; width:160px; }

.header {
	position:relative; overflow:hidden;
	width:680px; height:300px; margin:0 0 30px 0; padding-left:215px; }

.logo2 {
	position:absolute; top:13px; left:25px;
	width:160px; heigh:41px; z-index:9; }

.main {
	float:left; width:490px; }
	.wide { width:660px; }
	.level1 .main {
		margin-left:215px; }
.side {
	float:left; margin:0 0 0 20px; width:170px; }
	.sideBox_blue {
		background:#E2F0F1 url(back_bluGrad.jpg) top repeat-x; }
	.sideBox_blue span {
		display:block; padding:8px 13px 18px 13px;
		background:url(back_roundCorner_leftbottom.gif) bottom left no-repeat; }
	.level5 .sideBox_blue span.bl {
		background:url(back_roundCorner2_leftbottom.gif) bottom left no-repeat; }
.gallery a {
	float:left; position:relative;
	margin:0 6px 16px 0; padding:3px; display:block;	width:95px; height:110px;
	text-align:center;
	background-color:#eee; border:1px solid #1A2834; }
.gallery a:hover {
	background-color:#fff; border:1px solid #fff; }
.gallery a img {
	height:110px; }
.gallery a span {
	position:absolute; top:110px; left:0; display:inline;
	padding:2px 5px;
	font-size:10px;
	background-color:#eee; }
.gallery a:hover span {
	left:-1px;
	background-color:#fff; }

#footer {
	height:120px;
	background:url(back_footer.jpg) top repeat-x; }
	#footer .container {
		padding-top:30px; }
	#footer .main span {
		display:block; margin-left:55px;
		font-size:10px; color:#999; font-weight:bold; }
	#footer .side a {
		font-size:16px; font-weight:bold; color:#666666;
		border-bottom:1px dotted #666; }
	#footer .side a:hover {
		color:#006699;;
		border-bottom:1px solid #006699; }
	#footer a.madeby {
		display:block; margin-top:30px; padding:0; width:48px; height:10px;
		text-indent:-1000em; line-height:1;
		background:url(logo_dottom.jpg) top left no-repeat; border:0; }
	#footer a.madeby:hover {
		background-position:right; border:0; }



/* 7. OTHER
	------------------------------------ */
.fL	{ float:left; }
.fR	{ float:right; }

a.preuzmikatalog {
	display:block; width:100px; height:25px; padding:55px 70px 0 0; margin:0 0 5px 0;
	font-size:10px; color:#999; text-align:right;
	background:url(back_katalog.jpg) top left no-repeat; }
a.preuzmikatalog span { display:none; }
a.preuzmikatalog:hover {
	color:#999;
	background-position:right; }
.sideBox_blue a {
	font-size:11px; color:#006699; border-bottom:1px dotted #006699; }
.sideBox_blue a:hover {
	color:#0099CC; border-bottom:1px solid #0099CC; }

a.more {
	display:block;
	margin-top:30px;
	font-size:10px;	font-weight:bold;
	border:0; }
a.more:hover {
	border:0; }