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

BODY {
	background: #595959 url(../images/bg_body.jpg) repeat-x;
	color: white;
	font: normal 8pt/12pt Verdana;
}

P { margin-bottom: 10px; }
P.small_width { width: 400px; }

SPAN { color: #d97407; }

SELECT { font: normal 8pt Verdana; }
SELECT OPTION { padding-right: 5px; }

A { text-decoration: none; color: white; color: #de850f; }
A:hover { text-decoration: underline; }

H2 { font: bold 13pt Verdana; color: white; margin: 10px 0px 10px 0px;}

DIV#container { width: 842px; }

A#header_1, DIV#header_1 {
	float: left;
	display: block;
	width: 395px;
	height: 135px;
	/*background: url(../images/header_1.jpg);*/
	text-indent: -9999px;
}

DIV#header_2 {
	float: left;
	display: block;
	width: 440px;
	height: 135px;
	background: url(../images/header_2.jpg) no-repeat 100% 0px;
	position: relative;
}

DIV#header_2 UL {
	position: absolute;
	width: 312px;
	height: 35px;
	top: 100px;
	right: 10px;
	list-style: none;
	background: url(../images/top_menu.jpg) no-repeat;
}

DIV#header_2 UL LI {	
	display: inline;
}

DIV#header_2 UL LI A {
	display: block;
	height: 35px;
	float: left;
	text-indent: -9999px;
	outline: 0px;
	background: url(../images/top_menu.jpg);
}

DIV#header_2 UL LI A#onama { width: 69px; background-position: 0px 0px; }
DIV#header_2 UL LI A#onama:hover { background-position: 0px 35px; }
DIV#header_2 UL LI A#reference { width: 87px; background-position: -69px 0px; }
DIV#header_2 UL LI A#reference:hover { background-position: -69px 35px; }
DIV#header_2 UL LI A#hosting { width: 85px; background-position: -156px 0px; }
DIV#header_2 UL LI A#hosting:hover { background-position: -156px 35px; }
DIV#header_2 UL LI A#kontakt { width: 71px; background-position: -241px 0px; }
DIV#header_2 UL LI A#kontakt:hover { background-position: -241px 35px; }

DIV#left_col {
	clear: both;
	float: left;
	width: 133px;
	padding: 62px 0px 0px 14px;
	background: #595959 url(../images/shortcuts.jpg) no-repeat top left;
}

DIV#left_col UL {
	list-style: none;
}

DIV#left_col UL LI A {
	text-indent: -9999px;
	display: block;
	width: 121px;
	height: 83px;
	margin-bottom: 10px;
	outline: 0px;
}

DIV#left_col UL LI A#hosting_paketi { background: url(../images/a_hosting.jpg); }
DIV#left_col UL LI A#aplikacije { background: url(../images/a_aplikacije.jpg); }
DIV#left_col UL LI A#usluge { background: url(../images/a_usluge.jpg); }

DIV#content {
	float: left;
	background: url(../images/bg_border.jpg) repeat-y;
	margin-bottom: 50px;
}

DIV#main { float:left; width: 680px;}

DIV#main DIV#text {
	margin-left: 2px;
	width: 659px;
	float: left;
	padding: 20px 0px 30px 20px;
	background: #565554 url(../images/bg_text.jpg) repeat-x bottom;
}
DIV#main > DIV#text { margin-left: 3px; /* FF only */ }

DIV#infopult { height: 500px; }

DIV#main DIV#text DIV#infopult {
	float: right;
	width: 153px;
	height: 500px;
	padding: 50px 0px 0px 5px;
	background: url(../images/infopult.jpg) no-repeat top left;
}
DIV#main DIV#text DIV#infopult INPUT {
	padding: 5px;
	width: 110px;
	height: 14px;
	background: url(../images/input.jpg) no-repeat;
	border: 0px;
	font-size: 8pt;
	margin-bottom: 5px;
}
DIV#main DIV#text DIV#infopult INPUT#submit {
	text-indent: -9999px;
	width: 120px;
	height: 24px;
	background: url(../images/input_submit.jpg) no-repeat;
	cursor: pointer;
	letter-spacing:-130px;
}

DIV#main DIV#text DIV#infopult SPAN { color: #de850f; }
DIV#main DIV#text DIV#infopult DIV#newsletter {
	padding-top: 30px;
}

DIV#main H1 { 
	text-indent: -9999px;
	display: block;
	width: 695px;
	height: 43px;

}

