/*
::***************************************************************************::
::*******	Date created: 05.10.2007.	                *************::
::*******   Creator: Panonsoft doo                    	        *************::
::*******	For: Gradsko zelenilo - www.zelenilo.com	*************::
::***************************************************************************::
*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	text-align:center;
	min-height:593px;/* for good browsers*/
	min-width:993px;/* for good browsers*/
	background-image: url(../images/bg/pozadina.gif);
	font-size:11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e9f6d9;
}
/* 
	Podesavanje stranice - centriranje
klase:	xouter
		xcontainer
		xinner

 */
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 593px;
}	
#xinner {
	width: 993px;
	background:transparent;
	height: 593px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #004a2a;
	background-image: url(../images/bg/bckgbb.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
div, p, td {
	font-size:11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e9f6d9;
}
/*
	Podesavanje stranice - Header
	klase:	firstLine
			logo
			logoText
	
	
*/
.firstLine {
	width:993px;
	height: 3px;
	background-image: url(../images/bg/first_line_head.gif);
	background-repeat: repeat-x;
	font-size: 1px;
}
#logo {
	width: 89px;
	height: 57px;
	background-image: url(../images/bg/logo.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
}
.logoText {
	position:absolute;
	top:3px;
	left:72px;
	width:149px;
	height:25px;
}
#logo > .logoText { /* IE6 fix */
	position:relative;
	top:0px;
	left:77px;
	width:149px;
	height:25px;
}
/* 

	Meni za administraciju, kontakt ,... / kao i Glavni meni
	klase:	listMainMenu
			paddingListMenu
			listHorizontalMenu
			listHorizontalMenuPadding
			liList li
			

*/
.listMainMenu {
	height: 25px;
	background-image: url(../images/bg/listMainMenuBg.jpg);
	background-repeat: repeat-x;
	text-align:right;
}
.paddingListMenu {
	padding: 4px 0 0 0;
}
.listHorizontalMenu {
	height: 32px;
	background-image: url(../images/bg/horizontalMenuBg.jpg);
	background-repeat: repeat-x;
}
.listHorizontalMenuPadding {
	padding: 9px 8px 0 0;
}
.liList li {
	display: inline;
	margin:0;
	padding-left:3px;
}
/* 
	Linnija gde je biranje pisma i nalazite se:
	Klase:	cirilicLine
			cirLat
			nalaziteSeBg
			nalaziteSeBgShadowLeft
			nalaziteSeBgRightShadow
			nalaziteSeBgRightShadow

*/
.cirilicLine {
	clear: both;
	width: 993px;
	height: 12px;
	background-image: url(../images/bg/cirilicBg.jpg);
	border-bottom: 1px solid #004a2a;
}
.cirLat { /* Cirilica/Latinica */
	float: left;
	padding-left: 21px;
}
.nalaziteSeBg {
	float: right;
}
.nalaziteSeBgShadowLeft {
	background-image: url(../images/bg/nalaziteSeBgShadow_left.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 12px;
	float: right;
}
.nalaziteSeBgRightShadow {
	background-image: url(../images/bg/nalaziteSeBgRightShadow.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding-right: 15px;
	line-height:15px
	display:block
}
.greenFont {
	color: #8ec54a;
}
.fontSize9px {
	font-size: 9px;
}
.fontSize10px {
	font-size: 10px;
}
.paddingBottomText {
	padding-bottom:7px;
}
a { /* Generalni linkovi na sajtu */
	color: #e9f6d9;
	text-decoration: none;
}
a:hover {
	color: #b1f55c;
	text-decoration: underline;
}
a.reverseA { /* Suprotan link od generalnog */
	color: #b1f55c;
	text-decoration: none;
}
a.reverseA:hover {
	color: #e9f6d9;
	text-decoration: underline;
}
a.nalaziteSe {
	color: #8ec54a;
	text-decoration: none;
	font-size: 10px;
}
a.nalaziteSe:hover {
	color: #b1f55c;
	text-decoration: underline;
	font-size: 10px;
}
a.horizontalMenu { /* Glavni meni linkovi */
	color: #8ec54a;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
}
a.horizontalMenu:hover {
	color: #b1f55c;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
}
a.mainMenu { /* Meni administracija, kontakt,... linkovi */
	color: #e9f6d9;
	font-size: 12px;
	text-decoration: none;
	padding-right:15px;
}
a.mainMenu:hover {
	color: #e9f6d9;
	font-size: 12px;
	text-decoration: underline;
	padding-right:15px;
}

p {
	padding:0 4px 0 0;
}

#content { /* Content deo kod prikazivanja proizvoda */
	clear: both;
	width: 993px;
	height: 476px;
	border-bottom: 1px solid #004a2a;	
}
#contentProd { /* Content deo kod prikazivanja proizvoda */
	clear: both;
	width: 993px;
	height: 476px;
	background-image:url(../images/pozadine/proizvodiBg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom: 1px solid #004a2a;	
}
#content #menu {	/* Content deo kod prikazivanja vertikalnog menija */
	float:left;
	text-align:left;
	margin: 45px 0 0 15px;
	padding:15px 0 0 0;
	width:160px;
	height: 355px;
	border: 1px solid #004a2a;
	background-color: #005933;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
#contentProd #menuProd {	/* Content deo za proizvode i prikazivanje vertikalnog menija bez zelene providne pozadine */
	float:left;
	text-align:left;
	margin: 48px 0 0 10px;
	width:160px;
}
/* 
	Vertikalni meni 
	Kalse:	liMenu
			liSubMenu > li
			ul
			li
*/

