* {
  margin:0; padding:0; border:none; font-size:100%; font-family:inherit;
  }
body{
	background:#fff url(nv-bckg.png) repeat-x; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:140%; font-size:14px; letter-spacing:1px;	
	}
a{
	text-decoration:underline; color:#336666; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;
	}
.small {
font-size:11px; line-height:11px;
}
a:hover{
	text-decoration:none; color:#99cccc; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;
	}
#sidecontent a, content a {
	-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;
	}
#sidecontent a, content a:hover, a img onmouseover, a img onmouseout {
	-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;
	}
h2, h2 a {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:18px; font-weight:bold; letter-spacing:1px; margin:0 0 10px 0; padding-left:10px; color:#336666; word-spacing:130%; text-decoration:none; line-height:130%;
	}
h1 {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:18px; font-weight:bold; padding-left:10px; letter-spacing:1px; margin:0 0 10px 0; border:3px solid #ccffff; background-color:#fff; color:#336666; word-spacing:130%; text-decoration:none; line-height:130%;
	}
	h5 {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#FF3300; font-size:18px; font-weight:bold; letter-spacing:1px; margin:0 0 10px 0; padding-left:10px; word-spacing:130%; text-decoration:none; line-height:130%;
	}
h2 span, h2 a span{
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px; margin:0 0 10px 0; padding-left:10px; color:#336666; word-spacing:130%; text-decoration:none; line-height:130%;
	}
	h3, h3 a {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:14px; font-weight:bold; letter-spacing:1px; margin:5px 0 10px 0; padding-left:10px; color:#336666; word-spacing:130%; text-decoration:none; line-height:130%;
	}
	h3 ul { list-style-type:none; color:#cc0000;}

#sidecontent h3 span {
	 font-weight:normal; font-size:14px; font-weight:bold; line-height:120%; margin:20px 0 0 0; padding:5px;  text-align:center; color:#333333;
	}
td {
	text-align:left;
	}
#wrapper{
	color:#666666; margin:20px auto 0 auto; padding:0; width:980px;
	}
#wrapp{
	margin:20px auto; padding:0; width:980px;
	}

/***** Top *****/

#top{
	height: 105px; width:980px; background:url(logoBack3Adds.png) left top no-repeat; padding-top:23px;
	}
		.bannerAdds{
			margin-left:304px;
			}
	.fav{
	width:252px; height:120px; text-align:center; padding:120px 0 0 60px; float:left; color:#003333; font-size:large;
	}
	.fav-kontakt {width:252px; height:auto; text-align:left; padding:80px 0 0 60px; float:left; color:#003333; font-size:large;}
	.fav-kontakt h2 {border:3px solid #ccffff; background-color:#fff; color:#336666;}
	.fav-kontakt p {border:3px solid #ccffff; background-color:#fff; color:#336666; padding-left:10px;}
	.fav-kontakt small { font-size:10px;}
	.bannerTekst1 {
		width:510px; height:auto; float:left; padding:80px 0 0 120px; 
		}
		.bannerTekst1 p{
			color:#ffebdd; border:3px solid #ccffff; font-size:15px; font-weight:normal; line-height:120%; letter-spacing:2px; background-color:#336666; padding:7px 15px; margin:0;
			}
	.adbotkgb { margin-left:30px;}
	.tri_box {
		height:247px; width:980px; background:url(3-box1.png) left top no-repeat; clear:both; margin-bottom:20px;
		}
		.tri_box_part {
			float:left; width:320px; height:247px;
			}
			.tri_box_part h2{
				 text-align:left; margin:20px 0 0 0; padding: 0 0 0 10px; font-size:15px;
				 }
			.tri_box_part h2 a {
				font-size:15px;
				}
	.box_part {
		margin:15px 0 0 10px;  width:315px; height:170px; padding-top:9px;
		}
		.box_part p {
			padding:6px 15px;
			}
			.more {
				float:right;
				}
	#sidecontent{
		float:left; width:315px; background:url(leftTop.gif) left top no-repeat #FFFFFF; margin-top:20px;
		}
		#sidecontent p {
			padding:10px;
			}
			.custom_images {
				margin:0 0 20px 38px;
				}
				.ad_left {
					margin-left:20px; clear:both;
					}
					
			#sidecontent .banner{
				height:199px; background:url(banner_back.gif) left top repeat-x; border:1px solid #c6d9e9; margin:20px 0 10px 0;
				}
			#sidecontent .banner1{
				height:200px; background:url(baner_back.gif) left top no-repeat; margin:25px 0 5px 0; padding:10px 20px; 
				}	
			.polje {
				width:100%; margin-top:5px; border:1px double #99cccc; font-size:13px; padding:10px; color:#336666; background-color:#fff; cursor:pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
				}
							.poljeTD {
				width:90%; margin-top:5px; border:1px double #99cccc; font-size:13px; padding:10px; color:#336666; background-color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
				}
		.intro_left, pretraga {
			color: #555;  font-size: 15px; margin-top: -1px; margin-bottom: 23px; padding:5px;
			}
		.leftnav {
	width:310px; height:auto; padding:10px 0 10px 10px; margin:10px 0;
	}
