HTML { height: 101%; }

BODY {
	margin: 0px;
	padding: 0px 0px 50px 0px;
	background: #d4d3d3 url(../images/body.jpg) repeat-x;
	font: normal 0.7em Verdana;
	color: #2a2b2b;

}

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

H3 {
	padding: 0px 2px 0px 0px;
	margin: 0px 0px 20px 0px;
	font: normal 1.6em Verdana;
	color: #940f0f;
	/*text-align: center;
	font-style: italic;*/
	/*
	letter-spacing: 11px;
	font-style: italic;*/
	text-align: right;
	font-style: italic;
}
H3 SPAN { color: #5a5b5d; }

A { color: #2a2b2b; }
A:hover { text-decoration: none; }

P {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	line-height: 14px;
	text-align: justify;
}

P.error {
	margin: 40px 0px 0px 0px;
}

DIV#container {
	width: 804px;
	margin: 0px auto;
}

DIV#flashcontent {
	width: 801px;
	height: 172px;
	background: url(../images/flashcontent.jpg);
	border-bottom: 2px solid #9a9a9a;
	border-left: 2px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
}

DIV#topmenu {
	width: 800px;
	height: 41px;
	border-left: 2px solid #9a9a9a;
	border-right: 2px solid #9a9a9a; 
	background: url(../images/bg_top_menu.jpg);
}

DIV#topmenu UL#mainmenu {
	padding: 10px 0px 0px 172px;
	margin: 0px;
	list-style: none;
	position: absolute;
	z-index: 100;
}
DIV#topmenu UL#mainmenu LI { float: left; }
DIV#topmenu UL#mainmenu LI A {
	display: block;
	outline: 0px;
}
DIV#topmenu UL#mainmenu  LI A#tm_onama {
	width: 93px;
	background: url(../images/topmenu.jpg) 0px 0px;
	text-indent: -9999px;
	height: 20px;
}
DIV#topmenu UL#mainmenu  LI A#tm_onama.active, 
DIV#topmenu UL#mainmenu  LI A#tm_onama:hover { background: url(../images/topmenu.jpg) 0px -20px; }

DIV#topmenu UL#mainmenu  LI A#tm_inovativnost {
	width: 131px;
	background: url(../images/topmenu.jpg) -93px 0px;
	text-indent: -9999px;
	height: 20px;
}
DIV#topmenu UL#mainmenu  LI A#tm_inovativnost.active, 
DIV#topmenu UL#mainmenu  LI A#tm_inovativnost:hover {
	background: url(../images/topmenu.jpg) -93px -20px;
}

DIV#topmenu UL#mainmenu  LI A#tm_pp {
	width: 181px;
	background: url(../images/topmenu.jpg) -224px 0px;
	text-indent: -9999px;
	height: 20px;
}
DIV#topmenu UL#mainmenu  LI A#tm_pp.active, DIV#topmenu UL#mainmenu  LI A#tm_pp:hover {
	background: url(../images/topmenu.jpg) -224px -20px;
}

DIV#topmenu UL#mainmenu  LI A#tm_reference {
	width: 109px;
	background: url(../images/topmenu.jpg) -405px 0px;
	text-indent: -9999px;
	height: 20px;
}
DIV#topmenu UL#mainmenu  LI A#tm_reference.active, DIV#topmenu UL#mainmenu  LI A#tm_reference:hover {
	background: url(../images/topmenu.jpg) -405px -20px;
}

DIV#topmenu UL#mainmenu  LI A#tm_kontakt {
	width: 96px;
	background: url(../images/topmenu.jpg) -514px 0px;
	text-indent: -9999px;
	height: 20px;
}
DIV#topmenu UL#mainmenu  LI A#tm_kontakt.active, DIV#topmenu UL#mainmenu  LI A#tm_kontakt:hover {
	background: url(../images/topmenu.jpg) -514px -20px;
}

UL#submenu {
	padding: 15px 0px 0px 6px;
	margin: 0px 0px 0px 25px;
	list-style: none;
	width: 135px;
	height: 150px; 
	/*background: url(../images/bg_submenu.jpg) no-repeat;*/
	background: url(../images/bg_submenu.png) no-repeat;
}
UL#submenu LI {
	width: 130px;
	margin-bottom: 5px;
	position: relative;
	visibility: visible;
}
UL#submenu LI.indent { padding-left: 5px; }
UL#submenu LI A {
	color: white;
	font: bold 11px Verdana;
	text-decoration: none;
	visibility: hidden;
}
UL#submenu LI A:hover {	color: #940f0f; }

