html,
body { 
font: normal 11px arial ; 
color: #79746f ; 
line-height: 18px ; 
text-align: left ; 
background-color: #eee8df ; 
padding: 0px;
margin:0px; 
}


h1 {
font: 22px verdana ; 
margin: 4px 0px 18px 1px ; 
color: #115895 ; 
line-height: 18px ; 
text-align: left ;
letter-spacing: -1px;
}
h2 {
	font: bold 11px arial;
	margin-bottom:0;
}


p { 
font: normal 11px arial ; 
margin: 4px 0px 14px 2px ; 
color: #79746f ; 
line-height: 18px ; 
text-align: left ;
}

a img {border:none; background:none;}

a, a:visited { 
display: inline ; 
font: normal 11px arial ; 
color: #555 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ; 
}

a:hover { 
color: #000 ; 
font: normal 11px arial ; 
text-decoration: none;
}

p a, p a:visited, li a, li a:visited { 
display: inline ; 
font: normal 11px arial ; 
color: #555 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ; 
background: url(images/underline-up.gif) repeat-x bottom;
}

p a:hover, li a:hover { 
color: #000 ; 
font: normal 11px arial ; 
text-decoration: none;
background: url(images/underline-over.gif) repeat-x bottom ;
}
p.kontakt {
	margin-top:70px;
	text-align:right;
}

a.bold, a.bold:visited, a.bold:hover {
	font-weight: bold;
}


#top {
	position:relative;
	width: 100%;
	height: 326px;
	z-index:0;
	text-align: center;
	background: url(images/bg-blue.gif) repeat-x bottom left;
	clear: both;
}

#navBar {
	z-index: 3;
	position: absolute;
	left: 0px;
	top: 0px;
}

#navBar div#current  {
	background: #3282c3;
	color: #fff;
}

#navBar div#current a, #navBar div#current a:visited {
	color: #fff;
}

#navBar div  {
float: left;
clear: none;
}


#navBar div.paparic {
	padding: 10px 20px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner.gif);
}
#navBar div.paparic-si {
	padding: 10px 22px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner.gif);
}

#navBar div.paparic-hu {
	padding: 10px 15px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner.gif);
}
#navBar div.paparic-cz {
	padding: 10px 18px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner.gif);
}
#navBar div.paparic-pl {
	padding: 10px 11px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner.gif);
}
#navBar div.paparic-it {
	padding: 10px 9px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner.gif);
}
#navBar div.paparic-de {
	padding: 10px 9px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner2.gif);
}
#navBar div.paparic-en {
	padding: 10px 16px;
	line-height: 33px;
	background: #1764a6;
	color: #FF6600;
	text-transform: uppercase;
	font: normal 10px georgia;
	letter-spacing: 1px;
	margin-right: 0px;
	background-image: url(images/banner.gif);
}

#navBar div.lopar {
padding: 10px 20px;
color: #fff;
text-transform: none;
font: normal 10px georgia;
letter-spacing: 0px;
}

#navBar div.lopar a, #navBar div.lopar a:visited {
color: #8cb4d6;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
}

#navBar div.lopar a:hover {
color: #fff;
}

#navBar div.smjestaj {
padding: 10px 20px;
color: #fff;
text-transform: none;
font: normal 10px georgia;
letter-spacing: 0px;
margin-left: -5px;
}

#navBar div.smjestaj a, #navBar div.smjestaj a:visited {
color: #8cb4d6;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
}

#navBar div.smjestaj a:hover {
color: #fff;
}

#navBar div.rezervacije {
padding: 10px 20px;
color: #fff;
text-transform: none;
font: normal 10px georgia;
letter-spacing: 0px;
margin-left: -5px;
}

#navBar div.rezervacije a, #navBar div.rezervacije a:visited {
color: #8cb4d6;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
}

#navBar div.rezervacije a:hover {
color: #fff;
}

#navBar div.slike {
padding: 10px 20px;
color: #fff;
text-transform: none;
font: normal 10px georgia;
letter-spacing: 0px;
margin-left: -5px;
}

#navBar div.slike a, #navBar div.slike a:visited {
color: #8cb4d6;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
}

#navBar div.slike a:hover {
color: #fff;
}


#bottom { 
position:relative ; 
width: 100% ; 
z-index:0 ; 
text-align: center ; 
background: #eee8df;
clear: both ;
}


#blue {
	position:relative;
	width: 750px;
	height: 326px;
	margin: auto;
	text-align: left;
	margin-bottom: 0px;
	background: url(images/bg-top.gif) no-repeat left 321px;
}

