﻿/****************** INFO ***
	Autor: Trinet racunalne usluge
	URL: http://www.trinet.hr
*/



/****************** 01/ DOKUMENT ***/
* { margin: 0; padding: 0; }
a img, fieldset { border: 0; }
* body { font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #333; text-align: center; }
body { background: #8BBCDA url(../App_Themes/mainTheme/images/pozadina.jpg) repeat-x; padding-bottom: 15px; }
table, th, td { font-size: 1em; border-collapse: collapse; }



/****************** 02/ STRUKTURA ***/
#divSadrzaj { width: 980px; margin: 0 auto; text-align: left; }
	#divZaglavlje { height: 124px; background: url(../App_Themes/mainTheme/images/zaglavlje/pozadina.jpg) no-repeat; position: relative; } 
	#divSredina { background: url(../App_Themes/mainTheme/images/sredina/pozadina.gif) repeat-y; }
		#divSreL { width: 200px; float: left;  background: url(../App_Themes/mainTheme/images/sredina/ulNavVGore.gif) 5px 0 no-repeat; }
		#divSreD { width: 780px; float: right; }
			#divSreDL { width: 580px; float: left; }
			#divSreDD { width: 200px; float: right; background: url(../App_Themes/mainTheme/images/sredina/desnoPozG.gif) 5px 0 no-repeat; }
		#divPodnozje { clear: both; background: url(../App_Themes/mainTheme/images/podnozje/pozadina.gif) 0 100% no-repeat; text-align: center; }



/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #990000; text-decoration: none; }
a:hover, a:active { color: #6AA8C6; text-decoration: underline; }	

#divPodnozje a:link, #divPodnozje a:visited { color: #989898; }
#divPodnozje a:hover, #divPodnozje a:active { color: #6AA8C6; }
		
	
	
/****************** 04/ NAVIGACIJA ***/
/** zaglavlje **/
legend { display: none; }
#div_nav_head { position: absolute; background: url(../App_Themes/mainTheme/images/zaglavlje/div_nav_head.gif) 0 0 no-repeat; width: 680px; height: 31px; right: 10px; top: 0; }
#nav_head { float: left; font-size: 1.1em; text-transform: uppercase; font-weight: bold; position: absolute; bottom: 7px; right: 5px; }
    #nav_head li { float: left; display: inline; }
        #nav_head li a { float: left; display: block; color: #fff; padding: 2px 10px; background: url(../App_Themes/mainTheme/images/zaglavlje/nav_head-li.gif) 0 50% no-repeat; }
            #nav_head li a:hover, #nav_head li a:active { color: #fffb98; text-decoration: none; }
            #nav_head li a.homepage_link { background: none; }

/** sredina lijevo **/
#divNavV { width: 190px; background: url(../App_Themes/mainTheme/images/sredina/ulNavVDole-2.gif) 0 100% no-repeat; padding: 3px 0 0 0; margin-left: 5px; }

ul.ulNavV { font-size: 1.2em; }

	/* sve razine */
	.AspNet-TreeView-Expand { float: left; width: 15px; height: 15px; background: url(/expand.gif) 50% 50% no-repeat; cursor: pointer; }
	.AspNet-TreeView-Collapse { float: left; width: 15px; height: 15px; background: url(/collapse.gif) 50% 50% no-repeat; cursor: pointer; }


	/* prva razina */
	ul.ulNavV li { list-style-type: none; /*width: 190px;*/ background: url(../App_Themes/mainTheme/images/sredina/ulNavVPozadina.gif) repeat-y; }
	
		ul.ulNavV li a, ul.ulNavV li span.AspNet-TreeView-ClickableNonLink { display: block; width: 186px; w\idth: 166px; padding: 4px 5px 3px 15px; font-weight: bold; color: #004E9B; text-decoration: none; border-top: 1px solid #fff; margin-left: 2px; background: url(../App_Themes/mainTheme/images/sredina/menuStrelicaDesno.gif) 4px 50% no-repeat; }
		ul.ulNavV li.ulNavVliBezBordera a { border-top: none; }
			ul.ulNavV li a:link, ul.ulNavV li a:visited, ul.ulNavV li a:hover, ul.ulNavV li a:active { color: #004E9B; }
			ul.ulNavV li a:hover, ul.ulNavV li a:active { background-color: #D1E8FF; text-decoration: none; }
			
			ul.ulNavV li span.AspNet-TreeView-ClickableNonLink { width: 166px; padding: 4px 5px 3px 0; margin-left: 7px; background: none; }
			ul.ulNavV li .AspNet-TreeView-Expand, ul.ulNavV li .AspNet-TreeView-Collapse { margin: 4px 0 0 12px; }

	/* druga razina */		
	ul.ulNavV li ul li a, ul.ulNavV li ul li span.AspNet-TreeView-ClickableNonLink { width: 156px; font-size: .9em; padding: 4px 5px 3px 25px; border-top: none; background-position: 14px 50%; }

		ul.ulNavV li ul li span.AspNet-TreeView-ClickableNonLink { width: 156px; padding: 4px 5px 3px 0; margin-left: 17px; }
		ul.ulNavV li ul li .AspNet-TreeView-Expand, ul.ulNavV li ul li .AspNet-TreeView-Collapse { margin: 4px 0 0 12px; }

	/* treca razina */		
	ul.ulNavV li ul li ul li a, ul.ulNavV li ul li ul li span.AspNet-TreeView-ClickableNonLink { width: 146px; padding: 4px 5px 3px 35px; font-weight: normal; background-position: 24px 50%; }

		ul.ulNavV li ul li ul li span.AspNet-TreeView-ClickableNonLink { width: 146px; padding: 4px 5px 3px 0; margin-left: 27px; }
		ul.ulNavV li ul li ul li .AspNet-TreeView-Expand, ul.ulNavV li ul li ul li .AspNet-TreeView-Collapse { margin: 4px 0 0 22px; }

	/* cetvrta razina */		
	ul.ulNavV li ul li ul li ul li a, ul.ulNavV li ul li ul li ul li span.AspNet-TreeView-ClickableNonLink { width: 136px; padding: 4px 5px 3px 45px; font-weight: normal; background-position: 34px 50%; }

		ul.ulNavV li ul li ul li ul li span.AspNet-TreeView-ClickableNonLink { width: 136px; padding: 4px 5px 3px 0; margin-left: 37px; }
		ul.ulNavV li ul li ul li ul li .AspNet-TreeView-Expand, ul.ulNavV li ul li ul li ul li .AspNet-TreeView-Collapse { margin: 4px 0 0 32px; }

	/* peta razina */		
	ul.ulNavV li ul li ul li ul li ul li a, ul.ulNavV li ul li ul li ul li ul li span.AspNet-TreeView-ClickableNonLink { width: 126px; padding: 4px 5px 3px 55px; font-weight: normal; background-position: 44px 50%; }
	
		ul.ulNavV li ul li ul li ul li ul li span.AspNet-TreeView-ClickableNonLink {  width: 126px; padding: 4px 5px 3px 0; margin-left: 47px; }
		ul.ulNavV li ul li ul li ul li ul li .AspNet-TreeView-Expand, ul.ulNavV li ul li ul li ul li ul li .AspNet-TreeView-Collapse { margin: 4px 0 0 42px; }

	/* sesta razina */		
	ul.ulNavV li ul li ul li ul li ul li ul li a, ul.ulNavV li ul li ul li ul li ul li ul li span.AspNet-TreeView-ClickableNonLink { width: 116px; padding: 4px 5px 3px 65px; font-weight: normal; background-position: 54px 50%; }
	
		ul.ulNavV li ul li ul li ul li ul li ul li span.AspNet-TreeView-ClickableNonLink { width: 116px; padding: 4px 5px 3px 0; margin-left: 57px;}
		ul.ulNavV li ul li ul li ul li ul li ul li .AspNet-TreeView-Expand, ul.ulNavV li ul li ul li ul li ul li ul li .AspNet-TreeView-Collapse { margin: 4px 0 0 52px; }

	/* sedma razina */		
	ul.ulNavV li ul li ul li ul li ul li ul li ul li a { width: 186px; w\idth: 106px; padding: 4px 5px 3px 75px; font-weight: normal; background-position: 64px 50%; }


.AspNet-TreeView-ClickableNonLink { cursor: pointer; }
	

/****************** 05/ NASLOVI ***/
/** sredina - sadrzaj **/
#divSreDL h1 { color: #fff; font-size: 1.4em; padding: 6px 10px; background: url(../App_Themes/mainTheme/images/sredina/h1Poz.jpg) no-repeat; }
	#bodyProizvodi #divSreDL h1, #bodyProizvodi-detaljno #divSreDL h1 { padding: 6px 10px 6px 30px; }
	
	#divSreDL h1 a:link, #divSreDL h1 a:visited, #divSreDL h1 a:hover, #divSreDL h1 a:active { color: #fff; }

#divSreDL h2 { color: #004E9B; font-size: 1.2em; padding: 4px 10px; background: url(../App_Themes/mainTheme/images/sredina/h2Poz.jpg) no-repeat; }
	#divSreDL h2.h2Glavni { background: url(../App_Themes/mainTheme/images/sredina/h2PozV.jpg) no-repeat; clear: both; }
	#divSreDL h2 a:link, #divSreDL h2 a:visited { color: #004E9B; }
	#divSreDL h2 a:hover, #divSreDL h2 a:active { color: #990000; }
	
	#divSreDL h2.h2Cisti, #divSreDL h3.h3Cisti { font-size: 1.4em; background: none; margin: 15px 0; padding: 0; }
	#divSreDL h3.h3Cisti { font-size: 1.2em; }
		#divSreDL h2.h2Cisti a:link, #divSreDL h2.h2Cisti a:visited { color: #990000; }
		#divSreDL h2.h2Cisti a:hover, #divSreDL h2.h2Cisti a:active { color: #004E9B; }
	
#divSreDL h3 { font-size: 1.2em; color: #004E9B; }
	#divSreDL h3 a:link, #divSreDL h3 a:visited { color: #004E9B; }
	#divSreDL h3 a:hover, #divSreDL h3 a:active { color: #990000; }

#divSreDL h2 span, #divSreDL h3 span { color: #666; }	

/** sredina desno **/
#divSreDD h2 { color: #004E9B; font-size: 1.2em; padding-bottom: 8px; }
	#divSreDD h2 span { color: #606060; font-size: .9em; display: block; }
	#divSreDD #divBoxKosarica h2 { color: #fff; padding: 0; }
		#divSreDD #divBoxKosarica h2 a { color: #fff; padding-left: 16px; background: url(../App_Themes/mainTheme/images/sredina/h2Strelica.gif) 0 50% no-repeat; }

#divSreDD h3 { color: #278ABE; font-size: 1.2em; padding: 6px 0 0 8px; background: url(../App_Themes/mainTheme/images/sredina/h3Strelica.gif) 0 11px no-repeat; }
	#divSreDD h3 span { color: #606060; }
	#divSreDD h3 a:link, #divSreDD h3 a:visited { color: #278ABE; }
	#divSreDD h3 a:hover, #divSreDD h3 a:active { color: #004E9B; }
	#divSreDD h3 a.aProizvodAktivan, #divSreDD h3 a.aProizvodAktivan span { color: #000; }
	
		
/****************** 06/ STRUKTURA - UNUTARNJA ***/
/** zaglavlje **/
#imgLogo { position: absolute; top: 24px; left: 25px; }
#divZaglavljeSlika { position: absolute; top: 5px; right: 5px; width: 700px; height: 99px; }

	/* tazilica */
	#divBoxTrazi { background: url(../App_Themes/mainTheme/images/zaglavlje/form-back.png) repeat; width: 319px; height: 31px; position: absolute; bottom: 10px; right: 10px; }
	#divBoxTrazi fieldset { width: 325px; height: 31px; position: relative; }
	.formTraziInput { background: url(../App_Themes/mainTheme/images/zaglavlje/formInputPoz.gif) no-repeat; border: 1px solid #3680A9; font-size: 1.2em; height: 25px; line-height: 25px; padding: 0 5px; width: 263px; position: absolute; left: 2px; top: 2px; }
		.formTraziInput:focus { border: 1px solid #000; }
	.formTraziSubmit { width: 38px; height: 27px; position: absolute; top: 2px; left: 279px; }

/** sredina lijevo **/
#divNavSajmovi { text-align: center; }
	#divNavSajmovi h2 { width: 180px; height: 40px; text-indent: -9999px; background: url(../App_Themes/mainTheme/images/sajmovi/naslovSajmovi.gif) no-repeat; margin: 15px auto 5px; }
	#divNavSajmovi img { margin: 5px auto; }
	
    /* kosarica */
	#divBoxKosarica { background: url(../App_Themes/mainTheme/images/sredina/divKosaricaPoz.gif) no-repeat; width: 185px; w\idth: 165px; height: 62px; margin: 19px 0 0 5px; padding: 10px; color: #fff; } 
		#divBoxKosarica p { font-size: 1.2em; color: #fff; padding: 0 0 0 16px; }
			#divBoxKosarica strong { display: block; padding-top: 6px; }
			#divBoxKosarica a { color: #fff; }
	
	/* web shop */
	#divWebShopUlaz { margin: 10px 0 10px 5px; padding-top: 3px; }

/** sredina - sadrzaj **/
#divSreDLSadrzaj { padding: 10px; }
#divH1Box { background: url(../App_Themes/mainTheme/images/sredina/h1BoxPoz.gif) 0 100% no-repeat; padding-bottom: 3px; }

.divH2Box { background: url(../App_Themes/mainTheme/images/sredina/h2BoxPoz.gif) 0 100% no-repeat; padding-bottom: 3px; }
	.divH2BoxGlavni { background: url(../App_Themes/mainTheme/images/sredina/h2BoxPozV.gif) 0 100% no-repeat; padding-bottom: 3px; }
#divSreDLSadrzaj p, #divSreDLSadrzaj dl, #divSreDLSadrzaj ul { font-size: 1.2em; padding-top: 10px; line-height: 140%; }
	#divSreDLSadrzaj ul li { list-style-type: none; margin-left: 10px; padding: 2px 0 2px 8px; background: url(../App_Themes/mainTheme/images/sredina/h3Strelica.gif) 0 7px no-repeat; }
	#divSreDLSadrzaj dt { margin-top: 10px; font-weight: bold; }
	#divSreDLSadrzaj dd { margin-top: 3px; }
	
	.divBoxTablica { background: #cde7ff url(../App_Themes/mainTheme/images/sredina/boxFormularPozG.jpg) no-repeat; margin-bottom: 15px; width: 560px; }
		.divBoxTablicaSadrzaj { background: url(../App_Themes/mainTheme/images/sredina/boxFormularPozD.gif) 0 100% no-repeat; padding: 15px 15px 18px; }
	
	.tblTablica { clear: both; width: 100%; }
		.tblTablica th { background-color: #2889be; padding: 4px 5px; font-weight: bold; color: #fff; text-align: left; font-size: 1.2em; }
		.tblTablica td { border-bottom: 1px solid #93c4de; padding: 4px 5px; text-align: left; font-size: 1.2em; }
			.tblTablica tr.trTamni td { background-color: #cde2f5; }
			.tblTablica tr.trTamniOznacen td { background-color: #f3f7b1; }
			.tblTablica tr td a { font-weight: bold; }
			.tblTablica tr td.tdTh { text-align: right; width: 160px; } 
	
	table.tblEvent { margin: 15px 0; }
		table.tblEvent td { background-color: #edf2f7; font-size: 1.1em; }
		
	table.tblCjenik { margin: 0 0 25px; }
		table.tblCjenik td { background-color: #edf2f7; font-size: 1.2em; color: #004E9B; }
			
	.formInput, .formInputObavezan, .formTextarea { background: url(../App_Themes/mainTheme/images/sredina/formInputPoz.gif) no-repeat; border: 1px solid #3680A9; padding: 3px 5px; width: 240px; w\idth: 230px; font-size: 1em; }
		.formInputObavezan { border: 1px solid #d40000; }
			.formTextarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; }
			.formSubmit { color: #fff; background-color: #259e27; font-size: 1.2em; font-weight: bold; padding: 3px 10px; border-top: 3px double #36b239; border-right: 3px double #208d23; border-bottom: 3px double #208d23; border-left: 3px double #36b239; }
			.tblTablica .formSubmit { font-size: 1em; }
			
	/* veliki banner */
	.divBanner { margin: 5px 0 15px; }
	.divBannerSadrzaj { padding: 10px 20px; background: url(../App_Themes/mainTheme/images/banneri/bannerDole.gif) 0 100% no-repeat; }
	
	/* mali banneri */
		/* posao */
		#divBanner-posao { position: relative; width: 180px; height: 57px; background: url(../App_Themes/mainTheme/images/banneri/posao.jpg) no-repeat; text-indent: -9999px; margin: 14px 0 0 5px; z-index: 1; }
			#divBanner-posao a { position: absolute; top: 0; left: 0; width: 180px; height: 57px; }	
		
		/* mediafinder 01 */
		#divBanner-mediafinder01 { position: relative; width: 180px; height: 77px; background: url(../App_Themes/mainTheme/images/banneri/mediafinder02.gif) no-repeat; text-indent: -9999px; margin: 8px 0 0 5px; z-index: 1; }
			#divBanner-mediafinder01 a { position: absolute; top: 0; left: 0; width: 180px; height: 77px; }	
			
	    /* rabljena 01 */
		#divBanner-rabljena01 { position: relative; width: 180px; height: 77px; background: url(../App_Themes/mainTheme/images/banneri/rabljena01.gif) no-repeat; text-indent: -9999px; margin: 8px 0 0 5px; z-index: 1; }
			#divBanner-rabljena01 a { position: absolute; top: 0; left: 0; width: 180px; height: 77px; }
			
	    /* icc 01 */
		#divBanner-icc01 { position: relative; width: 180px; height: 77px; background: url(../App_Themes/mainTheme/images/banneri/ICC.gif) no-repeat; text-indent: -9999px; margin: 8px 0 0 5px; z-index: 1; }
			#divBanner-icc01 a { position: absolute; top: 0; left: 0; width: 180px; height: 77px; }
			
		/* galerija 01 */
		#divBanner-galerija { position: relative; width: 180px; height: 47px; background: url(../App_Themes/mainTheme/images/banneri/galerija.jpg) no-repeat; text-indent: -9999px; margin: 8px 0 0 5px; z-index: 1; }
			#divBanner-galerija a { position: absolute; top: 0; left: 0; width: 180px; height: 47px; }

	/* lista proizvodjaca - naslovnica */
	.boxProizvodjacHome { width: 273px; background: url(../App_Themes/mainTheme/images/sredina/boxProizvodListaPoz.jpg) 100% 100% no-repeat; margin-bottom: 10px; }
	.boxProizvodjacHomeL { float: left; clear: left; }
	.boxProizvodjacHomeD { float: right; clear: right; }
	
	    #divSreDLSadrzaj .boxProizvodjacHome p { padding-left: 25px; padding-right: 25px; font-size: 1.3em; color: #000; }
	    #proizvodjac_home_seiko { background: url(../App_Themes/mainTheme/images/homepage_boxes/seiko-infotech.gif) 50% 50% no-repeat; }
	    #proizvodjac_home_mutoh { background: url(../App_Themes/mainTheme/images/homepage_boxes/mutoh.gif) 50% 50% no-repeat; }
	    #proizvodjac_home_caldera { background: url(../App_Themes/mainTheme/images/homepage_boxes/caldera.gif) 50% 50% no-repeat; }
	    #proizvodjac_home_neolt { background: url(../App_Themes/mainTheme/images/homepage_boxes/neolt.gif) 50% 50% no-repeat; }
	    #proizvodjac_home_hp { background: url(../App_Themes/mainTheme/images/homepage_boxes/hp.gif) 50% 50% no-repeat; }
	    #proizvodjac_home_display { background: url(../App_Themes/mainTheme/images/homepage_boxes/display.gif) 50% 50% no-repeat; }
	    
	    .boxProizvodjacHome .aProizvodListaOpsirnije { margin-left: 25px; }
	
	
	/* lista proizvoda */
	.boxProizvodListaL, .boxProizvodListaD { width: 273px; background: url(../App_Themes/mainTheme/images/sredina/boxProizvodListaPoz.jpg) 100% 100% no-repeat; margin-bottom: 10px; }
	#bodyProizvodi .boxProizvodListaL, #bodyProizvodi .boxProizvodListaD, #bodyProizvodjaci .boxProizvodListaL, #bodyProizvodjaci .boxProizvodListaD { margin-bottom: 10px !important; margin-bottom: 0; }
	.boxProizvodListaL { float: left; clear: left; }
	.boxProizvodListaD { float: right; clear: right; }
		.imgProizvodLista { float: right; margin: 10px; border: 2px solid #E1E1E1; }
		.aProizvodListaOpsirnije { clear: both; text-align: left; padding: 10px 10px 10px 0; }
			.aProizvodListaOpsirnije a { font-size: 1.1em; font-weight: bold; background: url(../App_Themes/mainTheme/images/sredina/strelicaDesno.gif) no-repeat; padding-left: 15px; }
	
		.boxProizvodNaruci { clear: both; background: #f6f6f6; color: #000; font-size: 1.2em; border: 1px solid #ddd; padding: 5px; text-align: right; margin: 10px 10px 0 0; height: 20px; }
			.boxProizvodNaruci strong { padding-right: 10px; line-height: 17px; float: left; color: #004E9B; }
			.boxProizvodNaruci img { vertical-align: bottom; }
			
		#divSreDLSadrzaj p.pSifra { font-size: 1.1em; color: #990000; }
		  
		.boxProizvodListaL .btnOpsirnije, .boxProizvodListaD .btnOpsirnije { clear: both; padding: 10px 0; }
	
	/* lista proizvoda - grid */
	.tblIzlist { width: 100%; font-size: 1.1em; }
	.tblIzlist tr th { background-color: #3a9ed2; padding: 4px; color: #fff; font-weight: bold; text-align: left; border-top: 3px solid #b9dcff; }
	.tblIzlist tr td { border-bottom: 1px solid #D6DDE4; padding: 4px; color: #333; text-align: left; background-color: #fff; }
		 .tblIzlist tr.trTamni td { background-color: #f5f8fa; }
		 .tblIzlist tr.trTamniOznacen td { background-color: #f3f7b1; }
		 
		 .tdNaziv { width: 120px; font-weight: bold; font-size: 1.1em; }
			.tdNaziv span { display: block; display: block; padding-top: 5px; font-weight: normal; font-size: .9em; }
		 .tblIzlist tr td.tdOpis { color: #222; font-size: 1em; padding-top: 6px; }
			.tblIzlist tr td.tdOpis div.divIzlistSvojstva { color: #555; padding: 10px 0; }
			.tblIzlist .btnOpsirnije { padding: 5px 0; }
		 .tblIzlist tr td.tdCijena { font-size: 1.1em; width: 1%; white-space: nowrap; font-weight: bold; color: #004E9B; text-align: right; }
			.btnKosarica { display: block; padding: 5px 0; }
			
			#divSreDLSadrzaj .tblIzlist tr td.tdOpis div.divIzlistSvojstva table { font-size: 1em; padding: 0; line-height: 110%; color: #143351; width: 99%; }
				#divSreDLSadrzaj .divIzlistSvojstva tr th { padding: 2px 3px 2px 8px; border: none; text-align: left; font-weight: bold; color: #111; background: none; border-bottom: 2px solid #e1e8ef; }
				#divSreDLSadrzaj .divIzlistSvojstva tr td { padding: 2px 3px; border-bottom: 1px solid #e1e8ef; }
				#divSreDLSadrzaj .divIzlistSvojstva tr td.tdNazivSvojstva { padding: 2px 3px 2px 8px; background: url(../App_Themes/mainTheme/images/sredina/h3Strelica.gif) 0 7px no-repeat; width: 100px; }
	
	.lblNemaProizvoda { display: block; padding: 10px 0; font-size: 1.3em; font-weight: bold; color: #004E9B; }
	
	.divPaginacijaButtoni { text-align: center; padding: 10px 0; clear: both; }
	.divPaginacijaStranice { text-align: center; padding: 10px 0; font-size: 1.2em; font-weight: bold; clear: both; }
	
	/* proizvod - detaljno */
	.boxProizvodDetaljnoL { float: left; width: 290px; margin-bottom: 15px; }
	.boxProizvodDetaljnoD { float: right; width: 254px; margin-bottom: 15px; }
		.imgProizvodDetaljno { border: 2px solid #E1E1E1; margin-top: 10px; }
		
		/* box dodatno o proizvodu */
		.divBoxProizvodDodatno { clear: both; padding-top: 10px; }
			.divBoxProizvodDodatneInfo { border: 1px solid #D9D9D9; padding: 10px; background-color: #FFFFE5; }
			.divBoxProizvodSvojstva { border: 1px solid #eee; padding: 10px; background-color: #f7f7f7; }
			
			.divBoxProizvodDodatneInfo ul, .divBoxProizvodSvojstva table { font-size: 1.1em; list-style: none; }
			 	.divBoxProizvodDodatneInfo ul li { padding: 3px 0; }
					.divBoxProizvodDodatneInfo a, .aPovratakKategorija { display: block; font-weight: bold; padding: 0 0 0 25px; background: url(../App_Themes/mainTheme/images/sredina/ikDoc-Razno.gif) no-repeat; }
						p a.aPovratakKategorija { font-size: .9em; }
						.divBoxProizvodDodatneInfo a.aDodatno-pdf { background: url(../App_Themes/mainTheme/images/sredina/ikDoc-pdf.gif) no-repeat; }
						.divBoxProizvodDodatneInfo a.aDodatno-doc, .divBoxProizvodDodatneInfo a.aDodatno-docx { background: url(../App_Themes/mainTheme/images/sredina/ikDoc-doc.gif) no-repeat; }
						.divBoxProizvodDodatneInfo a.aDodatno-xls, .divBoxProizvodDodatneInfo a.aDodatno-xlsx { background: url(../App_Themes/mainTheme/images/sredina/ikDoc-xls.gif) no-repeat; }
						.aPovratakKategorija { font-size: 1.1em; margin-top: 20px; background: url(../App_Themes/mainTheme/images/sredina/strelicaLijevo.gif) 0 3px no-repeat; padding: 2px 0 2px 17px;  }
							.divBoxProizvodDodatneInfo a span { font-weight: normal; font-style: italic; }
							
				 .divBoxProizvodSvojstva table { width: 100%; margin: 10px 0; }
					.divBoxProizvodSvojstva tr th { padding: 4px; font-weight: bold; text-align: left; border-bottom: 2px solid #D6DDE4; }
					.divBoxProizvodSvojstva tr td { border-bottom: 1px solid #D6DDE4; padding: 4px; color: #333; text-align: left; }
						.divBoxProizvodSvojstva tr td.tdSvojstvo { color: #000; }
		
		/* cijena proizvoda */
		.boxProizvodCijena { clear: both; width: 538px; border: 1px solid #64ba80; background-color: #f8f8f8; padding: 10px; text-align: right; }
			#divSreDLSadrzaj .boxProizvodCijena p { color: #000; font-size: 1.8em; font-weight: bold; margin: 0; padding: 0; float: left; text-align: right; width: 280px; }
				
				#divSreDLSadrzaj .boxProizvodCijena p.pCijenaOstale { color: #000; font-size: 1.3em; font-weight: normal; font-style: italic; }
					#divSreDLSadrzaj .boxProizvodCijena p.pCijenaOstale span { color: #555; }
		
		#divSreDLSadrzaj p.pCijeneObavijest	{ font-size: 1.1em; padding: 5px 0 0; color: #888; }
		
	/* logiranje */
	.tblLogiranje { width: 100%; }
	
	/* o nama */
	#divBoxOnamaProizvodnja { float: right; width: 156px; background-color: #f2f2f2; font-size: .9em; color: #555; margin: 0 0 15px 15px }
		#divBoxOnamaProizvodnja p { padding: 10px; line-height: 1.5em; }
		
	/* kontakt */
	.boxKontaktL, .boxKontaktD { width: 273px; background: url(../App_Themes/mainTheme/images/sredina/boxProizvodListaPoz.jpg) 100% 100% no-repeat; margin-bottom: 10px; }
		.boxKontaktL { float: left; padding-bottom: 10px; }
		.boxKontaktD { float: right; padding-bottom: 10px; }
			
		.formKontaktInput, .formKontaktTextarea { background: url(../App_Themes/mainTheme/images/sredina/formInputPoz.gif) no-repeat; border: 1px solid #3680A9; padding: 2px 5px; width: 240px; w\idth: 230px; font-size: 1em; }
		.formKontaktTextarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; }
		.formKontaktSubmit { background-color: #E0EEF5; font-size: 1em; font-weight: bold; padding: 3px 10px; border-top: 3px double #81B9D8; border-right: 3px double #3680A9; border-bottom: 3px double #3680A9; border-left: 3px double #81B9D8; }
		
		#divKontaktZahvala { border: 1px solid #B2D3B3; padding: 5px; margin-top: 20px; background-color: #DFF3DF; font-size: .9em; font-weight: bold; color: #155516; }
			#divKontaktZahvala div { background-color: #F0F9F0; padding: 0 10px 10px; }
		
		#ValidationSummary1 { border: 3px double #DBBABA; padding: 0 5px 5px 5px; margin-top: 20px; background-color: #EDDFDF; }
			
		.spanAsterisk { font-weight: bold; font-size: 1.1em; color: #FF0000; }

	/* kosarica */
	.tblKosarica { width: 100%; font-size: 1.1em; }
	.tblKosarica tr th { background-color: #3a9ed2; padding: 4px; color: #fff; font-weight: bold; text-align: left; border-top: 3px solid #b9dcff; }
	.tblKosarica tr td { border-bottom: 1px solid #D6DDE4; padding: 4px; color: #333; text-align: left; background-color: #fff; }
		 .tblKosarica tr.trTamni td { background-color: #f5f8fa; }
		 .tblKosarica tr.trTamniOznacen td { background-color: #f3f7b1; }
		 .tblKosarica .formInput { width: 30px; }
		 
		 span.spanCijena { color: #990000; }
		 .formSubmitCijena { margin-top: 20px; }
		 
	/* 10 godina TEPEDE-a */
	.divBox10godina { float: left; clear: left; width: 270px; height: 300px; margin-top: 10px; text-align: center; }
	.divBox10godinaD { float: right; clear: right; }
		.divBox10godina img { margin: 0 auto; border: 5px solid #E1E1E1; }
	
	

/** sredina desno **/
	
	/* proizvodjaci */
	#divBoxNovosti { background: url(../App_Themes/mainTheme/images/sredina/divBoxNovostiPoz.gif) repeat-y; width: 160px; margin: 5px 0 0 10px; padding: 10px; }
	.divNovost { /*background: url(../App_Themes/mainTheme/images/sredina/divNovostPoz.gif) repeat-x;*/ padding-bottom: 3px; }
		.divNovost p { font-size: 1.2em; color: #555; padding: 0 0 5px 18px; }
		
		#divBoxNovosti .aOpsirnije { display: block; padding-top: 10px; font-size: 1.1em; }
	
/** podnozje **/
#divPodnozje p { font-size: 1.1em; color: #989898; padding: 10px; }
	#divPodnozje p span { font-weight: bold; }
	
	
	
	
	
	
	
	
	
/**** =BANNER SLIDER -----------------------------------****/
.scrollable { position: relative; overflow: hidden; width: 560px; height: 330px; } 
.items { width: 20000em; position: absolute; } 
.slide_banner { width: 560px; height: 330px; float: left; } 


#divSreDLSadrzaj ul#slide_nav { float: left; padding-top: 0; padding-bottom: 15px; }
#divSreDLSadrzaj ul#slide_nav li { float: left; display: inline; margin: 0; padding: 0; background: none;  }

#divSreDLSadrzaj ul#slide_nav a { background-position: 50% -63px; background-repeat: no-repeat; float: left; display: block; width: 69px; height: 60px; text-indent: -9999px; border: 1px solid #eee; border-top: none; border-left: none; outline: none; }
    #divSreDLSadrzaj ul#slide_nav li.first_item a { width: 68px; border-left: 1px solid #eee; }

#divSreDLSadrzaj ul#slide_nav a.aktivan { background-position: 50% 0; height: 60px; border-color: #777; }

#divSreDLSadrzaj ul#slide_nav a#slide_nav_1 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/seiko_m_1.jpg); }
#divSreDLSadrzaj ul#slide_nav a#slide_nav_2 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/epson_m_1.jpg); }
#divSreDLSadrzaj ul#slide_nav a#slide_nav_3 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/3m_m_1.jpg); }
#divSreDLSadrzaj ul#slide_nav a#slide_nav_4 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/mutoh_m_1.jpg); }
#divSreDLSadrzaj ul#slide_nav a#slide_nav_5 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/neolt_m_1.jpg); }
#divSreDLSadrzaj ul#slide_nav a#slide_nav_6 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/efi-rastek_m_1.jpg); }
#divSreDLSadrzaj ul#slide_nav a#slide_nav_7 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/triangle_m_1.jpg); }
#divSreDLSadrzaj ul#slide_nav a#slide_nav_8 { background-image: url(../App_Themes/mainTheme/images/banneri-slide/mutoh-rasprodaja_m_1.jpg); }

/* banner 1 - seiko */
#slide_banner_1 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/seiko2.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_1 h2 { background: none; }
	#slide_banner_1 a { position: absolute; z-index: 100; }
		#slide_banner_1 a#banner_1_link_1 { bottom: 10px; right: 0; width: 560px; height: 100px; }
		#slide_banner_1 a#banner_1_link_2 { top: 25px; left: 207px; width: 188px; height: 67px; }		
		#slide_banner_1 a#banner_1_link_3 { top: 110px; left: 0; width: 560px; height: 100px; }
		#slide_banner_1 a#banner_1_link_4 { top: 18px; right: 10px; width: 108px; height: 70px; z-index: 200; }

/* banner 2 - epson */
#slide_banner_2 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/epson.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_2 h2 { background: none; }
	#slide_banner_2 a { position: absolute; z-index: 100; }
		#slide_banner_2 a#banner_2_link_1 { top: 0; left: 0; width: 560px; height: 330px; }

/* banner 3 - 3M */
#slide_banner_3 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/3m.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_3 h2 { background: none; }
	#slide_banner_3 a { position: absolute; z-index: 100; }
		#slide_banner_3 a#banner_3_link_1 { top: 0; left: 0; width: 560px; height: 330px; }

/* banner 4 - mutoh */
#slide_banner_4 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/mutoh2.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_4 h2 { background: none; }
	#slide_banner_4 a { position: absolute; z-index: 100; }
		#slide_banner_4 a#banner_4_link_1 { top: 0; left: 0; width: 560px; height: 330px; }
		#slide_banner_4 a#banner_4_link_2 { top: 0; right: 0; width: 90px; height: 90px; background: transparent; z-index: 200; }

/* banner 5 - neolt */
#slide_banner_5 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/neolt.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_5 h2 { background: none; }
	#slide_banner_5 a { position: absolute; z-index: 100; }
		#slide_banner_5 a#banner_5_link_1 { top: 0; left: 0; width: 560px; height: 330px; }

/* banner 6 - efi rastek */
#slide_banner_6 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/efi-rastek1.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_6 h2 { background: none; }
	#slide_banner_6 a { position: absolute; z-index: 100; }
		#slide_banner_6 a#banner_6_link_1 { height: 61px; left: 196px; top: 128px; width: 169px; }
		#slide_banner_6 a#banner_6_link_2 { bottom: 10px; height: 136px; right: 10px; width: 195px; }
		#slide_banner_6 a#banner_6_link_3 { height: 125px; left: 20px; top: 10px; width: 205px; }
		#slide_banner_6 a#banner_6_link_4 { height: 140px; right: 10px; top: 10px; width: 185px; }
		#slide_banner_6 a#banner_6_link_5 { bottom: 10px; height: 131px; left: 20px; width: 213px; }

/* banner 7 - triangle */
#slide_banner_7 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/triangle.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_7 h2 { background: none; }

/* banner 8 - mutoh rasprodaja */
#slide_banner_8 { position: relative; background: url(../App_Themes/mainTheme/images/banneri-slide/mutoh-rasprodaja1.jpg) no-repeat; text-indent: -9999px; z-index: 1; }
	#slide_banner_8 h2 { background: none; }