/* ________________________________

Author: Sini�a �a�ic
Company: Tehnicom Computers
Sector: Web Design & Developement
Role: Web Designer
Starting Date: 08-Aug-2007
E-mail: sinisa.sasic@tehnicom.com
Phone: + 381 11 30 60 805
____________________________________*/

/* =RESET [by Andy Clarke] */

html, body, div, span, applet, object, 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, 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-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }

/* ------------------------------------------------------------------------------------------------------------------------- */

.clear { clear: both; font-size: 1px; line-height: 0; height: 0; overflow: hidden; border: 0; }
html { font-size: 62.5%; }
body { margin-left: 13px; text-align: center; font: normal 120% Verdana, Arial, Helvetica, sans-serif; }
em { font-style: normal; font-weight: normal; font-size: 95%; }

/* =WRAP */

#wrap { width: 1004px; margin:25px auto 0pt; text-align: left; position: relative; }

/* =LOGO-WRAP */

#logo-wrap { width: 179px; height: 59px; }

/* =TOP-NAV */

#top-nav { position: absolute; left: 194px; /*top: 75pt;*/ top:0px; font-weight: bold; width: 779px; height: 59px; }

#top-nav li {
display: block;
float: left;
background: url(../img/b_top_nav.gif) repeat-x;
text-align: center;
}

#top-nav li.first {
background: url(../img/b_top_nav_left.gif) no-repeat;
width: 148px;
padding-left: 5px;
}

#top-nav li.second {
width: 130px;
}

#top-nav li.third {
width: 133px;
}

#top-nav li.fourth {
width: 212px;
}

#top-nav li.last {
background: url(../img/b_top_nav_right.gif) no-repeat right top;
width: 145px;
padding-right: 5px;
}

#top-nav li a {
padding: 0 3px 0 0;
background: url(../img/blt_top_nav.gif) no-repeat right top;
display: block;
color: #fff;
text-decoration: none;
line-height: 450%;
}

#top-nav li a:hover {
text-decoration: underline;
}

#top-nav li.last a {
background-image: none;
}

/* =LANG */

#lang {
position: absolute;
z-index: 1000;
right: 40px;
/* top:149px; */
top:-16px;
}

#lang li {
display: inline;
}

#lang li a {
float: left;
display: block;
margin-left: 12px;
padding: 3px 0;
font-size: 85%;
font-weight: bold;
text-decoration: none;
color: #475766;
}

#lang .uk a {
background-image: url(../img/blt_flag_uk.gif);
}

#lang li a:hover {
text-decoration: underline;
color: #002157;
}

/* =SIDE-CONTENT */

#side-content {
float: left;
width: 179px;
}

/* =SIDE-NAV */

#side-nav {
background: /*#c1e7fe*/ url(../img/b_side_nav.gif) repeat-x bottom;
}

#side-nav .outer, #info .outer {
background: url(../img/b_side_nav_top.gif) /*url(../img/b_side_nav_top2.gif)*/ no-repeat top;
}

#side-nav .inner, #info .inner {
height: 497px;
background: url(../img/b_side_nav_bottom.gif) no-repeat bottom;
/*padding-bottom: 175px;*/
/*height: 287px;*/
/*padding-bottom: 1px;*/
}

#side-nav div[class='outer'], #info div[class='outer'] {
background-image: url(../img/b_side_nav_top.png) /*url(../img/b_side_nav_top2.png)*/;
}

#side-nav div[class='inner'], #info div[class='inner'] {
background-image: url(../img/b_side_nav_bottom.png);
}

/* =weather */
#side-nav .inner { position: relative; }
#side-nav .inner .weather { position: absolute; left: 12px; bottom: 20px; }
#side-nav .inner .weather h3 { font: bold 130% 'trebuchet ms', Verdana; color: #fff; text-transform: uppercase; margin-bottom: 0; text-align: center; letter-spacing: -1px; }
#side-nav .inner .weather ul { overflow: auto; }
#side-nav .inner .weather ul li { display: block; float: left; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #fff; }
#side-nav .inner .weather ul .clock { padding-left: 25px; margin-bottom: -10px; } /* !clock */
#side-nav .inner .weather ul .city { line-height: 285%; margin-right: 5px; padding-top: 10px; }
#side-nav .inner .weather ul .temperature { font: 220% 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; letter-spacing: -2px; padding-top: 10px; }
#side-nav .inner .weather ul .icon { margin-left: 5px; }
#side-nav .inner .weather ul .icon a { display: block; width: 40px; height: 35px; padding: 0; border: 1px solid #8B9ED1; }
#side-nav .inner .weather ul .icon a:hover { border: 1px solid #a8beff; }

