@charset "utf-8";
/* CSS Document */

body {
background: #3c466a url(images/bg.jpg) top center;
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.75em;
}

#bg_top {
background: url(images/bg_top.jpg) repeat-x top center;
padding-top: 10px;
}

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

#header {
color: #7a89ae;
height: 33px;
left: 260px;
position: relative;
width: 680px;
padding-top: 57px;
}

#othersites {
left: 260px;
width: 680px;
position: relative;
font-size: 0.9em;
text-align: right;
color: #7a89ae
}

#lang {
float: left;
width: 69%;
margin-top: 2px;
}

#search {
float: right;
width: 30%;
}

#search label, #search input, #search img {
float: left;
}

#search label {
margin-top: 2px;
}

#search input {
background: #7182a6 url(images/input.gif) repeat-x top;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.9em;
color: #e0ebf6;
border: 1px solid #87a3bf;
height: 15px;
padding: 2px;
margin: 0 6px 0 10px;
width: 110px;
}

#search input.trazi_link {
width: 5px;
height: 9px;
paddin: 0;
margin: 3px 0 0 0;
background: none;
border: 0;
}

#search img {
border: 0;
margin-top: 7px;
}

#content {
width: 939px;
height: 566px;
/*left: -101px;
position: relative;*/
}

#left {
float: left;
width: 247px;
height: 539px;
padding-top: 17px;
color: #6c8fb6;
}

#right {
float: right;
width: 676px;
height: 558px;
background: #cbd6e2;
padding: 8px 8px 0 8px;
font-size: 0.9em;
line-height: 17px;
}

#right_1 {
background: #9a6c7d url(images/onama1.jpg) no-repeat bottom;
height: 458px;
width: 418px;
float: left;
padding: 5px 15px 15px;
color: #FFFFFF;
}

#novosti_1 {
background: #9a6c7d url(images/novosti.jpg) no-repeat bottom;
height: 458px;
width: 418px;
float: left;
padding: 5px 15px 15px;
color: #FFFFFF;
}

#right_2 {
background: #5e78b0 url(images/onama2.jpg) no-repeat bottom;
height: 448px;
width: 190px;
float: right;
padding: 15px;
color: #FFFFFF;
}

#novosti_2 {
background: #5e78b0 url(images/novosti2.jpg) no-repeat;
height: 378px;
width: 190px;
float: right;
padding: 15px;
color: #FFFFFF;
}

#right_shopping {
float: left;
width: 435px;
}

#shopping_1 {
background: url(images/odjeca_lokal.jpg) no-repeat;
padding: 15px;
width: 418px;
height: 167px;
color: #FFFFFF;
}

#shop_nav {
height: 448px;
width: 190px;
float: right;
padding: 15px;
}


#garaza_left {
background: #9A6C7D url(images/garaza1.jpg) no-repeat;
height: 448px;
width: 418px;
padding: 15px;
color: #FFFFFF;
float: left;
}

#garaza_right {
background: #76799a url(images/garaza2.jpg) no-repeat;
width: 220px;
height: 478px;
float: right;
}

#galerija {
background: #9a6c7d url(images/mapa_cent.jpg) no-repeat bottom;
height: 448px;
padding: 15px 5px 15px 10px;
color: #FFFFFF;
}

#galerija.mapa_gal {
background: #97687a;
padding-left: 20px;
}

#galerija img {
border: 0
}

#right_2 img {
border: 1px solid #ebe1e5;
}

#galerija a {
display: block;
width: 148px;
height: 100px;
float: left;
margin: 0 6px 22px;
background: #c5acb5;
padding: 3px 0 0 3px
}

#galerija #map_nav a {
display: inline;
width: auto;
height: auto;
float: none;
margin: 0 5px;
background: none;
padding: 0;
color: #ffffff;
text-decoration: none;
}

#galerija a:hover {
background: #fcedf4;
}

#galerija #map_nav a:hover {
color: #e5c7d1;
}

#map_title {
float: left;
width: 635px;
border-bottom: 1px solid #b78f9d;
padding: 5px 0 10px;
margin-bottom: 10px;
}

#map_nav {
color: #b78f9d;
float: left;
}

#mycustomscroll {
height: 140px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#mycustomscroll2 {
height: 330px;
overflow: auto;
position: relative;
}

#mycustomscroll3 {
height: 310px;
overflow: auto;
position: relative;
}

.onamatext2 {
clear: both;
}

.onamatext2 strong {
font-size: 1.1em;
color: #aac3e5
}

#right_bot {
width: 676px;
float: left;
clear: both;
height: 64px;
}

#right_bot a {
display: block;
width: 220px;
height: 64px;
}

.right_bot1, .right_bot2, .right_bot3 {
float: left;
height: 64px;
margin-top: 8px;
width: 220px;
}

.right_bot1, .right_bot2 {
margin-right: 8px;
}

.right_bot1 {
background: #7a93bc url(images/imp_galleria.jpg) no-repeat;
}

