/*
Theme Name: MTB.ba - v.1
Theme URI: http://www.mtb.ba
Description: Originalna mtb.ba tema
Version: 1.1
Author: Mersad Pasic
Author URL: http://www.mtb.ba
*/

/***************************************************/
* {
	font-family: "Trebuchet MS", arial;
	color: #333333;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0 none;
	text-decoration: none;
	white-space: normal;
	vertical-align: baseline;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}
/***************************************************/
body {
	background: #DBF4FF url(http://mtb.ba/slike/index/bg.gif) repeat-x top;
	text-align: center;
}

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#header {
	width: 900px;
	height: 230px;
}
/***************************************************/
#pagenav {
	float: left;
	width: 600px;
	height: 45px;
}

#pagenav ul {
	float: left;
	padding-top: 15px;
	padding-left: 0px;
	height: 30px;
}

#pagenav ul li {
	float: left;
	height: 30px;
	text-align: center;
	margin-right: 1px;
}

#pagenav ul li a {
	background: url(images/nav.gif) repeat-x;
	background-position: center 0px;
	float: left;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
	height: 30px;
	font-size: 16px;
	letter-spacing: -1px;
	color: #bbb;
	font-weight: bold;
}

#pagenav ul li a:hover {
	background: url(images/nav.gif) repeat-x;
	background-position: center -30px;
	color: #666;
}

#pagenav ul li.pagenavprva a {
	background: url(images/nav.gif) repeat-x;
	background-position: center -60px;
	color: #FFF;
}

#pagenav ul li.pagenavprva a:hover {
	background: url(images/nav.gif) repeat-x;
	background-position: center -60px;
}
/***************************************************/
#searchform {
	float: left;
	width: 290px;
	height: 45px;
	margin-right: 0px;
}

#searchform form {
	float: right;
	display: inline;
	background: url(images/ico-search.png) no-repeat;
	background-position: left 0px;
	width: 333px;
	height: 45px;
}

#searchform fieldset {
	float: right;
	display: inline;
	padding-top: 10px;
	height: 35px;
}

#searchform label {
	vertical-align: middle;
	color: #666;
	font-weight: bold;
	font-size: 11px;
}

#searchform input {
	display: inline;
	vertical-align: middle;
	font-size: 11px;
}

#searchinput {
	width: 177px;
	height: 20px;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	background: url(images/search-input.png) no-repeat;
	color: #999;
}

#searchbutton {
	width: 35px;
	height: 25px;
	line-height: 1.4em;
	background: url(images/search-button.png) no-repeat;
	font-weight: bold;
	color: #366799;
	text-align: center;
	cursor: pointer;
}
/***************************************************/
/* Search form CSS */
form#srcform {
	background: #EEE;
	padding: 10px;
}

form#srcform fieldset {
}

form#srcform input {
	vertical-align: middle;
	font-size: 11px;
}

form#srcform #srcinput {
	padding: 4px;
	width: 250px;
	background: #FFF;
	color: #333;
	font-weight: normal;
	border: 1px solid #ddd;
}

form#srcform #srcbutton {
	padding: 2px;
	width: 50px;
	background: #aaa;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
/***************************************************/
#traka {
	float: left;
	display: inline;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	width: 900px;
	height: 150px;
}

#trakapanel {
	position:relative;
	top: -152px;
	display: block;
	background-color:#000000;
	color: #FFFF00;
	font-family:"Trebuchet MS",arial;
	filter:alpha(opacity=70);-moz-opacity:.6;opacity:.6;
	height: 130px; 
	width: 264px;
	z-index:1;
	margin:0px;
	padding:10px;
}



#logotip{
		position:absolute;
		top: 70px;
		display: block;
		z-index:1;
		filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;
		margin: 0px 0px 0px 20px;
		padding:0px; 
}

#logotipsidetext1{
		position:absolute;
		top: 70px;
		margin: 0px 0px 0px 132px;
		display: block;
		z-index:2;
		filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;
		color: #FFFFFF;
		font-family:"Trebuchet MS",arial;
		font-size: 32px;
		line-height: 36px;
}

#logotipsidetext2{
		position:absolute;
		top: 71px;
		margin: 0px 0px 0px 133px;
		display: block;
		z-index:1;
		filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;
		color: #000000;
		font-family:"Trebuchet MS",arial;
		font-size: 32px;
		line-height: 36px;
}


#logo {
	float: left;
	display: inline;
	margin-top: 50px;
	margin-left: 10px;
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 30px;
	border-right: 1px dashed #ccc;
}



#logo h1 {
	padding-top: 9px;
	font-size: 30px;
	font-weight: bold;
	
}

#logo h1 a {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #366799;
}

#logo h1 a:hover {
	color: #284B6F;
}

#logo .description {
	color: #999;
	font-size: 11px;
	line-height: 1.4em;
}

