/* RESET
------------------------------ */
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,b,u,i,center,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;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Arial,Helvetica,serif;background:#fff;color:#000;padding:0 0 2em; background:url(../images/bg.gif) repeat-x 0 0;}
a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}
a.link {color:#0079FF; text-decoration:underline;}
p {margin:0 0 1em;}
button {cursor:pointer;}
ol { margin-left:10px; list-style-position:inside; list-style:decimal;}
/* basic layout */
#site {font-size:1.2em; width:930px; margin:0 auto;}
#header {height:153px;}
#body {float:left;margin:0 0px 10px 0px; }
#leftbar {float:left; width:198px;}
#content {float:left; width:503px; margin:0 10px 0 0px; padding-top:10px;}
#contentHome {float:left; width:702px; margin:0 10px 0 20px; padding:10px 0px; }
#sidebar {float:left; width:169px;display:block; background-color:#efefef; padding:10px}
#footer {float:left; width:930px; margin-bottom:15px;}
#content h2, #contentHome h2 {color:#0079FF; font-size:1.4em; font-weight:bold; margin:7px 0;}
#content h3, #contentHome h3 {color:#0079FF; font-size:1.1em; font-weight:bold; margin:7px 0;}
#content h1, #contentHome h1 {color:#0079FF; font-size:1.6em; font-weight:bold; margin:7px 0;}
#breadcrumbs {font-size:0.8em; color:#666666;}
#breadcrumbs a {color:#666666;}
#content ul, #contentHome ul {margin-left:10px;}
#content ul li, #contentHome ul li {margin:5px 0; background:url(../images/bullet.gif) no-repeat 0 5px; padding-left:10px; zoom:1}
#content img.left {float:right; margin:0 0 10px 10px;}
hr {border-bottom:1px solid #0079ff; border-left:none; border-right:none; border-top:none; background:none; display:block; width:100%; height:1px;}
/*TABLES
------------------------------ */
table {border-collapse:collapse;border-spacing:0; margin:0 0 10px 10px; text-align:left;}
table td {border-bottom:1px solid #0079FF;padding:3px 10px 3px 5px;}
table td.center {text-align:center;}
table th { background-color:#0079FF;padding:3px 20px 3px 5px;color:#FFFFFF;font-weight: bold; font-size:1.1em; }
table th.left {text-align:left;}
#contentHome table.rezultati {margin:0 20px 20px 0px; float:left; width:320px;}
#contentHome table.rezultati td {padding:3px 10px 3px 5px; border-bottom:0}
#contentHome table.rezultati td.center {text-align:center;}
#contentHome table.rezultati tr.sel td {background-color:#e4eefd;}
#contentHome table.rezultati th { background-color:#0079FF;padding:3px 20px 3px 5px;color:#FFFFFF;font-weight: bold; font-size:1.1em;text-align:left; }
#contentHome table.rezultati th.light { background-color:#FFFFFF;padding:3px 20px 3px 5px;color:#0079FF;font-weight: bold; font-size:1.1em;text-align:left; }
/*HEADER
--------------------------------*/
/*topNavigation*/
#topNavigation {height:15px; font-size:0.9em; color:#fff; padding:0px 0 0 0;background:url(../images/header-crta.gif) no-repeat 0px 0px ;}
#topNavigation ul {float:right;}
#topNavigation ul li {float:left; border-right:1px solid #fff; padding:0 5px; line-height:11px;}
#topNavigation ul li.last {border-right:none;}
#topNavigation ul li a {color:#fff; text-decoration:none;}
#topNavigation ul li a:hover {text-decoration:underline;}
#topNavigation span {float:left; width:350px;}
/*logo*/
.randomimages {float:left;display:block; width:270px; height:136px; text-indent:-9999px; margin:-1px 0 0 140px; background:url(../images/randomimage1.png) no-repeat 0 0;}
.logoModrakarica {float:right;display:block; width:155px; height:36px; margin:10px 0 0 0px;}
.logoModrakarica a {width:155px; height:36px;background:url(../images/logo-modra-kartica.gif) no-repeat 0 0;text-indent:-9999px; display:block;}
/*logo*/
#header a.logoA {display:block; width:198px; height:138px; text-indent:-9999px; background:url(../images/logo.png) no-repeat 0 0;float:left;}
/*search*/
#search {margin: 65px 0 0 165px; text-align:right; float: right;width:125px;}
#search button {background:url(../images/search-submit.gif) no-repeat 0 2px;width: 10px;height: 23px;border: none;float:left;text-indent:-9999px;margin:0 0 0 4px;padding:0;}
.searchInput {width: 104px;border: solid 1px #202b4e;height:15px;padding:2px 0 0 5px;color: #484848;font-size:11px;float:left;}
/*NAVIGATION
--------------------------------*/
ul#navigation {background: #f4f6fa url(../images/bg-navigation.jpg) no-repeat 0 100%; padding:0 10px;}
ul#navigation li {background: url(../images/bullet-nav.gif) no-repeat 0 10px; padding:7px 0 7px 10px; border-bottom:#B7D3FF 1px solid;display:block;}
ul#navigation li.last {border-bottom:none;}
ul#navigation li a {color:#0079FF; text-decoration:none; font-weight:bold; font-size:1.1em;}
ul#navigation li a:hover {text-decoration:underline;}
ul#navigation li.selected a{text-decoration:underline; color:#0079FF;}
ul#navigation li ul {background:none; border: none; margin-bottom:0; padding-bottom:0; width:165px; margin-top:5px; display:block;}
ul#navigation li ul li {padding:10px 0;background: url(../images/bullet-nav.gif) no-repeat 0 15px; border: none;}
ul#navigation li.selected ul li a{color:#000000; padding-left:10px; font-weight:normal; display:block;}
ul#navigation li.selected ul li a:hover {color:#284778;}
ul#navigation li.selected ul li.selected a {color:#284778; padding-bottom:0px;}
ul#navigation li.selected ul li {width:165px; padding-bottom:0}
h2.naslPravila {height:40px;width:118px; margin-top:10px;padding:12px 0 0 80px;background: #FFFFFF url(../images/nasl-pravila.gif) no-repeat 0px 0px ;color:#484848; font-size:1.4em; font-weight:bold;}
h2.naslPravila a { text-decoration:none;}
.gumbPrijava {float:left;height:30px;width:112px; margin-top:10px;padding:14px 0 0 40px;background:url(../images/gumbPrijava.gif) no-repeat 0px 0px ;color:#FFFFFF; font-size:0.9em; font-weight:bold; margin-right:8px}
.gumbPreteklaPrijava {height:23px;width:150px; margin-bottom:10px;padding:9px 0 0 10px;background:url(../images/gumb-sidebar.gif) no-repeat 0px 0px ;color:#484848; font-size:0.9em; font-weight:bold;}
.gumbPrijava a { text-decoration:none;color:#FFFFFF;}
.gumb {height:23px;width:120px; margin-bottom:10px;padding:9px 0 0 40px;background:url(../images/gumb-sidebar.gif) no-repeat 0px 0px ;color:#484848; font-size:1.0em; font-weight:bold;}
.gumb a{text-decoration:none; color:#484848;}
.gumbPDF {float:left;height:23px;width:120px; margin-bottom:10px;padding:9px 0 0 40px;background:url(../images/gumb-pdf-sidebar.gif) no-repeat 0px 0px ;color:#484848; font-size:1.0em; font-weight:bold;}
.gumbPDF a{text-decoration:none; color:#484848;}
.popraviPrijavo {float:left;height:30px;width:112px; margin-top:10px;padding:14px 0 0 40px;background:url(../images/gumbPrijava.gif) no-repeat 0px 0px ;color:#FFFFFF; font-size:0.9em; font-weight:bold; margin-right:8px}
.popraviPrijavo a { text-decoration:none;color:#FFFFFF;}
.gumbSkupni { float:left;height:31px;width:112px; margin-top:10px;padding:14px 0 0 40px;background:url(../images/gumbSkupni.gif) no-repeat 0px 0px ;color:#FFFFFF; font-size:0.9em; font-weight:bold;}
.gumbSkupni a { text-decoration:none;color:#FFFFFF;}
/*hitrePovezave
--------------------------------*/
#hitrePovezave {display:block; width:178px; height:198px; background: url(../images/hitre_povezave-bg.jpg) no-repeat 0 0; margin:5px 0px 15px 0px;padding:10px;}
#hitrePovezave h2 {color:#0079ff; font-size:1.1em; font-weight:bold;}
ul.hitrePovezave {margin:0 0 0 0px; padding:0;}
ul.hitrePovezave li {padding-left:8px; background:url(../images/bullet-hitre_povezave.gif) no-repeat 0px 4px; margin:5px 0px;color:#0079ff; font-weight:bold; zoom:1}
ul.hitrePovezave li a{text-decoration:none;}
ul.hitrePovezave li a:hover{text-decoration:underline;}
/*SUBnavigation
--------------------------------*/
#box { display:block; width:701px;height:31px; background: url(../images/box-bg.gif) no-repeat 0 0; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
#box ul { float:left;height:16px; padding:5px 0px 0px 0px;}
#box ul li { display:block; float:left; border-right:1px solid #ed1b23; height:18px; padding:0px 15px 0px 15px ;background:none;}
#box ul li.last {display:block; float:left; height:18px; padding:0px 15px 0px 15px; border:none; background:none}
#box ul li a { color:#ed1b23; font-size:1.1em; text-decoration:none;}
#box ul li:hover, #box ul li.selected {color:#ed1b23; text-decoration: underline;}
/*NEWS
--------------------------------*/
#news {width:350px; float:left; margin-right:20px}
#news ul {display:block; width:350px;margin-left:0;}
#news ul span.date { font-size:0.8em;}
#news ul a { font-weight:bold; }
#news ul p a { color:#0079FF; font-weight:bold; text-decoration: underline;}
#news ul p a:hover { text-decoration:none;}
#news ul li {font-size:1.0em; margin:15px 0 15px 0; background:none; padding-left:0;border-bottom: 1px #0079FF solid}
#news ul li.last {font-size:1.0em; margin:15px 0 15px 0; background:none; padding-left:0;border:none;}
#news ul li p { margin:0px 8px 10px 0;}
a.archive {color:#0079FF;font-weight:bold; text-decoration:none; background:url(../images/lastNews.gif) no-repeat 100% 3px; padding-right:10px; margin-top:5px; float:right}
/*EVENTS
--------------------------------*/
#events {width:312px; float:left; background-color:#efefef; padding:10px}
#events ul {display:block; width:302px; margin-left:0;}
#events ul li p span { font-size:0.9em; float:right;width:40px; text-align:right}
#events ul li p span a { font-weight:bold; color:#0079FF; text-decoration: none;}
#events ul a { font-weight:bold; color:#0079FF; text-decoration: none;}
#events ul a:hover { text-decoration: underline;}
#events ul li {font-size:0.9em; margin:5px 0; background:none; padding-left:0;}
#events ul li p { width:312px;padding-left:0; margin:0px 0; }
#events ul li p a { font-weight:bold; color:#000; text-decoration: none;}
/* Footer
------------------------------ */
ul.sponzorji {border-top:#c3c3c3 solid 1px; border-bottom:#c3c3c3 solid 1px; padding-left:5px; height:50px;}
ul.sponzorji li {float:left; height:50px;}
ul.sponzorji li a.upc {background:url(../images/upc.gif) no-repeat 0 50%; height:50px; display:block; width:50px; text-indent:-9999px; margin-right:120px;}
ul.sponzorji li a.sloveniaski {background:url(../images/sloveniaski.gif) no-repeat 0 50%; height:50px; display:block; width:130px; text-indent:-9999px; margin-right:15px;}
ul.sponzorji li a.kopalisce {background:url(../images/kopalisce.gif) no-repeat 0 50%; height:50px; display:block; width:50px; text-indent:-9999px;}
span.prijatelji {margin-left:80px; font-size:0.9em;}
span.medijski {font-size:0.9em; margin-left:5px;}
#copy {float:left; font-size:0.8em; color:#999;}
#copy a {color:#999;}
#web {float:right;}
#web a {color:#999; font-size:0.8em;}
#web .design {text-decoration:none;}
#foot {width:930px;}
/* FORMS
-------------------------------------*/
.sidebarPrijava {float:left; width:169px;display:block; background-color:#FFFFFF; padding:10px; margin-left:20px}
#formPassword {float:left;background:#f2f2f2; padding:10px 15px; width:320px; margin-top: 15px;}
#formPassword ol li {list-style:none;}
#formPassword ol li.submitButton {background:#6bc8ed; border:none; width:65px; font-weight:bold; font-size:0.9em; color:#fff; padding:3px 0; cursor:pointer; margin-top:15px;}
#formPrijava {float:left;background:#f2f2f2; padding:10px 15px; width:400px;}
#formPrijava legend {font-weight:bold; font-size:1.2em; margin-bottom:5px;}
#formPrijava ol li {list-style:none; padding:2px 0; margin:0; height:20px;}
#formPrijava ol li.text {height:25px; margin-bottom:10px; line-height:15px;}
#formPrijava ol li label {width:120px;display:block; float:left; margin-right:5px; padding-top:2px; text-align:right;}
#formPrijava ol li input {float:left; margin-right:5px;}
#formPrijava ol li input.radioButton {float:left; margin-right:5px;}
#formPrijava ol li label.radioLabel {width:30px;display:block; float:left; margin-right:5px; padding-top:2px; text-align:right;}
#formPrijava ol li.none label {width:auto; display:block; float:left; padding-top:4px; text-align:left;}
#formPrijava ol li.none input {float:left; margin-right:5px;}
.submitButton {background:#6bc8ed; border:none; width:65px; font-weight:bold; font-size:0.9em; color:#fff; padding:3px 0; cursor:pointer;}
.requiredText,.required {color:#ef9701;}
#errorMessage,.errorMessages {border:1px solid #eb2932;width:400px;background-color:#FFFFFF;color:#eb2932;padding:15px; margin-bottom: 15px;}
#errorMessage ul,.errorMessages ul{padding:0 0 0 0;margin:0 0 0 0;}
#errorMessage ul li,.errorMessages ul li{background:url(../images/bullet.gif) no-repeat 0 6px;padding:0 0 0 10px;margin:0 0 10px 0;line-height:1.2em;}
#errorLockedMaraton {border:1px solid #eb2932; width:400px; background-color:#FFFFFF; color:#eb2932;padding:15px; margin-bottom:10px;}
/**************Galerija*****************/
#contentHome .thumbs li {display:block; display:inline;}
#contentHome div.thumbs ul li {float:left;width:80px; height:55px;text-align:center;background:none}
#contentHome div.thumbs {padding:2px; background:#f9f9f9; border:1px solid #aaa;}
div.thumbs ul li a img.thumb {height:55px;width:80px;}
/* DEVELOPMENT
------------------------------ */
.hidden {display:none;}
/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, #topNavigation:after, #body:after, #partners:after, ul.sponzorji:after, ul.news:after, #site:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}