html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
object, embed {display: block; overflow: hidden;}
body {line-height: 1;}
ol, ul {list-style: none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

html {background:#fff url(https://arhiva.bbz.hr/slike/body_bg.png) top center no-repeat}
body {font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#444; text-align:left;margin:0 0 0 80px}

h1 {font-size: 28px; color: #444; font-weight: normal; font-family:'Georgia'}
h2 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h3 {font-size: 20px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}

.clear {clear: both; height: 0.1px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear30 {clear: both; height: 30px}
.clear40 {clear: both; height: 40px}
.clear50 {clear: both; height: 50px}

.slika {float:left; margin:0 0 10px; padding:2px; border:1px solid #444}
.slika-lijevo {float:left; margin:7px 10px 10px 0}
.slika-skupstina {float:left; margin:0 10px 10px 0}
.slika-lijevo1 {float:left; margin:0px 10px 10px 0}
.slika-lijevo2 {float:left; margin:7px 10px 10px 10px}

.slika-desno {float:right; margin:0 0 10px 10px}
.slika-lijevo-nb {float:left; margin:5px 10px 0 0}
.slika-izbornik {float:left; margin:10px 5px 0 0}
.margina {float:left; margin 0 20px 0 0 }

.lijevo {float:left}
.desno {float:right}

.mar-go-10 {margin: 10px 0 0 0}
.mar-de-10 {margin: 0 10px 0 0}
.mar-do-10 {margin: 0 0 10px 0}
.mar-li-10 {margin: 0 0 0 10px}

.zoom {float:left; position:relative}
.zoom span {display:block; background:transparent url(https://arhiva.bbz.hr/slike/zoom.png) 0 0 no-repeat; width:40px; height:40px; position:absolute; left:80%; top:74%}

a:link {color: #3B85F5; text-decoration: none;}
a:visited {color: #3B85F5; text-decoration: none;}
a:active {color: #3B85F5;}
a:hover {color: #3B5998; text-decoration: none;}

.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active {color: #008C00; text-decoration: none;}
.entry h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry-v h3 a:link, .entry-v h3 a:visited, .entry-v h3 a:active {color: #008C00; text-decoration: none;}
.entry-v h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry-vijest h3 a:link, .entry-vijest h3 a:visited, .entry-vijest h3 a:active {color: #008C00; text-decoration: none;}
.entry-vijest h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry-skupstina h3{color: #000000;font-size: 17px;font-weight: normal;margin: 0 0 5px;}
.entry-skupstina h3 a:link, .entry-skupstina h3 a:visited, .entry-skupstina h3 a:active {color: #008C00; text-decoration: none;}
.entry-skupstina h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry-adresar h3 a:link, .entry-adresar h3 a:visited, .entry-adresar h3 a:active {color: #008C00; text-decoration: none;}
.entry-adresar h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry-adresar-detaljnije h3 a:link, .entry-adresar-detaljnije h3 a:visited, .entry-adresa-detaljnijer h3 a:active {color: #008C00; text-decoration: none;}
.entry-adresar-detaljnije h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry-kontakt h3 a:link, .entry-kontakt h3 a:visited, .entry-kontakt h3 a:active {color: #008C00; text-decoration: none;}
.entry-kontakt h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry-search h3 a:link, .entry-search h3 a:visited, .entry-search h3 a:active {color: #008C00; text-decoration: none;}
.entry-search h3 a:hover {color: #FD7F03; text-decoration: none;}

.entry2 h3 a:link, .entry2 h3 a:visited, .entry2 h3 a:active {color: #008C00; text-decoration: none;}
.entry2 h3 a:hover {color: #FD7F03; text-decoration: none;}

.galerija-entry h3 a:link, .galerija-entry h3 a:visited, .galerija-entry h3 a:active {color: #008C00; text-decoration: none;}
.galerija-entry h3 a:hover {color: #FD7F03; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #b9b9b9; text-decoration: none;}
a.sivi:hover {color: #858585; text-decoration: none;}

a.t-sivi:link, a.t-sivi:visited, a.t-sivi:active {color: #6d6d6d; text-decoration: none;}
a.t-sivi:hover {color: #222; text-decoration: none;}

a.zuti:link, a.zuti:visited, a.zuti:active {color: #fda203; text-decoration: none;}
a.zuti:hover {color: #fd7f03; text-decoration: none;}

a.crni-crni:link, a.crni-crni:visited, a.crni-crni:active {color: #444; text-decoration: none;}
a.crni-crni:hover {color: #000; text-decoration: none;}

a.crni-iz:link, a.crni-iz:visited, a.crni-iz:active {color: #333; text-decoration: none}
a.crni-iz:hover {color: #000; text-decoration: none}

a.zeleni:link, a.zeleni:visited, a.zeleni:active {color: #008C00; text-decoration: none;}
a.zeleni:hover {color: #FD7F03; text-decoration: none;}

a.t-zeleni:link, a.t-zeleni:visited, a.t-zeleni:active {color: #3B85F5; text-decoration: none;}
a.t-zeleni:hover {color: #33a313; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none}
a.bijeli:hover {color: #fff; text-decoration: none;text-shadow:0 -1px 0 rgba(0,0,0,.3)}

a.bijeli-gal:link, a.bijeli-gal:visited, a.bijeli-gal:active {color: #fff; text-decoration: none}
a.bijeli-gal:hover {color: #fff; text-decoration: none}

a.crni:link, a.crni:visited, a.crni:active {color: #000; text-decoration: none}
a.crni:hover {color: #000; text-decoration: none;text-shadow:0 1px 0 rgba(255,255,255,.7)}

a.plavi:link, a.plavi:visited, a.plavi:active {color: #3B85F5; text-decoration: none}
a.plavi:hover {color: #3B5998; text-decoration: none;text-shadow:0 1px 0 rgba(255,255,255,.7)}

a.plavi-skupstina:link {color: #3B85F5; text-decoration: none;padding:10px ; margin:0;border-top: 1px solid #FFFFFF;display: block;}
a.plavi-skupstina:visited, a.plavi-skupstina:active {color: #3B85F5; text-decoration: none; background: url(https://arhiva.bbz.hr/slike/active-skupstine.png);background-position: 98% 50%;background-repeat: no-repeat;padding:10px 26px 10px 10px;border-top: 1px solid #FFFFFF;background-color: #E3E3E3;}
a.plavi-skupstina:hover {color: #3B5998; text-decoration: none;background-image: url(https://arhiva.bbz.hr/slike/active-skupstine.png);background-position: 98% 50%;background-repeat: no-repeat;padding:10px 26px 10px 10px;border-top: 1px solid #FFFFFF;background-color: #E3E3E3;}
a.plavi-skupstina-div {color: #3B85F5; text-decoration: none;padding:10px ; margin:0;border-top: 1px solid #FFFFFF;display: block;}



/*ul {list-style-type:disc; margin:20px 0 0 20px}*/
p {margin:0 0 10px}

.btn {
background: #eeeeee; /* old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
width: 99.8%;
height: 27px;
font: bold 12px/27px Arial;
float: left;
display: block;
margin: 0;
padding: 0 15px;
text-align: center;
color: #444;
text-decoration: none;
cursor: pointer;
border: 1px solid #c4c4c4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn {float: left;}

.btn:hover {
background: #f2f5f6; /* old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* ie */
border: 1px solid #c4c4c4;
color: #444;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}

#wrapper {margin:0 auto; width:1000px}

#header {padding:28px; height:50px}
#header2 {padding:28px 0 28px 0;height:50px}
#header h1 {float:left;margin:5px 0 0 30px;width:625px}
#content h1 {float:left;width:605px;padding:5px 15px;margin:0 0 30px 0;border-left:4px solid #ddd}

#navigation {float:left; width:1000px; background:#333}
#navigation ul {margin:0; padding:0}
#navigation ul li {list-style-type:block; display:inline}
#navigation li a {display:none; float:left; padding:5px 10px; color:#fff; text-decoration:none; border-right:1px solid #fff}
#navigation li a.aktiv {display:block; float:left; padding:5px 10px; color:#fff; text-decoration:none; border-right:1px solid #fff; background:#383}
#navigation li a:hover {background:#383}

#content-container {padding:20px;background:#fff;border-radius:5px;float:left; width:960px;position:relative;z-index:2}
#content-container-pocetna {float:left; width:960px;position:relative;z-index:2}
#content-pocetna {float:left; width:1000px; padding:0; margin:0}
#content {float:left; width:670px; padding:0; margin:0 0 0 50px}
.entry {float:left;margin:0 25px 50px 0;width:43%;height:180px;overflow:hidden;border-left:1px solid #ddd;padding:0 0 10px 20px}
.entry-kontakt {float:left;margin:0 25px 30px 0;width:250px;overflow:hidden;border-left:1px solid #ddd;padding:0 0 10px 20px}
.entry-adresar {float:left;margin:0 25px 50px 0;width:43%;height: 170px; overflow:hidden;border-left:1px solid #ddd;padding:0 0 10px 20px}
.entry-adresar h3 {font-size: 16px}
.ostalo {background:url(https://arhiva.bbz.hr/slike/date_dot.png) center left no-repeat;padding:0 0 0 20px;font-familiy:'Georgia';font-style:italic;font-size:11px;color:#008c00;margin:30px 0 5px}
 

.entry-adresar-detaljnije {float:left;margin:0 0 30px 0;width:95%;padding:0}
.entry-adresar-detaljnije p {font-family:'Arial';line-height:20px}
.entry2 {float:left;margin:0 25px 25px 0;width:43%;height:60px;overflow:hidden;border-left:1px solid #ddd;padding:0 0 10px 20px}
.entry-vijest {float:left;margin:0 25px 50px 0;width:43%;height:213px;overflow:hidden;border-left:1px solid #ddd;padding:0 0 10px 20px}
.entry-vijest h3 {font-size:15px;line-height:20px}
.entry-skupstina {float:left;margin:0 25px 50px 0;width:92%;height:114px;overflow:hidden;border-left:1px solid #ddd;padding:0 0 10px 20px}
.entry-glasnik {float:left;margin:0 25px 50px 0;width:42%;height:270px;overflow:hidden;border-left:1px solid #ddd;padding:0 0 10px 20px}
.entry-v {float:left;margin:0 0 30px 0;width:95%;padding:0}
.entry-v h3 {font-size:26px}
.entry p {font-family:'Georgia';line-height:20px}
.entry-vijest p {font-family:'Georgia';line-height:20px}
.entry-skupstina p {font-family:'Georgia';line-height:23px}
.entry-v p { font-family: 'Georgia';font-size: 14px;line-height: 20px;text-align: justify;}
.entry .datum {float:left;color:#333}
.entry-v .datum {float:left;color:#333}
.entry-vijest .datum {float:left;color:#333}
.entry-skupstina .datum {float:left;color:#333}
.entry-search {border-left: 1px solid #DDDDDD;
    float: left;
    height: 191px;
    margin: 0 25px 20px 0;
    overflow: hidden;
    padding: 0 0 10px 20px;
    width: 43%;
 cursor:pointer}
.entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px}
.entry-search div {overflow:hidden}
.quote {width:96%; font-family: 'Georgia'; font-size:18px; line-height:25px; float:left; padding-left:20px; border-left:1px solid #ddd; margin:10px 0 30px 0; color:#444;text-align:justify}
.quote p {font-family: 'Georgia'; font-size:18px; line-height:25px}
.download-box {background:#eee;border-radius:5px;float:left;padding:15px;margin:0 0 20px 0}
.download-naslov {background:url(https://arhiva.bbz.hr/slike/download.png) center left no-repeat;float:left;margin:0 0 15px 15px;font-size:18px;color:#33a313;padding:0 0 0 25px}
.download-dokument {font-size:14px;font-style:italic;width:95%}
.download-opis {float:left;font-size:11px;width:100%;margin:0 0 10px 0;border-top:1px dotted #ccc;padding:10px 0 5px 0; color: #333}
.download-l {float:left;background:#F6F6F6;border-radius:5px;padding:5px 15px 5px 15px;width:410px;color:#fda203;margin:0 30px 0 0}
.download-l:hover {background:#fff;cursor:pointer}
.download-d {float:right;font-size:10px;background:#F6F6F6;border-radius:5px;padding:5px 15px 5px 15px}
.povratak {padding:10px;background:#F6F6F6;border-radius:5px;float:right;font-style:italic;font-size:13px}
.povratak:hover {background:#EBEBEB;cursor:pointer}

.nav_categories ul {width:90%;list-style-type:none}
.nav_categories li {width:90%;float:left;list-style-type:none;background:#F1F1F1;padding:10px 20px 10px 20px;border-radius:5px;margin:0 0 10px 0}
.nav_categories ul li {clear:both;float:left;list-style-type:none}
.nav_categories ul li ul li {clear:both;float:left;list-style-type:none;margin:0;padding:0 0 0 10px}
.nav_categories ul li ul li a {font-size:14px;margin:0 0 0 10px;font-weight:bold}
.nav_categories ul li ul li ul li {margin:0;padding:0 0 0 10px}
.nav_categories ul li ul li ul li a {font-size:14px;margin:0 0 0 10px;font-size:12px;font-weight:normal}
.nav_categories h3 {margin:0;padding:0;height:30px;line-height:30px;font-size:20px;font-weight:bold}
.nav_categories ul li h3 {margin:0;padding:0;height:15px;line-height:15px;font-size:18px;font-weight:normal}
.broj-kat {color:#777;margin:0 0 0 5px;font-size:12px}

.banner {margin: 0 0 20px 0}

#pocetna-boxes {float:left; width:493px}
#aktualno-box {width:199px;height:259px;padding:10px 20px 0;float:left;overflow:hidden;background:url(https://arhiva.bbz.hr/slike/aktualno_bg.png) top left no-repeat;margin:0 15px 15px 0}
#aktualno-box p {font-family:'Georgia';font-size:11px;color:#333232}
#zupanija-box {width:199px;height:259px;padding:10px 20px 15px;float:left;overflow:hidden;background:url(https://arhiva.bbz.hr/slike/o_zupaniji_bg.png) top left no-repeat}
#zupanija-box3 {width:239px;float:left;overflow:hidden;background:none repeat scroll 0 0 #EEEEEE;border-radius:6px 6px 6px 6px;}
#zupanija-box3 li a.aktiv {color: #3B85F5; text-decoration: none; background: url(https://arhiva.bbz.hr/slike/active-skupstine.png);display:block;background-position: 98% 50%;background-repeat: no-repeat;padding:10px 26px 10px 10px;border-top: 1px solid #FFFFFF;background-color: #E3E3E3;}

#izbornik-box {width:199px;height:259px;padding:10px 20px 0 20px;float:left;overflow:hidden;background:url(https://arhiva.bbz.hr/slike/izbornik2_bg.png) top left no-repeat;margin:0 15px 15px 0}
#izbornik-box ul {height:167px;}
#galerija-box {width:199px;height:229px;padding:20px;float:left;overflow:hidden;background:url(https://arhiva.bbz.hr/slike/galerija_bg.png) top left no-repeat}
#galerija-box:hover {cursor:pointer;background:url(https://arhiva.bbz.hr/slike/galerija_bg.png) bottom left no-repeat}
#pocetna-vijesti {width:493px;float:right}
#pocetna-vijesti h2, #pocetna-vijesti h5 {color:#b9b9b9;font-size:24px;margin:10px 0 0 10px}
.vijesti-box1 {width:239px;height:687px;float:left;overflow:hidden;background:url(https://arhiva.bbz.hr/slike/vijesti_box_bg.png) top left no-repeat}
.vijesti-box1 p {font-family:'Georgia';font-size:11px;color:#333232; background: #E3E3E3;  -moz-border-radius: 7px; border-radius: 7px; text-align:left}
.vijesti-box2 {width:239px;height:687px;float:right;overflow:hidden;background:url(https://arhiva.bbz.hr/slike/vijesti_box_bg.png) top left no-repeat}
.vijesti-box2 p {font-family:'Georgia';font-size:11px;color:#333232}
.pocetna-box-naslov {font-size:33px;margin:0 0 7px 0;color:#3FA211}
.pocetna-box-naslov3 {font-size:16px;margin:10px 10px 5px;color:#000000}
.galerija-box-naslov {font-size:30px;margin:120px 0 0 0;text-shadow:0 -1px 0 rgba(0,0,0,.3)}
.galerija-box-naslov:hover {cursor:pointer}
.post-pocetna-naslov h3 {font-size:12px;text-transform:uppercase;margin: 0 0 5px 0}
.datum {background:url(https://arhiva.bbz.hr/slike/date_dot.png) center left no-repeat;padding:0 0 0 20px;font-familiy:'Georgia';font-style:italic;font-size:11px;color:#008c00;margin:0 0 5px 0}
.vijesti-box-in {padding:20px 20px 0 20px}
.vijesti-box-in2 {padding:20px 20px 0 20px; min-height:210px}
#facebook-likes {width:84px;float:left;position:relative;margin-top:-100px;margin-left:705px;z-index:1}
#facebook-likes-in {width:84px;position:fixed;top:245px;background:#fff;padding:10px;border-radius:5px}
.korisni-linkovi-naslov {color:#999;font-family:'Georgia';font-size:18px;margin:0 0 20px -15px}

.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:7px 10px; border:solid 1px #B6B6B6; background:#E6E6E6; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6))}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#fff}

.google-karta {float:left; display:block; margin:0; width:650px; height:500px}

#smaller {float:left;margin:0;width:239px}
#smaller h4 {margin:0}
.smaller-boxes {padding:20px;width:199px;float:left;border-radius:5px;background:#F6F6F6;margin:0 0 20px 0}
.smaller-box-uvodna {width:200px;height:75px;padding:40px;float:left;background:url(https://arhiva.bbz.hr/slike/uvodna_bg.png) top left no-repeat;margin:-20px 0 0 -20px}
.smaller-box-uvodna:hover {cursor:pointer;background:url(https://arhiva.bbz.hr/slike/uvodna_bg.png) bottom left no-repeat}
#zupanijski-glasnik {text-align:center;width:239px;height:350px;float:left;display:block;margin:20px 0 10px 0}
#zupanijski-glasnik-in {margin-left:-87px;width:360px;overflow:hidden}
.zupanijski-glasnik-in {margin-left:-87px;width:360px;overflow:hidden}
.glasniknaslov {margin:0 0 0 32px; font-weight:bold;color:#999;line-height:18px}
.svi-li {float:left;font-size:14px;padding:10px;background:#ffba00;border-radius:5px;margin:5px;width:94%;color:#FF7800}
.svi-li:hover {background:#FFCA00;cursor:pointer}

#trazilica {float:right; width:211px; height:37px; position:relative;z-index:10;margin-right:-5px}
.search-d {width:39px; height:37px; float:left; cursor:pointer;display:block;overflow:hidden;margin:0;padding:0}
.search-l {float:right; background: url("https://arhiva.bbz.hr/slike/search-l.png") top left no-repeat; border:none; width:172px; height:37px; line-height:37px; margin:0; font-family:Arial; font-size:12px; color:#a3a3a3; font-style:italic;display:block}

#breadcrumb, #breadcrumbd {height:32px; border:0; color:#7C735B; padding:0; overflow:hidden}
#breadcrumb {width:100%;margin:0 0 20px 0}
#breadcrumbd {width:100%; float:left}
#breadcrumb h2 {font-size:11px; line-height:32px; margin:0; color:#A79E85}
#breadcrumbd h5 {font-size:11px; line-height:32px; margin:0; color:#A79E85}
#breadcrumb img, #breadcrumbd img {float:left}
#breadcrumb a:link, #breadcrumbd a:link, #breadcrumb a:visited, #breadcrumbd a:visited, #breadcrumb a:active, #breadcrumbd a:active {color:#7C735B; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover, #breadcrumbd a:hover {color:#A79E85; text-decoration:none; line-height:32px; float:left; border:0}

.rss {float:right}
#footer {clear:both;background:url(https://arhiva.bbz.hr/slike/footer_bg.png) bottom center no-repeat;width:100%;height:448px;position:relative;margin:-80px 0 0 0;float:left;z-index:1}
#footer-in {width:1000px;margin:0 auto;padding:100px 0 0 0}
.footer-naslov1 {width:199px;text-align:right;font-family:'Georgia';font-size:24px;margin: 0 0 20px 0}
.footer-box1 {padding:20px;width:199px;text-align:right;font-size:12px;line-height:22px;float:left;height:260px;overflow:hidden}
.footer-naslov2 {width:199px;font-family:'Georgia';font-size:24px;margin: 0 0 20px 0}
.footer-box2 {padding:20px;width:199px;font-size:12px;line-height:22px;float:left;margin:0 0 0 15px}
.footer-kontakt {font-family:'Georgia';font-size:14px;color:#555}
.karta-over {width:290px;height:255px;float:right;background:url(https://arhiva.bbz.hr/slike/karta-over.png) bottom left no-repeat;margin:-259px -5px 0 0}
.karta-over:hover {background:url(https://arhiva.bbz.hr/slike/karta-over.png) top left no-repeat;cursor:pointer}
#footer-potpis {clear:both;width:1000px;float:left;font-size:9px;margin:0 0 20px 0}

/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:400px}

.notification {width:98%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px}
.notification div {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success {border:1px solid #54aa29; background:#d3f4c0; font-size:14px; color:#477e2b; position:relative; margin:12px 0 0}
.notification.success li {list-style-type:none; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success div {border:1px solid #fff; padding:0 0 0 22px; background:url(https://arhiva.bbz.hr/slike/offline/notification_success_icon.png); background-repeat:no-repeat; background-position:5px center}
.notification.error {border:1px solid #aa2929; background:#f4c0c0; font-size:14px; color:#7e2b2b; z-index:100; position:relative; margin:12px 0 0}
.notification.error li {list-style-position:inside; border-radius:5px; padding:5px 5px 5px 10px}
.notification.error div {border:1px solid #fae0e0; padding:0 0 0 22px; background:url(https://arhiva.bbz.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {/*background:#ccc496; */margin:15px 0 0 0; padding:15px; height:auto; float:left;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm div{position:relative; margin:0; padding:0}
.contactForm label {font-size:14px; font-weight:bold; color:#646464; display:block; clear:both; padding-bottom:3px}
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm textarea {width:97%; margin-bottom:12px; padding:5px; border:1px solid #AAA; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; -o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset; box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px inset}
.contactForm input:focus, 
.contactForm textarea:focus {background:#FEFFB7}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://arhiva.bbz.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://arhiva.bbz.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}

/* Tablica */
#box-table-a {font-family:'Arial'; font-size:12px; width:100%; text-align:left; border-collapse:collapse}
#box-table-a th {font-size:13px; font-weight:normal; padding:8px; background:#F6EAB8; border-top:4px solid #fff; border-bottom:1px solid #fff; color:#fff}
#box-table-a td {padding:8px; background:#e8edff; border-bottom:1px solid #fff; color:#000; border-top:1px solid transparent}
#box-table-a tr:hover td {background:#d0dafd; color:#FFA607}


/* Mega izbornik */
#mega-navigation-poc {width:1000px; height:51px; float:left; background: url(https://arhiva.bbz.hr/slike/izbornik_bg.png) top left no-repeat; margin:30px 0 30px 0}
#mega-navigation {width:1000px; height:51px; float:left; background: url(https://arhiva.bbz.hr/slike/izbornik_bg.png) top left no-repeat; margin:0 0 30px 0}

ul.mega-container{width:1000px; padding:3px; margin:0}
li.mega{list-style-type:none; float:left; padding:7px 4px 7px 4px; margin:0 3px 0 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative; z-index:10px}
 /*Ako stavljate sliku morate pisati na ovaj način zbog IE
 li.mega.mega-active {border:1px solid #9dc259; background-image:url(https://arhiva.bbz.hr/slike/active_bg.gif); background-position:top left;}
 */
li.mega.mega-active {background-color:#ffa607}
li.mega:hover{background-color:#ffa607}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{color:#FFF; text-decoration:none; font-size:16px; font-family: 'Arial'; display:inline-block; padding:5px 8px 5px 8px; outline:none; position:relative; z-index:20px; text-shadow:0 -1px 0 rgba(0,0,0,.25)}
li.mega a.mega-tab:hover {text-decoration:none; font-size:16px; font-family: 'Arial'; display:inline-block; outline:none; position:relative; z-index:20px; text-shadow:0 -1px 0 rgba(0,0,0,.25)}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(https://arhiva.bbz.hr/slike/down.png) no-repeat right center; padding-right:26px !important}
li.mega.mega-sub:hover{z-index:10000; border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0}

/* Content container */
.mega-content{width:175px; display:none; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; padding:0; position:absolute; top:100%; left:0; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:#FFA607}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:18px}
.mega-content p{margin-bottom:1em}

.dodatno {}
.dodatno #nav_cat_archive {list-style-type:none; margin:0; min-width:200px; left:-214px; top:-7px; display:none;}
.dodatno #nav_cat_archive li {margin:2px; padding:2px; height:20px; width:190px;}
.dodatno:hover >#nav_cat_archive {display:block !important;}
.dodatno-a {background-color:#fff; border-radius: 0px !imporatant; color: #fff; display: block; font-weight: normal; margin-bottom:0 !important; padding:0 !important; text-decoration: none; text-shadow: none;}

.dodatno2 {}
.dodatno2 #nav_cat_archive {list-style-type:none; margin:0; min-width:200px; left:242px; top:-9px; display:none;}
.dodatno2 #nav_cat_archive li {margin:2px; padding:2px; height:20px; width:190px;}
.dodatno2:hover >#nav_cat_archive {display:block !important;}

#nav_cat_archive li a.mega-sub:hover {background-color:orange;}

/* Drop Menu Styling */
.mega-menu{padding:4px !important; z-index:10000 !important; min-width:499px}
.mega-menu ul{list-style-type:none; margin:0; min-width:500px}
.mega-menu li {cursor:pointer}
.mega-menu li a{background-color:#F9F9F9; display:block; padding:3px 10px; color:#333; text-decoration:none; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow:none; margin-bottom:.5em}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(https://arhiva.bbz.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background:transparent}
.mega-menu li{position:relative;width:220px;float:left;height:65px;border-radius:5px;background:#fff;margin:5px;padding:10px}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#ffa405; width:175px; padding:7px 7px 3px;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; z-index:1000; position:absolute; left:100%; top:0; display:block}
.izbornik-naslov {font-size:13px;color:#3B85F5;margin:0 0 5px 0;font-weight:bold}
.izbornik-naslov-vijesti {font-size:13px;color:#33a313;margin:0 0 5px 0;float:left;width:165px;height:32px;overflow:hidden}
.izbornik-naslov-kraci {font-size:13px;color:#33a313;margin:0 0 5px 0;float:left;width:165px;height:16px;overflow:hidden}
.izbornik-tekst {float:left;width:165px;height:65px;overflow:hidden}


.mega-menu2 {padding:4px !important; z-index:10000 !important; min-width:223px}
.mega-menu2 ul{list-style-type:none; margin:0; min-width:223px}
.mega-menu2 li {cursor:pointer}
.mega-menu2 li a{background-color:#F9F9F9; display:block; padding:3px 10px; color:#333; text-decoration:none; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow:none; margin-bottom:.5em}
*+html .mega-menu2 li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu2 li a.mega-sub{background-color:#fff; background-image:url(https://arhiva.bbz.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%; text-transform: uppercase;}
.mega-menu2 li a:hover{background:transparent}
.mega-menu2 li{position:relative;width:215px;float:left;height:20px;border-radius:5px;background:#fff;margin:2px;padding:2px}
.mega-menu2 li:hover >ul{display:block !important}
.mega-menu2 li >ul{background:#ffa405; width:175px; padding:7px 7px 3px;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; z-index:1000; position:absolute; left:100%; top:0; display:block}


/* Grid Layout Styling */
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}

/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}

/* Clearfix 'hack' for mega-container */
.mega-container:after, 
.mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container, 
html[xmlns] .mega-grid{display:block}
* html .mega-container, 
* html .mega-grid{height:1%}


/*ROTATOR*/
.slider {float:left; width:1000; height:300px}
.slider-movie-example {width:320px;height:156px;background: url(https://arhiva.bbz.hr/slike/jquery-slider-background.png) top left no-repeat;color:#FFFFFF;padding:20px;position:absolute;top:50px;left:55px;font-size: 12px;line-height: 18px}
.slider-movie-example h4 {font-size:18px; color:#fff; width:320px; height:20px; overflow:hidden; float:left; margin:0 0 10px 0; font-weight:bold}
.jquery-slider-wrapper {position:relative;clear:both;zoom:1}
.jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%}
.jquery-slider-slide img {border:0;margin:0;padding:0}
.jquery-slider-slide-current {display:block;z-index:2}
.jquery-slider-slide-next {display:block;z-index:1}
.jquery-slider-selectors {display:inline;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(https://arhiva.bbz.hr/slike/jquery-slider-theme.png) no-repeat 0px -59px;display:inline;float:left;width:10px;height:10px;margin:0 0 0 3px}
.jquery-slider-selector-current {background:url(https://arhiva.bbz.hr/slike/jquery-slider-theme.png) no-repeat -10px -59px}
.jquery-slider-selector span {display:none}
.jquery-slider-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4}
.jquery-slider-control span {display:none}
.jquery-slider-control-play {background:url(https://arhiva.bbz.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(https://arhiva.bbz.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}
.jquery-slider-navigation-prev {background:url(https://arhiva.bbz.hr/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-prev span {display:none}
.jquery-slider-navigation-next {background:url(https://arhiva.bbz.hr/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-next span {display:none}
.jquery-slider-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF}
.jquery-slider-timer {color:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px}
.jquery-slider-timer-rotator {background:url(https://arhiva.bbz.hr/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3}
.jquery-slider-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2}
.jquery-slider-timer-rotator-move {left:0}
.jquery-slider-timer-mask-move {width:26px;left:0;background:url(https://arhiva.bbz.hr/slike/jquery-slider-rotator-right.png) no-repeat 0 0}

.screen-reader {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
}



/* SHOP */

#content-shop {float:left; width:970px; padding:15px 0; margin:0 0 0 15px}

#smaller-shop{float:left;width:220px;margin:0 15px 0 0;font-family:Tahoma;font-size:11px;color:#444}
.trazilica{float:left;background:url(https://arhiva.bbz.hr/slike-shop/trazilica-bg.gif) top left no-repeat;padding:0 0 0 14px;margin-bottom:18px;width:206px;height:33px;line-height:33px}

.smaller-box{float:left;width:200px;padding:0 5px 15px 15px;background:#ECEAEB url(https://arhiva.bbz.hr/slike-shop/smaller-naslov-bg.gif) top left no-repeat}
.smaller-box2{float:left;width:200px;padding:0 0 15px 15px;background:#ECEAEB url(https://arhiva.bbz.hr/slike-shop/smaller-naslov-bg2.gif) top left no-repeat}
.smaller-box h4{float:left;width:200px;height:33px;font-family:"Trebuchet MS";font-size:18px;line-height:33px;color:#fff;margin:0 0 10px 0}
.smaller-box ul{clear:both}
.smaller-box ul li{list-style:none}
.smaller-box ul.anketa{margin:0;clear:both}
.smaller-box ul.anketa li{padding:2px 0;list-style-image:none}
.smaller-box p{padding:8px 0;clear:both}
.smaller-box-ispod{float:left;width:220px;height:5px;margin-bottom:18px;background:url(https://arhiva.bbz.hr/slike-shop/smaller-box-ispod.gif) top left no-repeat}

#section-navigation{float:left;width:200px;display:inline;color:#444}
#section-navigation ul#nav{margin:0;padding:0}
#section-navigation ul#nav li{display:block;list-style-type:none;margin:0 0 2px 0}
#section-navigation ul#nav li a{display:block;border-top:0 solid #999;font:bold 12px/22px Arial}
#section-navigation ul#nav li a,#section-navigation ul#nav li a:visited,#section-navigation ul#nav li a:active{color:#221e23}
#section-navigation ul#nav li a:hover{color:#9E71AB}
#section-navigation ul#nav li ul{display:block;width:190px}
#section-navigation ul#nav li ul li{border-bottom:1px solid #ddd;background:#ECEAEB url(https://arhiva.bbz.hr/slike-shop/st.gif) 4px 8px no-repeat;margin:0}
#section-navigation ul#nav li ul li:hover{background:#F3F3F3 url(https://arhiva.bbz.hr/slike-shop/st.gif) 4px 8px no-repeat}
#section-navigation ul#nav li ul li a{display:block;font:normal 11px/22px Arial;padding:0 0 0 15px;border:0}

.cell1{float:left;width:175px;height:270px;margin:0 9px 9px 0;text-align:center;background:#eee;border:1px solid #ddd}
.cell2{float:left;width:175px;height:270px;margin:0 0 9px 0;text-align:center;background:#eee;border:1px solid #ddd}
.cell1 a,.cell2 a{color:#000}
.cell1 a:hover,.cell2 a:hover{color:#666}
.cell1:hover,.cell2:hover{background:#fff;cursor:pointer}
.cell1 h4,.cell2 h4{font:bold 11px Arial;height:56px;padding:5px;overflow:hidden}
form#sorter{float:left;display:block;width:970px;margin:0 0 5px 0}
form#sorter select{float:right;margin:0 0 0 10px}

#cart_za_desno {float:left;border:1px solid #AC85B6; background:#D0BAD5;width:180px;padding:5px;margin:0 0 15px 0}
#cart_za_desno img {float:right}


table#kosara{border-collapse:collapse;font-size:11px;width:610px;float:left}
table#kosara td,table#kosara th{border:1px solid #000;padding:5px;vertical-align:top}
table#kosara td.osvjez{background:transparent;border:0 solid #000}
table#kosara th{font-weight:bold}
.total{display:inline;font:bold 16px/21px Tahoma;padding:2px 4px;background-color:#000}
.total2{font:bold 20px/20px Tahoma;padding:0 4px}
.tright{text-align:right}
table#kosara{border-collapse:collapse;font-size:11px;width:100%;margin:21px 0 0 0}
table#kosara td,table#kosara th{background-color:#eee;border:1px solid #ddd;padding:5px;vertical-align:top}
table#kosara td.osvjez{background:transparent;border:0 solid #ddd}
table#kosara th{font-weight:bold;text-align:left;background:#1388E6;color:#fff}
.total{display:inline;color:#000;font:bold 16px/21px Arial;padding:2px 4px;background-color:#000}
.total2{color:#000;font:bold 20px/20px Arial;padding:0 4px}
.tright{text-align:right}
input.text540{background:#ddd;border:1px solid #1C1A1A;padding:2px;color:#000;font-size:11px;width:450px}
label{font:normal 11px Tahoma;color:#444;display:block;margin:0 0 2px 0}
label.error{color:#f00}
label span{color:#ed1100}
fieldset{padding:15px;border:1px solid #d4d4d4;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 8px 20px 0;float:left}
fieldset .txtinp{display:block;width:439px}
fieldset label{width:455px}
fieldset p,#kekaut p,#kekaut2 p{margin:0 0 10px 0}
legend{padding:7px 10px;color:#000;border:1px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;font:normal 20px Arial;background:#eee}
.bijeli-naslov{color:#000;font-family:"Century Gothic",Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold}
#uplatnica{font-family:Geneva,Arial,Verdana,"Times New Roman",Times,serif;float:left;position:relative;width:703px;height:406px;margin:0;padding:0;color:#000}
.ikser{font-size:18px;font-weight:bold;height:25px;left:611px;position:absolute;top:3px;width:20px}
.arti{font-size:16px;height:68px;left:21px;margin:0;padding:0;position:absolute;text-align:left;top:167px;width:220px}
.ziro{font-size:20px;height:25px;left:331px;margin:0;padding:0;position:absolute;text-align:left;top:172px;width:500px;letter-spacing:10px}
.poziv{font-size:20px;height:25px;left:244px;margin:0;padding:0;position:absolute;text-align:left;top:212px;width:500px;letter-spacing:10.6px}
.ime{font-size:14px;height:68px;left:19px;margin:0;padding:0;position:absolute;text-align:left;top:83px;width:220px}
.iznos{font-size:21px;font-weight:bold;height:25px;left:587px;letter-spacing:5px;margin:0;padding:0;position:absolute;text-align:left;top:46px;width:250px}
.odobrenje{font-size:20px;height:20px;left:249px;letter-spacing:8px;margin:0;padding:0;position:absolute;text-align:left;top:172px;width:300px}
.invois{font-size:16px;height:25px;left:255px;margin:0;padding:0;position:absolute;text-align:left;top:250px;width:440px;line-height:19px}
#predracunm{float:left;width:100%;padding:10px;background:#fff;color:#000}
#predracunm span{font:normal 22px Arial}
#predracunm span.datu{font:normal 14px Arial}
#predracunm-print{float:left;width:600px;padding:30px 100px 30px 30px;background:#fff;color:#000;font:normal 13px/16px Tahoma,Arial}
#predracunm-print span{font:normal 22px Arial}
.obrisi{float:right;color:#f00}
.hvala{text-align:center;margin:10px auto;font:bold 20px Arial}
.gore1{float:left;height:150px}
.gore11{float:left;height:110px}
.gore2{float:right;height:150px;text-align:right}
.desno{float:right}
.kupac{font:normal 14px Arial;text-align:right;margin:0 0 0 60px}
.kupac b{font-size:16px}
table.host{width:100%;margin:20px 0 0 0}
table.host thead tr td{color:#0085CF;padding:.5em 0;font:bold 13px Arial}
table.host tbody tr.even td{background-color:#fff;padding:.4em}
table.host tbody tr.odd td{background-color:#f5f5f5;padding:.4em;border-top:1px solid #e5e5e5;border-bottom:1px solid #e3e3e3}
table.host tbody tr.lasti td{background-color:#ccc;padding:.4em;border-top:1px solid #999;border-bottom:1px solid #999;font:bold 15px Arial;text-align:right}
table.host tbody tr.lasti1 td{background-color:#eee;padding:.2em;border-top:1px solid #ddd;border-bottom:0 solid #999;font:normal 12px Arial;text-align:right}
table.host tbody tr.lasti2 td{background-color:#fff;padding:.3em;border-top:0 solid #ddd;border-bottom:1px solid #eee;font:bold 12px Arial}
table.host tbody tr.lasti3 td{background-color:#eee;padding:.2em;border-top:1px solid #444;border-bottom:0 solid #999;font:normal 12px Arial;text-align:right}
.shop-logo{float:left;margin:0 15px 15px 0}
.tekstd{text-align:right}
.loder{display:block;margin:0 auto}

.shop-btn{height:27px;display:block !important;background:#b593c3;background:-moz-linear-gradient(top,#b593c3 0,#864d93 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b593c3),color-stop(100%,#864d93));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b593c3',endColorstr='#864d93',GradientType=0 );text-align:center;float:left;color:#fff;text-decoration:none;cursor:pointer;border:0;font:bold 12px/27px Arial;margin:10px 0 0 0;padding:0 15px;-moz-border-radius:4px;-webkit-border-radius:4px}
input.shop-btn{float:left}
.shop-btn:hover{background:#864d93;background:-moz-linear-gradient(top,#864d93 0,#b593c3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#864d93),color-stop(100%,#b593c3));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#864d93',endColorstr='#b593c3',GradientType=0 );border:0;color:#fff}
a.shop-btn:link,a.shop-btn:visited,a.shop-btn:active,a.shop-btn:hover{color:#fff}
.shop-btn2{height:37px;display:block;background:#000;background:-moz-linear-gradient(top,#c20143 0,#7e003c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c20143),color-stop(100%,#7e003c));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20143',endColorstr='#7e003c',GradientType=0 );text-align:center;float:left;color:#fff !important;text-decoration:none;cursor:pointer;border:0 solid #c4c4c4;font:bold 20px/37px Arial;margin:0;padding:5px 15px;-moz-border-radius:4px;-webkit-border-radius:4px}
input.shop-btn2{float:left}
.shop-btn2:hover{background:#212121;background:-moz-linear-gradient(top,#c20143 0,#7e003c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c20143),color-stop(100%,#7e003c));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20143',endColorstr='#7e003c',GradientType=0 );border:0 solid #c4c4c4;color:#fff !important}
a.shop-btn2:link,a.shop-btn2:visited,a.shop-btn2:active,a.shop-btn2:hover{color:#fff !important;height:37px}
.shop-btnsold{height:27px;display:block;background:#b593c3;background:-moz-linear-gradient(top,#b593c3 0,#864d93 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b593c3),color-stop(100%,#864d93));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b593c3',endColorstr='#864d93',GradientType=0 );text-align:center;float:left;color:#fff;text-decoration:none;border:0;font:normal 11px/13px Arial;margin:10px 0 0 0;padding:0 15px;-moz-border-radius:4px;-webkit-border-radius:4px}

#shop-reg h3 {position:absolute;top:0;left:0;padding:5px 5px 5px 10px;width:100%;background:#777; font:normal 16px 'Trebuchet MS', Arial; color:#fff}
#shop-reg p {font-size: 10px; color: #666}
#shop-reg a {color: #1165cc}
#shop-reg form {padding: 40px 0 15px 15px; overflow: hidden; background: #fff; border: 1px solid #d4d4d4}
#shop-reg form label {font-size: 12px; display: block; color: #444; padding-top:10px}
#shop-reg form label.error {padding-top:2px; color:#FF0000; display:block; font-size:12px}
#shop-reg form .txtinp {margin: 2px 30px 2px 0; padding: 2px 7px 3px; height: 20px; font-size: 12px; color: #2c74a4; background: #fafafa; border: 1px solid #d4d4d4}
#shop-reg form .txtinp2 {display: inline; float: left; margin: 2px 0 2px;padding: 2px 7px 3px;width: 238px;font-size: 12px;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg form .txtinp3 {display: inline;float: left;margin: 2px 0 2px;padding: 2px 7px 3px;width:235px;height: 20px;color: #2c74a4;background: #fafafa;border: 1px solid #d4d4d4}
#shop-reg form .selinp2 {margin: 3px 0 0;padding: 2px;background: #FAFAFA;color: #2c74a4}
#shop-reg form .selinp3 {margin: 3px 0 0;width: 159px;border: 1px solid #D4D4D4;color: #2c74a4}
#shop-reg form .inpbtn {background: transparent;text-align: center;top: 0;font-size: 16px;height: 23px;cursor: pointer}
#shop-reg #login_form, #shop-reg #forgot_password_form {float: left;width: 217px;position:relative}
#shop-reg #login_form p {margin: 0;width: 253px;text-align: right}
#shop-reg #login_form .txtinp, #shop-reg #forgot_password_form .txtinp {display: block; width: 186px}
#shop-reg #register_form {float: right;display: inline;width: 550px;position:relative}
#shop-reg #register_form .txtinp {float: left;display: inline;width: 143px}
#shop-reg #register_form label {float: left;position:relative;display: inline;margin: 0 20px 0 0;width: 163px}
#shop-reg #register_form label.error {font: normal 11px/11px Tahoma, Arial}
#shop-reg #register_form label.duzi {float: left;display: inline;margin: 0 20px 0 0;width: 255px;color: #444}
#shop-reg #register_form label.duzi2 {float: left;display: inline;margin: 0 20px 0 0;width: 347px;color: #444}
#shop-reg #register_form div.clearboth {clear:both;height:1px}
#shop-reg #register_form div.formbrejk {height:1px;border-top:1px dotted #ccc;margin: 15px 0 10px 0;width: 525px}
#shop-reg a#forgotpass {float: right;margin: 70px 40px 0 0;color: #688D41}
.shop-l-reg {float:left;width:217px}
span.napomena-pass {color: #aaa}
#br_alert, #br_message {text-align:center; font-size:15px; line-height:15px; padding:10px; margin-bottom:20px; color:#ff0000; border:1px solid #ddd; background:#eee; border-radius:5px}
.textare {float: left;width: 325px;height: 200px;border: 1px solid #D4D4D4;background: #fafafa;padding: 5px}
.hani{display:block !important;left:-9999px !important;position:absolute !important;top:-9999px !important}

.container {float: left;height: 235px;}

span.opis-proizvoda{line-height:26px;font-family:Tahoma;font-size:11px;font-weight:normal;color:#221e23;height:26px}
.opis-proizvoda{font-family:Tahoma;font-size:11px;line-height:16px;height:287px;overflow:auto}
#slider-wrapper{height:390px;width:260px}
#slider{position:relative;width:260x;height:370px;background:url(https://arhiva.bbz.hr/slike-shop/loading.gif) no-repeat 50% 50%}
#slider img{position:absolute;top:0;left:0;display:none}
#slider a{border:0;display:block}
#slider-poc{position:relative;width:740x;height:320px;background:url(https://arhiva.bbz.hr/slike-shop/loading.gif) no-repeat 50% 50%}
#slider-poc img{position:absolute;top:0;left:0;display:none}
#slider-poc a{border:0;display:block}
.reder{font:bold 15px/30px Arial;color:#8FB269}
.buzzsl{margin:0 5px 0 0;padding:2px;border:1px solid #c9c2b1;background:#fff;float:left}
p.buzzbox{margin:0 10px 10px 0;padding:0;border-right:20px solid #FFF;float:left;width:320px;height:95px;position:relative;owerflow:hidden;background:#ECF4E3}
.buzzbox p{margin:0;padding:10px;font-size:11px;line-height:1.4em}
.flexi11{padding:4px;margin:10px 41px 20px 0;border:1px solid #e7e1d4;background:#faf0dd;float:left}
.flexi22{padding:4px;margin:10px 0 0 0;border:1px solid #e7e1d4;background:#faf0dd;float:right}
.tooltip{display:none;background:url(https://arhiva.bbz.hr/slike-shop/green_big.png);font-size:11px;color:#000;padding:50px 30px;height:94px;width:310px;z-index:1001;text-align:left;position:absolute}
.tooltip .label{color:yellow;width:35px}
.tooltip a{color:#ad4;font-size:11px;font-weight:bold}
input.textpass{float:left;width:230px}
.entry-upute{margin:0;padding:0;font-size:16px}
.entry-upute p{padding:0 0 10px 0}
.entry-upute ul{list-style-type:square;padding:0 0 10px 20px}
.entry-upute ul li{padding:0}
.entry-upute ol{list-style-type:decimal-leading-zero;padding:0 0 20px 40px}
.entry-upute ol li{padding:0 0 10px 0}
.entry-uputecms{margin:0;padding:0;font-size:14px;float:left;width:990px}
.entry-uputecms p{padding:0 0 20px 0}
.entry-uputecms ul{list-style-type:square;padding:0 0 20px 30px}
.entry-uputecms ul li{padding:0 0 8px 0}
.entry-uputecms ol{list-style-type:decimal-leading-zero;padding:0 0 20px 30px}
.entry-uputecms ol li{padding:0 0 8px 0}
.uputescreenovi{background:#dbf7ce;border:1px solid #acce9c;padding:10px;margin:0 0 20px 0}
.uputeslika1{margin:0 15px 15px 0;border:1px solid #acce9c;float:left;padding:2px;background:#fff}
.uputeslika2{margin:0 0 15px 0;border:1px solid #acce9c;float:left;padding:2px;background:#fff}
a.trigger{background:url(https://arhiva.bbz.hr/slike-shop/upute_bg.png) 0 0 no-repeat;border:0;color:#FFF;display:block;font-family:verdana,helvetica,arial,sans-serif;font-size:16px;font-weight:700;right:0;width:75px;height:224px;position:fixed;text-decoration:none;top:190px}
.panel{-moz-border-radius-topleft:10px;-khtml-border-radius-topleft:10px;-webkit-border-radius-topleft:10px;border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-khtml-border-radius-bottomleft:10px;-webkit-border-radius-bottomleft:10px;border-radius-bottomleft:10px;background:#C4A8CD;border:1px solid #AA82B3;display:none;height:auto;opacity:.85;filter:alpha(opacity=85);padding:30px 80px 30px 30px;position:fixed;right:0;top:190px;min-height:163px}
.panel p{font-size:16px;margin-bottom:5px}
.panel ul{list-style:none}
.panel ul li{padding:5px 0 0}
.panel a,.panel a:visited{color:#662d75;text-decoration:none}
.panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff}
div#error1,div#error2{font-size:12px;color:red}
#br_message,#br_alert{background:none repeat scroll 0 0 #D0BAD5;border:1px solid #A073AD;margin:0 0 18px 0;padding:10px;font-size:12px}
.blincpress{float:left;margin:0 10px 10px 0;border:1px solid #000}
.musse-slike{float:left;width:92px;height:110px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 10px 10px 0;padding:0 !important}
.musse-slike2{float:left;width:88px;height:110px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 9px 10px 0;padding:0 !important}
.baza-slike{float:left;width:92px;height:120px !important;overflow:hidden !important;border:0 !important;display:block !important;background:#ececec !important;text-align:center;margin:0 10px 10px 0;padding:0 !important}
.panes ul li{list-style-type:disc;margin:0 0 0 13px}

#dright{float:right;display:inline;padding:0 16px 16px 16px;width:410px;height:392px;overflow:hidden;position:relative;border:1px solid #ccc}
#dright a{color:#1165cc}
#dright p{font-family:Tahoma;font-size:11px;line-height:18px;margin:0 0 10px}
.opis-proizvoda{font-family:Tahoma;font-size:11px;line-height:16px;height:202px;overflow:auto}
#details{background:none repeat scroll 0 0 #DAF0D2;border-top:15px solid #FFF;display:inline;float:left;overflow:hidden;padding:5px 10px 10px;width:260px;bottom:17px}
.details1{float:left;display:block;width:260px;margin:0 0 5px 0;font:normal 11px/20px Tahoma}
.details2{float:left;display:block;width:260px;margin:0 0 5px 0;font:bold 16px Arial}
#details form{padding:0 0 20px;border-bottom:1px solid #e2e2e2}
#details .price{margin:0 0 14px;font-size:13px;color:#873F97;line-height:1.5em}
#details p.price span.original{color:#666;text-decoration:line-through;display:block;font-size:10px;line-height:10px}
#details select{min-width:45px;margin:3px 0 5px 0;height:20px;font-size:11px;color:#505757;text-align:left;background:#fff;border:1px solid #d6d6d6}
#dright h3{color:#000;font-family:"Trebuchet MS";font-size:20px;font-weight:bold;line-height:26px;margin:15px 0 10px}

#ticker-out {float:left;position:fixed;top:45px;left:23px;z-index:1000}









/*ROTATOR*/


/* the container */

#banner-div-contentSlider-charming {
	position:relative;
        margin-top:-75px;
}

.allinone_carousel {
	position:relative;
}

.allinone_carousel_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.allinone_carousel .contentHolder {
	position:relative;
	overflow:hidden;
	background:url(https://arhiva.bbz.hr/slike/charmingBg.png) top center no-repeat;
}



/***charming SKIN***/

.allinone_carousel.charming .contentHolderUnit {
	position:absolute;
	width:452px;
	height:302px;
	overflow:hidden;
	cursor: pointer;
}


.allinone_carousel.charming .elementTitle {
	position:absolute;
	left:0;
	top:60px;
	width:100%;
	text-align:center;
	font:24px Verdana;
	color:#F00;
}
.allinone_carousel.charming .playOver {
	position:absolute;
	width:73px;
	height:73px;
	background:url(https://arhiva.bbz.hr/slike/play_overOFF.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.charming .playOver:hover {
	background:url(https://arhiva.bbz.hr/slike/play_overON.png) 0 0 no-repeat;
	display:none;
	z-index:200;
	cursor: pointer;
}

.allinone_carousel.charming .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	width:100%;
}

.allinone_carousel.charming .leftNav {
	position:absolute;
	left:-15px;
	margin-top:0px;
	width:47px;
	height:47px;
	background:url(https://arhiva.bbz.hr/slike/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.charming .leftNav:hover {
	background:url(https://arhiva.bbz.hr/slike/leftNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .rightNav {
	position:absolute;
	right:-15px;
	margin-top:0px;
	width:47px;
	height:47px;
	background:url(https://arhiva.bbz.hr/slike/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.allinone_carousel.charming .rightNav:hover {
	background:url(https://arhiva.bbz.hr/slike/rightNavON.png) 0 0 no-repeat;
}
.allinone_carousel.charming .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	bottom:-18px;
	z-index:140;
}
.allinone_carousel.charming .bottomNavButtonOFF {
	float:left;
	display:block;
	width:19px;
	height:19px;
	background:url(https://arhiva.bbz.hr/slike/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_carousel.charming .bottomNavButtonON {
	float:left;
	display:block;
	width:19px;
	height:19px;
	padding-left:9px;
	background:url(https://arhiva.bbz.hr/slike/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_carousel.charming .bottomNavLeft {
	display:none;
	position:absolute;
	z-index:140;
}
.allinone_carousel.charming .bottomNavRight {
	display:none;
	position:absolute;
	z-index:140;
}

.allinone_carousel.charming .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(https://arhiva.bbz.hr/slike/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_carousel.charming .bottomOverThumb img {
	border:4px solid #22032e;
}


/*******/







/*SLIDEBOX*/

#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
}











.galerija-d {
    float: left;
    height: 165px;
    padding: 15px;
    width: 165px;
}


.galerija-oko {
    float: left;
    height: 190px;
    margin: 10px;
    width: 190px;
    background:url(https://arhiva.bbz.hr/slike/sjena-bbz.jpg) top left no-repeat;
}

.galerija-poc {
	 background: url("https://arhiva.bbz.hr/slike/slike.png") no-repeat scroll left top transparent;
    float: left;
    height: 222px;
    margin: 5px;
    width: 222px;
}

.galerija-poc2 {
	
    float: left;
    height: 160px;
    margin: 24px;
    padding: 8px;
    width: 160px;
}

.galerija-entry {
    border-left: 1px solid #DDDDDD;
    float: left;
    height: 260px;
    margin: 15px 78px 20px 0;
    padding: 0 0 10px 20px;
    width: 235px;
}


.text-search {float:left; height:75px; overflow:hidden;}

.entry-v ul {list-style-type: none;padding: 0px;margin: 0px;}
.entry-v ul li {font-family:'Georgia';line-height:20px;font-size:14px;text-align:justify;list-style-position:inside;background-position:0 10px;background-image:url("https://arhiva.bbz.hr/slike/bullet.png");background-repeat:no-repeat;
padding:0 20px}










/* TOOLTIP */

#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	}
/* 
	END: Required Styles
*/
/**
	Default Theme
*/
.defaultTheme {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:6px 12px;	
	
	-moz-border-radius: 5px 5px 5px 0;
	-webkit-border-radius: 5px 5px 5px 0;
	-khtml-border-radius: 5px 5px 5px 0;
	border-radius: 5px 5px 5px 0;
	
	-moz-box-shadow: 1px 1px 3px #666; /* for Firefox 3.5+ */
	-webkit-box-shadow: 1px 1px 3px #666; /* for Safari and Chrome */
	box-shadow: 1px 1px 3px #666; /* for Safari and Chrome */
}
	
	.defaultTheme #aToolTipCloseBtn {
		display:block;
		height:18px;
		width:18px;
		background:url(../images/closeBtn.png) no-repeat;
		text-indent:-9999px;
		outline:none;
		position:absolute;
		top:-20px;
		right:-30px;
		margin:2px;
		padding:4px;
	}










#wrapper2 {
	width: 620px;
	margin-left: 0;
	margin-right: 0;
	}

.accordionButton {	
	width: 620px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
        background:#EEEEEE;
        padding:10px;
        border-radius:2px;
	}

.accordionButton h3 {font-size:16px;color: #3B85F5;margin:0;padding:0}
	
.accordionContent {	
	width: 620px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
        padding:20px 10px 20px 10px;
	}
	
.on {background: #FFA607}
.on h3 {color:#fff}	
.over {background: #ddd}
.over h3 {color:#3B5998;}

.vise-tabi {background:url(https://arhiva.bbz.hr/slike/download.png) center left no-repeat;float:left;margin:20px 0 15px 15px;font-size:18px;color:#33a313;padding:0 0 0 25px}




.slika-grad{
float:left;
width:400px;
height:200px
overflow:hidden;
}
.grb-zastava{
float: left;
    height: 133px;    
    width: 420px;
    margin:10px 0 0 0;
}
.kontakt-podaci{
background: none repeat scroll 0 0 #E3E3E3;
    border-radius: 5px 5px 5px 5px;
    float: left;
    font-size: 11px;
    height: 188px;
    line-height: 14px;
    padding: 5px;
    width: 412px;
}
.načelnik-grad{
float:left;
width:400px;
height:200px
}
.dan-grada{
float:left;
width:400px;
height:200px
}

.kratki-opis{
float:left;
width:400px;
height:200px
font-size: 16px;
}

.zoom2 {
    float: left;
    height: 188px;
    margin: 0 11px 0 0;
    overflow: hidden;
    position: relative;
    width: 192px;
    border:5px solid #E3E3E3;
    border-radius:5px;
}

.tabl-pod {
background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 2px;
    float: left;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    margin: 0 0 4px 0;
    padding: 4px 10px 4px 4px;
    text-align: right;
    width: 100px;
}

.zoom-grb {float:left;margin:0 0 0 3px;width:110px}
.zoom-zastava {float:left; background: url("https://arhiva.bbz.hr/slike/zastava-podloga.jpg") bottom left no-repeat;width:211px;height:146px;display:block}

.zastava {background: none repeat scroll 0 0 #E3E3E3;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 10px 12px 0 0;
    padding: 5px;
    width: 192px;
    text-align:center;
    font-family:'Georgia';
    font-size:14px;

}
.grb {background: none repeat scroll 0 0 #E3E3E3;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 10px 10px 0 0;
    padding: 5px;
    width: 110px;
    text-align:center;
    font-family:'Georgia';
    font-size:14px;
}

.margina {padding: 0 0 2px 12px;}







/*NEWSTICKER*/

.marquee0 {padding:0 20px 0 20px;float:left;width:630px;overflow:hidden}
#bbz-tick {padding:0 0 0 20px;float:left;font-size: 26px; color: #444; font-family:'Georgia';position:relative;top:5px}



/*
	Totem Ticker Stylesheet
	Zach Dunn / Build Internet (buildinternet.com)
	Winter 2011
*/


*{margin:0; padding:0;}


/* Top Banner */
#banner .clear{ height:0px; width:100%; overflow:hidden; visibility: hidden; display:block; }
#banner{ z-index:100; background: #1a1a1a; padding:10px 0; width:100%; display:block; }
	#banner.transparent{ background-color:transparent; }
	#banner.above{ position:absolute; top:0; left:0; }
#banner .logo-zone{ height:auto; clear:left; float:left;overflow:hidden;}
			#banner h1#logo-link{height:57px; width:160px; margin:24px 12px; background: url('../images/build-internet-logo-shadow.png') no-repeat top left;}
				#banner h1#logo-link a{text-indent:-9999px; display:block; height:100%; width:100%; text-decoration:none;}



#vertical-ticker{
        background: #E3E3E3;
        -moz-border-top-left-radius: 7px; border-top-left-radius: 7px;
        -moz-border-top-right-radius: 7px; border-top-right-radius: 7px;

	height:510px;
	overflow:hidden;
	margin:0; padding:0;
        
	
       
}
.vijesti-box1 p.p2 {text-align:center; margin-top:30px}
.vijesti-box1 a.novilink {text-decoration:none; color:#008C00; font-family:Arial, sans-serif; float:right; margin-right:40px }
.vijesti-box1 a.novilink:hover {text-decoration:none; color:#FD7F03; font-family:Arial, sans-serif; float:right; margin-right:40px }

	#vertical-ticker li{
		
		display:block;
		background:#e3e3e3;
		color:#333;
		border-bottom:1px solid #ddd;
		padding: 5px 0 5px 0;
		font-size:25px;
		
		font-family: Arial, times, serif;
	}

/* Tablica donacija */



.tablicadonacija {width:650px}
.tablicadonacija tr {background:#EEEEEE; border-bottom:2px solid white; height:35px;}
.tablicadonacija td { padding:7px 0 5px 10px; border-right:1px solid white}
.tablicadonacija th { padding:25px 0 5px 10px; background:#cacaca}
.tablicadonacija td.rednibroj {font-weight:bold}
.tablicadonacija tr.gornjired {width:670px;  height:55px; }
.tablicadonacija td.datumtab {width:65px}
.tablicadonacija td.iznostab {text-align:right; padding-right:5px}

.cestitka-mobile-bozic {
display: none;
}