﻿* {
	outline: none;
}
*:first-child + html .menu ul ul {
	margin-top: -4px;
}
#qsearch {
	padding-left: 5px;
}
body {
	background-color: #87c9fc;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
}
*html body {
	behavior: url(   "csshover.htc" );
}
#centar {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
#top {
	float: left;
	width: 980px;
	height: 90px;
	background-image: url(images/top_back.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#banner {
	float: left;
}

.banner_naslov, .quick_naslov, .glavni_podnaslov {
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	color: #ffffff;
	font-size: 13px;
}

.glavni_podnaslov {
	color: #9bddf9;
}
.quick_naslov {
	font-size: 12px;
}
body, ul, h1, h2, h3, h4, p, img, dl, dt, dd, a img, form, input, label, hr {
	padding: 0px;
	margin: 0px;
	border: none;
	font-weight: normal;
}
ul {
	list-style-type: none;
}
h1 {
	background-image: url(images/kompas-villas.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 90px;
	float: left;
}
h1 a span {
	visibility: hidden;
}
h1 a {
	border: none;
	text-decoration: none;
	height: 90px;
	width: 200px;
	display: block;
}

#lefty, #righty {
	float: left;
	width: 200px;
	padding-top: 51px;
	position: relative;
	z-index: 200;
}
#lefty {
	float: left;
	width: 200px;
}
#mid {
	float: left;
	width: 578px;
	padding: 0px 1px 0px 1px;
	margin-top: -5px;
	position: relative;
	z-index: 100; /* z-index:201; */
}
h2 {
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 26px;
	color: #ffffff;
}
.podnaslov {
	font-size: 13px;
}
.podnaslov a {
	font-size: 12px;
}

.menu {
	background-image: url(images/menu_top.gif);
	background-repeat: no-repeat;
	float: left;
	width: 200px;
}

.menu_bottom {
	width: 200px;
	height: 30px;
	float: left;
	background-image: url(images/menu_bottom.gif);
	background-repeat: no-repeat;
}
.modul_bottom {
	width: 200px;
	height: 30px;
	float: left;
	background-image: url(images/menu_bottom.gif);
	background-repeat: no-repeat;
}
.menu ul {
	float: left;
	list-style-type: none;
	background-image: url(images/menu_back.gif);
	background-repeat: repeat-y;
	margin-top: 30px;
	position: relative;
}

.menu ul li {
	float: left;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 12px;
	font-weight: bold;
}
.menu ul li a {
	width: 180px;
	display: block;
	height: 25px;
	color: #2482cf;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 5px;
}
.menu ul li a:hover {
	background-image: url(images/menu_hover.gif);
	color: #004278;
}

.menu ul ul {
	float: left;
	background-color: #957a0c;
	display: none;
	position: absolute;
	margin-top: -34px;
	left: 190px;
	padding-top: 0;
	border: solid 1px #85bcea;
}

.menu li:hover ul {
	display: block;
}

.menu ul ul li {
	font-size: 11px;
}

#content_top {
	background-image: url(images/content_topbottom.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	height: 30px;
	width: 578px;
}
#content_bottom {
	background-image: url(images/content_topbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 578px;
	height: 30px;
}
#content {
	background-image: url(images/content_back.gif);
	width: 558px;
	float: left;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	font-family: Trebuchet MS, Arial, SansSerif;
}
#content a {
	color: #408FCF;
}
#content a:visited {
	color: #408FCF;
}
#content a:hover {
	color: #0F4D7F;
}
* html #content {
	padding: 0px 1px 0px 7px;
	width: 570px;
}
dl.quicklinks {
	float: left;
	width: 98px;
	display: inline;
	margin: 3px 2px 0px 0px;
}
dl.quicklinks dt {
	width: 98px;
	height: 59px;
	float: left;
}
dl.quicklinks dt a {
	display: block;
	width: 98px;
	height: 59px;
	text-decoration: none;
}

dt.rentacar {
	background-image: url(images/rentacar.jpg);
}
dt.transfer {
	background-image: url(images/transfer.jpg);
}
dt.excur {
	background-image: url(images/excursion.jpg);
}
dt.flights {
	background-image: url(images/flights.jpg);
}
dt.shotels {
	background-image: url(images/small_hotels.jpg);
}
dt.kompas {
	background-image: url(images/kompas.jpg);
}
dl.quicklinks dd {
	width: 98px;
	height: 18px;
	float: left;
	background-image: url(images/qlinks_back.gif);
	text-align: center;
}