/* =clock */
#side-nav .clock { text-align: center; position: absolute; left: 40px; bottom: 55px; }

/* =arenas */ /* PRIVREMENO (tabelica u tekstu arene, samo jednom se pojavljuje) */
.main-block #arenas { border: 1px solid #e7e7e7; }
.main-block #arenas td { border-bottom: 1px solid #e7e7e7; padding: 5px; }
.main-block table[id='arenas'] { border: 1px dotted #c2c2c2 !important; }
.main-block table[id='arenas'] td { border-bottom: 1px dotted #c2c2c2 !important; }

/* =SIDE-NAV-LIST */

#side-nav ul a {
color: #0f284d;
text-decoration: none;
display: block;
height: 4%;
/*height: 2em;*/
line-height: 180%;
padding: 0 20px;
margin: 5px 0;
/* !teget */ color: #fff;
}

div[id='side-nav'] ul li a { height: auto !important; }

#side-nav-list {
padding-top: 25px;
}

#side-nav-list ul {
padding-bottom: 2px;
}

/* bullet za podlistu */
#side-nav-list ul li a {
font-size: 95%;
margin-left: 20px;
padding-left: 15px;
background: url(../img/blt_side_nav.png) no-repeat left 0.75em;
/* !teget */ color: #fff;
}

/* hover za sve linkove - gif */
#side-nav-list a:hover {
background: url(../img/b_side_nav_hover.gif) no-repeat right top;
/* !teget */ color: #000;
}

/* hover za sve linkove - png */
#side-nav-list[id='side-nav-list'] a:hover {
background-image: url(../img/b_side_nav_hover.png);
}

/* skidanje hovera sa podlinkova, stavljanje i pomeranje bulleta ulevo */
#side-content #side-nav #side-nav-list ul li a:hover {
background: url(../img/blt_side_nav.png) no-repeat left 0.75em;
text-decoration: underline;
color: #fff;
}

/* =INFO */

#info {
background-color: #8b9ed1;
}

#info .inner {
height: auto;
padding-bottom: 15px;
width: 179px;
height: 214px;
}

#info .inner span {
display: block;
width: 179px;
height: 86px;
text-indent: -9999px;
background: url(../img/b_info_logo.gif) no-repeat;
}

#info address {
font-size: 95%;
font-style: normal;
color: #fff;
width: /*150px*/171px;
/*margin: 0 auto;*/
padding-bottom: 8px;
padding-left: 8px;
float: left;
}

#info address p {
margin-bottom: 5px;
}

/* =MAIN-CONTENT */

#main-content {
float: left;
width: 779px;
margin-left: 15px;
}

/* =BRANDING */

#branding {
width: 779px;
}

#branding .inner {
height: 287px;
}

/* =EVENTS */

#events {
width: 779px;
}

#events .inner {
height: 215px;
background: url(../img/b_events.jpg) no-repeat; /* ! */
}

/* =ADDS */

#adds {
margin-top: 10px;
}

/* =MULTIMEDIA */

#multimedia {
float: left;
width: 167px;
}

#multimedia .inner {
height: 167px;
}

/* =SEARCH =PRESS */

/* =h3 */
#search h3 span, #press h3 span {
display: block;
height: 27px;
margin: 0 auto;
padding: 15px 0 0;
}

#search h3 span img, #press h3 span img {
display: block;
height: 27px;
margin: 0 auto;
margin-top: -5px;
}

#search, #press {
float: left;
width: 167px;
margin: 00px 0 0 10px;
background-color: #ebebeb;
position: relative;
}

/* =h3 */
#search h3, #press h3 {
height: 55px;
}

#search .outer, #press .outer {
background: url(../img/b_search&press_top.gif) no-repeat;
}

#search .inner, #press .inner {
/*height: 174px;*/
/*height: 14.7em;*/
padding-bottom: /*1.4em*/4.2em;
height: 164px;
background: url(../img/b_search&press_bottom.gif) no-repeat bottom;
}

#search div[class='outer'], #press div[class='outer'] {
background-image: url(../img/b_search&press_top.png);
}

#search div[class='inner'], #press div[class='inner'] {
background-image: url(../img/b_search&press_bottom.png);
}

#search legend, #press legend {
margin-top: -300px;
position: absolute;
text-indent: -9999px;
}

/* =SEARCH */

/* =h3 */
#search h3 {
background-image: url(../img/b_search.gif);
}

#search fieldset {
margin: 5px auto 0 auto;
padding-bottom:10px;
width: 133px;
position: relative;
}

#search label {
display: block;
margin-bottom: 5px;
}

