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;float:left;margin-bottom:20px;}
a:active{outline:none}
a:focus{-moz-outline-style:none;outline-style:none}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
body{font-family:Arial;font-size:12px;background-color:#fff;line-height:20px}
div{zoom:1}
select{outline: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}
.clear25{clear:both;height:25px}
.clear30{clear:both;height:30px}

.left{float:left;clear:left}
.right{float:right;clear:right}

.slika-lijevo {float:left; margin:0 10px 5px 0;}
.slika-desno {float:right !important; margin:0 0 5px 10px !important;}
.slika-rub {float:left; margin:0 0 10px !important;}

#wrapper{width:1026px;margin:0 auto;position:relative}
div.mimoze{width:500px;height:600px;background:url(https://hlpr.hr/images/body-img.jpg) 0 0 no-repeat;position:absolute;left:-500px;top:104px}
#header{width:1026px;height:151px;padding-top:10px;background:url(https://hlpr.hr/images/header-menu-bg.png) 0 bottom no-repeat}
#header .logo{float:left;width:152px;height:151px}

.big{float:left;width:837px;height:124px;padding:27px 0 0 36px}
.big1{float:left;width:617px;height:71px}
h1.header, span.header{float:left;width:605px;clear:left;font-size:30px}
h2.header, h1{float:left;clear:left;width:605px;height:30px;font-size:20px;color:#888888;line-height:30px;overflow:hidden}
.big2{float:left;width:220px;height:55px}
.search{float:left;width:208px;height:30px;margin-top:7px;padding:5px 0 5px 12px;background:url(https://hlpr.hr/images/search-bg.png) 0 0 no-repeat}
.searchbox{float:left;width:160px;border:0;padding:7px 0;color:#adadad}
.searchbtn{float:right;width:30px;height:30px;margin-right:5px;border:0;padding:0;background:url(https://hlpr.hr/images/search-btn.png) 0 0 no-repeat;cursor:pointer}

#header-menu{float:left;clear:left;width:837px;height:53px}
#header-menu ul{float:left}
#header-menu li{display:inline;float:left;height:53px}
#header-menu li a{float:left;font-size:22px;padding-left:12px;height:53px;text-decoration:none;color:#000;text-align:center}
#header-menu li a span{height:38px;padding:15px 12px 0 0;float:left}
#header-menu li:hover a{background:url(https://hlpr.hr/images/menu-active-left.png) no-repeat scroll left top transparent}
#header-menu li:hover span{background:url(https://hlpr.hr/images/menu-active-right.png) no-repeat scroll right top transparent}
#header-menu li a.active{background:url(https://hlpr.hr/images/menu-active-left.png) no-repeat scroll left top transparent}
#header-menu li a span.active{background:url(https://hlpr.hr/images/menu-active-right.png) no-repeat scroll right top transparent}

#content{float:left;width:1026px;line-height:18px}
/*#content img{float:left}*/
.slide{float:left;width:730px;height:360px;margin:0 27px 29px 0;position:relative;cursor:pointer;overflow:hidden}

.slide-item{width:730px;height:360px;display:none}
.slide-item img{top:0;left:0;position:absolute}
.slide-item-text{right:10px;position:absolute;z-index:10}
.slide-item h6 a{float:right;clear:right;font-size:36px;font-weight:normal;margin:45px 0;text-decoration:none;color:#000}
.slide-item h6 a:hover{text-decoration:underline}
.slide-item span{float:right;clear:right;text-align:right;max-height:180px;overflow:hidden}
/*.slide-item-arrow{width:28px;height:27px;background:url('https://hlpr.hr/images/slider-next.png') 0 0 no-repeat;right:18px;bottom:18px;position:absolute;float:right;clear:right;z-index:10}*/
.slide-item-shadow{width:251px;height:360px;background:url('https://hlpr.hr/images/slider-shadow.png') 0 0 no-repeat;right:0;top:0;position:absolute;float:right;clear:right;z-index:5}

/* tabs (those little circles below slides) */
.slidetabs {clear:both;margin-left:330px;position:absolute;bottom:5px}

/* single tab */
.slidetabs a {width:8px;height:8px;float:left;margin:3px;background:url("https://hlpr.hr/images/navigator.png") 0 0 no-repeat;display:block;font-size:1px}

/* mouseover state */
.slidetabs a:hover {background-position:0 -8px}

/* active state (current page state) */
.slidetabs a.current {background-position:0 -16px}

.middle-boxes-big1{float:left;width:288px;height:328px;padding:0 20px;background:url(https://hlpr.hr/images/middle-boxes-big.png) 0 0 no-repeat}
.middle-boxes-big2{float:left;width:328px;height:328px;margin-left:21px;background:url(https://hlpr.hr/images/middle-boxes-big.png) 0 0 no-repeat}
.middle-boxes-big2 h3{margin-left:20px}

.middle-boxes-small1{float:left;width:308px;height:240px;padding-right:20px;text-align:right;color:#333;font-size:14px}
.middle-boxes-small1 span{float:right;width:308px;font-size:16px;font-weight:bold}
.middle-boxes-small2{float:left;width:288px;height:240px;padding:0 20px;margin-left:21px;font-size:12px;color:#333}
.middle-boxes-small2 p{float:left;width:288px;font-size:10px}
.middle-boxes-small3{float:left;width:328px;height:240px;margin-left:21px;font-size:14px;color:#333}
.middle-boxes-small3 img{float:left}
.middle-boxes-small3 p{float:right;width:205px;font-size:13px;line-height:25px}
span.konj{float:left;clear:left;width:125px;line-height:13px;font-size:10px;font-style:oblique;color:#039;margin-top:5px;text-align:center}

.middle-title{width:308px;height:75px;line-height:75px;font-size:20px;color:#cccccc;font-weight:bold}
.middle-title a{width:308px;height:75px;font-size:20px;color:#cccccc;font-weight:bold;text-decoration:none}
.middle-title a:hover{color:#000}

#content h3{float:left;height:60px;line-height:60px;color:#cccccc;font-size:30px;margin-bottom:1px}
#content h3 a{float:left;height:60px;line-height:60px;color:#cccccc;font-size:30px;margin-bottom:1px;text-decoration:none}
#content h3 a:hover{color:#000}
#content h3 a.home{width:288px}
#content h2, #content h2 a{float:left;clear:left;line-height:45px;color:#cccccc;font-size:30px;margin-bottom:10px;width:100%}
#content h2 a{text-decoration:none}
#content h2 a:hover{color:#000}
#content ul.boksovi{width:268px;margin-bottom:10px}
#content ul.boksovi a{width:230px;height:41px;display:block;text-decoration:none;color:#000;overflow:hidden;font-weight:normal}
#content ul.boksovi li{width:235px;height:41px;padding-left:33px;float:left;clear:left;line-height:41px;background:#ebebeb url('https://hlpr.hr/images/ul-arrow.gif') 13px 16px no-repeat;border-bottom:1px solid #fff}
#content ul.boksovi li:last-child{border:0}
#content ul.boksovi li:hover{background-color:#f3f3f3}
#content ul.boks-siri{width:328px}
#content ul.boks-siri li{width:295px}

#middle{float:left;width:1026px;background:url('https://hlpr.hr/images/content-top-bar.png') 0 0 no-repeat;padding:30px 0;border-bottom:1px dotted #cccccc}

#bigger{float:left;width:730px;position:relative}
#bigger h3{float:left;width:730px}
#bigger p{margin:0 0 10px}
#bigger p img{float:left;margin:0 10px 5px 0;max-width:730px}
#bigger a{color:#888;text-decoration:none}
#bigger li{list-style-type:square;margin-left:20px}
#bigger table,#bigger tr,#bigger td{border:solid 1px gray}
#bigger td{padding:5px}

.gallery{float:left;width:730px}
.gallery img{border:1px solid #cccccc}
.gallery img:hover{border:1px solid #666666}
.gallery a{float:left;margin:2px}

#smaller{float:right;width:268px}
#smaller h4 a{float:left;width:248px;height:60px;line-height:60px;color:#cccccc;font-size:30px;margin:0 0 1px 20px;text-decoration:none}
#smaller h4 a:hover{color:#000}
#smaller ul a{width:228px}
#smaller ul li{width:235px}
.smaller-box{float:left;width:268px;background:url(https://hlpr.hr/images/smaller-box.png) 0 0 no-repeat}

#footer{float:left;width:1026px;height:80px}
#footer a{text-decoration:none;color:#000}
#footer a.rss:hover{color:#c00}
.footer-col1{float:left;width:288px;padding:0 20px;height:80px;line-height:80px;margin-right:21px}
.footer-col2{float:left;width:328px;height:80px;line-height:80px; font-size:9px;}

#mapkontakt{float:left;height:350px;margin:15px 0;width:730px}
.kontakt-box1{float:left;width:360px;padding-right:5px}
.kontakt-box1 .gallery{float:left;width:360px}
#bigger .kontakt-box1 p{float:left;width:360px}
#bigger .kontakt-box1 h3{float:left;width:360px}
.kontakt-box2{float:left;width:300px;padding-left:65px;text-align:right}
span.info{color:#f00}

.news-slider{float:left;width:268px;height:360px;margin-bottom:29px;overflow:hidden}
.news-slide-head{float:left;width:268px;height:60px;margin-bottom:1px;position:relative}

.vertical{position:relative;overflow:hidden;height:300px;width:269px;border-top:1px dotted #eee}
.items2{position:absolute;height:20000em;margin:0px}
.item2{border-bottom:1px dotted #eee;padding:5px;height:34px;line-height:18px;overflow:hidden}
.item2:hover{cursor:pointer;background-color:#f3f3f3}
.item2 span{float:left;width:258px;color:#006699}
.news-slide-text{float:left;width:258px;color:#333333}
.scrollable-v{margin:0;position:relative;overflow:hidden;width:1005px;height:135px;border:0}
.scrollable-v .items{width:10000em;position:absolute}
.scrollable-v .items div{float:left;width:160px;margin:0 9px 0 0}
/* active item */
.scrollable-v .active{border:0;position:relative;cursor:default}

/* prev, next, prevPage and nextPage buttons */
a.browse{display:block;width:30px;height:30px;cursor:pointer;font-size:1px;position:absolute;left:20px}
/* up and down */
a.up, a.down{background:url(https://hlpr.hr/images/vert_large.png) no-repeat;float:left;clear:left;margin: 10px 50px}
a.prev{background:url(https://hlpr.hr/images/vijesti-up.png) no-repeat;top:7px}
a.next{background:url(https://hlpr.hr/images/vijesti-down.png) no-repeat;top:36px}
/* disabled navigational button */
a.disabled{visibility:hidden !important}

.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:#fffff}

table.nicetable{float:left;border-collapse:collapse;width:300px;margin:20px 8px 0 0;border:0 !important}
table.nicetable span{color:#ff0000}
table.nicetable label{font-size:12px;color:#3b3b3b}
table.nicetable td{vertical-align:top;border:0 !important}
table.nicetable tr{border:0 !important}
textarea{resize:none}
textarea.text1{font-size:11px;width:196px;height:150px;border:1px solid #bac7d9;padding:3px 5px}
input.text1{font-size:11px;width:196px;height:15px;border:1px solid #bac7d9;padding:2px 5px;margin-bottom:2px}
input.button1{font-size:11px;color:#3b3b3b;height:25px;width:208px;border:1px solid #bac7d9;text-align:center;padding:0 5px;cursor:pointer;margin-top:5px}

.divakt{display:none;position:absolute;left:0;top:53px;background-color:#fff;z-index:11;width:280px;border-right:1px solid gray;border-bottom:1px solid gray}
.liakt:hover .divakt{display:block}
.liakt{position:relative}
.divakt ul{width:268px}
.divakt li{height:40px !important}
.divakt li a{display:block;width:268px;height:40px !important;line-height:40px;text-align:left !important;font-size:18px !important}
.divakt li a:hover{font-weight:bold !important}

.tags{float:left;width:730px;padding-top:6px}
.tags-naslov{width:66px;float:left}