@charset "utf-8";

/* CSS hrhosting.net | by:truestudio.net | e-mail: info@truestudio.net */

* body
{
	margin-top:30px;
	background-image:url(../artwork/bg.png);
	background-repeat:repeat-x;
	background-color: #b3b4c4;

}

#container
{
	background-color:#FFFFFF;
	width:812px;
	margin-left:auto;
	margin-right:auto;
	padding:7px 20px 20px 20px;
}

#header_container
{	
	width:812px;
	height:230px;
}

#header_logo
{
	background-image:url(../artwork/logo.jpg);
	background-repeat:no-repeat;
	height:55px;
	width: 300px;
	float:left;
}

#header_image
{
	/*background-image:url(../artwork/h2.jpg);*/
	background-repeat:no-repeat;
	height:74%;
}

#header_up
{
	height:60px;
}

#header_search
{
	width:212px;
	height:33px;
	float:right;
	margin-top:20px;
	text-align:right;
	margin-right:10px;
}


.inputbox 
{
	background-image: url(../artwork/search.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	border:none;
	width:192px;
	height:24px;
	padding-right:10px;
	padding-left:10px;
	padding-top:8px;
	margin-top:15px;
	
}

.inputbox_page
{
	background-image: url(../artwork/search.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	border:none;
	width:192px;
	height:24px;
	padding-right:10px;
	padding-left:10px;
	padding-top:8px;
	margin-top:5px;
	margin-bottom:5px;
	
}

/* NACIGACIJA */

#nav_container
{
	margin-top:2px;
	background-image: url(../artwork/meni-bg.png);
	width:802px;
	height:24px;
	padding-top:8px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #EAEDFF;
}

#nav_container a
{
	color:#fff;
	text-decoration: none;
	margin: 0 10px 0 10px;	
}

/* MAINCONTAINER */

#content_container
{
	width:812px;
	margin-top:10px;
	padding-left:4px;
	margin-top: 10px;
}

#content_container a, #footer a
{
	color: #177a95;	
}

td
{
	border-bottom:1px solid #E8E8E8;
}

/* LEFT */

#left_container
{
	width:570px;
	float:left;
	clear:left;
	margin-bottom:15px;
}



/* RIGHT */

#right_container
{
	width:220px;
	float:right;
	clear:right;
	margin-bottom:15px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.45em;
	color:#575757;
	margin:0px;
	padding:0px;
	font-weight:normal;
	border-left:2px solid;
	padding-left:10px;
	margin-top:8px;
	
}

.text
{
	margin-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	line-height:150%;
	overflow:hidden;
}

.right_box
{
	margin-top:20px;
}

.column
{
	width:30%;
	margin-top:15px;
	margin-right:15px;
	float:left;

}

.column_bg
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:150%;
	overflow:hidden;
	background-image:url(../artwork/column/bg.jpg);
	background-repeat:repeat-y;
	padding: 10px 15px 2px 15px;
	text-align:center;
}
.column_up
{
	background-image:url(../artwork/column/up.jpg);
	background-repeat:no-repeat;
	height:10px
}

.up_bg
{
	background-image:url(../artwork/column/bg.jpg);
	background-repeat:repeat-y;
	
}

.column_down
{
	background-image:url(../artwork/column/down.jpg);
	background-repeat:no-repeat;
	height:13px;
	padding-left:18px;
	padding-top:9px;
}

.column_down a
{
	color:#FFFFFF;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin:0px;
	padding:0px;
	color:#2c82ae;
}

.banner
{
	margin-top:18px;
	margin-bottom:6px;
}

#footer
{
	width:98%;
	height:85px;
	padding-top:6px;
	padding-left:10px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.button 
{
	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;
	color: #FFFFFF;
	background: url(../artwork/btn.jpg) #fff;
	text-align: center;
	padding-top:5px;
	padding-bottom:11px;
	border:none;
	text-transform: uppercase;
	margin-left:5px;
	padding-right:10px;
	padding-left:10px;
	cursor:pointer;
}

.div_button_column
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image:url(../artwork/btn.jpg);
	background-repeat:repeat-x;
	text-align: center;
	padding-top:5px;
	padding-bottom:11px;
	border:none;
	text-transform: uppercase;
	width:68px;
	height:14px;
	float:left;
	margin-top:2px;
	
}


.link a, a:hover, a:link, a:visited
{
	color:#333333;
	text-decoration: none;
}

/* SLIKA */
.banner img 
{
	border:1px #e7e2d3 solid;
	padding:5px;
}


a:hover img, a:active img
{
	border:1px #82b5cf solid;
}