body {
background: #f1f1f1 url(images/bg_top.jpg) repeat-x top;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
line-height: 19px;
color: #68696b;
}

#center {
margin: 0 auto;
width: 974px;
}

#header_top {
height: 106px;
}

#header_left {
float: left;
height: 90px;
width: 353px;
padding: 16px 0 0 7px;
}

#logo_hrv {
background: url(images/logo.jpg) no-repeat;
width: 330px;
height: 30px;
}

#logo_deu {
background:url(images/logo_deu.jpg) no-repeat;
width: 220px;
height: 27px;
}

#logo_eng {
background: url(images/logo_eng.jpg) no-repeat;
width: 260px;
height: 20px;
}

#header_right {
float: right;
height: 71px;
width: 270px;
padding-top: 25px;
}

#header_right div {
float: left;
width: 90px;
height: 45px;
text-align: center;
}

#o-nama {
background: url(images/o-nama.jpg) no-repeat center;
}

#kontakt {
background: url(images/kontakt.jpg) no-repeat center;
}

#savjeti {
background: url(images/savjeti.jpg) no-repeat center;
}

#header_middle {
height: 205px;
padding: 7px
}

#header_img {
background: url(images/bol_brac.jpg) no-repeat;
width: 420px;
height: 205px;
float: left;
}

#trazilica {
background: url(images/search.jpg) no-repeat;
width: 517px;
height: 155px;
float: right;
padding: 50px 0 0 18px;
color: #FFFFFF;
}

#content {
background: url(images/content_bg.jpg) repeat-y;
float: left;
width: 974px;
}

#content_bot {
background: url(images/content_bot.jpg) no-repeat bottom left;
float: left;
width: 974px;
}

#content_top {
background: url(images/content_top.jpg) no-repeat;
padding: 6px 7px 15px;
float: left;
width: 960px;
}

#top_nav {
height: 130px;
float: left;
width: 974px;
}

#top_nav div {
float: left;
width: 192px;
height: 130px;
}

#top_nav #top1 {
background: url(images/topnav_01.jpg) no-repeat;
}

#top_nav #top2 {
background: url(images/topnav_02.jpg) no-repeat;
}

#top_nav #top3 {
background: url(images/topnav_03.jpg) no-repeat;
}

#top_nav #top4 {
background: url(images/topnav_04.jpg) no-repeat;
}

#top_nav #top5 {
background: url(images/topnav_05.jpg) no-repeat;
}

#top_nav a {
float: left;
display: block;
width: 192px;
height: 130px;
}

#top_nav em {
display: none;
}

#top_nav #top1 a {
background: url(images/topnav_h_01.jpg) no-repeat 0 130px;
}

#top_nav #top1.current a {
background: url(images/topnav_h_01.jpg) no-repeat
}

#top_nav #top2 a {
background: url(images/topnav_h_02.jpg) no-repeat 0 130px;
}

#top_nav #top2.current a {
background: url(images/topnav_h_02.jpg) no-repeat
}

#top_nav #top3 a {
background: url(images/topnav_h_03.jpg) no-repeat 0 130px;
}

#top_nav #top3.current a {
background: url(images/topnav_h_03.jpg) no-repeat
}

#top_nav #top4 a {
background: url(images/topnav_h_04.jpg) no-repeat 0 130px;
}

#top_nav #top4.current a {
background: url(images/topnav_h_04.jpg) no-repeat
}

#top_nav #top5 a {
background: url(images/topnav_h_05.jpg) no-repeat 0 130px;
}

#top_nav #top5.current a {
background: url(images/topnav_h_05.jpg) no-repeat
}

#top_nav #top1 a:hover {
background: url(images/topnav_h_01.jpg) no-repeat
}

#top_nav #top2 a:hover {
background: url(images/topnav_h_02.jpg) no-repeat
}

#top_nav #top3 a:hover {
background: url(images/topnav_h_03.jpg) no-repeat
}

#top_nav #top4 a:hover {
background: url(images/topnav_h_04.jpg) no-repeat
}

#top_nav #top5 a:hover {
background: url(images/topnav_h_05.jpg) no-repeat
}

#content_main {
float: left;
clear: both;
width: 960px;
}

#left {
float: left;
width: 155px;
padding: 0 12px;
}

#right {
width: 156px;
float: right;
padding: 12px 12px 0 0
}

#main {
float: left;
width: 583px;
padding: 0 15px;
overflow: hidden;
font-size: 1.1em;
}

#footer {
clear: both;
width: 930px;
margin: 0 auto;
color: #5c5e61;
padding: 5px 15px;
height: 20px;
}

#footer_left {
float: left;
}

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

/* LINKS */

#header_left a, #header_right a {
display: block;
}

#logo_hrv a {
height: 30px;
}

