/*

	COLORS
	red: #f53357
	orange: #f2a422
	blue: #4887c6
	green: #bdd745
	grey: #7c7676
	
	text: #535355
	links: #4887c6
	
*/


/* 1. RESET and BODY
---------------------------------------------------------------------- */
* { margin:0; padding:0;}
body {font-family:Georgia; font-size:13px; color:#535355; background:#fff url(../slike/toolbar_bg.gif) top repeat-x;}


/* 2. DEFAULT STYLING
---------------------------------------------------------------------- */
p,ul,dl,ol { padding-bottom:13px; line-height:16px; }
ol { list-style:decimal; }
small {font-size:10px; color:#c4bbb1; padding-bottom:2px; font-family:arial; display:block;}
cite {font-size:11px; color:#49413c;}
fieldset {border:solid 1px #ede9e5;}
legend {}
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:#535355; border:solid 1px #4787C5; background:#C2DAEF;}
blockquote ul { margin-left:13px;}
abbr {font-style:normal; color:#8B7965; font-size:11px; cursor: help}
table {border-collapse:collapse; width:100%; margin-bottom:13px;}
table th {}
table tr:hover {background:#f3f1ef;}
table td{border-color:#e5e0dc;border-width:1px;border-style:solid;text-align:center; }

/* links */
a { color:#003a68; text-decoration:none;}
a:hover {text-decoration: underline;}
a.vec { font:bold 12px arial;}
/* images */
img {border:none; display:block;}


/* headings */
h2 { font-family:arial;}
h3 { font:bold 14px arial; padding-bottom:7px;}
h4 { font-family:arial; font-size:12px;}
h5 { font-family:arial;}
h6 { font-family:arial;}

/* GENERIC CLASSES */
.clear {clear:both;}
.divider { border-top:solid 1px #ccc; margin-bottom:3px; clear:both;}
.left {float:left; margin-right:15px; margin-bottom:5px;}
.right {float:right; margin-left:15px; margin-bottom:5px;}


/* 3. HEADER
	---------------------------------------------------------------------- */
/* toolbar */	
#tool_bar {  height:33px;  color:#fff; width:960px; margin: 0 auto;	font:normal 11px arial; color:#fff; position:relative;}	

#tool_bar ul.links { padding:0; list-style:none;  }
#tool_bar ul.links li {float:left;}	
#tool_bar ul.links li a { color:#818386; text-decoration:none; font:normal 11px arial; border-right:dotted 1px #818386; padding:8px; display:block; }	
#tool_bar ul.links li a:hover {color:#fff;}

#tool_bar input { font:normal 11px arial; color:#818386; height:13px;}
#tool_bar .submit {height:auto;  border:none; background:transparent; color:#818386; cursor:pointer;}
#tool_bar .search, #tool_bar .news_subscription { float:right; margin-top:5px;}	

/* header elements */
#header {width:960px; margin:0 auto; position:relative;}

#header	.logo { width:376px; float:left; }
#header	.logo small { color:#4887c6; font-size:10px; font-family:arial; text-align:right; font-weight:bold; margin-top:10px;}	
#header	.logo h1#logo { width:376px; height:68px; background:transparent url(../slike/logotip.gif) top left no-repeat; text-indent:-9000px; }
#header	.logo h1#logo a { display:block; height:68px;}

#header	.print_version { float:left; width:80px; font:normal 11px arial; margin:57px 0 0 30px; }
#header	.print_version a { height:15px; display:block; padding:3px 0 0 21px; background:transparent url(../slike/pdf_ico.gif) no-repeat; background-position: 0 0; color:#f1b5a0; text-decoration:none; }
#header	.print_version a:hover { background-position: 0 -18px; color:#a11d20;}	

#header .head_article { position:absolute; right:0; bottom:70px; height:80px; width:290px; z-index:-1;}
#header .head_article p {padding-top:15px; font-size:11px; font-style:italic;}	
#header .head_article img {float:right;}
#header .head_article p strong { font:normal bold 11px arial;}

/* main navigation */
#main_nav { padding:0; margin:15px 0 0 0; height:45px;  list-style:none;}
#main_nav li { margin:0; padding:0; float:left;  }
#main_nav li a { width:180px; display:block; margin-left:15px; padding-bottom:3px; font:bold 12px arial; color:#6F6F6F; text-transform: lowercase;}
#main_nav li a:hover {text-decoration:none; color:#353132;}
#main_nav li a.red { border-bottom:solid 11px #f53357; margin-left:0;}
#main_nav li a.orange { border-bottom:solid 11px  #f2a422;}
#main_nav li a.blue { border-bottom:solid 11px  #4887c6;}
#main_nav li a.green { border-bottom:solid 11px  #bdd745;}
#main_nav li a.grey { border-bottom:solid 11px  #7c7676;}

/* PUSH */
#push { background:#ececee url(../slike/push_top_border.gif) top repeat-x; width:100%; padding:15px 0; border-bottom:solid 1px #c9cacb;}
#push .push_content {width:960px; margin:0 auto; }


/* HOMEPAGE TABS
	---------------------------------------------------------------------- */
/* tab holder */
#push .tab_wrap {width:520px;float:left; margin-right:15px; }

/* tab pane styling */
#push .tab_wrap div.panes div.pan_clanek, #push .tab_wrap div.panes div.pan_foto, #push .tab_wrap div.panes div.pan_video {	 padding:10px; border:1px solid #999; border-top:0; height:265px; background-color:#fff; color:#535355;}
#push .tab_wrap div.panes div small { font-size:12px; font-weight:bold;  font-family:arial; margin-bottom:10px; color:#535355;}
#push .tab_wrap div.panes div h2 {line-height:18px; margin-bottom:13px; font-size:16px;}
#push .tab_wrap div.panes div h2 a { color:#535355; text-decoration:none;}
#push .tab_wrap div.panes div .pan_inside_left { float:left; width:225px; border:none; margin:0 15px 0 0; padding:0;}
#push .tab_wrap div.panes div .pan_inside_left img { border:solid 1px #a7a6aa; margin:0; padding:0;}
#push .tab_wrap div.panes .pan_video {overflow: auto; height:250px;}
#push .tab_wrap div.panes .pan_video ul {margin:0; padding:0; list-style:none; }
#push .tab_wrap div.panes .pan_video ul li { padding:8px 0; border-bottom:dotted 1px #7C7676;}
#push .tab_wrap div.panes .pan_video ul li img {float:left; width:120px;height:72px; margin-right:7px;}
#push .tab_wrap div.panes .pan_video ul li a {font:bold 12px arial;}

/* aktualno */
#push .latest_news {float:left; width:230px; height:265px; color:#535355; margin-right:15px;}
#push .latest_news h3 { background: url(../slike/tab_buttons.png) no-repeat -420px -62px; padding:8px 0 0 0; display:block; height: 22px; line-height:16px; width: 134px; text-align:center; margin:0px; position:relative; top:1px; }
#push .latest_news ul {height:265px; width:207px; padding:10px; border:1px solid #999;  background-color:#fff; list-style:none; }
#push .latest_news ul li { margin:0; padding:0 0 20px 0; font-size:11px; line-height:12px; font-family:arial; }
#push .latest_news ul li small {padding:0; margin:0; font-family:arial; color:#535355; display:inline; }
#push .latest_news ul li a { color:#535355;}
#push .latest_news ul li img { float:left; border:solid 1px #2d2b2c; margin-right:7px;}

/* uvodnik */
.push_content .intro {float:left; width:180px; font-size:12px; height:318px; position:relative; }
.push_content .intro img {float:left; border:solid 1px #2d2b2c; margin-right:7px;}
.push_content .intro h4 a { color:#535355; }

/* calendar */
.mini_calendar {background-color: transparent; display:table-cell; border-collapse:collapse; padding:0; font-size:12px; position:absolute; margin-bottom:0; right:0; bottom:20px;}
table.mini_calendar tr:hover {background:none;}
table.mini_calendar td { border:solid 1px #2e292a; background:#e1ebf3; padding:2px 5px 2px 6px; font-family:arial; }
table.mini_calendar .calendarDayHeading {background:#aebdcd; color:#fff; text-align: center; font-family:arial;}
table.mini_calendar .calendarToday {background:#bdd745; color:#fff;}
table.mini_calendar .calendarBlank {background-color: #fbf7ef; color:#aea9a9;}
table.mini_calendar .calendarEvent {background:#CFA781;}
table.mini_calendar .calendarEvent a {color:#fff; }
	div.cel_napovednik { position:absolute; right:2px; bottom:-2px;}

/* 4. CONTENT HOLDER
	---------------------------------------------------------------------- */
#content_holder { width:960px; margin:0 auto; }


/* SECTION PUSH on HOMEPAGE */
#content_holder .sections_wrap { width:960px; margin:0 auto;}
#content_holder ul.sections {margin:0; padding:0; list-style:none; }
#content_holder ul.sections li {width:180px; float:left; margin-left:15px; padding:20px 0; position:relative;}
#content_holder ul.sections li a { font:bold 12px arial; }
#content_holder ul.sections li h3 a {font:bold 14px arial; padding-bottom:7px; text-decoration:none; color:#535355; }
#content_holder ul.sections li img { position:absolute; bottom:5px; left:0;}

#content_holder ul.sections li.red { border-top:solid 4px #f53357; margin-left:0;}
#content_holder ul.sections li.orange { border-top:solid 4px  #f2a422;}
#content_holder ul.sections li.blue { border-top:solid 4px  #4887c6;}
#content_holder ul.sections li.green { border-top:solid 4px  #bdd745;}
#content_holder ul.sections li.grey { border-top:solid 4px  #7c7676;}

/* ARTICLE LEFT COLUMN */
#content_holder .article { float:left; width:670px; margin:25px 25px 30px 0; position:relative; }
#content_holder .article h2 { margin-bottom:15px;}
#content_holder .article a {color:#4887C6;}
#content_holder .article img {padding:1px; border:solid 1px #8F8F8F;}
#content_holder .article .comment { margin-top:25px;}
#content_holder .article .comment textarea { width:450px; height:200px; }

/* ARTICLE TOOLS */
ul#article_tools { list-style:none; position:absolute; top:-25px; left:0; }
ul#article_tools li { float:left; font:normal 11px arial; color:#535355; }
ul#article_tools li a img { border:none;}

#content_holder .sidebar { float:right; width:255px; margin:40px 0 30px 0; }
#content_holder .sidebar h4 {padding-bottom:8px; border-bottom:dotted 1px #7C7676; font-size:13px;}
#content_holder .sidebar h4 span {font-weight:normal; font-size:12px;}
#content_holder .sidebar .sub_nav {padding:10px 10px 0 10px; margin-bottom:15px; background:#EFEFEF; border-bottom:solid 1px #9F9F9F;}
	#content_holder .sidebar .sub_nav.c15 { border-top:solid 3px #f53357;}
	#content_holder .sidebar .sub_nav.c16 { border-top:solid 3px #f2a422;}
	#content_holder .sidebar .sub_nav.c17 { border-top:solid 3px #4887c6;}
	#content_holder .sidebar .sub_nav.c18 { border-top:solid 3px #bdd745;}
	#content_holder .sidebar .sub_nav.c19 { border-top:solid 3px #7c7676;}
#content_holder .sidebar .sub_nav ul {list-style:none; }
#content_holder .sidebar .sub_nav ul li {  padding:10px 0; font-size:12px;  border-bottom:dotted 1px #7C7676;}
#content_holder .sidebar .sub_nav ul li a { font-family:arial;}
#content_holder .sidebar .sub_nav ul.fotogalerija li { border-bottom:none; float:left; width:75px;}
#content_holder .sidebar .sub_nav ul.fotogalerija li img { padding:0 3px;}

/* scrol for video thumbs */
#content_holder .sidebar .sub_nav.video_scrol {overflow: auto; height:310px; margin-top:40px; border-top:solid 3px #535355;}
#content_holder .sidebar .sub_nav.foto {border-top:solid 3px #535355;}

/* 5. FOOTER
	---------------------------------------------------------------------- */
#footer { padding:15px 0; border-top:solid 1px #c9cacb; }
#footer a {color:#535355;}
#footer .most_read { width:318px; height:170px;  margin-right:15px; float:left; padding:0 10px; border:1px solid #999;  background:#EFEFF0 url(../slike/footer_box_bg.gif) top repeat-x;}
#footer .most_read h4 { margin:7px 0; }
#footer .most_read ul { margin-left:10px; }
#footer .most_read ul li { margin:0; padding:0 0 8px 0; font-size:11px; line-height:16px; font-family:arial; }

#footer .week_box { width:350px; margin-right:15px; float:left;}
#footer .week_box ul { list-style:none;}
#footer .week_box ul li { width:94px; height:170px; border:1px solid #999;  margin-left:10px; padding:0 7px; float:left; font-size:11px; background:#EFEFF0 url(../slike/footer_box_bg.gif) top repeat-x; }
#footer .week_box ul li:first-child {margin-left:0;}
#footer .week_box ul li h4 { margin:6px 0 0 0;}
#footer .week_box ul li img { margin-top:15px;}

#footer .quiz { width:224px; height:172px;  float:left; background:#c4d0ea url(../slike/kviz.gif) top left no-repeat; color:#6290cb; font-family:arial; font-size:11px; padding:0 8px;}
#footer .quiz h4 { text-indent:-9000px; padding-bottom:90px;}