#about {
	float: left;
	display: inline;
	margin-top: 50px;
	width: 550px;
	font-size: 11px;
}

#about p {
	color: #999;
	font-size: 11px;
	line-height: 1.4em;
}
/***************************************************/
#column {
	float: left;
	width: 578px;
	margin-right: 22px;
	/*border-top: 5px solid #a1c4d3;*/
	border-top:5px solid #A1C4D3;
}

#columnsingle {
	float: left;
	width: 900px;
	border-top:5px solid #A1C4D3;
}

.post {
	margin-top: 10px;
}

.post a {
	color: #366799;
}

.post a:hover {
	color: #5ea2e7;
}

.post-top {
	width: 576px;
	height: 7px;
	background: #FFFFFF;
	overflow: hidden;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 0px solid #dddddd;
}

.post-top-single {
	width: 898px;
	height: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 0px solid #dddddd;
}

.post-bottom {
	width: 576px;
	height: 7px;
	background: #FFFFFF;
	overflow: hidden;
	border-top: 0px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.post-bottom-single {
	width: 898px;
	height: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-top: 0px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.entry {
	background: #FFF;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.entry h2 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	line-height: 1.3em;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #993636;
}

.entry h2 a {
	line-height: 1.3em;
	font-size: 20px;
	letter-spacing: -1px;
	color: #993636;
}

.entry h2 a:hover {
	color: #FF0000;
}

.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #999;
	padding-bottom: 5px;
	font-size: 11px;
}

/********* CSS For Post Info Below Header ***************/
.info {
	background: #fffff4;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 11px;
}

.info .cat {
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
}

.info .comments {
	float: right;
}

.info .cat a {
	/*line-height: 20px;*/
	/*background: url(images/ico-date.gif) no-repeat;
	background-position: left center;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

.info .comments a {
	/*line-height: 26px;*/
	/* background: url(images/ico-comment.gif) no-repeat;
	background-position: left center;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
/********* CSS For Article CONTENT ***************/
.content {
	padding-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 1px;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

.content p {
	font-size: 13px;
	line-height: 1.5em;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

.content .more-link {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

.content h1 {
	letter-spacing: -1px;
	font-size: 22px;
	color: #3F4C6B;
}

.content h2 {
	letter-spacing: -1px;
	font-size: 22px;
	color: #3F4C6B;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.content h3 {
	letter-spacing: -1px;
	font-size: 17px;
	font-weight: bold;
	color: #333;
}

.content h4 {
	font-size: 14px;
	font-weight: bold;
}

.content h5 {
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

.content h6 {
	font-size: 11px;
	font-weight: bold;
}

/* CSS for UL/OL lists */
.content ol {padding-left: 20px;}
.content ul {margin: 5px 5px 20px 5px;}

.sidebar3 ul {margin: 0px 0px 10px 0px;}

.content ol {margin: 5px 5px 20px 5px;}

.content ul ul {margin: 5px 5px 5px 5px;}

.content ul ul {margin: 5px 5px 5px 5px;}

.content ol ol {margin: 5px 5px 5px 5px;}

.content ol li {
	line-height: 1.5em;
	color: #333;
	margin-bottom: 5px;
	font-size: 12px;
}

.content ul li {
	line-height: 1.5em;
	color: #333;
	background: url(images/bullet.gif) no-repeat;
	background-position: left 6px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 12px;
}

.sidebar3 ul li {
	line-height: 1.5em;
	color: #333;
	padding-left: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}


/* End CSS for UL/OL lists */

/* Additional post tags */
blockquote {
	padding: 10px;
	padding-left: 40px;
	background: #f7fcea url(images/blockquote.png) no-repeat;
	background-position: 8px 8px;
	margin-bottom: 15px;
}

blockquote p {
	font-family: georgia, arial;
	line-height: 1.5em;
	font-size: 12px;
	color: #366799;
}

blockquote * {
	font-family: georgia, arial;
	line-height: 1.5em;
	font-size: 12px;
	color: #366799;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

code {
	color: #333;
	font-family: verdana;
	font-size: 11px;
	background: #eee;
}
/* Thanks! */

.tags {
	border-top: 1px solid #ddd;
	font-weight: bold;
	line-height: 2em;
	color: #bbb;
	padding-left: 15px;
	padding-right: 15px;
	text-align: right;
	font-size: 11px;
}

.tags a {
	font-weight: normal;
	color: #333;
	text-transform:lowercase;
}

.tags a:hover {
	color: #ff9600;
}

.follow {
	background: #f9f9f9;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px dashed #eee;
	font-weight: bold;
	font-size: 11px;
}

.follow a {
	font-weight:bold;
	background: url(images/rss.png) no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.state {
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.5em;
}

.state a {
	line-height: 1.5em;
}
/***************************************************/
.navigation {
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
}

.navigation a {
	color: #333;
}

.navigation a:hover {
	color: #666;
}

.navleft {
	float: left;
	width: 48%;
}

.navright {
	float: right;
	width: 48%;
	text-align: right;
}
/***************************************************/
.alignleft img, .alignright img, .aligncenter img, .alignnone img {
	border: 4px solid #333333;
	margin-bottom: 4px;
}

.alignleft, .alignright, .aligncenter, .alignnone {
	border: 1px solid #333333;
	margin-bottom: 4px;
}

.alignleft {
	float: left;
	display: inline;
	margin-right: 10px;
}

.alignright {
	float: right;
	display: inline;
	margin-left: 10px;
}

.aligncenter {
	text-align: center;
	display: inline;
}

.alignnone {
	text-align: left;
	display: inline;
}

p.wp-caption-text {
	padding: 3px;
	margin: 0;
	font-size: 11px;
	color: #999;
}
/***************************************************/
#sidebar {
	float: left;
	width: 300px;
	border-top: 5px solid #79D8FF;
}

/*
#sidebar2 {
	float: left;
	width: 900px;
	border-top: 5px solid #79d8ff;
}
*/

#sidebar3 {
	float: right;
	width: 210px;
	border-top: 5px solid #79d8ff;
}

/***************************************************/
.box {
	width: 300px;
	padding: 10px 0px 0px 0px;
}

.box h2 {
	margin-top: 0px;
	display: block;
	background: url(images/navtab_back.gif) repeat-x;
	width: 278px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	height: 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	padding: 8px 10px 6px 10px;
	letter-spacing: 0px;
}

.box h3 {
	margin-top: 0px;
	display: block;
	background: url(images/navtab_back.gif) repeat-x;
	width: 298px;
	height: 30px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 0px;
}

.box h3 a {
	color: #FFFFFF;
	font-size: 16px;
	height: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.box h3 a:hover {
	color: #FFFF66;
}

.doh3 {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(images/navtab_back.gif) repeat-x;
	width: 178px;
	border-left: 0px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	height: 16px;
	color: #FFFF66;
	font-weight: bold;
	font-size: 16px;
	padding: 8px 10px 6px 0px;
}

/***************************************************/
.ads {
	padding: 10px;
	border: 1px solid #eee;
	background: #FFF;
	align: center;
}

.ads ul {

}

.ads ul li {
	float: left;
	display: inline;
	width: 125px;
	height: 125px;
	margin-left: 5px;
	margin-right: 2px;
}

.ads ul li a {
	float: left;
	display: block;

	width: 125px;
	height: 125px;
}

.ads ul li a img {
	float: left;
	display: block;
	width: 125px;
	height: 125px;
}
/***************************************************/
.subscribe {
	padding: 10px;
	border: 1px solid #eee;
	background: #FFF;
}

.rssfeed {
	font-size: 12px;
	line-height: 1.4em;
	background: url(images/bullet.gif) no-repeat;
	background-position: left 5px;
	padding-left: 15px;
	margin-bottom: 5px;
}

.rssfeedlinks {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ddd;
	font-size: 11px;
}

.rssfeedlinks a {
	float: left;
	font-weight: bold;
	background: url(images/rss.png) no-repeat left;
	padding-left: 22px;
	line-height: 1.5em;
	color: #366799;
	margin-right: 40px;
}

.rssfeedlinks a:hover {
	color: #5ea2e7;
	line-height: 1.5em;
}

.subscribe form {
	display: inline;
}

.subscribe fieldset {
	display: inline;
}

.subscribe input {
	display: inline;
	vertical-align: middle;
	font-size: 11px;
}

#rssinput {
	width: 300px;
	height: 20px;
	padding-left: 7px;
	padding-top: 7px;
	background: url(images/rss-input.gif) no-repeat bottom;
}

#rssinput:focus {
	width: 300px;
	height: 20px;
	padding-left: 7px;
	padding-top: 7px;
	background: url(images/rss-input.gif) no-repeat top;
}

#rssbutton {
	width: 36px;
	height: 36px;
	background: url(images/rss-button.gif) no-repeat;
	cursor: pointer;
}
/***************************************************/
.tabs {
	margin-top: 10px;
	width: 300px;
	overflow: hidden;
}

.tabs li {
	float: left;
	display: inline;
	margin-left: 1px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
}

.tabs li a {
	float: left;
	display: block;
	color: #336699;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 26px;
	height: 26px;
	background: url(images/tab.gif) repeat-x top;
}

.tabs li a:hover {
	display: block;
	color: #5ea2e7;
}

.tabs li a.selected {
	display: block;
	background: url(images/tab.gif) repeat-x bottom;
	color: #FFF;
}

.tabs li a.selected:hover {
	display: block;
	background: url(images/tab.gif) repeat-x bottom;
	color: #FFF;
}

/*******************  TABOVI ZA PAGE STAZE  *****************/
.tabsstaze {
	margin-top: 10px;
	width: 576px;
	overflow: hidden;
	padding-left: 10px;
}

.tabsstaze li {
	float: left;
	display: inline;
	overflow: hidden;
}

.tabsstaze li a {
	color: black;
	line-height: 1.4em;
	font-size: 12px;
}

.tabsstaze li a:hover {
	color: #336699;
	text-decoration: underline;
}


/***************** CSS For TAB Content *******************/
.tabcontent {
	display: none;
	background: #FFF url(images/tabtop.gif) no-repeat top;
	border: 1px solid #eee;
	border-top: 0;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	overflow: hidden;
	font-size: 11px;
}

.tabcontentstaze {
	display: none;
	overflow: hidden;
}

.tabcontent a, .tabcontent a strong {
	color: #2c78b9;
	line-height: 1.4em;
}

.tabcontent a:hover, .tabcontent a:hover strong {
	color: #5ea2e7;
	text-decoration: underline;
}

.tabcontent ul li {
	display: block;
	/*background: url(images/bullet.gif) no-repeat;
	background-position: left 5px;*/
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2px;
	margin-bottom: 2px;
	padding-left: 00px;
	color: #999;
	line-height: 1.4em;
	font-size: 11px;
        min-height: 50px;
}

.tabcontent ul li a {
	color: #2c78b9;
	line-height: 1.4em;
}

.tabcontent ul li a:hover {
	color: #5ea2e7;
}

.tabcontent ul li span {
	display: block;
	color: #999;
}
/***************** CSS For TAB Content *******************/
@media print {
	.tabcontent {
	display: block !important;
	}
}
/***************************************************/

/****************************************************  SIDEBAR (1)  ***/

.sidebar {
	float: left;
	width: 300px;
	margin-right: 0px;
	font-size: 11px;
}

.sidebar a {
	color: #366799;
}

.sidebar a:hover {
	color: #5ea2e7;
}

.sidebar ul li h2 {
	margin-top: 10px;
	display: block;
	background: url(images/navtab_back.gif) repeat-x;
	width: 278px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	height: 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	letter-spacing: 0px;
}


.sidebar ul li div {
	padding: 10px;
	border: 1px solid #eee;
	background: #FFF;
	line-height: 1.4em;
	font-size: 11px;
}

.sidebar ul ul {
	padding: 0px;
	background: #FFFFF4;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

.sidebar ul ul ul {
	padding: 0px;
	border: 0;
	background: #FFF;
}

.sidebar ul li ul li {
	height: 30px;
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
}

.sidebar ul li ul li a {
	background: url(images/navback.gif) repeat-x;
	background-position: center 0px;
	display: block;
	height: 30px;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
}

.sidebar ul li ul li a:hover {
	background: url(images/navback_hover.gif) repeat-x;
	background-position: center 0px;
	color: #366799;
	display: block;
	padding-left: 40px;
}

.sidebar ul li ul li a:active {
	background: url(images/navback_active.gif) repeat-x;
	background-position: center 0px;
	color: #366799;
	display: block;
	padding-left: 20px;
}

/**************************************   SIDEBAR 3 *********/

.sidebar3 {
	float: right;
	width: 210px;
	margin-right: 0px;
	margin-left: 15px;
	font-size: 11px;
}

.sidebar3 a {
	color: #366799;
}

.sidebar3 a:hover {
	color: #5ea2e7;
}

.sidebar3 ul li h2 {
	background: url(images/navtab_back.gif) repeat-x;
	width: 190px;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	display: block;
	height: 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	letter-spacing: 0px;
	line-height: 1;
}





.sidebar3 ul li div {
	padding: 10px;
	border: 1px solid #eee;
	background: #FFF;
	line-height: 1.4em;
	font-size: 11px;
}

.sidebar3 ul ul {
	padding: 0px;
	margin: 0px;
	background: #FFFFF4;
}

.sidebar3 ul ul ul {
	padding: 0px;
	border: 0;
	background: #FFF;
}

.sidebar3 ul li ul li {
	height: 30px;
	display: block;
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sidebar3 ul li ul li a {
	background: url(images/navback.gif) repeat-x;
	background-position: center 0px;
	display: block;
	height: 30px;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
}

.sidebar3 ul li ul li a:hover {
	background: url(images/navback_hover.gif) repeat-x;
	background-position: center 0px;
	color: #366799;
	display: block;
	padding-left: 10px;
}

.sidebar3 ul li ul li a:active {
	background: url(images/navback_active.gif) repeat-x;
	background-position: center 0px;
	color: #366799;
	display: block;
	padding-left: 10px;
}

/***************************************************/
#footer {
	margin-top: 20px;
	width: 100%;
	background: #eaf2d9;
	border-top: 5px solid #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

#footercontent {
	width: 900px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
}

#footercontent ul {
	float: left;
	margin-bottom: 10px;
}

#footercontent ul li {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px dotted #ccc;
	line-height: 1.5em;
}

#footercontent ul li a {
	float: left;
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 1.5em;
}

#footercontent ul li a:hover {
	color: #333;
	line-height: 1.5em;
}

.copyright {
	float: right;
	color: #999;
	line-height: 1.5em;
	font-size: 11px;
}

.copyright a {
	font-weight: bold;
	border-bottom: 1px dotted #ff9600;
	line-height: 1.5em;
	color: #666;
}

.copyright a:hover {
	color: #333;
	line-height: 1.5em;
}

.rss {
	float: left;
	font-size: 11px;
}

.rss a {
	float: left;
	display: block;
	font-weight: bold;
	background: url(images/rss.png) no-repeat left;
	padding-left: 25px;
	line-height: 1.5em;
	color: #366799;
	margin-right: 25px;
}

.rss a:hover {
	color: #333;
	line-height: 1.5em;
}

.property {
	float: right;
	color: #366799;
	line-height: 1.5em;
	font-size: 11px;
}

.property a {
	font-weight: bold;
	color: #366799;
}

.property a:hover {
	text-decoration: underline;
}
/***************************************************/
/* CSS for Search Results Only Optional */
.result {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}

.result h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	padding:0;margin:0;
	line-height: 1em;
}