.right_bot2 {
background: #7a93bc url(images/imp_resort.jpg) no-repeat;
}

.right_bot3 {
background: #7a93bc url(images/imp_grupa.jpg) no-repeat;
}


/* newsletter i radno vrijeme */

.newsletter_prijava {
background: url(images/newsletter.gif) no-repeat;
width: 253px;
height: 59px;
margin: 8px 8px 0 0;
float: left;
color: #FFFFFF;
padding: 5px 10px 0 185px;
line-height: 13px;
}

.newsletter_input, .newsletter_btn {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
}

.newsletter_input {
background: #e6ecf2;
border: 1px solid #5f7ba4;
padding: 2px;
width: 210px;
color: #4a4e5b;
vertical-align: middle;
}

.newsletter_btn {
background: #4b5886;
border: 1px solid #4b5886;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
vertical-align: middle;
padding: 1px 4px;
}

.radno_vrijeme_bot {
background: url(images/radno_vrijeme.gif) no-repeat;
width: 140px;
height: 24px;
margin-top: 8px;
float: right;
color: #FFFFFF;
padding: 40px 65px 0 15px;
}

.rv_left {
float: left;
width: 70px;
}

.rv_right {
float: right;
width: 60px;
font-weight: bold;
text-align: right;
}


#footer {
clear: both;
height: 93px;
margin: 10px 0 0 250px;
width: 672px;
color: #7a89ae;
padding: 0 6px;
}

#footer_left {
float: left;
width: 450px;
line-height: 20px;
}

#footer_right {
float: right;
width: 215px;
font-size: 0.9em;
text-align: right;
font-weight: bold;
}

#footer_right img {
border: 0;
vertical-align: middle;
margin: 0 0 3px 5px;
}

#footer a {
color: #9cbce4;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
}

#footer_small {
padding-bottom: 8px;
text-align: center;
font-size: 0.8em;
}

#footer_left #footer_small {
text-align: left;
}

#footer_cp {
font-size: 1.1em;
}

#logo {
background: url(images/logo_centar.jpg) no-repeat;
width: 218px;
height: 82px;
margin: 0 0 15px 4px;
}

#logo a {
display: block;
width: 218px;
height: 82px;
text-decoration: none;
}

#logo h1 {
display: none;
}

#logo em {
visibility: hidden;
}

ul#nav {
list-style: none;
margin: 0 0 0 58px;
padding: 0;
font-size: 1.1em;
font-weight: bold;
}

ul.subnav {
list-style: none;
margin: 8px 0 10px 82px;
padding: 0;
font-size: 0.9em;
}

ul.subnav li {
margin-bottom: 5px;
}

ul#nav li {
background: url(images/nav_butt2.gif) no-repeat left;
padding: 0 0 0 10px;
display: block;
height: 31px;
border-bottom: 1px dashed #456686
}

ul.subnav li {
background: none;
padding: 0;
border: 0;
}

#nav a {
text-decoration: none;
display: block;
height: 23px;
padding: 8px 0 0 5px;
/*font-weight: bold;*/
}

.subnav a {
color: #bfbfcb;
text-decoration: none;
}

.subnav a:hover {
color: #87a9d4;
}

#nav a:link, #nav a:visited {
color: #e9e9ef;
background:url(images/nav_hover.gif) no-repeat 100px 100px;
}

#nav a:hover, #nav a:active {
color: #87a9d4;
background:url(images/nav_hover.gif) repeat 
}

#header a {
text-decoration: none;
}

#header a:link, #header a:visited {
color: #9caacc;
}

#header a:hover, #header a:active {
color: #FFFFFF;
}

#othersites a {
color: #9caacc;
text-decoration: none;
}

#othersites a:hover {
color: #FFFFFF;
}

#right_1 h1, #right_2 h1, #garaza_left h1, #galerija h1 {
text-align: right;
font-weight: normal;
}

#right_1 h1, #right_2 h1 {
padding-top: 20px;
}

#right_1 h1, #garaza_left h1  {
font-size: 2.2em;
margin-right: 15px;
color: #d8b8c3
}

#novosti_1 h1 {
font-weight: normal;
font-size: 2em;
color: #d8b8c3;
margin: 0;
padding: 15px 0;
}

#novosti_1 h1.novosti_title {
	color: #a6c5ed;
}

#novosti_1 h2 {
color: #ddd0d5;
font-size: 1.3em;
margin: 0;
}

#novosti_2 h1 {
color: #bad2f4;
font-weight: normal;
margin: 0;
padding: 5px 0 10px;
text-align: right;
}


#garaza_left h1  {
color: #dfc1cb;
margin-top: 0
}

#galerija h1 {
color: #e5c7d1;
margin: 0;
padding: 10px 30px 25px 0;
font-size: 2em;
}

#galerija #map_title h1 {
float: right;
padding: 0;
}

#right_2 h1, #shopping_2 h1 {
color: #aac3e5;
font-size: 1.9em
}

#right_2 h1.lokacija {
text-align: left;
margin: 0;
padding: 8px 0 15px;
}

