body {
background:#192857 url(../images/bg.gif) repeat-x fixed left bottom;
color:#214c89;
font:11px/17px Tahoma, "Trebuchet MS", Arial;
margin:25px 0;
padding:0
}

.form p {
margin:0;
padding:1px
}

.form label {
color:#192857;
float:left;
padding-top:2px;
width:180px
}

.form input[type=text],.form input[type=password],.form textarea, .form select {
border:1px solid #192857;
font:11px/17px Tahoma, "Trebuchet MS", Arial;
padding:5px;
width:250px
}
.form select {
width:260px
}
.form input[type=submit] {
background:#192857;
border:0;
color:#fff;
font-size:11px;
font-weight:700;
margin-top:2px;
padding:7px 10px;
text-align:center
}

.form textarea {
height:140px
}

h1 {
font-size:18px;
font-weight:400;
margin:0;
padding:0 0 10px
}

h2 {
font-size:15px;
font-weight:700;
line-height:22px;
margin:0;
padding:20px 0 3px
}

img {
border-style:none;
border-width:0;
margin:0;
padding:0
}

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

.clear {
clear:both
}

.float-left {
float:left
}

.float-right {
float:right
}

.okvir-slike {
background:#FFF;
border:1px solid #192857;
margin:5px;
padding:1px
}

#wrapper {
background:#FFF url(../images/top-rub.gif) no-repeat left top;
margin:auto;
padding:5px 5px 0;
width:970px
}

#menu {
background:#214c89 url(../images/menu-gradient.jpg) no-repeat right top;
height:40px
}

#bc {
background:url(../images/bc.gif) repeat-x top;
color:#214c89;
font-size:10px;
line-height:12px;
padding:7px 10px 8px
}

#head {
background:url(../images/head-bg.jpg) no-repeat left top;
border-bottom:3px solid #1cb1d8;
height:124px
}

#lang {
color:#FFF;
font:11px/20px Tahoma, "Trebuchet MS", Arial;
height:20px;
margin:9px 0 0 830px;
position:absolute;
width:125px
}

#lang select {
border:1px none #13376a;
color:#000;
font:11px/20px Tahoma, "Trebuchet MS", Arial;
height:20px;
padding:2px
}

#logo {
background:url(../images/logo.jpg) no-repeat;
display:block;
height:95px;
margin-left:33px;
margin-top:13px;
position:absolute;
width:164px
}

#head-tekst {
color:#214c89;
line-height:17px;
margin-left:242px;
margin-top:20px;
position:absolute;
width:380px
}

#head-slika {
background:url(../images/head-slika.jpg) no-repeat left top;
height:161px;
margin-left:628px;
margin-top:-31px;
position:absolute;
width:342px
}

#container {
background:url(../images/container-bg.jpg) no-repeat left bottom;
float:left;
padding-top:10px
}

#left {
float:left;
width:210px
}

#croatia-logo {
background:url(../images/croatia-logo.jpg) no-repeat left top;
display:block;
height:56px;
margin:10px auto 200px;
width:148px
}

#form1 .search-input {
background:url(../images/search-input.gif) no-repeat left top;
border-style:none;
font:10px/10px Tahoma, "Trebuchet MS", Arial;
height:20px;
margin-left:10px;
margin-top:6px;
padding:2px 5px 6px;
width:155px
}

.search-button {
background:#214c88 url(../images/gumb-bg.gif) repeat-x top;
border:0;
color:#fbc805;
font-size:11px;
font-weight:700;
margin:1px 0 6px 10px;
padding:2px
}

.text-okvir {
background:#214c88 url(../images/gumb-bg.gif) repeat-x top;
border:1px solid #367381;
color:#fbc805;
float:left;
font-size:11px;
font-weight:700;
padding:2px 6px
}

.text-okvir a {
color:#fbc805;
text-decoration:none
}

.text-okvir a:hover {
color:#D5AB04;
text-decoration:none
}

#center {
float:left;
padding:5px 10px 115px;
width:527px
}

#right {
float:right;
width:207px
}

