@charset "utf-8";
.Svi {
	font-family:Arial, Helvetica, sans-serif, arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-attachment: fixed;
	background-color: #000000;
	height: 800px;
	width: 800px;
	margin: 30px;
	border: 1px solid  #80aa00;
	/*opacity:0.4;filter:alpha(opacity=40)*/
}

body {
	
	text-align: center;
	margin: 0px;
	padding: 0px;
	min-width:800px;/* stop mozilla sliding off the edge */
	background: #000000 url(Potrepstine/pozadinaglavna.jpg);
	background-repeat:repeat-x;
	}

.central {
margin-right: auto;
margin-left: auto;
position: relative;
width: 800px;
text-align: left;
}


.gore {
	background-color:#526c00;
	height:195px;
	width:800px;
	float:left;
	clear:both;
}

	.slikaG {
	background:url(Potrepstine/SlikaG1.png);
	width:640px;
	height:160px;
	float:right;
	clear:right;
	}

	#logo a {
	background: url(Potrepstine/LogoUPiOVER.jpg);
	height:160px;
	width:160px;
	float:left;
	clear:left;
}
	#logo a:hover {
	background-position:right;
}
	#logo a:active {
	background-position:right;
}

	.goreD {
	background:url(Potrepstine/Racing.jpg);
	width:800px;
	float:left;
	clear:left;
}

.sredina {
	background:#000000;
	width:800px;
	height:600px;
	float:left;
	clear:both;
}

.sadrzaj {
	background:#455b00 url(Potrepstine/PozadinaS2.jpg);
	background-repeat:repeat-x;
	height:605px;
	width:638px;
	float:right;
	clear:right;
	
	
}

.sadrzajserviscjenik {
	background:#455b00 url(Potrepstine/PozadinaS2.jpg) fixed;
	background-repeat:repeat-x;
	height:605px;
	width:638px;
	float:right;
	clear:right;
	overflow:auto;
	background-position:top;
	
	
	
}



.sadrzajgalerija {
	background:#000000;
	background-repeat:repeat-x;
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	background-position:top;
	
	
	
}