#body {
	position:relative;
	width: 750px;
	margin: auto;
	text-align: left;
	background: #eee8df url(images/bg-bottom2.jpg) no-repeat left -2px;
	margin-top: 0px;
}

#body .container, #footer .container {
	display: block;
	padding: 25px 20px 20px 20px;
}


#flash {
	position: absolute;
	top: 53px;
	width: 738px;
	height: 240px;
	padding: 5px;
	background-color: #eee8df;
}

#title-left { 
position: absolute ; 
top: 281px ; 
left: 100px ;
}

#title-right { 
position: absolute ; 
top: 281px ; 
left: 530px ; 
}
#tabs { 
	float: left;
	width: 700px;
	margin-top:30px;
	
}


.body-left {
	float: left;
	width: 460px;
}
.body-left2 {
	float: left;
	width: 515px;
}
.body-left3 {
	float: left;
	width: 700px;
}
.body-left4 {
	float: left;
	width: 300px;
}
.body-left5 {
	float: left;
	width: 460px;
	margin-top:25px;
}

.body-right { 
float: right ; 
width: 215px; 
}
.body-right2 { 
float: right ; 
width: 160px; 
}
.body-right3 { 
margin-top:45px;
float: right ; 
width: 215px; 
}
.body-right4 {
	float: right;
	width: 215px;
	margin:20px 0 0 0;
}
.body-right5 {
	float: right;
	width: 215px;
	margin:50px 0 0 0;
}

#clear {
	clear: both;
	height: 1px;
}

.copyright {
	width: 700px;
	float: left;
	margin: 20px 0px 9px 0px;
	border-top: 1px solid #e3ddd4;
	padding: 4px 0 4px 4px;
	background-image: url(images/overlay.gif);
}


.copyright p {
	font: normal 11px arial;
	margin: 0px 0px 4px 2px;
	color: #b9b7b2;
	line-height: 18px;
	text-align: left;
}

div.image {
float: left;
border: 0px ; 
margin: 2px 20px 10px 0px;
background: url(images/image-bg.gif) no-repeat top left;
}

div.image img {
border: 0px ; 
margin: 5px 6px 6px 5px;
}

div.thumb {
float: left;
border: 0px ; 
margin: 0px 3px 3px 0px;
width: 68px;
height: 68px;
background: url(images/thumb.gif) no-repeat top left;
}

div.thumb img {
border: 0px ; 
margin: 2px 0px 0px 2px;
}

div.thumb a, div.thumb a:visited {
background: transparent;
}

div.thumb a:hover {
background: transparent;
}

div.thumb a img, div.thumb a:visited img {
border: 1px solid #fff ; 
}

div.thumb a:hover img {
border: 1px solid #c8c4c2 ; 
}

ul { 
margin: 0px 7px 18px 2px ; 
padding: 0px 0px 0px 0px ; 
letter-spacing: 0px ; 
list-style-type: none;
clear: both;
}




li.email { 
background: url(images/icon-email.gif) no-repeat 1px 5px ; 
padding: 0px 0px 0px 21px ;
font: normal 11px arial ; 
color: #79746f ; 
line-height: 18px ;
border: 0px;
}

li.phone { 
background: url(images/icon-phone.gif) no-repeat 0px 2px ; 
padding: 0px 0px 0px 21px ;
font: normal 11px arial ;
color: #79746f ; 
line-height: 18px ;
border: 0px;
}
li.gsm { 
background: url(images/icon-gsm.gif) no-repeat 0px 2px ; 
padding: 0px 0px 0px 21px ;
font: normal 11px arial ;
color: #79746f ; 
line-height: 18px ;
border: 0px;
}

.hidden {
display: none;
}


/* For hover */

td div {
padding: 2px 5px 2px 5px;
line-height: 18px ; 
text-align: left ;
}

td div strong {
color: #333;
}

td div ul { 
margin: 0px; 
padding: 0px;  
letter-spacing: 0px ; 
list-style-type: none;
clear: both;
}

