/* HTML Elementi
/* ------------------------------- */

body
{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: #1f1f1f url(images/bg.jpg) repeat-x;
	background-position: top;
}

body#onama
{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: #1f1f1f url(images/bg2.jpg) repeat-x;
	background-position: top;
}

html 
{
	font-family: arial, verdana, sans serif;
	font-size: 12px;
	color: #3D3D3D;
}

a:link, a:visited
{
	color: #575757;
	text-decoration: none;
}

a:hover
{
	color: #575757;
	text-decoration: underline;
}

/* DIV Elementi
/* ------------------------------- */

#wrapper
{
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 1000px;
	height: 800px;
}

#head_top_L a
{
	position: relative;
	float: left;
	width: 147px;
	height: 86px;
	text-align: left;
	background: url(images/logo.jpg) no-repeat;
	background-position: 0 0;
}

#head_top_L a:hover
{
	background-position: 0 -86px;
}

#head_top_R
{
	position: relative;
	float: left;
	width: 853px;
	height: 86px;
	text-align: right;
}

.dizajn_kovac
{
	position: relative;
	float: right;
	margin-right: 14px;
	margin-bottom: 4px;
}

#flags
{
	position: relative;
	float: right;
	width: 140px;
	margin-top: 25px;
}

#flag_hrv a
{
	position: relative;
	float: left;
	width: 25px;
	height: 13px;
	margin-right: 8px;
	background: url(images/hrv.jpg) no-repeat;
	background-position: 0 0;
}

#flag_hrv a:hover
{
	background-position: 0 -13px;
}

#flag_de a
{
	position: relative;
	float: left;
	width: 25px;
	height: 13px;
	margin-right: 8px;
	background: url(images/de.jpg) no-repeat;
	background-position: 0 0;
}

#flag_de a:hover
{
	background-position: 0 -13px;
}

#flag_ita a
{
	position: relative;
	float: left;
	width: 25px;
	height: 13px;
	margin-right: 8px;
	background: url(images/ita.jpg) no-repeat;
	background-position: 0 0;
}

#flag_ita a:hover
{
	background-position: 0 -13px;
}

#flag_eng a
{
	position: relative;
	float: left;
	width: 25px;
	height: 13px;
	margin-right: 8px;
	background: url(images/eng.jpg) no-repeat;
	background-position: 0 0;
}

#flag_eng a:hover
{
	background-position: 0 -13px;
}

#header
{
	position: relative;
	float: left;
	width: 1000px;
}

#menu
{
	position: relative;
	float: left;
	width: 1000px;
	height: 39px;
	background: url(images/menu_bg.jpg) repeat-x;
}

#menu_L
{
	position: relative;
	float: left;
	width: 14px;
	height: 39px;
	background: url(images/menu_Lbg.jpg) no-repeat left;
}

#menu_C
{
	position: relative;
	float: left;
	width: 973px;
	height: 39px;
}

.menu_link a
{
	position: relative;
	float: left;
	text-align: left;
	display: inline;
	margin-top: 9px;
	padding-left: 25px;
	padding-right: 32px;
	font: 13px trebuchet ms;
	font-weight: bold;
	text-decoration: none;
	color: #676767;
	background: url(images/crtice_menu.gif) no-repeat right;
}

.menu_link a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.menu_link2 a
{
	position: relative;
	float: left;
	text-align: left;
	display: block;
	padding-top: 9px;
	padding-left: 25px;
	padding-right: 32px;
	font: 13px trebuchet ms;
	font-weight: bold;
	text-decoration: none;
	color: #396fca;
	background: url(images/crtice_menu.gif) no-repeat;
	background-position: right 8px;
}

.menu_link2 a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#menu_R
{
	position: relative;
	float: left;
	width: 13px;
	height: 39px;
	background: url(images/menu_Rbg.jpg) repeat-x;
}

#head_pic
{
	position: relative;
	float: left;
	width: 1000px;
	height: 317px;
	background: url(images/slika_pr2.jpg) no-repeat;
}

#head_content
{
	position: relative;
	float: left;
	width: 1000px;
	height: 47px;
	background: url(images/head_content_bg.jpg) no-repeat;
}

#head_pic2
{
	position: relative;
	float: left;
	width: 1000px;
	height: 63px;
	background: url(images/head_pic2.jpg) no-repeat;
}

#head_onama
{
	position: relative;
	float: left;
	width: 1000px;
	height: 104px;
}

#content
{
	position: relative;
	float: left;
	margin-top: 20px;
}

#content_table
{
	position: relative;
	float: left;
	width: 280px;
	margin-right: 25px;
	margin-left: 25px;
	text-align: left;
}

#content_table2
{
	position: relative;
	float: left;
	width: 280px;
	margin-left: 60px;
	text-align: left;
}

