/*BARVE

Modra: #4B6BAA
Oranžna: #EB6E08
Rdeča: #c30f1f
Temno siva: #3E3D40
Svetlo siv: #87888A
*/

/*
BODY
----------------------------------------------------------*/
* { margin:0; padding:0; }
body { background:#fff url(../slike/bg_header.gif) top repeat-x; color:#3E3D40; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }

/*
GENERIC STYLES
----------------------------------------------------------*/
.clear { clear:both; }
.divider { clear:both; border-bottom:dotted 1px #D8D8D8; height:18px; margin-bottom:17px;  }
.left { float:left; margin:3px 8px 3px 0; }

/*
BASIC STYLES
----------------------------------------------------------*/
p,ul,dl,ol { padding-bottom:13px; }
ol { list-style:decimal; }
small {font-size:11px; color:#EB6E08; padding-bottom:4px; display:block; font-weight:normal;}
legend {font-size:13px; color:#de1738; font-weight:bold; padding:3px;}
hr {border: 0; background-color:#dcd6d0; color:#dcd6d0; height:1px; margin-bottom:13px; clear:both;}
blockquote {padding:13px 13px 0 13px; margin-bottom:13px; font: normal 13px Arial, Helvetica; color:#de1738; border:solid 1px #de1738; background:#f3f1ef;}
abbr {font-style:normal; color:#8B7965; font-size:11px; cursor: help}
table {border-collapse:collapse; width:100%; margin-bottom:13px;}
table th {background:#E91738; color:#fff; padding:5px;}
table tr:hover {background:#f3f1ef;}
table td{border-color:#e5e0dc;border-width:1px;border-style:solid;text-align:center; padding:5px;}

/*
HEADINGS
----------------------------------------------------------*/
h1 { font-family:"Times New Roman", Times, serif; font-weight:normal;  color:#4B6BAA; font-size:22px; margin-bottom:7px; }
h2 { font-family:"Times New Roman", Times, serif; font-weight:normal;  color:#4B6BAA; font-size:18px; margin-bottom:7px;  }
h3 { font-family:"Times New Roman", Times, serif; font-weight:normal;  color:#4B6BAA; font-size:16px; margin-bottom:5px;  }
h4 { font-family:"Times New Roman", Times, serif; font-weight:normal;  color:#4B6BAA; font-size:14px; }
	h4.comments { margin-left:120px;}
h2 a, h3 a, h4 a { color:#4B6BAA; }
/*
IMAGES
----------------------------------------------------------*/
img {border:none; display:block;}
/*
LINKS
----------------------------------------------------------*/
a { color:#EB6E08; text-decoration:none; }
a:hover { text-decoration:none;}
a.vec { color:#c30f1f; }
/*
LAYOUT
----------------------------------------------------------*/
#container { width:940px; padding:0 10px; margin:0 auto; }

/*
HEADER
----------------------------------------------------------*/
#header { height:353px; margin-top:17px; position:relative; }
#header .logo { width:417px; overflow:hidden; height:72px; float:left; }
#header .twitter_feed {  position:absolute; right:0; top:0; width:399px; height:54px; background:transparent url(../slike/bg_tweet_feed.gif) top left no-repeat; font-size:11px; padding: 4px 10px 10px 60px;} 
#header .twitter_feed p { line-height:15px; padding-bottom:0; color:#73899f;}
#header .twitter_feed p a {color:#68C9E9;}

/* main navigation */
#header .nav_bar { position:relative;}
#header .nav_bar ul.nav { list-style:none; margin:0; padding:0;  }
#header .nav_bar ul.nav li { margin:0; padding:0; float:left; text-align:center; }
#header .nav_bar ul.nav li a { color:#fff; padding:6px 10px 7px 10px; display:block; text-decoration:none; border-left:solid 1px #7795BF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
#header .nav_bar ul.nav li a:hover { color:#EB6E08; }

/* search box */
#header .nav_bar form fieldset { margin:0; padding:0; width:190px; float:left; border:none; margin-left:20px; position:relative;}
#header .nav_bar form fieldset input { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#87888A; padding:2px; position:absolute; top:6px; left:0; height:15px; border:0; width:150px;}
#header .nav_bar form fieldset input.submit { width:25px; height:19px; background:#DFF4FA; color:#000; color:#2E518E;  position:absolute; top:6px; left:155px;}
/* social media icons */
#header .nav_bar ul.social_media { list-style:none; margin:0 0 0 230px; padding:0; float:left; }
#header .nav_bar ul.social_media li { margin:8px 5px 0 5px; padding:0; float:left; text-align:center; }
#header .nav_bar ul.social_media li a { width:16px; height:16px; display:block; text-indent:-9000px; background:transparent url(../slike/social_media_ico.png) no-repeat;}
#header .nav_bar ul.social_media li a.facebook { background-position: 0 0 ;}
#header .nav_bar ul.social_media li a.twitter { background-position: -16px 0 ;}
#header .nav_bar ul.social_media li a.youtube { background-position: -32px 0 ;}
#header .nav_bar ul.social_media li a.vimeo { background-position: -48px 0 ;}

/* push */
#header .push { margin:22px 0; width:518px; border:solid 1px #b1b2b4; position:relative; font-family:Arial, Helvetica, sans-serif; float:left;}
#header .push .text { position:absolute; background:transparent url(../slike/bg_push_blue.png) top repeat-x; height:165px; width:210px; padding:10px; color:#fff; position:absolute; top:10px; right:10px;  }
#header .push .text small {font-weight:bold;}
#header .push .text h1 {font-family:"Arial Black", arial; font-size:15px; margin-bottom:10px;}
#header .push .text h1 a { color:#fff; display:block; }
#header .push .text h1 a:hover { color:#EB6E08;}
#header .push .text p a { font-weight:bold; color:#fff; }

/* tabs nav */
#header ul.tabNav {list-style:none; margin:0; padding:0; height:27px; z-index:1; position:absolute; left:0; top:-7px; }
#header ul.tabNav li {margin:0 10px 0 0; padding:0; float:left; }
#header ul.tabNav li a { color:#7F7F7F; font-family:"Arial Black", arial; font-size:12px; text-decoration: none;  border-left:solid 1px #b1b2b4; border-top:solid 1px #b1b2b4; border-right:solid 1px #b1b2b4; }
#header ul.tabNav li a.sprite {background: url(../slike/tab_fotobalerija.gif) no-repeat;height:22px; width:94px; padding:5px 0 0 35px; display:block; }
#header ul.tabNav li a#foto { background-position:-131px 0; }
#header ul.tabNav li a#foto.selected {color: #3E3D40;background-position:0 0;}
#header ul.tabNav li a#video { background-position:-391px 0; }
#header ul.tabNav li a#video.selected {color: #3E3D40;background-position:-260px 0;}
#header ul.tabNav li a:hover { color:#3E3D40; }
#header ul.tabNav li a:focus { 	outline: 0;  }

/* tab box */
#header .tabs {  margin:29px 0 22px 20px; padding: 20px 0 0 0; width:398px; float:left; position:relative; }
#header .tabs .tab_wrap { background:#fff; border:solid 1px #b1b2b4; height:157px; padding:10px;}
/*video*/
#header .tabs .tab_wrap#video_tab {overflow: auto; }
#header .tabs .tab_wrap#video_tab ul { padding:0; margin:0; list-style:none; }
#header .tabs .tab_wrap#video_tab ul li a { padding:0; margin:0; }
#header .tabs .tab_wrap#video_tab ul li a img { margin:0 10px 0 0; padding:0; float:left; }
#header .tabs .tab_wrap#video_tab ul li { font-size:11px; margin-bottom:10px; padding-bottom:10px; border-bottom:dotted 1px #b1b2b4; }
#header .tabs .tab_wrap#video_tab ul li h3 { font:normal 12px Arial, sans-serif; margin:0; padding:0; float:left; }
#header .tabs .tab_wrap#video_tab ul li h3 a {display:block;}
/*foto*/
#header .tabs .tab_wrap#foto_tab {overflow: auto; }
#header .tabs .tab_wrap#foto_tab ul { padding:0; margin:0; list-style:none; }
#header .tabs .tab_wrap#foto_tab ul li a { padding:0; margin:0; }
#header .tabs .tab_wrap#foto_tab ul li a img { margin:0 10px 0 0; padding:0; float:left; }
#header .tabs .tab_wrap#foto_tab ul li { font-size:11px; margin-bottom:10px; padding-bottom:10px; border-bottom:dotted 1px #b1b2b4; }
#header .tabs .tab_wrap#foto_tab ul li h3 { font:normal 12px Arial, sans-serif; margin:0; padding:0; float:left; }
#header .tabs .tab_wrap#foto_tab ul li h3 a {display:block;}

/*
CONTENT
----------------------------------------------------------*/
#content_wrap { background:#fff url(../slike/bg_content.gif) left repeat-y;}

/* content */
#content_wrap .content { float:left;  width:620px; padding:60px 20px 30px 0; position:relative; }

/* sub navigation */
#content_wrap .content ul.sub_nav { list-style:none; position:absolute; padding:0; top:0; left:120px;}
#content_wrap .content ul.sub_nav li { float:left; padding-right:15px; text-align:center; }
#content_wrap .content ul.sub_nav li a { background:transparent url(../slike/sub_nav.gif) top left no-repeat; width:148px; height:25px; display:block; font-family:"Arial Black", arial; text-transform:uppercase; color:#7F7F7F; font-size:11px; }
#content_wrap .content ul.sub_nav li a:hover, #content_wrap .content ul.sub_nav li a.selected {color:#3E3D40;}
/* left block */
#content_wrap .content .entry_left { margin-right:20px; padding:0; width:100px; float:left; }
#content_wrap .content .entry_left img { margin-top:5px; }
/* left block navigation */
#content_wrap .content .entry_left ul.strani_nav { list-style:none; width:100px; }
#content_wrap .content .entry_left ul.strani_nav li a { border-bottom:dotted 1px #D8D8D8; padding:3px 0; display:block; font-size:11px; }
#content_wrap .content .entry_left ul.strani_nav li a:hover, #content_wrap .content .entry_left ul.strani_nav li a.selected {color:#4B6BAA;}
/* right block */
#content_wrap .content .entry_right { width:500px; float:left; }
#content_wrap .content .entry_right a.entry_comments {height:13px; width:115px; font-size:8px; padding:2px 20px 3px 20px; color:#3E3D40; text-transform:uppercase; background:url(../slike/bg_comments.gif) top left no-repeat;}
#content_wrap .content .entry_right a.apply_for_event {height:13px; width:125px; font-size:8px; padding:2px 18px 3px 22px; color:#3E3D40; text-transform:uppercase; background:url(../slike/bg_event.gif) top left no-repeat;}

/* photogalery */
#content_wrap .content .entry_right ul.fotogalerija { list-style:none; padding-bottom:0;}
#content_wrap .content .entry_right ul.fotogalerija li { float:left; margin-left:20px; margin-bottom:10px;}

/* poll entries */	
#content_wrap .content .entry_right.poll ul{ list-style:none; }
#content_wrap .content .entry_right.poll .lg-poll-results { padding:10px; background:#EFF6FF; border:dotted 1px #4B6BC8; }
#content_wrap .content .entry_right.poll .lg-poll-results ul li { border-bottom:dotted 1px #D8D8D8; padding:5px 0; }

/* comments: form and entries */
#content_wrap .content .comment_form ul  { list-style:none; margin:20px 0 20px 120px; padding:30px 50px 20px 50px; width:400px; float:left; background:#F7F7F8;}
#content_wrap .content .comment_form ul li label { display:block; margin-top:16px;  color:#3E3D40; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#content_wrap .content .comment_form ul li input.input, .comment_form ul li textarea.textarea {width:400px; border:solid 1px #cbcdd1; padding:3px; color:#3E3D40; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#content_wrap .content .comment_form ul li.captcha { margin-top:15px;}
#content_wrap .content .comment_form ul li input.submit_comment {background:#8FAF0A; color:#fff; border:none; padding:2px; margin:10px 0;}
#content_wrap .content ol.comments { margin:0; font-size:12px; font-style:italic; line-height:18px; width:500px; margin-left:120px;}
#content_wrap .content ol.comments small {font-style:italic; }
#content_wrap .content ol.comments li { border-bottom:dotted 1px #D8D8D8; padding:10px 0;  }
#comment_form ul li .submit { margin-top:16px; }

/* Left block for static pages */
#content_wrap .content .entry_block { width:620px; float:left; }
#content_wrap .content .entry_block ul.search_list { margin-top:25px;}
#content_wrap .content .entry_block ul.search_list li { margin-bottom:10px; padding-bottom:10px; border-bottom:dotted 1px #b1b2b4; }

/* Forms */
#content_wrap .content .entry_block ul#contact_form   { list-style:none; padding:10px; background:#EFF6FF; border:dotted 1px #4B6BC8; }
#content_wrap .content .entry_block ul#contact_form li {border-bottom:dotted 1px #D8D8D8; margin-top:10px; padding-bottom:10px;}
#content_wrap .content .entry_block ul#contact_form li label { display:block; float:left; width:150px;  color:#3E3D40; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#content_wrap .content .entry_block ul#contact_form li input {float:left; width:400px; border:solid 1px #cbcdd1; padding:3px; color:#3E3D40; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#content_wrap .content .entry_block ul#contact_form li.captcha { margin-top:15px;}
#content_wrap .content .entry_block ul#contact_form li input.submit {background:#8FAF0A; color:#fff; border:none; padding:2px; margin:10px 0; width:70px;}
div.error { color:#C30F1F; width:350px; padding-left:150px; }


/*
ASIDE
----------------------------------------------------------*/
#aside { float:left; width:280px;  padding-left:20px; color:#87888A;}

/* newsletter form */
#aside .newsletter { background:url(../slike/bg_newsletter_box.gif) repeat-y; border-right:solid 1px #dfe3eb; border-bottom:solid 1px #dfe3eb; width:268px; margin-left:-20px; padding:10px 10px 10px 20px; font-size:11px;}
#aside .newsletter p span { text-transform:uppercase; color:#c30f1f;}
#aside .newsletter input.input {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#87888A; padding:2px; margin-top:6px; height:15px; border:0; width:200px; border:solid 1px #B1B2B4;}
#aside .newsletter .submit { }

/* RSS feeds */
#aside .newsletter ul#feeds { list-style:none; padding:8px 0 0 0;  border-top:dotted 1px #fff; }
#aside .newsletter ul#feeds li a { background:transparent url(../slike/feed_ico.gif) center left no-repeat; padding:3px 0 3px 20px; color:#4B6BAA; display:block; }

/* next_event cloud */
.next_event { background:url(../slike/bg_red_cloud.gif) bottom left no-repeat; padding:0 0 30px 0; margin:20px 0 10px 0; }
.next_event p { background:url(../slike/bg_red_cloud.gif) top left no-repeat; padding:10px 10px 0 10px; color:#C30F1F; font-size:11px; }
.next_event a { color:#C30F1F; text-decoration:underline; }
/* mini calendar */
#aside .event_calendar h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase;  }
#aside table.mini_calendar { width:280px; border-collapse:collapse;}

#aside table.mini_calendar th { background:#fff; color:#4B6BAA; padding:0; text-align:left; }
#aside table.mini_calendar td.calendarDayHeading { font-weight:bold; color:#4B6BAA; }
#aside table.mini_calendar td.calendarBlank { color:#bfc2c7; }
#aside table.mini_calendar td.calendarToday { background:#c30f1f; color:#fff;}
#aside table.mini_calendar td.calendarToday a { color:#fff;}
#aside table.mini_calendar td a { display:block; color:#c30f1f;}
#aside table.mini_calendar td{border:solid 1px #dfe3eb; text-align:center; padding:5px;}
#aside table.mini_calendar td {background:#eff5ff url(../slike/bg_calendar_small.gif) top repeat-x; }

/* poll aside*/
#aside .poll { border:solid 1px #dfe3eb; background:#eff5ff; position:relative; margin-bottom:10px;}
#aside .poll p {padding:0; margin:0; }
#aside .poll a.arhiv { position:absolute; top:5px; right:10px; color:#87888A; font-size:11px;}
#aside .poll h3 { background:url(../slike/bg_poll_h3.gif) top repeat-x; padding:5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; }
#aside .poll h3 span { background:transparent url(../slike/poll_icon.gif) center left no-repeat; padding:5px 0 0 20px;}
#aside .poll p.voted { background:#F1F6E7 url(../slike/icon_accept.png) center left no-repeat; padding:3px 3px 3px 22px; color:#649E00; border:solid 1px #D5E5B9; margin:10px;}
#aside .poll p, #aside .poll ul { padding:0 10px 10px 10px;  }
#aside .poll ul { list-style:none; }
#aside .poll input.vote { background:#8FAF0A; color:#fff; border:none; padding:2px; margin:0 0 10px 10px;}
#aside .poll .lg-poll-results ul li { border-bottom:dotted 1px #D8D8D8; padding:5px 0; }
.percentage { background:#335699; }
.percentage small { color:#D9E9FF; padding:0 5px; font-size:10px; }
	


/* banners */
#aside img.banner { border:solid 1px #dfe3eb; margin-bottom:10px; }

/*
FOOTER
----------------------------------------------------------*/
#footer { border-top:solid 1px #dfe3eb; background:#fff url(../slike/bg_footer_r.gif) 640px repeat-y; padding:10px; font-size:11px;  }
#footer img { float:left; }
#footer .f_left { float:left; width:630px; text-align:center; color:#87888A;}
#footer .f_left div { width:500px; margin:0 auto; }
#footer .f_right { float:left; width:270px; padding:10px; padding-top:0; }
#footer .f_right img { margin-right:10px; }
#footer .f_right address {float:left; width:170px; line-height:14px; font-style:normal;}