/*
-------------------------------------
Horting web new - 16.10.2008.
v1.0
-------------------------------------
TOC

structural:
	1. body, html
	1.1. #main_wrapper
	
	1.2. #footer
	1.2.1. #footer a:link
	1.2.2. #footer img
	
	1.3. #flash_navig
	
	1.4. #left_col
	
	1.4.1. #left_col h2 (sifr!)
	1.4.2. #left_col .articlewrap
	1.4.2.1. #left_col .articlewrap p
	1.4.3. .article_buttons
	1.4.4. .article_buttons img
	1.4.5. .article_buttons a:link
	
	1.4.6. .articlewrap_home
	1.4.6.1. .articlewrap_home p
	
	1.4.7. #portfolio_wrap
	1.4.7.1. .portfolio
	1.4.7.1.1. .portfolio h3
	1.4.7.1.2. .portfolio h3 a
	1.4.7.2. #push
	1.4.7.3. .full
	1.4.7.4. img
	1.4.5.5. .h3_replaced
	
	1.4.5.6. form
	1.4.5.6.1. .input_1
	1.4.4.6.2. label
	
	
	1.5. #right_col
	1.5.1. #right_col h2
	1.5.2. .short_wrapper
	1.5.2.1. .short_wrapper img
	1.5.2.2. .short_wrapper h3
	1.5.2.3. .short_wrapper p
	1.2.3.3.1 .short_wrapper p span
	1.5.2.4. .short wrapper a:link, .short wrapper a:visited, .short wrapper a:hover 
	1.5.3. #quick_info
	1.5.3.1. #quick_info span 
	1.5.3.2. #quick_info a:link, #quick_info a:link  
	1.5.3.3. .crte

	
	
addtitonal:	
	2.1. .clear
	2.1.1. .right
	2.2. div
	2.3. p
	2.4. .soon
	2.5. strong
	2.5. a + outline link fix FF
	2.4. .hidden
	
	2.5. #dhtmltooltip
	2.6. #dhtmlpointer
	
	2.7. .more

-------------------------------------
*/

html {
	height:100%;
	margin:0px;
	padding:0px;
	}

body, /*html*/{
	height:100%;
	color:#5f5f5f;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	margin:0px;
	padding:0px;
	background:url(../img/bg_body.jpg) repeat-x;
	

}

#main_wrapper {
	background:url(../img/bg_header.jpg) no-repeat;
	width:1003px;
	color:#5f5f5f;
	font-family: Tahoma, Arial, Helvetica;
	font-size:12px;
	/*min-height:100%;
	height:auto!important;
	height:100%;*/
	padding-top:0px;
	margin-bottom:0px;
	z-index:0px;


}

#footer {
	height:66px;
	/*background:url(../img/bg_footer.jpg) no-repeat;*/
	
}

#footer .ea {
	margin-left:591px; /*624-33 vrati me poslije vidi prijave*/
	margin-top:43px;
	border:none;
	float:left;
}

#footer img {
	border:none;
	margin-top:40px;
	float:left;
}

/*--------*/

#flash_navig {
	height:460px;
	position:relative;
	width:1002px;
	clear:both;
	z-index:1
}

/*---------*/

#left_col {
	width:630px; 
	float:left;
	position:relative;
	z-index:10
	

	
	
}

#left_col h2 { /*Sifr3  - PAŽNJA! poziva se swis721_gradient.swf kojem sam
						  ugradio gradient pa mora biti velicina 32px!!!     */
	font-family:Arial, Helvetica, sans-serif;
	/*color:#778833;*/
	text-align:left; 
	font-weight:normal; 
	font-size:32px;
	margin-bottom:5px;
	padding:0px;
}

.articlewrap {
	margin-left:30px;
	font-size:11px;
	line-height:19px;
	margin-bottom:15px;
	text-align:justify
	
}

.articlewrap p {
	margin-top:0px;
	padding-top:0px;
}


.article_buttons {
	width:100%;
	padding-bottom:0px;
	padding-top:15px;
	text-align:left;
	/*border-bottom:1px dotted #b4b4b4 ;*/
}
.article_buttons img {
	border:none;
	margin-right:15px;
	padding-bottom:7px;
	/*margin-top:15px;*/
}

