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

html, body {
height: 100%;
}

#bg_bottom {
background: url(../../images/footer.gif) repeat-x bottom;
display: block;
min-height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0
}

* html #bg_bottom {
height: 100%;
position: relative;
}

*:first-child+html #bg_bottom {
position: relative;
}

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


/* header */

#header {
background: url(../../images/header.jpg) no-repeat;
height: 183px;
}

#logo {
float: left;
width: 340px;
height: 105px;
padding-top: 27px;
}

#logo a {
display: block;
width: 340px;
height: 105px;
float: left;
}

#header_kontakti {
float: right;
width: 180px;
height: 140px;
color: #4a4a4a;
text-align: right;
line-height: 17px;
padding: 43px 195px 0 0;
}

#header a {
color: #3e90ce;
text-decoration: none;
}

#header a:hover {
color: #c1a314;
text-decoration: underline;
}

#header_fb {
	float: right;
	width: 60px;
	height: 55px;
}

#header_fb a {
	display: block;
	float: left;
	width: 60px;
	height: 55px;
	text-indent: -9999px;
}



/* content */

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

#content_padd {
float: left;
width: 960px;
padding-bottom: 83px;
}


/* left */

#left {
float: left;
width: 200px;
padding-right: 15px;
}

#left div, #right div {
float: left;
height: 60px;
width: 200px;
margin-bottom: 15px;
}

#left a, #right a {
text-decoration: none;
height: 60px;
display: block;
float: left;
width: 200px;
}

#left a em, #right a em {
visibility: hidden;
}

#link1 a {
background: url(../../images/link1.gif) no-repeat top;
}

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

#link2 a {
background: url(../../images/link2.gif) no-repeat top;
}

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

#link3 a {
background: url(../../images/link3.gif) no-repeat top;
}

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

#link4 a {
background: url(../../images/link4.gif) no-repeat top;
}

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

#link5 a {
background: url(../../images/link5.gif) no-repeat top;
}

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

#link6 a {
background: url(../../images/link6.gif) no-repeat top;
}

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

#link7 a {
background: url(../../images/link7.gif) no-repeat top;
}

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

#link8 a {
background: url(../../images/link8.gif) no-repeat top;
}

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

#link9 a {
background: url(../../images/link9.gif) no-repeat top;
}

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

#link10 a {
background: url(../../images/link10.gif) no-repeat top;
}

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

#link11 a {
background: url(../../images/link11.gif) no-repeat top;
}

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

#link12 a {
background: url(../../images/link12.gif) no-repeat top;
}

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


/* right */

#right {
float: right;
width: 200px;
padding-left: 15px
}


/* middle */

#flash {
float: left;
width: 528px;
height: 210px;
border: 1px solid #FFFFFF;
border-bottom: 0;
}

#middle {
float: left;
width: 528px;
text-align: justify;
background: #e0e0e0 url(../../images/content.gif) repeat-x top;
border: 1px solid #FFFFFF;
min-height: 433px;
}

* html #middle {
height: 433px;
}

#subnav {
background: url(../../images/subnav.gif) repeat-x;
height: 32px;
margin-bottom: 7px;
}

#middle #subnav a {
display: block;
float: left;
height: 24px;
border-right: 1px solid #a9a9a9;
font-size: 1.1em;
font-weight: bold;
padding: 8px 15px 0;
color: #1d6fad;
}

#subnav a#subnav_last {
border: 0;
}

#middle #subnav a:hover {
background: url(../../images/subnav.gif) repeat-x bottom;
color: #FFFFFF;
text-decoration: none;
}

#middle #subnav a.subnav_current {
background: url(../../images/subnav_current.gif) repeat-x top;
color: #3e90ce;
}

/* sub sub nav */

#sub_tabs {
clear: both;
padding-top: 15px;
}

.text #sub_tabs a {
background: #FFFFFF;
padding: 4px 10px;
margin: 0 5px 5px 0;
float: left;
}



/* novosti */

.novost {
background: url(../../images/novost.gif) repeat-x top;
float: left;
width: 498px;
padding: 15px;
color: #313131;
font-size: 1.1em;
line-height: 18px;
}

.novost_first {
background: none;
}

.novost_img {
float: left;
width: 155px;
text-align: center;
}

.novost_img a {
float: left;
padding: 5px;
background: #dfc01d url(../../images/novost_img.gif) repeat-x bottom;
}

.novost_img a:hover {
background: #4fa7dd;
}

.novost_img img {
border: 0;
}

.novost_txt {
float: left;
width: 328px;
padding-left: 15px;
}

.novost p, .content_box p {
margin: 0;
padding: 8px 0 0;
}

.novost_kraj {
font-size: 0.9em;
text-align: right;
color: #9b9b9b;
}

.novost_kraj a {
font-weight: bold;
margin-right: 5px;
}

.novost_kraj span {
color: #666666;
margin-left: 5px;
}


/* content box */

.content_box {
float: left;
width: 498px;
padding: 15px 0;
margin: 0 15px;
display: inline;
color: #313131;
font-size: 1.1em;
line-height: 18px;
border-bottom: 1px solid #CFCFCF;
}

.content_box_first {
padding-top: 0;
}



/* content other */

.text {
padding: 15px;
font-size: 1.1em;
line-height: 20px;
color: #3F3F3F;
float: left;
width: 498px;
display: inline;
}

.text p {
margin: 0;
padding: 12px 0 0;
}