.result h3 a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	padding:0;margin:0;
	line-height: 1em;
}

.result .rdate {
	float: left;
	line-height: 2em;
	color: #aaa;
}

.result .rcomment {
	float: right;
	line-height: 1.5em;
	color: #aaa;
	font-weight: bold;
}

.result .rcomment a {
	color: #999;
	font-weight: bold;
}

.result .rcomment a:hover {
	color: #ff9600;
}

.result .rsummary {
	padding: 10px;
	border: 1px dotted #eee;
	background: #fffff9;
}

.result .rsummary p {
	font-size: 12px;
	margin:0;
	padding:0;
}

.result .rcat {
	float: left;
	line-height: 2em;
	color: #aaa;
}

.result .rcat a {
	color: #999;
	font-weight: bold;
}

.result .rcat a:hover {
	color: #ff9600;
}

.result .rtags {
	float: right;
	line-height: 2em;
	color: #aaa;
}

.result .rtags a {
	color: #999;
	text-transform: lowercase;
}

.result .rtags a:hover {
	color: #a2d700;
}
/***************************************************/
/*           Commenting System CSS        */
#combox {
	border-top: 5px solid #3fccea;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

h3#respond {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

h3#comments {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

ol.commentlist {
	list-style-type: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 5px solid #a4d5e5;
}

