@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #C0C0C0;
}

top {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	background: yellow;
	}


}
html { padding:0; margin:0;}

/* MAPA */
	.BalonMape {
		font: normal 10px Arial, Helvetica, sans-serif;
		color:#FF0000;
	}
	.BalonMape b 
	{
		font: normal 11px Arial, Helvetica, sans-serif;
		color:#000000;
	}
	.BalonMape .bijeli    
	{
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	#map_canvas {
		border: solid medium #666666;
		width:350px; 
		height:300px;
	}
/* END MAPA */



a {
	text-decoration: none;
	font: message-box;
}
a:hover { text-decoration:underline;}

/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background:url(images/main_header_bg.jpg) top center repeat-x;}
.header { width:1000px; margin:0 auto; padding:0; background:url(images/header_bg.jpg) top no-repeat;}
.top_text {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 200px;
	float: right;
	height: 24px;
	padding: 5px 0 0 0;
}
.top_text a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
/* logo */
.logo { padding:0; margin:0; width:423px; float:left;}

/* baner*/
#baner { padding:0; margin:0; width:425px; float:left;}

/* search */
.search { float:right; padding:0; margin:55px 30px 0 0; }
.search form { display:block; float:left; padding:5px 0;}
.search form span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:191px; padding:0;}
.search form .keywords { float:left; background:none; border:0; height:16px; width:175px; padding:10px 8px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}
/* menu */	
.menu { padding:0; margin:0; width:1000px; background:url(images/menu_bg.gif) top no-repeat; height:53px;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 0 0 15px; border:0;}
.menu ul li a { float:left; margin:0; padding:19px 7px; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { background:url(images/hover.gif) top repeat-x;}
.menu ul li a.active { background:url(images/hover.gif) top repeat-x;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background:url(images/slider_main_bg.jpg) top center repeat-x;}
/*header_text*/
.header_text { height:396px; margin:0 auto; padding:0; width:1000px; background:url(images/slider_bg.gif) top no-repeat;}
.header_text .div .left1 { float:left; width:433px; padding:0; margin:40px 0 0 40px; }
.header_text .div .left1 h2 {font:normal 26px Arial, Helvetica, sans-serif; color:#555e67; padding:20px 0 0 0; margin:0;}
.header_text .div .left1 h2 span { color:#da5a04; font: normal 50px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.header_text .div li { left no-repeat; padding:5px 2px; margin:0; font:normal 13px Arial, Helvetica, sans-serif; color:#da5a04; line-height:0.7em;}
.header_text .div .left1 img { margin:0 10px 0 0; padding:0;}
.header_text p { font:normal 13px Arial, Helvetica, sans-serif; color:#555e67; padding:20px 0 0 0; margin:0; line-height:1.8em;}
/*header_text2_bg*/
.header_text2_bg { margin:0; padding:0; background:url(images/slider2_main_bg.jpg) top center repeat-x;}
/*header_text2*/
.header_text2 { height:780px; margin:0 auto; padding:0; width:1000px;  background:url(images/slider2_bg.gif) top no-repeat; background-color:white}
.header_text2 .div .left1 { float:left; width:433px; padding:0; margin:40px 0 0 40px; }
.header_text2 .div .left1 h2 {font:normal 18px Arial, Helvetica, sans-serif; color:#555e67; padding:20px 0 0 0; margin:0;}
.header_text2 .div .left1 h2 span { color:#da5a04; font: normal 20px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.header_text2 .div li { left no-repeat; padding:5px 2px; margin:0; font:normal 13px Arial, Helvetica, sans-serif; color:#da5a04; line-height:0.7em;}
.header_text2 .div .left1 img { margin:0 10px 0 0; padding:0;}
.header_text2 p { font:normal 13px Arial, Helvetica, sans-serif; color:#555e67; padding:20px 0 0 0; margin:0; line-height:1.8em;}

/*header_text3_bg*/
.header_text3_bg { margin:0; padding:0; background:url(images/black.gif) top center repeat-x;}
/*header_text3*/
.header_text3 { height:8px; margin:0 auto; padding:0; width:1000px; background:url(images/black.gif) top no-repeat;}
.header_text3 .div .left1 { float:left; width:433px; padding:0; margin:40px 0 0 40px; }
.header_text3 .div .left1 h2 {font:normal 18px Arial, Helvetica, sans-serif; color:#555e67; padding:20px 0 0 0; margin:0;}
.header_text3 .div .left1 h2 span { color:#da5a04; font: normal 20px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.header_text3 .div li { left no-repeat; padding:5px 2px; margin:0; font:normal 13px Arial, Helvetica, sans-serif; color:#da5a04; line-height:0.7em;}
.header_text3 .div .left1 img { margin:0 10px 0 0; padding:0;}
.header_text3 p { font:normal 13px Arial, Helvetica, sans-serif; color:#555e67; padding:20px 0 0 0; margin:0; line-height:1.8em;}

/*bloga_resize*/
.bloga_resize { margin:0; padding:0;}
.bloga_resize_use { margin:0 auto; padding:0 20px; width:960px; height:218px; background:url(images/bloga_bg.gif) top repeat-x;}
.bloga_resize_use_3 { margin:0 auto; padding:0 20px; width:960px;  background: white;}
.bloga_resize_use2 { margin:0 auto; padding:0; width:1000px; height:104px; background:url(images/bloga_bg2.gif) top repeat-x;}

.bloga_resize_use2 h2 { padding:30px 0 0 40px; margin:0; font: normal 45px Arial, Helvetica, sans-serif; color:#fff;}

.bloga { width:300px; float:left; margin:0; padding:20px 10px;}
.bloga_3 {  float:left; margin:0; padding:20px 10px;}
.bloga_3 p { font: normal 13px Arial, Helvetica, sans-serif; color:#555e67; padding:6px 5px; margin:0; line-height:1.7em;}
.bloga_3 li { font: normal 13px Arial, Helvetica, sans-serif; color:#555e67; padding:6px 5px; margin:0; line-height:1.7em;}

.bloga_3 h2 { font: normal 26px Arial, Helvetica, sans-serif; color:#555e67; margin:5px 0 15px 0; padding:5px 5px;}

.bloga_2 { width:100%; float:none; margin:0; padding:0px 0px 0px 0px;; background-color: white }

.bloga_2 h2 { font: normal 26px Arial, Helvetica, sans-serif; color:red; margin:5px 0 15px 0; padding:5px 5px;}

.bloga_2 p { font: normal 13px Arial, Helvetica, sans-serif; color:red; padding:6px 5px; margin:0; line-height:1.7em;}

.bloga_2 img.normmal { float:left; margin:5px 5px; padding:0;}


.bloga h2 { font: normal 26px Arial, Helvetica, sans-serif; color:#fff; margin:5px 0 15px 0; padding:5px 5px;}

.bloga p { font: normal 13px Arial, Helvetica, sans-serif; color:#ffecb9; padding:6px 5px; margin:0; line-height:1.7em;}

.bloga img.normmal { float:left; margin:5px 5px; padding:0;}
/********** body **********/
.body { margin:0; padding:0;}
.body_resize {
	margin: 0 auto;
	padding: 0 30px;
	width: 940px;
	background: #ffffff;
	font: message-box;
	font-size: medium;
}
.body h2 { font: normal 22px Arial, Helvetica, sans-serif; color:#555e67; margin:5px 0; padding:10px 5px;}
.body h3 {font: normal 14px Arial, Helvetica, sans-serif;color: #DA5A04;margin: 5px 0;padding: 10px 10px;}
.body img { float:left; padding:0; margin:5px 5px;}
.body ul {
	list-style: none;
	margin: 10px 10px;
	padding: 0;
	font-size: medium;
}
.body li {
	background: url(images/ul_li.gif) left no-repeat;
	padding: 5px 20px;
	margin: 0;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #da5a04;
	line-height: 1.4em;
	font-size: medium;
}


.body img.port { float:right; margin:10px 40px 10px 10px; padding:0;}
.body p { font:normal 13px Arial, Helvetica, sans-serif; color:#484848; line-height:1.8em; padding:5px; margin:0;}
.body a {
	text-decoration: none;
	color: #da5a04;
	line-height: 1.8em;
	font-size: medium;
}
.body_small { width:321px; float:left; margin:0; padding:20px 15px;}
.body_small .clients { width:273px; height:128px; margin:10px auto; padding:2px 10px; background: url(images/say_bg.gif) top no-repeat;}
.body_small .clients img { float:left; margin:10px 5px; padding:0;}
.body_big { width:552px; float:left; margin:0; padding:20px 15px;}
.body_all { width:903px; float:left; margin:0; padding:20px 15px;}
.batton { width:100px; float:left; margin:10px 10px; padding:0;}
.body_gallery { background-color: #FFFFFF; margin: 0 auto; padding: 0 30px; width: 940px; font: message-box; font-size: medium;}
	



/*bloga*/
.body .bloga { width:320px; float:left; margin:0; padding:20px 2px;}
.body .bloga p { font: normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px; margin:0; line-height:1.8em;}
.body .bloga img.normmal { float:left; margin:5px 5px; padding:0;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0; margin:0;}
.footer_resize {width:1000px; margin:0 auto; padding:0; border:0; background:url(images/footer_bg.gif) top repeat-x;}
.footer p { font:normal 13px  Arial, Helvetica, sans-serif; color:#ffffff; padding:10px 0 0 0;}
.footer a { font:normal 13px Arial, Helvetica, sans-serif; color:#ffca63; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:0px 5px; padding:0; float:left;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:40px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:40px 0; float:right;} 
.footer p.center { text-align:center; width:100%; margin:0; padding:40px 0; float:center;} 

/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 13px Arial, Helvetica, sans-serif; color:#555e67; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #555e67; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #555e67; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 95px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #d1d5d9; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.bg, .bg1 { clear:both; border-bottom:0px solid #d1d5d9; padding:0px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}

/*stroj*/
.gallery_small {width: 280px; height: 180px; float: right; margin: 10; padding: 10px 15px; background:url(images/gall_p1.gif) left no-repeat;}
.gallery_small h3 {font: ;color: #DA5A04;margin: 5px 0;padding: 10px 10px;}
.gallery_small p {line-height: normal; font-size: medium; font: Times New Roman, Times, serif; color: #FFFFFF; margin-left: 45px; font-style: normal;}
.gallery_small li {background: url(images/gall_chec.gif) left no-repeat; padding: 5px 30px; margin: 0; font: normal 10px Arial, Helvetica, sans-serif;color: #FF0000; line-height: 1.0em; font-size: medium;}
.gallery_small h2 {font: normal 16px Arial, Helvetica, sans-serif; color: #FFFFFF; margin-left: 40px; padding: 5px 50px; font-style: oblique;}

/*stroj tekst*/
.gallery_text { background-color: #FFFFFF; margin: 0 auto; padding: 5px 30px; width: 650px; font: message-box; font-size: medium; font:}
.gallery_text p {color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: small; font-style: inherit}

.gallery_bg { margin:0; padding:0; background:url(images/black.gif) top center repeat-x;}
.stroj {height:50px; margin:0 auto; padding:0; width:940px; background:url(images/white.gif) top no-repeat;}