/*------------------------------------------------------------------ 
# [Master Stylesheet] 
#  
# Project:    Span Herbos  
# Version:    1.0 
# Last change:    03/10/08 [pocetak] 
# Assigned to:    Viktor
# Primary use:    Web 
# -------------------------------------------------------------------*/ 


/* ------------------------------------------------------------------
# TOC 

1. body, html
	1.1 #mainwrap
		1.1.1. #header
		1.1.1.1. h1
		1.1.1.2. #header ul li a - navigacija
		1.1.1.2.1. klase stavki za navigaciju; nav1, nav2
		1.1.2 #col_left
		1.1.2.1. #col_left img
		1.1.3 #col_right
		1.1.3.1. #quote
		1.1.3.1.1. #quote h2
		1.1.3.1.2. #quote div - sifr
		1.1.3.1.2.1.  quote div a - link definicije
		1.1.3.2. #main_content
		1.1.3.2.1. main_content p
		1.1.2.2.2. #djelatnosti
		1.1.2.2.2.1. #djelatnosti h2 - sifr podnaslov
		1.1.2.2.2.2. #djelatnosti li 
		1.1.2.2.3. #mjerenja, #login - vidi pod #main_content
		1.1.2.2.3.1. #mjerenja h2 naslov
		1.1.2.2.3.2. #login h2 naslov
		1.1.2.2.3.2. #mjerenja p vidi pod #main_content p
		1.1.2.2.3.3. #mjerenja #manual
		1.1.2.2.3.4. .months
		1.1.2.2.3.4.1. .months img
		1.1.2.2.3.4.2. .months a
		1.1.2.2.3.4.2.1. a:hover
		1.1.2.2.3.5. .preuzmi
		1.1.2.2.3.6. .even
		1.1.2.2.3.7. .odd
		1.1.2.2.3.8. .even, .odd img
		1.1.2.2.3.9. .datum
		1.1.2.2.3.10. .naslov
		1.1.2.2.3.11. form
		1.1.2.2.3.11.1. form label
		1.1.2.2.3.11.2. form input
		1.1.2.2.3.11.4. form button
		
		1.1.2.3.4. #upload_form 

		
	1.2 footer
		1.2.1. img

2. misc

	2.1 #h1 - logo 
	2.2. .clear 
	2.3. a:focus fix
	2.4. hr
	2.5. div
	2.6. sredina
	2.7. td - ako stave tablicu u admin
---------------------------------------------------------------------*/


	
/* 1. 
------------------------------*/

body, html {
	height:100%;
	background:url('../img/bg_body_main.jpg') #c5dfbc;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family: Lucida Sans Unicode, Arial, Tahoma, Helvetica;
	font-size:12px;
	
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0; 

	color:#415376;
	line-height:22px;
	width:995px;

	}
	
	
#mainwrap {
	min-height:100%;
	height:auto!important;
	overflow:visible;
	height:100%; 
	/*display:inline;*/
	padding-bottom:-100px;
	margin-bottom:-87px;
	margin-bottom:expression('-87px');
	
	
}	
/* --- header ---*/


#header {
	height:202px;
	z-index:0px;
}	

#header ul {
	float:left;
	position:absolute;
	margin: 3px 0px 0px 280px;
	padding:0px;
	z-index:50
}
#header ul li {
	list-style:none;
	height:42px;
	width:230px;
	margin:0px;
	padding:0px;
}

#header ul li a {
	display:block;
	list-style:none;
	background-position:left;
	width:230px;
	height:42px;
	text-indent:-8000px;
	margin:0px;
	padding:0px;
}

.nav1 {
	height:42px;
	background:url(../img/bg_nav_opis.gif)
}

.nav2 {
	height:42px;
	background:url(../img/bg_nav_mjerenja.gif)
}

#header ul li a:hover, .nav1:hover, .nav2:hover {
	background-position:right;
	cursor:pointer;
}

#header ul li a {
	display:block;
	width:230px;
	height:42px;
}


/* --- content --- */

#col_left {
	float:left;
	width:270px;
	
}

#col_left img {
	margin:25px;
}

#col_right {
	float:left;
	
}	

#quote {
	margin-top:-128px;
	z-index:10;
	position:absolute;
	background:url(../img/bg_main_content_index.jpg) no-repeat;
	min-height:113px;
	padding-top:170px;
	padding-right:200px;
	width:522px;
	color:#000099;
}	

#quote h2 {
	background:url(../img/img_onama_title.gif) no-repeat;
	width:434px;
	text-indent:-8000px;
	border-bottom: 1px solid #e1e2e9;
	padding-bottom:15px;
	margin-top:0px;
	margin-left: 40px;
	
}

#quote div {

	font-family:Lucida Sans Unicode, Arial, Tahoma, Helvetica;
	font-size:15px;
	font-weight:bold;
	color:#415376;
	max-width:500px;
	display:block;
	margin-left:40px;
	margin-bottom:6px;
	
}

	#quote div a:link, #quote div a:visited { color: #000000; text-decoration:none }
	#quote div a:hover { color: #CCCCCC; text-decoration:none }


#quote_bg {
	height:200px;
}

#main_content, #mjerenja, #login {
	margin:0px;
	padding:0px;
	background:url(../img/bg_main_content.gif) repeat-y;
	overflow:visible;
}

#mjerenja, #login {
	margin-top:6px;
}

#main_content p, #mjerenja p, #login p {
	width:608px;
	margin: 0px 40px 20px 40px;
}

#main_content p a:link, #main_content p a:link  {
	color: #000000; text-decoration:none; background:#f2f2f2; padding:0px 2px;
	}

