* { margin: 0; padding: 0; }
html { font: 11px Arial, Helvetica, sans-serif; color: #333333; margin: 0px; padding: 0px; }
body { background: #636363; margin: 0px; padding: 0px; }
a:link { color: #801a23; text-decoration: underline; }
a:visited { color: #801a23; text-decoration: underline; }
a:hover { color: #801a23; text-decoration: none; }
.clear { font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; clear: both; height: 1px; width: 1px; }
legend { display:none;}
fieldset { border-style: none; margin: 0px; padding: 0px; }
.FloatLeftImg { float: left; margin: 0px 7px 0px 0px; padding: 0px; border: 1px solid #D7D5A9; }
#wrapper { background: #f8f8ec url(../images/bg.jpg) repeat-x; }
#innerWraper { width: 960px; margin-right: auto; margin-left: auto; }
/******** HEADER **********/
#header { margin: 0px; padding: 0px; height: 73px; position: relative; }
/******** LOGO **********/
#logo {text-indent: -9999px; margin: 0px; padding: 0px;}
#logo a { height: 47px; width: 318px; margin: 0px; padding: 0px; display: block; background: url(../images/logo.jpg) no-repeat; position: absolute; left: 1px; top: 27px; }
/******** TOP NAVIGATION ***********/
#topMenu { list-style-type: none; height: 29px; margin: 0px; padding: 0px 10px 0px 0px; background: #d5d29e url(../images/bgTopMeni.jpg) no-repeat left top; position: absolute; left: 319px; top: 43px; border-bottom: 1px solid #aeaa69; }
#topMenu ul { margin: 0px; padding: 0px; }
#topMenu li { float: left; display: inline; width: auto !important; }
#topMenu li a { display: block; font-size: 11px; text-decoration: none; padding: 8px 15px 7px; color: #333333; background: url(../images/separatorTopMeni.gif) no-repeat right center; }
#topMenu li a:hover { color: #801A23; text-decoration: none; }
.selected { background: url(../images/selectedTopMenu.jpg) no-repeat center top; }
/******** 2nd menu *************/
#topMenu li ul { height: auto !important; min-height: 24px; position: absolute; width: 180px; padding:0px; left: -9999em; border-top: 1px solid #AEAA69; border-right: 1px solid #AEAA69; border-left: 1px solid #AEAA69; }
#topMenu li ul li { line-height: 24px; margin: 0px; background: url(../images/separatorDropDownMeni.gif) repeat-x bottom; border-bottom: 1px solid #AEAA69; }
#topMenu li ul a { color: #ebebeb; text-decoration: none; width: 177px; display: block; margin: 0px; padding: 0px 0px 0px 3px; font-size: 11px; font-weight: normal; background: #801B23; line-height:24px; text-align:left!important; text-indent:1px; text-transform: none; }
#topMenu ul.nonActive { background: #1b2228; line-height:24px;}
#topMenu ul.nonActive a { color: #ebebeb; text-decoration: none; background: #1b2228;}
#topMenu li:hover,
#topMenu li.sfhover { background: url(none); }
#topMenu li ul a:hover { color: #292824; background: #F8F8EC url(none); width: 177px; margin: 0px; padding: 0px 0px 0px 3px; line-height:24px; }
#topMenu li ul ul { /* third-and-above-level lists */ margin: -25px 0 0 180px; font-size: 0.9em; }
#topMenu li:hover ul ul,
#topMenu li.sfhover ul ul { left: -999em;}
#topMenu li:hover ul,
#topMenu li li:hover ul,
#topMenu li.sfhover ul,
#topMenu li li.sfhover ul { /* lists nested under hovered list items */left: auto;}
#topMenu li ul:hover,
#topMenu li ul.sfhover,
#topMenu li ul li:hover,
#topMenu li ul li.sfhover { background: #fff url(none); }
/******** CONTENT **********/
#content { margin: 10px 0px 0px; padding: 0px; background: url(../images/contentBg.gif) repeat-y 0px 0px; display: block; width: 960px; }
/******** LEFT COL **********/
#leftCol { display: inline; margin: 0px; padding: 0px; float: left; width: 472px; }
/******** INTRO TEXT **********/
.introText { background: #e5e3ba; border: 1px solid #d7d5a9; padding: 5px; margin: 0px 0px 10px; }
.innerBox { background: #f8f8ec; border: 1px solid #d7d5a9; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; }
.innerBox h1 { margin: 0px 0px 10px; padding: 10px 0px; font-size: 18px; color: #801a23; text-align: center; display: block; background: url(../images/bgSeparatorTitle.gif) repeat-x center bottom; text-transform: uppercase; font-weight: normal; }
.innerBox p { margin-bottom: 10px; }
/******** BIG BANNER **********/
#bigBanners { margin: 0px 0px 10px; padding: 0px; }
#bigBanners img { border: 3px solid #e8e8e8; margin: 0px 0px 5px; padding: 0px; }
.clearBorder { font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; clear: both; height: 10px; background: #F8F8EC url(../images/clearBorder.gif) no-repeat right top; }
/******** CENTER COL **********/
#centerCol { float: left; display: inline; margin: 0px 0px 0px 8px; padding: 0px; width: 251px; border-top: 1px solid #D7D5A9; }
/******** CONTACT INFO **********/
.contactInfo { background: #F8F8EC; border: 1px solid #d7d5a9; margin: 5px 5px 10px; padding: 0px 5px 5px; }
.contactInfo h1 { margin: 0px 0px 7px; padding: 10px 0px; font-size: 18px; color: #1d1d1d; text-align: center; display: block; background: url(../images/bgSeparatorTitle.gif) repeat-x center bottom; text-transform: uppercase; font-weight: normal; }
.contactInfo p { margin-bottom: 5px; }
.contactInfo span { color: #801A23; }
.contactInfo a { text-decoration: underline; color: #333333; }
.contactInfo a:hover { color: #962F34; text-decoration: none; }
.contactInfo td { height: 28px; }
/******** NEWS **********/
#news { background: url(../images/clanciBg.jpg) repeat-x 0px 0px; margin: 0px; padding: 0px; overflow: hidden; }
#news h1 { margin: 0px; padding: 10px 0px 10px 50px; background: url(../images/nosostiSlika.jpg) no-repeat 5px 5px; height: 31px; color: #f1efd8; text-transform: uppercase; font-size: 18px; font-weight: normal; }
#news ul { margin: 0px; padding: 0px; list-style: none; line-height: 14px; }
#news li { margin: 0px; padding: 0px; background: url(../images/separatorClanci.jpg) repeat-x 0px bottom; width: 250px; float: left; }
#news a { background: url(../images/bullet.jpg) no-repeat 3px 8px; display: block; padding: 6px 2px 6px 20px; margin: 0px; width: 230px; color: #333; text-decoration: none; }
#news a:hover { background: #DDDAA6 url(../images/bullet-over.jpg) no-repeat 3px 8px; }
/******** ZANIMLJIVOSTI **********/
#zanimljivosti { background: url(../images/clanciBg.jpg) repeat-x 0px 0px; margin: 15px 0px 0px; padding: 0px; }
#zanimljivosti h1 { margin: 0px; padding: 10px 0px 10px 40px; background: url(../images/zanimljivostiSlika.jpg) no-repeat 5px 5px; height: 31px; color: #f1efd8; text-transform: uppercase; font-size: 18px; font-weight: normal; }
#zanimljivosti .clanak { margin: 0px 0px 2px; padding: 5px; background: url(../images/separatorClanci.jpg) repeat-x bottom; width: 240px; }
#zanimljivosti .clanak img { float: left; margin: 0px 5px 0px 0px; padding: 0px; border: 1px solid #FFFFFF; }
#zanimljivosti .clanak .title { margin: 0px 0px 3px; padding: 0px; color: #801A23; text-decoration: none; }
#zanimljivosti .clanak .title:hover { text-decoration: underline; }
/******** LEFT NAVIGATION ********/
#RightCol { margin: 0px 0px 0px 7px; padding: 0px; float: left; border-top: 1px solid #E0E0E0; width: 221px; display: inline; }
#RightMenu { width: 220px; background-color: #FFFFFF; margin: 0px 0px 15px; padding: 0px; }
#RightMenu ul { list-style: none; margin: 0px; padding: 0px; }
.main-nav { margin: 0px; padding: 0px; }
.main-nav img { background: #FFFFFF; padding: 3px; border: 3px solid #a01b20; }
.main-nav li { width: 220px; text-decoration: none; padding: 0px; margin: 0px; }
.main-nav li a { width: 211px; display: block; text-decoration: none; color: #007229; margin: 0px; padding: 6px 2px 0px 6px; font: 13px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.main-nav li a:visited { color: #007229; text-decoration: none; }
.main-nav li a:hover { color: #801A23; text-decoration: none; }
.podgrupe li { width: 197px; margin: 0px 10px; padding: 0px; background: #e5e3ba url(../images/separatorClanci.jpg) repeat-x 0px bottom; border-right: 1px solid #D7D5A9; border-left: 1px solid #D7D5A9; }
.podgrupe li a { display: block; margin: 0px; font-size: 11px; text-transform: none; width: 180px; color: #333333; background: transparent url(../images/bullet1.gif) no-repeat 5px 8px; padding: 3px 2px 4px 15px; }
.podgrupe li a:visited { color: #333333; }
.pod-podgrupe li { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background: #f4f4dc url(../images/separatorClanci.jpg) repeat-x 0px bottom; margin: 0px; padding: 0px; }
.pod-podgrupe li a { padding-left: 25px; width: 170px; padding-right: 2px; font-size: 11px; background: url(../images/bullet1.gif) no-repeat 15px 8px; color: #333333; }
.pod-podgrupe li a:visited { color: #333333; text-decoration: none; }
.pod-podgrupe li a:hover { color: #801A23; text-decoration: none; }
.podpod-podgrupe li { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background: #f8f8ec url(../images/separatorClanci.jpg) repeat-x 0px bottom; margin: 0px; padding: 0px; }
.podpod-podgrupe li a { padding-left: 35px; width: 160px; padding-right: 2px; font-size: 11px; background: url(../images/bullet1.gif) no-repeat 25px 8px; color: #333333; }
.podpod-podgrupe li a:visited { color: #333333; text-decoration: none; }
.podpod-podgrupe li a:hover { color: #801A23; text-decoration: none; }
/******** FOOTER ********/
#footer { margin: 0px; padding: 10px 0px; background: url(../images/bgFooter.jpg) repeat-x 0px 0px; text-align: center; height: 80px; }
#footerLinks { width: 960px; margin-right: auto; margin-left: auto; overflow: hidden; }
#footerLinks ul { list-style: none; width: 960px; text-align: center; float: left; padding: 0px; margin: 0px 0px 5px; }
#footerLinks ul li { display: inline; padding-left: 16px; line-height: 1.4; color: #FFFFFF; }
#footerLinks a { margin: 0px; padding: 0px 15px 0px 0px; color: #FFFFFF; border-right: 1px solid #FFFFFF; text-decoration: none; }
#footerLinks a:hover { text-decoration: underline; }
#footerLinks #copyright { color: #d5d29e; margin-bottom: 5px; }
#footerLinks p { color: #FFFFFF; }
#footerLinks span a { color: #e6df6d; border-style: none; }
/******** CONTENT **********/
.contentBox { background: #e5e3ba; border: 1px solid #d7d5a9; padding: 5px; margin: 0px; }
.contentBoxInner { background: #f8f8ec; border: 1px solid #d7d5a9; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; }
.contentBoxInner .contentTitle { margin: 0px 0px 10px; padding: 10px 0px; font-size: 18px; color: #801a23; text-align: center; display: block; background: url(../images/bgSeparatorTitle.gif) repeat-x center bottom; text-transform: uppercase; font-weight: normal; }
.contentBoxInner p { margin-bottom: 10px; }
/*** H2, H3, H4, H5, H6 ****/
.contentBoxInner h1 { background-color:inherit; color:#333; margin:5px 0pt; font-size: 16px; }
.contentBoxInner h2 { background-color:inherit; color:#333; font-size:15px; margin:5px 0pt; }
.contentBoxInner h3 { background-color:inherit; color:#333; font-size:13px; margin:5px 0pt; }
.contentBoxInner h4 { background-color:inherit; color:#333; font-size:12px; margin:5px 0pt; }
.contentBoxInner h5 { background-color:inherit; color:#333; font-size:11px; margin:5px 0pt; }
/********* OL LIST *********/
.contentBoxInner ol { line-height:12px; padding:0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.contentBoxInner ol li { list-style: decimal inside; padding: 2px 0px; margin: 0px 0px 2px 15px; }
/********* UL LIST *********/
.contentBoxInner ul { line-height:12px; padding:0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.contentBoxInner ul li { margin: 0px 0px 2px 15px; padding: 2px 0px; list-style: disc inside; }
/******** DOCUMENTS ********/
#documents { background: #e5e3ba; border: 1px solid #d7d5a9; padding: 5px; margin: 10px 0px 0px; }
#documentsBox { background: #F3F3DE url(../images/documents.jpg) no-repeat 110px 7px; border: 1px solid #d7d5a9; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; }
#documentsBox h1 { margin: 0px 0px 10px; padding: 10px 0px; font-size: 18px; color: #333; text-align: center; display: block; background: url(../images/bgSeparatorTitle.gif) repeat-x center bottom; text-transform: uppercase; font-weight: normal; }
#documentsBox ul { list-style: url(none) none; margin: 0px; padding: 0px; }
#documentsBox li { padding-bottom: 3px; background: url(../images/bullet2.jpg) no-repeat 0px 2px; padding-left: 18px; list-style: none; }
#documentsBox a { text-decoration: none; }
#documentsBox a:hover { color: #333; text-decoration: underline; }
/******** FOTOGALLERY ********/
#fotogallery { background: #e5e3ba; border: 1px solid #d7d5a9; padding: 5px; margin: 10px 0px 0px; }
#fotogalleryBox { background: #EDEDCD url(../images/fotogallery.jpg) no-repeat 120px 7px; border: 1px solid #d7d5a9; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; }
#fotogalleryBox h1 { margin: 0px 0px 10px; padding: 10px 0px; font-size: 18px; color: #333; text-align: center; display: block; background: url(../images/bgSeparatorTitle.gif) repeat-x center bottom; text-transform: uppercase; font-weight: normal; }
#fotogalleryBox img { float: left; margin: 2px; border: 1px solid #D7D5A9; }
.links { height: 30px; text-align: center; }
.nazad { float: left; text-transform: uppercase; margin: 0px; padding: 0px; display: block; }
.upit { float: right; }
.contentListTitle { margin: 0px 0px 10px; padding: 6px 0px; font-size: 15px; color: #333; text-align: center; display: block; background: #E6E4BD url(../images/bgNaslov.jpg) repeat-x; text-transform: uppercase; border: 1px solid #DCD9A3; }
.contentTitle a { color: #801A23; text-decoration: none; }
.contentTitle a:visited { color: #801A23; text-decoration: none; }
.contentTitle a:hover { color: #333; text-decoration: none; }
.contentListBox { margin: 0px; padding: 0px; width: 435px; }
.listBox { background: #e5e3ba; border: 1px solid #d7d5a9; padding: 5px; margin: 5px 0px 0px; }
.listBoxInner { background: #F8F8EC; border: 1px solid #d7d5a9; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; }
.listBoxInner h1 { margin: 0px 0px 10px; padding: 10px 0px; font-size: 15px; color: #801A23; text-align: center; display: block; background: url(../images/bgSeparatorTitle.gif) repeat-x center bottom; text-transform: uppercase; }
.productBox { background: #F8F8EC; border: 1px solid #d7d5a9; padding-right: 6px; padding-left: 6px; padding-bottom: 5px; width: 216px; display: inline; float: left; }
.productBox h1 { margin: 0px 0px 5px; padding: 5px 0px; font-size: 11px; color: #801A23; text-align: center; display: block; background: url(../images/bgSeparatorTitle.gif) repeat-x center bottom; text-transform: uppercase; text-decoration: none; }
.productBox h1 a { text-decoration: none; }
.productBox h1 a:visited { text-decoration: none; }
.productBox h1 a:hover { text-decoration: none; color: #333; }
/********* PAGINACIJA *********/
.Paginacija { float: left; width: 470px; text-align: center; padding-bottom: 5px; background: url(../images/paginationBg.gif) no-repeat 0px 0px; display: inline; font: 11px Arial, Verdana, sans-serif; padding-top: 10px; margin-top: 5px; }
.Paginacija a { padding: 1px 5px; border: 1px solid #BFBC75; background: #FFFFFF; text-decoration: none; color: #801A23; margin: 0px; }
.Paginacija a:visited { text-decoration: none; color: #801A23; }
.Paginacija a:hover { color: #333; text-decoration: none; border: 1px dashed #801A23; }
.Paginacija .Prethodna { margin-right: 1px; padding: 1px 5px; border: 1px solid #BFBC75; background: #F8F8EC; font-size: 11px; color: #333; }
.Paginacija .Slijedeca { margin-left: 1px; padding: 1px 5px; border: 1px solid #BFBC75; background: #F8F8EC; color: #333; }
.Paginacija .selected { padding: 1px 5px; font-size: 11px; vertical-align: top; background: #801A23; color: #FFFFFF; border: 1px solid #801A23; }
/********* FORMA *********/
#mainForma { padding: 0px; width: 438px; margin: 0px; }
#mainForma p { margin: 5px 5px 10px; padding: 0px; }
#mainForma fieldset { margin: 0px; float: left; display: inline; padding: 0px; width: 430px; }
#mainForma label { text-align: right; width: 130px; display: block; float: left; margin: 3px 0; padding: 0 5px 0 0; color: #637079; }
#mainForma br { clear:left;}
#mainForma .upit-input { font-size: 11px; background: #FFFFFF; border: 1px solid #CCCCCC; height: 17px; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #333; }
#mainForma .textarea { font-size: 1em; background: #FFFFFF; border: 1px solid #CCCCCC; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #3A3A3A; height: 100px; }
#mainForma textarea:focus,
#mainForma .upit-input:focus { background: #fff; border: 1px solid #801A23; }
.obavezno { color: #FF0000; }
.button { font-size: 11px; display: inline; float: left; width: 265px; margin: 2px 0px 0px; padding: 0px 0px 0px 135px; }
.button a { color: #2E3192; text-decoration: none; font-size: 12px; }
.button a:visited { color: #2E3192; text-decoration: none; }
.button a:hover { color: #2E3192; text-decoration: underline; }
.contacts { background: #E5E3BA url(../images/bgContacts.jpg) repeat-x 0px 0px; border: 1px solid #d7d5a9; padding: 5px; position: relative; overflow: hidden; width: 460px; margin-top: 6px; }
.contacts .contactsInner { background: #F3F3DE; border: 1px solid #d7d5a9; padding: 3px; }
.contacts img { margin: 0px 6px 0px 0px; padding: 0px; border: 3px solid #ececec; float: left; }
.contacts h2 { font-size: 15px; margin: 0px; padding: 0px; width: 260px; display: block; }
.contacts .name { margin-left: 115px; border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; padding-bottom: 5px; }
.contacts .name label { float: right; position: absolute; top: 10px; right: 10px; }
.contacts .name p { color: #333333; display: block; width: 260px; }
.contacts .property { float: left; display: inline; margin: 0px; padding: 0px; width: 165px; list-style: none; }
.contacts .property ul { margin: 0px; padding: 0px; list-style: none; }
.contacts .property li { background: url(../images/bullet1.jpg) no-repeat 0px 5px; padding-left: 13px; color: #333333; }
.contacts .property span { color: #114f85; }
.contacts .property a { color: #801A23; text-decoration: underline; }
.contacts .property a:hover { text-decoration: none; }