.leftnav ul {
	list-style:none;
	}
.leftnav ul a { 
	text-decoration:underline; font-size:11px; padding-left:6px; color:#333333; margin:0; height:11px;
	}
.leftnavul { 
	text-decoration:underline; color:#333333; margin-top:10px; font-weight:bold;
	}
	.tdtext {width:150px; border:1px solid #a2a2a2; margin:3px;}
#sidecontent #hardware{
	height:159px;
	margin-top:20px;
	background:url(hardware_back.jpg) left top repeat-x;
	border:1px solid #666666;
	margin-bottom:10px;
}
#sidecontent #hardware .sistemi{
background:url(sistemi.jpg) right top no-repeat;
}
#sidecontent .forma table{
background-color:#e4f2fd; width:auto;
}
	#left .kalendar{
		height:auto;
		}
		#left p {
			font-size:10pt; line-height:13px; color:#333; padding:15px 25px 15px 15px; margin:0;
			}	
			.ad_left { margin-left:0;}
	/***** Content *****/
#content{
	float:right; width:657px; color:#333333; background:#ffffff; margin-top:20px;
	}		
	.letft_img {
	float:left; width:200px;
	}
	.letft_img_akc {
	float:left; width:170px;
	}		
	.right_p {
	float:left; width:420px;
	}
	.right_p_akc {
	float:left; width:450px;
	}		
		.cent_add {
	float:left; width:340px;
	}	
	.right_ads_p {
	float:left; width:285px;
	}	
	.info {
	border:1px solid #ccffff; font-size:12px;
	}

.greybox {
	padding:8px 8px 0 8px; margin:10px; border:3px solid #ccffff;
	}
	.pitanje {
	padding:8px 8px 0 8px; margin:10px; border:3px solid #ccffff;
	}
	.sponzor_infop {
	width:450px; float:left;
	}		
	.sponzor_info img {
	float:left; width:174px; border:3px double #ccc;
	}
	.sponzor_infoimgR {
	float:left; width:180px;
	}
	.sponzor_infoimgR img {
	float:none;
	}
	.sponzor_infoimgR p { margin:10px 0 0 -10px; padding:0; border:1px dashed #ccffff;
	}
#top .left span{
	display:none;
	}
	.clear { clear:both;}
		.multibox {
		padding:8px; margin:10px 5px; border:3px solid #ccffff;
		}
		.multibox_con {
		padding:5px; margin:5px; border:3px solid #ccffff;
		}
#top .left a {
	float:left; margin:0 0 0 15px; width:260px; height:75px; background:url(obrasci_logo.gif) left top no-repeat;
	}
