/***************************
BODY 
 ***************************/
body { margin:0px; padding:0px; background:url(images/mainbg.jpg) 0 0 repeat-x #F6F4E4; color:#6B6854; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
div, p, ul, h1, h2, h4, img, form, label { padding:0px; margin:0px; }
h3 { height:18px; margin:30px 10px 10px 50px; color:#000082; }
ul { list-style-type:none; }
/***************************
MAIN PANEL
 ***************************/
#mainPan { width:860px; position:relative; margin:0 auto; padding:0px; }
/***************************
LEFT PANEL 
 ***************************/
#leftPan { width:203px; float:left; height: 750px; }
#leftTopPan { width:203px; height:125px; position:relative; margin:0 auto; padding:0; background:url(images/left-top.jpg) 0 0 no-repeat; }
#leftTopPan .space img { width:160px; height:39px; margin:30px 0 0 37px; }
#leftPan ul { width:203px; height:231px; display:block; background:url(images/menu-bg.jpg) 0 0 no-repeat; padding:28px 0 0 0; }
#leftPan ul li { width:118px; height:27px; position:relative; margin:0 auto; background:url(images/dot.gif) 0 100% repeat-x; }
#leftPan ul li a { width:96px; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 22px; text-decoration:none; }
#leftPan ul li a:hover { color:#7F0A5F; text-decoration:none; }
#leftPan ul li.home { width:96px; height:27px; display:block; background: url(images/homebg.gif) 0 0 no-repeat #F6F4E4; color:#7F0A5F; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 22px; }
#leftPan ul li.contact { background:none; }
#leftPan ul.linkone { width:203px; height:259px; padding:0; background:none; margin-top: 10px; }
#leftPan ul.linkone li { width:203px; height:25px; position:relative; margin:0 0 0 10px; background:none; padding:0px; }
#leftPan ul.linkone li a { width:auto; background:url(images/arrow-normal.gif) 0 20% no-repeat #F6F4E4; color:#8F8C73; font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 22px; text-decoration:none; }
#leftPan ul.linkone li a:hover { color:#7F0A5F; text-decoration:none; }
#leftPan h2 { width:90px; height:63px; background:#F6F4E4; color:#000082; font-size:20px; font-style:normal; line-height:63px; padding:0 0 0 63px; font-weight:normal; margin-top:-7px; }
#leftPan h2.image { background:url(images/icon2.jpg) 0 25% no-repeat #F6F4E4; padding:0 0 0 63px; margin:5px 0 0 25px; }
/***************************
CITATION 
 ***************************/
#leftPan .citation { width:169px; height:143px; position:relative; margin:0 auto; background:url(images/formbg.jpg) 0 0 no-repeat; color:#000; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 11px; text-align: justify; }
#leftPan .signature { width:179px; height:25px; position:absolute; top: 130px; left: 0px; margin:0 auto; color:#000; text-align: right; }
#leftPan .link-signature a { width:179px; height:25px; position: absolute; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 22px; top: 110px; margin-left: 25px; text-decoration:none; }
#leftPan .link-signature a:hover { background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; color:#7F0A5F; text-decoration:none; }
/***************************
RIGHT PANEL
 ***************************/
#rightPan { width:655px; float:left; /* SCROLL BAR COLORS */
scrollbar-arrow-color: #567; scrollbar-3dlight-color: #fff; scrollbar-face-color: #ccc; scrollbar-highlight-color: #505050; }
#rightPan .distancer { height:10px; }
#rightPan a.intext { width:auto; height:auto; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; display: inline-block; color:#006666; font:auto; font-weight:bold; padding:0 0 0 22px; text-decoration:none; }
#rightPan a.intext:hover { color:#008888; text-decoration:none; }
/***********************
 HEADER
************************/
#rightPan .header { width:540px; height:161px; background:url(images/header.jpg) 0 0 no-repeat; color:#fff; padding: 0px 0px 0px 0px; }
#rightPan .topaddress { width:250px; height:50px; color:#fff; font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding: 0px 0px 0px 0px; position: relative; top: 121px; left: 450px; }
#rightPan h1 span { font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
/* GLAVNI NASLOV TEKSTOVA */
#rightPan h2 { width:600px; height:auto; display:block; color:#8F146E; font-size:20px; line-height: 25px; padding:0 0 0 20px; margin:29px 0 0 0px; }
#rightPan h4 span { color:#9F9D81; background:#F6F4E4; font-size:16px; font-weight:bold; line-height:18px; }
#rightPan h4 { width:240px; height:50px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #F6F4E4; color:#8F146E; font-size:24px; line-height:22px; padding:0 0 0 75px; margin:0 0 0 9px; clear:both; }
#rightPan p { padding:5px 0 0 9px; margin-bottom:5px; }
#rightPan p.bottompadding { padding:5px 0 0 9px; margin:0 0 20px 0; }
#rightPan p span.boldtext { font-weight:bold; }
#rightPan p span.magedacolortext { background:#F6F4E4; color:#8F146E; }
#rightPan b { background:#F6F4E4; color:#8F146E; }
#rightmorePan { width:600px; height:28px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px; }
#rightmorePan p.textposition { float:left; padding:0 0 0 18px; margin:0px; font-weight:bold; }
#rightmorePan a { position:absolute; right: 100px; width:36px; height:28px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px; }
#rightmorePan a:hover { text-decoration:underline; }
/***************************
MAIN TEXT BOX
 ***************************/
#rightPan .MainTextBox { width:650px; position: relative; top: 10px; left: 0; height: auto; padding: 0px 14px 5px 0px; margin-bottom: 15px; text-align: justify; }
/***************************
IMAGES IN TEXT
 ***************************/
#rightPan .image_left { float:left; border:solid 1px silver; padding:5px; margin: 5px 5px 5px 5px; } 
#rightPan .image_left_no_border { float:left; border-width: 0; padding:5px; margin: 5px 5px 5px 5px; } 
#rightPan .image_right { float:right; border:solid 0px silver; padding:5px; margin: 5px 5px 5px 5px; } 
#rightaddPan { width:442px; height:170px; position:relative; margin:0 auto; padding:50px 0 0 9px; }
#rightaddonePan { width:218px; height:110px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; }
#rightaddonePan p.whitetext { font-size:22px; padding:16px 0 0 16px; }
#rightaddonePan p.whitetextbig { font-size:28px; padding:10px 0 0 16px; }
#rightaddonePan a { width:97px; height:33px; display:block; background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px; }
#rightaddonePan a:hover { text-decoration:underline; }
#rightaddtwoPan { width:218px; height:110px; float:left; background:url(images/image2.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; margin:0 0 0 6px; }
#rightaddtwoPan p.whitetext { font-size:22px; padding:16px 0 0 16px; }
#rightaddtwoPan p.whitetextbig { font-size:28px; padding:10px 0 0 16px; }
#rightaddtwoPan a { width:82px; height:33px; display:block; background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px; }
#rightaddtwoPan a:hover { text-decoration:underline; }
/***************************
PITANJA
 ***************************/
#rightPan .question_title { width:600px; height:36px; display:block; color:#8F146E; font-size:24px; line-height:36px; padding:0 0 0 15px; margin:20px 0 20px 9px; font-weight:bold; }
#rightPan .question_link { width:600px; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; display:block; color:#000082; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 22px; margin-left:20px; text-decoration:none; margin-bottom: -5px; }
#rightPan .question_link:hover { text-decoration:underline; }
#rightPan .question_with_answer { width:600px; background:url(images/arrow-normal.gif) 0 50% no-repeat; font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 22px; margin: 15px 0 5px 20px; color:#000082; text-decoration:none; line-height:18px; font-weight:normal; }
#rightPan .question_answer { width:651px; color:#6b6854; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
/***************************
KEYWORDS
 ***************************/
#rightPan .keywords_title { color:#6B6854; font-size:10px; line-height:10px; font-weight:bold; }
#rightPan .keywords { color:#9C8975; font-size:10px; line-height:10px; font-weight:bold; }
/***************************
REFERENCE TOP PAN
 ***************************/
#topRefPan { position: relative; height: 250px; }
#topRefPan h2 { width:600px; height:36px; display:block; color:#8F146E; font-size:24px; line-height:36px; }
#topRefPan .refGroup { position: relative; width:140px; height:140px; float: left; margin: 5px 5px 5px 5px; display: block; }
#topRefPan img { border:solid 0px silver; padding: 5px 15px 25px 15px; margin: 5px 5px 5px 5px; width: 100px; height: 100px; float: left; }
#topRefPan span { top: -25px; position: relative; display:block; text-align: center; margin-bottom: -25px; }
#topRefPan a { text-decoration:none; color:#8F8C73; }
#topRefPan a:hover { color:#7F0A5F; }
/***************************
REFERENCE LEFT PAN
 ***************************/
#leftRefPan { width: 450px; float: left; height: auto; }
#leftRefPan h2 { width:600px; height:36px; display:block; color:#8F146E; font-size:24px; line-height:26px; }
#leftRefPan h3 { height:18px; margin-left:24px; color:#8F146E; }
#leftRefPan ul { }
#leftRefPan ul li { padding-left: 5px; width:550; height:auto; position:relative; margin:0 0 5px 10px; background:url(images/dot.gif) 0 100% repeat-x; }
#leftRefPan ul li .cityname { color: Navy; }
/***************************
REFERENCE RIGHT PAN
 ***************************/
#rightRefPan { width: 200px; float: left; height: 250px; /* border:1px solid Lime; */
margin-top: 24px; text-align: center; }
#rightRefPan img { border:solid 1px silver; padding:5px; margin: 5px 5px 5px 5px; } 

/***************************
LISTE
 ***************************/
#rightPan .list { margin-bottom: 10px; margin-top: 10px; }
#rightPan .list_item { width:600px; display:block; color:#000082; font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 22px; margin-left: 30px; text-decoration:none; }
#rightPan .list_item_adv { width:600px; background:url(images/pattern.gif) 0 5pt no-repeat #F6F4E4; display:block; color:#000082; font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 0 0 22px; margin: 0 0 2px 52px; text-decoration:none; text-align: left; }
#rightPan .list_item_href a { width:600px; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; display:block; color:#000082; font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 22px; margin: 0 0 10px 52px; text-decoration:none; }
#rightPan .list_item_href a:hover { width:600px; background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4; display:block; color:#000082; font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 22px; margin: 0 0 10px 52px; text-decoration: underline; }

/***************************
FOOTER PANEL
 ***************************/
#footermainPan { background:url(images/footerbg.jpg) 0 0 repeat-x; color:#fff; position:relative; margin:0 auto; height:120px; clear:both; }
#footerPan { width:860px; position:relative; margin:0 auto; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; }
#footerPan .menu { font:14px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; width:860px; height: 20px; position:absolute; top:25px; margin-left: auto; margin-right: auto; text-align: center; }
#footerPan a { padding:0px 10px 0px 0px; color:#fff; text-decoration:none; }
#footerPan a:hover { text-decoration:underline; }
#footerPan p.copyright { top:50px; width:860px; color:#F3F1DF; position:absolute; text-align: center; font-size:14px; }
#footerPan .templateworld { color:#fff; position:relative; }
#footerPan .templateworld a { color:#fff; text-decoration:none; padding:0px 0px 0px 0px; }
#footerPan .templateworld a:hover { text-decoration:underline; }
#footerPanhtml { width:64px; height:19px; display:block; position:absolute; top:132px; left:240px; }
#footerPanhtml a { width:59px; height:18px; background:url(images/arrow2.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none; }
#footerPanhtml a:hover { background:url(images/arrow3.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none; }
#footerPancss { width:64px; height:19px; display:block; position:absolute; top:132px; left:320px; }
#footerPancss a { width:49px; height:18px; background:url(images/arrow3.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 15px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none; }
#footerPancss a:hover { background:url(images/arrow2.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none; }