body {
	    font-family: Tahoma, Lucida Grande, Arial, sans-serif;
		background: url(../images/bck.gif) repeat-y left top #f0f0f0;
		}
		
#wrapper {
	width: 600px;
	margin: auto;
	}
	
#wrapper_preuzimanje {
	width: 680px;
	margin: auto;
	}
		
h1 {
	font-family: Tahoma, Lucida Grande, Arial, sans-serif;
	font-size: 1em;
	color:#666666;
	}
	
h2 {
	font-size: .7em;
	color:#999999;
	line-height: .7em;
	}
	
h3 {
	font-family: Tahoma, Lucida Grande, Arial, sans-serif;
	font-size: .7em;
	margin:0;
	}
	
p {
	font-family: Tahoma, Lucida Grande, Arial, sans-serif;
	font-size: .7em;
	color: #666666;
	line-height: 1.2em;
	margin:0;
	}

#azurirano {
	position: absolute;
	top: 5px;
	right: 30px;
	}
	
#azurirano p {
	color: #999999;
	}

/*#wrapnaslovi {
	width:650px;
	margin:auto;
	}*/

#unesite {
	font-family: Tahoma, Lucida Grande, Arial, sans-serif;
	height: 15px;
	margin-left: 10px;
	color:#666;
	font-size: .6em;
	}

#wraptrazilica {
	width:345px;
	margin:auto;
	}

.prvinaslov { 
	float: left;
	/*clear:both;*/
	margin-left: 14px; 
	
	}
	
.druginaslov { 
	/*font-family: Tahoma, Lucida Grande, Arial, sans-serif;*/
	float: right; 
	/*clear:both;*/
	/*margin: 25px 0 0 0; */
	margin: -8px 20px 0 0;
	
	}

	

.prvinaslov h2 {
	/*font-size: 9px;*/
	/*color:#fff;*/
	margin:3px 0 0 2px;
	/*font-weight:normal;
	letter-spacing:1px;*/
	} 

.druginaslov h2 {
	/*font-size: 9px;*/
	/*color:#999;*/
	/*margin:3px 0 0 0;*/
	margin: 0 0 0 0;
	}
	
.druginaslov_preuzimanje { 
	float: left; 
	/*clear:both;*/
	margin: -10px 0 0 182px;
	}
	
.druginaslov_preuzimanje h2 {
	/*font-size: 9px;*/
	/*color:#999;*/
	margin:3px 0 0 0;
	}
	
.prvi { 
	font-size: .9em;  
	float: left; 
	width: 275px; 
	margin: 0; 
	}
	
.drugi { 
	float: right; 
	margin: 0;
	}
	
.prvi input { 
	width: 265px;
	height: 18px;
	padding: 2px;
	}
	
.dodaj {
margin-top:13px;
float:right;
clear:left;
margin-left:2px;
}
	

.trecinaslov { 
	float: left;
	clear:both;
	margin-left: 2px;
	}
	
.trecinaslov h2 {
	margin:5px 0 0 15px;
	}
	
.trecinaslov a {
	color: #999999;
	text-decoration: none;
	}
	
.trecinaslov a:hover {
	color: #333333;
	text-decoration: underline;
	}

.treci {
	background-color:#fff;
	/*border: 1px solid #999;*/
	float: left;
	width: 258px;
	height: 166px;
	margin: 3px 0 0 1px;
	overflow:auto;
	padding: 10px;
	line-height: 1.2em;
	}
	
.treci a {
	color: #666666;
	text-decoration: none;
	}
	
.treci a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
.cetvrti { 
	background-color:#fff;
	/*border: 1px solid #999;*/
	float: left;
	width: 260px;
	height: 166px;
	margin: 3px 0 0 0;
	overflow:auto;
	padding: 10px;
	line-height: 1.2em;
	}
	
.cetvrti p {
	line-height: 1.6em;
	}	
	
.cetvrti a {
	color: #666666;
	text-decoration: none;
	font-weight:bold;
	}
	
.cetvrti a:hover {
	color: #333333;
	text-decoration: underline;
	}
	

#vijesti {
	text-align:center;
	margin: 0;
	padding: 5px;
	line-height: 1em;
	margin-left: 10px;
	margin-right: 10px;
	}

#linkovi {
	margin:auto;
	font-size: 0.7em;
	color: #909090;
	line-height: 1.6em;
	}
	
#linkovi a {
	color: #909090;
	text-decoration: none;
	}
	
#linkovi a:hover {
	color: #333333;
	text-decoration: underline;
	}

#wraplinkovi {
	width:250px;
	margin:auto;
	text-align:center;
	}
	
#copyright {
	font-size: 0.6em;
	color: #909090;
}


.preuzmi {
	margin: 0;
	}
	
#wrappreuzmi {
	margin: auto;
	width: 108px;
	}

#rezultati {
	width: 650px;
	margin: auto;
	text-align:center;
	}
	
/*#rezultati h2 {
	margin:0;
	}*/
	
#rezultati h1 {
	margin:0;
	}
	