#logo_deu a {
height: 27px;
}

#logo_eng a {
height: 20px;
}

#header_top a {
color: #757575;
text-decoration: none;
font-weight: bold;
}

#header_top a:hover {
color: #474747;
}

#header_right a {
height: 20px;
padding-top: 45px
}

#content a, #datacontainer a {
color: #4874ba;
font-weight: bold;
text-decoration: none;
}

#content a:hover, #datacontainer a:hover {
text-decoration: underline;
color: #1c3771;
}

#footer a {
color: #5c5e61;
text-decoration: none;
}

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

#content .pos_upit a {
color: #bb2b00;
display: block;
}

#content .pos_upit a:hover {
color: #4874ba;
text-decoration: none;
}

/* TRAZILICA */

#trazilica strong {
margin-left: 10px;
}

#trazilica input {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #636363;
margin: 2px 0 2px 10px;
}

input#search_mjesto {
border: 1px solid #FFFFFF;
width: 300px;
background: #dee4ee url(images/search_mjesto.jpg) repeat-x bottom;
color: #3960a1;
float: left;
height: 21px;
padding: 2px 6px 0;
font-size: 1.3em;
font-weight: bold;
}

#trazilica input.search_go {
background: url(images/search_go.jpg) no-repeat;
width: 92px;
height: 30px;
border: 0;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
vertical-align: middle;
float: left;
margin-top: 0;
}

.search {
float: left;
padding-right: 10px;
}

.search_but {
vertical-align: middle;
padding: 2px;
margin: 0;
width: 10px;
}

.google_m {
text-align: center;
margin-bottom: 15px;
}

.google_m .photo_big {
margin: 0;
}

/* OGLASI */

.oglas {
background: #f0f0f0;
border: 3px solid #D4D4D4;
padding: 13px;
margin: 5px 0 10px;
float: left;
width: 557px;
}

.oglas_txt {
float: right;
width: 290px;
}

.oglas:hover {
border: 3px solid #fb8c6a;
}

.oglas img {
float: left;
margin-right: 15px;
border: 1px solid #b9b9b9;
}

.oglas_info_wr {
height: 45px;
}

.oglas_info {
float: left;
}

.oglas_info2 {
float: right;
}

.clear {
height: 7px;
padding: 10px;
}

#content p {
margin: 0;
padding: 7px 0;
}

.txt_right {
text-align: right;
}

.txt_center {
text-align: center;
}

.oglas_left {
border-bottom: 1px solid #cacaca;
color: #4a4c54;
padding: 7px 5px
}

.oglas_left img {
border: 1px solid #969696;
margin-bottom: 5px;
}

#right img {
border: 4px solid #c1c1c1;
margin-bottom: 12px;
}

.photo_big {
border: 1px solid #969696;
margin: 10px
}

.pos_upit {
background: #e8e8e8 url(images/button.jpg) repeat-x bottom;
border: 1px solid #bb2b00;
font-size: 1.2em;
padding: 3px;
width: 150px;
text-align: center;
}

.pos_upit:hover {
border: 1px solid #b7b7b7;
}

/* OTHER */

h1 {
color: #DF6945;
font-size: 1.3em;
margin: 0;
padding: 20px 0 7px 0
}

h2 {
color: #9a9a9a;
font-size: 1.2em;
margin: 0;
padding-bottom: 10px;
}

h3 {
color: #555761;
font-size: 1.3em;
border-bottom: 1px solid #cacaca;
padding: 12px 0 5px;
margin: 0
}

h4 {
color: #777777;
font-size: 1.1em;
margin: 0;
text-transform: uppercase;
padding: 5px 0
}

hr {
color: #d3d3d3;
background-color: #d3d3d3;
height: 1px;
border: 0;
margin: 0 0 10px;
clear: both;
}

dt {
font-weight: bold;
}

dd {
margin: 0 0 10px 0;
}

.txt_right {
text-align: right;
}

#datamain {
border-bottom: 1px solid #cacaca;
}


/* galerija slika */

.gallery_img img {
border: 0;
height: 167px;
}

.gallery_img {
float: left;
margin: 0 17px 20px;
padding: 3px;
display: inline;
background: #D5D5D5;
}

.gallery_img:hover {
background: #FB8C6A;
}


/* KONTAKT FORMA */

#main form {
margin-top: 10px;
}

#main input, #main select, #main textarea {
background: #FFFFFF;
border: 1px solid #bababa;
font-family: Tahoma, Verdana, Sans-serif;
color: #202020;
font-size: 1em;
width: 300px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px
}

#main .button {
background: #FFFFFF;
width: 65px;
padding: 2px 0
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}


.pages {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

.pages li {
display: inline;
padding: 0 5px
}

.pages a {
}

.text_m {
font-size: 1.2em;
}