@charset "utf-8";

/* CSS Document */



@font-face {

font-family:"calibri";

src: url("http://www.milurovic.com/files/calibri")

}



body {

	margin:0;

	background-color:#f5f5f5;

}



#wrapper {

	width:930px;

	margin:0 auto;

	background-image:url(../images/wrapper_backgorund.gif);

	background-repeat:repeat-y;

}



.clearBox {

	clear:both;

}



#navigationContainer {

	width:900px;

	height:65px;

	margin:0 auto;

	background-image:url(../images/header_top_grd.gif);

	background-repeat:repeat-x;

}



#logoBox {

	width:243px;

	height:60px;

	float:left;

}



#topContainer {

	width:640px;

	float:left;

}



#searchContainer {

	width:640px;

	padding-top:6px;

	text-align:right;

}



#navigationBox {

	width:620px;

	padding-left:30px;

}



#headerContainer {

	width:888px;

	height:123px;

	margin:0 auto;

}



#mainBodyContainer {

	width:888px;

	background-image:url(../images/main_body_background.gif);

	background-repeat:repeat-y;

	margin:0 auto;

	padding-bottom:30px;

}



#mainBodyTopImg {

	width:888px;

	height:68px;

	background-image:url(../images/main_body_top.gif);

	background-repeat:no-repeat;

}



/* ######### DROP DOWN MENU POCETAK ######### */



.chromestyle{

width: 620px;

font-size:12px;

font-family: Verdana, Geneva, sans-serif;

}



.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.chromestyle ul{

width: 100%;

padding: 10px 0;

margin:0;

}



.chromestyle ul li{

display: inline;

}



.chromestyle ul li a{

color: #494949;

padding: 4px 7px;

margin: 0;

text-decoration: none;

border-right: 1px solid #DADADA;

}



.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/

color:#F00;

}



.dropmenudiv{

	position:absolute;

	top: 0;

	border: 1px solid #e4e4e4; /*THEME CHANGE HERE*/

	border-bottom-width: 0;

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;

	color:#666;

	line-height:15px;

	z-index:100;

	background-color: white;

	width: 200px;

	visibility: hidden;







filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/

	left: 342px;

}





.dropmenudiv a{

width: auto;

display: block;

text-indent: 3px;

border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/

padding: 1px 5px;

text-decoration: none;

color: black;

}



* html .dropmenudiv a{ /*IE only hack*/

width: 100%;

}



.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

background-color: #F0F0F0;

}



/*KRAJ MENIJA*/



.telBox {

	padding-top:8px;

	padding-left:17px;

	width:200px;

	float:left;

}



.productBanner {

	width:620px;

	height:33px;

	float:left;

	padding-left:35px;

	padding-top:20px;

}



#printMapIconBox {

	padding-top:25px;

	width:650px;

	float:left;

	text-align:right;

}



#leftBodyContainer {

	width:240px;

	float:left;

	padding-top:10px;

}



#rightBodyContainer {

	width:640px;

	float:left;

}



.largeImgBox {

	width:550px;

	margin:0 auto;

}



.columnImgBox {

	padding-top:10px;

}



.productImageBox {

	width:167px;

	height:140px;

	float:left;

	padding-left:15px;

}



.nameProductBox {

	width:70px;

	text-align:left;

	padding-left:5px;

}



.productLink {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#F00;

	text-decoration:underline;

}



.productLink:hover {

	color:#F00;

	text-decoration:none;

}



.input {

	background-image:url(../images/input_back.gif);

	background-repeat:no-repeat;

	height:21px;

	width:162px;

	border:0;

}



#defaultContentContainer {

	width:540px;

	margin:0 auto;

	float:left;

	padding-left:20px;

}



#defaultTitleBox {

	font-family:calibri;

	font-size:18px;

	font-weight:bold;

	color:#999;

	border-bottom:#cdcaca 1px solid;

}



#defaultTitleBox2 {

	font-family:calibri;

	font-size:18px;

	font-weight:bold;

	color:#999;

}



#productTitleLogoBox {

	border-bottom:#cdcaca 1px solid;

	padding-bottom:5px;

}



#defaultTextBox {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666;

	padding-top:10px;

	text-align:justify;

}



#imageColumn {

	float:left;

	width:100px;

	padding-left:17px;

	padding-top:25px;

}



#footerContainer {

	width:932px;

	height:73px;

	background-image:url(../images/footer_back.gif);

	background-repeat:repeat-x;

	margin:0 auto;

}



#footerCopyBox {

	width:290px;

	float:left;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFF;

	padding-top:20px;

	text-align:right;

}



#footerDesignBox {

	width:600px;

	float:left;

	text-align:right;

	padding-right:10px;

	padding-top:20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFF;

}



.designLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#00F;

	text-decoration:underline;

}



.designLink:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#00F;

	text-decoration:none;

}



.kubotaBanner {

	margin:0 auto;

	width:141px;

	height:240px;

	border:#999 1px solid;

}



.topTableGrid {

	background-image:url(../images/top_table_grid.gif);

	background-repeat:repeat-x;

	height:28px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color: #666;

	font-weight:bold;

	text-align:center;

	border:#cccccc 1px solid;

	border-top:0;

	border-bottom:0;

}



.subTopTableGrid {

	background-image:url(../images/subtop_table_grid.gif);

	background-repeat:repeat-x;

	height:18px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666;

	text-align:center;

	border:#cccccc 1px solid;

	border-top:0;

	border-bottom:0;

}



