body { font-family: Tahoma, "Arial", sans-serif; background: #066a9b url('../images/layout/bg.gif') repeat-x; color: #595959;}


#container { width: 984px; margin: 0 auto; } 

/* =Header
----------------------------------------------- */
#header { height: 218px; position: relative; }
	#header p.datum { position: absolute; top: 9px; left: 0px; color: white; text-align:left; font-weight: bold; font-size:10px;}

.infobox {position: relative; top: 50px; right: -50px;}

.opisi fieldset { text-indent:-5000px;}

/* =Internet cafe and Wifi Access
----------------------------------------------- */
	#wifi {  color: white; text-align:left; font-weight: bold; font-size:10px; position: absolute; top:-10px; left: 450px; }
	#wifi li { display: inline; }
	#wifi li a { display:block; float: left; height: 138px;  text-indent: -5000px; }
	#wifi li.wifi-item-1 a { background: url('../images/wifi-cafe.png') no-repeat; width: 121px; }
	#wifi li a:hover, #wifi li a.current-page { background-position: right; }

/* =Languages
----------------------------------------------- */
	#lang {  color: white; text-align:left; font-weight: bold; font-size:10px; position: absolute; top:0px; right: 0px; }
	#lang li { display: inline; }
	#lang li a { display:block; float: left; height: 45px;  text-indent: -5000px; }
	#lang li.lang-item-1 a { background: url('../images/lang/hr.gif') no-repeat; width: 41px; }
	#lang li.lang-item-2 a { background: url('../images/lang/en.gif') no-repeat; width: 40px; }
	#lang li.lang-item-3 a { background: url('../images/lang/de.gif') no-repeat; width: 40px; }
	#lang li.lang-item-4 a { background: url('../images/lang/cz.gif') no-repeat; width: 39px; }
	#lang li.lang-item-5 a { background: url('../images/lang/it.gif') no-repeat; width: 42px; }
	#lang li.lang-item-6 a { background: url('../images/lang/fr.gif') no-repeat; width: 42px; }
	#lang li.lang-item-7 a { background: url('../images/lang/pl.gif') no-repeat; width: 39px; }
	#lang li a:hover, #lang li a.current-page { background-position: right; }


	#header h1 { padding-top: 36px; }
	#header h1 a { display: block; background: url('../images/headings/logo-h1.gif') no-repeat; width: 239px; height: 144px; text-indent: -5000px;  }
	.prognoza { background: url('../images/layout/vrime-bg.png') no-repeat; width: 383px; height: 98px; position: absolute; top: 55px; right: 0px; }
	.prognoza h2 { text-indent: -5000px;}
	#header img.galeb { background: url('../images/layout/galeb.png') no-repeat; width: 93px; height: 71px; text-indent: -5000px; position: absolute; bottom: 34px; right: 0px; }
	
	img.cjenik62 { position: relative; top: -295px; left: 330px; }
	#header img.vrijeme-ikona { text-indent: -5000px; position: absolute; bottom: -5px; left: 0px; }
	#header img.vrijeme-ikona-g { text-indent: -5000px; position: absolute; bottom: 14px; left: 10px; border: 1px solid white; }
	
	
	
	
	.prognoza li { display: inline; }
	.prognoza li { display:block; float: left;  }
	.prognoza li.temp { font-size: 32px;  color: white; position: absolute; bottom: 14px; left: 65px; }
	.prognoza li.tlak { font-size: 22px;  color: white; position: absolute; bottom: 15px; left: 173px; }
	.prognoza li.stanje { font-size: 16px;  color: white; position: absolute; top: 10px; right: 15px; font-style: italic;}
	
	
	
	
	#main-nav { position: absolute; top: 181px; left: 0px;/* background: url('../images/layout/body-shadow.png') no-repeat; width: 970px;*/ }
	#main-nav li { display: inline; }
	#main-nav li a { display:block; float: left; height: 39px;  text-indent: -5000px; }
	#main-nav li.nav-item-1 a { background: #c1eafc url('../images/nav/naslovnica.gif') no-repeat; width: 147px; }
	#main-nav li.nav-item-2 a { background: #c1eafc url('../images/nav/smjestaj.gif') no-repeat; width: 130px; }
	#main-nav li.nav-item-3 a { background: #c1eafc url('../images/nav/sadrzaji.gif') no-repeat; width: 130px; }
	#main-nav li.nav-item-4 a { background: #c1eafc url('../images/nav/aktivnosti.gif') no-repeat; width: 130px; }
	#main-nav li.nav-item-5 a { background: #c1eafc url('../images/nav/izleti.gif') no-repeat; width: 130px; }
	#main-nav li.nav-item-6 a { background: #c1eafc url('../images/nav/fotogalerija.gif') no-repeat; width: 173px; }
	#main-nav li.nav-item-7 a { background: #c1eafc url('../images/nav/kontakt.gif') no-repeat; width: 144px; }
	#main-nav li a:hover, #main-nav li a.current-page { background-position: right; }

/* =Content
----------------------------------------------- */
#content { background: url('../images/layout/sjena-bg.png') repeat-y; font-size: 12px; line-height: 1.5; width: 984px; 
font-family: "Georgia", Times New Roman, Times, serif; 
}
	
	#splash { z-index: 10; position: relative; }
	#splash img { /*background: url('../images/layout/body-shadow.png') repeat-y; margin-left: 5px; border-top: 1px solid black;*/  }

	#main-content { width: 612px; float: left; margin-top: -29px; margin-right: 40px; padding-left: 28px; padding-bottom:70px; }
	#main-content h2 { font: bold 24px Arial, Helvetica, sans-serif; color: #ffc20a; text-transform: uppercase; margin-bottom: 5px; margin-top: 22px; }
	#main-content h3, #main-content h3 a { font: 24px "Georgia", Times New Roman, Times, serif; color: #0072a5; text-decoration: none; }
	#main-content h3 a:hover {color: #ffc20a;}

