/* CSS Document */

body {
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #55483f;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	background: url(images/page-gradient-bg.gif) repeat-x #a2c5d7;
	font-size: 0.75em;
	line-height: 1.5em;
	position: relative;
}


a {
	color: #df5e09;
	text-decoration: none;
    outline: none;
}

a:link {
	color: #df5e09;
	text-decoration: none;
}

a:visited {
	color: #df5e09;
	text-decoration: none;
}

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

p {
	margin: 0.7em 0 1em 0;
}

ul {
	list-style-type: disc;
	margin: 1em 0 0 20px;
	padding: 0;
}

ul li {
	margin: 0;
	padding: 0;
}

ul.list2 {
	margin: 1em 0 0 20px;
	list-style: none;
}

ul.list2 li {
	background: url(Images/icn-ok.gif) no-repeat left center;
	padding-left: 25px;
	line-height: 2em;	
}

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

ul.list1 li.question {
	background: url(Images/icn-question.gif) no-repeat left center;
	padding-left: 25px;
	line-height: 2em;	
}

div.hr {
	clear: both;
	height: 2px;
	font-size: 1px;
	background: url(Images/line.gif) repeat-x;
	margin: 10px 0;
	padding: 0;
}

form {
	margin: 0px;
}

h1 {
	color: #fff;
	font-size: 2em;
	margin: 0;
	padding: 0;
	line-height: 100%;
}

h3 {
	color: #2e81a3;
	font-size: 1.2em;
	margin: 0.5em 0 0 0;
	padding: 0;
	line-height: 100%;
}



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

.wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

.logo { 
	height: 102px;
	background: url(Images/logo-bg.gif) no-repeat;
	position: relative;
}

.menu-wrap {
	height: 59px;
	background: url(images/main-menu-bg.gif) no-repeat;
}

.header {
	height: 213px;
	background: url(Images/header02-bg.jpg)  no-repeat;
	position: relative;
}

.content {
	width: 960px;
	background: url(Images/content-bg-02.gif) no-repeat #ececec;
}

.footer {
	height: 93px;
	background: url(images/footer-bg-02.gif) no-repeat;
	position: relative;
	clear: both;
}

.footer-shadow {
	height: 62px;
	background: url(Images/footer-shadow.gif) repeat-x;
}


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

.headerInfo {
	position: absolute;
	top: 10px;
	right: 230px;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #5e9fb8;
}

.logoLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 310px;
	height: 102px;
	display: block;
	text-indent: -9999px;
}

.headerTitle {
	position: absolute;
	top: 50px;
	left: 40px;
	color: #fff;
}

.headerLead {
	width: 520px;
	position: absolute;
	top: 100px;
	left: 40px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #fff;
}

.col1 {
	width: 620px;
	float: left;
	padding-bottom: 1px;
}

.col2 {
	width: 340px;
	float: left;
	padding-bottom: 1px;
}


.box1 {
	width: 590px;
	background: url(Images/content-title-bg.gif) no-repeat;
	margin: 25px 14px 15px 15px;
	clear: both;
}

.box2 {
	width: 310px;
	background: url(Images/content-title2-bg.gif) no-repeat;
	margin: 25px 15px 15px 15px;
	clear: both;
}

.box1 h2,
.box2 h2 {
	font-size: 1.7em;
	text-indent: 0.1em;
	background: url(Images/line.gif) repeat-x bottom;
	color: #2d2a2a;
	display: block;
	padding: 0 0 0.25em 0;
	margin: 1em 0 1em 0;
}

.box1 .body,
.box2 .body {
	font-size: 1.05em;
	line-height: 2em;
	padding: 5px 20px 20px 20px;
}

.box2 .body {
	font-size: 1em;
	line-height: 1.6em;
}

.date {
	color: #fff;
	background: #ff6416;
	padding: 0 2px 0 2px;
	font-size: 0.9em;
}

.tbl01 {
	border-collapse: collapse;
	clear: both;
	display: block;
	text-align: center;
	background: #f8f8fc;
}

.tbl01 td {
	border: 1px solid #bbb;
	padding: 0.4em;
}


.footerInfo {padding:0; list-style:none; margin:0; position: absolute; top: 30px; right: 30px; color: #83a2b6; font-size: 0.8em;}


/****************** Horizontal menu Kentico *************/

.CMSListMenuUL {padding:0; list-style:none; margin:0 0 0 10px; height:59px; }
.CMSListMenuUL li {display:block; float: left; height:59px; margin:0; padding:0 17px 0 0; background:url(Images/menu-item3.gif) right top; line-height:59px; font-family: "Trebuchet MS", Arial, Sans-serif; font-size:14px; color:#fff; text-decoration:none;}
.CMSListMenuUL li a
{display:block; height:59px; float:left; padding:0 0 0 17px; background:url(Images/menu-item3.gif) left top; cursor: pointer; color:#fff; text-decoration:none;}
.CMSListMenuUL li a:visited {color:#fff; text-decoration:none;} /* IE6 patch */

.CMSListMenuUL li.CMSListMenuHighlightedLI
{background-position:right bottom; color:#fff; }
.CMSListMenuUL li a:hover,
.CMSListMenuUL li a:focus
{color: #ff6600;}
.CMSListMenuUL a.CMSListMenuLinkHighlighted
{background-position:left bottom; color:#fff;}
.CMSListMenuUL li.CMSListMenuHighlightedLI:hover,
.CMSListMenuUL a.CMSListMenuLinkHighlighted:hover
{color:#fff; }


/****************** Footer menu Kentico *************/

.footerCMSListMenuUL {padding:0; list-style:none; margin:0; position: absolute; width: 430px; top: 30px; left: 180px; }
.footerCMSListMenuUL li {display:inline; margin:0; text-align:left; line-height: 180%; }
.footerCMSListMenuUL li a {margin:0; padding:0 8px 0 8px; font-size:11px; color:#bcd5e4; text-decoration:none; background: url(Images/divider.gif) no-repeat right center; }
.footerCMSListMenuUL li a:hover { text-decoration: underline; }
li.footerCMSListMenuHighlightedLILast a, 
li.footerCMSListMenuLILast a { background: none; }


/**************** Thumb Galeries ****************/

.thumb1 { 
	border: 1px solid #d7d7ca;
	background: #fff;
	float: left;
	padding:10px;
	margin: 0 10px 10px 0;
}

.thumb2 { 
	border: 1px solid #d7d7ca;
	background: #fff;
	float: left;
	padding: 6px;
	margin: 0 8px 4px 0;
}

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

.SearchResults {
    margin: 20px 0 20px 0;
}


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

.paginationBox {
	margin: 20px 0 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: #746635;
}

.brownText, .brownText a, .brownText a:visited {
	color: #805C26;
}


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

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

textarea {
	line-height: 150%;
}

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;
}



/**************** KENTICO ********************/

.EditingFormErrorLabel,
.ErrorLabel {
	color: red;
}

.PagerControl {
	text-align: center;
	clear: both;
	font-size: 1.2em;
}

#ctl00_Naslov_pnlEditor,
#ctl00_UvodniTekst_pnlEditor {
}

ul.CMSSiteMapList {
     margin: 0;   
}

ul.CMSSiteMapList ul {
     margin-left: 2em;   
}