* {	margin: 0;	padding: 0;}
table {	border-collapse: collapse; border-spacing: 0;}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal;}
ol,ul { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a:focus { outline: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clr { clear: both;}
.floatLeft { float: left ;}
.floatRight { float: right ;}
.widthFull { width: 100% ;}
.centered { text-align: center ;}
.centeredByMargin { margin: 0 auto ;}

body { background: url(images/bodyBg.gif) repeat ; font-family: Arial, Helvetica, sans-serif ; font-size: 12px ;}
#bodyTop { height: 105px ; background: url(images/bodyTop.jpg) left top repeat-x ;}
#container { width: 800px ; margin: 0 auto ; background: #f8f8f8 url(images/containerBg.jpg) left top repeat-x ;}
#header { width: 800px ; margin: 0 auto ; height: 104px ; background: url(images/headerBg.jpg) left top no-repeat ;}
#header h1 a { float: left ; display: block ; width: 350px ; height: 50px ; font-size: 14px ; padding: 25px 0 0 17px ; color: #fff ; text-decoration: none ;}
#header h2 { display: block ; text-indent: -9999px ; float: left ;}

#breadcrumb { font-size: 11px ; padding: 10px 25px ; color: #7f8374 ;}
#breadcrumb a { font-size: 11px ; color: #7f8374!important ; text-decoration: none ;}
#breadcrumb a:hover { text-decoration: underline ;}
#content { width: 776px ; margin: 0 auto 50px auto ; background: url(images/contentBtm.gif) left bottom no-repeat ; padding-bottom: 10px ;}
#contentInner { background: url(images/contentTop.gif) left top no-repeat ; padding-top: 10px ;}
#contentInner1 {  background: url(images/contentBg.gif) left top repeat-y ;  padding: 0 2px ;}
#contentInner2 { background: #fff url(images/contentBgInner.jpg) left bottom repeat-x ; padding: 40px 0 30px 0 ;}


h2 { font-size: 24px ; color: #797d6e ; margin-bottom: 23px ;}
h3 { font-size: 16px ; color: #797d6e ;}
p { font-size: 12px ; color: #000 ; line-height: 16px ; margin-bottom: 18px ;}

.mainContent { margin: 0 auto ;}
.narrow { width: 702px ;}
	.naslovna .mainContent { padding-bottom: 208px ; background: url(images/naslovnaBg.jpg) left bottom no-repeat ;}
	
	.naslovna .box1 { width: 247px ; margin: 30px auto ;}
	.naslovna .box1Inner { border-left: solid 1px #d7d6d1 ; border-right: solid 1px #d7d6d1 ;  padding: 0 1px ;}
	.naslovna .box1Inner1 { background: #eeecea url(images/box1Rpt.jpg) left top repeat-x ; padding: 8px 0 10px 18px ;}
	
	.naslovna .box1 h3 { background: url(images/ikonaInfo.gif) left center no-repeat ; font-size: 13px ; color: #71746a ; padding: 6px 0 0 30px ; display: block ; height: 22px ; text-decoration: none ;}
	.naslovna .box1 a { display: block ; text-decoration: none ;}
	
	.preglednik .c1 { width: 330px ; float: left ;}
	.preglednik .c2 { width: 330px ; background: url(images/bihKarta.gif) center 28px no-repeat ; padding: 260px 0 0 40px ; float: left ;}
	
	.preglednik .box2 { width: 317px ; margin: 0 auto ;}
	.preglednik .box2Inner { border-left: solid 1px #d7d6d1 ; border-right: solid 1px #d7d6d1 ;  padding: 0 1px ;}
	.preglednik .box2Inner1 { background: #e9e9e9 url(images/box2Rpt.jpg) left top repeat-x ; padding: 15px 0 5px 18px ;}
	
	.preglednik .box2 h3 { height: 22px ; display: block ; padding: 6px 0 0 30px ; background: url(images/ikonaBulb.gif) left center no-repeat ; font-size: 15px ; color: #71746a ; margin-bottom: 5px ;}
	
	.preglednik .box3 { width: 329px ; margin: 30px auto ;}
	.preglednik .box3Inner { border-left: solid 1px #d7d6d1 ; border-right: solid 1px #d7d6d1 ;  padding: 0 1px ;}
	.preglednik .box3Inner1 { background: #eeecea url(images/box3Rpt.jpg) left top repeat-x ; padding: 15px 0 5px 15px ;}
	
	.preglednik .box3 table td { padding: 0 10px 10px 0 ; font-size: 11px ;}
	.preglednik .box3 select { width: 197px ; height: 22px ; border: solid 1px #8b93af ; background: #bebebe ;}


	.preglednik .box4 { width: 329px ; margin: 30px auto ;}
	.preglednik .box4Inner { border-left: solid 1px #d7d6d1 ; border-right: solid 1px #d7d6d1 ;  padding: 0 1px ;}
	.preglednik .box4Inner1 { background: #fff url(images/box3Rpt.jpg) left top repeat-x ; padding: 15px 10px 0px 15px ;}
	
	.preglednik .box4 .boxPlaceHolder { width: 150px ;}
	.preglednik .box4 table td { padding: 5px 0 ; font-size: 11px ;}
	.preglednik .box4 input { height: 19px ;}
	.preglednik .box4 .buttonHolder td { text-align: center ; padding-top: 15px ;}
	.preglednik .box4 .buttonHolder input { font-size: 11px ; height: 26px ; color: #7d7a7a ; padding-bottom: 2px ; width: 106px ;}
	
	.pregledkku .gridHolder { padding: 15px 0 ; font-size: 11px ;}
	.pregledkku .gridHolder table td { padding: 4px 5px ;}
	.pregledkku .gridHolder table th { padding: 4px 5px ;}
	
	.povratak_button { margin-bottom: 20px ;}
	.povratak_button input { font-size: 12px ; height: 26px ; color: #7d7a7a ; padding-bottom: 3px ; width: 106px ;}
	
	.RadCaptcha { margin-top: -7px ;}
	.RadCaptcha p { margin: 0px ;}
	.RadCaptcha label { display: block ; float: left ; font-size: 11px ;}
	.RadCaptcha input { display: block ; float: right ;}
	.RadCaptcha span { diaplay: block ;}
	.RadCaptcha img { float: right ; margin: 10px 0 ; width: 70% ;}

#footer { height: 26px ; padding: 13px 19px 0 0 ; background: url(images/footerBg.gif) left top repeat-x ; text-align: center ; font-size: 11px ; color: #444 ; clear: both ;}
#footer a { color: #ca610a ; text-decoration: none ;}
#footer a:hover { text-decoration: underline ;}