/*--------------------------------------
   MAPA WEBA
-------------------------------------- */
#mapaWrapper                   {
	background: transparent url(../dizajn/content/content-h1-border.gif) no-repeat left top;
	padding: 0 0 30px 0;
        }

#mapa #contentWrapper #mapaWrapper div { clear: both; }
#mapa #contentWrapper #mapaWrapper ul { margin: 0 20px 20px 0; padding: 0 0 0 0; float: left; width: 200px;  }
#mapa #contentWrapper #mapaWrapper li { padding: 0 0 0 10px; margin: 0 0 0 10px; background: transparent url(../images/content-list.gif) no-repeat left 9px; }
#mapa #contentWrapper #mapaWrapper li.naslov { font-size: 16px; font-weight: bold; margin: 15px 0; padding: 0; background: none; }
#mapa #contentWrapper #mapaWrapper li.podnaslov { font-size: 12px; font-weight: bold; margin: 4px 0 0 0; padding: 0; background: none; }
#mapa #contentWrapper #mapaWrapper li.mapaBasic { padding: 0; background: none; margin-left: 0;}
#mapa #contentWrapper #mapaWrapper .subList2 { margin-left: 25px; }
/*--------------------------------------
   PRESS MATERIJALI - LOGIN
-------------------------------------- */
#pressLogin { 
	display: inline; 
	float: left;
	width: 160px;
	border: 1px solid #e6e6e6;
	padding: 20px;
	margin: 0 15px 15px 0;
	}

#press #contentWrapper #pressLogin h2 { margin: 0 0 20px 15px; padding: 0; }


#pressLogin form p { padding: 0; margin: 0 0 5px 0; text-align: right; width: 100%; }
#pressLogin form input { width: 88px; margin-left: 5px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #e6e6e6; padding: 2px 4px; }
#pressLogin form input.gumb { width: 65px; height: 19px; margin: 0 0 0 61px; border: none; background: none; padding: 0;}
#pressLogin form input.browse { width: 65px; height: 19px; margin: 0 0 0 61px; border: none; background: none; padding: 0;}
#zaposljavanje .inputBg .browse { width: auto; margin-left: 5px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #e6e6e6; padding: 1px 4px; }

#press #contentWrapper p                 {
	clear: none;
	display: table;
        }
		
#press #contentWrapper h2 { clear: both; }
#press #contentBox h2 { margin-top: 30px;  } 
		
#press #contentWrapper p img { margin: 0 10px 10px 0; display: inline-block; float: left; }

#press #contentWrapper #pressLogin ul { margin: 10px 0 0 5px; padding: 0 0 0 10px; text-align: left;}
#press #contentWrapper #pressLogin ul li { padding: 0; background: none; }

/*--------------------------------------
   IKONE
-------------------------------------- */
#contentWrapper #pressMaterijali li            { background: none; display: block; line-height: 20px; }
#contentWrapper #pressMaterijali a             { display: block; float: left; clear: both; padding: 0 0 0 40px; line-height: 20px; margin-right: 5px !important; margin-right: 1px; }

#contentWrapper #pressMaterijali a.jpg         { background: transparent url(../images/ikone/jpg.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.jpeg        { background: transparent url(../images/ikone/jpeg.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.gif         { background: transparent url(../images/ikone/gif.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.tif         { background: transparent url(../images/ikone/tif.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.tiff        { background: transparent url(../images/ikone/tiff.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.png         { background: transparent url(../images/ikone/png.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.bmp         { background: transparent url(../images/ikone/bmp.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.psd         { background: transparent url(../images/ikone/psd.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.cdr         { background: transparent url(../images/ikone/cdr.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.ai          { background: transparent url(../images/ikone/ai.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.eps         { background: transparent url(../images/ikone/eps.gif) no-repeat left center;}

#contentWrapper #pressMaterijali a.xls         { background: transparent url(../images/ikone/xls.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.doc         { background: transparent url(../images/ikone/doc.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.rtf         { background: transparent url(../images/ikone/rtf.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.pdf         { background: transparent url(../images/ikone/pdf.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.ppt         { background: transparent url(../images/ikone/ppt.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.pps         { background: transparent url(../images/ikone/pps.gif) no-repeat left center;}

#contentWrapper #pressMaterijali a.avi         { background: transparent url(../images/ikone/avi.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.mpeg        { background: transparent url(../images/ikone/mpeg.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.mpg         { background: transparent url(../images/ikone/mpg.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.wmv         { background: transparent url(../images/ikone/wmv.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.flv         { background: transparent url(../images/ikone/flv.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.swf         { background: transparent url(../images/ikone/swf.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.mp4         { background: transparent url(../images/ikone/mp4.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.mov         { background: transparent url(../images/ikone/mov.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.rm          { background: transparent url(../images/ikone/rm.gif) no-repeat left center;}

#contentWrapper #pressMaterijali a.mp3         { background: transparent url(../images/ikone/mp3.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.wma         { background: transparent url(../images/ikone/wma.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.qt          { background: transparent url(../images/ikone/qt.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.ra          { background: transparent url(../images/ikone/ra.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.ram         { background: transparent url(../images/ikone/ram.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.wav         { background: transparent url(../images/ikone/wav.gif) no-repeat left center;}

#contentWrapper #pressMaterijali a.zip         { background: transparent url(../images/ikone/zip.gif) no-repeat left center;}
#contentWrapper #pressMaterijali a.rar         { background: transparent url(../images/ikone/rar.gif) no-repeat left center;}
/*--------------------------------------
   FORMS
-------------------------------------- */
#contentForm { clear: none; }