dl.quicklinks dd a {
	color: #1f598b;
	text-decoration: none;
	display: block;
	height: 18px;
	width: 98px;
}
.mod_content {
	background-image: url(images/menu_back.gif);
	background-repeat: repeat-y;
	float: left;
	width: 190px;
	padding: 5px;
}
.modul {
	padding-bottom: 1px;
	float: left;
	position: relative;
	z-index: 200;
}
dl#banner {
	width: 485px;
	height: 60px;
	margin-top: 10px;
	background-image: url(images/villa_choice_back.jpg);
	background-position: 100px 0px;
	background-repeat: no-repeat;
}
dl#banner dt {
	float: left;
	width: 100px;
}
dl#banner dd.boja1 {
	width: 262px;
	height: 52px;
	float: left;
	text-indent: 30px;
	line-height: 26px;
	padding: 4px 4px 4px 20px;
}
dl#banner dd.boja1 a {
	text-decoration: none;
	display: block;
	width: 262px;
	height: 52px;
}
dl#banner dd.info {
	font-size: 10px;
	font-family: Trebuchet MS, Arial, SansSerif;
	padding-top: 26px;
	text-indent: 10px;
	height: 34px;
	width: 99px;
	color: #ffffff;
	float: left;
}
dl#banner dd.info a {
	color: #ffffff;
	text-decoration: none;
	height: 34px;
	width: 99px;
	display: block;
	padding-top: 26px;
	margin-top: -26px;
}
.boja1 {
	color: #1f598b;
	font-size: 18px;
	font-family: Trebuchet MS, Arial, SansSerif;
}
dl#banner dd a {
	color: #1f598b;
}
.boldd {
	font-weight: bold;
}
.small {
	font-size: 11px;
	font-family: Trebuchet MS, Arial, SansSerif;
}
.small1, .small3 {
	font-size: 11px;
	font-weight: bold;
	font-family: Trebuchet MS, Arial, SansSerif;
	color: #1f598b;
}
.small2 {
	font-size: 11px;
	font-family: Trebuchet MS, Arial, SansSerif;
	color: #88c8fc;
}
.smallest {
	font-size: 10px;
}
.welcome h3, .new h3 {
	color: #ffffff;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
}
#login {
	float: left;
	height: 88px;
	width: 295px;
}
.inputext {
	background-image: url(images/input_back.jpg);
	border: none;
	color: #ffffff;
	font-size: 11px;
	padding: 2px;
	font-family: Trebuchet MS, Arial, SansSerif;
}
form#login_forma {
	float: right;
	padding-right: 15px;
}
.inputext2 {
	font-family: Trebuchet MS, Arial, SansSerif;
	color: #ffffff;
	font-size: 11px;
	padding: 2px;
	background-image: none;
	background-color: #70bfff;
	float: left;
}

.field {
	width: 90px;
	height: 50px;
	float: left;
	vertical-align: bottom;
	position: relative;
}
input.butt_ok {
	background-image: none;
	padding-top: 14px;
	float: left;
}

.boja2 {
	color: #7e7f7f;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 11px;
}

.boja3 {
	color: #b50808;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 16px;
	font-weight: bold;
}

label {
	height: 15px;
}
ul.objekti {
	width: 570px;
	list-style-type: none;
	margin-top: -20px;
}

ul.objekti li {
	background-image: url(images/list_back.gif);
	background-repeat: no-repeat;
	min-height: 141px;
	width: 570px;
	float: left;
	margin-bottom: 10px;
	position: relative;
}

ul.objekti li a {
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
.foto_objekt {
	float: left;
	width: 200px;
	min-height: 150px;
	padding: 11px 10px 11px 11px;
	display: inline;
	position: relative;
}

.data {
	float: left;
	width: 305px;
	padding: 6px 16px 0px 15px;
	position: relative;
}
.objektdno {
	float: left;
	background-image: url(images/list_bottom.gif);
	height: 11px;
	width: 558px;
}
h3 {
	width: 200px;
	height: 30px;
	font-size: 17px;
	text-indent: 50px;
	padding-top: 13px;
	position: relative;
}
#righty h3 {
	color: #1f598b;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
}
h3.search {
	background-image: url(images/search.gif);
}
h3.map {
	background-image: url(images/mapsearch.gif);
}
h3.similar {
	background-image: url(images/similar.gif);
}
#content .data h3 {
	color: #ea1303;
	text-indent: 0px;
	font-size: 18px;
	padding-top: 0px;
}
#content .data h3 a {
	color: #ea1303;
}

