body {
background: #dedacc url(../../images/bg.gif);
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

#bg_top {
background: url(../../images/bg_top.gif) repeat-x;
}

#bg_bottom {
background: url(../../images/bg_bottom.gif) repeat-x bottom;
}

#center {
width: 935px;
margin: 0 auto;
text-align: center;
}


/* header */

#header_top {
background: url(../../images/header_top.gif) no-repeat;
height: 55px;
width: 919px;
margin: 0 auto;
}

#header_top ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.9em;
float: right;
width: 649px;
font-weight: bold;
}

#header_top li {
float: left;
height: 55px;
background: url(../../images/header_sep.gif) no-repeat right;
padding-right: 3px;
}

#header_top li#header_top_last {
background: none;
padding-right: 1px;
}

#header_top li#header_top_first {
padding-left: 1px;
}

#header_top li a {
color: #0097ba;
text-decoration: none;
background: url(../../images/header_hover.gif) no-repeat 0 100px;
display: block;
float: left;
height: 35px;
width: 125px;
padding-top: 20px;
}

#header_top li#header_top_last a {
width: 135px;
}

#header_top li a:hover {
background: url(../../images/header_hover.gif) repeat-x;
color: #007c9b
}

#header {
background: url(../../images/header.jpg) no-repeat;
height: 240px;
padding: 0 8px;
}

#logo {
float: left;
width: 270px;
height: 240px;
}

#logo a {
display: block;
float: left;
width: 270px;
height: 240px;
text-decoration: none;
}

#logo a em {
visibility: hidden;
}

#flash {
width: 649px;
height: 240px;
float: right;
}


/* content */

#content {
float: left;
clear: both;
background: url(../../images/content.gif);
width: 919px;
margin-left: 8px;
display: inline;
}


/* left */

#content_left {
float: left;
width: 270px;
padding: 12px 0;
text-align: left;
}

#leftbox1 {
background: url(../../images/box1.gif) no-repeat;
height: 74px;
border-top: 1px solid #b0b0b0;
border-bottom: 1px solid #b0b0b0;
margin-bottom: 12px;
}

#leftbox2 {
background: url(../../images/box2.gif) no-repeat;
height: 74px;
border-top: 1px solid #b8b3a2;
border-bottom: 1px solid #b8b3a2;
margin-bottom: 12px;
}

#leftbox1 a, #leftbox2 a {
color: #5d5d5d;
text-decoration: none;
display: block;
height: 48px;
font-weight: bold;
font-size: 1.2em;
padding: 26px 0 0 15px;
background: url(../../images/box1_hover.gif) no-repeat 0 100px;
}

#leftbox1 a:hover {
background: url(../../images/box1_hover.gif) no-repeat;
}

#leftbox2 a {
color: #746c47;
background: url(../../images/box2_hover.gif) no-repeat 0 100px;
}

#leftbox2 a:hover {
background: url(../../images/box2_hover.gif) no-repeat;
}

#kontakt {
background: #aaeeff url(../../images/kontakt_bg.gif) no-repeat top;
border-top: 1px solid #72d7ff;
border-bottom: 1px solid #72d7ff;
color: #595959;
font-size: 0.9em;
}

#kontakt .link_btn a {
background: #d9f8ff;
font-weight: bold;
border: 1px solid #49c4f4;
padding: 3px 10px;
}

#kontakt .link_btn a:hover {
background: #75d6ee;
}

#kontakt_img {
background: url(../../images/kontakt_img.gif) no-repeat bottom right;
padding: 15px 0 8px 20px;
}


/* right */

#content_right {
float: right;
width: 599px;
border-top: 1px solid #f4f2eb;
color: #535353;
text-align: justify;
padding: 20px 25px;
}


#savjeti_podrucja {
background: #d9d4c5;
padding: 5px 0;
font-weight: bold;
}

#content_right #savjeti_podrucja a {
margin: 0 15px;
color: #0088a4;
}

.pitanje {
background: url(../../images/content_sep2.gif) no-repeat bottom left;
padding-bottom: 13px;
}

#content_right .pitanje p {
padding: 5px 0 0;
}



/* footer */

#footer {
clear: both;
height: 43px;
color: #535353;
font-size: 0.9em;
padding: 10px 20px 0;
}