.glavni {
 	height:250px; margin-bottom:15px; background:url(glavniback7.jpg) no-repeat; 
	}
.rbdobit {
 	height:250px; margin-bottom:15px; background:url(rbdobit.gif) no-repeat; background-color:#33cccc;
	}
.alatnicalazarevic {
 	height:250px; margin-bottom:15px; background:url(alatnicalazarevic.jpg) no-repeat; background-color:#33cccc;
	}
.artlight {
 	height:250px; margin-bottom:15px; background:url(artlight.jpg) no-repeat; background-color:#33cccc;
	}
.strategieart {
 	height:250px; margin-bottom:15px; background:url(strategieart.jpg) no-repeat; background-color:#33cccc;
	}
.geometar {
 	height:250px; margin-bottom:15px; background:url(geometar.gif) no-repeat; background-color:#33cccc;
	}
.unikumas {
 	height:250px; margin-bottom:15px; background:url(unikumas.gif) no-repeat; background-color:#33cccc;
	}
.lesanovic {
 	height:250px; margin-bottom:15px; background:url(lesanovic.gif) no-repeat; background-color:#33cccc;
	}
.velnes {
 	height:250px; margin-bottom:15px; background:url(velnes.gif) no-repeat; background-color:#33cccc;
	}
.mirna {
 	height:250px; margin-bottom:15px; background:url(mirna.gif) no-repeat; background-color:#33cccc;
	}
.kgbfinance {
 	height:250px; margin-bottom:15px; background:url(kgbfinance.gif) no-repeat; background-color:#33cccc;
	}
.ekotim {
 	height:250px; margin-bottom:15px; background:url(ekotim.gif) no-repeat; background-color:#33cccc;
	}
.pomocsrbima {
 	height:250px; margin-bottom:15px; background:url(pomocsrbima.gif) no-repeat; background-color:#33cccc;
	}
.sopranos {
 	height:250px; margin-bottom:15px; background:url(sopranos.gif) no-repeat; background-color:#33cccc;
	}
.obezbedjenje {
 	height:250px; margin-bottom:15px; background:url(obezbedjenje_objekata.jpg) no-repeat; background-color:#33cccc;
	}
.knjizara {
 	height:250px; margin-bottom:15px; background:url(knjizara.jpg) no-repeat; background-color:#33cccc;
	}
.prevoz_robe {
 	height:250px; margin-bottom:15px; background:url(prevoz_robe_selidbe_kombijem_iveco_daily.jpg) no-repeat; background-color:#33cccc;
	}
.geomedika {
 	height:250px; margin-bottom:15px; background:url(geomedika.jpg) no-repeat; background-color:#33cccc;
	}

/***** Navigation *****/

#navcontainer {
	height: 25px; width: 980px;
	}	
#navcontainer ul#navi {
	width:980px; list-style:none; margin:0; padding:0;
	}
#navcontainer ul#navi li { 
	display: inline; 
	}	
#navcontainer ul#navi li a {
	display: block; float:left; height: 25px; background-image: url(http://www.obrasci.com/design/navigacija.png); text-indent: -9999px;
	}
#navcontainer  ul#navi li a.home {
	width: 75px; background-position: 0 0;	
	}	
#navcontainer ul#navi li a.programi {
	width: 100px; background-position: -75px 0;	
	}	
#navcontainer ul#navi li a.klijenti {
	width: 95px; background-position: -175px 0;	
	}	
#navcontainer  ul#navi li a.pravni_saveti {
	width: 130px; background-position: -270px 0;	
	}	
#navcontainer ul#navi li a.knjigovodstveni_saveti {
	width: 215px; background-position: -400px 0;	
	}
#navcontainer ul#navi li a.reklama {
	width: 165px; background-position: -615px 0;	
	}
#navcontainer ul#navi li a.marketing {
	width: 105px; background-position: -780px 0;	
	}
#navcontainer ul#navi li a.kontakt {
	width: 95px; background-position: -885px 0;	
	}		