.naslovicjenik {
	color:#99CC00;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}

.sadrzajKontakt {
	background:#000000;
	height:605px;
	width:638px;
	float:right;
	clear:right;

}

.uizradi {
	background:url(Potrepstine/Uizradi.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:350px;
	height:350px;
	margin-left:125px;
	margin-top:50px;
	}

.slicice {
	width:50px;
	float:left;
	clear:left;
	
	}

.slicicecrtice {
	width:50px;
	float:left;
	clear:left;
	display:inline;
	text-align:center;
	}

.crtice {
	float:left;
	clear:left;
	margin-bottom:51px;
	
	}

.info {
	width:439px;
	float:right;
	clear:right;
	margin-top:78px;
		}
		
.gdje {
	float:left;
	clear:left;
	display:inline;
	font-size:15px;
	color:#CCCCCC;
	font-weight:bold;
	margin-left:65px;
	margin-top:10px;
	text-decoration:none;
	}
	
	
	
.zajedno {
	float:left;
	clear:left;
	}
	
.prostor {
	width:550px;
	height:120px;
	border:1px solid #99CC00;
	display:inline;
	margin-left:40px;
	margin-top:10px;
	float:left;
	
	}
	
.spacing {
	width:500px;
	height:20px;
	float:left;
	}
	
.monkey {color:#99CC00;
		}
	
.ikonice{
	
	float:left;
	clear:left;
	margin-left:70px;
	margin-top:70px;
	display:inline;
			}

.radno	{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	margin-bottom:90px;
	margin-left:15px;
	font-weight:bold;
	float:left;
	clear:left;
	display:inline;
	
	
	}
	
.crticashop {
	float:left;
	clear:left;
	margin-top:21px;
	}
	
.crticagdje {
	float:left;
	clear:left;
	margin-top:8px;
	}
	
.radnoshop {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	font-weight:bold;
	float:right;
	clear:right;
	display:inline;
	width:265px;
	
	}
	
.aia {
	width:450px;
	}	
	
.adresagdje {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	float:right;
	clear:right;
	display:inline;
	width:290px;
	margin-top:23px;
	
	}

.tel	{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	margin-bottom:60px;
	margin-left:15px;
	font-weight:bold;
	float:left;
	clear:left;
	display:inline;
	width:150px;
	
	}
	
.mailinfo	{
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #999999;
	margin-left:15px;
	margin-bottom:50px;
	float:left;
	clear:left;
	text-decoration:none;
	display:inline;
	font-weight:bold;
	width:150px;	
		}
	

	
.adresa {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	margin-left:15px;
	font-weight:bold;
	float:left;
	clear:left;
	display:inline;
	width:120px;
	}
	
	
.razmak {
	color: #999999;
	margin-bottom:7px;
	text-decoration:none;
	}

.razmakradno {
	color: #999999;
	margin-bottom:14px;
	text-decoration:none;
	}
	
.okvirTU {
	border:1px #557200 solid;
	}

.sadrzajServis {
	background:#000000;
	height:605px;
	width:639px;
	float:right;
	clear:right;
	
}

.sadrzajIzdvajamo {
	background:#000000 url(Potrepstine/izdvajamosadrzajpozbox.jpg) repeat-y;
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}

.sadrzajCjeniciH {
	background:#000000;
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}

.slikaakcija {
	margin-top:50px;
	margin-left:15px;
	}
	
.slikaakcijaPlotter {
	margin-top:10px;
	margin-left:5px;
	}
	
.crtaakcije {
	margin-top:25px;
	margin-bottom:25px;
	}
	
.textakcija {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	float:right;
	text-align:left;
	margin-top:35px;
	margin-right:35px;
	display:inline;
	width:380px;
	
	}
	
.textakcijaPlotter {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	float:right;
	text-align:left;
	margin-top:35px;
	margin-right:55px;
	display:inline;
	width:380px;
	
	}
	
.textakcijanotebook {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	float:right;
	text-align:left;
	margin-top:35px;
	margin-right:0px;
	display:inline;
	width:380px;
	
	}

.tekstplacanje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #99cc00;
	margin-bottom:10px;	
	margin-top:15px;
	float:left;
	clear:left;
	width:500px;
	height:20px;

}

.imeproizvodaakcija {
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#99CC00;
	display:inline;
	margin-left:30px;
	margin-top:15px;
	font-weight:bold;
	}	

.naslislakcija {

	width:200px;
	height:200px;
	float:left;
	clear:left;
	}
	
.naslislakcijaPlotter{

	width:200px;
	height:160px;
	float:left;
	clear:left;
	}
	


.sadrzajakcijaPlotter {
	background: url(Potrepstine/160x600cr.gif) right no-repeat #000000;
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}

.sadrzajakcija {
	background:#000000;
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}

.sadrzajakcijaHP {
	background:#000000 url(Potrepstine/AkcijaHP.jpg);
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}

.sadrzajakcijaOptoma {
	background:#000000 url(Potrepstine/Akcija-Optoma639.jpg);
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}

.sadrzajakcijaAcer {
	background:#000000 url(Potrepstine/AkcijastrAcer.jpg);
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}


.sadrzajakcijaHPkalkulator {
	background:#000000 url(Potrepstine/AkcijaHPkalkulator.jpg);
	height:605px;
	width:639px;
	float:right;
	clear:right;
	overflow:auto;
	
}

.floatLmonitori {
		float:left;
		clear:left;
		margin-left:10px;
		
		display:inline;
		background:#000000;
		
		}

.serviskompozicija{
		
		width:500px;
		height:230px;
		display:inline;
		float:left;
		clear:left;
		margin-left:105px;
		margin-top:15px;
		}
		
.servislogici {
		
		width:600px;
		height:340px;
		display:inline;
		float:left;
		clear:left;
		margin-left:18px;
		margin-top:10px;
		}
		
.hpsredina {
	float:left;
	clear:left;
	display:inline;
	margin-left:200px;
	}
		
.logicidrzidesno {
	float:right;
	clear:right;
	width:575px;
	}		
	
.logicidrzidesno1 {
	float:right;
	clear:right;
	width:380px;
	}		
	
.logicidrzidesno2 {
	float:right;
	clear:right;
	width:270px;
	}		
.logicidrzidesno3 {
	float:right;
	clear:right;
	width:160px;
	}		
		
#intel a {
	background:url(Potrepstine/intel.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#intel a:hover{
	background-position:right;
	}
	

#epson a {
	background:url(Potrepstine/epson.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#epson a:hover{
	background-position:right;
	}


#hp a {
	background:url(Potrepstine/hp.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#hp a:hover{
	background-position:right;
	}

#hpakc a {
	background:url(Potrepstine/hp.jpg);
	width:102px;
	height:74px;
	float:left;
	border:1px solid 455b00;
	}
#hpakc a:hover{
	background-position:right;
	border:1px solid 455b00;
	}