td div ul li { 
background: url(images/bullet.gif) no-repeat 0px 3px ; 
padding: 0px 0px 0px 15px ;
font: bold 11px arial ; 
color: #333 ; 
line-height: 18px ;
border: 0px;
}
/* =kontakt i rezervacije
================================================  */
#contactC2 {width:515px;overflow:auto;margin-bottom:10px;font-size:11px;margin-top: 10px;padding-top:20px;padding-bottom:20px;}
#contactC2 label {width:200px; display:block; float:left; padding:6px 4px 0 0; margin:0; line-height:1em; text-align: right; }
#contactC2 input {border:none; height:auto !important; height:22px;background:#fff; border:1px solid #d6d1d2; margin:0 0 8px 0; line-height:1.3em; padding:3px 3px 4px 3px; color:#606060; }
#contactC2 .formLeft {width:442px;float:left;}
#contactC2 .formLeft input {width:230px; float:left;}
#contactC2 .formLeft input.dateFrom, #contactC2 .formLeft input.dateTo {width:150px; background:#fff url(images/input_calendar.gif) no-repeat center right;font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#contactC2 .formLeft input.mali {width:150px; background:#fff;color:#4e4b43;font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#contactC2 .formLeft input.code {width:164px; background:#fff; color:#4e4b43;font-size:11px; font-family:Arial, Helvetica, sans-serif; float:right;margin-right:0 !important; margin-right:12px;}
#contactC2 .formLeft img {float: left;padding:0; ; border:none; margin:0px !important; margin: 0 0 0 -3px;}
#contactC2 .formLeft .bijeliBG {background: #fff !important;font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#contactC2 .formLeft .message {border:none; background:#fff; border:1px solid #d6d1d2; margin:0 0 10px 0; padding:4px 3px; height:74px; width:230px; float:left; overflow:auto;font-size:11px; font-family:Arial, Helvetica, sans-serif;color:#4e4b43;}
#contactC2 input.button {float:right; border:none; background:#fff; color:#476ca1; padding:0 0px 2px 0; margin:0 0 0 0; width:94px; min-height:32px; height:32px;font-size:11px; font-family:Lucida Grande, trebuchet ms, Arial,Helvetica,sans-serif;background: url(images/button.gif) no-repeat top left;}
#contactC2 input.button:hover {background:#fff; color:#000; cursor:pointer;background: url(images/button.gif) no-repeat top right;}
#contactC2 input.button2 {float:right; border:none; background:#fff; color:#476ca1; padding:0 0px 2px 0; margin:0 0 0 5px; width:94px; min-height:32px;height:32px;font-size:11px; font-family:Lucida Grande, trebuchet ms, Arial,Helvetica,sans-serif;margin-right:-3px !important; margin-right:7px;background: url(images/button.gif) no-repeat top left;}
#contactC2 input.button2:hover {background:#fff; color:#000; cursor:pointer;background: url(images/button.gif) no-repeat top right;}
#contactC2 form:focus {border-bottom:none;}
#contactC2 select {width:100px; border:none; background:#fff; border:1px solid #d6d1d2; margin:0 0 8px 0 !important; margin: 0 0 8px -3px; line-height:1.3em; padding:2px 3px 2px 3px; color:#606060;font-size:11px; font-family:Lucida Grande, trebuchet ms, Arial,Helvetica,sans-serif;}
#contactC2 label.poruka {padding-top:10px;}
/* =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;font-size: 9px;	padding: 3px 5px;}
table.jCalendar td {background: #f4f1e8; color: #918c75; font-size: 9px;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: 9px; 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;}
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;}
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;}


div.box{
	width: 150px;
	margin: 0;
	padding:0;
	float: left
}
div.box ul, div.body-right5 ul {padding: 0;margin: 10px 0 0 0;}
div.box ul li, div.body-right5 ul li {list-style-type: none;list-style-image: url("images/bullet.gif");margin: 6px 0 6px 18px; padding: 0; list-style-position: outside;}

#tabs-1, #tabs-2, #tabs-3, #tabs-4 {padding: 0; margin: 0; font:normal 11px arial; color: #79746f ; line-height: 18px ;}
#tabs-1 ul, #tabs-2 ul, #tabs-3 ul, #tabs-4 ul {padding: 0;margin: 10px 0 0 0;}
#tabs-1 ul li, #tabs-2 ul li, #tabs-3 ul li, #tabs-4 ul li {list-style-type: none;list-style-image: url("images/bullet.gif");margin: 6px 0 6px 22px; padding: 0; list-style-position: outside;}
/* =tablica cjenik
================================================  */
#box-table {width:100%; text-align: center; border-collapse: collapse; margin: 0 0 10px 0;}
#box-table th {font-weight: normal; padding: 3px; background: #cec6b9; border-top: 4px solid #b9b0a3; border-bottom: 1px solid #d8d3cc;}
#box-table td {padding: 3px; background: #e2dcd2;  border-bottom: 1px solid #d8d3cc; border-top: 1px solid transparent;}
#box-table tr:hover td {background: #eee8df;}