/*********** CSS Style @ HNR ************/
/*********** Created by Avdo Ĉurtoviĉ ************/
* {
	padding: 0;
	margin: 0;
}

body {
	background: #FFFFFF;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

img {
	border: 0;
}

a {
	color: #D92316;
	text-decoration: none;
}

a:hover {
	color: #D92316;
	text-decoration:underline;
}

a:visited {
	color: #D92316;
}

h1 {font-weight:normal; font-size:22px; color:#808040;}
h2 {font-size:16px; color:#da790b;}
h3 {font-size:14px; color: #669900;}
h3 a, h3 a:hover, h3 a:visited {color: #669900;}
h4 {font-size:12px; color:#A8A8A8;}

#wrapper {
	display: block;
	margin: 0 auto 0 auto;
	width: 783px;
	background: #F4F4F6 url(slike/pozadina.jpg) top repeat-y;
	position: relative;
}

#header {
display:block;
margin:0 25px 0 25px;
height:342px;
}

#headerlogo {
float:left;
display:block;
width:238px;
height:105px;
background: #EEECE5 url(slike/logo.jpg) no-repeat;
}

#headerdesno {
float:left;
display:block;
width:495px;
height:105px;
background:url(slike/header_poz.jpg) repeat-x;
}

#headerdesno2 {
float:right;
display:block;
width:161px;
height:105px;
background:url(slike/gore_desno.jpg) top right no-repeat;
}

#headermeni {
float:left;
display:block;
width:238px;
height:237px;
background: #EEECE5 url(slike/meni_poz.jpg) repeat-x;
}

#headermenidesno {
float:left;
display:block;
width:495px;
height:237px;
background:url(slike/hnr.jpg) repeat-x;
}

#glavna {
display:block;
margin:0 25px 0 25px;
}

#footer {
display:block;
margin:0 25px 0 25px;
height:105px;
background:#DFDFE0;
}

#footerlijevo {
float:left;
display:block;
width:478px;
height:105px;
}

#footerdesno {
float:left;
display:block;
width:255px;
height:105px;
background:#000000;
}

#meni {
	/* background: url("/images/sidenav-dotline.png") left bottom no-repeat; */
	/* margin-top: 15px; this creates and open space above the sidebar nav */
	margin-top:50px;
	padding:0 13px 0 13px;
}

#meni a {
	display: block;
	font-size: 13px;
	color: #000;
	padding-left: 15px;
	line-height: 26px;
	vertical-align: middle;
	background: url("slike/meni.gif") left bottom no-repeat;
}

#meni a:hover {
	color: #fff;
	background: #000000 url("slike/meni.gif") left bottom no-repeat;
	text-decoration: none;
}





/********stari *********/

#headerdesno_top {
display:block;
width:656px;
height:50px;
}

#headerikonice {
display:inline;
margin-top:10px;
margin-right:100px;
float:right;
}
#headerikonice img {
padding-left:3px;
}



#vijesti {
float:left;
display:block;
width:700px;
}

h2.vijesti {
border-bottom:#E5DFD1 solid 1px;
padding:10px 0 2px 0;
}

h2.vijesti a {
color: #da790b;
}

h4.vijesti {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
	font-size: 10px;
	color: #424040;
}
p.vijesti {
text-align:justify;
}

.onama {
display:block;
background:#EEECE5 url(slike/onamabg.jpg) bottom left repeat-x;
padding:10px;
border:#E5DFD1 solid 1px;
margin-bottom:10px;
text-align:justify;
}

.mapa {
display:block;
margin-bottom:10px;
text-align:center;
}

h2.onama {
color:#D92316;
border-bottom:#E5DFD1 solid 1px;
}

h2.onamabbg {
color:#D92316;
border-bottom:#E5DFD1 solid 1px;
}

#ponuda {
float:right;
display:block;
width:250px;
margin:0;
padding:0;
}

#ponudahead {
display:block;
width:430px;
height:60px;
margin-bottom:10px;
}

#ponudam {
display:block;
padding:10px 0;
width:163px;
height:60px;
float:left;
}

#ponudatrazi {
display:block;
width:267;
background:url(slike/trazibg.jpg) no-repeat;
height:60px;
float:left;
}

#ponudashop {
clear:both;
display:block;
width:430px;
margin-bottom:10px;
}

h2.shop {
color:#D92316;
border-bottom:#E5DFD1 solid 1px;
text-align:left;
}

#ponudakontakt {
clear:both;
display:block;
width:430px;
margin:15px 0 10px 0;
}
/*********** horizontalni meni ******************/

#hmeni{
position:relative;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
text-align:right;
}
#tabovi {
float:left;
width:100%;
font-size:11px;
text-transform:uppercase;
font-weight:bold; 
line-height:normal;
}
#tabovi ul {
margin:0;
padding:8px 10px 0 50px;
list-style:none;
float:right;
}
#tabovi li {
display:inline;
margin:0;
padding:0;
}
#tabovi a {
float:left;
background:url("slike/tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabovi a span {
float:left;
display:block;
background:url("slike/tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#da790b;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabovi a span {float:none;}
    /* End IE5-Mac hack */
#tabovi a:hover span {
color:#000;
}
#tabovi a:hover,#tabovi ul li a.current,#tabovi ul li a.current:hover {
background-position:0% -42px;
}
#tabovi a:hover span,#tabovi ul li a.current span {
background-position:100% -42px;
}
#tabovi_inner{
padding: 5px; 
height: 1em;
font-size:12px;
}
/*#tabovi_inner a:link, #tabovi_inner a:visited, #tabovi_inner a:active{color: red}
#tabovi_inner a:hover{color: orange}*/
.innercontent{display: none;}