ol.commentlist li {
	background: #f8fcef;
	border: 1px solid #eee;
	padding: 20px;
	margin-top: 20px;
}

ol.commentlist li.alt {
	background: #FFF;
	border: 1px solid #eee;
	padding: 20px;
	margin-top: 20px;
}

.avatar {
	float: left;
	display: inline;
	width: 32px;
}

.commentbody {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 410px;
}

.commentbody em {
	font-size: 11px;
}
/***************************************************/
p.comment_author, p.comment_author a {
	font-weight: bold;
	color: #455c6b;
	font-size: 11px;
}

p.comment_author a:hover {
	font-weight: bold;
	color: #ff3600;
}

p.comment_time {
	line-height: 1.5em;
	color: #999;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
	text-transform: uppercase;
}

.comment_text {
	line-height: 1.5em;
	color: #333;
	margin-top: 15px;
	font-size: 11px;
}
/***************************************************/
.reply form {
	background: #EEE;
	width: 488px;
	padding: 10px;
}

.reply p {
	margin-top: 10px;
	font-size: 11px;
}

.reply fieldset {
	vertical-align: middle;
	display: inline;
}

.reply input {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

.reply textarea {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

.reply label {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma;
	margin-left: 10px;
}

.replytext {
	border: 1px solid #d9f6fa;
	width: 200px;
	padding: 5px;
	color: #366799;
}

.replytext:focus {
	border: 1px solid #c3e5ea;
	background: #fefff7;
}

.replyarea {
	border: 1px solid #d9f6fa;
	line-height: 1.5em;
	padding: 5px;
	width: 470px;
	height: 120px;
	color: #366799;
}

.replyarea:focus {
	border: 1px solid #c3e5ea;
	background: #fefff7;
}

.replybutton {
	background: #666;
	text-align: center;
	width: 100px;
	height: 25px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}
/***************************************************/

.katleft  {
	width: 281px;
	background-color:#FFFFFF;
	display: block;
	height: auto;
	min-height: 100px;
	border: 1px solid #eeeeee;
	margin-right: 6px;
	margin-top: 10px;
	float: left;
}

.katright  {
	width: 281px;
	background-color:#FFFFFF;
	display: block;
	height: auto;
	min-height: 100px;
	border: 1px solid #eeeeee;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
}

.katstaze {
	width: 576px;
	background-color:#FFFFFF;
	display: block;
	height: auto;
	min-height: 100px;
	border: 1px solid #eeeeee;
	margin-top: 10px;
	float: none;
}

.katsadrzaj {
	display: block;
	color: #999999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.katsadrzajstaze {
	display: block;
	color: #999999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.katsadrzaj a, .katsadrzaj a strong, .katsadrzajstaze a, .katsadrzajstaze a strong {
	color: #384564;
	line-height: 1.4em;
}

.katsadrzaj a:hover, .katsadrzaj a:hover strong, .katsadrzajstaze a:hover, .katsadrzajstaze a:hover strong {
	color: #101C39;
	text-decoration: underline;
}

.katsadrzaj ul li {
	display: block;
	/*background: url(images/bullet.gif) no-repeat;
	background-position: left 5px;*/
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2px;
	margin-bottom: 2px;
	padding-left: 00px;
	color: #999;
	line-height: 1.4em;
	font-size: 12px;
        font-weight: bold;
    height: 50px;
}

/*** sadrzaj staze  ***/

.katsadrzajstaze ul li {
	display: block;
	/*background: url(images/bullet.gif) no-repeat;
	background-position: left 5px;*/
	border-bottom: 1px dotted #ddd;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 0px;
	color: #999;
	line-height: 1.7em;
	font-size: 12px
}


/*** sadrzaj galerije  ***/

.katgalerije {
	width: 576px;
	height: 306px;
	background-color:#FFFFFF;
	display: block;

	border: 1px solid #eeeeee;
	margin-top: 10px;
	float: none;
}

.katsadrzajgalerije {
	display: block;
	float: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.katsadrzajgalerije ul {
}

.katsadrzajgalerije ul li {
	display: block;
	height: 102px;
	float: left;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
}

.katsadrzajgalerije ul li a {
	color: #FFFFFF;
}

.katsadrzajgalerije ul li a img{
	border:1px solid #2F3B59;
}

.katoglasa {
	width: 576px;
	height: 260px;
	display: block;

	border: 1px solid #eeeeee;
	margin-top: 10px;
	float: none;
}


.galerijatextbox {
	display: block;
	float: none;
	width: 552px;
	height: 20px;
	
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	padding: 8px;
	
	border-top:1px dotted #DDDDDD;
	
	text-align: right;

	font-size: 13px;
	color: #3F4C6B;
}

.galerijatextbox a {
	font-weight: bold;
	text-decoration: none;
}

.galerijatextbox a:hover {
	text-decoration: underline;
}

.mapa {
	margin: 10px;
}

.forumbox {
	padding: 10px;
	/*min-height: 177px;*/
	border: 1px solid #eee;
	background: #FFFFFF;
	font-size: 13px;
	line-height: 14px;
	color: #384564;
}

.forumbox ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #DDDDDD;
}

.xmain, .xmain1 {
	color: #384564;
	line-height:1.4em;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

.xmain a, .xmain a:link, .xmain a:active, .xmain a:visited,
.xmain1 a, .xmain1 a:link, .xmain1 a:active, .xmain1 a:visited {
	color: #384564;
	text-decoration: none;
}

.xmain a:hover, .xmain1 a:hover {
	color: #384564;
	text-decoration: underline;
}

.xmeta, .xmeta1 {
	color: #999999;
	font-size: 11px;
	font-style: italic;
}

.xmain1 {
	margin: 6px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

.oglastip {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0px 5px 0px 0px;
}

a.oglasboard7, a.oglasboard8,
a.oglasboard7:link, a.oglasboard8:link {
	padding: 0px 2px 0px 2px;
}

a.oglasboard7, a.oglasboard7:link, a.oglasboard7:active, a.oglasboard7:visited {
	background-color: #00CCCC;
	color: #000066;
}

a.oglasboard7:hover {
	background-color: #000066;
	color: #00CCCC;
}

a.oglasboard8, a.oglasboard8:link, a.oglasboard8:active, a.oglasboard8:visited {
	background-color: #00CC99;
	color: #006600;
}

a.oglasboard8:hover {
	background-color: #006600;
	color: #00CC99;
}

.vodicbox {
	padding: 10px;
	min-height: 177px;
	border: 1px solid #eee;
	background: #FFF;
	font-size: 13px;
	color: #384564;
}

.oglasibox {
	height: 172px;
	padding: 10px;
	border: 1px solid #eee;
	background: #FFFFFF;
	font-size: 13px;
	color: #15264F;
}

#oglasioverpanel{
		position:relative;
		top: -47px;
		left: 1px;
		display: block;
		z-index:1;
		width: 240px;
		height: 40px;
		text-align: left;
		font-size:15px;
		color: #FFFFFF;
		font-weight:bold;
		background-color:#0A1A40;
		filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;
		margin: 0px;
		padding:2px 5px 2px 5px ; 
}

#oglasioverpanel a{
		color: #FFFFFF;
}

#oglasioverpanel a:hover {
		color: #FFFF99;
}

.fbbox {
        display:block;
	padding: 0px;
        margin-top: 10px;
	border: 1px solid #eee;
	background: #FFFFFF;
	font-size: 13px;
	color: #384564;
}

.sidebar fbbox {
	background: #FFFFFF;
}

.sidebar fbbox {
	background: #FFFFFF;
}

.vodicbox strong em {
	color: #384564;
}

#arhivnaslov {
	width: 556px;
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	background: #3F4C6B;
	border: 1px solid #dddddd;
	padding: 10px;
	margin-top: 10px;
	text-transform: uppercase;
	
}