.liMenu { 
	padding: 10px 0 0 0;
	text-indent: 5px;
	font-weight: bold;
	list-style: none;
	line-height: 15px;
}
.liSubMenu > li {
	padding: 0;
	text-indent: 27px;
	list-style: none;
	font-weight: normal;
}
.ul{
	list-style:none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 14px;
	color: #00FF33;
	line-height:15px;
 }
 .li{
	list-style:none;
	margin-left: 0;
}

#content  #modules {	/* Desni deo conent dela */
	float: right;
	margin: 45px 8px 0 0;
	width: 443px;
	height: 370px;
	border: 1px solid #004a2a;
	text-align:left;
}#content > #modules { /* IE6 fix */
	float: right;
	margin: 45px 17px 0 0;
	width: 441px;
	max-height: 371px;
	border: 1px solid #004a2a;
	text-align:left;/*
	background-color: #005933;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;*/
}

#content #modulesAdmin {	/* Desni deo content administracije */
	float: right;
	margin: 45px 17px 0 0;
	width: 641px;
	max-height: 400px;
	border: 1px solid #004a2a;
	background-color: #005933;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
#contentProd #modulesProd {	/* Desni deo content kod prikazivanja proizvoda */
	float: right;
	margin: 0 10px 0 0;
	width: 780px;
	height: 476px;
}

#modules .centerModules {	/* Desni deo content kada su prisutna oba modula (levi i desni) u centralnom delu */
	float: left;
	margin: 0 0 0 6px;
	text-align: left;
	width:277px;
	height:371px;
	overflow: auto;
}
.centerModules .hscrollerbase {
	visibility: hidden !important;
}
#modules .centerModulesExt {	/* Desni deo content kada je sam centralni modul (prosiruje se koliki je centralni modul) */
	float: left;
	margin: 0 0 0 3px;
	text-align: left;
	width:426px;
	height:371px;
	overflow: auto;
}#modules > .centerModulesExt { /* IE6 fix */
	float: left;
	margin: 0 0 0 6px;
	text-align: left;
	width:433px;
	height:372px;
	padding-right:4px;
	overflow: auto;
}
.centerModulesExt .hscrollerbase {
	visibility: hidden !important;
}
#modulesAdmin .centerModulesAdmin {	/* Centralni modul za administraciju */
	float: left;
	margin: 0 0 0 6px;
	text-align: justify;
	width:631px;
	height:400px;
	padding-right:4px;
	overflow: auto;
}
#modules .rightModules {	/* Desni modul */
	float: right;
	text-align: left;
	margin: 0 0 0 2px;
	width: 150px;
	height:371px;
	overflow: auto;
}
#modules > .rightModules { /* IE6 fix */
	float: right;
	text-align: left;
	margin: 0 0 0 2px;
	width: 153px;
	height:371px;
	overflow: auto;
}
#modulesProd .centerModulesProd {	/* Centralni modul kod proizvoda */
	float: left;
	margin: 0 0 0 6px;
	text-align: justify;
	width:525px;
	height:476px;
	display:compact
}
#modulesProd .rightModulesProd {	/* Desni modul kod proizvoda - bez zelene providne pozadine */
	float: right;
	text-align: left;
	margin: 0 0 0 2px;
	width: 230px;
	height:476px;
	overflow: auto;
}
h4 {	/* Naslov */
	text-align: left;
	color: #f2d53e;
	padding: 10px 0 10px 5px;
	font-size: 11px;
}

