@import url("typography.css");

* {margin:0;padding:0;font-family:helvetica,arial,sans-serif;font-weight:normal;outline:0;border:0;}

img {
  float:right;
}

body {
  background:#fff url(../images/bg-main.png) left top repeat-x;
  font-size:62.5%;
}

#wrapper {
  width:928px;
  margin:0 auto;
}

#head {
  height:65px;
  margin:0.8em 1.9em 0 1.9em;
}
#head-en {
  height:65px;
  margin:0.8em 1.9em 0 1.9em;
}
#head-de {
  height:65px;
  margin:0.8em 1.9em 0 1.9em;
}

#content {
  width:900px;
  background:url(../images/content-bg.png) left top no-repeat;
  padding:1.9em 1.9em 0 1.9em;
  float:left;
}

#mainGraphic {
	position:relative;
	float:left;
	width: 891px;
	height: 318px;
	font-size: 1.1em;
}
#mainGraphic img {
  float:left;
}
#mainGraphic div.side {
  width:232px;
  height:318px;
  background:url(../images/mainGraphic-services.jpg) left top no-repeat;
  margin:0 0 0 0.9em;
  display:inline;
  float:left;
}

#primaryContent {
	width:600px;
	min-height:100px;
	padding:4.5em 0 2em 0;
	float:left;
}

body #sideContent {
	width:220px;
	background:#d6d1c2;
	border:1px solid #c7c5b7;
	margin:4em 0 2em 0;
	padding:1em;
	float:right;
}

#sideContent {
  width:220px;
  background:#d6d1c2;
  border:1px solid #c7c5b7;
  margin:0em 0 2em 0;
  padding:1em;
  float:right;
}
#sideContent img {
	display:block;
	background:#fff;
	padding:4px;
	border: 1px solid #c0beb0;
	float:right;
	margin-top:10px;
	margin-right: 30px !important;
	margin-right: /**/15px; /* for IE5/Win */
}
#sideContent a:hover img {
	border: 1px solid #695642;
}

#footer {
  width:892px;
  padding:2em 0.9em 2em 0.9em;
  color:#695642;
  float:left;
}

#footer div {
  width:890px;
  background:#dfddcf;
  border-top:2px solid #c0beb0;
  padding:1em;
  float:left;
}

/*--------------------------------------------------------/
  Navigation HR
/---------------------------------------------------------*/

#head ul {
  list-style:none;
  width:374px;
  height:61px;
  padding-left:6em;
  margin:0 0 0 3.5em;
  float:right;
}

#head ul li {
  float:left;
}

#head ul a {
  display:inline;
  background:url(../images/tabs.gif);
  height:61px;
  overflow:hidden;
  margin:0 0 0 2em;
  color:#c4691c;
  border:0;
  float:left;
}

#head ul .naslovna a {
  background-position:-2em 0;
  color:#b1a394;
  text-indent:-500em;
  width:60px;
  height:61px;
}
#head ul .naslovna a:hover {
  background-position:-2em -6.1em;
}

#naslovna .naslovna a.naslovna {
  background-position:-2.0em -6.1em;
}

#head ul .smjestaj a {
  background-position:-10.0em 0 !important;
  background-position: /**/-10.1em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:57px;
  height:61px;
}
#head ul .smjestaj a:hover {
  background-position:-10.0em -6.1em !important;
  background-position: /**/-10.1em -6.1em; /* for IE5/Win */
}
#smjestaj .smjestaj a.smjestaj {
  background-position:-10.0em -6.1em !important;
  background-position: /**/-10.1em -6.1em; /* for IE5/Win */
}

#head ul .lokacija a {
  background-position:-17.7em 0;

  color:#b1a394;
  text-indent:-500em;
  width:55px;
  height:61px;
}
#head ul .lokacija a:hover {
  background-position:-17.7em -6.1em;
}
#lokacija .lokacija a.lokacija {
  background-position:-17.7em -6.1em;
}

#head ul .trogir a {
  background-position:-25.3em 0 !important;
  background-position: /**/-25.5em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:39px;
  height:61px;
}
#head ul .trogir a:hover {
  background-position:-25.3em -6.1em !important;
  background-position: /**/-25.5em -6.1em; /* for IE5/Win */
}
#trogir .trogir a.trogir {
  background-position:-25.3em -6.1em !important;
  background-position: /**/-25.5em -6.1em; /* for IE5/Win */
}