td.priceband {
	font-size: 13px;
	background-image: url(images/priceband.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 2px;
	line-height: 36px;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	color: #004278;
	width: 162px;
	font-weight: bold;
}

hr {
	border-color: #c7e2f8;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 10px 0px 10px 0px;
}

table hr {
	margin: 5px 0px 5px 0px;
}
*html hr {
	margin: 0px 0px 0px 0px;
}
*:first-child + html hr {
	margin: 0;
}

.google {
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	color: #7e7f7f;
	font-family: Trebuchet MS, Arial, SansSerif;
}
.select1 {
	width: auto;
	border: none;
	background-color: #70bfff;
	color: #ffffff;
	padding: 2px;
	line-height: 22px;
	font-size: 11px;
	margin-bottom: 5px;
}
.modul label {
	font-size: 12px;
	line-height: 24px;
}
.modul form {
	padding: 5px;
}
.batun {
	background-image: url(images/batun.gif);
	background-repeat: no-repeat; /*float: left;*/
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 10px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	text-align: center;
	width: 74px;
	height: 30px;
	cursor: pointer;
	margin-top: 25px; /* 7 od sanje*/
	margin-bottom: 3px;
	border: solid 0px red; /*ie hack*/
}

.batun:hover {
	background-image: url(images/batun_hover.gif);
	background-repeat: no-repeat;
}
.batun2 {
	background-image: url(images/batun2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 1px;
	margin-top: 7px;
	color: #ffffff;
}
.batun2 a {
	text-decoration: none;
	font-size: 11px;
	display: block;
	text-align: center;
	padding-top: 12px;
	width: 104px;
	height: 36px;
	display: block;
	color: #ffffff;
}
.batun_cal {
	background-image: url(images/calendar.gif);
	background-repeat: no-repeat;
	float: left;
	width: 24px;
	height: 25px;
	margin-top: -5px;
	cursor: pointer;
	border: solid 0px red;
}
#content .batun2 a {
	color: #ffffff;
}
.batun2 a:hover {
	background-image: url(images/batun2_hover.gif);
	background-repeat: no-repeat;
}

#content_mid {
	/*float: left;*/
	clear:both;  
}
#footy {
	float: left;
	width: 940px;
	background-image: url(images/footer.gif);
	min-height: 132px;
	height: auto;
	margin-top: 20px;
	position: relative;
	text-align: center;
	padding: 30px 20px 20px 20px;
}
#footy ul {
	text-align: left;
	float: left;
	padding-top: 20px;
}
#footy ul li a {
	display: block;
	padding: 0;
	padding-right: 30px;
	height: 20px;
	width: 150px;
	text-decoration: none;
	color: #ffffff;
}

#footy ul li a:hover {
	text-decoration: underline;
	color: #66C8FC;
}
*html #footy {
	height: 132px;
}
.cal_naslov {
	widows: 526px;
	height: 22px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #1f598b;
	background-color: #dcf3ff;
	padding-top: 3px;
}
.calendar /*sadrži kalendar*/ {
	float: left;
	background-color: #e3f5ff;
	padding: 4px 3px 3px 4px;
	margin: 0px;
	font-size: 10px;
	width: 158px !important;
}
.cal_left {
	width: 19px;
	height: 156px;
	margin: 1px 1px 1px 0px;
	background-image: url(images/cal_left.gif);
	float: left;
}
.cal_left a {
	width: 19px;
	height: 156px;
	display: block;
}
.cal_left a:hover {
	background-image: url(images/cal_left_hover.gif);
}
.cal_right {
	width: 19px;
	height: 156px;
	margin: 1px 0px 1px 0px;
	background-image: url(images/cal_right.gif);
	float: right;
}
.cal_right a {
	width: 19px;
	height: 156px;
	display: block;
}
.cal_right a:hover {
	background-image: url(images/cal_right_hover.gif);
}
.cal_down {
	width: 534px;
	height: 18px;
	background-color: #EDF9FF;
	float: left;
	font-weight: bold;
	text-align: center;
}
.cal_down a {
	width: 534px;
	height: 18px;
	display: block;
	text-decoration: none;
	color: #1f598b;
}
.cal_down a:hover {
	background-image: url(images/cal_down_hover.gif);
}
.calendar table {
	padding: 0px;
	margin: 0px;
	border: solid 1px #eef9ff;
	height: 150px;
}
.calendar table table {
	border-style: none;
}
.calendar td {
	padding: 0px;
	margin: 0px;
	height: 0px;
	font-size: 11px;
	font-weight: bold;
}
.calendar tr {
	padding: 0px;
	margin: 0px;
	height: 0px;
}
.calendar .Mjesec {
	background-color: #1f598b;
	color: #ffffff;
	padding: 0px;
	margin: 0px; /*height:20px;*/
	height: auto;
}
.calendar .DaniHeader {
	background-color: #a6a6a6;
	border-bottom: solid 1px #ffffff;
	color: #c2f9fb;
	font-weight: bold;
	height: 0px;
	vertical-align: middle;
}
*html .calendar .DaniHeader {
	height: 20px;
}
*:first-child + html .calendar .dani {
	height: 20px;
}
.calendar td.DatumDrugi {
	background-color: #EEF3F6 !important;
}
.calendar td.Dan {
	background-color: #eef3f6;
	color: #1f598b;
}
.calendar td.Praznik {
	background-color: #eef3f6;
	color: #ce2a28;
}
.calendar td.Available {
	background-color: #a6d12e;
	color: #ffffff;
}
.calendar td.AvailableP {
	background-color: #a6d12e;
	color: #b52725;
}
.calendar td.Unavailable {
	background-color: #ce2a28;
	color: #ffffff;
}
.calendar td.UnavailableP {
	background-color: #ce2a28;
	color: #fef69b;
}
.calendar td.Option {
	background-color: #ffac1d;
	color: #ffffff;
}
.calendar td.OptionP {
	background-color: #ffac1d;
	color: #fbf7b0;
}
td.available_legend {
	background-image: url(images/available.gif);
	background-repeat: no-repeat;
}
td.unavailable_legend {
	background-image: url(images/unavailable.gif);
	background-repeat: no-repeat;
}
td.option_legend {
	background-image: url(images/option.gif);
	background-repeat: no-repeat;
}
.CalendarUpdate {
	/*animacija koja se prikazuje prilikom dohvaćanja podataka*/
	float: left;
	background-image: url(images/wait.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 480px;
	height: 100px;
	position: relative;
	color: White;
	line-height: 0px;
}
ul.jezik {
	float: left;
	width: 975px;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 11px;
	font-weight: bold;
	color: #a1e1fb;
	text-align: right;
	margin-right: 5px;
}
ul.jezik li {
	float: right;
	padding: 3px;
}

ul.jezik li a {
	text-decoration: none;
	color: #a1e1fb;
}

ul.jezik li a:hover {
	text-decoration: underline;
	color: #e6f2fb;
}

div#pager {
	margin-right: 10px;
	font-weight: bold;
	font-size: 13px;
	float: right;
}
div#pager a {
	text-align: center;
	text-decoration: none;
	color: #176db7;
	padding: 7px 15px 7px 15px;
	float: left;
	margin: 0px;
}
div#pager .current {
	text-align: center;
	text-decoration: none;
	color: white;
	padding: 7px 15px 7px 15px;
	float: left;
	margin: 0px;
}
div#pager a:hover {
	color: #ffffff;
	text-decoration: underline;
}
div#pager a.firstpage {
	background-image: url(images/arr_beg.gif);
	background-repeat: no-repeat;
	width: 25px !important;
	height: 21px;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
}
div#pager a.firstpage:hover {
	background-image: url(images/arr_beg_hover.gif);
}
div#pager a.lastpage {
	background-image: url(images/arr_end.gif);
	background-repeat: no-repeat;
	width: 25px !important;
	height: 21px;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
}
div#pager a.lastpage:hover {
	background-image: url(images/arr_end_hover.gif);
}

