body
{background: #bc9b91;
color: #724b4b;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height:  1.5em;
font-weight: normal; 
}


* {margin: 0; padding: 0;}



#top
{
width:910px;
height:183px;
}

#topline
{
width:100%;
background:#5a4b46;
height:23px;
}

#banner
{
background:url(images/banner.jpg) no-repeat;
width:832px;
height:242px;
}

#bottom
{
	background:url(images/bottom.jpg) no-repeat;
	width:642px;
	height:53px;
	clear:both;
	text-align: left;
	padding-top: 30px;
	padding-left: 190px;
	font: 11px "Trebuchet MS";
	font-weight: bold;
	color: #724b4b;
}

#main
{
	background:url(images/main.jpg) repeat-y;
	width:832px;
	height: auto;
}

#maintextframe
{
width:460px;
}

#maintext
{margin-right:160px;
padding-left:20px;
width:445px;
}

#rightline
{
	border-right: 2px solid #deca9f;
}

#rightline p
{padding-right:10px;}

#left
{float:left;
background:url(images/linkmap.jpg) no-repeat;
width:195px;
height:393px;
}

#left1
{float:left;
width:195px;
height:393px;
}

#link1 a
{float:left;
background:url(images/1.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link1 a:hover
{float:left;
background:url(images/1a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}

#linkovi
{float:left;
padding-left:25px;
margin-top:65px;}

#link2 a
{float:left;
background:url(images/2.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link2 a:hover
{float:left;
background:url(images/2a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}


#link3 a
{float:left;
background:url(images/3.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link3 a:hover
{float:left;
background:url(images/3a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}


#link4 a
{float:left;
background:url(images/4.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link4 a:hover
{float:left;
background:url(images/4a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}


#link5 a
{float:left;
background:url(images/5.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link5 a:hover
{float:left;
background:url(images/5a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}


#link6 a
{float:left;
background:url(images/6.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link6 a:hover
{float:left;
background:url(images/6a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}


#link7 a
{float:left;
background:url(images/7.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link7 a:hover
{float:left;
background:url(images/7a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}


#link8 a
{float:left;
background:url(images/8.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link8 a:hover
{float:left;
background:url(images/8a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}


#link9 a
{float:left;
background:url(images/9.jpg) no-repeat;
width:155px;
padding-top:5px;
height:23px;
color:#704d4b;
}

#link9 a:hover
{float:left;
background:url(images/9a.jpg) no-repeat;
width:155px;
text-decoration:none;
color:#704d4b;
padding-top:5px;
height:23px;
color:#704d4b;
}

#left2
{

width:139px;
height:191px;
}

#right
{
width:166px;
margin-left:668px;
position:absolute;
top:302px;
z-index:2;
}


span
{display:none;}

p
{
text-align:justify;
}


h4{text-align:left;}

.linkovi
{padding-left:14px;
}


.onama
{
	text-align:left;
	font-size:18px;
	padding-top:20px;
	padding-bottom:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #724b4b;
	font-weight: normal;
}

.maintext
{padding-top:30px;}

.kontakt
{
	width:160px;
	height:155px;
	background: url(images/konjic.jpg) no-repeat;
	margin-right:20px;
	margin-top: 10px;
}

.kontakt li
{list-style:none;
font-family:"Trebuchet MS";
text-align:left;
color: #724b4b;
font-size:11px;
}

.kontaktirajtenas
{
color: #724b4b;
padding-top:3px;
font-family: "Times New Roman";
padding-bottom:10px;
}


.kontakt h5
{font-size:15px;
font-family: "Times New Roman";
}


.kontakt li a
{list-style:none;
text-align:left;
font-family:"Trebuchet MS";
font-weight:bold;
color: #724b4b;
text-decoration:none;}


.kontakt li a:hover
{list-style:none;
text-align:left;
font-family:"Trebuchet MS";
font-weight:bold;
color: #a48888;
text-decoration:underline;}

.lokalnaplazi
{
	background: url(images/restoran.jpg) no-repeat;
	width:133px;
	height:191px;
	padding-right:120px;
	display: block;
}


.korisni
{width:160px;
background: url(images/korisni.jpg) no-repeat;
margin-top:20px;
margin-right:20px;
}

.korisni li
{list-style:none;
text-align:left;
font-family:"Trebuchet MS";
font-size:13px;
}

.kontaktirajtenas
{
	font-size:14px;
	font-family:"Times New Roman";
	color: #724b4b;
	padding-top:3px;
	padding-bottom:10px;
	padding-left:4px;
}


.korisni li a
{list-style:none;
text-align:left;
color: #724b4b;
font-size:11px;
font-family:"Trebuchet MS";
font-weight:bold;
text-decoration:none;}

.korisni h5
{padding-left:4px;
font-size:14px;
font-family:"Times New Roman";
}

.korisni li a:hover
{list-style:none;
text-align:left;
color: #a48888;
font-size:11px;
font-family:"Trebuchet MS";
text-decoration:underline;}


a:hover
{color: #565b70;}

img {
	border-width: 0px;
}


.popunjuje_prazno
{height:10px;}

.popunjuje_prazno1
{height:20px;}

.paragraf1
{
margin-bottom:90px;}

.paragraf12
{
text-align:left;
}

.paragraf12 img
{
text-align:left;
margin-right: 10px;
border: 3px #edddbb solid;
}

.paragraf2
{
	margin-bottom:100px;
}

.paragraf4
{padding-top:0px;
margin-bottom:25px;}

.paragraf5
{
	padding-top:0px;
	margin-bottom: 15px;
}


.paragraf3
{padding-top:5px;
margin-bottom:25px;}

.paragraf6
{
margin-bottom:70px;}

.paragraf7
{
	padding-top:15px;
	padding-bottom:45px;
	margin-bottom: 60px;
}

.paragraf8
{padding-top:3px;
margin-bottom:25px;}

.paragraf13
{padding-top:45px;
margin-bottom:30px;}

.paragraf14
{padding-top:13px;
margin-bottom:25px;}

.paragraf15
{padding-top:5px;
padding-bottom:75px;}

.paragraf16
{padding-top:13px;
padding-bottom:85px;}




.slika1
{
	float:right;
	width:150px;
	height:113px;
	margin-left:5px;
	margin-right:5px;
	border:5px #edddbb solid;
}

.slika13
{float:right;
width:150px;
height:113px;
margin-top:2px;
margin-left:5px;
margin-right:5px;
border:5px #edddbb solid;
}


.slika2
{float:left;
width:150px;
height:113px;
margin-left:0px;
margin-right:5px;
border:5px #edddbb solid;
}

.slika3
{float:left;
width:113px;
height:150px;
margin-top:6px;
margin-left:0px;
margin-right:5px;
border:5px #edddbb solid;
}

.slika4
{float:left;
width:100px;
height:150px;
margin-top:6px;
margin-left:0px;
margin-right:5px;
border:5px #edddbb solid;
}

.slika5
{float:right;
width:100px;
height:150px;
margin-top:6px;
margin-left:0px;
margin-right:5px;
padding-bottom:10px;
border:5px #edddbb solid;
}

.slika6
{float:right;
width:100px;
height:150px;
margin-top:6px;
margin-left:6px;
margin-right:5px;
border:5px #edddbb solid;
}

.slika7
{float:left;
width:98px;
height:150px;
margin-top:6px;
margin-left:6px;
margin-right:5px;
border:5px #edddbb solid;
}



.slika12
{float:left;
width:150px;
height:113px;
margin-top:7px;
margin-left:5px;
margin-right:5px;
border:5px #edddbb solid;
}

#maintext p
{padding-bottom:15px;}

.jezik li
{display:inline;}

#jezik
{
	float:right;
	font-size:11px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	padding-right:15px;
	padding-top:3px;
	color: #724b4b;
}

a
{font-weight:bold;
text-decoration:none;}

a:hover
{
	text-decoration:underline;
	color: #a48888;
}

.apartmani
{
background:#edddbb;
text-align:left;
font-family:"Times New Roman";
font-size:18px;}

.apartmani1
{
background:#edddbb;
text-align:left;
font-family:"Times New Roman";
font-size:18px;
list-style:none;}


#opis_apartmana
{width:270px;
float:left;
margin-top:0px;
}

#opis_apartmana1
{margin-right:5px;
background:#edddbb;
margin-bottom:30px;
padding-top:20px;
width:435px;
float: left;}

#opis_apartmana2
{margin-right:5px;
background:#edddbb;
padding-top:22px;
width:435px;
clear: both;}


#opis_apartmana ul li
{list-style:none;
text-align:left;
padding-top:23px;
padding-left:5px;
}


#slike_apartmana
{width:165px;
height:521px;
float: right;
}

#slike_apartmana ul li
{width:150px;
border:5px #edddbb solid;
list-style:none;
}

#slike_apartmana1
{width:165px;
height:658px;
float: right;
}

#slike_apartmana1 ul li
{width:150px;
border:5px #edddbb solid;
list-style:none;
}

.opis_slika
{
padding-left:60px;
padding-top:103px;

}


.opis_slika1
{
padding-left:60px;
margin-top:13px;
padding-bottom:0px;
margin-bottom:0px;
}

.opis_slika3
{
padding-left:60px;
margin-top:8px;
padding-bottom:0px;
margin-bottom:0px;
}

.rupa
{height:100px;}


.form_label
{float:left;
text-align:left;
margin-top:17px;
width:150px;}

.form_element_167
{
	margin-top:0px;
	width:200px;
	background:#f8eed8;
	border:3px #edddbb solid;
	padding: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

.textarea
{
	margin-bottom:20px;
	margin-top:2px;
	width:200px;
	height:150px;
	background:#f8eed8;
	border:3px #edddbb solid;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 2px;
}

.kontakti1
{margin-top:10px;}

.reset
{
	background:#edddbb;
	width:100px;
	font-weight:bold;
	border-top:1px solid #DFB357;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	border-right: 3px solid #EED6A4;
	border-bottom: 3px solid #EED6A4;
	border-left: 3px solid #EED6A4;
	margin-left: 15px;
}


.submit
{background:#edddbb;
width:100px;
border:3px #f8eed8 solid;
border-top:1px #FFFFFF solid;
font-weight:bold;
}

.popunjuje_prazno7
{height:550px;}

.popunjuje_prazno78
{height:590px;}

.popunjuje_prazno133
{height:710px;}

.popunjuje_praznoRab
{height:310px;}

.popunjuje_prazno1234
{height:100px;}

.popunjuje_praznogal
{height:150px;}

.popunjuje_praznogal1
{height:190px;}

.popunjuje_praznogal12
{height:90px;}


.popunjuje_praznogal23
{height:100px;}


.paragraf9 {

margin-bottom:5px;
}
.space {
	text-align: center;
	height: 550px;
	margin-top: 20px;
	padding-top: 20px;
}
.bold {
	font-weight: bold;
}

#red1
{margin-bottom:10px;
margin-top:10px;}

#red2
{
clear:both;
margin-bottom:5px;}

#red3
{
clear:both;
margin-bottom:5px;
margin-top:35px;}

#red13
{
clear:both;
margin-bottom:10px;
margin-top:10px;}



#slika1
{float:left;
margin-right:5px;
	border:3px #edddbb solid;}

#slika21
{float:left;margin-right:5px; margin-top:10px; 	border:3px #edddbb solid;}

#slika17
{float:left;margin-right:5px; margin-bottom:50px; 	border:3px #edddbb solid;}


#slika18
{float:left;  margin-bottom:50px; 	border:3px #edddbb solid;}


#slika2
{float:left;margin-right:5px; border:3px #edddbb solid;}


#slika3
{float:left; margin-right:5px; 	border:3px #edddbb solid;}

#slika41
{float:left; margin-top:14px; border:3px #edddbb solid;}

#slika4
{float:left; border:3px #edddbb solid;}


#slika5
{float:left;
margin-right:7px; 	border:3px #edddbb solid;}

#slika6
{float:left;margin-right:7px; 	border:3px #edddbb solid;}

#slika7
{float:left;margin-right:7px;	border:3px #edddbb solid;}

#slika8
{float:left;margin-right:7px; 	border:3px #edddbb solid;}


#slika9
{float:left; border:3px #edddbb solid;}

.slikaB1 {
width:150px;
height:113px;
margin-top:20px;
margin-left:40px;
}
.slikaB1 img{

border:5px #edddbb solid;
} 

#slika1m {
	float: right;
	height: 113px;
	width: 150px;
	margin-left: 10px;
	border: 3px #edddbb solid;
}
#slika2m {
	float: left;
	height: 113px;
	width: 150px;
	margin-right: 10px;
	border: 3px #edddbb solid;
}

.slika3m {
	
	width:400px;
	float:left;
}

.slika3m img {
	
	height: 113px;
	width: 150px;
	float:left;
	margin-right: 10px;
	border: 3px #edddbb solid;
}

.jezik li a {
	color: #724b4b;
}
.jezik li a:hover {
	color: #a48888;
	text-decoration: underline;
}
#bottom a {
	color: #724b4b;
}
#bottom a:hover {
	color: #a48888;
	text-decoration: underline;
}
#lok1 {
	background: url(images/rab.gif);
	float: left;
	height: 250px;
	width: 415px;
	margin-left: 10px;
	border: 3px #edddbb solid;
	margin-bottom: 20px;
}
#lok2 {

	background: url(images/Trajekti.gif);
	float: left;
	height: 250px;
	width: 415px;
	margin-left: 10px;
	border: 3px #edddbb solid;
	margin-bottom: 20px;
}
#lok3 {


	background: url(images/Lopar-Skapul.gif);
	float: left;
	height: 250px;
	width: 415px;
	margin-left: 10px;
	border: 3px #edddbb solid;
	margin-bottom: 20px;
}

.clear {
clear: both;
}

.primjer
{float:right;
margin-right:10px;
font-size:11px;}