#content_table3
{
	position: relative;
	float: left;
	width: 320px;
	height: 300px;
	margin-right: 25px;
	margin-left: 25px;
	text-align: left;
}

#content_portfolio
{
	position: relative;
	float: left;
	width: 1000px;
	margin-bottom: 20px;
	padding-bottom: 25px;
	background: url(images/tocka.jpg) repeat-x bottom;
}

#content_portfolio_L
{
	position: relative;
	float: left;
	width: 350px;
	margin-right: 25px;
	text-align: left;
}

#content_portfolio_R
{
	position: relative;
	float: left;
	width: 566px;
	text-align: left;
	background: #000;
}

#content_usluge_R
{
	position: relative;
	float: left;
	width: 566px;
	text-align: left;
}

#content_onama
{
	position: relative;
	float: left;
	width: 645px;
	margin-left: 25px;
	text-align: left;
}

#reference
{
	position: relative;
	float: left;
	width: 645px;
	margin-left: 15px;
	margin-top: 20px;
	text-align: left;
}

#content_kontakt
{
	position: relative;
	float: left;
	width: 600px;
	margin-left: 25px;
	text-align: left;
}

img.onama_pic
{
	margin-bottom: 15px;
}

img.portfolio_thumb
{
	margin: 15px;
	border: solid 4px #FFFFFF;
}

fieldset
{
	position: relative;
	float: left;
	margin-left: -6px;
	border: none;
}

label
{
	position: relative;
	float: left;
	display: block;
	font: 14px trebuchet ms;
	margin-bottom: 4px;
	color: #759de0;
}

input
{
	width: 272px;
	height: 29px;
	font: 12px trebuchet ms;
	padding: 5px;
	color: #ccc;
	border: none;
	background: url(images/input_bg.jpg) no-repeat;
}

input:focus
{
	color: #fff;
	background: url(images/input_bg2.jpg) no-repeat;
}

textarea
{
	width: 272px;
	height: 108px;
	font: 12px trebuchet ms;
	padding: 4px;
	color: #ccc;
	border: none;
	background: url(images/textarea_bg.jpg) no-repeat;
}

textarea:focus
{
	color: #fff;
	background: url(images/textarea_bg2.jpg) no-repeat;
}

fieldset#kontakt
{
	position: relative;
	float: left;
	margin-left: -6px;
	border: none;
}

label#kontakt
{
	position: relative;
	float: left;
	display: block;
	font: 14px trebuchet ms;
	margin-bottom: 4px;
	color: #759de0;
}

input#kontakt
{
	width: 256px;
	height: 29px;
	font: 12px trebuchet ms;
	padding: 5px;
	color: #ccc;
	border: none;
	background: url(images/input2_bg.jpg) no-repeat;
}

input:focus#kontakt
{
	color: #fff;
	background: url(images/input2_bg2.jpg) no-repeat;
}

textarea#kontakt
{
	width: 574px;
	height: 165px;
	font: 12px trebuchet ms;
	padding: 4px;
	color: #ccc;
	border: none;
	background: url(images/input3_bg.jpg) no-repeat;
}

textarea:focus#kontakt
{
	color: #fff;
	background: url(images/input3_bg2.jpg) no-repeat;
}

.kontakt_left
{
	position: relative;
	float: left;
	width: 256px;
	margin-right: 62px;
}

.kontakt_right
{
	position: relative;
	float: left;
	width: 256px;
}

#footer
{
	position: relative;
	float: left;
	width: 1000px;
	height: 60px;
	margin-top: 20px;
	background: url(images/footer_bg.gif) repeat-x top;
}

#footer_left
{
	position: relative;
	float: left;
	width: 350px;
	height: 40px;
	text-align: left;
	margin-left: 25px;
	margin-top: 20px;
}

.foot_link
{
	display: inline;
	font: 11px trebuchet ms;
	text-decoration: none;
	color: #a6a6a6;
}

.foot_link a
{
	display: inline;
	padding-left: 4px;
	padding-right: 8px;
	font: 11px trebuchet ms;
	text-decoration: none;
	color: #676767;
	background: url(images/foot_link_bg.jpg) no-repeat right;
}

.foot_link a:hover
{
	text-decoration: none;
	color: #a6a6a6;
}

.foot_link2 a
{
	display: inline;
	padding-left: 4px;
	padding-right: 8px;
	font: 11px trebuchet ms;
	text-decoration: none;
	color: #676767;
}

.foot_link2 a:hover
{
	text-decoration: none;
	color: #a6a6a6;
}

#footer_right
{
	position: relative;
	float: left;
	width: 600px;
	height: 40px;
	text-align: right;
	margin-top: 20px;
	margin-right: 25px;
}

img.thumb_delete
{
	position: relative;
	margin-right: 5px;
	top: -20px;
	border: 0;
}

img.thumb_edit
{
	position: relative;
	top: -20px;
	border: 0;
}