#izdvojeno h3 {padding: 23px 0px 14px 0px; font: bold 18px "Georgia", Times New Roman, Times, serif; color: #f47104; font-style:italic; }
#izdvojeno h3 a {padding: 23px 0px 14px 0px; font: bold 18px "Georgia", Times New Roman, Times, serif; color: #f47104; font-style:italic;}
#izdvojeno h3 a:hover {color: #f47104; text-decoration:underline; }


#main-content.smjestaj h3 {padding: 	0px 0px 14px 0px; font: bold 24px "Georgia", Times New Roman, Times, serif; color: #f47104; font-style:italic; }
.smjestaj h3 a {padding: 23px 0px 14px 0px; font: bold 18px "Georgia", Times New Roman, Times, serif; color: #f47104; font-style:italic;}
.smjestaj h3 a:hover {color: #f47104; text-decoration:underline; }

#izdvojeno img { border: 5px solid #a3d3ec; }

/* Izleti */
/*.izlet {padding: 20px 0px;}*/
#izleti h3 {padding: 10px 0px 0px 0px; font: bold 18px "Georgia", Times New Roman, Times, serif; color: #f47104; font-style:italic;}
.izlet img { border: 5px solid #a3d3ec; float: left; margin: 0px 40px 10px 0px;  }
.izlet p { float: left; padding: 10px 0px 10px 0px; text-align:justify; font-style: italic;  }





.left {float: left; margin-right: 91px;}

.left-izleti {float: left; margin-right: 45px;}

.right {float: left;}
#izdvojeno-fotogal { float: left; width: 612px; margin-bottom: 15px;}

#izdvojeno-fotogalerija { float: left; width: 612px; margin-bottom: 15px; margin-top: 90px;}

#izdvojeno-fotogalerija h3 {padding: 0px 0px 14px 0px; font: bold 24px "Georgia", Times New Roman, Times, serif; color: blue; font-style:italic; }

#izdvojeno-fotogalerija img {float: left; margin-right: 15px;margin-bottom: 15px;border: 2px solid #a3d3ec;}	

.izdvojeno-rezervacije { float: left; width: 280px; margin-bottom: 15px;}

#izdvojeno-fotogal h3 {padding: 0px 0px 14px 0px; font: bold 24px "Georgia", Times New Roman, Times, serif; color: blue; font-style:italic; }

#izdvojeno-fotogal img {float: left; margin-right: 15px;margin-bottom: 15px;border: 2px solid #a3d3ec;}	
	
	/*#main-content p { margin-bottom: 5px; }*/
	
	#main-content.naslovnica h2 { background: url('../images/layout/dobrodosli-h2.png') no-repeat; width: 340px; height: 57px; font: bold italic 24px Arial, Helvetica, sans-serif; color: #ffc20a; text-transform: uppercase; text-indent: -5000px; /*display: block;*/ position: relative; top: -64px; left: -20px; z-index:1000;   }
	#main-content.smjestaj h2 { background: url('../images/layout/smjestaj-h2.png') no-repeat; width: 340px; height: 57px; font: bold italic 24px Arial, Helvetica, sans-serif; color: #ffc20a; text-transform: uppercase; text-indent: -5000px; /*display: block;*/ position: relative; top: -64px; left: -20px; z-index:1000;   }	
	
	#main-content.smjestaj h3.gore {font: bold 24px Georgia, Arial, Helvetica, sans-serif; color: #595959; padding: 10px 0px; position: relative; top: 40px; left: 0px;    }	
	#main-content.smjestaj p.intro {font: bold 12px Georgia, Arial, Helvetica, sans-serif; color: #068ecd; font-weight: bold; position: relative; top: 50px; left: 0px; line-height: 150%; }	

	#main-content.aktivnosti h2 { background: url('../images/layout/aktivnosti-h2.png') no-repeat; width: 289px; height: 57px; font: bold italic 24px Arial, Helvetica, sans-serif; color: #ffc20a; text-transform: uppercase; text-indent: -5000px; /*display: block;*/ position: relative; top: -64px; left: -20px; z-index:1000;   }	
	#main-content.sadrzaji h2 { background: url('../images/layout/sadrzaji-h2.png') no-repeat; width: 254px; height: 57px; font: bold italic 24px Arial, Helvetica, sans-serif; color: #ffc20a; text-transform: uppercase; text-indent: -5000px; /*display: block;*/ position: relative; top: -64px; left: -20px; z-index:1000;   }	



#main-content.izleti h2 { background: url('../images/layout/izleti-h2.png') no-repeat; width: 171px; height: 57px; font: bold italic 24px Arial, Helvetica, sans-serif; color: #ffc20a; text-transform: uppercase; text-indent: -5000px; /*display: block;*/ position: relative; top: -64px; left: -20px; z-index:1000;   }	


#main-content .date span a { font-family: "Tahoma", Arial, sans-serif; color: #ffc20a; text-decoration: none;}
	#main-content .date span a:hover { font-family: "Tahoma", Arial, sans-serif; color: #ffc20a; text-decoration: underline;}
	
/* =Vijesti
----------------------------------------------- */	
	.vijesti img, .vijesti img a { float: left; margin-right: 22px; margin-bottom: 5px; border: 1px solid #f6e29c;} 
	.vijesti p { padding-bottom: 20px;}
	.vijesti p a { font-style: italic; color: #068ecd; text-decoration:none; }
	.vijesti p a:hover { text-decoration: underline; }

/* Datepicker */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


/* =Opisi
----------------------------------------------- */	
	.opisi img, .opisi img a { float: left; margin-right: 0px; margin-bottom: 5px; } 
	.opisi p { float: left; padding-bottom: 20px; width: 320px; }
	.opisi p a { font-style: italic; color: #068ecd; text-decoration:none; }
	.opisi p a:hover { text-decoration: underline; }
	.opisi ul {display: block; float: left; width: 320px;} 


img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatRightClear { 
	clear: both;
    float: right; 
    margin: 4px; 
}


	.break { padding: 26px 0px;}
	

	#main-content h3 span.commentsNo a { float: right; background: url('../images/layout/comment_32.png') no-repeat; height: 32px; width: 32px; color: #851100; font: bold italic 14px Arial, Helvetica, sans-serif; position: relative; top: 9px; right: -2px; padding-top: 5px; text-decoration:none; text-align:center; }
	
	#main-content h3 span.commentsNo a:hover { text-decoration: underline; }





/* =Sidebar
----------------------------------------------- */		
	#sidebar { width: 253px; float: left; margin-top: 30px;  }
	#sidebar h3 {font: 24px "Georgia", Times New Roman, Times, serif; color: #0072a5;}
	#sidebar h3#info-centar { background: url('../images/headings/h3_info_centar.gif') no-repeat; }
	#sidebar h3#iz-ponude { background: url('../images/headings/h3_izdvajamo_iz_ponude.gif') no-repeat; margin-top: 40px; }
	#sidebar p { padding: 10px 0px; color: #595959;}
	#sidebar p span { color: #007a00; text-decoration: underline; }
	#sidebar p strong { font-weight: bold; color: #007a00; }
	

/* =Rezervacije
----------------------------------------------- */
	#rezervacije { /*width: 350px; margin: 0 auto; */ margin-top: 0px; margin-bottom: 33px; margin-top: 80px;  }
	#rezervacije h3{ height: 38px; width: 244px; font: 24px "Georgia", Times New Roman, Times, serif; color: #0072a5; background: url('../images/layout/rezervacije-h3.gif') left no-repeat;  text-indent: -5000px;	  }
	#rezervacije ul li { list-style: none;font-size: 12px;color: #303030; margin-bottom: 12px; margin-top: 12px; }
	
	#rezervacije fieldset { width: 612px; margin: 0 auto 15px auto; padding: 12px 0px 21px 0px;  }
	#rezervacije fieldset li { margin-bottom: 12px; margin-top: 12px; padding: 10px 0px; }
	
	#rezervacije li.horizontalno { display: inline; margin-bottom: 12px; margin-top: 12px; padding: 10px 0px; }
	
	
	#rezervacije legend { font-size: 18px; font-weight: bold; color: #036; }
	#rezervacije label { text-align: right; display: inline; color: #303030; text-indent: 3px; margin-bottom: 5px; margin-right:13px;  font: 12px "Georgia", Times New Roman, Times, serif;  }
	#rezervacije label span { color: #FF0000; }
	.input-text { width: 253px; border: 1px solid #ccdde6; background: #ebf2f5;font: 12px "Georgia", Times New Roman, Times, serif; padding: 3px; }
	.input-text:hover { border: 1px solid red; background: #eee; }
	.input-text.custom {  width:236px; padding: 3px; border: 1px solid #ccdde6; background: #ebf2f5; font: 12px "Georgia", Times New Roman, Times, serif; }
	
	.input-text.ime { display: inline; width: 180px; margin-right: 30px; margin-top: 10px; }
	
	
	
	
	.input-text.custom img a { padding-top: 5px;}
	.input-text.custom2 { margin-right: 28px; width: 150px; }
	.input-text.custom3 { margin: 0px 5px; width: 19px; }
	
	#rezervacije select { width: 230px; padding: 3px; border: 1px solid #ccdde6; background: #ebf2f5; font-size: 12px; color: #303030; font-weight: bold; font: 12px "Georgia", Times New Roman, Times, serif;}
	#rezervacije select.pansion { width: 115px; padding: 3px; border: 1px solid #ccdde6; background: #ebf2f5; font-size: 12px; color: #303030; font-weight: bold; font: 12px "Georgia", Times New Roman, Times, serif;}
	#rezervacije select.mjesec { width: 60px; padding: 3px; border: 1px solid #ccdde6; background: #ebf2f5; font-size: 12px; color: #303030; font-weight: bold; font: 12px "Georgia", Times New Roman, Times, serif;}	
	
	
	
	
	.input-radio, .input-checkbox { vertical-align: middle; }
	.input-button { display: block; float: right; background: url('../images/button.gif') no-repeat; width: 101px; height: 22px; border: none; cursor: pointer; position: relative; top: 5px; right: 300px; text-indent:-5000px; }
		.book-button { display: block; float: right; background: url('../images/button.gif') no-repeat; width: 101px; height: 22px; border: none; cursor: pointer; position: relative; top: 180px; left: 505px; text-indent:-5000px; }
	.input-area { display: block;width: 285px;height: 80px; border: 1px solid #ccdde6; background: #ebf2f5; font-size: 12px; padding: 3px; }


/*extra*/
div.box {

width:500px;
background:#222222;
position:relative;
top:0px;
border:none;
}

div.box h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label {
width:100%;
display: block;
background:#fff	;
border: none;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#0076b4;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:10px 10px;
width:200px;
background:#fff;
border-bottom: 1px double #acacac;
border-top: 1px double #acacac;
border-left:1px double #acacac;
border-right:1px double #acacac;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#fff;
border-bottom: 1px double #acacac;
border-top: 1px double #acacac;
border-left:1px double #acacac;
border-right:1px double #acacac;
overflow:hidden;
height:150px;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#CC0000;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}

/*form extra*/
.form
{
}
.form span
{
	float: left;
	width: 120px;
	clear: both;
}
.form .normal
{
	width: 120px;
	float: none;
}
.form .short
{
	width: 234px;
}
.form input, .form select, .form textarea
{
	margin-top: 2px;
	margin-bottom: 2px;
	width: 234px;
}


/* Rezervacije - nove*/
.rezervacije-nove { width: 612px; }
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
 
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 354px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}
</pre>
  <pre title="form.import.css">/* form.import.css */

label img {
  behavior: url(/behaviors/label_img.htc);
}

form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
  background-color: #ffffff;
}

form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  zoom: 1;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0 0 0 18px;
  margin: expression(setCntr(), '0px 0 0 -124px');
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div.wide small {
  margin: 0 0 5px 0;
}


/* =Kontakt
----------------------------------------------- */
	#kontakt-forma { margin-top: 0px; margin-bottom: 33px;}
	#kontakt-forma h3{ height: 38px; width: 500px; font: 24px "Georgia", Times New Roman, Times, serif; color: #0072a5; background: url('../images/layout/rezervacije-h3.gif') left no-repeat;  text-indent: -5000px;	  }
	#kontakt-forma ul li { list-style: none;font-size: 12px; }
	
	#kontakt-forma fieldset { width: 500px;margin: 0 auto 15px auto; padding: 12px 0px 21px 0px; }
	#kontakt-forma fieldset li { margin-bottom: 12px; }
	#kontakt-forma legend { font-size: 18px; font-weight: bold; color: #036; }
	#kontakt-forma label { display: inline; color: #303030; text-indent: 3px; margin-bottom: 5px; margin-right:0px;  font: 12px "Georgia", Times New Roman, Times, serif;  }
	#kontakt-forma label span { color: #FF0000; }
	.input-text-r { width: 500px; border: 1px solid #ccdde6; background: #ebf2f5;font: 12px "Georgia", Times New Roman, Times, serif; padding: 3px; }
	.input-text-r:hover { border: 1px solid red; background: #eee; }
	.input-text-r.custom {  width:500px; padding: 3px; border: 1px solid #ccdde6; background: #ebf2f5; font: 12px "Georgia", Times New Roman, Times, serif; }
	.input-text-r.custom img a { padding-top: 5px;}
	.input-text-r.custom2 { margin-right: 28px; width: 150px; }
	#kontakt-forma select { width: 500px; padding: 3px; border: 1px solid #ccdde6; background: #ebf2f5; font-size: 12px; color: #303030; font-weight: bold; font: 12px "Georgia", Times New Roman, Times, serif;}
	.input-radio-r, .input-checkbox-r { vertical-align: middle; }
	.input-button-r { display: block; float: right; background: url('../images/button.gif') no-repeat; width: 101px; height: 22px; border: none; cursor: pointer; position: relative; top: 5px; right: 10px; }
		.book-button-r { display: block; float: right; background: url('../images/button.gif') no-repeat; width: 101px; height: 22px; border: none; cursor: pointer; position: relative; top: 180px; left: 280px; text-indent:-5000px; }
	.input-area-r { display: block;width: 253px;height: 30px; border: 1px solid #ccdde6; background: #ebf2f5; font-size: 12px; padding: 3px; }	


/* =Rentacar
----------------------------------------------- */	
	#rentacar h3{ height: 87px; width: 253px; font: 24px "Georgia", Times New Roman, Times, serif; color: #0072a5; background: url('../images/layout/rentacar-h3.gif') left no-repeat;  text-indent: -5000px;	  }
	
	#rentacar p a:hover { color: #color: #0072a5;; text-decoration:none; }
	#rentacar p a { font-weight: bold; color: #color: #0072a5;; text-decoration:none; }


/* =Gdjesmo
----------------------------------------------- */	
	#gdjesmo h3{ height: 126px; width: 253px; font: 24px "Georgia", Times New Roman, Times, serif; color: #0072a5; background: url('../images/layout/gdje-smo-h3.gif') left no-repeat;  text-indent: -5000px;	  }
	#gdjesmo p {display: block; position: relative; top: -60px; left: 0px; width: 120px;}

/* =Konktakt-info
----------------------------------------------- */	
	#kontakt-info h3{ height: 39px; width: 253px; font: 24px "Georgia", Times New Roman, Times, serif; color: #0072a5; background: url('../images/layout/kontakt-info-h3.gif') left no-repeat;  text-indent: -5000px;	  }
	#kontakt-info p.adresa { color: #595959; text-align:left; }
	#kontakt-info p.adresa a { font-weight: bold; }
	#kontakt-info p.adresa a:hover { text-decoration:underline;}




/* =Slideshow
----------------------------------------------- */

#slideshow {
    position:relative;
    height:271px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:1008;
    /*opacity:0.0;*/
}

#slideshow img.active {
    z-index:1010;
   /* opacity:1.0;*/
}

#slideshow IMG.last-active {
    z-index:1009;
}



/* =Footer
----------------------------------------------- */
#footer { clear: both; height: 100px; background: #066a9b url('../images/layout/bg-footer.png') top no-repeat; position: relative; font-size: 12px; line-height: 1.5; color: #07a5f3; }
	#footer ul { position: absolute; left: 12px; top: 37px; }
	#footer ul li { display: inline; }
	#footer ul li a { text-decoration: none; display: block; float: left; margin-right: 60px; padding-left: 11px; }
	#footer ul li a:hover, #footer ul li a.current-page { font-weight: bold; background: url('../images/nav/footer_nav_bullet.gif') left no-repeat; }
	#footer address { position: absolute; left: 20px; top: 80px; color: #07a5f3; }
	#footer address strong { color: #07a5f3; font-weight: bold; }
	#footer p.contact-info { color: #fff; position: absolute; top: 80px; left: 235px; }
	#footer p.contact-info span { color: #d4f0d2; font-weight: bold; }
	#footer p.contact-info a { text-decoration: none; font-weight: bold; color: #d4f0d2; }
	#footer a.onip { display: block; text-indent: -5000px; background: url('../images/other/peintures_onip.gif') no-repeat; width: 98px; height: 102px; position: absolute; right: 7px; top: 54px; }
	#footer p.copyright { position: absolute; bottom: 25px; left: 28px; color: #9adbfb; }
	#footer p.copyright strong {font-weight: bold;}
	#footer p.copyright a {color: #9adbfb;}
	#footer p.site-by { position: absolute; bottom: 45px; right: 28px;color: #9adbfb; text-align:right; }
	#footer p.site-by a { color: #9adbfb; text-decoration: none; font-weight: bold;text-align:right; }
	#footer p.site-by a:hover { color: #9adbfb; text-decoration:underline;}