/**
 * TYPOlight webCMS
 * Copyright (C) 2005-2009 Leo Feyer
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 2.1 of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at http://www.gnu.org/licenses/.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2009
 * @author     Leo Feyer <leo@typolight.org>
 * @license    LGPL
 * @version    1.0
 */

/* -------------------
START CSS RESET
------------------- */

/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
}

/* Format basic elements */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img {
	border:0;
}
li {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}
a {
	color:#00f;
}
a:hover {
	text-decoration: none;
}
:focus {
	outline:0;
}

/* Font settings */
body {
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size:12px;
	color:#000;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:"Lucida Console",Monaco,monospace;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}

/* Default margins */
h1,h2,h3,h4,h5,h6 {
	margin-top:1em;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match font size */
}

/* -------------------
END CSS RESET
------------------- */
html {
	background-color: #7c838f;
}
body {
	background: url("images/background.jpg") left top repeat-x #fff;
}

#content {
	margin: 0;
	padding: 0;
}

#main a {
	color: #262626;
}

.clear {
	height: 1px;
	clear: both;
}

.invisible {
	display: none;
}

/* -------------------
START HEADER
------------------- */

#header {
	position: relative;
/*	background: url("images/header1.jpg") left top no-repeat #7c838f;*/
	height: 245px;
	width: 1200px;
	margin: 0 auto;
}
#header h1, #header h2 {
	display: none;
}

#logo {
	position: absolute;
	top: 35px;
	left: 135px;
	width: 187px;
	height: 125px;
	display: block;
}

#imgNavigation {
	position: absolute;
	top: 14px;
	right: 135px;
	height: 19px;
}
#imgNavigation li {
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	background: url("images/bullet_white.png") left top no-repeat transparent;
	_background: #fff;
}
#imgNavigation li a {
	display: block;
	text-decoration: none;
	width: 13px;
	height: 13px;
	padding: 3px;
	font-size: 10px;
	color: #000;
}
#imgNavigation li.active {
	background-image: url("images/bullet_yellow.png");
	_background: #ffcb05;
}

#referenceLink {
	position: absolute;
	top: 73px;
	right: 0;
}

#topMenu {
	position: absolute;
	height: 46px;
	width: 100%;
	left: 0;
	bottom: 0;
}

#mainNavigation {
	float: left;
	margin-left: 112px;
	height: 46px;
}
#mainNavigation li {
	float: left;
	border-right: 1px dashed #eaeaea;
	text-align: center;
}
#mainNavigation li a,
#mainNavigation li span {
	padding: 16px 35px 14px 35px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #fff;
}
#mainNavigation li span.active,
#mainNavigation li a:hover {
	color: #ffcb05;
}
#topSearch, 
#search {
	float: left;
	margin: 12px 25px;
}
#topSearch input.text,
#search input.text {
	width: 148px;
	height: 22px;
	border: none;
	background: url("images/search_input.png") left top no-repeat;
	_background: url("images/search_input.jpg") left top no-repeat;
	margin: 0;
	padding: 0 6px;
	float: left;
	color: #777;
	font-size: 14px;
}
#topSearch input.submit,
#search input.submit {
	width: 19px;
	height: 22px;
	border: none;
	background: url("images/search_button.png") left top no-repeat;
	_background: url("images/search_button.jpg") left top no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	cursor: pointer;
}

/* -------------------
STOP HEADER
------------------- */


/* -------------------
START MAIN
------------------- */

#center {
	width: 1200px;
	margin: 0 auto;
	background-color: #fff;
}

#main {
	position: relative;
	background: url("images/main_background.jpg") left top no-repeat #fff;
	padding: 18px 0 0 112px;
	width: 688px;
	float: left;
}

#main #breadcrumb,
#main div.mod_newsreader div.date {
	position: absolute;
	top: 47px;
	right: 40px;
	font-size: 10px;
	color: #262626;
}
#main #breadcrumb a {
	display: inline;
	color: #262626;
	text-decoration: none;
}
#main #breadcrumb a:hover { text-decoration: underline; }

#main h2,
#main #search h3,
#main div.mod_newslist h3 {
	background: url("images/h2_back.jpg") right top no-repeat #fff;
	font-size: 17px;
	text-transform: uppercase;
	font-family: serif;
	padding: 5px 0 5px 11px;
	margin: 20px 0;
	font-weight: bold;
	color: #262626;
}
#main h2 a,
#main #search h3 a,
#main div.mod_newslist h3 a {
	display: block;
	color: #262626;
	text-decoration: none;
}
#main h2 a:hover,
#main #search h3 a:hover,
#main div.mod_newslist h3 a:hover { text-decoration: underline; }

#main #search div.odd,
#main #search div.even {
/*	width: 664px;*/
	margin: 0;
	padding: 0;
}

#main .splitter {
	float: left;
	background: url("images/h2_splitter.jpg") left bottom no-repeat;
	height: 30px;
	width: 2px;
	padding-top: 20px;
}
#main .left {
	width: 345px;
	float: left;
	padding: 0;
	margin: 0;
}
#main .right {
	width: 340px;
	float: left;
	padding: 0;
	margin: 0;
}

#main .left h2,
#main .right h2 {
	width: 334px;
}
#main .right h2 {
	width: 330px;
}

#main h3 {
	margin: 0 0 20px 11px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
}

#main p {
	margin: 0 0 10px 11px;
	line-height: 18px;
}
#main p.context {
	margin-bottom: 50px;
	width: 664px;
}

#main p img,
#main p a img {
/*	float: left;*/
	margin: 2px 11px 2px 0;
	padding: 3px;
	border: 1px solid #ccc;
}
#main p a:hover img {
	border-color: #999;
}
#main ul {
	margin: 0 0 20px 11px;
}
#main ul li {
	padding-left: 20px;
	margin: 0;
	background: url("images/footer_bullet.jpg") 2px 2px no-repeat;
}