#head ul .kontakt a {
  background-position:-31.3em 0 !important;
  background-position: /**/-31.5em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:50px;
  height:61px;
}
#head ul .kontakt a:hover {
  background-position:-31.3em -6.1em !important;
  background-position: /**/-31.5em -6.1em; /* for IE5/Win */
}
#kontakt .kontakt a.kontakt {
  background-position:-31.3em -6.1em !important;
  background-position: /**/-31.5em -6.1em; /* for IE5/Win */
}

/*--------------------------------------------------------/
  Navigation EN
/---------------------------------------------------------*/

#head-en ul {
  list-style:none;
  width:406px;
  height:61px;
  padding-left:6em;
  margin:0 0 0 3.5em;
  float:right;
}

#head-en ul li {
  float:left;
}

#head-en ul a {
  display:inline;
  background:url(../images/tabs-en.gif);
  height:61px;
  overflow:hidden;
  margin:0 0 0 2.1em;
  color:#c4691c;
  border:0;
  float:left;
}

#head-en ul .naslovna-en a {
  background-position:-1.9em 0;
  color:#b1a394;
  text-indent:-500em;
  width:37px;
  height:61px;
}
#head-en ul .naslovna-en a:hover {
  background-position:-1.9em -6.1em;
}

#naslovna-en .naslovna-en a.naslovna-en {
  background-position:-1.9em -6.1em;
}

#head-en ul .smjestaj-en a {
  background-position:-7.9em 0 !important;
  background-position: /**/-8.0em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:106px;
  height:61px;
}
#head-en ul .smjestaj-en a:hover {
  background-position:-7.9em -6.1em !important;
  background-position: /**/-8.0em -6.1em; /* for IE5/Win */
}
#smjestaj-en .smjestaj-en a.smjestaj-en {
  background-position:-7.9em -6.1em !important;
  background-position: /**/-8.0em -6.1em; /* for IE5/Win */
}

#head-en ul .lokacija-en a {
  background-position:-20.7em 0 !important;
  background-position: /**/-20.8em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:56px;
  height:61px;
}
#head-en ul .lokacija-en a:hover {
  background-position:-20.7em -6.1em !important;
  background-position: /**/-20.8em -6.1em; /* for IE5/Win */
}
#lokacija-en .lokacija-en a.lokacija-en {
  background-position:-20.7em -6.1em !important;
  background-position: /**/-20.8em -6.1em; /* for IE5/Win */
}

#head-en ul .trogir-en a {
  background-position:-28.4em 0 !important;
  background-position: /**/-28.6em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:39px;
  height:61px;
}
#head-en ul .trogir-en a:hover {
  background-position:-28.4em -6.1em !important;
  background-position: /**/-28.6em -6.1em; /* for IE5/Win */
}
#trogir-en .trogir-en a.trogir-en {
  background-position:-28.4em -6.1em !important;
  background-position: /**/-28.6em -6.1em; /* for IE5/Win */
}

#head-en ul .kontakt-en a {
  background-position:-34.5em 0 !important;
  background-position: /**/-34.7em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:50px;
  height:61px;
}
#head-en ul .kontakt-en a:hover {
  background-position:-34.5em -6.1em !important;
  background-position: /**/-34.7em -6.1em; /* for IE5/Win */
}
#kontakt-en .kontakt-en a.kontakt-en {
  background-position:-34.5em -6.1em !important;
  background-position: /**/-34.7em -6.1em; /* for IE5/Win */
}

/*--------------------------------------------------------/
  Navigation DE
/---------------------------------------------------------*/

#head-de ul {
  list-style:none;
  width:387px;
  height:61px;
  padding-left:6em;
  margin:0 0 0 3.5em;
  float:right;
}

#head-de ul li {
  float:left;
}

#head-de ul a {
  display:inline;
  background:url(../images/tabs-de.gif);
  height:61px;
  overflow:hidden;
  margin:0 0 0 2.1em;
  color:#c4691c;
  border:0;
  float:left;
}

#head-de ul .naslovna-de a {
  background-position:-2.0em 0;
  color:#b1a394;
  text-indent:-500em;
  width:62px;
  height:61px;
}
#head-de ul .naslovna-de a:hover {
  background-position:-2.0em -6.1em;
}