#microsoft a {
	background:url(Potrepstine/microsoft.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#microsoft a:hover{
	background-position:right;
	}

#ibm a {
	background:url(Potrepstine/ibm.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#ibm a:hover{
	background-position:right;
	}

#amd a {
	background:url(Potrepstine/amd.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#amd a:hover{
	background-position:right;
	}


#philips a {
	background:url(Potrepstine/philips.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#philips a:hover{
	background-position:right;
	}

#fujitsusimens a {
	background:url(Potrepstine/fujitsusimens.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#fujitsusimens a:hover{
	background-position:right;
	}


#lexmark a {
	background:url(Potrepstine/lexmark.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#lexmark a:hover{
	background-position:right;
	}



#dell a {
	background:url(Potrepstine/dell.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#dell a:hover{
	background-position:right;
	}
	
#samsung a {
	background:url(Potrepstine/samsung.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#samsung a:hover{
	background-position:right;
	}

#asus a {
	background:url(Potrepstine/asus.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#asus a:hover{
	background-position:right;
	}

#ati a {
	background:url(Potrepstine/ati.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#ati a:hover{
	background-position:right;
	}

#cisco a {
	background:url(Potrepstine/cisco.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#cisco a:hover{
	background-position:right;
	}
	
#maxtor a {
	background:url(Potrepstine/maxtor.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#maxtor a:hover{
	background-position:right;
	}
	
#dlink a {
	background:url(Potrepstine/dlink.jpg);
	width:102px;
	height:74px;
	float:left;
	}
#dlink a:hover{
	background-position:right;
	}
	
					

.sadrzajSL {
		width:330px;
		height:600px;
		float:left;
		clear:left;
		}
		
.sadrzajHL {
		width:330px;
		height:590px;
		float:left;
		clear:left;
		margin-left:10px;
		margin-top:10px;
		}
		
		
.sadrzajSD {
	width:330px;
	height:600px;
	float:right;
	clear:right;
	}
	
.sadrzajHLD {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
	
.servislink {
	text-align:center;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	border: #557200;
	} 
		
	
.serviser {
	width:300px;
	height:122px;
	float:left;
	clear:left;
	}
	
.serviserinfo {
	width:150px;
	height:110px;
	float:right;
	clear:right;
		}
	
.serviserime {
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#99CC00;
	float:left;
	clear:left;
	}
	
.servisertitula {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	float:left;
	clear:left;
	margin-top:15px;
	}

	
.servisermail {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #99CC00;
	float:left;
	clear:left;
	text-decoration:none;
	margin-top:3px;
	}
	
.servisertele {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	float:left;
	clear:left;
	margin-top:5px;
	}
		
.slikaserviser {
	
	width:70px;
	height:70px;
	margin-top:27px;
	margin-left:35px;
	float:left;
	clear:left;
	}
	
.dijeliservis {
	width:300px;
	height:1px;
	float:left;
	clear:left;
	}

.praznina {
	width:330px;
	height:100px;
	float:right;
	clear:right;
	}

.dijeliservisD {
	background:url(Potrepstine/CrtaDijeliHSD.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:300px;
	height:1px;
	float:right;
	clear:right;
	margin-right:18px;
	margin-bottom:10px;
	
	}

.sadrzajNovo {
	background: #526c00 url(Potrepstine/PozadinaN.jpg) fixed ;
	background-repeat:repeat-x;
	background-position:left;
	height:605px;
	width:639px;
    overflow: auto;
	overflow: scroll;
	float:right;
	clear:right;
	}

.centrLD {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
	}

.sadrzajNL {
		width:386px;
		height:605px;
		float:left;
		clear:left;
		overflow:auto;
		}
		
.sadrzajND {
	background:#000000;
	border-left:1px #557200 solid;
	width:250px;
	height:605px;
	float:right;
	clear:right;
	}
	
.sadrzajtehno {
	background:#455b00 url(Potrepstine/PozadinaS2.jpg) fixed;
	background-repeat:repeat-x;
	height:605px;
	width:639px;
	float:right;
	clear:right;
	background-position:top;
	
	
	
}	
	
.sadrzajSD {
	background:#000000;
	width:265px;
	height:605px;
	
	float:right;
	clear:right;
	border-left:solid 1px #557200;
	}
		
.sadrzajSL {

		width:330px;
		height:600px;
		float:left;
		clear:left;
		}
		

			
.sadrzajS2 {
	width:125px;
	margin-top:7px;
	float:right;
	clear:right;
	}
	
.sadrzajS1 {
	margin-left:15px;
	display:inline;
	width:125px;
	float:left;
	clear:left;
	margin-top:7px;
	}
		
.hpmargin {
	margin-left:57px;
	margin-top:15px;
	}
	
			
.reklama {
	width:200px;
	height:150px;
	margin-left:30px;
	margin-top:40px;
	float:left;
	clear:left;
	display:inline;
		}
	
.arhivanaslov {
	width:200px;
	height:20px;
	margin-top:10px;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99cc00;
	font-weight:bold;
	}
	

	
.arhiva {

	width:220px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	clear:left;
	display:inline;	
		}
		
.vijestslija {
	border:none;
	float:left;
	}

.vijesttekst a {
	width:120px;
	float:left;
	margin-top:7px;
	margin-left:5px;
	display:inline;
	text-decoration:none;
	color:#FFFFFF;
		}
		
.vijesttekst a:hover {
	text-decoration:underline;

		}
	
.arhivacrta {
	margin-top:6px;
	margin-bottom:3px;
	}
	
.vijest {
	width:200px;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	clear:left;
	text-decoration:none;
		}

#skroler {
	position: relative;
	width:200px;
	height:150px;
	background:#99CC00;
	overflow:hidden;
	border:solid 1px;
	margin-left:30px;
	margin-top:60px;
	float:left;
	clear:left;
	}
	
.floatL{	
	float:left;
	clear:left;
	}
	
.floatLizdvajamo {	
	float:left;
	clear:left;
	width:630px;
	}
	
.skinuticjenik {
	float:right;
	display:inline;
	margin-top:15px;
	margin-right:15px;
	margin-bottom:5px;
	border:none;
	}
	
.delink {
	text-decoration:none;
	color:#FFFFFF;
	}
	
.delinkunderlineZ {
	color:#99CC00;
	}
	
.proba {
	background: #000000 url(Potrepstine/nsalovnilinkovi.jpg);
	float:left;
	clear:left;
	display:inline;
	width:575px;
	height:220px;
	border:solid 1px #455B00;
	margin-left:30px;
	margin-top:20px;
	}	
	
.nit {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:550px;
	margin-top:40px;
	}
				
#boks1 {
	background: #000000 url(Potrepstine/Boks.png);
	height:300px;
	width:250px;
	border: 1px solid #455B00;
	float:left;
	
	
		}