.textwidget {
	padding:0px;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
	font-size:11px;
	line-height:1.4em;
}

.katsadrzajstaze ul li ul {
	padding-left:8px;
}

.katsadrzajstaze ul li ul li{
	display:block;
	float:left;
	background-image: none;
	margin:0px;
	padding-bottom:0px;
	padding-left:4px;
	border-left: 1px dotted #CCCCCC;
	padding-top: 0px;
	padding-right: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
        color: #999999;
}


.post-meta {
	color: #999999;
}

.post-meta-key {
	/* color: #ffffff; */
}

.left {
	float:left;
}

.leftnaslovplanine {
	float: left;
	width: 230px;
	font-size: 17px;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}

.leftnaslovstaze {
	float: left;
	width: 250px;
	color: #333333;
	padding-left: 10px;
}


.leftstazaelement {
	float: left;
	border-left: 1 dotted #DDDDDD;
	border-right: 0 none #DDDDDD;
	border-top: 0 none #DDDDDD;
	border-bottom: 1 none #DDDDDD;
	width: 60px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	margin-left: 1px;
	margin-right: 1px;
}

.leftstazaelementgps {
	float: left;
	border-left: 1 dotted #DDDDDD;
	border-right: 0 none #DDDDDD;
	border-top: 0 none #DDDDDD;
	border-bottom: 1 none #DDDDDD;
	width: 65px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	margin-left: 1px;
	margin-right: 1px;
}