#naslovna-de .naslovna-de a.naslovna-de {
  background-position:-2.0em -6.1em;
}

#head-de ul .smjestaj-de a {
  background-position:-10.4em 0 !important;
  background-position: /**/-10.5em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:68px;
  height:61px;
}
#head-de ul .smjestaj-de a:hover {
  background-position:-10.4em -6.1em !important;
  background-position: /**/-10.5em -6.1em; /* for IE5/Win */
}
#smjestaj-de .smjestaj-de a.smjestaj-de {
  background-position:-10.4em -6.1em !important;
  background-position: /**/-10.5em -6.1em; /* for IE5/Win */
}

#head-de ul .lokacija-de a {
  background-position:-19.4em 0 !important;
  background-position: /**/-19.5em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:50px;
  height:61px;
}
#head-de ul .lokacija-de a:hover {
  background-position:-19.4em -6.1em !important;
  background-position: /**/-19.5em -6.1em; /* for IE5/Win */
}
#lokacija-de .lokacija-de a.lokacija-de {
  background-position:-19.4em -6.1em !important;
  background-position: /**/-19.5em -6.1em; /* for IE5/Win */
}

#head-de ul .trogir-de a {
  background-position:-26.5em 0 !important;
  background-position: /**/-26.7em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:39px;
  height:61px;
}
#head-de ul .trogir-de a:hover {
  background-position:-26.5em -6.1em !important;
  background-position: /**/-26.7em -6.1em; /* for IE5/Win */
}
#trogir-de .trogir-de a.trogir-de {
  background-position:-26.5em -6.1em !important;
  background-position: /**/-26.7em -6.1em; /* for IE5/Win */
}

#head-de ul .kontakt-de a {
  background-position:-32.6em 0 !important;
  background-position: /**/-32.8em 0; /* for IE5/Win */
  color:#b1a394;
  text-indent:-500em;
  width:50px;
  height:61px;
}
#head-de ul .kontakt-de a:hover {
  background-position:-32.6em -6.1em !important;
  background-position: /**/-32.8em -6.1em; /* for IE5/Win */
}
#kontakt-de .kontakt-de a.kontakt-de {
  background-position:-32.6em -6.1em !important;
  background-position: /**/-32.8em -6.1em; /* for IE5/Win */
}

/*--------------------------------------------------------/
  Internal Page Styling
/---------------------------------------------------------*/

#internalContent {
  width:900px;
  padding:1.8em 1.9em 0 1.9em;
  float:left;
}

* html #internalContent {
  padding:1.8em 0 0 1.9em;
}

#internalContent img.trans {
  width:242px;
  padding:1em 0 0 0;
  float:right;
  margin-top:10px;
}

#primaryInternalContent {
  width:420px;
  padding:4.5em 2.5em 2em 0;
  float:left;
}

* html #primaryInternalContent {
  padding:4.5em 2.5em 2em 0;
}


#secondaryContent {
  width:420px;
  padding:0 0 2em 2.5em;
  margin:17.9em 0 0 0;
  background: url(../images/internal-divider.png) left top no-repeat;
  float:left;  
}

* html #secondaryContent {
  margin:18.4em 0 0 0;
}
/* =tablica cjenik
================================================  */
#box-table {font-size: 1.2em; color:#72604d; width:580px; text-align: center; border-collapse: collapse; margin: 0 0 10px 0;}
#box-table th {font-weight: normal; padding: 6px; background: #d6d1c2; border-top: 4px solid #bcb8a5; border-bottom: 1px solid #fff;}
#box-table td {padding: 4px; background: #e6e3d4;  border-bottom: 1px solid #fff; border-top: 1px solid transparent;}
#box-table tr:hover td {background: #dad7c6;}