DIV#redline {
	height: 2px;
	width: 804px;
	background: #940f0f;
}
DIV.whiteline {
	height: 2px;
	width: 804px;
	background: white;
}
DIV#infobar {
	/*padding-left: 172px;
	padding-top: 10px;
	width: 628px;*/
	width: 800px;
	height: 39px;
	border-left: 2px solid #9a9a9a;
	border-right: 2px solid #9a9a9a;
	color: white;
	background: url(../images/bg_infobar.jpg);
}
DIV#infobar DIV { text-indent: -9999px; width: 800px;	height: 39px; }

DIV#infobar DIV.infobar_onama { background: url(../images/infobar_onama.jpg); }
DIV#infobar DIV.infobar_inovativnost { background: url(../images/infobar_inovativnost.jpg); }
DIV#infobar DIV.infobar_kontakt { background: url(../images/infobar_kontakt.jpg); }
DIV#infobar DIV.infobar_reference { background: url(../images/infobar_reference.jpg); }

DIV#infobar DIV.infobar_fasade_kazetirane { background: url(../images/infobar_pp_f_kazetirane.jpg); }
DIV#infobar DIV.infobar_fasade_spider { background: url(../images/infobar_pp_f_spider.jpg);}
DIV#infobar DIV.infobar_fasade_polustrukturalne { background: url(../images/infobar_pp_f_polus.jpg); }
DIV#infobar DIV.infobar_fasade_kontinuirane { background: url(../images/infobar_pp_f_kontinuirane.jpg); }

DIV#infobar DIV.infobar_zimski_vrtovi { background: url(../images/infobar_pp_zvrtovi.jpg); }
DIV#infobar DIV.infobar_brisoleji { background: url(../images/infobar_pp_brisoleji.jpg); }
DIV#infobar DIV.infobar_prozori_i_vrata { background: url(../images/infobar_pp_pip.jpg); }



DIV#wide {
	width: 800px;
	height: 494px;
	/*border-top: 2px solid white;*/
	/*border-bottom: 2px solid white;*/
	border-left: 2px solid #9a9a9a;
	border-right: 2px solid #9a9a9a;
	background: url(../images/bg_content.jpg);
}

DIV#video {
	clear: both;
	float: left;
	width: 171px;
	margin-right: 2px;
	background: url(../images/bg_video.jpg) no-repeat;
}
DIV#video UL {
	list-style: none;
	padding: 50px 0px 0px 20px;
	margin: 0px;
}
DIV#video UL LI { margin-bottom: 30px; }
DIV#video UL LI.nomargin { margin: 0px; }
DIV#video UL LI A IMG {
	border: 0px;
	padding: 3px;
	background: url(../images/bg_img_video.jpg) no-repeat;
}
DIV#video UL LI A IMG.reset {
	border: 0px;
	padding: 0px;
	background: none;
}

DIV#content {
	float: left;
	width: 608px;
	padding-left: 19px;
}
DIV#content A IMG { border: 0px; }

DIV#c_onama { padding: 40px 13px 0px 0px; }
DIV#c_inovativnost, DIV#c_pp { padding: 30px 0px 0px 0px; }
DIV#videocontent { padding: 70px 0px 0px 57px; }
DIV#flowplayerholder {
	padding: 3px;
	width: 468px;
	height: 350px;
	background: url(../images/bg_flv.jpg) no-repeat;
}

DIV#c_inovativnost IFRAME,  DIV#c_pp IFRAME {
	border: 0px; /*width: 584px;
	height: 439px;*/
	width: 582px;
	height: 436px;
	padding: 3px;
	margin: 0px;
	background: url(../images/bg_gal.jpg) no-repeat;
}
DIV#onama_left { width: 280px; float: left; margin-right: 10px; }
DIV#onama_right { width: 280px; float: left; }

DIV#arrows {
	float: left;
	width: 9px;
}
DIV#arrows UL {
	padding: 0px;
	margin: 0px;
	width: 9px;
	height: 430px;
	list-style: none;
	background: url(../images/arrow.gif) 0px 0px;
}
DIV#arrows UL LI A.up, DIV#arrows UL LI A.down {
	display: block;
	width: 9px;
	height: 215px;
}

IMG.imgbg {
	padding: 3px;
	background: url(../images/img_bg.jpg);
	margin-bottom: 10px;
}
IMG.imgbg_small {
	padding: 3px;
	background: url(../images/imgbg_small.jpg);
	margin-bottom: 10px;
}

UL.kvadrat {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	list-style: square;
}