dl.sim {
	padding: 7px 5px 0px 5px;
}

.sim dd {
	color: #1f598b;
}
.foto_big {
	background-image: url(images/foto_back.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 11px;
}
.foto_big img {
	padding: 12px 11px 12px 11px;
	background-image: url(images/foto_dno.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.foto_gen {
	float: left;
	width: 565px;
	position: relative;
	margin-top: -20px;
}
.gallery {
	float: left;
	width: 534px;
	height: 68px;
	background-image: url(images/gallery_back.gif);
	background-repeat: repeat-x;
	display: inline;
	position: relative;
	padding-top: 2px;
}
.gallery img {
	padding-right: 1px;
	padding-left: 1px;
}
.gall_left {
	float: left;
	width: 16px;
	height: 66px;
	background-image: url(images/gall_left.gif);
}
.gall_left a {
	display: block;
	width: 16px;
	height: 66px;
}
.gall_left a:hover {
	background-image: url(images/gall_left_hover.gif);
}
.gall_right {
	float: right;
	width: 16px;
	height: 66px;
	background-image: url(images/gall_right.gif);
	position: absolute;
	top: 2px;
	right: 0;
}
.gall_right a {
	display: block;
	width: 16px;
	height: 66px;
}
.gall_right a:hover {
	background-image: url(images/gall_right_hover.gif);
}
.submod {
	float: left;
	width: 534px;
	margin-left: 12px;
	display: inline;
	margin-top: 10px;
}
.sub_klik {
	cursor: pointer;
	float: left;
	width: 534px;
	height: 32px;
	background-image: url(images/subklik_back.gif);
	background-repeat: repeat-x;
}
.sub_klik img {
	float: left;
	padding-top: 2px;
}

.klik {
	float: left;
	font-size: 16px;
	padding-top: 5px;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
	background-image: url(images/minus_plus.gif);
	background-repeat: no-repeat;
	display: block;
	width: 28px;
	height: 25px;
	margin-top: 2px;
	font-weight: normal;
	text-align: center;
}
h4 {
	float: left;
	font-size: 14px;
	padding-top: 8px;
	padding-left: 12px;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	color: #ffffff;
}
table.cjenik {
	width: 534px;
}
.showhide {
	float: left;
	border-bottom: solid 1px #dbecf9;
	width: 534px;
	text-align: justify;
	padding: 5px 0px;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 11px;
	color: #475d6f;
	line-height: 18px;
}

dl.gen_info {
	width: 227px;
	float: left;
	padding: 15px 20px;
}
dl.gen_info dt {
	float: left;
	padding-right: 8px;
	padding-top: 8px;
	color: #627584;
}
dl.gen_info dd {
	color: #1f598b;
	padding-top: 8px;
	font-weight: bold;
}
table dl.gen_info {
	width: 170px;
	float: left;
	padding: 0px;
	margin-left: 5px;
	text-align: left;
}

/*dodat gen_info2 zobg toga jer ne odgovaraju isti stilovi za dva gen_info*/

dl.gen_info2 dt {
	float: left;
	padding-right: 8px;
	padding-top: 8px;
	color: #627584;
}
dl.gen_info2 dd {
	color: #1f598b;
	padding-top: 8px;
	font-weight: bold;
}
table dl.gen_info2 {
	width: 160px;
	float: left;
	padding: 0px;
	text-align: left;
	padding-left: 15px;
}
.DetaljiVile {
	margin-top: 10px;
}

.DetaljiVile .pricehead {
	padding: 7px;
	border: solid 1px white;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.DetaljiVile .subhead {
	padding: 7px;
	width: 33%;
	border-bottom: solid 1px white;
}
.DetaljiVile .Grupa {
	background-color: #DCF3FF;
	border: solid 1px white;
}




.blok2 {
	width: 534px;
	float: left;
	margin-bottom: 1px;
}
.blok3 {
	width: 534px;
	background-image: url(images/columns3.gif);
	float: left;
}

.pricehead {
	background-color: #e6f7ff;
	font-weight: bold;
	font-size: 12px;
	color: #b50808;
}
.price {
	color: #1f598b;
	background-color: #e6f7ff;
	font-weight: bold;
}
.datum1 {
	background-color: #e5f6ff;
	font-size: 11px;
	color: #627584;
}
.subhead {
	background-color: #e5f6ff;
	font-size: 11px;
	color: #2c6393;
}
.tekst2 {
	font-size: 11px;
	color: #627584 !important;
}
.tekst2 font {
	font-size: 11px;
	color: #627584 !important;
}
.tekst2 span{
	font-size: 11px;
	color: #627584 !important;
}

.back3 {
	background-color: #dcf3ff;
}
ul.gen_lista {
	float: left;
	padding: 8px 0px;
	text-align: left;
}
table ul.gen_lista {
	padding: 0;
}
ul.gen_lista li {
	float: left;
	width: 145px;
	min-height: 20px;
	padding-left: 22px;
	padding-right: 10px;
	padding-top: 5px;
	background-image: url(images/tick.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
table ul.gen_lista li {
	width: 140px;
}
dl.tabela {
	float: left;
	margin-top: 10px;
}
dl.tabela dt {
	width: 534px;
	height: 21px;
	margin-bottom: 1px;
	padding-top: 4px;
	text-indent: 10px;
}
dl.tabela dd {
	width: 504px;
	padding: 15px;
	line-height: 20px;
}
dl.table2 dd {
	padding: 5px 15px 5px 15px;
}

td {
	text-align: center; /*brisano zašto je padding bija na svim td-a??*/
	vertical-align: top;
}
table {
	/*brisano zašto je margina bila na svim tablicama??*/
}

p {
	margin: 10px 0px 20px 0px;
}
.floati {
	float: left;
	width: 534px;
}
.kalendar {
	width: 534px;
	float: left;
}

table.legenda {
	float: left;
}
table.legenda td {
	padding: 2px;
	padding-right: 30px;
	padding-left: 26px;
}

td.data1 {
	text-align: right;
	color: #6b6c6c;
	font-size: 11px;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	vertical-align: middle;
}
.about td.data1 {
	vertical-align: baseline;
}
td.data2 {
	text-align: left;
	color: #2482cf;
	font-size: 12px;
	vertical-align: bottom;
	text-indent: 7px;
	font-weight: bold;
}
table.objectdata {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	float: left;
}
table.about {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 215px;
}
table.objectdata td {
	padding: 1px;
	margin: 0px;
}

ul.menu_object {
	float: left;
	width: 208px;
	margin-left: 1px;
}
ul.menu_object li {
	float: left;
	background-image: url(images/batun3.gif);
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
}
ul.menu_object li a {
	width: 103px;
	height: 22px;
	padding-top: 3px;
	display: block;
}
#content ul.menu_object li a {
	color: #1f598b;
	text-decoration: none;
}
#content ul.menu_object li a:hover {
	background-image: url(images/batun3_hover.gif);
	background-repeat: no-repeat;
	color: #ffffff;
}

/*goran */
/*katalog */
.wpkm2 {
	font-family: Verdana;
	font-size: 10px;
	width: 580px;
	border: 1;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

.wpkm2 input {
	background: none;
	background-color: #DFCE72;
	color: Black;
	vertical-align: baseline;
}
.wpkm2 select {
	background: none;
	background-color: #DFCE72;
	color: #DFCE72;
}

.wpkm2 table {
	margin: 0;
	padding: 0;
}

.wpkm2 table tr td {
	text-align: left;
	padding: 1;
	margin: 0;
}





.wpkm {
	font-family: Verdana;
	font-size: 10px;
	width: 200px;
	border: 1;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

.wpkm input {
	background: none;
	color: Black;
	vertical-align: baseline;
}
.wpkm select {
	background: none;
	color: #DFCE72;
}

.wpkm table {
	margin: 0;
	padding: 0; /*background-color:#cccccc;*/
	border: 0;
}

.wpkm table tr td {
	text-align: left;
}


td.wpkmh {
	position: absolute;
	visibility: hidden;
}


.wpkmf {
	background-color: #cccccc;
	padding: 0;
	text-align: left;
	color: white;
}

.wpkmp {
	background-color: #DFCE72;
	color: Black;
}
.wpkmc {
	color: white;
}



/*zone*/
.wpzm /*firefox*/ {
	font-family: Verdana;
	font-size: 10px;
	margin-top: -9px;
	margin-left: -8px;
	float: left;
}

*html .wpzm /*ie 6 */ {
	padding: 0px !important;
	margin: -1px !important; /*margin-top:-7px; 	 margin-left:-8px;*/
}
*html .wpzm td {
	padding: 0px;
	margin: 0px;
}

*:first-child + html .wpzm /*ie 7 */ {
	margin-top: -7px;
	margin-left: -8px;
}

.wpzm table {
	margin: 0;
	padding: 0;
}

.wpzm table tr td {
	text-align: left;
	padding: 0;
	margin: 0;
}


.wpzmh /*header*/ {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding-top: 13px !important;
}
.wpzmh table tr td {
	text-align: center;
}



.wpzmp /*part style*/ {
	padding: 1px !important; /*border: solid 1px red;*/
}

#righty .wpzmp /*part style*/ {
	padding: 1px !important; /*border: solid 1px green;*/
	width: 200px !important;
}

#lefty .wpzmp /*part style*/ {
	padding: 1px !important; /*border: solid 1px green;*/
	width: 200px !important;
	overflow: hidden;
}

.ErrorText {
	/*poruke sa greškom*/
	color: Red !important;
	font-size: 11px;
	font-family: Trebuchet MS;
	clear:both;    	
	overflow:hidden;
	  
}
.comp_list {
	/*vanjski okvir dropdown liste pretreživanje po imenu*/
	margin-top: 3px;
	background-color: #70BFFF;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: white;
	max-height: 230px;
	width: 160px;
	overflow: auto;
	border: solid 1px tan;
}
.comp_item {
	padding: 2px;
	padding-left: 10px;
	cursor: pointer;
}
.comp_hi {
	color: white;
	padding: 2px;
	padding-left: 10px;
	cursor: pointer;
	background-color: #2FA2FF;
}

.MyCalendar .ajax__calendar_container {
	z-index: 9999;
	border: 1px solid blue;
	background-color: #70BFFF; /*color: White;   */
	font-family: Trebuchet MS;
}
.MyCalendar table td {
	padding: 0px;
	margin: 0px;
}
.MyCalendar .ajax__calendar_header {
	background-color: #1F598B;
	color: White;
}
.MyCalendar .ajax__calendar_dayname {
	color: #1F598B;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day {
	background-color: White;
	color: Silver;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
	color: white;
}
.MyCalendar .ajax__calendar_day {
	color: White;
	font-weight: bold;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day {
	color: Black;
}
.MyCalendar .ajax__calendar_hover, .MyCalendar .ajax__calendar_hover {
	color: white;
}
.ajax__calendar_month, .ajax__calendar_year {
	color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day {
	color: Black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_month {
	color: Yellow;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
	color: Yellow;
	font-weight: bold;
}

.ajax__calendar_prev {
	background-image: url(images/cal_left_arr.gif) !important;
}

.ajax__calendar_next {
	background-image: url(images/cal_right_arr.gif) !important;
}
.quicksearchtill .ajax__calendar_container {
	margin-top: 10px;
	margin-left: -80px;
}
.quicksearchfrom .ajax__calendar_container {
	margin-top: 10px;
}

.google_opis {
	font-family: Trebuchet MS;
	line-height: 13px;
	font-size: 11px;
	color: #866E0B;
	display: block;
	min-height: 100px;
}
.google_opis table.tab_cont {
	min-height: 150px;
}
.google_opis h3 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 14px;
}
.google_opis img {
	border: solid 1px tan;
}
.google_opis a {
	color: #4F420F;
}
.pointer {
	cursor: pointer;
}
.normal {
	font-size: 12px;
}
ul.objekti li {
	cursor: pointer;
}

/******stepcarousel*/
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 500px;
	height: 64px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	height: 64px;
	padding: 0px;
	margin: 0px;
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ /*width: 40px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	width: 80px;
	text-align: center;
	margin: 1px 5px 1px 5px;
}
p.samplebuttons {
	width: 320px;
	text-align: center;
}
p.samplebuttons a {
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
}
/******stepcarousel*/
#UpitForma {
	padding: 0px;
	margin: 0px;
	text-align: left;
	color: White;
	padding-left: 5px;
}
#UpitForma td {
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#UpitForma tr {
	padding: 0px;
	margin: 0px;
}
#UpitForma legend {
	color: #8F8F8F;
	padding: 4px;
	margin-top: 10px;
	font-family: Tahoma;
	font-size: 12px;
	width: 90%;
	margin-left: -10px;
}
#UpitForma fieldset {
	border: none;
}
#UpitForma label {
	padding: 5px;
}
.Yes {
	background-image: url(images/tick.gif);
	width: 12px;
	height: 11px;
}
.cijena2 {
	font-size: 10px;
}
.IframeBackground {
	background-color: white !important;
}


/*-----------------------STIL UVODNA STRANICA--------------------------------*/

.ad {
	width: 538px;
	background-image: url(images/ad_background.gif);
	background-repeat: no-repeat;
	float: left;
	padding: 10px 12px 0px 12px;
	margin: -19px 0px 10px 0px;
	position: relative;
}
.adtext {
	position: absolute;
	font-size: 18px;
	color: #56c1e8;
	line-height: 22px;
}
#content .ad .adtext a {
	color: #56c1e8;
	text-decoration: none;
}
.highlight {
	font-size: 21px;
	color: #1f598b;
	font-weight: bold;
	float: left;
}
.highlight p{
	padding:0px;
	margin:0px;  
}


