@charset "utf-8";

/* 
BASIC -------------------------------------------------------------*/
* {margin:0; padding:0;}
body {background:url(../img/poz.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#111d6a;}
h2 {font-size:12px;}
a {color:#ec008c; font-size:11px; text-decoration:none}
a:hover {color:#111d6a; text-decoration:underline;}
img.naslov {margin:0 0 5px 0;}

/* separatori */
.miniSeparator {display:block; clear:both; height:10px;}
.separator {width:662px; display:block; clear:both; text-align:center;}

/* 
TOP SEGMENT -------------------------------------------------------------*/
#top {background:url(../img/top-bgr.gif) top repeat-x; height:48px;}
#topHolder  {width:888px; margin:auto;}

/* pretraga */
#searchBox {float:left; padding:9px 0 0 0;}
#searchBox input.searchField {display:block; background:url(../img/search-bgr.gif) left no-repeat; width:165px; height:18px; border:0; line-height:11px; padding:7px 0 0 30px; color:#bebaab; font-size:11px;}

/* navigacija */
#nav {float:right; width:auto;}
#nav ul li {float:left; list-style-type:none;}
#nav li a{display:block; float:left; padding:19px 20px 0 4px; font-family:'Century Gothic', Georgia, serif; font-size:12px; text-decoration:none; border-left:#cecdc8 solid 1px; color:#1e2b83}
#nav li a:hover {color:#fff; background:#cecdc8;}

/*--------------------------------------------------------------*/
/*-------------------------CONTENT------------------------------*/ 
/*--------------------------------------------------------------*/

#wrap {width:888px; margin:auto; clear:both; padding:25px 0 20px 0;}
#header {clear:both;}
#contentHolder {width:888px; background:url(../img/content-bgr.gif) top repeat-y; margin:12px 0 0 0;}
#content {width:888px;}

/* 
LEFT  -------------------------------------------------------------*/
#leftColumn {float:left; padding:7px 0 20px 0;}

/* text home boxovi */
.textHomeBox {float:left; width:305px; padding:0 0 0 26px}
.textHomeBox p{text-align:justify; line-height:15px;}
.textHomeBox p.welcome {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}

/* izdvajamo boxovi*/
.izdvajamoBox {float:left; width:305px;}

/* more linkovi */
.saznajteVise {display:block; clear:both; text-align:right; padding:10px 0;}

#partneri {background:url(../img/partneri-bgr.gif) left no-repeat; overflow:visible; display:block; width:292px; height:233px; padding:12px 0 1px 12px}
#partneri ul {float:left; width:140px;}
#partneri ul li{list-style-type:none;}
#partneri li a {line-height:17px; color:#111d6a; text-transform:uppercase;}
#partneri li a:hover {color:#ec008c; text-decoration:underline;}

/* newsletter */
#newsletter {float:left; text-align:left; padding:15px 0 0 0; width:305px;} 
#newsletter input {width:232px; height:21px; background:url(../img/newsletter-bgr.gif) left no-repeat; border:0; float:left; margin:10px 0 0 0; padding:4px 0 0 7px;}
#newsletter input.newsletterButton {width:59px; height:25px; border:0; background:url(../img/newsletter-button-bgr.gif) center no-repeat; color:#fff; font-size:11px; cursor:pointer; float:left; margin:10px 0 0 5px;}

/* rest sadrzaj */
/*#restBox {float:left; display:block; clear:both; width:610px; padding:0 0 0 26px;}*/
#restBox {float:left; display:block; clear:both; width:660px; padding:0 0 0 26px;}

.onamaImgHolder {float:left; width:600px; padding:20px 0 20px 5px;}
.onamaImgHolder img {float:left; margin:0 22px 0 0;}
.onamaImgHolder img.desnaSlika {float:right; margin:0}

.ponudaImgHolder {float:left; width:600px; padding:20px 0 20px 10px;}
.ponudaImgHolder img {float:left; margin:0 32px 0 0; border:0}
.ponudaImgHolder img.desnaSlika {float:right; margin:0; border:0}

/*
#ponudaKategorijeHolder {float:left; width:460px; padding:10px 0 10px 0;}
#kategorijeTop {float:left; clear:right; border-bottom:#eceae3 solid 1px; padding:5px 0 5px 0;}
#kategorijeTop select {float:right;}
#ponudaKategorijeHolder h2 {float:left; display:block; padding:5px 0 0 10px;}
*/
#ponudaKategorijeHolder {float:left; width:460px; padding: 0px 0 10px 0;}
#kategorijeTop {float:left; clear:right; border-bottom:#eceae3 solid 1px; padding: 0px 0 5px 0;}
#kategorijeTop select {float:right;}
#ponudaKategorijeHolder h2 {float:left; display:block; padding: 0px 0 0 10px; margin-top: 5px;}

/*.kategorijeBox {float:left; width:124px; padding:8px; background:#f4f2eb; margin:5px; height:145px;}*/
.kategorijeBox {float:left; width:124px; padding:8px; background:#f4f2eb; margin:5px; height:155px;}
.kategorijeBox p {text-align:left; height:30px;}
.kategorijeBox img {border:#c2bfb6 solid 1px; padding:1px;}
.naruciDugme {float:right; clear:both; border:0; display:block}
.naruciDugme img {border:0;}

#sideBar {float:left; width:145px; padding:0 5px 0 0;}
#sideBar ul {padding:15px 0 20px 0;}
#sideBar li {list-style-type:none;}
#sideBar li a {display:block; width:140px; padding:3px 0;}
.sideBarRest {width:145px; padding:15px 0 0 0; border-top:solid 1px #eceae3}
.sideBarRest ul {padding:0 0 0 0;}
.sideBarRest li {list-style-type:none;}
.sideBarRest li a {display:block; width:140px; padding:3px 0; color:#111d6a; font-weight:bold;}
.sideBarRest h2 {margin-bottom: 5px;}

.adresarMain {float:left;}
.adresarMain p{font-weight:bold;}
.adresarSide {float:right; font-weight:bold; width:180px; margin-right: 30px;}
.adresarSide span {font-size:11px; font-weight:normal; color:#666;}
.adresarSide label {font-weight:normal; line-height:20px; color:#bab8af}
.adresarSide input {border:0}
.adresarSide input.adresaPolje {border-bottom:solid 1px #ccc; width:180px;}
.adresarSide input.adresarButton {margin:5px 0; cursor:pointer;}

.adresarTabela {float:left; clear:both;}
.adresarTabela table {width:610px; background:#eceae3; color:#000}
.adresarTabela table td {background:#fff; padding:3px}
.adresarTabela table th {background:#fff; padding:3px; width:40px;}
.adresarTabela table thead td, .adresarTabela table thead th {background:#eceae3; font-weight:bold;}
.naslovZupanija {float:left; padding:15px 0; font-size:14px; font-weight:bold;}
.izborZupanija {float:right; width:250px; padding:12px 0; text-align:right}

.savjetiMain {float:left; width:630px;}
.savjetiMain p {display:block; text-align:justify; clear:both;}
.savjetiMain ul {list-style-type:disc; padding:20px 0;}
.savjetiMain li {list-style-position:inside; padding:5px 0;}
.naslovSavjeti {float:left; padding:15px 0; font-size:14px; font-weight:bold;}
.navSavjeti {float:right; text-align:left; padding:5px; background:#f2efea; margin:0 0 20px 0; width:200px;}

.savjetiBox {float:left; clear:both; display:block; padding:10px 0 10px 10px; background:#f2efea; width:600px; margin:5px 0;}
.savjetiBox p{float:left; padding:5px; clear:both; font-weight:bold;}
.savjetiBoxImgHolder {float:left; clear:both; width:600px;}
.savjetiBox img {margin:5px; border:#aea9a0 solid 3px; padding:1px; background:#f2efea}

.kontaktMain {float:left;}
.kontaktMain p{font-weight:bold;}
.kontaktSide {float:right; font-weight:normal; width:180px;}


.posaljiteImgHolder {float:left; padding:20px; width:400px;}
.posaljiteImgHolder label {float:left; width:120px; text-align:right; padding:3px 5px;}
.posaljiteImgHolder label.kratakOpis {float:left; width:120px; text-align:right; padding:5px 5px 65px 5px;}
.posaljiteImgHolder input.gore {float:right; width:230px; margin:2px;}
.posaljiteImgHolder textarea.gore {float:right; width:232px; height:80px; margin:2px;}
.posaljiteImgHolder input.dugme {float:right; width:70px; clear:both;}
#hocuovde {float:left; clear:both; width:400px; padding:50px 0 0 0;}

img.slikeGalerija {float:left; margin:0 5px 0 0;}


/* 
RIGHT  -------------------------------------------------------------*/
#rightColumn {float:right; width:202px; padding:10px 0;}

/* reklamni baneri */
#reklame {float:left; background:url(../img/reklame-bgr.gif) top left repeat-y;}
#baneri {clear:both; display:block; overflow:visible; text-align:center; min-height:515px; height:auto !important; height:515px; width:178px;}
#baneri img {display:block; clear:both; padding:0 0 10px 12px; float:left;}

/* 
FOOTER  ------------------------------------------------------------*/
#footerHolder {width:888px; background:url(../img/footer-bgr.jpg) top no-repeat; clear:both; padding:45px 0 10px 0; overflow:auto;}

/* kontakt forma */
#quickContact {float:left; display:block; padding:15px 0 0 0; clear:both}
#quickContact label{float:left; display:block; width:45px; margin:0 0 7px 0; height:19px}
#quickContact input, #quickContact textarea {float:right; display:block; width:244px; height:19px; border:0; background:url(../img/form-field-bgr.gif) left no-repeat; margin:0 0 7px 0; padding:0 0 0 5px;}
#quickContact textarea {height:69px; background:url(../img/form-area-bgr.gif) left no-repeat;overflow:auto}
#quickContact input.contactButton {float:right; width:59px; height:17px; border:0; background:url(../img/form-button-bgr.gif) center no-repeat; clear:both; color:#fff; font-size:11px; padding:0 0 0 0; cursor:pointer}

/* adresa i site info */
#adresa {float:right; width:182px; padding:0 25px 0 0; text-align:right;}
#adresa p {color:#726f67;}
#adresa a {color:#726f67; text-decoration:underline;}
#adresa a:hover {text-decoration:none;}
#adresa p.siteInfo {color:#aaa9a5; font-size:10px}
#adresa p.siteInfo a {color:#aaa9a5; text-decoration:underline;}

/* HRSTO */
div.naslov {width: 100%; display: block; margin-bottom: 10px;}
#sideBar ul.podkategorija {margin: 0 0 10px 10px; padding: 0;}
img {border: 0;}
#kako-naruciti-nar {clear: both; margin: 50px 0 0 20px;}
#h-filter {clear: both; display: block;}
#popup {position: absolute; margin: 150px 0 0 100px; z-index: 2;}
div.popup-window {background-color: white;}
div.naslovna-traka {background-color: silver; text-align: right; padding: 2px 10px;}
#b-savjeti td {padding-right: 5px; vertical-align: top;}
div.savjetiBox2 {float: left; width: 310px; background: #f2efea; margin-bottom: 10px;}
div.savjetiBox3 {float: left; width: 630px; background: #f2efea; margin-bottom: 10px;}
div.sbPrvi {margin-right: 10px; clear: left;}
div.savjetiSlikaKat {float: left; margin: 5px; width: 150px; overflow: hidden;}
div.savjetiSadrzaj {float: left; margin: 5px; width: 140px;}
div.savjetiSadrzaj h1 {font-size: 12px; margin-bottom: 10px;}
div.savjetiSadrzaj2 {float: left; margin: 5px; width: 430px;}
div.savjetiSadrzaj2 h1 {font-size: 12px; margin-bottom: 10px;}