.whiteCell {

	background-color:#FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #666;

	text-align:center;

	height:32px;

	border:#cccccc 1px solid;

	border-top:0;

	padding-bottom:2px;

	padding-top:2px;

}



.greyCell {

	background-color:#f6f6f6;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #666;

	text-align:center;

	height:32px;

	border:#cccccc 1px solid;

	border-top:0;

	padding-bottom:2px;

	padding-top:2px;

}



#tableContainer {

	width:540px;

	padding-left:20px;

}



.klikZaMapuBox {

	width:162px;

	margin:0 auto;

}



.newsBox {

	width:158px;

	margin:0 auto;

}



.newsBack {

	background-image:url(../images/news_back.gif);

	background-repeat:repeat-x;

}



/* ARHIVA VESTI */

.arhivaVestiMainBox {

	width:500px;

	padding-top:3px;

}



.vestiDatum {

	width:70px;

	float:left;

}



.vestiSadrzajBox {

	width:400px;

	float:left;

}



.vestiSadrzajBox a {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #F30;

	text-decoration:underline;

}



.vestiSadrzajBox a:hover {

	text-decoration:none;

}



.vestiImage {

	width:100px;

	float:left;

	padding-right:10px;

}



.vestiSadrzaj {

	width:400px;

	float:left;

}





/* KRAJ ARHIVE VESTI */



#productContainer {

	width:600px;

	padding-left:20px;

}



.productSerieBoxLarge {

width:480px;

margin:0 auto;

padding-top:10px;

}



.productSerieBoxSmall {

width:208px;

height:45px;

float:left;

padding-left:30px;

}



.productSerieBoxExtraLarge {

width:600px;

margin:0 auto;

padding-top:10px;

}



.productSerieBoxExtraSmall {

width:255px;

height:45px;

float:left;

padding-left:30px;

}



.masineBlackSmallTitle {

font-family: Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#666;

}



.masineBlackSmallTitle2 {

font-family: Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

color:#666;

}



.redTitle {

font-family: Arial, Helvetica, sans-serif;

font-size:18px;

font-weight:bold;

color:#dc1010;

}



.defaultTitleBox2 {

	font-family:calibri;

	font-size:18px;

	font-weight:bold;

	color:#999;

}



.redLinkModel {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FF0000;

text-decoration:underline;

}



.redLinkModel:hover {

color:#FF0000;

text-decoration:none;

}



.specifikacijaBox1 {

width:500px;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#666;

text-align:left;

}



.specifikacijaBox2 {

width:600px;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#666;

text-align:left;

}



.specGrayCell {

background-color:#e8e5e5;

padding:3px;

border:#ccc 1px solid;

}



.specGrayCell2 {

background-color:#f6f5f5;

border:#ccc 1px solid;

}



.modelGalleryContainer {

width:600px;

padding-top:5px;

}



#kontaktContainer {

	width:400px;

	padding-left:20px;

	padding-top:20px;

}



.kontaktTitle {

	font-family:calibri;

	font-size:20px;

	color: #F00;

	font-weight:bold;
	

}



.kontaktBox {

	width:400px;

	padding-top:5px;

}



.kontaktSubtitle {

	font-family:calibri;

	font-size:16px;

	color:#0a81cc;

}



.kontaktText {

	font-family:calibri;

	font-size:16px;

	color:#F00;

}



.kontaktMail {

	font-family:calibri;

	font-size:16px;

	color:#F00;

	text-decoration:underline;

}



.kontaktMail:hover {

	font-family:calibri;

	font-size:16px;

	color:#F00;

	text-decoration:none;

}



#kontaktForm {

	width:400px;

	margin:0 auto;

	text-align:center;

	font-family:calibri;

	font-size:14px;

	color:#0a81cc;

}



.jfStoll li a {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FF0000;

text-decoration:underline;

}



.jfStoll li a:hover {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FF0000;

text-decoration:none;

}



.specifikacijaTitle2 {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#666;

text-align:center;

background-color:#FF9;

font-weight:bold;

border:1px solid #CCC;

}



.specifikacijaContent2 {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#666;

text-align:center;

font-weight:bold;

border:1px solid #CCC;

}



#mapConta {

padding-left:30px;

}



.largeMapSectionBox {

	width:550px;

	padding-bottom:2px;

	border-bottom:1px solid #666;

}



.mediumMapSectionBox {

	width:550px;

	padding-left:10px;

	padding-bottom:5px;

}



.modelTitleBox {

	width:550px;

	padding-left:5px;

	border-bottom:1px solid #999;

	padding-top:5px;

}



.modelInnerLargeBox {

	width:550px;

}



.modelInnerSmallBox {

	width:85px;

	float:left;

	padding-left:5px;

}



.mapSectionTitleLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	color:#e21010;

	text-decoration:none;

}



.mapSectionTitleLink:hover {

	color:#666;

	text-decoration:none;

}



.mapSectionSubTitleLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	text-decoration:none;

}



.mapSectionSubTitleLink:hover {

	color:#666;

	text-decoration:none;

}



.mapSectionSubTitle2Link {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#F00;

	text-decoration:underline;

}



.mapSectionSubTitle2Link:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#F00;

	text-decoration:none;

}



.mapSectionTextLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666;

	text-decoration:underline;

}



.mapSectionTextLink:hover {

	color:#666;

	text-decoration:none;

}



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 100px;

	height: 75px;

}



.hoverbox li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}



#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image: url(../images/overlay.png); }



* html #overlay{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url(../images/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");

	}