UL#list_kontakt {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
UL#list_kontakt LI.kontakt_form { 
	margin-bottom: 15px; 
}
UL#list_kontakt LI.kontakt_form DIV.input_text DIV { width: 277px; height: 21px; }
UL#list_kontakt LI.kontakt_form DIV.input_text DIV.input1 {
	background: url(../images/bg_input.jpg);
}
UL#list_kontakt LI.kontakt_form DIV.input_text DIV.input2 {
	background: url(../images/bg_input2.jpg);
}
UL#list_kontakt LI.kontakt_form DIV.input_text DIV.input3 {
	background: url(../images/bg_input3.jpg);
}
UL#list_kontakt LI.kontakt_form DIV.input_text DIV.input4 {
	background: url(../images/bg_input4.jpg);
}
UL#list_kontakt LI.kontakt_form DIV.input_text DIV.input5 {
	background: url(../images/bg_input5.jpg);
}
UL#list_kontakt LI.kontakt_form DIV.input_text DIV.input6 {
	background: url(../images/bg_ta.jpg);
	height: 150px;
}
UL#list_kontakt LI.kontakt_form DIV.input_text INPUT {
	width: 257px;
	border: 0px;
	background-color: transparent;
	color: white;
	font: bold 1em Verdana;
	padding: 4px 5px 0px 3px;
}
UL#list_kontakt LI.kontakt_form DIV.input_text TEXTAREA {
	width: 260px;
	border: 0px;
	height: 140px;
	overflow: auto;
	background-color: transparent;
	color: white;
	font: bold 1em Verdana;
	padding: 4px 5px 0px 2px;
}
UL#list_kontakt LI.kontakt_form DIV.input_text INPUT.k_mjesto {
	width: 154px;
	margin-right: 15px;
}
UL#list_kontakt LI.kontakt_form DIV.input_text INPUT.k_pbr {
	width: 80px;
}
UL#list_kontakt LI.kontakt_form DIV.input_text INPUT.k_telefon {
	width: 120px;
	margin-right: 15px;
}
UL#list_kontakt LI.kontakt_form DIV.input_text INPUT.k_email {
	width: 110px;
}
UL#list_kontakt LI.kontakt_text {
	font: bold 0.9em Verdana;
	color: #2a2b2b;
	padding-left: 5px;
}
UL#list_kontakt LI.kontakt_text INPUT.btn_send {
	width: 97px;
	height: 21px;
	background: url(../images/btn_send.jpg);
	border: 0px;
	cursor: pointer;
	margin-right: 78px;
}
UL#list_kontakt LI.kontakt_text INPUT.btn_reset {
	width: 97px;
	height: 21px;
	background: url(../images/btn_reset.jpg);
	border: 0px;
	cursor: pointer;
}
UL#list_kontakt LI.kontakt_text.nopadding { padding: 0px; }

UL.telefoni {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
UL.telefoni LI { float: left; }
UL.telefoni LI.text {
	clear: both;
	float: left;
	width: 40px;
}
UL.telefoni LI.number {
	width: 200px;
}

UL.four_images {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
UL.four_images LI { float: left; margin-bottom: 4px; }
UL.four_images LI.rightmargin { margin-right: 14px; }
UL.four_images.mtop { /*margin-top: 40px;*/ }
UL.four_images.mtop2 { margin-top: 60px; }
UL.four_images.mtop3 { margin-top: 170px; }
UL.four_images.mtop4 { margin-top: 35px; }
UL.four_images.mtop5 { margin-top: 150px; }
UL.four_images.mtop6 { margin-top: 80px; }
UL.four_images.mtop7 { margin-top: 130px; }
P.mtop8 { margin-top: 100px; }
P.mtop9 { margin-top: 20px; }

DIV#footer {
	border-left: 2px solid #9a9a9a;
	border-right: 2px solid #9a9a9a;
	width: 800px;
	height: 22px;
	background: url(../images/bg_footer.jpg) repeat-x;
}
DIV#footer UL {
	padding: 0px;
	margin: 0px;
	width: 800px;
	list-style: none;
}
DIV#footer UL LI { float: left; width: 380px; padding: 3px 10px 0px 10px }
DIV#footer UL LI.align_right { text-align: right; }
DIV#footer UL LI A {
	color: #e2e1e1;
	text-decoration: none;
	font: bold 11px Verdana;
}
DIV#footer UL LI A:hover { color: white; }

.clear { clear: both; }

/* fade */
.gradualshine {
filter:alpha(opacity=100);
-moz-opacity:1;
}
/* /fade */

/* scrl */
div#scrl_cont {
	float: left;
	width:580px; 
	height:428px; 
	/*margin-right: 15px;*/
}
#divScrollTextCont {
	/*position:absolute; 
	left:260px; 
	top:170px; */
	position: relative;
	width:580px; 
	height:428px; 
	clip:rect(0px,570px,428px,0px); 
	overflow:hidden; 
	visibility:hidden;
	z-index: 1;
}
#divText { position:absolute; left:0px; top:0px; } 
/* /scrl */