DIV#main H1.onama { background: url(../images/h1_onama.jpg); }
DIV#main H1.reference { background: url(../images/h1_reference.jpg); }
DIV#main H1.hosting { background: url(../images/h1_hosting.jpg); }
DIV#main H1.kontakt { background: url(../images/h1_kontakt.jpg); }
DIV#main H1.webupitnik { background: url(../images/h1_webupitnik.jpg); }
DIV#main H1.aplikacije { background: url(../images/h1_aplikacije.jpg); }
DIV#main H1.usluge { background: url(../images/h1_usluge.jpg); }
DIV#main H1.newsletter { background: url(../images/h1_newsletter.jpg); }
DIV#main H1#error { background: url(../images/h1_404.jpg); }

DIV#projects_list { width: 275px; float:left; }

DIV#coops { width: 195px;	float:left; }
DIV#coops UL { margin: 20px 0px 0px 20px; list-style: disc; color: #f38809;}
DIV#coops UL LI {
	/*
	color: white;
	background: transparent url(../images/strelica.png) no-repeat 7px 4px;
	padding-left: 20px;
	*/
	margin-bottom: 10px;
}
DIV#coops UL LI SPAN { color: white; }
DIV#coops UL LI A {
	font: normal 10pt Verdana;
	color: #f38809;
}
DIV#projekti {
	margin-top: 7px;
	width: 62px;
	height: 26px;
	background: url(../images/projekti.jpg);
}

DIV#projects_list UL { margin-top: 20px; 	list-style: none; }
DIV#projects_list UL LI { display: inline; }
DIV#projects_list UL LI A {	
	display: block;
	float: left;
	text-align: center;
	width: 118px;
	height: 160px;
	color: #e1861b;
	margin: 0px 15px 10px 0px;
	outline: 0px;
}
DIV#projects_list UL LI A:hover { text-decoration: none; color: #c1c1c1;}
DIV#projects_list UL LI A IMG {
	margin-bottom: 5px;
}
DIV#suradnja {
	margin-top: 7px;
	width: 84px;
	height: 26px;
	background: url(../images/suradnja.jpg);
}

DIV#content_footer {
	clear: both;
	width: 695px;
	height: 21px;
	background: url(../images/content_footer.jpg);
}

DIV#reference_stup { float: left; width: 155px; }
DIV#reference_stup UL { list-style: none; }
DIV#reference_stup UL LI { margin-bottom: 10px; }
DIV#reference_opis { float: left; width: 320px; }
DIV#reference_opis A { color: white; }
DIV#reference_opis SPAN { color: #e1861b; }
DIV#reference_opis P { width: 260px; }
DIV#reference_opis UL {	margin: 20px 0px 0px 15px; }
DIV#reference_opis UL LI { margin-bottom: 5px; }
TABLE#hosting_paketi { width: 460px; }
TABLE#hosting_paketi A { outline: 0px; }
TABLE#hosting_paketi TD { vertical-align: top; text-align: left; }
TABLE#hosting_paketi TD UL { margin: 20px 0px 0px 30px; }
TABLE#paketi { width: 495px; }
TABLE#paketi TR TD { text-align: center; }
TABLE#paketi TR TD.left { text-align: left; }
SPAN.ime_paketa {
	font: bold 12pt Verdana;
	color: #e1861b; 
	margin: 0px 0px 0px 10px;
}

A.hosting_vise {
	float: right;
	margin: 10px 15px 0px 0px;
}

FORM#kontakt TEXTAREA {
	background: url(../images/textarea.jpg);
	padding: 10px;
	width: 366px;
	height: 86px;
	border: 0px;
	font: normal 10pt Verdana;
	overflow: auto;
}

FORM#kontakt INPUT.data {
	padding: 3px 0px 0px 5px;
	width: 205px;
	height: 16px;
	border: 0px;
	font: normal 8pt Verdana;
	background: url(../images/email_field.jpg);
}
FORM#kontakt TABLE { width: 386px; }
FORM#kontakt TABLE TR TD {padding-bottom: 5px; vertical-align: top; }
FORM#kontakt INPUT#send {
	text-indent: -9999px;
	width: 120px;
	height: 24px;
	background: url(../images/send.jpg) no-repeat;
	cursor: pointer;
	border: 0px;
	letter-spacing:-130px;
}

UL.normal {
	margin: 20px 0px 30px 20px;
}

FIELDSET {
	border: 1px dashed white;
	padding: 10px;
	width: 390px;
	margin-bottom: 20px;
}

LEGEND {
	padding: 5px;
	font: bold 9pt Verdana;
	border: 1px dashed white;
	background-color: #565554;
}

A.naruci, INPUT#hosting_order {
	display: block;
	width: 70px;
	height: 21px;
	background: url(../images/g_naruci.jpg);
	margin: 0px auto;
	text-indent: -9999px;
	outline: 0px;
	letter-spacing:-130px;
}

INPUT#hosting_order {
	border: 0px;
	margin: 0px;
	cursor: pointer;
}


/* fade */
.gradualshine{
filter:alpha(opacity=90);
-moz-opacity:0.9;
/* /fade */