/*Template*/
html, body, form { margin: 0; padding: 0; }
body { background-color: #FFF; background-image: url(Body.jpg); background-repeat: repeat-x; padding-top: 15px; padding-bottom: 15px; color: #646464; }
body, input, select, textarea, table { font-family: Verdana, sans-serif; font-size: 11px; margin: 0; }
a { color: #007091; }
:focus { -moz-outline-style: none; outline: none; }
img { display: block; }
a:hover { color: #333; }
p { margin: 10px 0 10px 0; }
.clear { clear: both; }
.frame { width: 950px; background-image: url(Frame.png); background-repeat: repeat-y; margin: auto; padding: 0 8px; }
.header { width: 950px; height: 150px; position: relative; }
.search { padding: 0; width: 183px; height: 20px; position: absolute; top: 100px; right: 20px; }
.search input { border: none; background-color: Transparent; background-image: url(Search.png); background-repeat: no-repeat; padding: 0; margin: 0; vertical-align: top; }
.search .textbox { width: 138px; padding: 3px 10px 1px 10px; height: 16px; background-position: left center; }
.search .button { width: 25px; height: 20px; background-position: right center; cursor: pointer; }
.logo { width: 290px; height: 150px; float: left; }
.menu { width: 660px; float: right; border-bottom: solid 1px #00AEEF; }
.menu ul { margin: 0; padding: 0; list-style: none; clear: both; float: left; }
.menu ul li { margin: 0; padding: 0; overflow: hidden; float: left; }
.menu ul a { font-size: 1.2em; height: 65px; width: 80px; float: left; text-decoration: none; color: #646464; background: #FFF; text-align: center; padding: 45px 15px 0 15px; font-weight: bold; }
.menu ul a:hover { color: #00AEEF; background: #FFF; }
.menu ul a.active, .menu ul a.active:hover { color: #FFF; background: #00AEEF; }
.middle { min-height: 500px; }
.footer { background-image: url(Footer.png); background-repeat: no-repeat; height: 50px; width: 950px; margin: auto; padding: 0 8px; }
.footer .copyright { float: left; margin-top: 20px; margin-left: 10px; }
.footer .copyright, .footer .copyright a { color: #999; font-weight: bold; font-size: 0.9em; text-decoration: none; }
.footer .copyright a:hover { color: #333; }
.footer .icons { float: right; margin-top: 20px; }
.footer .icons a { float: right; width: 11px; height: 9px; cursor: pointer; }
.footer .icons div { float: right; width: 20px; height: 9px; background-image: url(Separator1.png); background-repeat: no-repeat; background-position: center center; }
.footer .icons .favorites { background-image: url(Favorites.png); background-repeat: no-repeat; }
.footer .icons .sendfriend { background-image: url(SendFriend.png); background-repeat: no-repeat; }
.footer .icons .home { background-image: url(Home.png); background-repeat: no-repeat; }
.footer .icons .favorites:hover { background-image: url(FavoritesHover.png); background-repeat: no-repeat; }
.footer .icons .sendfriend:hover { background-image: url(SendFriendHover.png); background-repeat: no-repeat; }
.footer .icons .home:hover, .footer .icons .homeactive { background-image: url(HomeHover.png); background-repeat: no-repeat; }
.banners { padding: 0 18px 0 17px; height: 280px; }
.banners .banner { background-image: url(BannerFrame.png); background-repeat: no-repeat; width: 440px; height: 240px; padding: 7px 5px 3px 5px; }
.banners .banner a img { border: none; }
.content { }
.main { }
.info { border-top: solid 1px #E0E0E0; position:relative; }
.info .box { margin: 30px 0 10px 30px; float: left; width: 199px; height: 200px; text-decoration: none; }
.info .box .ukratko { color: #646464; margin-top: 10px; font-size: 0.9em; }
.info .box .naslov { color: #00AEEF; text-transform: uppercase; font-weight: bold; line-height: 25px; font-size: 1.1em; }
.info .box .naslov img { vertical-align: middle; margin-right: 5px; float: left; }
#facebook { display:block; width:50px; height:50px; border:0; text-decoration:none; background:url(facebook.png); float:right; position:absolute; bottom:0; right:10px; }
/*Main page*/
.main .col1 { padding-left: 22px; padding-right: 10px; width: 300px; float: left; height: 460px; }
.main .col2 { width: 387px; float: left; height: 460px; }
.main .col2 .tab { border-left: solid 1px #E0E0E0; height: 408px; }
.main .col3 { width: 231px; float: left; height: 460px; }
.tabbox { background-image: url(TabBoxLine.png); background-repeat: repeat-x; }
.tabbox .tab { padding-top: 20px; padding-bottom: 20px; }
.list1 .separator { height: 21px; background-image: url(Separator2.png); background-repeat: repeat-x; }
.list1 .title { margin-bottom: 10px; }
.list1 .title a { text-decoration: none; font-weight: bold; }
.list1 .title .date { color: #828282; }
.list1 .thumb { float: left; padding: 2px; margin-right: 5px; margin-bottom: 5px; border: solid 1px #E0E0E0 !important; }
.list1 .thumb img { border: solid 1px #E0E0E0 !important; }
.list2 .separator { height: 11px; background-image: url(Separator2.png); background-repeat: repeat-x; background-position: center center; }
.list2 .title a { text-decoration: none; }
#projectsTab .tab { padding: 10px 10px 10px 11px; }
#akcija, #otherOffers { border-left: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; height: 290px; }
#otherOffers .tab { padding: 10px; }
#newsletter { width: 231px; height: 126px; background-color: #00AEEF; background-image: url(Newsletter.jpg); background-repeat: no-repeat; margin-top: 10px; }
#newsletter input.textbox { border: none; width: 146px; background-color: Transparent; position: absolute; left: 22px; top: 72px; }
#newsletter input.button { border: none; width: 30px; height: 24px; background-color: Transparent; position: absolute; left: 180px; top: 69px; cursor: pointer; }
#newsletter div .message { position: absolute; left: 22px; top: 92px; color: #FFF !important; font-style: italic; }
#newsletter.en-US { background-image: url(NewsletterEn.jpg); }
.loader1 { background-image: url(Loader1.gif); background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; }
/*Pages*/
.page { padding: 0 20px 20px 20px; }
.page .tab { padding: 20px 10px 20px 10px; }
.page .tab .date { color: #999; padding-top: 20px; }
table.form td { padding: 0 5px 5px 0; }
table.form input, table.form select, table.form textarea { padding: 2px; border: solid 1px #CCC; }
table.form input.button { padding: 4px 15px; border: solid 1px #CCC; background-color: #FFF; background-image: url(Input.jpg); background-repeat: repeat-x; background-position: center bottom; cursor: pointer; }
.loader2 { background-image: url(Loader2.gif); background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; }
.contact { width: 260px; border: solid 1px #CCC; float: right; margin-top: 0; background-color: #FAFAFA; }
.contact .body { padding: 5px; }
.contact .title { background-color: #FFF; background-image: url(Input.jpg); background-repeat: repeat-x; background-position: center bottom; border-bottom: solid 5px #00AEEF; padding: 5px 10px; }
.status { background-color: #F0F0F0; font-weight: bold; border-top: solid 2px #CCC; color: #000; padding: 5px 10px; text-align: center; }
.error { border-color: #FF0000; }
.success { border-color: #CCC; }
.twocols { background-image: url(Separator3.png); background-repeat: no-repeat; background-position: 570px 33px; }
.twocols .leftcol { float: left; width: 570px; }
.twocols .rightcol { float: right; width: 360px; }
.rightcol #images .tab div a, .images div a { display: block; float: left; padding: 2px; margin-right: 5px; margin-bottom: 5px; border: solid 1px #E0E0E0 !important; }
.rightcol #images .tab div a img, .images div a img { border: solid 1px #E0E0E0 !important; }
div.tree td div { height: 20px !important; }
td.treeNode a { padding: 2px 5px 2px 5px; text-decoration: none !important; line-height: 20px; }
.images { float: right; width: 250px; }
.files { float: right; width: 250px; border: solid 1px #E0E0E0; }
.files a { display: block; padding: 5px 10px 5px 26px; width: 214px; border-bottom: dotted 1px #E0E0E0; text-decoration: none; background-image: url(PDF.png); background-repeat: no-repeat; background-position: 5px center; }
.files a.alt { background-color: #F6F6F6; }
.files a:hover { background-color: #00AEEF; color: #FFF; }
.back { color: #007091; text-decoration: none; cursor: pointer !important; }
.download { border-top: dotted 1px #D0D0D0; margin: 5px 0; padding: 5px 5px 5px 10px; }
.tools { padding: 10px; }
/*Data tables*/
table.data { width: 100%; border-collapse: collapse; border: none; margin: 20px 0; }
table.data td, table.data th { border: solid 1px #E0E0E0; padding: 4px; border-collapse: collapse; }
table.data th { font-weight: bold; text-align: center; }
table.data tr.header { height: 30px !important; }
table.data tr.header th { background-color: #00AEEF; color: #FFF; }
table.data tr.subheader th { background-color: #F0F0F0; }
table.data tr.coldef td { background-color: #F6F6F6; }
/*Google search*/
#cse .gsc-input { padding-right: 10px; }
#cse .gsc-input input { padding: 5px; border: solid 1px #CCC; }
#cse .gsc-search-button input { padding: 4px 15px; border: solid 1px #CCC; background-color: #FFF; background-image: url(Input.jpg); background-repeat: repeat-x; background-position: center bottom; cursor: pointer; }
#cse .gsc-tabsArea { display: none; }
#cse .gsc-wrapper, #cse .gsc-resultsbox-visible, #cse .gsc-resultsRoot, #cse .gsc-results { padding: 0 !important; margin: 0 !important; border: none !important; }
#cse .gsc-resultsHeader { border: none; }
#cse .gsc-results { font-family: Verdana, sans-serif; font-size: 11px; }
#cse .gsc-result { border: 1px solid #EEE; border-left: 10px solid #EEE; padding: 5px 10px; margin: 0 0 5px 0; }
#cse .gs-result { width: 100%; }
#cse .gsc-result:hover { border: 1px solid #E0E0E0; border-left: 10px solid #E0E0E0; }
#cse .gs-visibleUrl { color: #999; }
#cse .gs-title a { color: #007091; font-weight: bold; }
#cse .gsc-trailing-more-results { display: none; }
#cse .gs-no-results-result .gs-snippet { margin: 0; padding: 0; border: none; background-color: Transparent; }
#cse .gsc-adBlock { border: 1px solid #E0E0E0; margin-top: 0; margin-bottom: 5px; padding: 5px 10px; }
#cse .gsc-adBlockVertical { border: 1px solid #E0E0E0; background-color: #F6F6F6; }
#cse .gsc-cursor * { color: #007091; font-weight: bold; }
/*Authors*/
#author { float: right; margin-top: 17px; margin-right: 10px; }
#author a { text-decoration: none; color: #000; }
#author a span.number { color: #ff0000; }
/*Print*/
.printTitle { display: none; }
/*Float banner*/
.floatBanner { display: none; }
/*modal dialog*/
#modal { display: none; }
#simplemodal-overlay { background-color: #000; cursor: default; }
#simplemodal-container { min-width: 640px; min-height:480px; border: solid 5px #00AEEF; }
#simplemodal-container a { color: #ddd; }
#simplemodal-container a.modalCloseImg { background: url(Close.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; }
/*audio*/
.audioBanner { width: 940px; height: 40px; background-image: url(AudioBack.jpg); border-top: solid 1px #E0E0E0; }