.article_buttons a:link, .article_buttons a:visited { border:none }


.articlewrap_home {
	margin-left:40px;
	margin-right:20px;
	font-size:11px;
	line-height:17px;
	margin-bottom:15px;
}

.articlewrap_home p {
	padding-left:50px;
	margin-top:15px;
	text-align:justify

}


/* -----  portfolio homepage   -----*/

#portfolio_wrap {
	padding-left:50px;
}

.portfolio {
	background:url(../img/bg_portfolio.gif) no-repeat;
	width:163px;
	height:137px;
	padding:7px;
	float:left;
	margin-right:15px;
	margin-bottom:7px;
	display:inline;
	
	color:#94832c;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	
}

.portfolio h3 {
	text-align:left;
	color:#94832c;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-left:-40px;
	margin:0px;
	padding:0px;
}

.portfolio h3 a, .portfolio h3 a:visited {
	text-decoration:none;
	border:none;
}

#push {
	float:left; width:47px;
}

.full {
	/*margin-left:45px;
	margin-top:15px;*/
}

#portfolio_wrap a, #portfolio_wrap a img  {
	border:none
}

.h3_replaced {
	margin-bottom:15px;
	z-index:10;
	position:relative;
}

/* form */

.input_1 {
	clear:both;
	width:150px;
	display:block;
}

.input_3 {
	clear:both;
	width:150px;
	display:block;
	}

label {
	clear:both;
	min-width:80px;
	display:block;
}




/*---------*/

#right_col {
	width:370px; 
	float:left;
	/*margin-top:-20px;*/
	z-index:10px;
	position:relative;
}

#right_col h2 { 
	font-family:Arial, Helvetica, sans-serif;
	color:#778833;
	text-align:left; 
	font-weight:normal; 
	font-size:26px;
	margin-bottom:5px;
	padding:0px;
	text-align:right;
	float:right;
	min-width:360px;
	clear:both;
	z-index:10px;
	position:relative;
}

#right_col img {
	float:right;

}

.short_wrapper {
	color:#b29a1f;
	text-align:right;
	margin-left:20px;
	font-size:11px;
	line-height:14px;
	margin-bottom:20px;
	position:relative;
	z-index:11;
	
}

.short_wrapper img {
	float:right;
	margin-left:13px;
	margin-top:2px;
	border:none;

}

.short_wrapper h3 {
	margin-bottom:0px;
	margin-top:0px;
	font-size:11px;
}

.short_wrapper p {
	margin:0px;
}

.short_wrapper p span {
	color:#556600;
}

.short wrapper a img {
	border:none;
}


#quick_info {
	color:#b29a1f;
	text-align:right;
	margin-left:20px;
	font-size:11px;
	line-height:20px;
	margin-bottom:20px;
}
#quick_info span {
	color:#5f9400
}

#quick_info a:link, #quick_info a:link  {
	color:#b29a1f;
}

.crte {
	background:url(../img/bg_quick.gif);
	background-position:0px -1px;

	}

/* ---------------------------*/

.clear {
	clear:both;
}

.right {
	float:right; clear:both;
}

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

p {
	margin-top:0px;
	padding-top:0px;
}

.soon {	
	width:380px;
	text-align:center;
	margin-left:200px;
	margin-top:150px;
	padding:10px;
	min-height:200px;
	background:url(../img/bg_soon.gif) no-repeat;
	
}

strong {
	color:#7ca22f
}

a:link, a:visited {
	color:#7ca22f;
	border-bottom:1px dotted #7ca22f;
	text-decoration:none;
	
}

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

a:hover {
	border-bottom:1px dotted #ffffff
	
}

.hidden {
	visibility:hidden;
}

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 150px;
	height: 27px;
	border: 1px solid #ffffff;
	padding: 2px;
	background-color: #51A222;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	overflow:hidden;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	
}

#dhtmlpointer {

	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	width:15px;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
}

.more, .more:visited, .more:link {
	border:none; 
}