#press #contentForm table { margin-left: 100px; }
#press #contentForm table#zaposljavanje { margin-left: 0 }

#regis_forma #zaposljavanje .select { width: 150px; }

#contentForm table { margin: 0 auto; }
#contentForm table td { padding: 0 0 0 20px; }
#contentForm table th { padding: 10px 0 10px 20px; text-align: left; }

#contentForm form .label { text-align: right; padding-left: 0; }
#contentForm input { margin: 3px 0; }
#contentForm select { margin: 3px 10px 3px 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #e6e6e6; padding: 2px; width: 65px; }
#contentForm .checkbox  { margin-right: 5px; vertical-align: middle; }
#contentForm .inputBg { margin: 0; padding: 0;}
#contentForm .input { border: 1px solid #e6e6e6; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px 4px; width: 150px;}
#textareaWrapper .textarea { border: 1px solid #e6e6e6; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px 4px; width: 200px;}
#contentForm .gumb { margin: 10px 5px 0 0;}
/*------------------------------------*/
#vrhLink {
	clear: both;
	padding-top: 30px; }
/*--------------------------------------
   CONTENT
-------------------------------------- */
#contentWrapper p                 {
	margin: 3px 50px 17px 0;
        }
#contentWrapper img             {
	border: none;
	margin: 0 10px 10px 10px;
        }
#contentWrapper h2                 {
	margin: 3px 50px 17px 0;
	clear: both;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #3d9dd2; 
        }
#contentWrapper ul                {
	margin: 3px 50px 17px 0; 
        }
#contentWrapper ul li              {
	background: transparent url(../images/content-list.gif) no-repeat 0 9px; padding-left: 15px; 
        }
#contentWrapper ol                {
	margin: 3px 50px 17px 0; 
        }
#contentWrapper ol li              {
	list-style: inside decimal; 
        } 
#contentWrapper a:link { color: #3e2d35; text-decoration: underline; }
#contentWrapper a:visited { color: #717171; text-decoration: underline; }
#contentWrapper a:hover,
#contentWrapper a:active { color: #3e2d35; text-decoration: none; }


#contentWrapper #contentLogo      { margin-bottom: 0; float: none; border: none; }
/*--------------------------------------
   LISTE PROIZVODA
-------------------------------------- */
#contentWrapper ul.article {
	margin: 3px 0 17px 0; 
	text-align: center;
	}
	
#contentWrapper ul.article li {
	background: none;
	padding: 40px 0 0 0;
	margin: 0 10px 20px 0;
	width: 160px;
	height: 140px;
	display: block;
	float: left;
	line-height: 15px;
	position: relative;
	vertical-align: middle;
	}
	
#contentWrapper ul.article li span.title { position: absolute; top: 0; left: 0; display: block; background: #f1f1f1; width: 160px; height: 30px; font-weight: bold; }
#contentWrapper ul.article li span.details { position: absolute; bottom: 0; left: 0; display: block; background: #fbfbfb; width: 160px; border-bottom: 1px solid #ccc; }
#contentWrapper ul.article li img { display: block; margin: 0 auto 0 auto; vertical-align: middle; }

/*--------------------------------------
   SUB-MENU - 2. razina
-------------------------------------- */
#secContentWrapper #subMenu {
	background: none;
	line-height: 10px;
	}

#subMenu li                 {
	background: transparent url(../images/dotted.gif) repeat-x bottom;
	display: block;
	width: 237px;
        }

#subMenu a                  {
	display: block;
	background: transparent url(../images/sub-menu-arrow.gif) no-repeat 13px center;
	width: 204px;
	padding: 5px 0 5px 33px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
#subMenu a:link             { color: #3e2d35; text-decoration: none; }
#subMenu a:visited          { color: #3e2d35; text-decoration: none; }
#subMenu a:hover,
#subMenu a:active           { color: #3e2d35; text-decoration: underline; background-color: #efefef; }

#subMenu #subMenuListActive { background: none; margin-bottom: 0; } /* Aktivni link 2. razine */
/*--------------------------------------
   SUB-MENU -> 3. razina
-------------------------------------- */
#subMenu .subList                    { padding-left: 20px; width: auto; background: none; }
#subMenu .subList a                  { background: none; font-weight: normal; width: 184px; }
#subMenu .subList a:hover            { background: none; }

#subMenu .subListBG                  { padding-left: 20px; width: auto; background: transparent url(../images/dotted.gif) repeat-x bottom; }
#subMenu .subListBG a                { background: none; font-weight: normal; width: 184px; }
#subMenu .subListBG a:hover          { background: none; }

#subMenu .subList2                   { padding-left: 40px; width: auto; margin-top: -3px; background: none; }
#subMenu .subList2 a                 { background: none; font-weight: normal; width: 164px; }
#subMenu .subList2 a:hover           { background: none; }

#subMenu .subList2BG                 { padding-left: 40px; width: auto; margin-top: -3px; background: transparent url(../images/dotted.gif) repeat-x bottom; }
#subMenu .subList2BG a               { background: none; font-weight: normal; width: 164px; }
#subMenu .subList2BG a:hover         { background: none; }

#subMenu li a.menuLinkOn:link,       /* Aktivni link 3. razine */
#subMenu li a.menuLinkOn:visited     { color: #da251d;}
#subMenu li a.menuLinkOn:hover,
#subMenu li a.menuLinkOn:active      { color: #da251d; text-decoration: none; }

#paginator_table { clear: both; margin-top: 30px; }
