@import url(ostalo.css);

body {color: #676767;margin: 0;padding: 0;text-align: center;font-size: 0.7em;font-family: arial, sans-serif;background: #ffffff url(../images/background.gif) repeat-x;}

h1 {color: #214875;font-size: 2.0em;font-weight: normal;padding: 15px 0 5px 0;width: auto;margin: 0;font-family: Georgia, "Times New Roman", Times, serif;font-style: normal;margin-bottom:1em;margin-top:0.5em;}
h2 {margin:0; padding-bottom:10px; line-height: 1.3em; font-size: 1.3em;font-family: Georgia, "Times New Roman", Times, serif;color: #6d6b2b;}
h3 {margin:0; padding-bottom:10px; padding-top:20px;line-height: 1.3em; font-size: 1.3em;font-family: Georgia, "Times New Roman", Times, serif;color: #6d6b2b;}
h4 {margin:0; padding-bottom:10px; padding-top:20px;line-height: 1.3em; font-size: 1.3em;font-family: Georgia, "Times New Roman", Times, serif;color: #6d6b2b;}
h5 {margin:0; padding-top:10px;line-height: 1.3em; font-size: 1.3em;font-family: Georgia, "Times New Roman", Times, serif;color: #6d6b2b;}
p {line-height: 1.6em;margin-right: 0;margin-bottom:1em;padding: 0;text-align: left;}
img {border: none;}
#container {
	margin: 0 auto;
	display: block;
	width: 800px;
	min-height: 600px;
	text-align: left;
	position: relative;
	padding: 0;
	border-top: 15px solid #fff;
	background: url(../images/heading_bg.gif) no-repeat;
}
#leftarea {margin-top: 130px;margin-left: 10px;padding: 0;width: 168px;float: left;text-align: left;}
html>body #leftarea {margin-left: 20px;}

/* =navigacija
================================================  */
#navigacija { padding: 0;}
#navigacija h2 { display: none; }
#navigacija ul {border-top: 11px solid #214875;border-bottom: 1px solid #5a581c;width: 168px;padding: 5px 0 0 0; list-style: none;margin: 0;display: block;}
#navigacija li {background: #aeac60;width: 168px;margin: 0;}
#navigacija li a:link,
#navigacija li a:hover,
#navigacija li a:visited {color: #ffffff;text-decoration: none;	margin: 0;padding: 7px 0 7px 17px;display: block;height: 16px;min-height: 16px;font-weight: normal;}
html>body #navigacija li a:link,
html>body #navigacija li a:hover,
html>body #navigacija li a:visited { height: auto; }
#navigacija li a:hover {background: #8d8b42 url(../images/hover_bg.gif) repeat-x;background-position: bottom left;}
#navigacija li.selected a.selected {color: #214875;background: #e3e2ad url(../images/selected_bg.gif) repeat-x;background-position: bottom left;}
#navigacija li ul {display: none; border: none;}
#navigacija li.selected ul {display: block;margin: 0;padding: 0;}
#navigacija li.selected li.selected a.selected {color: #214875;background: #adbe36 url(../images/subnav_selected.gif) repeat-x;background-position: bottom left;	}
#navigacija li ul li a:link,
#navigacija li ul li a:visited {background: #68962c url(../images/hover_bg.gif) repeat-x;	background-position: bottom left;}
#navigacija li ul li a:link,
#navigacija li ul li a:visited,
#navigacija li ul li a:hover { padding-left: 27px; }
#navigacija li ul li a:hover { background: #214875; }

/* =content
================================================  */
.jezici {width: 163px;height: 201px;margin-top: 14px;float: left;clear: left;padding: 0;padding-left: 5px;}
#content {
	display: block;
	width: 579px;
	height: auto;
	line-height: 1.6em;
	margin: 0 0 15px 12px;
	float: left;
	padding: 0;
}
#home #content { margin-top: 10px; }
#content a:link,
#content a:visited { color: #29558b;text-decoration: none;font-weight: bold;}
#content a:hover { text-decoration: underline; }
.content2 {display: block;width: 579px;border-top: 1px solid #f3f3f3;height: auto;line-height: 1.6em;margin: 0 20px 15px 0;float: right;padding: 0;}
.content3 {display: block;width: 579px;border-top: 1px solid #f3f3f3;height: auto;line-height: 1.6em;margin: 0 20px 5px 0;float: right;padding: 0;}
.content2 a:link,
.content2 a:visited {color: #565656;text-decoration: none;font-weight: bold;}
.content2 a:hover { text-decoration: underline; }
.content2 ul {margin:0; padding:0;}
.content2 ul li { background:url(../images/bullet.gif) no-repeat 0 10px; padding-left:14px; list-style:none;}
.content2 li {margin:0; padding:3px 0; line-height:1.6em;}
#content ul {margin:0; padding:0 0 10px 0;}
#content ul li { background:url(../images/bullet.gif) no-repeat 0 10px; padding-left:14px; list-style:none;}
#content li {margin:0; padding:3px 0; line-height:1.6em;}

#flash {
	margin: 130px 0 0 12px;
	padding: 0;
	float: left;
	display: block;
	width:580px;
	height: 340px;
}
html>body #quicklinks { margin: 0 0 0 10px; } 


/* =footer
================================================  */
#footer-wrapper {background: #f3f3f3;clear: both;height: 49px;display: block;width: 100%;}
#footer {width: 740px;margin: 0 auto;text-align: left;padding-top: 10px;}
.text {display: block;padding: 0;margin: 0;line-height: 0.1em;padding-top: 7px;}
.links {padding: 0;margin-bottom: 10px;margin-top: 5px;display: block;}
#guestbook p {text-align: right;}
#guestbooktupis p {text-align: right;}
#guestbooktupis a:link {color: #29558b;text-decoration: none;font-weight: normal;}
#guestbooktupis a:hover { text-decoration: underline; }
.validators {width: 740px;margin: 10px auto;text-align: left;}
.validators em { display: none; }
#editlink a:link{color: #214875;}
br.clear {clear: both;}

/* =fotke
================================================  */
.imageTab {float:right; width:130px; margin-top:5px; margin-bottom:25px;padding:0;}
.imageC1 {float:right;width:auto;margin:0 0 10px 10px;padding:0;}
.imageC1 img {display:block; margin-bottom:5px; float:none;border:1px solid #e6e3d4;padding:4px;}
.imageC1 a:hover img {border: 1px solid #214875;}
.imageTab2 {float:right; width:260px; margin-top:5px; padding:0;}
.imageTab22 {
	float:left;
	width:246px;
	padding:0 0 0 24px;
}
.imageC2 {float:left; width:auto; margin:0 0 5px 10px;}
.imageC2 img {display:block; margin-bottom:5px; float:none; border: 1px solid #e6e3d4; padding:4px;}
.imageC2 a:hover img {border: 1px solid #214875;}
.imageC2 a:hover {border-bottom: none; background: none;}
.imageTab3 {float:right; width:260px; margin-top:45px; margin-bottom:40px; padding:0;}
.imageTab4 {
	float:right;
	width:260px;
	margin-top:25px;
	padding:0;
}
.imageC1 a {}

/* =tablica udaljenosti
================================================  */
.udaljenosti {float: left; display: block; width: 300px;}
table {width: 100%;table-layout: fixed;border-collapse: separate;border-spacing: 1px;background-color: white;color: #444444;}
table thead th {color: white;text-align: center;font-weight: bold;background-color: #c5c5c5;}
table td, table th { padding: 4px; vertical-align: middle; }
table caption { caption-side: bottom; }
table tbody td {background-color: #eeeeee;}
tr.shade1 td { background-color: #c5c5c5; }
tr.shade2 td { background-color: #d3d3d3; }
tr.shade3 td { background-color: #e2e2e2; }
tr.shade4 td { background-color: #e8e8e8; }
td.center { text-align: center; }

/* =kontakt i rezervacije
================================================  */
#contactC1 {background:#f2f2f2; border:1px solid #e6e3d4; padding:9px; width:550px; overflow:auto; margin-bottom:30px;}
#contactC1 label {color: #22355d; width:120px; display:block; float:left; padding:6px 2px 0 0; margin:0; line-height:1em; text-align: right;}
#contactC1 input {border:none; background:#fff; border-top:1px solid #e6e3d4; margin:0 0 10px 0; line-height:1.3em; padding:4px 3px 4px 3px; color:#5e5e5e;}
#contactC1 .formLeft {width:360px; float:left;}
#contactC1 .formLeft input {width:232px; float:left;}
#contactC1 .formLeft input.dateFrom, #contactC1 .formLeft input.dateTo {width:160px; background:#fff url(../../elementi/images/input_calendar.gif) no-repeat center right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.0em;}
#contactC1 .formLeft input.code {width:160px; background:#fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.0em;}
#contactC1 .formLeft img {float: right; padding-top:2px;}
#contactC1 .formLeft .bijeliBG {background: #fff !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.0em;}
#contactC1 .formLeft .skriveni{display:none;}
#contactC1 .formLeft .message {border:none; background:#fff; border-top:1px solid #e6e3d4; margin:0 0 10px 0; padding:4px 3px; height:104px; width:232px; float:left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #22355d;font-size: 1.0em;overflow:auto;}
#contactC1 input.button {float:right; width:auto;border:none; border-bottom:1px solid #e6e3d4; background:#fff; color:#476ca1; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 0; width:80px; font-size:1.0em;}
#contactC1 input.button:hover {background:#fff; color:#000; cursor:pointer;}
#contactC1 input.button2 {float:right; width:auto;border:none; border-bottom:1px solid #e6e3d4; background:#fff; color:#476ca1; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 5px; width:80px; font-size:1.0em;}
#contactC1 input.button2:hover {background:#fff; color:#000; cursor:pointer;}
#contactC1 form:focus {border-bottom:none;}


/* =kalendar
================================================  */
table.jCalendar {background: #fff; border-spacing:0px; padding:0; margin:0; width:140px; text-align:center;}
table.jCalendar th {background: #048bbe; color: #fff; font-weight: bold; padding: 3px 5px;}
table.jCalendar td {background: #e5edf8; color: #048bbe; padding: 3px 3px; margin:0; text-align: center; border-spacing:0px}
table.jCalendar td.other-month {background: #fff; color: #048bbe;}
table.jCalendar td.today {background: #048bbe; color: #fff;}
table.jCalendar td.selected {background: #81bcd5; color: #fff;}
table.jCalendar td.selected:hover {background: #81bcd5;	color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #81bcd5;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #d9e3f1;color: #90c7dc;}
/* For the popup */
div.dp-popup {position: relative; background:#fff; font-size: 10px; font-family: arial, sans-serif; padding: 2px 6px 6px 6px; width: 154px; line-height: 1.1em; margin:20px 0 0 0px; border:1px solid #a7c0e0;	text-align:center; width:141px;}
div#dp-popup {position: absolute; z-index: 199;}
div.dp-popup h2 {font-family: arial, sans-serif; font-size: 11px; text-align: center; margin:0;	padding: 2px 0;	color:#048bbe;	width:154px; line-height:1.3em;}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display:block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #048bbe; text-decoration: none;	padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute; top:2px; left:4px; width:100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default; color:#048bbe;}
div.dp-popup div.dp-nav-next {position: absolute; top:2px; right:4px; width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default; color:#fff;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor:default;}