#navcontainer ul#navi li a.home:hover, ul#navi li a.home:focus {
	background-position: 0 -25px;	
	}	
#navcontainer ul#navi li a.programi:hover, #navcontainer ul#navi li a.programi:focus {
	background-position: -75px -25px;	
	}	
#navcontainer ul#navi li a.klijenti:hover, #navcontainer ul#navi li a.klijenti:focus {
	background-position: -175px -25px;	
	}	
#navcontainer ul#navi li a.pravni_saveti:hover, #navcontainer ul#navi li a.pravni_saveti:focus {
	background-position: -270px -25px;	
	}	
#navcontainer ul#navi li a.knjigovodstveni_saveti:hover, #navcontainer ul#navi li a.knjigovodstveni_saveti:focus {
	background-position: -400px -25px;	
	}
#navcontainer ul#navi li a.reklama:hover, #navcontainer ul#navi li a.reklama:focus {
	background-position: -615px -25px;	
	}
#navcontainer ul#navi li a.marketing:hover, #navcontainer ul#navi li a.marketing:focus {
	background-position: -780px -25px;	
	}
#navcontainer ul#navi li a.kontakt:hover, #navcontainer ul#navi li a.kontakt:focus {
	background-position: -885px -25px;	
	}



.intro {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #555; font-size: 15px; margin-bottom:15px; padding-left:10px;
	}

#content ul {
	list-style:disc inside; padding:20px;
	}

.linkovi{
	border-width:250px; margin:10px 0; padding:10px;
	}
.naslov {
	font-size:11px; line-height:120%; padding-bottom:10px;
	}
.naslov span{ color:#529ad6; font-weight:bold; text-decoration:underline;
	}
.naslov a{
	text-decoration:none; color:#454545;
}
.intro_papir_back{
	background:url(papirback1.jpg) center top no-repeat #fff; height:770px;
	}
	.intro_papir_back ul {
	list-style:none; margin-left:80px; margin-top:10px; width:430px; 
	}
		.intro_papir_back h2 { margin-left:100px;}
.intro_papir_back img {
	padding-top:120px; padding-left:130px; padding-bottom:20px;
	}
.intro_papir_back li {
	margin-bottom:10px;
	}
	.right_p_akc ul { padding:20px;}

.naslov a:hover{
text-decoration:underline;
color:#FF9900;
}
#content .karakteristike{
	list-style:outside;
	margin-left:15px;
	margin-right:120px;
	padding-left:15px;
	line-height:11pt;
	
}
#content .karakteristike1{
	list-style:outside;
	margin-left:15px;
	margin-right:130px;
	padding-left:15px;
	line-height:11pt;

}
#content .karakteristike1 p{

	margin-right:50px;

}
#content .karakteristike li{
	padding-right:110px;
	padding-bottom:3px;
	list-style-image:url(bull1.gif);
}

.kontra { padding-top:20px;}

#content p{ 
	margin:0 5px 10px 5px; padding:10px; 
}

.crta {
	margin: 0 0 10px 0; clear:both;
	}
.next {
	height:50px; width:500px; margin:0 0 0 30px;
	}
	.prethodna, .sledeca {
		float:left; width:250px; 
	}

.more{
	position:relative;
	padding-left:10px;
	
}
a img { border:none;}


#kontakt{
	padding-top:2px;
	clear:both;
	font-size:.8em;
	text-align:center;
	color:#333333;
	background-color:#336666;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#footer{
	clear:both;
	color:#fff;
	font-size:.9em;
	line-height:1.8em;
	padding:2px 0 0 0 ;
	text-align:center;
	background-color:#669999;
	border-top:#336666 solid 5px;

}
#footer a{
	color:#333333;
	font-weight:bold;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#kontakt a:hover{
	color:#FF6600;
}

/*---------- SPECIFICNO --------*/