.box {
background:url(../images/box-middle.gif) repeat-y top;
color:#FFF;
width:207px
}

.box-bottom {
background:url(../images/box-bottom.gif) no-repeat bottom
}

.box-top {
background:url(../images/box-top.gif) no-repeat top;
padding:0 0 15px
}

.box-title {
background:url(../images/search-ikona.gif) no-repeat 182px 10px;
color:#21bfeb;
font-size:12px;
font-weight:700;
padding:9px 10px 14px;
position:relative
}

#map {
background:url(../images/mapa.jpg) no-repeat;
height:274px;
margin-bottom:10px;
width:537px
}

.croatia-map {
margin-left:20px;
margin-top:10px;
position:absolute;
}

.map-title {
color:#21bfeb;
font-size:12px;
font-weight:700;
padding:9px 10px 14px 13px
}

.map-text {
color:#FFF;
height:100px;
margin-left:265px;
margin-top:30px;
position:absolute;
width:230px
}

.map-text h2 {
font-size:17px;
font-weight:400;
padding-bottom:6px
}

.navleft {
line-height:13px;
list-style:none;
margin:0 0 0 8px;
padding:0;
width:190px
}

.navleft li {
background:url(../images/menu-pregrada.gif) repeat-x bottom;
float:left;
width:190px
}

.navleft li a.region-link {
background:url(../images/bullet.gif) no-repeat 7px center;
color:#FFF;
display:block;
float:left;
font-weight:700;
padding:7px 0 9px 20px;
text-decoration:none;
width:170px
}

.navleft li.region-city {
background:none;
color:#FFF;
display:block;
float:left;
padding:3px 0 5px 22px;
text-decoration:none;
width:170px
}
.navleft li.region-city a:hover{
text-decoration:underline
}
.navleft li a:hover {
color:#21BFEB
}

.offer {
display:block;
padding:0 0 10px 11px
}

.offer img {
background:#FFF;
border:1px solid #cbcbcb;
padding:4px
}

.offer-left {
float:left;
padding:0 10px 0 0;
width:100px
}

.offer-right {
float:left;
width:80px
}

.content {
background:#fafafa url(../images/content-bg.jpg) no-repeat right bottom;
border:1px solid #e6e4e4;
margin:0;
padding:5px
}

#footer {
background:url(../images/footer-bg.gif) repeat-x top;
height:32px;
line-height:32px
}

#ontop {
background:url(../images/navrh.gif) no-repeat left top;
display:block;
height:32px;
margin:-32px 0 0 -18px;
padding:0;
position:absolute;
width:13px
}

.footer-text {
margin:0 0 0 365px;
padding:0;
position:absolute
}

#footer-line {
background:url(../images/crta-footer.gif) no-repeat left top;
height:58px;
margin:-90px 0 0 -4px;
position:absolute;
width:2px
}

#bottom-border {
background:url(../images/bottom-rub.gif) no-repeat left top;
height:5px;
margin:auto;
padding:0;
width:980px
}

#opsirnije-left {
float:left;
width:265px
}

#opsirnije-left img {
margin:0;
padding:3px
}

#opsirnije-right {
float:left;
width:270px
}

#opsirnije-right p {
margin:0;
padding:0 0 3px
}

#opsirnije-right label {
float:left;
font-weight:700;
width:180px
}

.description {
background:#f6f6f6;
border:1px solid #d4d2d2;
padding:5px;
width:245px
}

.description p {
margin:0;
padding:4px 0
}

.description-bottom {
background:url(../images/description-bottom.gif) no-repeat center bottom;
height:13px;
margin:6px 0 0 -4px;
position:absolute;
width:250px
}

.condition {
margin-top:15px
}

#gallery {
margin-top:10px
}

#gallery img,#accomodation img {
background:#FFF;
border:1px solid #cbcbcb;
margin:0 1px 3px 0;
padding:1px
}

#accomodation {
margin-bottom:10px
}

.accomodation-box {
padding-bottom:6px
}

.accomodation-box-left {
float:left;
width:155px
}