.vrhonja {
	background: url(Potrepstine/Novo.jpg);
	width:250px;
	height:31px;
	float:left;
	clear:left;
	margin-bottom:20px;
	}


#vrh1 a {
	background: url(Potrepstine/Novo.jpg);
	width:250px;
	height:31px;
	float:left;
	clear:left;
	margin-bottom:20px;
		
}


#vrh1 a:hover {
	background-position:right;
}


.slikaN {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
	
.vise{
	color:#99CC00;
	font-weight: bold;
}
	
	.slikaNovo {
	float:left;
	clear:left;
	margin-left:0px;
	margin-top:10px;
		}
		
	.naslov a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
	width: 210px;
	float:left;
	clear:left;
	margin-top: 15px;
	margin-left:20px;
	color: #FFFFFF;
	text-align: center;
}

	.naslov a:hover {
	text-decoration:underline;
		}

.naslovNovo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
	width: 300px;
	float:left;
	clear:left;
	margin-top: 20px;
	margin-left:0px;
	margin-bottom:0px;
	color:#99CC00;
	text-align:left;
	}
	
	
.naslovServis {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
	width: 285px;
	float:left;
	clear:left;
	margin-top: 10px;
	margin-left:0px;
	margin-bottom:0px;
	color: #99CC00;
	text-align:center;
	}
	
.dioTekstS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	clear: left;
	float: left;
	width: 300px;
	margin-top:0px;
	margin-left:0px;
	text-align:left;
	display:inline;
	
		}

	.crta {
	float:left;
	clear:left;
	margin-bottom:13px;
	margin-top:13px;
		}


	.tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 75px;
	width: 180px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	clear:left;
	float:none;	}
	
	.tekstNovo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	clear: left;
	float: left;
	height:600px;
	width: 300px;
	margin-top:0px;
	margin-left:30px;
	text-align:left;
	display:inline;
	
		}
		
.tekstakcija {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	clear: left;
	float: left;
	
	width: 300px;
	margin-top:20px;
	margin-left:30px;
	text-align:left;
	display:inline;
	
		}
		

		
	.dioTekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	clear: left;
	float: left;
	width: 300px;
	margin-top:0px;
	margin-left:0px;
	text-align:left;
	display:inline;
	
		}
		
	.tekstbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99CC00;
	clear: left;
	float: left;
	width: 300px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;
	text-align: left;
	display:inline;
		}
		
		.uvodNovo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	clear: left;
	float: left;
	width: 300px;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:0px;
	text-align:left;
	font-weight: bold;
	display:inline;
		}
		
	
