/*--------------------------------------------------------
# Author: Nenad Jelovac
# Author URI: http://css-guy.com
--------------------------------------------------------*/


/*------------------------------------------------------*/
/* =HTML ELEMENTS										*/
/*------------------------------------------------------*/
body {
	background: #fff url(../images/bg.jpg) no-repeat top center;
	color: #565656;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

/* SAFARI FIX (if the fix is needed. You can apply it for any element, or for all - on 'body')
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) { body {-webkit-text-stroke:0 black;}}
*/

h1 {
	color: #0058ae;
	font-family: 'HelveticaLTExtraCompressedReg', sans-serif;
	font-size: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

a {
	color: #48add7;
	outline: none; /* removing outline in Mozilla */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* SETTING FORM ELEMENTS */
button,
textarea,
input[type="text"],
input[type="submit"] {
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
}


button:hover,
input.submit:hover, /* class .submit (if developing for IE6) */
input[type="submit"]:hover {
	cursor: pointer;
}

textarea {
	margin: 0; 			/* removing margin in Mozilla */
	overflow: auto;		/* for IE and older browsers */
}

/* removing odd button padding/margin in Mozilla */
button::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

/*------------------------------------------------------*/
/* =CUSTOM FONTS										*/
/*------------------------------------------------------*/
@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/gothic-webfont.eot');
	src: local(' '), url('../fonts/gothic-webfont.woff') format('woff'), url('../fonts/gothic-webfont.ttf') format('truetype'), url('../fonts/gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaLTExtraCompressedReg';
	src: url('../fonts/helvetica_lt_extra_compressed-webfont.eot');
	src: local(' '), url('../fonts/helvetica_lt_extra_compressed-webfont.woff') format('woff'), url('../fonts/helvetica_lt_extra_compressed-webfont.ttf') format('truetype'), url('../fonts/helvetica_lt_extra_compressed-webfont.svg#webfont8P0yDYkS') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*

SETTING UP FONT

	font-family: 'CenturyGothic', sans-serif;
	font-family: 'HelveticaLTExtraCompressedReg', sans-serif;

*/

/*------------------------------------------------------*/
/* =FLOAT CLASSES										*/
/*------------------------------------------------------*/

/* clears the float  */
.floatClear {
	overflow: hidden;
}

/* usually for <br /> tag to clear the float (in cases where class .floatClear is not applicable) */
.clear {
	clear: both;
	line-height: 0;
}

/*------------------------------------------------------*/
/* =LAYOUT												*/
/*------------------------------------------------------*/

/*----------------------------------*/
/* =WRAPPER							*/
#wrapper {
	margin: 0 auto;
	padding: 90px 0 20px 0;
	width: 900px;
	position: relative;
}

img {
	vertical-align: top;
}

img#tel {
	position: absolute;
	right: 0;
	top: 5px;
}

img#subheader {
	margin-bottom: 25px;
	position: relative;
	left: -11px;
}

span.watermark {
	background: url(../images/watermark.png) no-repeat;
	display: block;
	height: 517px;
	width: 430px;
	z-index: -100;
	position: absolute;
	bottom: 0;
	right: -160px;
}

/*----------------------------------*/
/* =LOGO							*/
#logo {
	position: absolute;
	top: 10px;
	left: 0;
}

/*----------------------------------*/
/* =MENU							*/
#menu {
	position: absolute;
	top: 100px;
	right: 0;
	z-index: 100;
}

#menu li {
	background: url(../images/menu-li.png) no-repeat 0 50%;
	float: left;
	margin-left: 7px;
	padding-left: 10px;
}

#menu li:first-child {
	background: none;
}

#menu a {
	color: #0d4264;
	display: block;
	font-family: 'CenturyGothic', sans-serif;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	text-transform: uppercase;
}

#menu li.active {
	background: url(../images/menu-active-li.png) no-repeat;
	margin-right: -15px;
	padding-left: 7px;
	position: relative;
}

#menu li.active a {
	background: url(../images/menu-active.png) no-repeat 100% 0;
	color: #fff;
	padding: 0 12px 0 5px;
}

#menu li.active a:hover {
	text-decoration: none;
}

/*----------------------------------*/
/* =CONTENT							*/
#content {
	line-height: 20px;
}

#content p {
	margin-bottom: 18px;
}

#content p.note {
	border-bottom: 1px solid #b5c3cc;
	color: #0d4264;
	font-family: 'CenturyGothic', sans-serif;
	font-size: 13px;
	padding-bottom: 20px;
}

#content ul.izvestaji a {
	color: #1f5a80;
	text-decoration: underline;
}

#content ul.izvestaji a:hover {
	text-decoration: none;
}

/*----------------------------------*/
/* =FOOTER							*/
#footer {
	border-top: 1px solid #b5c3cc;
	border-bottom: 1px solid #b5c3cc;
	margin-top: 20px;
	overflow: hidden;
	padding: 16px 0;
}

#footer ul {
	background: url(../images/logo-footer.png) no-repeat 0 50%;
	float: left;
	padding-left: 70px;
}

#footer li {
	border-left: 1px solid #ababab;
	display: inline;
	padding: 0 7px;
}

#footer li:first-child {
	border-left: none;
}

#footer p {
	float: right;
}

#footer a {
	color: #565656;
}