#search input {
border: 0;
background: transparent url(../img/b_search_input.gif) no-repeat left;
font: 95% Verdana, Arial, Helvetica, sans-serif;
padding: 7px 0 7px 7px;
}

#search .submit {
background: none;
width: 60px;
height: 31px;
float: right;
padding: 0;
margin-top: 7px;
cursor: pointer;
position: absolute; top: 107px; right: -4px;
}

/* =search input */
#search .input select { border: 0; width: 133px; }

/* =PRESS */

#press h3 {
background-image: url(../img/b_press.gif);
}

#press h3 span img {
width: 104px;
height: 27px;
}

#press p {
display: block;
}

#press em {
display: block;
width: 123px;
height: /*6em*/ 66px;
margin: 8px 16px 4px 20px;
}

#press .inner p a {
clear: both;
width: 99px;
height: 31px;
float: right;
margin-right: 15px;
cursor: pointer;
position: absolute; right: -4px; bottom: 10px;
}

#press .inner {
overflow: auto;
}

*/* =FOOTER */

#footer { width: 952px; background: url(../img/b_footer.jpg) repeat-y; }
#footer .outer{ background: url(../img/b_footer_top.jpg) no-repeat left top}
#footer .inner{ height: 119px; background: url(../img/b_footer_bottom.jpg) no-repeat left bottom }
#footer .outer .inner div { margin-top: 30px; width: 952; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 28px; }
#footer .outer .inner div a { display: inline; height: 60px; padding: 2px; cursor: pointer; }
/*#footer .outer .inner div a:hover{ border-color: #e4e8d1; }*/
#footer .outer .inner div a img { margin: 0; padding: 0; border: 2px solid #fff; }
#footer .outer .inner div a img:hover { border-color: #e4e8d1; }

/* =copyright */
#copyright { text-align: center; font-size: 95%; margin: 0 0 10px 0; }
#copyright a { text-decoration: none; font-weight: bold; color: #002157; }
#copyright a:hover { text-decoration: underline; color: #BA9B65; }

#copyright a.riskmedia{ position:absolute; right:9999px}

/* ------------------ Stilizovanje paginatora ----------------- */

/* old */
/*.paginator { text-align: center; overflow: auto; }
.paginator a { background: url(../img/b_paginator.gif) no-repeat right top; display: block; margin-left: 5px; padding: 5px 0; width: 100px; float: left; font: bold 95% Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #475766; }
.paginator a:hover { color: #BA9B65; text-decoration: underline; }
.paginator .current { width: auto; padding: 5px 7px; cursor: default; background: url(../img/b_paginator_c.gif) no-repeat center center; }
.paginator .current:hover { color: #475766; text-decoration: none; }
.paginator .first { margin-left: 0; }
.paginator .before , .paginator .current, .paginator .after { background-color: #f5f5f5; }
.paginator .before { width: auto; background: none; padding: 5px; }
.paginator .after { width: auto; background: none; padding: 5px; }*/