#shopping_2 h1, #shopping_2 h2 {
color: #a0bafb;
text-align: right;
margin: 0;
padding-bottom: 10px;
font-weight: normal;
}

#shopping_2 h2 {
font-size: 1.5em;
}


#garaza_left a, #novosti_1 a {
color: #f5d0dc;
text-decoration: none;
}

#garaza_left a:hover , #novosti_1 a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#shopping_2 a {
color: #FFFFFF;
text-decoration: none;
}

#shopping_2 a:hover {
color: #a0bafb;
text-decoration: underline;
}

#novosti_2 a {
color: #e2eaff;
text-decoration: none;
}

#novosti_2 a:hover {
color: #FFFFFF;
text-decoration: underline;
}

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

.novost {
border-bottom: 1px solid #a36c7f;
padding-bottom: 10px;
margin: 0 7px 15px 0;
float: left;
width: 401px;
}

.novost img {
float: left;
border: 1px solid #c7899e;
margin: 5px 10px 0 0;
}

.n_info {
height: 17px;
color: #b998a2;
font-weight: bold;
}

.n_info_l {
float: left;
}

.n_info_r {
float: right;
}

#novosti_2 ul {
color: #94add0;
margin: 0;
padding: 10px 0 0 20px;
}

#novosti_2 li {
padding-bottom: 3px;
}

hr {
background: #b98597;
border: 0;
color: #b98597;
height: 1px;
margin: 15px 0;
}


/* KONTAKT FORMA */


#novosti_1 input, #novosti_1 select, #novosti_1 textarea {
background: #c5acb5;
border: 1px solid #5c3a49;
font-family: Tahoma, Verdana, Sans-serif;
color: #5a3345;
font-size: 1em;
width: 160px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px
}

#novosti_1 input:focus, #novosti_1 textarea:focus {
border: 1px solid #000000;
background: #fcedf4;
}

#novosti_1 .button {
width: 65px;
padding: 2px 0
}

legend {
display: none;
}

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

.alert {
color: #FF0000
}

#right form {
margin-top: 15px;
}

#right .newsletter_prijava form {
margin: 7px 0 0 0;
}

#forma .col1 {
float: left;
}

#forma .col2 {
float: right;
padding-right: 30px;
}


#shop_nav .scrollgeneric, #novosti_1 .scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
#shop_nav .vscrollerbase, #shop_nav .vscrollerbar,
#novosti_1 .vscrollerbase, #novosti_1 .vscrollerbar {
width: 10px;
}
#shop_nav .hscrollerbase, #shop_nav .hscrollerbar,
#novosti_1 .hscrollerbase, #novosti_1 .hscrollerbar {
height: 10px;
}
#shop_nav .scrollerjogbox,
#novosti_1 .scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
#right_shopping #top {
padding: 15px;
width: 418px;
height: 203px;
}
#right_shopping #img {
width: 435px;
height: 237px;
margin-top: 8px;
}
#right_shopping #shop_nav {
height: 448px;
width: 190px;
float: right;
padding: 15px;
}
#right_shopping h1, #shop_nav h1 {
padding-bottom: 10px;
font-size:1.8em;
font-weight:normal;
margin:0;
}
#shop_nav h1 {

font-size: 1.3em;
font-weight: bold;
}
#right_shopping a, #shop_nav a {
text-decoration: none;
}
#right_shopping a:hover, #shop_nav a:hover {
text-decoration: underline;
}
#shop_nav ul {
margin:0;
padding: 0 0 0 20px;
}
#shop_nav li {
padding-bottom:3px;
}
#shop_nav #scroll {
height: 320px;
overflow: auto;
position: relative;
margin-top: 10px;
clear: both;
}
#scroll2 {
height: 390px;
overflow: auto;
position: relative;
}
#scroll3 {
height: 390px;
overflow: auto;
position: relative;
}


/* BISTRO */

#right_shopping #top.bistro_t {
background: url(images/bistro_t.jpg) no-repeat;
color: #FFFFFF;
}

#shop_nav.bistro_r {
background: url(images/bistro_r.jpg) no-repeat bottom;
color: #FFFFFF;
}

.bistro_r h1, .bistro_t h1 {
color: #e2d2b4;
}

#right_shopping .bistro_t a {
color: #e2d2b4;
}

#right_shopping .bistro_t a:hover, #shop_nav.bistro_r a:hover {
color: #FFFFFF;
}

.bistro_r a {
color: #FFFFFF;
}

.bistro_r ul {
color: #e2d2b4;
clear: both;
}

.bistro_r div {
background: #967c65;
margin-bottom: 10px;
float: left;
padding-bottom: 5px
}

#shop_nav ul.opis {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 143px;
padding-left: 7px;
clear: none
}

#shop_nav ul.cijena {
float: right;
list-style: none;
margin: 0;
padding: 0;
width: 30px;
clear: none
}

.sort {
text-align: right;
}

.sort img {
margin-left: 3px;
}

.clear {
clear: both;
}

a {
	outline: none;
}