/****************** slike     *********************/
img.vijesti {
		margin:5px 5px 5px 0;
        border: 1px solid #E5DFD1;
        padding: 4px;
        background-color: #fff;
}

img.fotka {
		margin:5px;
        border: 1px solid #E5DFD1;
        padding: 4px;
        background-color: #F4F3EF;
}

.fotka {
		margin:5px;
        border: 1px solid #E5DFD1;
        padding: 4px;
        background-color: #F4F3EF;
}

.fotka a img {
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}
.fotka a img:hover {
    border: 1px solid #A0ABB4;
    background-color: #E8E9E0;
}

/**************  forma aa ***************************/

form.aa {margin:0}
form.aa .text {display:block; border:solid 1px #B6A278; background: #F9F8F2; width:370px; padding:2px; font-size:14px; color:#000000;}
form.aa label {display:block; margin-bottom:2px; margin-top:5px; }
form.aa .text:hover{background:#FFFFFF; border: solid 1px #000000;}
form.aa .text:focus {background:#F4EFE3; border: solid 1px #000000;}
form.aa .button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:2px 10px 2px 10px; margin:10px 0px 10px 0px;}
form.aa file.button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:2px 10px 2px 10px; margin:10px 0px 10px 0px;}
form.aa .button:hover { display:block; border:solid 1px #CBBA96; background: #EDECD1; padding:2px 10px 2px 10px; margin:10px 0px 10px 0px;}

/**************  forma kk ***************************/

form.kk {margin:0;}
form.kk .text {display:block; border:solid 1px #B6A278; background: #F9F8F2; width:400px; padding:2px; font-size:14px; color:#000000;}
form.kk label {display:block; margin-bottom:2px; margin-top:5px; }
form.kk .text:hover{background:#FFFFFF; border: solid 1px #000000;}
form.kk .text:focus {background:#F4EFE3; border: solid 1px #000000;}
form.kk .button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:2px 10px 2px 10px; margin:10px 0px 10px 0px;}
form.kk file.button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:2px 10px 2px 10px; margin:10px 0px 10px 0px;}
form.kk .button:hover { display:block; border:solid 1px #CBBA96; background: #EDECD1; padding:2px 10px 2px 10px; margin:10px 0px 10px 0px;}

/*********** pagination *************/

div.pagination {
clear:both;
	padding:10px;
	margin:10px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/*********** pretraga ************/

form.trazi {
	margin:0;
	padding:0;
	width:263px;
	height:60px;
}
form.trazi p{
	margin:0 0 0 40px;
}
form.trazi input{
	margin-top:20px;	
	width:130px;
	border:none;
	padding:3px;
	font-size:110%;
	vertical-align:middle;
	border:0;
}
form.trazi button{
	margin-top:18px;
	margin-left:12px;
	width:63px;
	height:27px;
	border:none;
	text-indent:-8000px;
	overflow:hidden;
	background:url(slike/button.jpg) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
}

/************** top shop ***************/

.shopvelike {
    padding:0;
    /*position: relative;*/
	margin:10px 0 10px 0;
}

ul.listaslika {
    display: block;
    padding: 0;
    margin: 0;
}
li.fotografija {
        list-style-type: none;
        display: block;
        float: left;
        margin: 0 4px 0px 4px;
        padding: 0;
}
li.fotografija img {
        border: 1px solid #E5DFD1;
        padding: 4px;
        background-color: #fff;
}
li.fotografija a img {
        border: 1px solid #BBB69F;
        padding: 4px;
        background-color: #fff;
}
li.fotografija a img:hover {
    border: 1px solid #A0ABB4;
    background-color: #E8E9E0;
}

/************* liste *************/

ul.lista {
    display: block;
    padding-left: 15px;
    margin: 0;
    float: left;
	list-style-image:url(slike/mini-star.gif);
}
li.lista {
        list-style-type: none;
		display: block;
        float: left;
		margin: 0 5px 0px 5px;
        padding: 0;
}

/******** shop img *************/

.shopkat
{
  margin: 4px;
  border: 1px solid #E5DFD1;
  padding: 4px;
  float: left;
  text-align: center;
  background-color: #fff;
}	
.shopkat img
{
  display: inline;
  margin: 0;
}
.shopkat a:hover img {border: 1px solid #0000ff;}
div.ispod
{
  text-align: center;
  font-weight: normal;
  width: 115px;
  margin: 4px;
}

/***************** dodatni meni ***************/

div.subme a {
	padding: 2px 5px 2px 12px;
	margin-right: 2px;
	border: 1px solid #E6E0D4;
	background:#EEECE5 url(slike/arrows.gif) no-repeat;
	text-decoration: none; 
	color: #CC0000;
}
div.subme a:hover, div.subme a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}

/************ footer box *****************/
.box1 {
float:left;
display:block;
width:168px;
height:110px;
margin-right:20px;
padding:10px;
border:#E5DFD1 solid 1px;
background:#EEECE5 url(slike/onamabg.jpg) bottom left repeat-x;
}

.box2 {
float:left;
display:block;
width:168px;
height:110px;
margin-right:20px;
padding:10px;
border:#E5DFD1 solid 1px;
background:#EEECE5 url(slike/onamabg.jpg) bottom left repeat-x;
}

.box3 {
float:left;
display:block;
width:418px;
height:110px;
padding:10px;
border:#E5DFD1 solid 1px;
background:#EEECE5 url(slike/onamabg.jpg) bottom left repeat-x;
}