/************/
/*   Main   */
/************/

body { background: #ffffff url(images/background.gif) repeat-x; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

#container { width: 940px; margin: 0 auto; }
#success { width:440px; border:1px solid #75cf00; background:#e5ffc4; padding:10px; font-weight:bold; }
#fail { width:440px; border:1px solid #e62600; background:#ffded7; padding:10px; font-weight:bold; }
.ajax-loading { background:url(../css/images/preloader.gif) no-repeat; width:300px; height:30px; }
.bold { font-weight: bold; }

/************/
/*  Header  */
/************/

#header { float: left; width: 100%; height: 96px; position:relative; }
#logo { float: left; width: 228px; height: 68px; margin: 15px 0 0 20px; display: inline; }

#language { float: right; margin: 12px 170px 0; display: inline; }
#language a { color: #03709c; text-decoration: none; }
#language a:hover { text-decoration: underline; }

#search { float: right; margin: 15px 15px 0; clear: right; width: 248px; display: inline; }
#search input { height: 15px; width: 170px; border: 1px solid #d3d3d3; border-top: 2px solid #3f3f3f; border-left: 2px solid #3f3f3f; color: #666666; float:left; }
#search .button { background: url(images/button_search.gif) no-repeat; width: 67px; height: 20px; border: 0px; cursor: pointer; margin: 0 0 0 3px; float:right; }

#line { float:left; width:100%;  position:relative; }
#arrow { float: left; width: 21px; height: 16px; background: url(images/arrow.gif) no-repeat; margin: -1px 0 0 65px; display: inline; }
#message { position:absolute; top:6px; left:0; color:#ffffff; padding:0 0 0 20px; font-family:'Times New Roman', Times, serif; font-size:18px; font-weight:bold; font-style:italic; }

#statusbar { float: right; height: 23px; color: #0ca5ca; padding: 8px 1px 0; }
#statusbar a { color: #ffffff; text-decoration: none; margin: 0 13px 0 13px; }
#statusbar a:hover { text-decoration: underline; }

#feature { float: left; width: 940px; height: 308px; background: #f5f5f5 url(images/feature_background.gif) repeat-x; overflow:hidden; }
#feature img { float: left; }
#feature h1 { font-family:Trebuchet MS, Geneva, sans-serif; font-weight:bold; font-size:26px; color:#585858; margin:0 0 35px 0; font-style:italic; }
#feature .right { float: right; width: 300px; height: 278px; background:url(images/feature_right_back.gif) no-repeat right; padding: 30px 10px 0 30px; }
#feature .text { float: left; margin: 15px 0 0 0; width: 275px; border-bottom: 3px solid #e0e0e0; padding: 0 0 15px 0; }
#feature p { color: #585858; margin: 10px 0 10px 0; }
#feature a.join { display: block; width: 195px; height: 48px; background: url(images/button_join.gif) no-repeat; text-decoration: none; float: left; margin: 30px 0 0 40px; overflow: hidden; display: inline; }
#feature a.join:hover { background: url(images/button_join.gif) no-repeat left -48px; }
#feature .spacer { float:left; width:270px; height:3px; background:#e0e0e0; margin:15px 0 0 0; }
#feature .quotation, #feature .quotation_right { font-family:Georgia, 'Times New Roman', Times, serif; font-size:30px; color:#048cc2; margin:0 3px 0 0; }
#feature .quotation_right { margin:0 0 0 3px; }
#header_img { float: left; width: 597px; height: 308px; }


#menu { float: left; width: 100%; height: 36px; margin: 13px 0; }
#menu ul { margin: 0px; padding: 0 0 0 11px; list-style: none; }
#menu ul li { float: left; margin: 7px 0; position: relative; }
#menu ul li.first { margin-left: 2px; }
#menu ul li a { display: block; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; height: 28px; padding: 10px 9px 0 9px; float: left; }
#menu ul li a:hover { color: #f1f1f1; }

#menu ul li.selected { background: url(images/menu_sel_right.gif) no-repeat top right; padding: 0px 6px 0px 0px; margin: 0px; z-index: 0; }
#menu ul li.selected a { background: url(images/menu_sel_left.gif) no-repeat top left; color: #171717; padding: 17px 4px 0 11px; height: 35px; } 
#menu ul li.selected a:hover { color: #171717; }

#menu li ul { margin: 0px; padding: 0 5px 0 5px; list-style: none; background: #ffffff; position: absolute; top: 38px; left:3px; border: 1px solid #999999; border-top: none; width: 170px; filter: alpha(opacity=90); opacity: 0.9; display: none; }
#menu ul li.selected ul { top: 45px; }
#menu li:hover ul { display: block; }
#menu li ul li, #menu li.selected ul li { float: none; margin: 0px; background: url(images/bullet_1.gif) 5px 12px no-repeat; }
#menu li ul li a, #menu li.selected ul li a { color: #101010; font-size: 13px; height:20px; border-bottom: 1px dashed #cccccc; font-weight: normal; text-transform: none; padding: 5px 0 5px 20px; margin: 0px; background: none; float: none; }
#menu li ul li a:hover, #menu li.selected ul li a:hover { text-decoration: none; color: #03709c; }

/*************/
/*  Content  */
/*************/

#content { float: left; width: 570px; margin: 32px 0 0; padding: 44px 0 0 22px; }
.vijesti { background: url(images/vijesti_i_novosti.gif) 22px top no-repeat; }
.o_nama { background: url(images/o_nama.gif) 22px top no-repeat; }
.clanstvo { background: url(images/clanstvo.gif) 22px top no-repeat; }
.najave { background: url(images/najave.gif) 22px top no-repeat; }
.kol_ugovori { background: url(images/kolektivni_ugovori.gif) 22px top no-repeat; }
.mediji { background: url(images/mediji.gif) 22px top no-repeat; }
.faq { background: url(images/faq.gif) 22px top no-repeat; }
.kontakt { background: url(images/kontakt.gif) 22px top no-repeat; }
.linkovi { background: url(images/linkovi.gif) 22px top no-repeat; }
.mirovinski_fond { background: url(images/mirovinski_fond.gif) 22px top no-repeat; }
.sportski_susreti { background: url(images/sportski_susreti.gif) 22px top no-repeat; }
.programi { background: url(images/programi.gif) 22px top no-repeat; }
.propisi { background: url(images/propisi.gif) 22px top no-repeat; }
.about { background: url(images/about.gif) 22px top no-repeat; }
.video { background: url(images/video.gif) 22px top no-repeat; }

#content ul { line-height:20px; }
#content ul li { color: #454545; }
#content img { float: left; margin: 0 33px 30px 0; }
#content h1 { margin: 0 0 20px 0; display: inline; padding: 0px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 20px; font-weight: bold; color: #171717; }
#content h1 a { color: #171717; text-decoration: none; }
#content h1 a:hover { color: #03709c; text-decoration:none; }
#content h2, #sidebar h2 { margin: 0px; display: inline; padding: 0px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight: bold; color: #171717; }
#content h2 a, #sidebar h2 a { text-decoration: none; color: #171717; }
#content h2 a:hover, #sidebar h2 a:hover { color: #03709c; text-decoration:none; }
#content p, #sidebar p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 19px; padding: 0px; margin: 15px 0 15px 0; }
#content a { color: #03709c; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content .feature_level_1 { float: left; width: 100%; border-bottom: 3px solid #e0e0e0; padding: 0 0 3px 0; }
#content .feature_level_2 { float: left; width: 270px; margin-top: 18px; }
#content .feature_level_2 p { margin: 4px 0 13px 0; }
#content .feature_level_3 { float: left; width: 270px; margin: 18px 0 0 30px; }
#content .feature_level_3 ul { float: left; margin: 0px; padding: 0px; list-style: none; line-height: 18px; }
#content .feature_level_3 ul li { background: url(images/bullet_2.gif) left 6px no-repeat; padding-left: 17px; margin-bottom: 15px; }
#content .feature_level_3 ul li.clean { background: none; }
#content .feature_level_3 ul li a { font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; }
#content .feature_level_3 ul li a:hover { color: #171717; }
#content .ballon { float: left; width: 550px; height: 23px; background: url(images/ballon.gif) no-repeat; clear: both; margin: 0 0 15px 0; padding: 0 0 0 10px; }
#content .ballon p { margin: 0px; padding: 0px; font-family:  Arial, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; }
#content .date { float: left; width: 100%; clear: both; font-size: 11px; color: #666666; margin: 20px 0 20px 0; }

#list { list-style: none; margin: 0px; padding: 0px; }
#list.newsletter { width: 200px; }
#list.ugovori { width: 400px; }
#list li { border-bottom: 1px dashed #e0e0e0; background: url(images/newletter.gif) no-repeat left 5px; }
#list li a { font-size: 13px; text-decoration: none; display: block; padding: 5px 0 5px 30px; }
#list li a:hover { color: #333333; text-decoration:none; }

.rukovodstvo { margin:20px 0 0 0; }
.rukovodstvo th { background:#03709c; color:#ffffff; text-align:left; }
.rukovodstvo td { border-bottom:1px solid #e0e0e0; }

#sidebar { float: left; width: 280px; margin: 32px 0 0 50px; background: url(images/shz_resursi.gif) no-repeat; padding: 30px 0; }
#sidebar_header { float: left; width: 92px; height: 21px; background: url(images/shz_resursi.gif) no-repeat; margin-top: -4px; }

#sidebar ul { margin: 9px 0; padding: 0px; list-style: none; width: 100%; }
#sidebar ul li { border-bottom: 1px solid #e0e0e0; padding: 14px 0 14px 0; float: left; }
#sidebar img { float: left; margin: 0 20px 0 0; }
#sidebar p { margin: 5px 0 0 0; }
#sidebar a { color: #03709c; text-decoration: none; }
#sidebar a:hover { text-decoration:underline; }

#kontakt { margin:30px 0; }
#kontakt label { float:left; width:100px; color: #454545; font-size:12px; margin:5px 0; }
#kontakt input { width:240px; border:1px solid #999999; border-top:2px solid #03709c; padding:4px; margin:0 0 10px 0; color:#454545; font-size:12px; }
#kontakt textarea { width:350px; border:1px solid #999999; border-top:2px solid #03709c; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#454545; }
#kontakt .submit { background:#03709c; color:#ffffff; border:1px solid #02587b; width:100px; margin:20px 0 0 360px; }
#kontakt .submit:hover { border:1px solid #000000; }

/*************/
/*  Footer   */
/*************/

#footer { float: left; width: 100%; height: 106px; background: url(images/footer.gif) repeat-x; margin-top: 40px; }
#footer .inner { width: 896px; margin: 0 auto; }
#footer p { margin: 0px; }
#footer .left { float: left; margin: 45px 0; }
#footer .right { float: right; margin: 20px 0; }