/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }

div.efekt {
	position: absolute;
	text-align: center;
	display: none;
	width:415px;
}

.sivo{background:#F3F3F3}
.bijelo{background:#ffffff}

/* GLOBALS */
html, body { height: 100%; }
body { background: #ffffff; font: 11px Arial, Helvetica, sans-serif; line-height: 14px; color: #536068; }
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; color: #536068; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }

#path { padding: 5px 0; text-align: left; margin:0;}

ul.pathLinkList { list-style-type: none; padding: 0; margin:10px 0 10px 0; }
ul.pathLinkList li { display: inline; margin-right: 7px; }
ul.pathLinkList li img { margin-right: 10px; }


/* FORM ELEMENTS */
.textbox, textarea { background: #ffffff url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #d2d2d2; font-size: 11px; line-height: 14px; /*height: 13px;*/ padding: 3px 0 3px 5px; }
.searchbox { width: 145px; margin: 3px 6px 0 0;  }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px 2px 2px 0; font-size: 12px; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #00599a; }
a:hover { color: #000000; }

.homeMenuLeft h2 a:link, .homeMenuLeft h2 a:active, .homeMenuLeft h2 a:visited { color: #f84f24; }
.homeMenuLeft h2 a:hover { color: #000000; }

.boxLinklist a:link, .boxLinklist a:active, .boxLinklist a:visited { color: #536068; }
.boxLinklist a:hover { color: #000000; }

.highlights h2 a:link, .highlights h2 a:active, .highlights h2 a:visited { color: #f84f24; }
.highlights h2 a:hover { color: #000000; }

.pageBottomLinks a:link, .pageBottomLinks a:active, .pageBottomLinks a:visited { color: #536068; }
.pageBottomLinks a:hover { color: #000000; }

.footer a:link, .footer a:active, .footer a:visited { color: #536068; }
.footer a:hover { color: #000000; }

.leftMenu a:link, .leftMenu a:active, .leftMenu a:visited { color: #536068; }
.leftMenu a:hover { color: #000000; }

.leftMenu ul li a.active:link, .leftMenu ul li a.active, .leftMenu ul li a.active:visited { color: #f84f24; }
.leftMenu ul li a.active:hover { color: #000000; }


.leftMenuHome a:link, .leftMenuHome a:active, .leftMenuHome a:visited { color: #536068; }
.leftMenuHome a:hover { color: #000000; }

.leftMenuHome ul li a.active:link, .leftMenuHome ul li a.active, .leftMenuHome ul li a.active:visited { color: #f84f24; }
.leftMenuHome ul li a.active:hover { color: #000000; }


.leftMenuHome_en a:link, .leftMenuHome_en a:active, .leftMenuHome_en a:visited { color: #536068; }
.leftMenuHome_en a:hover { color: #000000; }

.leftMenuHome_en ul li a.active:link, .leftMenuHome_en ul li a.active, .leftMenuHome_en ul li a.active:visited { color: #f84f24; }
.leftMenuHome_en ul li a.active:hover { color: #000000; }

/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 25px 0 0 0; }
.marginTop3 { margin: 50px 0 0 0; }
.marginLeft1 { margin: 0 0 0 15px; }
.marginLeft2 { margin: 0 0 0 30px; }
.marginLeft3 { margin: 0 0 0 40px; }

.headerweb { width: 970px; height: 87px; margin: 0 auto; background: url(img/headerBgnd.gif) repeat-x 0 0; overflow: hidden; }
.logo { width: 370px; float: left; }
.logo img { margin: 32px 0 0 25px; }
.headerMain { width: 600px; float: right; padding: 7px 0 0 0; }
.headerMain div { float: left; width: 112px; height: 80px; background: url(img/menuTopDivider.gif) no-repeat top right; text-align: right; }
.headerMain div p { padding: 18px 18px 0 0; }
.headerMain div.home { width: 35px; }
.headerMain div.search { width: 205px; background: none; text-align: left; }
.headerMain div.search p { padding: 18px 0 0 35px; }


.mainMenuWrapper { width: 970px; margin: 0 auto; background: url(img/mainMenuBgnd.gif) repeat-x 0 9px; position:relative;z-index:2;}
.mainMenu { width: 700px; height: 29px; margin: 0 0 0 auto; background: url(img/menuMain.png) no-repeat 0 0; }
.mainMenu div { padding: 0 0 0 39px; }
.mainMenu div div {float:left; background: url(img/mainMenuDivider.gif) no-repeat 0 0; padding: 7px 16px 7px 15px; position:relative;}
.mainMenu div div div.subMenuContainer {float:none; background: none; padding: 0; position:absolute;}
.mainMenu div div.first { background: none; }

.mainMenuEn { width: 700px; height: 29px; margin: 0 0 0 auto; background: url(img/menuMain.png) no-repeat 0 0; }
.mainMenuEn div { padding: 0 0 0 39px; }
.mainMenuEn div div {float:left; background: url(img/mainMenuDivider.gif) no-repeat 0 0; padding: 7px 20px 7px 19px; position:relative;}
.mainMenuEn div div div.subMenuContainer {float:none; background: none; padding: 0; position:absolute;}
.mainMenuEn div div.first { background: none; }


.homeSection1 { width: 970px; height: 320px; margin: 0 auto; }
.homeMenuLeft { float: left; width: 270px; }
.homeMenuLeft div { height: 75px; border-bottom: 1px solid #c2ccd2; border-right: 1px solid #ffffff; padding: 0 8px; }
.homeMenuLeft div h2 { font: 15px Arial, Helvetica, sans-serif;font-weight:bold; line-height: 18px; color: #f84f24; padding: 12px 0 5px 0; }
.homeMenuLeft div.first { height: 63px; }
.homeMenuLeft div.first h2 { font: 15px Arial, Helvetica, sans-serif;font-weight:bold; line-height: 18px; color: #f84f24; padding: 0 0 4px 0; }
.homeMenuLeft div.inaStockInfo { height: 27px; }
.homeMenuLeft div.inaStockInfo p { padding: 6px 0 0 0; }

.homeMenuLeft2 { float: left; width: 270px; }
.homeMenuLeft2 div.inaStockInfo { height: 27px; border-bottom: 1px solid #c2ccd2; }
.homeMenuLeft2 div.inaStockInfo p { padding: 6px 0 0 0; }

.mainPic { float: left; width: 700px; }

.menuLeftItem3 { padding: 2px 10px 2px 23px; background: url(img/bulletArrowGrey2.gif) no-repeat 10px 7px; }

.homeSection2 { width: 970px; margin: 20px auto 0 auto; position: relative; z-index: 1; }
.services { float: left; width: 270px; }
.highlights { float: left; width: 700px;}
.highlights table {  }
.highlights table td { width: 330px; }
.highlights table td h2 { font-size: 15px; font-weight: bold; margin: 15px 0 5px 0; }
.scrollerWrapper { width: 680px; height: 242px;overflow: hidden; position:relative;left:20px;}
.scroller { position: absolute; height: 242px; width:10000px; left:-700px;}

.box1 { border: 1px solid #c2ccd2; }
.box1 div { background: #ffffff url(img/boxBgnd1.gif) no-repeat top center; padding: 9px; }
.box1 div table { width: 100%; }
.box1 div table th { width: 94px; text-align: left; }
.box1 div table th div { width: 82px; border: 1px solid #c2ccd2; padding: 0; }
.box1 div table th div img { border: 1px solid #ffffff; }
.boxLinklist { margin: 0 0 0 8px; padding: 0; list-style: none; position: relative; }
.boxLinklist li { background: url(img/bullet_arrow1.gif) no-repeat 0 5px; padding: 1px 0 1px 10px; }
.box1 div table td div { background: none; padding: 0 0 5px 0; margin: 0; position: relative; }

.middle { width: 970px; margin: 10px auto 0 auto; position: relative; z-index:1;}
.leftPart { float: left; width: 270px; padding: 0 0 10px 0; }
.main { float: left; width: 700px; padding: 0 0 10px 0;overflow:hidden;}

.leftMenu { padding: 0 0 15px 0; border-bottom: 1px solid #c2ccd2; min-height:168px;}
.leftMenu p { background: url(img/leftMenuCatBullet.gif) no-repeat 0 7px; padding: 0 0 0 22px; color: #f84f24; font: 18px Arial, Helvetica, sans-serif; line-height: 18px; }
.leftMenu ul { margin: 0 0 0 25px; padding: 0; list-style: none; }
.leftMenu ul li { font-size: 12px; padding: 13px 0 0 0; }
.leftMenu a:hover { color: #000000; }

.leftMenu ul li ul { margin: 0 0 0 20px; }
.leftMenu ul li ul li { padding: 10px 0 0 0; }

.leftMenuHome { padding: 0 0 15px 0; border-bottom: 1px solid #c2ccd2;height:248px;}
.leftMenuHome p { background: none; padding: 3px 0 12px 12px; color: #f84f24; font: 18px Arial, Helvetica, sans-serif; line-height: 18px; }
.leftMenuHome ul { margin: 0; padding: 0; list-style: none; }
.leftMenuHome ul li { font-size: 12px; padding: 9px 0 10px 12px; background: url(img/dots_horizontal.gif) repeat-x left top; }
.leftMenuHome a:hover { color: #000000; }

.leftMenuHome ul li ul { margin: 0 0 0 20px; }
.leftMenuHome ul li ul li { padding: 10px 0 0 0; }

.leftMenuHome_en { padding: 0 0 15px 0; border-bottom: 1px solid #c2ccd2;height:248px;}
.leftMenuHome_en p { background: none; padding: 3px 0 12px 12px; color: #f84f24; font: 18px Arial, Helvetica, sans-serif; line-height: 18px; }
.leftMenuHome_en ul { margin: 0; padding: 0; list-style: none; }
.leftMenuHome_en ul li { font-size: 12px; padding: 9px 0 10px 12px; background: url(img/dots_horizontal.gif) repeat-x left top; }
.leftMenuHome_en a:hover { color: #000000; }

.leftMenuHome_en ul li ul { margin: 0 0 0 20px; }
.leftMenuHome_en ul li ul li { padding: 10px 0 0 0; }

.rightMenu { border-left: 1px solid #c2ccd2; padding: 5px 0 5px 10px; margin: 0 0 20px 0; }
.rightMenu ul { margin: 0; padding: 0; list-style: none; }
.rightMenu ul li { padding: 2px 0 2px 12px; background: url(img/bullet_arrow1.gif) no-repeat 0 6px; }
.rightMenu ul li a.active { color: #f84f24; }

.catPic { padding: 0 0 2px 0; }
.catPicTop {background: #ffffff; height:2px;line-height:1px;border-top:2px solid #738AA0;padding:0;margin:0; }
.pageContent { background: url(img/pageContentBgnd.gif) repeat-x 0 0; overflow: hidden; padding: 0 0 0 30px; }
.central { width: 640px; }
.centralSplit { float: left; width: 415px; }
.rightPart { float: left; width: 195px; margin: 0 0 0 30px; padding: 35px 0 0 0; }
.centralBottom { width: 680px; margin: 0 0 0 20px; border-bottom: 1px solid #738aa0; padding: 10px 0; }
.centralBottom table { width: 100%; }
.centralBottom table th { text-align: left; font-weight: normal; padding: 0 0 0 10px; }
.centralBottom table th img { vertical-align: middle; margin: 0 5px 0 0; }
.centralBottom table td { width: 40px; }

.pageContent { overflow: hidden; }
.pageContent h1 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 15px 0; }
.pageContent h2 { font: 15px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 15px 0; text-transform: uppercase; }
.pageBody { font-size: 12px; line-height: 17px; }
.pageBody p { margin: 0 0 15px 0; }
.pageBody td p { margin: 0; }

.desnoSlikaPotpis { background: #ebedef; height: 32px; padding: 0 12px; }
.desnoSlikaPotpis img { vertical-align: middle; }

.catIndexWrapper { width: 680px; margin: 30px 0 0 20px; overflow: hidden; }
.catIndexCol { float: left; width: 310px; padding: 0 10px; }
.catIndexSection { padding: 0 0 15px 0; }
.catIndexSection div { font-size: 12px; font-weight: bold; padding: 0 0 3px 12px; background: url(img/bullet_arrow1.gif) no-repeat 0 6px; line-height: 17px; }
.catIndexSection p { padding: 0 0 0 12px; }

.pageBottom { width: 970px; margin: 10px auto 0 auto; ooverflow: hidden; position: relative; z-index: 1; }
.pageBottomLeft { float: left; width: 270px; position: relative; }
.pageBottomMain { float: left; width: 700px; padding: 1px 0 0 0; }
.pageBottomLinks { width: 680px; height: 29px; margin: 0 0 0 auto; background: url(img/pageBottomBgnd.gif) no-repeat right top; }
.pageBottomLinks ul { margin: 0 0 0 20px; padding: 5px 0 0 0; list-style: none; }
.pageBottomLinks ul li { display: inline; padding: 0 25px 0 13px; background: url(img/bullet_arrow2.gif) no-repeat 0 4px; }
.pageBottom span { position: absolute; width: 70px; top: 6px; left: 890px; }

.footerTop { width: 970px; height: 10px; margin: 10px auto 0 auto; background: url(img/footerTopBgnd.gif) repeat-x 0 0; line-height: 10px; }
.footer { width: 970px; margin: 0 auto; background: #ebedef url(img/footerBgnd.gif) repeat-x left bottom; }
.footerTitles { width: 952px; height: 26px; margin: 13px auto; }
.footerTitles td { width: 133px; border-left: 1px solid #c2ccd2; }
.footerTitles td img { margin: 0 0 0 10px; }
.footerTitles td.first { border: none; }
.footerMenus { width: 952px; margin: 0 auto; }
.footerMenus td { width: 116px; padding: 0 10px 10px 11px; vertical-align: top; }
.footerMenus td ul { margin: 0; padding: 0; list-style: none; }
.footerMenus td ul li { background: url(img/bullet_arrow1.gif) no-repeat 0 8px; padding: 3px 0 3px 10px; }

.pageTop { visibility: hidden; height: 1px; }
.pageTop a { line-height: 1px; }



/* DROPDOWN */
.subMenuContainer { position: absolute; visibility: hidden; display: none; z-index: 500; padding-top: 7px; }
.subMenuDrop { margin-top:9px;background: #2c78ad; border: 1px solid #095a94; border-top: none; width: 230px; }
ul.subMenuLinklist { list-style-type: none; margin: 0; padding: 0; }
ul.subMenuLinklist li { text-align: left; border-top: 1px solid #095a94; margin: 0; padding: 0;  }
ul.subMenuLinklist li img { margin-right: 6px; border: none; }

ul.subMenuLinklist li a:link { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: url(img/bulletArrow_blue.gif) no-repeat 10px 9px; }
ul.subMenuLinklist li a:active { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: url(img/bulletArrow_blue.gif) no-repeat 10px 9px;  }
ul.subMenuLinklist li a:visited { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: url(img/bulletArrow_blue.gif) no-repeat 10px 9px;  }
ul.subMenuLinklist li a:hover { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: #095a94 url(img/bulletArrow_white.gif) no-repeat 10px 9px;  }

dl.indexNews { margin: 15px 10px 0 10px; padding: 0; }
dl.indexNews dt { font-weight: bold; }
dl.indexNews dt img { margin-right: 9px; border: none; }
dl.indexNews dd { margin: 0; padding-left: 12px; }
dl.indexNews dd.newsBig { padding-left: 12px; background: url(img/bulletRectBlue.gif) no-repeat left 3px; }
dl.indexNews img.newsThumb { margin: 3px 10px 0 0; border: 1px solid #d8d8d8; }

#mapcont {border:1px solid #C0C0C0;}
#map { width: 100%; margin: 0 ;}
#map #searchWrapper { background: url(img/mapSearchBgnd.gif) repeat-x left top; height: 95px;width: 100%; }
#map #searchWrapperGreen { background: url(MapaZelena/images/map_bgnd.gif) repeat-x left center; height: 90px;width: 100%; }
#map #mapWrapper { background: #fff; height: 470px; border: 1px solid #d5e2f3; }

#searchStation { width: 100%;padding-left:10px; }
#searchStation td { text-align: left; }

#searchStation select { margin-top: 3px; width: 200px; background: #fff; border: 1px solid #d5e2f3; color: #2d3238;font:11px Arial,Helvetica,sans-serif; }

ul.checksColumn { margin: 0; padding: 0; list-style-type: none; }
ul.checksColumn li { line-height: 20px; }

#frameMap { background: 0; margin: 0; padding: 0; }

.oblacic {position:absolute;left:217px;top:30px;background: #2c78ad; border: 1px solid #095a94; border-top: none;border-left: none;  -moz-opacity: .93; filter: alpha(opacity=93); }
.oblacic a:link { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: url(img/bulletArrow_blue.gif) no-repeat 10px 9px; }
.oblacic a:active { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: url(img/bulletArrow_blue.gif) no-repeat 10px 9px;  }
.oblacic a:visited { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: url(img/bulletArrow_blue.gif) no-repeat 10px 9px;  }
.oblacic a:hover { color: #fff; text-decoration: none; padding: 4px 14px 4px 24px; display: block; background: #095a94 url(img/bulletArrow_white.gif) no-repeat 10px 9px;  }

/* Growww forma i ostalo */
.growTbl td{
	width:200px;
}
.dataSpliter{
	font-weight:bold;
	padding:3px;
	padding-left:10px;
	background-color: #E4E4E4;
	color: #005A9C;
}
.red{
	font-weight:bold;
	padding:15px;
	padding-left:0px;
	background-color: white;
	color: red;
}
.growText{
	width:270px;
	border:2px solid #E4E4E4;
	padding:2px;
}
.growRadio{
	
}
.growRadioHolder{
	float:left;
	width:58px;
	position:relative;
	clear:right;
}
.growRadioContainer{
	border-bottom:2px solid #E4E4E4;
	float:left;
	padding:3px;
	position:relative;
}
.growSelect{
	width:358px;
	border:2px solid #E4E4E4;
	font-weight:bold;
	vertical-align:middle;
}
.growSelect option{
	background-color:#E4E4E4;
	border-bottom:1px dotted black;
	font-weight:normal;
}
.growSelect option:hover{
	border-bottom:2px dotted black;
	font-weight:bold;
}
.date{
	background-image: url(datepicker/img/calendar.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
 /* login users admin site */
 #mainCont{
 	width:100%;
 	height:100%;
 }
 #loginBox{
 	width:400px;
 	height:200px;
 	border:1px solid silver;
 	position:relative;
 	margin:0 auto;
 	top: 100px;
 	text-align:center;
 }
  #loginTbl{
 	width:100%;
 	height:50%;
 	position:absolute;
 	margin:0 auto;
 	top: 50px;
 }
 .excellTbl td{
 	white-space:nowrap;
 }
/* end growww */

#cijenaDiv {
	position: absolute;
	top: 0px;
	margin: 0 0 0 0;
	z-index: 1;
	left: 10px;
}

.cijenaBody {
	background: url(img/cijenaDivBgnd.png) no-repeat 0 0;
	padding: 20px 30px 5px 30px;
	margin: 0;
	height: 600px;
}

#nabavaDiv{
	position: absolute;
	left: 100px;
	bottom: 2px;
	width: 290px;
	z-index: 500;
}

.nabavaDivBody {
	background: url(img/nabavaMenuBgnd.png) no-repeat left bottom;
	padding: 15px 20px 20px 65px;
}

#_polaziste div {}

.slideWrapper { width: 680px; height: 242px; position:relative; }
.slide { width: 680px; height: 242px; display: none; position: absolute; top: 0; left: 0; }

/* Image loader classes */
.clickableImage{}
.clickableImageActive{}
/* end classes */