/* =tablica udaljenosti
================================================  */
.udaljenosti {float: left; display: block; width: 600px;font-size: 1.2em;color:#72604d;line-height: 1.5em;}
.udaljenosti h4 {padding-bottom:10px;}
.hor-zebra {width: 600px; text-align: left; border-collapse: collapse;}
.hor-zebra td {padding: 6px 8px 6px 8px; width: 80px;}
.hor-zebra .odd {background: #e6e3d4; }
.hor-zebra .idd {border-right: 1px #fff solid;}
.hor-zebra .idd2 {border-right: 1px #e6e3d4 solid;}

/* =kontakt i rezervacije
================================================  */
#contactC2 {padding:9px; background-color:#fff;width:590px; overflow:auto; margin-bottom:10px;color:#72604d;font-size: 1.1em; }
#contactC2 label {width:200px; display:block; float:left; padding:5px 4px 0 0; margin:0; line-height:1em; text-align: right; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 120%;}
#contactC2 input { border:1px solid #c7c5b7;  border-top:1px solid #c7c5b7; margin:0 0 8px 0; line-height:1.3em; padding:2px 3px 2px 3px; color:#5e5e5e; }
#contactC2 .formLeft {width:442px; float:left;}
#contactC2 .formLeft input {width:230px; float:left;}
#contactC2 .formLeft input.dateFrom, #contactC2 .formLeft input.dateTo {width:160px; background:#fff url(../images/input_calendar.gif) no-repeat center right; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 120%;}
#contactC2 .formLeft input.code {width:160px; background:#fff; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 120%;color: #22355d;}
#contactC2 .formLeft img {float: right; padding-top:2px;}
#contactC2 .formLeft .bijeliBG {background: #fff !important; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 120%;}
#contactC2 .formLeft .message { border:1px solid #c7c5b7;  background:#fff; border-top:1px solid #c7c5b7; margin:0 0 10px 0; padding:4px 3px; height:74px; width:230px; float:left; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 120%;overflow:auto;}
#contactC2 input.button {float:right; width:auto; border:1px solid #c7c5b7;  border-bottom:1px solid #c7c5b7; background:#fff; color:#476ca1; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 0; width:80px; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;}
#contactC2 input.button:hover {background:#fff; color:#000; cursor:pointer;}
#contactC2 input.button2 {float:right; width:auto; border:1px solid #c7c5b7;  border-bottom:1px solid #c7c5b7; background:#fff; color:#476ca1; padding:2px 0px 2px 0; line-height:1.1em; margin:0 0 0 5px; width:80px; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em;}
#contactC2 input.button2:hover {background:#fff; color:#000; cursor:pointer;}
#contactC2 form:focus {border-bottom:none;}
/* =kalendar
================================================  */
table.jCalendar {background: #fff; border-spacing:0px; padding:0; margin:0; width:140px; text-align:center;}
table.jCalendar th {background: #918c75; color: #fff; font-weight: bold;	padding: 3px 5px;}
table.jCalendar td {background: #f4f1e8; color: #918c75; padding: 3px 3px; margin:0; text-align: center; border-spacing:0px}
table.jCalendar td.other-month {background: #fff; color: #918c75;}
table.jCalendar td.today {background: #918c75; color: #fff;}
table.jCalendar td.selected {background: #bcb8a5; color: #fff;}
table.jCalendar td.selected:hover {background: #bcb8a5;	color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #bcb8a5;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #e6e3d4;color: #c2beaa;}
/* For the popup */
div.dp-popup {position: relative; background:#fff; font-size: 10px; font-family: arial, sans-serif; padding: 2px 4px 6px 6px; width: 154px; line-height: 1.1em; margin:23px 0 0 0px; border:1px solid #bcb8a5;	text-align:center; width:141px;}
div#dp-popup {position: absolute; z-index: 199;}
div.dp-popup h2 {font-size: 11px;text-align: center;margin:0;padding: 1px 0 3px 0;color:#918c75;width:140px;line-height:1.3em;font-weight: bold;}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display:block;}
a#dp-close:hover {text-decoration: underline; }
div.dp-popup a {color: #918c75; text-decoration: none;	padding: 3px 2px 0;border-bottom:none;}
div.dp-popup a:hover {background-color:#f4f1e8;}
div.dp-popup div.dp-nav-prev {position: absolute; top:2px; left:4px; width:100px;}
div.dp-popup div.dp-nav-prev a {float: left; border-bottom:none;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default; color:#918c75;}
div.dp-popup div.dp-nav-next {position: absolute; top:2px; right:4px; width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default; color:#fff;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor:default;}

.kontaktformaback {
	float: right; margin-top:30px; 
}