#boks2 {
	background: #000000 url(Potrepstine/Boks.jpg);
	height:300px;
	width:250px;
	border: 1px solid #455B00;
	float:right;
	
	

}	

	#vrh2 a {
	background: url(Potrepstine/Tehnologija.jpg);
	height:31px;
	width:250px;
	float:left;
	clear:left;
	margin-bottom:20px;
}
	#vrh2 a:hover {
	background-position:right;
}
	#vrh2 a:active {
	background-position:right;
}

.slikaT {

	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:none;
	
	}

.slikaTflash {
	width:152px;
	height:121px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:none;
	clear:left;
	
	}

	
.naslovcrta {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
	
.naslovnama {
	color:#99CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	float:left;
	clear:left;
	display:inline;
	margin-left:255px;
	margin-top:35px;
	font-weight:bold;
	
	}
	
.naslovgal {
	color:#99CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	clear:left;
	display:inline;
	margin-left:300px;
	margin-top:15px;
	font-weight:bold;
	
	}
	
.naslovserviscjenik {
	color:#99CC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	float:left;
	clear:left;
	display:inline;
	margin-left:175px;
	margin-top:30px;
	font-weight:bold;
	
	}
	
.tekstonama {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	clear:left;
	display:inline;
	margin-left:40px;
	font-size:12px;
	margin-right:40px;
	width:520px;
	
	
	}
	
.servisikonica {
	margin-left:105px;
	margin-top:20px;
	}
	
.crtanama {
	float:left;
	clear:left;
	display:inline;
	margin-left:192px;
	margin-bottom:15px;
	margin-top:10px;
	}
	
.crtanamaakcija {
	float:left;
	clear:left;
	display:inline;
	margin-left:45px;
	margin-bottom:15px;
	margin-top:10px;
	}
	
.crtanamaS1 {
	float:left;
	clear:left;
	display:inline;
	margin-left:45px;
	margin-bottom:15px;
	margin-top:10px;
	
	}
	
.crtanamaSC {
	float:left;
	clear:left;
	display:inline;
	margin-left:192px;
	margin-bottom:15px;
	margin-top:10px;
	}
	
.crtanamaS {
	float:left;
	clear:left;
	display:inline;
	margin-left:197px;
	margin-bottom:15px;
	margin-top:10px;
	}
	
.onamadrzi {
	
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:575px;
	
	}
	
.boksD {
	background: #000000;
	height:200px;
	width:550px;
	float:left;
	clear:left;
	margin-left:44px;
	margin-right:45px;
	margin-top:45px;
	display:inline;
		
		}
	
	
.odmak {
	margin-bottom: 20px;
	margin-top:0px;
	border:none;
	display:inline;
	}	
	
.izdvajamodrzi {
	
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:575px;
	
	}
	
.izdvajamo {
	background:#000000 url(Potrepstine/izdvajamopozbox.jpg) repeat-x;
	border:1px #455B00 solid;
	width:575px;
	height:300px;
	float:left;
	clear:left;
	margin-left:30px;
	margin-top:40px;
	display:inline;
	}
		
		
.izdvajamo1 {
	float:left;
	clear:left;
	width:190px;
	}	
	
.izdvajamo12 {
	float:right;
	clear:right;
	width:380px;
	}
.izdvajamo2 {
	float:right;
	clear:right;
	width:190px;
	}	
	
.crtacjene {
	
	margin-top:5px;
	margin-bottom:6px;
	}	
	
	
.floatR {
	float:right;
	clear:right;
	}
	
.tablica {
	color:#FFFFFF;
	font-size:12px;
	}
	
.akcijastr {
	float:left;
	clear:left;
	display:inline;
	margin-top:0px;
	margin-left:0px;
	
	}

	
.downloadcj {
	margin-left:255px;
	margin-top:30px;
	margin-bottom:20px;
	width:123px;
	}
.floatLcrta {
	float:left;
	clear:left;
	margin-top:10px;
	
	}
	
.floatLcrtazadnja {
	float:left;
	clear:left;

	
	}
	
.downcjen a {
	color:#FFFFFF;
	font-size:15px;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	
				}
		
.downcjen a:hover {
	text-decoration:underline;
	}
	
.popiscjenika {
	width:500px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
	}
	
	
.izdvajamoproizvodcijena{
	float:right;
	width:430px;
	margin-top:10px;
	padding-bottom:0px;
	}
	
.naslovizdvajamo a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
	font-variant:normal;
	width: 190px;
	float:left;
	clear:left;
	margin-top: 0px;
	margin-left:0px;
	margin-bottom:10px;
	color: #FFFfff;
	text-align: center;
	display:inline;
}

	.naslovizdvajamo a:hover {
	text-decoration:underline;
	font-weight: normal;
	font-weight:bold;
		}
		