.welcome {
	width: 186px;
	min-height: 171px;
	padding: 15px 15px 20px 65px;
	background-image: url(images/welcome_back.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ecf6fd;
	float: left;
	text-align: right;
	color: #627584;
	line-height: 16px;
	margin-left: 12px;
	margin-bottom: 10px;
}
*html .welcome {
	height: 171px;
	display: inline;
}
.welcome h3 {
	text-indent: 1px;
	margin-left: -50px;
	width: 235px;
	font-size: 18px;
	color: #1f598b;
}

.new {
	background-image: url(images/new_back.jpg);
	background-repeat: no-repeat;
	width: 259px;
	min-height: 171px;
	float: left;
	text-align: right;
	padding: 19px 11px 19px 10px;
	color: #433701;
	margin-bottom: 10px;
}
*html .new {
	height: 171px;
}
.new h3 {
	text-indent: 1px;
	width: 255px;
	padding-top: 5px;
	margin-right: 3px;
	float: right;
	color: #1f598b;
}
.new img {
	padding-bottom: 3px;
}
.bestof {
	float: left;
	width: 558px;
	background-image: url(images/bestof_back.jpg);
	background-repeat: no-repeat;
	min-height: 145px;
	padding: 2px;
	margin: 7px 0px 5px 0px;
}
*html .bestof {
	height: 145px;
}
.bestof dl {
	width: 165px;
	float: left;
	display: inline;
	padding: 15px 10px 20px 10px;
	margin-right: 1px;
	text-align: right;
}
*html .bestof dl{ 
    padding:15px 8px 20px 8px;     
}
.bestof dt {
	font-size: 15px;
	padding-bottom: 6px;
	color: #c70505;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
}


#content .bestof  a {
	color: #1f598b;
	text-decoration: none;
	display: inline;
	float:left; 
	width: 155px;
	height: 18px;
	padding-right: 10px;
	list-style-type:disc;  
	background-image: url(images/tocka.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;
}
#content .bestof  a:hover {
	text-decoration: underline;
	color: #3996e5;
}

