@charset "utf-8";
/* CSS Document */
HTML, BODY
{
	height: 100%;
}
#main a
{
	text-decoration:none;
}

#main a:hover
{
	text-decoration:none;
}

#main a:visited
{
	text-decoration:none;
}


#main
{
	margin: 0 auto;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	font-style: normal;
	position: relative;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	cursor: default;
	overflow: hidden;
	background: url('/app_img/white.png');
	background-size: 1000px 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
#header
{
	margin: 0 auto;
	width: 100%;
	background: rgba(52, 52, 52, 1);
}
#header .wrapper
{
	position:relative;
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding: 10px 0;
}
#header .wrapper .menu
{
	float:right;
}
#header .wrapper .menu>ul
{
	display:block;
	white-space: nowrap;
	list-style: none;
	padding: 0;
	margin:0;
}
#header .wrapper .menu>ul>li
{
	white-space: normal;
    display: inline-block;
    padding: 0px;
	text-align:center;
}
#header .wrapper .menu>ul>li:hover
{
	background: rgba(255, 255, 255, 0.2);
}
#header .wrapper .menu>ul>li>a
{
	font-size: 11px;
	text-decoration: none;
	color: #DDDDDD;
}
#header .wrapper .menu .active
{
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
}

.layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.layout-row 
{
   display: table-row;
}

.layout-cell
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: table-cell;
   vertical-align: top;
}

.layout .content
{
   margin:0 auto;
}

.layout .sidebar
{
   margin:0 auto;
   width: 275px;
   overflow:hidden;
   text-align:center;
}