/* new */
.paginator { width: 100%; margin: 0; text-align: center; overflow: hidden; }
.paginator a { background-color: #f5f5f5; margin: 0 5px; padding: 10px; font: bold 95% Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #475766; line-height: 175%; }
.paginator a:hover { color: #BA9B65; text-decoration: underline; }

/* =weather-list */
.main-block #weather-list { margin: 20px 0 30px; }
.main-block #weather-list dt, .main-block dl dd { display: block; padding: 5px 0; line-height: 200%; }
.main-block #weather-list dt { background: url(../img/b_weather_dl.gif) no-repeat left; width: 15em; clear: left; float: left; font-weight: bold; border-right: 1px solid #e7e7e7; text-indent: 20px; }
div[class='main-block'] #weather-list dt { border-right: 1px dotted #c2c2c2;}
.main-block #weather-list .last { border-bottom: 0; }
.main-block #weather-list dd { margin-left: 0; text-indent: 15px; border-bottom: 1px solid #e7e7e7; } 
div[class='main-block'] #weather-list dd { border-bottom: 1px dotted #c2c2c2; }
.main-block #weather-list dd img { margin: 0; padding: 0; }

/* =currency */
#currency { border-bottom: 0 !important; width: 70%; margin: 15px 10px;}
#currency caption { position: absolute; text-indent: -9999px; }
#currency td { text-transform: uppercase; }

#hypo-logo {float: left; margin-top: 20px;}
#hypo-logo a { display: block; border: 2px solid #fff;}
#hypo-logo a:hover { border-color:#ebebeb; }

/* =message */
.message { font-weight: bold; margin: 10px 0; }


/* =ADDITIIONAL STYLES */

#div_news { height:137px; padding:70px 0px 0px 12px; }
#addressForm input { height:13px; padding:6px; width:122px; border:none; font-size:11px; float:left; margin-right:2px; }
#addressForm input.news_submit { height: 25px; width:25px; float:left; padding:0px; }
#addressForm input.news_submit:hover { background:URL(../img/news_arrow_hover.gif) 50% 50% no-repeat; }
#div_news p { color:#FFFFFF; font-weight:bold; }
#addressForm input.invalid { height:13px; padding:6px; width:122px; border:1px solid #FF0000; font-size:11px; float:left; margin-right:2px; color:#FF0000; }

#main-content iframe { background:none !important; }
#main-content iframe html body { background:none !important; }
#main-content iframe body { background:none !important; }

#lang li.facebook { float:left; position:relative;  }
#lang li.facebook img { position:absolute; top:2px; left:-8px; }

#poll_main { display:block; float:left; width:237px; background:url(../img/bg_polls_top.gif) left top no-repeat;  margin:0 0 0 14px; position: relative; }
#poll_main div.inner { background:url(../img/bg_polls_bottom.gif) left bottom no-repeat; float:left; padding:10px 10px 5px 10px; min-height:/*170px*/198px; }
#poll_main h2 { font-size:12px; color:#8b8b8b; font-weight:bold; padding-bottom:5px; }
#poll_main h2 span { color:#445e84; padding-right:2px;  }
#poll_main form { float:left; }
#poll_main div.anketa { display:block; float:left; padding:0 0 0px 0; /*position: relative;*/ }
#poll_main div.input { padding:0px; margin:0px; clear:both; }
#poll_main div.input input { float:left; margin:0 0 0 0; clear:left; padding:0px;  height:19px;}
#poll-title { display:none; display:none !important;  }

#poll_main div.input label { color:#646B71; display:block; float:left; font-size:12px;  margin:0; padding-left:8px; width:180px; line-height:19px;}

#click-btn { bottom: 7px; /*clear:both; clear:both; float:right;*/ position:absolute; right: 12px; }
#anketa-rezultati { font-size:11px; color:#646B71; text-decoration:none; margin:15px 0 0 0; float:left; width:110px; }
#anketa-rezultati:hover { color:#445E84;  }
#other-polls { font-size:11px; color:#646B71; text-decoration:none; padding:0px 0 0 0; width:100px; float:left; }
#other-polls:hover { color:#445E84;  }

#poll_main div.right { float:right; }
#poll_main ul.poll-list { list-style:none; padding:0 0 0px 0px; }
#poll_main ul.poll-list li { list-style:none; color:#646B71; padding-bottom:6px; }
#poll_main ul.poll-list li a { font-weight:normal; color:#646B71; text-decoration:none; padding:0 4px 0 0; font-size:12px; }
#poll_main ul.poll-list li a:hover { text-decoration:none; color:#445E84; }
#poll_main ul.poll-list li span.poll-date { font-size:11px; font-weight:bold; padding-right:5px; }
#poll_main div.anketa ul { list-style:none; padding:0 0 0px 0px; float:left; }
#poll_main div.anketa li { list-style:none; clear:left; float:left; margin:0; width:210px; line-height:18px; }
#poll_main div.anketa li div.odgovor{ float:left; font-weight:normal; color:#646B71;  }
#poll_main div.anketa li span { color:#646B71; font-weight:normal; padding:0 0 0 3px; float:left; }
#poll_main ul .bar_empty { background:transparent url(../img/bar_empty.gif) no-repeat scroll 0 0;
float:left; height:16px; margin:3px 10px 4px 0; text-align:right; width:80px; }
#poll_main div.anketa li .bar_full { background:transparent url(../img/bar_full.gif) no-repeat scroll -1px top;
float:left; height:16px; margin:0 0 0 1px; }
#poll_main div.anketa span.poll-votes-sum { display:block; float:left; padding:0px; width:222px; color:#646B71; padding:6px 0 0 0; font-size:11px;  }
#poll_main #anketa-glasanje { font-size:11px; color:#646B71; text-decoration:none; margin:15px 0 0 0; float:left; width:100px; }
#poll_main #anketa-glasanje:hover { color:#445E84; }

div.special_top_links { float:left; padding-bottom:20px; }
div.special_top_links a { float:left; width:139px; margin-right:3px; }
div.special_top_links a:hover { text-decoration:none; }
div.special_top_links a span { float:left; width:139px; background:#FBFBFB; text-align:center; padding:2px 0px; }
p.special_has_overlay { position:relative; float:left; width:570px; }
p.special_has_overlay a.overlay { position:absolute; right:10px; bottom:10px; display:block; z-index: }
p.special_has_overlay a.overlay img { display:block; }