.TopLeft{ width:252px; height:40px; background:url(lefttop.gif) no-repeat #FFFFFF;}
.AkcijaTopLeft{ width:252px; height:40px; background:url(akcijalefttop.gif) no-repeat #FFFFFF;}
.sponzori{ width:252px; height:40px; background:url(sponzori.png) no-repeat #FFFFFF; margin-top:10px;}
.korisnici{ width:252px; height:40px; background:url(korisnici.png) no-repeat #FFFFFF; margin-top:10px;}
.aktuelnosti{ width:252px; height:40px; background:url(aktuelnosti.png) no-repeat #FFFFFF; margin-top:10px;}
.BottomLeft{ width:252px; height:28px; background:url(leftbottom.png) no-repeat #FFFFFF ;
}

.sistemi p{
    font-size:8pt;
	line-height: 15px;
	color:#333333;
	text-align:justify;
	padding:5px 5px 0 5px;
	margin:0 0 0 0;
}
.sistemi h4 {text-align:left;}

.orange{
	color:#FF6600;
	font-weight:bold;
}
.akcenat{
	color:#333333;
	font-weight:bold;
}
h4{
	font-size:8pt;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	text-align:center;}







/******************************/
#fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: #FE7800;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
font-weight:bold;
padding: 8px;
padding-top:20px;
padding-left:20px;
padding-bottom:10px;
z-index: 100;
visibility:hidden;
}
#dlshow{
float:right;
display:block;
width:160px;
}
#dlform{
text-align:center;
width:320px;
height:100px;
float:left;
}
#dlshow_0,#dlshow_1,#dlshow_2,#dlshow_3{
	display:block;
	height:120px;
}
#dlshow #dlshow_0{
 background:url(prods.jpg) center center no-repeat ;
}
#dlshow #dlshow_1{
 background:url(hs1_small.jpg) center center no-repeat ;
}
#dlshow #dlshow_2{
 background:url(hs2_small.jpg) center center no-repeat ;
}
#dlshow #dlshow_3{
 background:url(kr_small.jpg) center center no-repeat ;
}
.step{
background-color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
width:130px;
color:#FFFFFF;
font-weight:bolder;
}

#TargetText{
font-style:italic;
}

#targettext1{
font-style:italic;
}
form.captcha{
padding:0;
margin:0;
}
#captcha .captcha_notvalid{
margin:0;padding:5px;
color:#FF3300;
}
.captchapict{
border:3px double #999999;
}
input.captcha_r{
background-color:#FF6600;
color:#FFFFFF;
width:150px;
}
.captcha_s{
background-color:#FF6600;
color:#FFFFFF;
padding:0px 14px 0px 14px;
}
#obrasci{
	clear:both;
}

#tohide{
display:none;
}
 .rform{
float:left;
margin:0;
width:240px;
padding:0;
}
.rtable{
float:right;
width:245px;
margin:0;padding:0;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}
.rtable td{
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
text-align:center;
}
.rtable .cena{
text-align:right;
padding-right:10px;
}
.rtable .thead td{
background-color:#EFEFEF;
padding:2px 2px 2px 2px;
font-weight:bold;
}
.rform input{
margin:0;
margin-bottom:4px;
width:150px;
}
.inputt {
width:100px;
display:inline;
float:left;
padding-top:2px;
padding-bottom:2px;
}
.potpis{
font-size:14px;
padding-left:10px;
font-weight:bold;
color:#FF6600;
}
.r1{
padding-left:10PX;
border-bottom:2px solid #666666;
font-weight:bold;
padding-top:5px;
}
.r2{
padding-left:30PX;
border-bottom:1px solid #CCCCCC;
}
strong{
color:#333333;
}
.r2 strong, .r3 strong, .r4 strong {
font-weight:normal;
}
.r3{
padding-left:50PX;
border-bottom:1px dashed #CCCCCC;
}
.r4{
padding-left:70PX;
border-bottom:1px dotted #CCCCCC;
}