.tekstizdvajamo  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	clear:left;
	float:none;
	width:160px;
	margin-top:15px;
	text-align:center;
	
	
	
	}
	

	
.tekstizdvojeno  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #99cc00;
	margin-bottom:10px;	
	
	margin-top:15px;
	
	
	
	
	}
	
	
.slikaizdvajamo {

		float:left;
		clear:left;
		display:inline;
		margin-left:20px;
		margin-top:25px;
		margin-right:46px;
		}
		
.konfiguracije {

		float:left;
		clear:left;
		display:inline;
		margin-left:20px;
		margin-top:35px;
		margin-right:46px;
		}
		
.izdvajamoproizvod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	
	float:left;
	text-align:left;
	margin-top:0px;
	display:inline;
	width:225px;
	
	}		
	
	.fuji {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	clear:left;
	float:left;
	text-align:left;
	margin-top:17px;
	display:inline;
	width:225px;
	
	
	}		
	
	.fuji1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	clear:left;
	float:left;
	text-align:left;
	margin-top:25px;
	display:inline;
	width:225px;
	
	
	}		
	
.imeizdvajamo  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	margin-left:10px;;
	font-weight:bold;
	clear:left;
	float:left;
	width:160px;
	margin-top:15px;
	text-align:center;
	display:inline;
		
	}
	

	
.izdvajamocijena {
		color:#99CC00;
		font-size:25px;
		font-weight:bold;
		float:right;
		clear:right;
		display:inline;
		margin-right:60px;
		margin-top:78px;
		}
	
.konfcijena {
	color:#99CC00;
		font-size:25px;
		font-weight:bold;
		float:right;
		clear:right;
		display:inline;
		margin-right:60px;
		margin-top:100px;
		}
		
		
	#vrh3 a {
	background: url(Potrepstine/Akcija.jpg);
	height:31px;
	width:250px;
	float:left;
	clear:left;
}
	#vrh3 a:hover {
	background-position:right;
}
	#vrh3 a:active {
	background-position:right;
}
	
.slikaD {
	background: url(Potrepstine/SlikaBD.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:140px;
	width:160px;
	float:left;
	clear:left;
	margin-left:40px;
	margin-top:15px;
}
	
.crtaD {
	background: url(Potrepstine/Crta.jpg);
	height:1px;
	Width:250px;
	float:right;
	clear:right;
	margin-top:0px;
	margin-right:23px;
		}
	
.naslovD a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration:none;
	width: 210px;
	float:right;
	clear: right;
	margin-top: 25px;
	margin-bottom:10px;
	margin-right:50px;
	color: #FFFFFF;
	text-align: center;
}

.naslovD a:hover {
	text-decoration:underline;
		}
		
	.cijena a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
	width: 210px;
	float:right;
	clear: right;
	margin-top: 5px;
	margin-bottom:5px;
	margin-right:50px;
	color: #99CC00;
	text-align: center;
}

	.cijena a:hover {
	text-decoration:underline;
		}
	
	.tekstD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	clear: right;
	float: right;
	height: 75px;
	width: 180px;
	margin-top: 15px;
	margin-right: 50px;
	text-align: left;
	}
	
	
.lijevo {
	background: #000000;
	height: 605px;
	width: 160px;
	clear: left;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #557200;
	}

.dijeli {
	background:url(Potrepstine/CrtaDijeli.jpg);
	height:1px;
	width:160px;
	float:left;
	clear:left;
	}
.dijeli1 {
	background:url(Potrepstine/CrtaDijeli1.jpg);
	height:1px;
	width:160px;
	float:left;
	clear:left;
	}
		
	
.odvaja {
	width:160px;
	height:170px;
	float:left;
	clear:left;
	}
	
.odvajanama {
	width:160px;
	height:135px;
	float:left;
	clear:left;
	}
	
.odvajaiso {
	width:160px;
	height:145px;
	float:left;
	clear:left;
	}
	