#main .left img, 
#main .right img {
	float: left;
}

#main span.more {
	display: block;
	margin: 0 0 0px 11px;
}
#main div.mod_newslist span.more {
	margin-left: 12px;
}
#main span.more a {
	color: #ffcb05;
	text-decoration: none;
}
#main span.more a:hover {
	text-decoration: underline;
}

body.not-found #main label {
	margin-left: 11px;
	display: block;
}
body.not-found #main input.text {
	margin: 2px 0 0 11px;
	padding: 0 6px;
	width: 148px;
	height: 24px;
	color: #777;
	border: none;
	background: url("images/404_search_input.png") left top no-repeat;
}
body.not-found #main input.submit {
	width: 19px;
	height: 24px;
	background: url("images/404_search_button.png") left top no-repeat;
	margin: 0 0 0 -6px;
	padding: 0;
	cursor: pointer;
	border: none;
}
table#vertikalna-signal {
	margin-left:11px;
}
table#vertikalna-signal img {
	margin: 0;
	padding: 3px;
	border: 1px solid #ccc;
}
table#vertikalna-signal tr.description {height:30px;}

/* -------------------
STOP MAIN
------------------- */


/* -------------------
START RIGHT
------------------- */

#right {
	background: url("images/magnifier.jpg") right top no-repeat #fff;
	width: 261px;
	padding: 155px 100px 0 39px;
	float: left;
}
#locations {
	width: 234px;
	border: 1px solid #ffcb05;
	border-top: none;
	border-bottom: none;
	padding-bottom: 10px;
}
#locations h3 {
	display: none;
}
#locations ul {
	width: 100px;
	padding-left: 27px;
}
#locations ul li {
	margin-bottom: 5px;
	padding-left: 20px;
	background: url("images/footer_bullet.jpg") 2px 2px no-repeat;
}
#locations ul li a { color: #262626; }
#locations ul li a:hover { text-decoration: none; }

#map {
	width: 236px;
	height: 23px;
	background-color: #ffcb05;
	padding: 0;
}
#map a {
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #262626;
	padding: 3px 10px 3px 0;
}
#map a.invisible { display: none; }
#map a:hover { text-decoration: underline; }

#news {
	margin-top: 40px;
	border-left: 2px solid #eaeaea;
	padding: 0 124px 1px 15px;
	width: 220px;
}
#news h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
#news h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#news h3 a {
	color: #262626;
	text-decoration: none;
}
#news h3 a:hover {
	text-decoration: underline;
}
#news p {
	color: #262626;
}
#news span.more a {
	background-color: #ffcb05;
	padding: 1px 6px;
	color: #262626;
	text-decoration: none;
}
#news span.more a:hover { text-decoration: underline; }

#banner {
	margin-top: 40px;
	width: 232px;
	border: 2px solid #eaeaea;
}
#banner div.comment {
	background-color: #eaeaea;
	padding: 10px;
	font-size: 10px;
}
#banner div.comment a {
	display: block;
	padding-right: 15px;
	background: url("images/arrow_yellow.jpg") right bottom no-repeat #eaeaea;
	text-decoration: none;
	color: #262626;
}
#banner div.comment a:hover { text-decoration: underline; }
/* -------------------
STOP RIGHT
------------------- */


/* -------------------
START FOOTER
------------------- */

#footer {
	background: url("images/footer_background.jpg") left bottom repeat-x #8c738f;
	height: 214px;
	clear: both;
	padding: 10px 0 0 0;
}

#copyright {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 71px;
	background: url("images/copyright_background.jpg") left bottom no-repeat #fff;
}
#copyright p {
	font-family: serif;
	position: absolute;
	bottom: 0;
	left: 108px;
	padding: 2px 20px 1px 5px;
	margin: 0;
	font-size: 11px;
	color: #999;
	background: url("images/signa.jpg") right top no-repeat #fff;
}
#copyright p a {
	margin-left: 5px;
	color: #999;
	text-decoration: none;
}
#copyright p a:hover {
	color: #333;
}

#footerNavigation {
	padding: 5px 90px 10px 118px;
	width: 992px;
	margin: 0 auto;
	height: 128px;
	background: url("images/footer_gradient.jpg") left top repeat-y #757f8f;
}
#footerNavigation div.subnav {
	font-family: serif;
	float: left;
	width: 210px;
	height: 118px;
	padding: 10px 15px 0 15px;
	border-right: 1px dashed #eaeaea;
}
#footerNavigation div.subnav h4 {
	padding: 0 0 0 15px;
	margin: 0;
	background: url("images/footer_bullet.png") left center no-repeat;
	font-size: 16px;
	text-transform: uppercase;
}
#footerNavigation div.subnav ul {
	background-image: none;
	width: auto;
	height: auto;
	border: none;
	padding: 10px 0 0 16px;
}
#footerNavigation div.subnav ul li {
	background: url("images/footer_arrow.png") 1px 8px no-repeat;
	font-size: 12px;
	text-transform: none;
	padding: 3px 0 0 10px;
}
#footerNavigation div.subnav ul li a {
	text-decoration: none;
	color: #000;
}
#footerNavigation div.subnav ul li a:hover {
	text-decoration: underline;
}
#contact {
	position: relative;
	float: left;
	font-weight: bold;
	width: 268px;
	height: 87px;
	background: url("images/footer_logo_number.jpg") left top no-repeat;
}
#contact h3 {
	color: transparent;
	position: absolute;
	width: 200px;
	top: 40px;
	left: 120px;
	padding: 0;
	margin: 0;
	font-size: 22px;
}

/* -------------------
STOP FOOTER
------------------- */