html {overflow-y:scroll;}
html,body {
height:100%;
width:100%;
margin: 0;
padding: 0;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background: url(../images/body_bg.jpg) top repeat-x;
}
p, h1, h2, h3, hr, ul, li, input, form, body {
margin: 0;
padding: 0;f
}
a {outline:none; color:#0065b3; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
.wrap {width:977px;margin:0 auto;}
#header { height:51px;}
#header ul { list-style:none; margin:9px 0 0 0; width:977px; float:left;height:42px;}
#header ul li {position:relative; float:left; background: url(../images/ulli_bullet.gif) right 5px no-repeat; padding:0 4px 0 2px;}
#header ul li a {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; height:25px; float:left; padding:9px 13px 0 13px;}
#header ul li a.active, #header ul li.sfHover a, #header ul li a:hover { background:url(../images/ulli_active_hover.jpg) repeat-x; border:1px solid #6ea7d4; height:24px; padding:8px 12px 0 12px;}
#header ul li.last {background:none}
#header ul li a.domov { padding: 0 0 0 0;}
#header ul li a.domov:hover, #header ul li.sfHover a.domov {border:0; padding: 0 0 0 0;}
#header ul li ul {position:absolute; left:2px; top:24px; list-style:none; border:1px solid #6ea7d4; width:auto; height:auto;}
#header ul li li {float:left; clear:both; padding:0; border:0;}
#header ul li.sfHover li a {width:200px; background:url(../images/ulli_active_hover.jpg) repeat-x; background:url(../images/dropBg.jpg) repeat-x; border:0 !important; height:19px; padding:5px 12px 1px 12px;}
#header ul li.sfHover li a:hover {border:0; height:19px; background:url(../images/dropHover.jpg) repeat-x; padding:5px 12px 1px 12px;}
#bottom { background:url(../images/big_bg.jpg) center top no-repeat;min-height:600px;height:auto !important; height:600px;}
#logo { float:left; width:943px; padding:23px 0 0 28px; height:158px; color:#0065b3;}
#logo img { float:left;}
#logo h1 { font-size:32px; padding:0 0 0 30px; float:left; width:500px}
#logo h2 { font-style:italic; font-size:20px; font-weight:normal; float:left; width:500px; padding:3px 0 0 36px;}
#fbliketop {float:left; width:600px; right:14px; bottom:10px; background:url(../images/facebook48.png) no-repeat left; padding:0 0 0 50px; margin:16px 0 0 38px;}
#left { float:left; width:667px;}
#slider { float:left; padding:10px 0 0 10px; width:655px; background:url(../images/roller_bg.jpg) no-repeat; height:260px; margin:0 0 0 1px; display:inline;}
/* #mainpic {float:left; width:717px; height:245px; background: url(../images/mainpic_bg.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/mainpic_bg.png'); padding:11px 0 0 10px;min-height:600px;height:auto !important; height:600px;}
*/
#aktualno { width:307px; float:left; padding:19px 22px 0 11px}
#aktualno span { float:left; width:307px; color:#0065b3; font-size:15px; font-weight:bold; padding-bottom:8px;}
#aktualno img { float:left; border:1px solid #8e8e8e; margin:5px 9px 0 0; display:inline;}
#aktualno h3 a { color:#0165b3; text-decoration:none; font-size:12px; font-weight:bold;}
#aktualno h3 a:hover { text-decoration:underline;}
#aktualno small { font-size:11px;}
#aktualno p { padding:5px 0 5px 0;}
#aktualno a.vec { color:#0065b3; font-weight:bold;}
#aktualno a.vec:hover { text-decoration:none;}
#fotoutrinki { float:left; width:303px; padding:19px 0 0 0}
#fotoutrinki h3 {width:303px;float:left; color:#0065b3; font-size:15px; font-weight:bold; padding-bottom:13px; text-align:center;}
.slideshow_wrap { background:url(../images/galerija_index_bg.jpg) no-repeat; height:147px; width:303px; float:left;}
.slideshow { float:left; width:176px; height:119px;}
.slideshow a img { border:0; float:left; margin:8px 0 0 64px; width:176px; height:119px;}
.slideshow_wrap p a { float:left; width:303px; margin:25px 0 0 0; text-align:center;color:#0065b3;}
.slideshow_wrap p a:hover { text-decoration:none;}
#right { float:left; width:310px;}
#search { width:310px; float:left; padding:9px 0 0 0;}
#search input, #search span { float:left;}
#search span { padding:3px 12px 0 0;}
#search input.text { border-left:1px solid #dadada; border-right:none; border-top:1px solid #dadada; border-bottom:1px solid #dadada; width:171px; height:20px;}
a.prijava { float:left; background:url(../images/btn_prijava.gif) top no-repeat; height:25px; width:288px; font-size:15px; font-weight:bold; color:#fff; text-decoration:none; padding:8px 0 0 12px; margin-top:10px;}
a.prijava:hover { background:url(../images/btn_prijava.gif) bottom no-repeat;}
/*#facebook { float:left; background:url(../images/fb_icon.gif) 7px 5px no-repeat #eceef5; margin:10px 0 0 0; width:300px; height:33px; font-size:14px; font-weight:bold; color:#425f9a;}*/
#facebook { float:left; background:url(../images/fllLogoBg.jpg) right center no-repeat #eceef5; margin:10px 0 0 0; width:300px; height:33px; font-size:14px; font-weight:bold; color:#425f9a;}
#facebook p { padding:9px 0 0 10px; float:left;}
#facebook div { float:right; width:120px; text-align:right; padding:7px 0 0 10px;}
#banner { float:left; width:300px; height:250px; margin-top:10px;}
#banner img { border:0;}
#featured{position:relative;height:249px;width:655px;float:left;}
#featured ul.ui-tabs-nav{position:absolute; top:0; left:0; z-index:100; list-style:none; padding:0; margin:0;width:258px;}
#featured ul.ui-tabs-nav li{ float:left;}
#featured li.ui-tabs-nav-item a{ background:url(../images/link_bg_animacija.jpg) bottom left no-repeat;display:block; height:53px; width:240px; text-decoration: none; font-weight:bold; cursor:pointer; color:#0065b3; font-size:17px; padding:30px 0 0 18px; }
#featured li.ui-tabs-nav-item a:hover{ text-decoration:none; cursor:pointer;background:url(../images/link_bg_animacija_active.png) bottom right no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/link_bg_animacija_active.png'); color:#fff; }
#featured li a.current{background:url(../images/link_bg_animacija_active.png) bottom right no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/link_bg_animacija_active.png'); color:#fff;}
#featured .ui-tabs-panel{ height:249px;width:412px; position:absolute; left:234px; top:0;}
#featured .ui-tabs-panel .info { position:absolute; background:url(../images/featured_bg.png);_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/featured_bg.png'); bottom:0; left:0; width:351px; height:70px; font-size:14px; padding:13px 27px 0 34px; line-height:18px;}
#featured .ui-tabs-hide{display:none;}
#featured .ui-tabs-panel .info a {color:#fff;}
#featured .ui-tabs-panel .info a:hover { text-decoration:none;}
/* clearfix za content */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.grayBox {float:left; width:280px; background:#eceef5; padding:10px; display:inline; margin-top:10px;}
.grayBox .img {float:right; margin-top:-10px;}
.grayBox .title {font-size:15px; color:#0065b3; font-weight:bold; margin-bottom:5px;}
#bottomBar {float:left; width:977px; margin-top:10px;}
#bottomBar .mainContentLine {float:left; width:977px; background:url(../images/mainContentLine.jpg) no-repeat; height:7px; font-size:0; margin-bottom:10px;}
#bottomBar .grayBoxSmall {float:left; margin:0 8px 10px 7px; width:315px; background-color:#eceef5; height:33px; padding:0;}
#bottomBar a.grayBoxSmall {background:url(../images/prijavaBg.jpg) repeat-x; text-decoration:none; color:#fff; font-weight:bold; font-size:15px; padding:7px; height:19px; width:301px;}
#bottomBar a.grayBoxSmall:hover {background:url(../images/prijavaBgHover.jpg) repeat-x;}
#bottomBar a.grayBoxSmall img, #bottomBar .grayBoxSmall.narrow img {float:right; margin-top:-3px;}
#bottomBar .grayBoxSmall.narrow {width:286px; background:url(../images/fllLogoBg.jpg) right center no-repeat #eceef5; text-decoration:none; color:#0065b3; font-weight:bold; font-size:15px; padding:7px; height:19px;}
#bottomBar .grayBox {margin:0 8px 0 7px; width:295px; background:url(../images/grayBoxBottom.jpg) no-repeat left bottom #eceef5; height:108px; padding-bottom:0;}
#bottomBar .grayBox.narow {width:280px;}
a.nlPrijava {color:#0065b3; font-weight:bold; text-decoration:none;}
a.nlOdjava {color:#2f2f2f; text-decoration:none;}
#sponsors {float:left; width:973px; background:url(../images/sponsorsBg.jpg) left bottom repeat-x; margin-left:2px; display:inline; padding:0 0 20px 0; position:relative;}
#sponsors a {margin:0 25px 10px 0;}
#fblike {position:absolute; width:170px; right:14px; bottom:10px; background:url(../images/facebook48.png) no-repeat left; padding:0 0 0 50px;}
#footer {float:left; width:973px; margin-left:2px; display:inline; padding:15px 0; color:#969696; font-size:11px;}
#footer a {color:#969696; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .left {float:left; width:450px;}
#footer .right {float:right; width:450px;}
/* PODSTRAN */
#h1Frame {float:left; width:956px; background:url(../images/h1Bg.jpg) repeat-y; padding:8px 10px; margin-bottom:10px;}
#h1Frame h1 {float:left; color:#fff; font-weight:normal; font-size:17px; margin-left:10px;}
#h1Frame #search {float:right; padding:0;}
#sideMenu {float:left; width:222px; padding:10px;}
#sideMenu ul {list-style:none;}
#sideMenu ul li {background:url(../images/sideMenuBg.jpg) no-repeat; height:25px;}
#sideMenu ul li a {float:left; color:#0065b3; text-decoration:none; font-weight:bold; padding:5px 0 5px 15px; background:url(../images/liBlue.jpg) 5px 11px no-repeat; width:207px;}
#sideMenu ul li a:hover {text-decoration:underline;}
#sideMenu ul li.active a {color:#ff0000; background-image:url(../images/liRed.jpg);}
#mainContent {float:left; width:715px; padding:10px;}
#mainContent p, #sideMenu p {margin:10px 0;}
#mainContent ul li {list-style:none; color:#000; padding-left:15px; background:url(../images/liBlack.jpg) 4px 7px no-repeat; line-height:17px;}
.kat {float:left; clear:both; margin-bottom:20px;}
.kat .img {float:left; border:1px solid #939393; margin-right:10px;}
.kat .img img {float:left;}
.kat .title {float:left; font-size:15px; font-weight:bold; width:570px;}
.kat .date {float:left; font-size:11px; color:#969696; width:570px;}
.kat p {float:left; width:570px;}
#novica .img {float:right; margin:0 0 15px 15px; border:1px solid #939393;}
#novica .img img {float:left;}
h2 {font-size:15px; font-weight:bold; color:#0165b3;}
#novica .date {font-size:11px; color:#969696;}
#galerija {float:left; width:715px;}
#galerija .prev {float:left; height:90px; width:21px; background:url(../images/prev.jpg) left center no-repeat; cursor:pointer;}
#galerija .prev.disabled {background:url(../images/prevDisabled.jpg) left center no-repeat;}
#galerija .next {float:left; height:90px; width:21px; background:url(../images/next.jpg) right center no-repeat; cursor:pointer;}
#galerija .next.disabled {background:url(../images/nextDisabled.jpg) right center no-repeat;}
#galerija .scrollable {float:left; width:673px; height:90px; position:relative; overflow:hidden;}
#galerija .scrollable .items {position:absolute; width:2000em; height:90px;}
#galerija .scrollable .items div {float:left;}
#galerija .scrollable .items div a {float:left; border:1px solid #989898; margin:0 3px;}
#galerija .scrollable .items div a img {float:left;}
.galleryItem {float:left; width:192px; height:180px; text-align:center; margin:0 15px;}
.galleryItem .img {float:left; border:1px solid #989898; margin-bottom:5px;}
.galleryItem .img img {float:left;}
.galleryItem .title {font-weight:bold;}
#downloads tr th {background:#dfdfdf;}
#downloads tr td {background:#eeeeee; padding:5px}
#downloads tr td.center {text-align:center;}
#downloads tr td .title {color:#0065b3; font-weight:bold;}
#downloads tr td .subtitle {color:#8e8e8e;}