.bestofZaglavlje a{
	font-size: 15px !important; 
	padding-bottom: 6px !important; 
	color: #c70505 !important; 
	font-family: Georgia, Times New Roman, Serif !important; 
	font-style: italic !important; 
	background-image:none !important; 
}


/****************** CSS ZA LISTU POSEBNE PONUDE *************************/
ul.ponude {
	width: 558px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.ponude li {
	background-image: url(images/specialBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 13px;
	float: left;
	margin-bottom: 20px;
}
.ponude .datum {
	float: right;
	margin-right: 21px;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 11px;
	color: #7db4e1;
	display: inline; /*margin-top:10px;*/
}
.ponude h3 {
	float: left;
	color: #ea1303 !important;
	padding: 0;
	margin: 0;
	text-indent: 0px;
	width: 536px;
	background-image: url(images/specialH.gif);
	background-repeat: no-repeat;
	padding: 18px 11px 0px 11px;
	border-bottom: solid 1px #c7e2f8;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none; 
}
.specOffer {
	float: left;
	padding: 10px 10px 10px 11px;
	width: 535px;
	border-left: solid 1px #c7e2f8;
	border-right: solid 1px #c7e2f8;
	background-color: #ffffff;
}

.specOffer #slike{
	float:left; width:200px;
}
.specOffer #slike img{
	padding-bottom:4px;  	
}