.odvajaisoindex {
	width:160px;
	height:11px;
	float:left;
	clear:left;
	}


.odvajaSC {
	width:160px;
	height:80px;
	float:left;
	clear:left;
	}
	
.odvajaS {
	width:160px;
	height:150px;
	float:left;
	clear:left;
	}

	
.odvajaH {
	width:160px;
	height:30px;
	float:left;
	clear:left;
	}
	
.odvajaN {
	width:160px;
	height:150px;
	float:left;
	clear:left;
	}

	
#link1 a {
	background: url(Potrepstine/Hp-logo1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:160px;
	height:98px;
	float:left;
	clear:left;
	}

#skolski {
	background:url(Potrepstine/sic.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:160px;
	height:100px;
	float:left;
	clear:left;
	}
	
#zipadgra {
	background:url(Potrepstine/zipaLogo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:160px;
	height:100px;
	float:left;
	clear:left;
	}

#linkiso a {
	background: url(Potrepstine/isomali.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:160px;
	height:100px;
	float:left;
	clear:left;
	}



#link2 a {
	background: url(../ronjgiclup.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-left:5px;
	width:150px;
	height:22px;
	float:left;
	clear:left;
	border: 1px solid #000000;
	}
	
	#home a {
	background: url(Potrepstine/HomeLD.jpg) ;
	height:40px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
}
	#home a:hover {
	background-position:right;
	
}
	#home a:active {
	background-position:right;
}

	#hard a {
	background:url(Potrepstine/HardwareLD.jpg);
	height:40px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
}	
	#hard a:hover {
	background-position:right;
}

	#soft a {
	background: url(Potrepstine/SoftwareLD.jpg) ;
	height:50px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#soft a:hover {
	background-position:right;
}

	#kont a {
	background: url(Potrepstine/KontaktLD.jpg) ;
	height:40px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#kont a:hover {
	background-position:right;
}

	#nama a {
	background: url(Potrepstine/OnamaLD.jpg);
	height:40px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#nama a:hover {
	background-position:right;
}

	#serv a {
	background: url(Potrepstine/ServisLD.jpg);
	height:40px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#serv a:hover {
	background-position:right;
	
}

#stolna a {
	background: url(Potrepstine/StolnaMLD.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#stolna a:hover {
	background-position:right;
}

#cjenici a {
	background: url(Potrepstine/cjenici.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	
	}
	#cjenici a:hover {
	background-position:right;
}

#cjeniciON a {
	background: url(Potrepstine/cjenici.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
	}
	

#galerija a {
	background: url(Potrepstine/galerija.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#galerija a:hover {
	background-position:right;
}

#galerijaON a {
	background: url(Potrepstine/galerija.jpg);
	background-position:right;
	height:25px;
	width:160px;
	float:left;
	clear:left;
	
	}

#cijeneuvjeti a {
	background: url(Potrepstine/cijeneuvjeti.jpg);
	height:43px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#cijeneuvjeti a:hover {
	background-position:right;
}


#oservisu a {
	background: url(Potrepstine/oservisu.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#oservisu a:hover {
	background-position:right;
}

#oservisuON a {
	background: url(Potrepstine/oservisu.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
	}

#djelatnici a {
	background: url(Potrepstine/djelatnici.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#djelatnici a:hover {
	background-position:right;
}

#djelatniciON a {
	background: url(Potrepstine/djelatnici.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
	}

#certifikati a {
	background: url(Potrepstine/certifikati.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#certifikati a:hover {
	background-position:right;
}

#izdvajamo a {
	background: url(Potrepstine/izdvajamomeni.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	}
	#izdvajamo a:hover {
	background-position:right;
}

#akcija a {
	background: url(Potrepstine/akcija.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	position:relative;
	
	}
	#akcija a:hover {
	background-position:right;
}

#novolink a {
	background: url(Potrepstine/novolink.jpg);
	height:22px;
	width:160px;
	float:left;
	clear:left;
	margin-top:3px;
position:relative;
	}
	#novolink a:hover {
	background-position:right;
}

#akcijalink a {
	background: url(Potrepstine/akcijalink.jpg);
	height:22px;
	width:160px;
	float:left;
	clear:left;
	margin-top:3px;
	position:relative;
	}
	#akcijalink a:hover {
	background-position:right;
}


	#hardON a {
	background: url(Potrepstine/HardwareLD.jpg);
	height:40px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	

	#softON a {
	background: url(Potrepstine/SoftwareLD.jpg);
	height:50px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	

	#namaON a {
	background: url(Potrepstine/OnamaLD.jpg);
	height:40px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	

	#kontON a {
	background: url(Potrepstine/KontaktLD.jpg);
	height:40px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	
	#servON a {
	background:url(Potrepstine/ServisLD.jpg);
	height:40px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	