.rightlegenda {
        float:right;
		  text-align:right;
        color: #999999;
        font-size:11px;
        font-style: italic;
}


#d13slideshow{
		background-color:#3F4C6B;
		width:578px;
		height:200px;
		margin:10px 0px 0px 0px; 
		padding:0px; }
		
	#d13nav{ margin:0px; padding:0px; }
	#navleft{
		z-index:4;
		position:absolute;
		width:15px;
		height:200px;
		margin:0px; padding:0px; }
	#navright{
		z-index:4;
		position:absolute;
		width:15px;
		height:130px;
		margin:0px; padding:0px;
		margin-left:563px; }
	#navleft a,
	#navright a{
		width:15px;
		height:200px;
		display:block;
		background-color:#000000;
		filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
		background-position:center center;
		background-repeat:no-repeat; }
	#navleft a{ background-image:url(left.gif); }
	#navright a{ background-image:url(right.gif);  }
	#navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navleft a span,
	#navright a span{ display:none; }
	div.d13slide{
		padding:0px;
		margin:0px; }
	div.d13slide img{
		padding:0px;
		margin:0px; }
		
	div.d13fader{
		position:relative;
		top: -202px;
		display: block;
		background-color:#000000;
		font-family:"Trebuchet MS",arial;
		filter:alpha(opacity=70);-moz-opacity:.6;opacity:.6;
		height:200px; 
		width:284px;
		z-index:1;
		margin:0px;
		padding:0px; }

	/*#trakapanel {
	position:relative;
	top: -152px;
	display: block;
	background-color:#000000;
	color: #FFF;
	font-family:"Trebuchet MS",arial;
	filter:alpha(opacity=70);-moz-opacity:.6;opacity:.6;
	height: 130px; 
	width: 264px;
	z-index:1;
	margin:0px;
	padding:10px;
}	*/
		
	div.d13fader h3{
	font-size:16px;
	font-weight:bold;
	padding:15px;
	margin:0px;
	color: #FFFF00;
}
	div.d13fader h3 a{ color:#FFFF00; }
	div.d13fader h3 a:hover{ color:#FFFF00; }
	div.d13fader p{
	font-size:12px;
	font-weight:normal;
	padding:3px 15px 5px;
	margin:0px;
	color:#FFFFFF;
	line-height: 13px;
}
	div.d13fader p a{
		color:#FFFF00; }
	div.d13fader p a:hover{
	font-weight: bold;
}

#panelnaslovaizvjestaja{
		position:relative;
		top: -103px;
		left: 1px;
		display: block;
		z-index:1;
		width: 126px;
		height: 21px;
		text-align: right;
		font-size:15px;
		font-weight:bold;
		background-color:#004080;
		filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;
		margin: 0px 0px 0px 0px;
		padding:6px 3px 3px 3px ; 
}

.katsadrzajgalerije ul li panelnaslovaizvjestaja a {
		color: #FFFFFF;
}

#dropmenibox {
		display:inline;
		float:left;
		width:900px;
		height:31px;
		margin-bottom:0;
		margin-top:0px;
		padding:0;
}

#dropmeni, #dropmeni ul {
	 background-color: #6CA0D5;
    font-size:14px;
    font-family:"Trebuchet MS",arial;
    font-weight:bold;
	 color: #ffffff;
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    width:100%;
	 border-bottom: 0px solid #FFFFFF;
	 border-top: 1px solid #EBEBEB;
    }