.accomodation-box-right {
float:left;
width:380px
}

#ponuda {
float:left;
padding-left:6px;
width:750px
}

.td-boja {
background:#bef2ff
}

.pagination {
padding:10px 0 15px;
text-align:center
}

.gallery {
background:#badcf7;
border-left:1px solid #A6D1F4;
border-top:1px solid #A6D1F4;
float:left;
margin:0 15px 15px 0;
padding:5px
}

.gallery p {
color:#000;
font-weight:700;
margin:0;
padding:5px 0 2px
}

.gallery a {
text-decoration:none
}

td.title {
font-weight:700
}

td.info {
text-align:center
}

table {
border-collapse:collapse;
border-spacing:0;
margin:0;
padding:4px
}

table,table td {
border:1px solid #F7CACA;
padding:4px
}

table thead td {
background:#26b6e3 url(../images/footer-bg.gif) repeat-x 0 0;
font-size:10px;
font-weight:700
}
table.table_prices thead td {
background:#fbff8e;
font-size:10px;
}
.yellow_bg{
background:#fdffba;
}
div.info{
overflow:auto;
border:1px solid #ccc;
line-height:1;
}
div.info div {
float:left;
font-size:10px;
padding:0;
margin:0;
width:173px;
border:1px solid #F7CACA;
overflow:hidden;
}
div.info div img{
vertical-align: middle;
padding:3px;
float: left;
}
div.info span{
float: left;
width: 67px;
height: 30px;
border:1px solid #F7CACA;
border-width:0 1px;
padding: 5px;
height:32px;
}
div.info span.checked, div.info strong{
float:right;
color:#000;
width: 40px;
padding: 10px 5px 0;
border-width:0;
text-align: center;
color:#bd1f1e
}
div.info span.checked{
background:url(../images/checked.gif) no-repeat 5px 5px;
}

.errorlist {
list-style-type:none;
margin:0;
padding:0
}

.errorlist li {
color:#900;
font-size:11px;
font-weight:700;
padding:16px 0 0 185px
}

a,#bc a {
color:#214c89;
text-decoration:underline
}

a:hover,#bc a:hover {
color:#214c89;
text-decoration:none
}

form,h3 {
margin:0;
padding:0
}

ul,ol {
margin:0 0 10px;
padding:0 0 10px 30px
}

.box a,.box a:hover,.navleft li.region-city a {
color:#FFF;
text-decoration:none
}
.links{
padding:10px 0;
float:left;
width: 100%
}
.links a, a.button{
border:1px solid #ccc;
padding:5px;
font-weight:bold;
color:#fff;
background:#214c88 url(../images/gumb-bg.gif) repeat-x 0 0;
text-decoration:none;
display:block;
float:left;
margin-right:4px;
}
.links a:hover, a.button:hover{
text-decoration:underline
}
a.ask_for_accommodation{
background:#fff433 url(../images/gumb2-bg.gif) repeat-x 0 0;
color:#1a2857;
border-color:#508581;
}
a.button, a.ask_for_accommodation{
float:right;
margin-right:0px;
margin-left:4px;
}
a.button{
margin-bottom:10px;
}
.search p{
padding: 5px 0;
}
#last_minute{
padding:5px 10px;
font-weight: bold;

background: #192857;
border: 1px solid #ccc;
margin-bottom:5px;
}
#last_minute a{
color: #fff;
text-decoration:none
}
#last_minute a:hover{
color:#21BFEB
}

#paginator {
padding:10px 0;
text-align:center
}
#paginator a {
background:#75aad9;
border:1px solid #ccc;
line-height:30px;
margin:1px;
padding:4px 6px;
text-decoration:none
}

#paginator a:hover {
background:#ccc
}

#paginator span {
background:#fff;
font-weight:700;
margin:1px;
padding:6px
}

.apartment_photo{
    position: relative;
    text-decoration: none;
}

.apartment_photo img{
    z-index: 5;
}
.apartment_name{
    position: absolute;
    bottom: 8px;
    left: 0;
    z-index: 6;
    width: 100px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 2px 5px #000;
}