#footer {
	clear: both;
	width: 993px;
	height: 43px;
	background-image: url(../images/bg/footerBg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #000;
}
#footer .footerLeft {
	float:left;
	font-size: 10px;
	color: #e9f6d9;
	padding: 6px 0 0 15px;
}
#footer .footerRight {
	float: right;
	font-size: 10px;
	color: #e9f6d9;
	padding: 6px 15px 0 0;
}
#logIn {
	float: left;
	padding: 10px 0 0 12px;
	text-align: left;
	width:100px;
}
.clear {
	clear: both;
}
/*.imgProd {*/	/* Velika slika kod proizvoda */
/*	border-left: 1px solid Black;
	border-right: 1px solid Black;
	margin-right: 10px;
}*/
.imgProdThumbs {	/* male slike kod proizvoda */
	padding: 2px 2px 0 3px;
}
div, img  { behavior: url(css/iepngfix.htc) } /* IE6 fix za prikazivanje PNG fajlova */
.mouse {
	background-image:url(../images/bg/hand.png);
	background-repeat:no-repeat;
	background-position: 100% 0%;
}

.fieldLogin {
	font-size:9px;
	margin-top:-18px;
}
.buttonLogin {
	font-size:9px;
	margin-top:2px;
	font-weight:bold;
}
/* 
	Administration style
	klase:	tab
			hilite
			fieldset
			legend
			label
*/
.tab{padding:2px;background:Transparent}
.hilite{padding:2px;background:#809373}
fieldset{border:1px inset Gray;width:98%;padding:2px}
legend{color:#fff;background:#005933;border:1px inset Gray;padding:2px 6px;font-weight:bold;font-size:90%}
label{text-align:right;width:125px;padding-right:5px;float:left}

/* 
	Style za sliding formu sa desne strane 
	klase:	question
			answer
			answer_content

*/
.question{	/* Styling question */
	/* Start layout CSS */
	width:130px;
	height:20px;
	padding-bottom:10px;
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}
.answer{	/* Parent box of slide down content */
	/* Start layout CSS */
/*	border:1px solid #317082;
	background-color:#E2EBED;*/
	width:130px;
	/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.answer_content{	/* Content that is slided down */
	padding:1px;
	position:relative;
}
/* 
	Stilovi za polja od forme sa desne strane 
	klase:	inputRightForm
			textAreaRightForm
			buttonRightForm
			label
			
	

*/
.inputRightForm { /* obicno input polje za formu sa desne strane */
	color:#e9f6d9;
	width:120px;
	background-color:transparent;
	font-size:11px;
	margin-bottom:3px;
	border-color:#70b926;
	-moz-border-radius:6px;
	padding-left:2px;
}
.textAreaRightForm { /* obicno text polje za formu sa desne strane */
	color:#e9f6d9;
	width: 130px;
	height: 70px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:transparent;
	margin-bottom:3px;
	border-color:#70b926;
	-moz-border-radius:8px;
}
.buttonRightForm { /* obicno dugme za formu sa desne strane */
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
label {text-align:left}

.inputGen {
	color:#e9f6d9;
	width:auto;
	background-color:transparent;
	font-size:11px;
	margin-bottom:3px;
	border-color:#70b926;
	-moz-border-radius:6px;
	padding-left:2px;
}
.textAreaGen { /* obicno text polje */
	color:#e9f6d9;
	width: auto;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:transparent;
	margin-bottom:3px;
	border-color:#70b926;
	-moz-border-radius:8px;
}

.buttonGen { /* obicno dugme za formu sa desne strane */
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.pagination {
	font-size:9px;
}
select {
	color:#e9f6d9;
	width:auto;
	background-color:transparent;
	font-size:11px;
	margin-bottom:3px;
	border-color:#70b926;
	-moz-border-radius:6px;
	padding-left:2px;
}

/* Scroll Bar Master Styling Starts Here */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(../images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity: 0.45;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(../images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(../images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(../images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 5px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(../images/horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

/* Loading div */
#loading {
 	width: 200px;
 	height: 100px;
 	position: absolute;
 	left: 45%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
	font-size:12px;
	font-weight:bold;
}

/* Popup forma za kontaktirajte nas */
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 215px;
	left: 30%;
	top: 40%;
	background-color: #005933;
	border: 1px solid #004a2a;
	padding: 10px;
	z-index:10000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
#close {
	float: right;
}