#dropmeni a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px;
    }
#dropmeni li {
    float:left;
    padding:0;
	 border-right: 1px solid #8CBBEB;
    }
#dropmeni li.forumdropmeni {
	background-color: #0000FF;
	text-transform: uppercase;
	width: 90px;
	text-align: center;
	}
	
#dropmeni li.forumdropmeni ul li {
text-transform: none;
	text-align: left;
	}
	 
#dropmeni li a {
    margin: 0px 5px 0px 5px;
    }
#dropmeni ul  {
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	line-height: 1;
	z-index: 5;
}
#dropmeni li li  {
	width: inherit;
	 z-index: 2;
	 padding: 3px 0px 3px 0px;
	 color:#3F4C6B;
	 background-color: #FFFFFF;
	 border-bottom: 1px solid #BBBBBB;
	 border-right: 1px solid #BBBBBB;
	 border-left: 1px solid #BBBBBB;
    }
#dropmeni li li:hover  {
	 background-color:#3F4C6B;
	 color: #FFFFFF;
	 border-bottom: 1px solid #BBBBBB;
	 border-right: 1px solid #BBBBBB;
	 border-left: 1px solid #BBBBBB;
    }
#dropmeni li li a {
    padding:4px 10px;
    font-size:11px;
    color:#2B5785;
    }