#wraprezultati {
	width:600px;
	margin:auto;
	}
	

#rezultati a {
	color: #666666;
	text-decoration: none;
	font-weight:bold;
	}
	
#rezultati a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
.indent {
	color: #999999;
	}
	
/*-------------------oglasi i knjizara----------------------*/

#oglasi {
	width:320px;
	height:500px;
	position:absolute;
	margin:10px 0 0 352px;
	}
	
#zona1, #zona2, #zona3, #zona4, #zona5, #zona6 {
	/*background-image:url(../images/bck50.png);*/
	/*background-image:url(../images/okvir.png);*/
	background-image:url(../images/okvir-mali.png);
	/*background-image:url(../images/okvir-bijeli.png);*/
	background-repeat:no-repeat;
	width:139px;
	height:140px;
	padding-top:2px;
	float:left;
	margin: 6px 14px 0 1px;
	}
	
.zona_in {
	width:125px;
	height:125px;
	margin:5px auto 0 auto;
	}
	
.zona_naslov {
	font-size:9px;
	width:125px;
	margin:0 auto 0 auto;
	/*text-align:center;*/
	}
	
#knjizaralijevo {
	width:180px;
	height:500px;
	position:absolute;
	margin:-2px 0 0 -190px;

	}
	
#knjizaralijevo .trecinaslov h2 {
	margin:5px 0 0 95px;
	}
	
	
/*-------------knjizara DESNO--------------------*/
	
#knjizara {
	width:180px;
	height:500px;
	position:absolute;
	margin:-2px 0 0 615px;
	}
	
.knjizara1 {
	background-image:url(../images/okvir160x600.png);
	background-repeat:no-repeat;
	width:172px;
	height:614px;
	padding-top:1px;
	float:left;
	margin: 5px 0 0 0;
	}
	
.knjizara_in {
	width:160px;
	margin:6px auto 0 7px;
	}
	
/*ova tri stila gore #knjizara, .knjizara1, .knjizara_in  zakomentirati i u html-u umjesto tih naziva divova i klasa staviti ove ispod #knjizara160x600, .knjizara160x600, .knjizara_in160x600*/
	
/*---------------banner 160x600--------------
	
	
#knjizara160x600 {
	width:180px;
	height:650px;
	position:absolute;
	margin:-2px 0 0 615px;
	}
	
.knjizara160x600 {
	background-image:url(Zakon.hr_files/okvir160x600.png);
	background-repeat:no-repeat;
	width:174px;
	height:614px;
	padding-top:1px;
	float:left;
	margin: 5px 0 0 0;
	}
	
.knjizara_in160x600 {
	width:160px;
	margin:6px auto 0 auto;
	}
	
---------------------------------------*/

	
.knjizara_naslov {
	font-size:9px;
	width:160px;
	margin:0 auto 0 auto;
	/*text-align:center;*/
	}
	
	
/*-------------------oglasi i knjizara kraj----------------------*/


.rub {
	/*background-image:url(../images/bck50.png);*/
	background-image:url(../images/okvir_prozirni293.png);
	background-repeat:no-repeat;
	width:278px;
	height:188px;
	padding:5px 10px 10px 6px;
	float:left;
	clear:both;
	margin: 5px 0 15px 0;
	}
	
.rub_preuzimanje1 {
	/*background-image:url(../images/bck50.png);*/
	background-image:url(../images/okvir_prozirni293.png);
	background-repeat:no-repeat;
	width:278px;
	height:188px;
	padding:5px 10px 10px 6px;
	float:left;
	clear:both;
	margin: 7px 0 15px 0;
	}
	
.rub2 {
	background-image:url(../images/okvir-veliki.png);
	background-repeat:no-repeat;
	width:314px;
	height:188px;
	padding:5px 10px 10px 6px;
	float:left;
	clear:left;
	margin: 5px 0 0 0;
	}
	
.rub_preuzimanje {
	background-image:url(../images/okvir_prozirni293.png);
	background-repeat:no-repeat;
	width:278px;
	height:188px;
	padding:5px 10px 10px 6px;
	float:right;
	clear:right;
	margin: 5px 0 0 0;
	}

	
.style1 {font-size: 9px;}

#crta {
margin: 10px 0 10px 0;
	}
	
	
#oglasi_preuzimanje {
	width:620px;
	height:170px;
	margin:10px auto 0 auto;
	}
	
#zona7, #zona8, #zona9, #zona10 {
	/*background-image:url(../images/bck50.png);*/
	/*background-image:url(../images/okvir.png);*/
	background-image:url(../images/okvir-mali.png);
	/*background-image:url(../images/okvir-bijeli.png);*/
	background-repeat:no-repeat;
	width:139px;
	height:140px;
	padding-top:2px;
	float:left;
	margin: 0 9px 0 8px;
	}
	
#wrappie {
	width:200px;
	height:200px;
	position:absolute;
	right:30px;
	top:5px;
	
	}
	
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 2px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 160px; /*Width of Carousel Viewer itself*/
height: 600px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}