.ponude img {
	float: left;
}
.dataOffer {
	width: 315px;
	padding-left: 20px;
	float: left;
	font-size: 12px;
	color: #6b6c6c;
}

.priceOffer {
	background-image: url(images/specialPrice.gif);
	background-repeat: no-repeat;
	width: 302px;
	height: 33px;
	padding: 10px;
	margin: 10px 0px 1px -10px;
	float: left;
	color: #004278;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	font-weight: bold; /*border:solid 1px red;*/
}
.priceOffer2 {
	background-image: url(images/specialPrice2.gif);
	background-repeat: no-repeat;
	width: 302px;
	height: 63px;
	padding: 10px;
	margin: 20px 0px 10px -10px;
	float: left;
	color: #004278;
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	font-weight: bold; /*border:solid 1px red;*/
	
}

*html .priceOffer {
	margin-left: -5px;
}
.boja4 {
	color: #2c84cc;
}
.valid {
	float: left;
	font-size: 11px;
	color: #a0a3a3;
	margin-bottom:10px;
}
.details {
	color: #2482cf;
}
h4.submitEnqury { 
	font-family: Trebuchet MS, Arial, SansSerif;
	font-style: normal;
	width: 553px;
	color: #2b7dc6 !important;
	font-size: 15px;

	text-transform:uppercase;
	text-decoration:none; 
	padding-bottom: 3px;
	
} 
/****************** CSS ZA LISTU POSEBNE PONUDE kraj *************************/
.batunDugi {
	background-image: url(images/batunDugi.gif);
	background-repeat: no-repeat;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 10px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	text-align: center;
	width: 200px;
	height: 30px;
	cursor: pointer;
	margin-top: 7px;
	margin-bottom: 3px;
	border: none;
	text-transform:uppercase;  
	margin-left:5px;  
	border: solid 1px none!important;
}
.batunDugi:hover {
	background-image: url(images/batunDugi_hover.gif);
	background-repeat: no-repeat;
}
a.batun3{
	font-weight:normal !important; 
	font-style:normal !important;
	background-image: url(images/batun3.png);
	background-repeat: no-repeat;
	font-family: Trebuchet MS, Arial, SansSerif;
	font-size: 10px;
	text-decoration: none;
	color: #ffffff !important;
	display: block;
	text-align: center   !important;
	width: 155px;
	height:22px;	
	text-transform:uppercase;  
	float:left; 
	padding-top:7px;  
	margin-right:2px; 
}
a.batun3:hover{
	background-image: url(images/batun3Hover.png);
	background-repeat: no-repeat;
}
.bannerLeft{
    background-image:url(images/bannerBack.gif);
    background-repeat:no-repeat;
    float:left;
    width:178px;
    padding:10px 10px 0px 10px;
    margin-top:9px;
}
 .bannerLeftDno{
    background-image:url(images/bannerBackDno.gif);
    background-repeat:no-repeat;
    float:left;
    width:198px;
    height:20px;
}
div#et-advert {background:url(http://images.essentialtravel.co.uk/banners/et_uk_multi_178x60.gif) 0 0 no-repeat; height:60px; margin:0; padding:0; width:178px; }
div#et-advert ul {list-style:none; margin:0; padding:0}
div#et-advert ul li {float:left; padding:0; margin:0}
div#et-advert ul li.et-logo {float:right}
div#et-advert ul li a {color:#ffffff; display:block; font: bold 13px Arial, Helvetica, sans-serif; margin:0; padding:0; text-decoration:none}
div#et-advert ul li a.et-travel {height:16px; padding:3px 0 1px 4px;width:120px}
div#et-advert ul li a.et-parking {height:20px; padding:0 0 0 4px;width:120px}
div#et-advert ul li a.et-logo-link {height:20px; padding:0 0 0 0; text-align:right; width:82px}
div#et-advert ul li a.et-logo-link img {border:none}

.LinkIkonaLista{
    position:absolute;
    top:10px; left:10px;  
    border:none; 
    float:left;
    margin-right:50px;  
    margin-left:80px;  
    margin-top:10px;  
    margin-bottom:10px;  
}
.LinkIkonaLista img{
}
.LinkIkonaObjekt{
    border:none; 
    float:left;   
}
.LinkIkonaObjekt img{
}


