html {overflow-x:auto; overflow-y:scroll}
body {font: 75%/140% Arial, Helvetica, sans-serif; color:#55483f; margin:0 auto; padding:0; height:100%; text-align:center; background:#666 url(../images/body_bg.jpg) repeat-x}
img {border:0}
a, a:visited, a:hover {color:#70A44E; text-decoration:none; outline:none}
p {margin:5px 0}
ul {margin-top:0; list-style:disc}
hr {height:1px; background:#F0F2F3; color:#F0F2F3; border:0; display:block; clear:both; margin:10px 0}
form {margin:0}
h1 {color:#957A36; font-size:180%; margin:0 0 1em; padding:0 0 0.3em; border-bottom:1px solid #fff; font-weight:normal}
h2 {color:#3A3A3A; font-size:135%; font-weight:bold; margin:15px 0; padding:0; line-height:100%}
h2 a, h2 a:link, h2 a:visited {color:#3A3A3A}
h3 {color:#a76a43; font-size:100%; font-weight:bold; margin:0 0 10px; text-transform:uppercase; padding:0}

.left_align {float: left; margin: 0 10px 10px 0}
.right_align {float: right; margin: 0 0 10px 10px}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


.outerWrapper  {
	width:942px;
	margin:5px auto 0;
	padding:0;
	text-align:left;
}

.logo {
	width:152px;
	height:70px;
	display:inline; /* IE margin fix */
	float:left;
	margin:15px 0 0 30px;
}

.bannerTop {
	width:728px;
	height:90px;
	float:right;
	margin:5px 0 0;
}

.content {
	width:933px;
	padding:10px 0 0 9px;
	background:url(../images/page_bg.gif) repeat-y #fff;
	clear:both;
	overflow:hidden
}

.contentBottom {
	height:10px;
	background:url(../images/contentBottom_bg.gif) no-repeat;
	clear:both;
}


/***********************************************/
/* Components                                  */
/***********************************************/

/********** Search bar **************/

.searchBar {
	margin-top:22px;
	width:942px;
	height:59px;
	background:url(../images/header_curves.gif) no-repeat #333333;
}


.selectBar {padding:20px 0 0 20px; float:left}

.selectBar select {background:#151515; color:#e0e0e0; border:1px solid #6f6f6f; padding:0.2em; font-size:1.1em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 10px #111; -webkit-box-shadow:0 0 10px #111; box-shadow:0 0 10px #111}

.search {
	float:right;
	padding:0 31px 0 0;
	padding:20px 0 0;
	text-align:right;
}

.search .textbox {background:#151515; color:#e0e0e0; border:1px solid #6f6f6f; font-size:1.1em; padding:0.2em; width:250px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 10px #111; -webkit-box-shadow:0 0 10px #111; box-shadow:0 0 10px #111}

.searchBtn {color:#fff; background:#333; border:0; font-size:1.2em; margin-right:5px; font-weight:bold; cursor:pointer}

.dateArea {
	float:right;
	line-height:31px; 
	padding:0 10px 0 0;
	color:#fff;
}

/* -- */

.col1 {
	width:502px;
	float:left;
	margin-right:7px;
}

.col2 {
	width:246px;
	float:left;
	margin-right:7px;
}

.col3 {
	width:160px;
	display:inline; /* IE6 margin fix */
	float:right;
	margin-right:10px;
}

.col4 {
	width:755px;
	float:left;
}

.footerMenu {
	font-size:0.9em;
	margin:9px 0 9px 0;
	height:47px;
	line-height:47px;
	background:url(../images/footer_bg.gif) repeat #1a1a1a;
	text-align:center;
	color:#e1dfdf;
}

.footerMenu a, .footerMenu a:visited {color:#e1dfdf}

.footerInfo {
	font-size:0.9em;
	margin:9px 0 0;
	padding:15px 0 0;
	height:85px;
	background:url(../images/footer_logo_bg.png) no-repeat #1a1a1a;
	text-align:center;
	color:#e1dfdf;
}


/******************** Boxovi *******************/

.box1 {	width:502px;}

.box2 {	width:246px; }

.box3 {
	width:158px;
	border:1px solid #bababa;
}

.box4 {
	width:755px;
}

.boxTitle1, .boxTitle2, .boxTitle3, .boxTitle4, .boxTitle5, .boxTitle6, .boxTitle7, .boxTitle8, .boxTitle9, .boxTitle10, .boxTitle11, .boxTitle12, .boxTitle13 {height:24px; -moz-box-shadow:0 5px 5px #eee; -webkit-box-shadow:0 5px 5px #eee; box-shadow:0 5px 5px #eee}

.boxTitle1 {background:url(../images/title01_bg.gif) no-repeat}
.boxTitle2 {background:url(../images/title02_bg.gif) no-repeat}
.boxTitle3 {background:url(../images/title03_bg.gif) no-repeat}
.boxTitle4 {background:url(../images/title04_bg.gif) no-repeat}
.boxTitle5 {background:url(../images/title05_bg.gif) no-repeat}
.boxTitle6 {background:url(../images/title06_bg.gif) no-repeat}
.boxTitle7 {background:url(../images/title07_bg.gif) no-repeat}
.boxTitle8 {background:url(../images/title08_bg.gif) no-repeat}
.boxTitle9 {background:url(../images/title09_bg.gif) no-repeat}
.boxTitle10 {background:url(../images/title10_bg.gif) no-repeat}
.boxTitle11 {background:url(../images/title11_bg.gif) no-repeat}
.boxTitle12 {background:url(../images/title12_bg.gif) no-repeat}
.boxTitle13 {background:url(../images/title13_bg.gif) no-repeat}

.box1text,
.box2text 
{
	padding-left:25px;
	text-transform:uppercase;
	line-height:26px;
	height:24px;
    font-weight:bold;
	color:#2f2e2e;
	float:left;
}

.box3text {
	padding-left:15px;
	text-transform:uppercase;
	line-height:26px;
	color:015e5e;
	height:26px;
}


.box1sort,
.box2sort
{
	height:10px;
	display:inline; /* IE margin hack */
	float:right;
	margin-right:20px;
}

.box1sort img, .box2sort img {margin:2px 2px 0 10px}

.box1Body, .box2Body, .box4Body {padding:20px; border:1px solid #bababa; border-top:0; background:#fff; -moz-border-radius:0 0 6px 6px; -moz-webkit-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 3px 5px #eee; -webkit-box-shadow:0 3px 5px #eee; box-shadow:0 3px 5px #eee}

.box2Body {padding:10px; font-size:0.9em}
.box3Body {padding:10px; font-size:0.9em; background:#fff}
.box4Body {padding:0; clear:both}

.thumb {padding:4px; border:1px solid #646464; float:left; margin:0 10px 10px 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 5px #bbb; -webkit-box-shadow:0 0 5px #bbb; box-shadow:0 0 5px #bbb}
.thumb:hover {background:#eee}

.box2 .thumb {padding:2px; margin:0 7px 5px 0; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc}
.box2 .thumb:hover {background:#ddd}

.nothumb {float:left; margin:0 5px 12px 0}

.box1 p, .box2 p {margin:0}

.divider {
	height:1px;
	font-size:1px;
	background:url(../images/divider_bg.gif) repeat-x;
	margin:10px 0 10px 0;
	clear:both;
}

.box2 .divider {
	margin:9px 0 9px 0;
}


/***************** list1 ***********************/


.list1 {
	margin:0;
	padding:0;
	list-style:none;
}

.list1 a {
	font-family:Arial, Helvetica, sans-serif;
	height:14px;
	line-height:14px;
	display:block;
	text-decoration:none;
	background:url(../images/icn_arrow.gif) no-repeat #f4f4f7;
	padding:0 0 0 20px;
	border-bottom:1px solid #fff;
}

.list1 a:link, .list1 a:visited {color:#333}
.list1 a:hover {text-decoration:underline}

.list1 li {
	display:inline; /* Removes gaps in IE/WIN */
}


/************ horizontal menu1 ****************/

.menuWrapper {
	width:942px;
	height:31px;
	background:url(../images/hMenu1_bg.gif) no-repeat #d20707;
}

.menu1 {
	margin:0;
	padding:0 0 0 31px;
	list-style:none;
	float:left;
}

.menu1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:31px;
	line-height:31px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	text-transform:normal;
	float:left;
	padding:0 14px 0 14px;
	border-top:0;
}

.menu1 a:link, .menu1 a:visited {color:#fff}

.menu1 a:hover {
	border-top:0;
	background:#660505;
	text-decoration:none;
}

.menu1 a.active {
	border-top:0;
	background:#660505;
	text-decoration:none;
}

.menu1 li {
	display:inline; /* Removes gaps in IE/WIN */
}

/************ horizontal menu2 ****************/

.menuWrapper2 {
	width:942px;
	height:27px;
	background:url(../images/hMenu2_bg.gif) no-repeat #eee;
}

.menu2 {
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
	float:left;
}

.menu2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:26px;
	line-height:26px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	text-transform:normal;
	float:left;
	padding:0 14px 0 14px;
	border-bottom:1px solid #f7f7f7;
}

.menu2 a:link, .menu2 a:visited {color:#202020}

.menu2 a:hover {
	border-bottom:1px solid #f63b3b;
	background:#fff;
	text-decoration:none;
}

.menu2 a.active {
	border-bottom:1px solid #f63b3b;
	background:#fff;
	text-decoration:none;
}

.menu2 li {
	display:inline; /* Removes gaps in IE/WIN */
}


/************ tabs ****************/

.tabWrapper {
	width:553px;
	height:29px;
	background:#333;
	float:left;
}

.tab {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.tab a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:28px;
	line-height:28px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	float:left;
	width:109px;
	border-right:1px solid #000;
	border-top:1px solid #000;
}

.tab a:link, .tab a:visited {color:#fff}

.tab a:hover {
	color:#222;
	background:#fff;
	border-top:1px solid #333;
	text-decoration:none;
}

.tab a.active, .tab a.active:link, .tab a.active:visited {
	color:#222;
	background:#fff;
	border-top:1px solid #333;
	text-decoration:none;
}

.tab li {
	display:inline; /* Removes gaps in IE/WIN */
}




/**************  pagination  *****************/

.paginationBox {
	margin:20px 0 0;
	clear:both;
}


UL.paging {
 	margin:0; 
 	padding:0; 
  	list-style:none;
	float:left;
}

UL.paging a {
	font-size:11px;
	color:#e5e5e5;
	background-color:#e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    text-decoration:none;
	text-align:center;
  	display:block;
 	width:20px;
  	height:15px;
 	line-height:15px;
	float:left;
	margin:0 4px 0 0;
	border-top:2px solid #e0e0e0;
	border-bottom:2px solid #fbfbfb;
}

ul.paging a:link, ul.paging a:visited {
	color:#b4b4b4;
	background-color:#e5e5e5;
}
 
ul.paging a:hover {
	color:#fff;
    text-decoration:none;
	background-color:#bfc5bc;
}
 
ul.paging li {
 	display:inline; /* Removes gaps in IE/WIN */
}


UL.paging a.active, UL.paging a.active:visited {
	color:#fff;
	font-weight:bold;
	border-top:2px solid #aeb4aa;
	border-bottom:2px solid #dde1dc;
  	background-color:#bfc5bc;
}


/**************** Text styles ****************/

.whiteText, .whiteText a, .whiteText a:visited {
	color:#fff;
}

.grayText, .grayText a, .grayText a:visited {
	color:#a8a8a8;
}

.greenText, .greenText a, .greenText a:visited {
	color:#026402;
}

.redText, .redText a, .redText a:visited {
	color:#850202;
}

.blueText, .blueText a, .blueText a:visited {
	color:#0f0f73;
}

/**************** MISC **********************/

.galleryThumbWrap {
	width:79px;
	float:left;
}

.icnSpace {
	margin-right:5px;
	vertical-align:middle;
}

/************** Form **********************/

input, textarea, select {
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	color:#464646;
	vertical-align:middle;
}


input.fieldSearch {
	background:url(../images/field_search_bg.gif) no-repeat;
	_background-attachment :fixed; /* IE hack */
	width:124px;
	border:0;
	padding:4px;
	vertical-align:middle;
	text-align:center;
}

input.textbox {
	border:1px solid #999;
	padding:3px;
	width:150px
}

select {font-size:12px}

.box1Body a, .box1Body a:active, .box1Body a:visited {color:#0052A4}
.box2Body a,.box2Body a:active, .box2Body a:visited {color:#0052A4}

div.paginator
{
	text-align:center;
	font-size:14px;
	padding-bottom:10px
}

div.paginator > a.selected {text-decoration:underline}
div.paginator > a.selected:hover {text-decoration:none}

div.news_stretch {width:755px}

.boxTitle1Stretch
{
	background:url('../images/title_veliki_bg.gif') no-repeat;
	height:24px
}

.news {overflow:hidden; width:460px}
	.news h3 {text-transform:none; margin:0}
	.news .intro {float:left;width:358px; margin:0; padding:0 0 5px}
	.clean.news .intro {width:auto}
	.news .date {text-align:right; margin:0; float:left; padding:0; height:17px; width:460px; overflow:hidden; font-size:11px; line-height:15px}
		.news .date .tags em {font-style:normal; display:none}