.text ul, .text dl {
list-style: none;
margin: 0;
padding: 10px 0 0 20px;
}

.text li, .text dt {
background: url(../../images/bullet.gif) no-repeat 0 9px;
padding: 0 0 5px 13px;
}

.text dd {
margin: 0;
padding: 0 0 10px 13px;
}



.link_btn {
font-weight: bold;
background: #FFFFFF;
padding: 5px 10px;
float: left;
margin: 0 5px 5px 0;
}

#middle .link_btn:hover {
background: #EFDB59;
text-decoration: none;
color: #563C08;
}

.link_btn img {
border: 0;
vertical-align: middle;
margin-left: 5px;
}

.sep {
clear: both;
height: 1px;
font-size: 1px;
border-bottom: 1px solid #CFCFCF;
padding-top: 15px;
}


.img_left {
float: left;
border: 5px solid #dfc01d;
margin: 5px 15px 5px 0;
}


#radno_vrijeme {
border-top: 1px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
width: 498px;
margin-top: 15px;
}

#radno_vrijeme td {
border-bottom: 1px solid #BFBFBF;
border-left: 1px solid #BFBFBF;
padding: 5px;
text-align: center;
background: #EFEFEF;
}

#rv_row_title td {
background: #BFBFBF;
font-weight: bold;
}

#radno_vrijeme td.rv_col_title {
font-weight: bold;
background: #CFCFCF;
text-align: left;
}




/* galerija slika */

/* galerija dropdown */

#content_dropdown {
position: relative;
z-index: 100;
width: 498px;
padding-top: 15px;
height: 30px;
}

.text #content_dropdown ul {
padding: 0;
float: right;
}

.text #content_dropdown li {
background: none;
padding: 0;
}

#content_dropdown a {
background: #FFFFFF;
font-weight: bold;
padding: 3px 10px;
float: right;
}

.text #content_dropdown ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 41px;
left: 325px;
width: 185px;
float: none;
line-height: 15px;
}

#content_dropdown table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}

.text #content_dropdown ul ul li {
background: #BFBFBF;
padding: 0;
width: 173px;
border-bottom: 1px solid #868A8F;
border-right: 0;
border-left: 0;
height: auto;
}

#content_dropdown ul ul li.content_dropdown_last {
border: 0;
}


* html #content_dropdown ul ul li {
width: 173px;
}

.text #content_dropdown ul ul a {
color: #205987;
height: auto;
width: 153px;
font-size: 0.9em;
background: none;
float: none;
padding: 5px 10px 5px;
display: block;
}

* html #content_dropdown ul ul a {
width: 153px;
w\idth: 153px;
}

.text #content_dropdown a:hover {
color: #563C08;
background: #EFDB59;
text-decoration: none;
}

.text #content_dropdown ul ul a:hover {
color: #FFFFFF;
background: #3E90CE;
text-decoration: none;
}

.text #content_dropdown :hover > a {
color: #563C08;
background: #EFDB59;
text-decoration: none;
}

#content_dropdown ul li:hover ul, #content_dropdown ul a:hover ul {
visibility: visible;
}


/* thumbovi */

.gallery_th, .gallery_th_last {
width: 156px;
height: 110px;
float: left;
margin: 15px 15px 0 0;
}

.gallery_th_last {
margin: 15px 0 0 0;
}

.gallery_th a, .gallery_th_last a {
display: block;
float: left;
width: 146px;
height: 100px;
background-repeat: no-repeat;
background-position: center;
border: 5px solid #DFC01D;
background-color: #DFC01D;
}


.gallery_th a:hover, .gallery_th_last a:hover {
border: 5px solid #3E90CE;
background-color: #3E90CE;
}


/* podkategorija */

.podkategorija {
background: #FFFFFF;
margin-top: 15px;
padding: 15px;
}




/* footer */


#footer {
margin: 0 auto;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
z-index: 3;
width: 100%;
height: 68px;
text-align: center;
}

#footer_txt {
height: 43px;
color: #1c1b1b;
width: 960px;
margin: 0 auto;
padding: 25px 15px 0;
}

#footer_left {
float: left;
width: auto;
text-align: left;
}

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



/* headings */

h1 {
font-size: 1.25em;
color: #c1a314;
margin: 0;
padding: 0 0 12px;
border-bottom: 1px solid #CFCFCF;
}

h1 strong {
color: #7F7F7F;
}

h2 {
font-size: 1.1em;
margin: 0;
}

.novost h2, .content_box h2, .podkategorija h2 {
font-size: 1.05em;
}


h3 {
color: #FFFFFF;
border-bottom: 2px solid #cf3a0b;
padding-bottom: 8px;
}


/* links */

a {
outline: none;
}

#middle a {
color: #3e90ce;
text-decoration: none;
}

#middle a:hover {
color: #c1a214;
text-decoration: underline;
}


#footer a {
color: #08365c;
text-decoration: none;
}

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


/* other */

.emph {
font-weight: bold;
}

.clear {
clear: both;
}



/* forms */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px;
background: #FFFFFF;
border: 1px solid #BFBFBF;
float: left;
color: #3C3734;
}

.kontakt_forma select {
width: 256px;
}

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

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

.kontakt_forma input.button {
width: 112px;
margin-left: 110px;
height: 26px;
background:  #367CAF;
border: 0;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
margin-bottom: 0;
}

.kontakt_forma input.button:hover {
background: #C2A414;
}

.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 {
float: left;
margin: 7px 0 0 4px;
border: 0;
}