#pretraga
{
	margin: 5px auto 0 auto;
	width: 100%;
	min-height: 100%;
	cursor: default;
	overflow: hidden;
	padding-bottom:100px;
}
#pretraga .wrapper
{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:0;
}
#pretraga .wrapper .navigator
{
	background:#343434;
	padding:10px;
	margin: 0 0 5px 0;
}
#pretraga .wrapper .navigator-location
{
	float:left;
	display:block;
	font-size: 12px;
	color: #DDDDDD;
	padding: 5px 0;
}
#pretraga .wrapper .navigator-back
{
	float:right;
	margin: 0 0 0 5px;
	padding:5px;
}
#pretraga .wrapper .navigator-back:hover
{
	background: rgba(255, 255, 255, 0.2);
}
#pretraga .wrapper .navigator-menu
{
	float:right;
	margin: 0 0 0 5px;
	cursor:pointer;
	padding:5px;
}
#pretraga .wrapper .navigator-menu:hover
{
	background: rgba(255, 255, 255, 0.2);
}
#pretraga .wrapper .navigator-submenu
{
	border-top: 1px solid #EEEEEE;
	padding:10px 0 5px 0;
	display:none;
	margin: 10px 0 0 0;
	text-align:center;
}
#pretraga .wrapper .navigator-action
{
	border-top: 1px solid #EEEEEE;
	padding:10px 0 5px 0;
	display:none;
	margin: 10px 0 0 0;
	text-align:center;
}
#pretraga .wrapper .navigator-action-respond
{
	color:#EEEEEE;
}
#pretraga .wrapper .navigator-action-rate
{

}
#pretraga .wrapper .navigator-action-rate .navigator-action-rate-star
{
	display:inline-block;
	width:32px;
	height:32px;
	background:url('/app_img/staroff.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:32px;
	cursor:pointer;
}
#pretraga .wrapper .navigator-action-rate .active
{
	display:inline-block;
	width:32px;
	height:32px;
	background:url('/app_img/staron.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:32px;
	cursor:pointer;
}
#pretraga .wrapper .navigator-action-rate .navigator-action-rate-submit
{
	display:inline-block;
	margin-top:5px;
	padding:3px 10px;
	color:#333333;
	background:#EEEEEE;
	cursor:pointer;
}
#pretraga .wrapper .navigator-action-share
{

}
#pretraga .wrapper .navigator-action-share .navigator-action-share-button
{
	display:inline-block;
	margin-top:5px;
	padding:3px 10px;
	color:#333333;
	background:#EEEEEE;
	cursor:pointer;
}
#pretraga .wrapper .navigator-action-comment
{

}
#pretraga .wrapper .navigator-action-comment .navigator-action-comment-button
{
	display:inline-block;
	margin-top:5px;
	padding:3px 10px;
	color:#333333;
	background:#EEEEEE;
	cursor:pointer;
}
#pretraga .wrapper .navigator-action-comment input, textarea, select
{
	width:60%;
	border: 1px solid #b3b3b3;
	display: inline-block;
	padding: 3px;
	color: #000000;
	margin: 3px 0 4px 0;
	font-size: 10px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#pretraga .wrapper .navigator-action-comment label {
	text-decoration: none;
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	color:#EEEEEE;
}
#pretraga .wrapper .navigator-submenu-item
{
	display:inline-block;
	margin: 0 10px;
	cursor:pointer;
	padding:5px;
}
#pretraga .wrapper .navigator-submenu-item:hover
{
	background: rgba(255, 255, 255, 0.2);
}
#pretraga .wrapper .navigator-submenu .active
{
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
}
#pretraga .wrapper .left
{
	width:66%;
	float:left;
}
#pretraga .wrapper .left .inner .wait
{
	padding:10px;
	text-align:center;
	font-size:12px;
}
#pretraga .wrapper .right
{
	width:34%;
	float:left;
	margin-top:0;
}
#pretraga .wrapper .right .inner
{
	display:block;
	background:#EEEEEE;
	margin:0 0 0 10px;
	padding:0 5px 5px 5px;
}
#pretraga .wrapper .right .inner .object a
{
	display:block;
	font-size:11px;
	color:#333333;
	padding:3px 5px 3px 35px;
	text-decoration:none;
}
#pretraga .wrapper .right .inner .object a:hover
{
	display:block;
	font-size:11px;
	color:#333333;
	padding:3px 5px 3px 35px;
	text-decoration:none;
	background:#DDDDDD;
}
#pretraga .wrapper .right .inner .subgroup-item a
{
	display:block;
	font-size:12px;
	color:#333333;
	padding:3px 5px 3px 20px;
	text-decoration:none;
}
#pretraga .wrapper .right .inner .subgroup-item a:hover
{
	display:block;
	font-size:12px;
	color:#333333;
	padding:3px 5px 3px 20px;
	text-decoration:none;
	background:#DDDDDD;
}
#pretraga .wrapper .right .inner .group-item a
{
	display:block;
	font-size:13px;
	color:#333333;
	padding:3px 5px;
	text-decoration:none;
}
#pretraga .wrapper .right .inner .group-item a:hover
{
	display:block;
	font-size:13px;
	color:#333333;
	padding:3px 5px;
	text-decoration:none;
	background:#DDDDDD;
}
#pretraga .wrapper .right .inner .active
{
	font-weight:bold;
}
#pretraga .wrapper .right .inner .segment-title
{
	color:#EEEEEE;
	background:#343434;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	margin:0 -5px 5px -5px;
}
#pretraga .wrapper .right .inner .single-comment
{
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}
#pretraga .wrapper .right .inner .single-comment .single-comment-date
{
	float:right;
	color:#333333;
	font-size:12px;
}
#pretraga .wrapper .right .inner .single-comment .single-comment-name
{
	float:left;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	
}
#pretraga .wrapper .right .inner .single-comment .single-comment-comment
{
	background:#FFFFFF;
	border: 1px solid #cccccc;
	padding:5px;
	font-size:12px;
}
#pretraga .wrapper .menu>ul
{
	display:block;
	white-space: nowrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
#pretraga .wrapper .menu>ul>li
{
	white-space: normal;
    display: block;
    padding: 0;
	cursor:pointer;
	margin:0 0 1px 0;
	background:url('/app_img/btn_back.png');
	background-size:100% 100%;
	overflow:hidden;
}
#pretraga .wrapper .menu .group
{
	display: table;
	width: 100%;
	table-layout: fixed;
}
#pretraga .wrapper .menu .group-row
{
	 display: table-row;
}
#pretraga .wrapper .menu .group .group-row .image
{
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	width:20%;
}
#pretraga .wrapper .menu .group .group-row .text-holder
{
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
#pretraga .wrapper .menu .group .group-row .text-holder .title
{
	font-size: 18px;
	font-weight:bold;
	color: #FFFFFF;
}
#pretraga .wrapper .menu .group .group-row .text-holder .text
{
	font-size: 14px;
	color: #DDDDDD;
}
#pretraga .wrapper .menu>ul>li>ul
{
	display:none;
	white-space: nowrap;
	list-style: none;
	padding: 10px 20px;
	border-top: 1px solid #DDDDDD;
}
#pretraga .wrapper .menu>ul>li>ul>li
{
	white-space: normal;
    display: block;
    padding: 0;
}
#pretraga .wrapper .menu>ul>li>ul>li>a
{
	display:block;
	font-size: 14px;
	color: #DDDDDD;
	text-decoration:none;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 3px 5px 23px;
	background:url('/app_img/arr_red.png');
	background-repeat:no-repeat;
	background-position:5px center;
	background-size:14px;
}
#pretraga .wrapper .menu>ul>li>ul>li:hover
{
	background: rgba(255, 255, 255, 0.2);
}

#vesti
{
	margin: 5px auto 0 auto;
	width: 100%;
	min-height: 100%;
	cursor: default;
	overflow: hidden;
	padding-bottom:100px;
}
#vesti .wrapper
{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:0;
}
#vesti .wrapper .left
{
	width:66%;
	float:left;
}
#vesti .wrapper .left .inner
{
	background:#343434;
}
#vesti .wrapper .navigator
{
	background:#343434;
	padding:10px;
	margin: 0 0 5px 0;
}
#vesti .wrapper .navigator-back
{
	float:right;
	margin: 0 0 0 5px;
	padding:5px;
}
#vesti .wrapper .navigator-back:hover
{
	background: rgba(255, 255, 255, 0.2);
}
#vesti .wrapper .right
{
	width:34%;
	float:left;
	margin-top:0;
}
#vesti .wrapper .right .inner
{
	display:block;
	background:#EEEEEE;
	margin:0 0 0 10px;
	padding:0 5px 5px 5px;
}
#vesti .wrapper .right .inner .segment-title
{
	color:#EEEEEE;
	background:#343434;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	margin:0 -5px 5px -5px;
}
#vesti .wrapper a{
	text-decoration:none;
}
#vesti .wrapper .no-titles
{
	padding:10px;
	color:#EEEEEE;
}
#vesti .wrapper .all-news
{
	margin:0;
	border-bottom: 1px solid #EEEEEE;
}
#vesti .wrapper .all-news:hover
{
	background:rgba(255,255,255,0.2);
}
#vesti .wrapper .all-news-content
{
	float:left;
	width: 66%;
}
#vesti .wrapper .all-news-title
{
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:#EEEEEE;
}
#vesti .wrapper .all-news-intro
{
	padding:10px 10px 0 10px;
	overflow:hidden;
	max-height:100px;
	margin:0 0 10px 0;
	color:#EEEEEE;
	font-size:12px;
}

#vesti .wrapper .all-news-sidebar
{
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}
#vesti .wrapper .all-news-sidebar:hover
{
	background:rgba(0,0,0,0.2);
}
#vesti .wrapper .all-news-content-sidebar
{
	float:left;
	width: 66%;
}
#vesti .wrapper .all-news-title-sidebar
{
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:#333333;
}
#vesti .wrapper .all-news-intro-sidebar
{
	padding:10px 10px 0 10px;
	overflow:hidden;
	max-height:100px;
	margin:0 0 10px 0;
	color:#000000;
	font-size:12px;
}

#vesti .wrapper .all-news-image
{
	float:left;
	width: 34%;
}
#vesti .wrapper .all-news-image-inner
{
	padding:10px;
}
#vesti .wrapper .single-news-title
{
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:#EEEEEE;
}
#vesti .wrapper .single-news-intro
{
	padding:10px;
	color:#EEEEEE;
	font-size:12px;
}
#vesti .wrapper .single-news-text
{
	padding:10px;
	border-bottom: 1px solid #cccccc;
	color: #EEEEEE;
	font-size:12px;
}
#vesti .wrapper .single-news-image-inner
{
	padding:10px;
}
#vesti .wrapper .single-news-link
{
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
	color:#FFFFFF;
	padding:10px;
	font-size:12px;
}
#vesti .wrapper .single-news-link-name
{
	float:left;
	font-size:12px;
}
#vesti .wrapper .single-news-link-date
{
	float:right;
	font-size:12px;
}
#vesti .wrapper .pager
{
	border-bottom: 1px solid #cccccc;
	padding:10px;
	text-align:center;
}
#vesti .wrapper .pager-button
{
	display:inline-block;
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	cursor:pointer;
	color:#cccccc;
}
#vesti .wrapper .pager-button:hover
{
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
	color:#FFFFFF;
}
#vesti .wrapper .pager-button-active
{
	display:inline-block;
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
	color:#FFFFFF;
	padding:3px;
	font-size:12px;
}




#najave
{
	margin: 5px auto 0 auto;
	width: 100%;
	min-height: 100%;
	cursor: default;
	overflow: hidden;
	padding-bottom:100px;
}
#najave .wrapper
{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:0;
}
#najave .wrapper .left
{
	width:66%;
	float:left;
}
#najave .wrapper .left .inner
{
	background:#343434;
}
#najave .wrapper .navigator
{
	background:#343434;
	padding:10px;
	margin: 0 0 5px 0;
}
#najave .wrapper .navigator-back
{
	float:right;
	margin: 0 0 0 5px;
	padding:5px;
}
#najave .wrapper .navigator-back:hover
{
	background: rgba(255, 255, 255, 0.2);
}
#najave .wrapper .right
{
	width:34%;
	float:left;
	margin-top:0;
}
#najave .wrapper .right .inner
{
	display:block;
	background:#EEEEEE;
	margin:0 0 0 10px;
	padding:0 5px 5px 5px;
}
#najave .wrapper .right .inner .segment-title
{
	color:#EEEEEE;
	background:#343434;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	margin:0 -5px 5px -5px;
}
#najave .wrapper a{
	text-decoration:none;
}
#najave .wrapper .no-titles
{
	padding:10px;
	color:#EEEEEE;
}
#najave .wrapper .all-events
{
	margin:0;
	border-bottom: 1px solid #EEEEEE;
}
#najave .wrapper .all-events:hover
{
	background:rgba(255,255,255,0.2);
}
#najave .wrapper .all-events-date
{
	float:left;
	padding:10px;
	max-width:20%;
}
#najave .wrapper .all-events-date-day
{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#EEEEEE;
}
#najave .wrapper .all-events-date-month
{
	text-align:center;
	font-size:12px;
	color:#EEEEEE;
}
#najave .wrapper .all-events-content
{
	float:left;
	max-width:80%;
}
#najave .wrapper .all-events-object
{
	font-size:12px;
	padding:10px 10px 0 10px;
	color:#EEEEEE;
}
#najave .wrapper .all-events-title
{
	font-size:14px;
	font-weight:bold;
	padding:0 10px 10px 10px;
	color:#EEEEEE;
}
#najave .wrapper .all-events-sidebar
{
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}
#najave .wrapper .all-events-sidebar:hover
{
	background:rgba(0,0,0,0.2);
}
#najave .wrapper .all-events-date-sidebar
{
	float:left;
	padding:10px;
	max-width:30%;
}
#najave .wrapper .all-events-date-day-sidebar
{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
#najave .wrapper .all-events-date-month-sidebar
{
	text-align:center;
	font-size:12px;
	color:#333333;
}
#najave .wrapper .all-events-content-sidebar
{
	float:left;
	max-width:70%;
}
#najave .wrapper .all-events-object-sidebar
{
	font-size:12px;
	padding:10px 10px 0 10px;
	color:#333333;
}
#najave .wrapper .all-events-title-sidebar
{
	font-size:14px;
	font-weight:bold;
	padding:0 10px 10px 10px;
	color:#333333;
}
#najave .wrapper .single-events-title
{
	font-size:14px;
	font-weight:bold;
	padding:10px;
	color:#EEEEEE;
}
#najave .wrapper .single-events-intro
{
	padding:10px;
	color:#EEEEEE;
	font-size:12px;
}
#najave .wrapper .single-events-text
{
	padding:10px;
	border-bottom: 1px solid #cccccc;
	color: #EEEEEE;
	font-size:12px;
}
#najave .wrapper .single-events-image-inner
{
	padding:10px;
}
#najave .wrapper .single-events-link
{
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
	color:#FFFFFF;
	padding:10px;
	font-size:12px;
}
#najave .wrapper .single-events-link-name
{
	float:left;
	font-size:12px;
}
#najave .wrapper .single-events-link-date
{
	float:right;
	font-size:12px;
}
#najave .wrapper .pager
{
	border-bottom: 1px solid #cccccc;
	padding:10px;
	text-align:center;
}
#najave .wrapper .pager-button
{
	display:inline-block;
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	cursor:pointer;
	color:#cccccc;
}
#najave .wrapper .pager-button:hover
{
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
	color:#FFFFFF;
}
#najave .wrapper .pager-button-active
{
	display:inline-block;
	background:url('/app_img/red_bck.png');
	background-size:100% 100%;
	color:#FFFFFF;
	padding:3px;
	font-size:12px;
}


#onama
{
	margin: 5px auto 0 auto;
	width: 100%;
	min-height: 100%;
	cursor: default;
	overflow: hidden;
	padding-bottom:100px;
}
#onama .wrapper
{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:0;
}
#onama .wrapper .left
{
	width:66%;
	float:left;
}
#onama .wrapper .left .inner
{
	background:#343434;
}
#onama .wrapper .navigator
{
	background:#343434;
	padding:10px;
	margin: 0 0 5px 0;
}
#onama .wrapper .navigator-back
{
	float:right;
	margin: 0 0 0 5px;
	padding:5px;
}
#onama .wrapper .navigator-back:hover
{
	background: rgba(255, 255, 255, 0.2);
}
#onama .wrapper .right
{
	width:34%;
	float:left;
	margin-top:0;
}
#onama .wrapper .right .inner
{
	display:block;
	background:#EEEEEE;
	margin:0 0 0 10px;
	padding:0 5px 5px 5px;
}
#onama .wrapper .right .inner .segment-title
{
	color:#EEEEEE;
	background:#343434;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	margin:0 -5px 5px -5px;
}
#onama .wrapper a{
	text-decoration:none;
}
#onama .wrapper .left .segment
{
	margin:10px;
	border-top: 1px solid #EEEEEE;
	padding:10px;
}
#onama .wrapper .left .segment .text
{
	text-align:center;
	color:#EEEEEE;
	font-size:12px;
}
#onama .wrapper .left .segment .big
{
	text-align:center;
	color:#EEEEEE;
	font-size:14px;
}
#onama .wrapper .left .segment .bold
{
	text-align:center;
	color:#EEEEEE;
	font-weight:bold;
}
#onama .wrapper .left .segment .text a
{
	color:#EEEEEE;
}
#footer
{	
	position:absolute;
	margin: 5px auto 0 auto;
	width: 100%;
	bottom:10px;
}
#footer .wrapper
{
	position:relative;
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding: 10px 0;
	background: rgba(52, 52, 52, 1);
}
#footer .wrapper .text
{
	color:#EEEEEE;
	font-size:12px;
	text-align:center;
}
#footer .wrapper .text a
{
	color:#EEEEEE;
	font-size:12px;
	text-decoration:none;
}
#footer .wrapper .text a:hover
{
	color:#EEEEEE;
	font-size:12px;
	text-decoration:underline;
}
@media (max-width: 980px) {
#pretraga .wrapper .left
{
	width:100%;
	float:none;
}

#pretraga .wrapper .right
{
	width:100%;
	float:none;
	margin-top:10px;
}
#pretraga .wrapper .right .inner
{
	margin:0;
}
#vesti .wrapper .left
{
	width:100%;
	float:none;
}
#vesti .wrapper .right
{
	width:100%;
	float:none;
	margin-top:10px;
}
#vesti .wrapper .right .inner
{
	margin:0;
}
#najave .wrapper .left
{
	width:100%;
	float:none;
}
#najave .wrapper .right
{
	width:100%;
	float:none;
	margin-top:10px;
}
#najave .wrapper .right .inner
{
	margin:0;
}
#onama .wrapper .left
{
	width:100%;
	float:none;
}
#onama .wrapper .right
{
	width:100%;
	float:none;
	margin-top:10px;
}
#onama .wrapper .right .inner
{
	margin:0;
}
}