#main_content p a:hover  {
	color: #cccccc; text-decoration:none; background:#ffffff; padding:0px 2px;
	}
	
	
#djelatnosti {
	display:inline-block;
	margin:0px 40px;
	border-top:1px solid #e1e2e9;
	width:580px
}	

#djelatnosti h2 {
	color:#2a9d35;
}

#djelatnosti p {
	display:inline;
	margin: 0px ;

}

#djelatnosti ul li {
	list-style-type:
}


#mjerenja h2 {
	background:url(../img/img_mjerenja_h2_title.gif) no-repeat;
	width:610px;
	text-indent:-8000px;
	border-bottom: 1px solid #e1e2e9;
	padding-bottom:15px;
	margin-top:0px;
	margin-left: 40px;
	z-index:5
	
}

#login h2 {
	background:url(../img/img_mjerenja_h2_title.gif) no-repeat;
	width:610px;
	text-indent:-8000px;
	border-bottom: 1px solid #e1e2e9;
	padding-bottom:15px;
	margin-top:0px;
	margin-left: 40px;
	z-index:5
	
}


.months, .even, .odd {
	background:#ffffff url(../img/bg_months.gif) no-repeat;
	display:inline;
	float:left;
	margin-left:40px;
	padding:3px;
	height:16px;
	width:609px;
	margin-top:0px;
	text-align:left;
	clear:both;
	}
	
.months img {border:none}

.months a {
	float:left;
	width:18px;
	height:17px;
}	
.months a:hover {opacity:0.5; filter:alpha(opacity=50)}

.months strong {
	margin-top:-3px;
	display:block;
	float:left;
	padding:0px 10px;
}
	

.preuzmi {
	float:left;
	display:inline;
	padding-left:500px;
	padding-top:14px;
	padding-top:expression('0px');
	padding-bottom:5px;
}

.even {background:#FFFFFF url(../img/bg_even.gif) no-repeat; margin-bottom:3px; margin-top:expression('-19px');}
.odd  {background:#FFFFFF url(../img/bg_odd.gif)  no-repeat; margin-bottom:3px; margin-top:expression('-19px');}

.even img, .odd img {
	border:none;
	float:right;
	width:17px;
	margin-right:22px;
}



.datum {
	float:left;
	width:100px;
	margin-bottom:2px;
}

.naslov {
	float:left;
	width:295px;
	margin-bottom:2px;
	text-transform:none;
}


#manual {
	text-align:right;
	margin-top:-55px;
	margin-top:expression('-60px');
	padding-left:170px;
	width:480px;
	float:left;
	font-size:11px;
	line-height:14px;
	z-index:10
}

.even img:hover, .odd img:hover  {opacity:0.6;  filter:alpha(opacity=60)}

/* _ form ___________________________*/

form {

	
}

label {
	width:100px;
	display:block;
	float:left;
	margin-top:12px;
	margin-left:180px;
	display:inline;
}

input {
	width:200px;
	border:1px solid #c5dfbc;
	padding:2px;
	min-height:16px;
	font-family: 'Lucida Sans Unicode', Arial, Tahoma, Helvetica;
	font-size:12px;
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0;
	float:left;
	margin-top:12px;
	
}
button, .login_button {
	border:1px solid #9db883;
	background:#cddac0;
	padding:3px;
	margin-left:350px;
	margin-top:30px;
	margin-bottom:15px;
	float:left;
	width:80px;
}

#upload_form {
	width:685px;
	background:#ffffff;
	margin-bottom:15px;	
	clear:both;
	padding-bottom:10px;
}

#upload_form  label {
	width:150px;
	display:block;
	float:left;
	margin-left:60px;	
	padding-top:0px;
	display:inline;
}

#upload_form input {
	
	/*width:250px;
	border:1px solid #c5dfbc;
	padding:2px;
	min-height:16px;
	font-family: 'Lucida Sans Unicode', Arial, Tahoma, Helvetica;
	font-size:12px;
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0;
	float:left;
	margin-top:12px;*/
	
}

.upload_buttons {
	border:1px solid #9db883;
	background:#cddac0;
	padding:3px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:5px;
	float:left;
	
}
#filename {
	width:200px;
	float:left;
}
.upload_button {
	float:left;
	width:110px;
	margin-top:10px;
	background:none;
	border:solid 1px #888888;
	
}

/* _ footer _________________________*/

#footer {
	height:87px;
	width:950px;
	text-align:right;
	padding-top:expression('87px');
	/*display:inline;*/
	clear:both;
}


#footer img {
	border:none;
	
	clear:both;
	margin-left:776px;
}
	
/* 2. 
------------------------------*/	
.clear {clear:both; margin:0px; padding:0px;}

div {
	margin:0px; padding:0px;
}

	
h1 {
	display:inline;
	position:absolute;
	z-index:30;
	float:left;
	text-indent:-8000px;
	background-image:url(../img/img_logo_h1.gif);
	width:247px;
	height:202px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}	

a:focus /* fix da se ne vide obrubi oko linkova*/
{
  -moz-outline-style: none;
  background-position:right;
} 

hr {
	border: 0;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:30px;
	padding:0px;
 	width: 610px;
	float:left;
	display:inline;
  	color: #000000;
	background-color: #000000;
	height: 1px;
	opacity:0.2;
	filter:alpha(opacity=20);
	/*margin-left:expression('-110px');*/
	margin-top:expression('-10px');
	margin-bottom:expression ('-40px');

}

.sredina {
	padding-top:80px;
	text-align:center;
	min-height:100px;
	margin-left:40px;
}

td {vertical-align:top}