#dropmeni li ul ul {
    margin:-23px 0 0 100px;
    }
#dropmeni li ul li:hover a, #dropmeni li ul li li:hover a, #dropmeni li ul li li li:hover a, #dropmeni li ul li li li:hover a {
    color:#FFFFFF;
    }
#dropmeni li:hover a, #dropmeni li.sfhover a {
    color:#3F4C6B;
    }
#dropmeni li:hover li a, #dropmeni li li:hover li a, #dropmeni li li li:hover li a, #dropmeni li li li li:hover li a {
    color:#3F4C6B;
    }
#dropmeni li:hover ul ul, #dropmeni li:hover ul ul ul, #dropmeni li:hover ul ul ul ul, #dropmeni li.sfhover ul ul, #dropmeni li.sfhover ul ul ul, #dropmeni li.sfhover ul ul ul ul {
    left:-999em;
    }
#dropmeni li:hover ul, #dropmeni li li:hover ul, #dropmeni li li li:hover ul, #dropmeni li li li li:hover ul, #dropmeni li.sfhover ul, #dropmeni li li.sfhover ul, #dropmeni li li li.sfhover ul, #dropmeni li li li li.sfhover ul {
    left:auto;
    background:#E7F6FE;
    }
#dropmeni li:hover, #dropmeni li.sfhover {
    background:#E7F6FE;
    }

#linknaforum  {
	color: #FAF7D3;
	background:#0000FF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	font-size:12px;
	font-weight:bold;
	margin:10px 10px 10px 0px;
	padding:10px 10px 8px 10px ;
	width: auto;
	height: 12px;
	float: left;
	display: block;
} 

#linknaforum a, #linknaforum a:link, #linknaforum a:active, #linknaforum a:visited {
	color: #FAF7D3;
	text-decoration: none;
}

#linknaforum a:hover {
	color: #FAF7D3;
	text-decoration: underline;
}

.linknafacebook {
	margin:10px 10px 10px 0px;
	padding: 0px;
	float: left;
	height: 30px;
	display: block;
}

.afotkagalerija {
display: block;
float: left;
margin: 0px 6px 8px 0px;
width: 208px;
height: 225px;
background: #eeeeee;
border: 1px solid #dddddd;
text-align: center;
font-size: 11px;
font-style: italic;
padding: 0px 0px 5px 0px;
}

.afotkagalerija a img {
margin: 4px;
float: none;
text-align: center;
border: 1px solid #333333;
}

#alien {
	width: 120px;
	height: 120px;
	bottom:0;
	position:fixed;
	right:0;
	z-index: 100;
	margin: 0px;
	padding: 0px;
}

#slider {
    width: 900px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
        background:#fff;
        margin:10px 0;
}

#slider img {
    max-width:900px;
    padding:0;
    margin:0;
}

#slider1, #slider2 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content, #slider2Content {
    width: 720px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 0;
    width: 900px;
    background-color: #000;
    color: #fff;
    display: none;
    height:30px;
}
.sliderImage span a {
    color:#fff;
}


.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}