#izdvajamoON a {
	background:url(Potrepstine/izdvajamomeni.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	

#akcijaON a {
	background:url(Potrepstine/akcija.jpg);
	height:25px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	

#cijeneuvjetiON a {
	background:url(Potrepstine/cijeneuvjeti.jpg);
	height:43px;
	width:160px;
	float:left;
	clear:left;
	background-position:right;
}	


.ikoneL {
		width:300px;
		height:160px;
		float:left;
		clear:left;
		}
		
.ikoneD {
		width:300px;
		height:160px;
		float:right;
		clear:right;
		}
		
.tekstikone a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#99CC00;
	text-align:left;
	margin-top:70px;
	text-decoration:none;
	width:120px;
	float:right;
	clear:right;
	}

.tekstikone a:hover
	{text-decoration:none;
	font-size:18px;}

#fotoicon a {
	background: url(Potrepstine/Fotoicon.jpg);
	height:160px;
	width:180px;
	float:left;
	clear:left;
	}
	#fotoicon a:hover {
	background-position:right;
}

#laptopicon a {
	background: url(Potrepstine/Laptopicon.jpg);
	height:160px;
	width:180px;
	float:left;
	clear:left;
	}
	#laptopicon a:hover {
	background-position:right;
}

#miskoicon a {
	background: url(Potrepstine/Miskoicon.jpg);
	height:160px;
	width:180px;
	float:left;
	clear:left;
	}
	#miskoicon a:hover {
	background-position:right;
}

#printericon a {
	background: url(Potrepstine/Printericon.jpg);
	height:160px;
	width:180px;
	float:left;
	clear:left;
	}
	#printericon a:hover {
	background-position:right;
}

#projektoricon a {
	background: url(Potrepstine/Projektoricon.jpg);
	height:160px;
	width:180px;
	float:left;
	clear:left;
	}
	#projektoricon a:hover {
	background-position:right;
}

#stolnaicon a {
	background: url(Potrepstine/Stolnaicon.jpg);
	height:160px;
	width:180px;
	float:left;
	clear:left;
	}
	#stolnaicon a:hover {
	background-position:right;
}


.red {
	width:600px;
	height:100px;
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:15px;
	
	}
	


.slija {
	
	width:auto;
	height:auto;
	float:left;
	display:inline;
	margin-left:115px;
	margin-top:20px;
	border:1px #99CC00 solid;
	}

.slijacertif {
	width:auto;
	height:auto;
	float:left;
	display:inline;
	margin-left:235px;
	margin-top:20px;
	border:1px #99CC00 solid;
	}
	
.slijaorder {
	width:auto;
	height:auto;
	float:left;
	display:inline;
	margin-left:200px;
	margin-top:20px;
	border:1px #99CC00 solid;
	}
	
.slijadicota {
	width:auto;
	height:auto;
	float:left;
	display:inline;
	margin-left:215px;
	margin-top:20px;
	border:1px #99CC00 solid;
	}
	
.slijazgrada {
	width:auto;
	height:auto;
	float:left;
	display:inline;
	margin-left:140px;
	margin-top:20px;
	border:1px #99CC00 solid;
	}

	
.slikica {
	display:inline;
	margin-left:11px;
	float:left;
	border:1px #99CC00 solid;
	}
	
.noborder {
	border:none;
	}
	
.skrol {
	width:220px;
	height:137px;
	overflow:auto;
	float:left;
	clear:left;
	}
	
.imeproizvoda {
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#99CC00;
	display:inline;
	margin-left:30px;
	margin-top:15px;
	font-weight:bold;
	width:500px;
	}
	
.naslovOptoma {
	padding-left:35px;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
.maloOptoma {
	padding-left:35px;
	text-align:left;
	font-size:10px;
	
	color:#FFFFFF;
	}
	
.listaOptoma {
	padding-left:20px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
.poklonOptoma {
	padding-left:35px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
.paddingL40 {
	padding-left:40px;
	}
	
.softlogo {
	background:#000000;
	width:520px;
	height:400px;
	display:inline;
	margin-left:60px;
	margin-top:0px;
	float:left;
	clear:left;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	
	
	}
	
#softlogo a
{
	text-decoration:none;
	color:#FFFFFF;
	}
	
#softlogo a:hover
{
	text-decoration:underline;
	color:#FFFFFF;
	}