#footer_left {
float: left;
}

#footer_right {
float: right;
text-align: right;
}


/* headings & other */

#kontakt h3 {
font-weight: bold;
font-size: 1.3em;
background: url(../../images/kontakt_sep.gif) no-repeat left bottom;
margin: 0 0 5px;
padding-bottom: 10px;
}

h1 {
background: url(../../images/content_sep.gif) no-repeat left bottom;
font-size: 1.6em;
margin: 0 0 5px;
color: #01809d;
font-weight: normal;
padding-bottom: 12px;
}

.h1_float {
float: left;
width: 599px;
}

.h1_left {
float: left;
line-height: 30px;
}

.h1_right {
float: right;
}

.h1_right a {
font-size: 0.7em;
font-weight: bold;
background: #f5f3eb;
padding: 4px 12px;
border: 1px solid #c9c3af;
line-height: 30px;
}

#content_right .h1_right a:hover {
background: #FFFFFF;
text-decoration: none;
}

h2 {
color: #7f6e44;
font-size: 1.2em;
margin: 0;
padding: 15px 0 0;
}

#content_right h3 {
color: #65625f;
margin: 0;
padding: 20px 0 5px;
}


h4 {
color: #7f6e44;
font-size: 1.1em;
margin: 0;
padding: 15px 0 0;
}

#content_left p {
margin: 0;
padding: 7px 0;
line-height: 17px;
}

#content_left #kontakt p.link_btn {
padding-top: 10px;
}

.kontakt_space {
padding-right: 30px;
}

#content_right p {
margin: 0;
padding: 10px 0;
line-height: 21px;
}

#content_right p.novost_kraj {
padding: 3px 0 13px;
text-align: right;
color: #7F6E44;
}


/* images */

a.img_left {
float: left;
background: #dedacc;
padding: 10px;
margin: 5px 20px 5px 0
}

a.img_right {
float: right;
background: #dedacc;
padding: 10px;
margin: 5px 0 5px 20px
}

a.img_left:hover, a.img_right:hover {
background: #d5ceb6;
}

.img_left img, .img_right img {
border: 0;
}

img.img_left {
border: 10px solid #dedacc;
float: left;
}

img.img_right {
border: 10px solid #dedacc;
float: right;
}


/* lists */

.list {
list-style: none;
line-height: 21px;
margin: 0;
padding: 10px 0 10px 10px;
}

.list li {
background: url(../../images/bullet.gif) no-repeat 0 10px;
padding: 2px 0 3px 12px;
}


.sep {
clear: both;
background: url(../../images/content_sep2.gif) no-repeat left center;
height: 2px;
font-size: 1px;
padding: 5px 0;
}

.clear {
clear: both;
}

.emph {
font-weight: bold;
}

.mapa {
float: right;
}

.mapa_margin {
margin: 10px 0 0 20px;
}


/* links */

a {
outline: none;
}

#kontakt a {
color: #027a97;
text-decoration: none;
}

#kontakt a:hover {
color: #004056;
}

#content_right a {
color: #00A0C1;
text-decoration: none;
}

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

#footer a {
color: #535353;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #736c51;
text-decoration: underline;
}


/* kontakt forma */

form {
margin: 0;
padding: 0;
}

.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 2px;
background: #f6f6f6;
border: 1px solid #AFAFAF;
float: left;
color: #505253;
}

.kontakt_forma select {
width: 256px;
}

.kontakt_forma input.datum_input {
width: 120px;
}


.kontakt_forma {
width: 430px;
float: left;
padding: 10px 0 15px 0
}

.kontakt_forma label {
width: 120px;
float: left;
margin-top: 5px;
font-weight: bold;
}

.kontakt_forma input.button {
width: 83px;
margin-left: 120px;
height: 25px;
background: #AAEEFF;
color: #027A97;
border: 1px solid #5AB3CF;
font-weight: bold;
cursor: pointer;
margin-bottom: 0;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error, .kontakt_forma select.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}

.txt_error_img, .calendar {
float: left;
margin: 4px 0 0 4px;
border: 0;
}

.txt_error_img {
margin-top: 8px;
}

.calendar_cont {
clear: both;
float: left;
width: 400px;
height: 35px;
}